@sproutsocial/seeds-react-data-viz 0.17.1 → 0.19.0

package/dist/bar/index.d.mts

@@ -35,6 +35,8 @@ interface BarChartProps {
     /** Wired into Highcharts' `accessibility.description`. */
     description: string;
     series: Array<BarSeries>;
+    /** Tailwind / class passthrough appended to the container class chain. */
+    className?: string;
     /** Orientation of the bars. `"vertical"` (default) renders columns; `"horizontal"` renders bars. */
     direction?: BarChartDirection;
     /** Maximum number of series to display. Series beyond the limit are dropped. Default `10`. */
@@ -61,6 +63,13 @@ interface BarChartProps {
     tooltipClickLabel?: ReactNode;
     /** Override for the value shown when a data point is null. Defaults to an em-dash. */
     invalidNumberLabel?: ReactNode;
+    /**
+     * Chart title included in the exported image (PNG/SVG/PDF) only — it does
+     * *not* render on screen. The on-screen title is a React sibling outside the
+     * chart SVG and can't be captured on export, so `exportTitle` is baked into
+     * the export clone as a themed native Highcharts title. Omit for no title.
+     */
+    exportTitle?: string;
     /** Fired once per chart instance with a handle for PNG/SVG/PDF/CSV downloads. Re-fires only on remount. */
     onReady?: (handle: ChartExportHandle) => void;
 }

package/dist/bar/index.d.ts

@@ -35,6 +35,8 @@ interface BarChartProps {
     /** Wired into Highcharts' `accessibility.description`. */
     description: string;
     series: Array<BarSeries>;
+    /** Tailwind / class passthrough appended to the container class chain. */
+    className?: string;
     /** Orientation of the bars. `"vertical"` (default) renders columns; `"horizontal"` renders bars. */
     direction?: BarChartDirection;
     /** Maximum number of series to display. Series beyond the limit are dropped. Default `10`. */
@@ -61,6 +63,13 @@ interface BarChartProps {
     tooltipClickLabel?: ReactNode;
     /** Override for the value shown when a data point is null. Defaults to an em-dash. */
     invalidNumberLabel?: ReactNode;
+    /**
+     * Chart title included in the exported image (PNG/SVG/PDF) only — it does
+     * *not* render on screen. The on-screen title is a React sibling outside the
+     * chart SVG and can't be captured on export, so `exportTitle` is baked into
+     * the export clone as a themed native Highcharts title. Omit for no title.
+     */
+    exportTitle?: string;
     /** Fired once per chart instance with a handle for PNG/SVG/PDF/CSV downloads. Re-fires only on remount. */
     onReady?: (handle: ChartExportHandle) => void;
 }

package/dist/bar/index.js

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 _chunkQKH2ZO2Djs = require('../chunk-QKH2ZO2D.js');
+var _chunk4IOYAUAKjs = require('../chunk-4IOYAUAK.js');
 
 
+var _chunk6EIJCJCNjs = require('../chunk-6EIJCJCN.js');
 
-var _chunk6D7P3IOTjs = require('../chunk-6D7P3IOT.js');
 
 
+var _chunk6D7P3IOTjs = require('../chunk-6D7P3IOT.js');
 
 
-var _chunkHDEKK4W4js = require('../chunk-HDEKK4W4.js');
 
 
-var _chunkWEKDYQ4Tjs = require('../chunk-WEKDYQ4T.js');
+var _chunkDLO4WZLTjs = require('../chunk-DLO4WZLT.js');
+require('../chunk-WEKDYQ4T.js');
 
 // src/charts/bar/BarChart.tsx
 var _react = require('react');
@@ -27,7 +28,7 @@ function buildBarChartOptions(props, direction, series = props.series) {
   const chartType = highchartsType(direction);
   const isDatetime = props.xAxis.type === "datetime";
   const tooltipTimezone = _chunk6D7P3IOTjs.resolveTooltipTimezone.call(void 0, props.xAxis, props.timezone);
-  const { annotations, lookup: annotationLookup } = _chunkQKH2ZO2Djs.buildAnnotationConfig.call(void 0, 
+  const { annotations, lookup: annotationLookup } = _chunk4IOYAUAKjs.buildAnnotationConfig.call(void 0, 
     props.annotations
   );
   const barTypeConfig = {
@@ -74,7 +75,7 @@ function buildBarChartOptions(props, direction, series = props.series) {
     }
   };
   const options = {
-    ..._chunkHDEKK4W4js.buildBaseChartOptions.call(void 0, {
+    ..._chunkDLO4WZLTjs.buildBaseChartOptions.call(void 0, {
       type: chartType,
       description: props.description,
       valueSuffix: props.valueSuffix,
@@ -95,7 +96,7 @@ function buildBarChartOptions(props, direction, series = props.series) {
         enabled: _optionalChain([props, 'access', _19 => _19.yAxis, 'optionalAccess', _20 => _20.showLabels]) !== false,
         // A declarative `format` drives ticks through the shared valueFormatter;
         // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).
-        formatter: _optionalChain([props, 'access', _21 => _21.yAxis, 'optionalAccess', _22 => _22.format]) ? _chunkQKH2ZO2Djs.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunkQKH2ZO2Djs.defaultValueAxisLabelFormatter
+        formatter: _optionalChain([props, 'access', _21 => _21.yAxis, 'optionalAccess', _22 => _22.format]) ? _chunk4IOYAUAKjs.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunk4IOYAUAKjs.defaultValueAxisLabelFormatter
       }
     },
     plotOptions: {
@@ -113,52 +114,6 @@ function buildBarChartOptions(props, direction, series = props.series) {
   return { options, annotationLookup, tooltipTimezone };
 }
 
-// src/charts/bar/styles.ts
-var _styledcomponents = require('styled-components'); var _styledcomponents2 = _interopRequireDefault(_styledcomponents);
-var _seedsreactbox = require('@sproutsocial/seeds-react-box');
-
-// src/charts/shared/styles.ts
-
-var axisLabelV2Styles = _styledcomponents.css`
-  .highcharts-xaxis-labels,
-  .highcharts-yaxis-labels {
-    // SVG labels (styledMode): fill is the SVG text colour; color has no effect.
-    text {
-      font-family: ${({ theme }) => theme.fontFamily};
-      ${({ theme }) => theme.typography[100]};
-      font-weight: ${({ theme }) => theme.fontWeights.normal};
-      fill: ${({ theme }) => theme.colors.text.subtext};
-    }
-  }
-  // Two-line stacked datetime label: the boundary token is an
-  // hc-axis-label-secondary tspan on a second line, rendered semibold.
-  .highcharts-xaxis-labels text tspan.hc-axis-label-secondary {
-    font-weight: ${({ theme }) => theme.fontWeights.semibold};
-  }
-`;
-
-// src/charts/bar/styles.ts
-var barFamilyStyles = _styledcomponents.css`
-  ${_chunkWEKDYQ4Tjs.timeSeriesChartStyles}
-
-  /*
-    When the chart container is hovered, dim all bars. Then restore opacity for
-    the hovered bar(s) — flagged with the bar-point-hover class by the adapter —
-    so the non-hovered bars fade out.
-  */
-  .highcharts-container:hover .highcharts-point {
-    fill-opacity: 0.3;
-  }
-
-  .highcharts-point.bar-point-hover {
-    fill-opacity: 1 !important;
-  }
-`;
-var BarStyledBox = _styledcomponents2.default.call(void 0, _seedsreactbox.Box)`
-  ${barFamilyStyles}
-  ${axisLabelV2Styles}
-`;
-
 // src/charts/constants.ts
 var BAR_CHART_DEFAULT_SERIES_LIMIT = 10;
 
@@ -166,7 +121,7 @@ var BAR_CHART_DEFAULT_SERIES_LIMIT = 10;
 var _jsxruntime = require('react/jsx-runtime');
 var BarChart = _react.memo.call(void 0, function BarChart2(props) {
   const seriesLimit = _nullishCoalesce(props.seriesLimit, () => ( BAR_CHART_DEFAULT_SERIES_LIMIT));
-  const { colors, series } = _chunkHDEKK4W4js.useSeedsChartSetup.call(void 0, {
+  const { colors, series } = _chunkDLO4WZLTjs.useSeedsChartSetup.call(void 0, {
     series: props.series,
     seriesLimit,
     isSeriesLimitOverridden: props.seriesLimit !== void 0,
@@ -179,30 +134,29 @@ var BarChart = _react.memo.call(void 0, function BarChart2(props) {
     series
   );
   const hasOnClick = Boolean(props.onClick);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    BarStyledBox,
+  const containerProps = _chunk6EIJCJCNjs.getChartContainerProps.call(void 0, {
+    familyClasses: ["seeds-chart-time-series", "seeds-chart-bar"],
+    colors: series.map((s) => s.color),
+    hasOnClick,
+    className: props.className
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...containerProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkDLO4WZLTjs.ChartRenderer,
     {
-      $colors: colors,
-      $hasOnClick: hasOnClick,
-      bg: "container.background.base",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHDEKK4W4js.ChartRenderer,
-        {
-          options,
-          series,
-          colors,
-          tooltip: props.tooltip,
-          annotationLookup,
-          hasOnClick,
-          tooltipClickLabel: props.tooltipClickLabel,
-          timezone: tooltipTimezone,
-          invalidNumberLabel: props.invalidNumberLabel,
-          valueFormat: _optionalChain([props, 'access', _23 => _23.yAxis, 'optionalAccess', _24 => _24.format]),
-          onReady: props.onReady
-        }
-      )
+      options,
+      series,
+      colors,
+      tooltip: props.tooltip,
+      annotationLookup,
+      hasOnClick,
+      tooltipClickLabel: props.tooltipClickLabel,
+      timezone: tooltipTimezone,
+      invalidNumberLabel: props.invalidNumberLabel,
+      valueFormat: _optionalChain([props, 'access', _23 => _23.yAxis, 'optionalAccess', _24 => _24.format]),
+      exportTitle: props.exportTitle,
+      onReady: props.onReady
     }
-  );
+  ) });
 });
 
 

package/dist/bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/bar/index.js","../../src/charts/bar/BarChart.tsx","../../src/charts/bar/adapter.ts","../../src/charts/bar/styles.ts","../../src/charts/shared/styles.ts","../../src/charts/constants.ts"],"names":["css","BarChart"],"mappings":"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","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/bar/index.js","sourcesContent":[null,"import { memo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { buildBarChartOptions } from \"./adapter\";\nimport { BarStyledBox } from \"./styles\";\nimport type { BarChartProps } from \"./types\";\nimport { BAR_CHART_DEFAULT_SERIES_LIMIT } from \"../constants\";\n\nexport const BarChart = memo(function BarChart(props: BarChartProps) {\n  // The shared hook caps the series to the limit (and warns once per render\n  // when the default is exceeded without an explicit override) so the adapter\n  // and renderer below all consume the capped data.\n  const seriesLimit = props.seriesLimit ?? BAR_CHART_DEFAULT_SERIES_LIMIT;\n  const { colors, series } = useSeedsChartSetup({\n    series: props.series,\n    seriesLimit,\n    isSeriesLimitOverridden: props.seriesLimit !== undefined,\n    hideSeriesLimitWarning: props.hideSeriesLimitWarning,\n    componentName: \"BarChart\",\n  });\n\n  const { options, annotationLookup, tooltipTimezone } = buildBarChartOptions(\n    props,\n    props.direction ?? \"vertical\",\n    series\n  );\n  const hasOnClick = Boolean(props.onClick);\n\n  return (\n    <BarStyledBox\n      $colors={colors}\n      $hasOnClick={hasOnClick}\n      bg=\"container.background.base\"\n    >\n      <ChartRenderer\n        options={options}\n        series={series}\n        colors={colors}\n        tooltip={props.tooltip}\n        annotationLookup={annotationLookup}\n        hasOnClick={hasOnClick}\n        tooltipClickLabel={props.tooltipClickLabel}\n        timezone={tooltipTimezone}\n        invalidNumberLabel={props.invalidNumberLabel}\n        valueFormat={props.yAxis?.format}\n        onReady={props.onReady}\n      />\n    </BarStyledBox>\n  );\n});\n","import { buildAnnotationConfig } from \"../shared/annotations\";\nimport type { ChartAnnotationLookup } from \"../shared/annotations\";\nimport type {\n  SeedsChartColumnPlotOptions,\n  SeedsChartOptions,\n} from \"../shared/chartBase\";\nimport { buildBaseChartOptions } from \"../shared/baseChartOptions\";\nimport {\n  buildDimensionalAxis,\n  resolveTooltipTimezone,\n} from \"../shared/axisOptions\";\nimport {\n  defaultValueAxisLabelFormatter,\n  makeValueAxisLabelFormatter,\n} from \"../shared/valueAxisLabelFormatter\";\nimport type { BarChartDirection, BarChartProps } from \"./types\";\n\n// Maps the public `direction` to the Highcharts series/chart type. Highcharts\n// `bar` is a horizontally-oriented `column`: it performs the visual rotation\n// while keeping axis roles (xAxis = category, yAxis = value), so the rest of the\n// adapter is direction-agnostic.\nfunction highchartsType(direction: BarChartDirection): \"column\" | \"bar\" {\n  return direction === \"horizontal\" ? \"bar\" : \"column\";\n}\n\nexport function buildBarChartOptions(\n  props: BarChartProps,\n  direction: BarChartDirection,\n  // The (already-capped) series to render. Defaults to `props.series` so the\n  // ~40 existing call sites keep working; the component passes the capped\n  // series from `useSeedsChartSetup` explicitly.\n  series: BarChartProps[\"series\"] = props.series\n): {\n  options: SeedsChartOptions;\n  annotationLookup: ChartAnnotationLookup | undefined;\n  /** Resolved timezone for the tooltip date formatter; undefined on category axes. */\n  tooltipTimezone: string | undefined;\n} {\n  const chartType = highchartsType(direction);\n  const isDatetime = props.xAxis.type === \"datetime\";\n  const tooltipTimezone = resolveTooltipTimezone(props.xAxis, props.timezone);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n  // `column` (vertical) and `bar` (horizontal) take the same option shape, so a\n  // single config is assigned under the active direction's key. Typed\n  // explicitly so the `point.events` handlers below keep their `this`/`event`\n  // contextual types (a computed `[chartType]` key would otherwise erase them).\n  const barTypeConfig: SeedsChartColumnPlotOptions = {\n    // \"grouped\" maps to omitting `stacking` — Highcharts renders multi-series\n    // columns side-by-side when no stacking is set.\n    ...(props.stacking === \"grouped\"\n      ? {}\n      : { stacking: props.stacking ?? \"normal\" }),\n    // Horizontal bars are height-constrained (fixed chart height ÷ categories),\n    // so the same padding fractions that work for columns produce hairline bars.\n    pointPadding: direction === \"horizontal\" ? 0.05 : 0.25,\n    groupPadding: direction === \"horizontal\" ? 0.1 : 0.25,\n    // Fixed bar width on datetime axes. Sparse time-series otherwise size\n    // columns from the (large) gap between points and balloon; this mirrors\n    // v1's `pointWidth: 20` time-series treatment. Dense datetime data may\n    // instead want a `maxPointWidth` cap — revisit when Line/Area land.\n    ...(isDatetime ? { pointWidth: 20 } : {}),\n    borderRadius: 4,\n    borderWidth: 0,\n    // Pairs with the `:hover` dimming rule in `styles.ts`: while the cursor\n    // is over the chart, all bars dim; these handlers restore opacity for\n    // every bar at the hovered x (so stacked/grouped bars highlight together\n    // rather than just the single hovered bar).\n    point: {\n      events: {\n        click: props.onClick\n          ? (event) => props.onClick!({ position: event.point.x })\n          : undefined,\n        mouseOver: function () {\n          const x = this.x;\n          this.series.chart.series.forEach((s) => {\n            if (s.type !== chartType) return;\n            s.data.forEach((point) => {\n              if (point.x !== x) return;\n              point.graphic?.element?.classList.add(\"bar-point-hover\");\n            });\n          });\n        },\n        mouseOut: function () {\n          this.series.chart.series.forEach((s) => {\n            if (s.type !== chartType) return;\n            s.data.forEach((point) => {\n              point.graphic?.element?.classList.remove(\"bar-point-hover\");\n            });\n          });\n        },\n      },\n    },\n  };\n  const options: SeedsChartOptions = {\n    ...buildBaseChartOptions({\n      type: chartType,\n      description: props.description,\n      valueSuffix: props.valueSuffix,\n      reserveTopMargin: Boolean(annotations),\n      timezone: tooltipTimezone,\n    }),\n    xAxis: buildDimensionalAxis(props.xAxis, tooltipTimezone ?? \"UTC\"),\n    yAxis: {\n      min: props.yAxis?.min,\n      max: props.yAxis?.max,\n      gridLineWidth: props.yAxis?.showGridLines === false ? 0 : 1,\n      // A dedicated plotLine at 0, styled distinctly from regular gridlines\n      // (see chartStyles.ts).\n      plotLines: [{ value: 0, className: \"y-axis-zero-line\", zIndex: 3 }],\n      title: { text: props.yAxis?.title ?? \"\" },\n      labels: {\n        // `showLabels` toggles tick-label visibility; defaults to shown.\n        enabled: props.yAxis?.showLabels !== false,\n        // A declarative `format` drives ticks through the shared valueFormatter;\n        // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).\n        formatter: props.yAxis?.format\n          ? makeValueAxisLabelFormatter(props.yAxis.format)\n          : defaultValueAxisLabelFormatter,\n      },\n    },\n    plotOptions: {\n      series: { animation: false },\n      [chartType]: barTypeConfig,\n    },\n    series: series.map((s) => ({\n      type: chartType,\n      name: s.name,\n      data: [...s.data],\n      color: s.color,\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipTimezone };\n}\n","import styled, { css } from \"styled-components\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { timeSeriesChartStyles } from \"../../styles/chartStyles\";\nimport { axisLabelV2Styles } from \"../shared/styles\";\nimport type {\n  TypeChartStyleColor,\n  TypeChartStyleHasOnClick,\n} from \"../../types\";\n\ntype StyleProps = Readonly<{\n  $colors: ReadonlyArray<TypeChartStyleColor>;\n  $hasOnClick: TypeChartStyleHasOnClick;\n}>;\n\n// Direction-neutral styling shared by the v2 bar family (vertical + horizontal).\n// Consumes only the v1 `timeSeriesChartStyles` base and owns the hover-dimming\n// block itself, keyed on the neutral `.bar-point-hover` class the adapter emits\n// — so v2 no longer imports v1 *component* styles (see `shared/styles.ts`).\nexport const barFamilyStyles = css<StyleProps>`\n  ${timeSeriesChartStyles}\n\n  /*\n    When the chart container is hovered, dim all bars. Then restore opacity for\n    the hovered bar(s) — flagged with the bar-point-hover class by the adapter —\n    so the non-hovered bars fade out.\n  */\n  .highcharts-container:hover .highcharts-point {\n    fill-opacity: 0.3;\n  }\n\n  .highcharts-point.bar-point-hover {\n    fill-opacity: 1 !important;\n  }\n`;\n\nexport const BarStyledBox = styled(Box)<StyleProps>`\n  ${barFamilyStyles}\n  ${axisLabelV2Styles}\n`;\n","import { css } from \"styled-components\";\n\n/**\n * v2 chart axis-label styles. v2 charts render in `styledMode` with\n * `useHTML: false`, so axis labels are SVG `<text>` / `<tspan>` rather than the\n * HTML `<span>`s v1 uses; these mirror the v1 HTML label rules in\n * `styles/chartStyles.ts` for the SVG element type.\n *\n * Kept here, separate from v1's `timeSeriesChartStyles`: v2 may *consume* the v1\n * styles, but v2-specific rules must not accrete into the v1 files — that keeps\n * the eventual v1 → v2 port clean and avoids coupling. Compose this into each v2\n * chart family's styled wrapper.\n */\nexport const axisLabelV2Styles = css`\n  .highcharts-xaxis-labels,\n  .highcharts-yaxis-labels {\n    // SVG labels (styledMode): fill is the SVG text colour; color has no effect.\n    text {\n      font-family: ${({ theme }) => theme.fontFamily};\n      ${({ theme }) => theme.typography[100]};\n      font-weight: ${({ theme }) => theme.fontWeights.normal};\n      fill: ${({ theme }) => theme.colors.text.subtext};\n    }\n  }\n  // Two-line stacked datetime label: the boundary token is an\n  // hc-axis-label-secondary tspan on a second line, rendered semibold.\n  .highcharts-xaxis-labels text tspan.hc-axis-label-secondary {\n    font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  }\n`;\n","export const BAR_CHART_DEFAULT_SERIES_LIMIT = 10;\n"]}
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/bar/index.js","../../src/charts/bar/BarChart.tsx","../../src/charts/bar/adapter.ts","../../src/charts/constants.ts"],"names":["BarChart"],"mappings":"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","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/bar/index.js","sourcesContent":[null,"import { memo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { getChartContainerProps } from \"../shared/chartContainer\";\nimport { buildBarChartOptions } from \"./adapter\";\nimport type { BarChartProps } from \"./types\";\nimport { BAR_CHART_DEFAULT_SERIES_LIMIT } from \"../constants\";\n\nexport const BarChart = memo(function BarChart(props: BarChartProps) {\n  // The shared hook caps the series to the limit (and warns once per render\n  // when the default is exceeded without an explicit override) so the adapter\n  // and renderer below all consume the capped data.\n  const seriesLimit = props.seriesLimit ?? BAR_CHART_DEFAULT_SERIES_LIMIT;\n  const { colors, series } = useSeedsChartSetup({\n    series: props.series,\n    seriesLimit,\n    isSeriesLimitOverridden: props.seriesLimit !== undefined,\n    hideSeriesLimitWarning: props.hideSeriesLimitWarning,\n    componentName: \"BarChart\",\n  });\n\n  const { options, annotationLookup, tooltipTimezone } = buildBarChartOptions(\n    props,\n    props.direction ?? \"vertical\",\n    series\n  );\n  const hasOnClick = Boolean(props.onClick);\n\n  // Plain <div> consuming the shared chart-styles.css contract via\n  // getChartContainerProps. Colors are the RAW per-series colors (undefined when\n  // unset, so only explicit overrides inline --highcharts-color-N), NOT the\n  // palette-resolved `colors` passed to ChartRenderer. Neither stylesheet is\n  // self-imported (consumers import both).\n  const containerProps = getChartContainerProps({\n    familyClasses: [\"seeds-chart-time-series\", \"seeds-chart-bar\"],\n    colors: series.map((s) => s.color),\n    hasOnClick,\n    className: props.className,\n  });\n\n  return (\n    <div {...containerProps}>\n      <ChartRenderer\n        options={options}\n        series={series}\n        colors={colors}\n        tooltip={props.tooltip}\n        annotationLookup={annotationLookup}\n        hasOnClick={hasOnClick}\n        tooltipClickLabel={props.tooltipClickLabel}\n        timezone={tooltipTimezone}\n        invalidNumberLabel={props.invalidNumberLabel}\n        valueFormat={props.yAxis?.format}\n        exportTitle={props.exportTitle}\n        onReady={props.onReady}\n      />\n    </div>\n  );\n});\n","import { buildAnnotationConfig } from \"../shared/annotations\";\nimport type { ChartAnnotationLookup } from \"../shared/annotations\";\nimport type {\n  SeedsChartColumnPlotOptions,\n  SeedsChartOptions,\n} from \"../shared/chartBase\";\nimport { buildBaseChartOptions } from \"../shared/baseChartOptions\";\nimport {\n  buildDimensionalAxis,\n  resolveTooltipTimezone,\n} from \"../shared/axisOptions\";\nimport {\n  defaultValueAxisLabelFormatter,\n  makeValueAxisLabelFormatter,\n} from \"../shared/valueAxisLabelFormatter\";\nimport type { BarChartDirection, BarChartProps } from \"./types\";\n\n// Maps the public `direction` to the Highcharts series/chart type. Highcharts\n// `bar` is a horizontally-oriented `column`: it performs the visual rotation\n// while keeping axis roles (xAxis = category, yAxis = value), so the rest of the\n// adapter is direction-agnostic.\nfunction highchartsType(direction: BarChartDirection): \"column\" | \"bar\" {\n  return direction === \"horizontal\" ? \"bar\" : \"column\";\n}\n\nexport function buildBarChartOptions(\n  props: BarChartProps,\n  direction: BarChartDirection,\n  // The (already-capped) series to render. Defaults to `props.series` so the\n  // ~40 existing call sites keep working; the component passes the capped\n  // series from `useSeedsChartSetup` explicitly.\n  series: BarChartProps[\"series\"] = props.series\n): {\n  options: SeedsChartOptions;\n  annotationLookup: ChartAnnotationLookup | undefined;\n  /** Resolved timezone for the tooltip date formatter; undefined on category axes. */\n  tooltipTimezone: string | undefined;\n} {\n  const chartType = highchartsType(direction);\n  const isDatetime = props.xAxis.type === \"datetime\";\n  const tooltipTimezone = resolveTooltipTimezone(props.xAxis, props.timezone);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n  // `column` (vertical) and `bar` (horizontal) take the same option shape, so a\n  // single config is assigned under the active direction's key. Typed\n  // explicitly so the `point.events` handlers below keep their `this`/`event`\n  // contextual types (a computed `[chartType]` key would otherwise erase them).\n  const barTypeConfig: SeedsChartColumnPlotOptions = {\n    // \"grouped\" maps to omitting `stacking` — Highcharts renders multi-series\n    // columns side-by-side when no stacking is set.\n    ...(props.stacking === \"grouped\"\n      ? {}\n      : { stacking: props.stacking ?? \"normal\" }),\n    // Horizontal bars are height-constrained (fixed chart height ÷ categories),\n    // so the same padding fractions that work for columns produce hairline bars.\n    pointPadding: direction === \"horizontal\" ? 0.05 : 0.25,\n    groupPadding: direction === \"horizontal\" ? 0.1 : 0.25,\n    // Fixed bar width on datetime axes. Sparse time-series otherwise size\n    // columns from the (large) gap between points and balloon; this mirrors\n    // v1's `pointWidth: 20` time-series treatment. Dense datetime data may\n    // instead want a `maxPointWidth` cap — revisit when Line/Area land.\n    ...(isDatetime ? { pointWidth: 20 } : {}),\n    borderRadius: 4,\n    borderWidth: 0,\n    // Pairs with the `:hover` dimming rule in `styles.ts`: while the cursor\n    // is over the chart, all bars dim; these handlers restore opacity for\n    // every bar at the hovered x (so stacked/grouped bars highlight together\n    // rather than just the single hovered bar).\n    point: {\n      events: {\n        click: props.onClick\n          ? (event) => props.onClick!({ position: event.point.x })\n          : undefined,\n        mouseOver: function () {\n          const x = this.x;\n          this.series.chart.series.forEach((s) => {\n            if (s.type !== chartType) return;\n            s.data.forEach((point) => {\n              if (point.x !== x) return;\n              point.graphic?.element?.classList.add(\"bar-point-hover\");\n            });\n          });\n        },\n        mouseOut: function () {\n          this.series.chart.series.forEach((s) => {\n            if (s.type !== chartType) return;\n            s.data.forEach((point) => {\n              point.graphic?.element?.classList.remove(\"bar-point-hover\");\n            });\n          });\n        },\n      },\n    },\n  };\n  const options: SeedsChartOptions = {\n    ...buildBaseChartOptions({\n      type: chartType,\n      description: props.description,\n      valueSuffix: props.valueSuffix,\n      reserveTopMargin: Boolean(annotations),\n      timezone: tooltipTimezone,\n    }),\n    xAxis: buildDimensionalAxis(props.xAxis, tooltipTimezone ?? \"UTC\"),\n    yAxis: {\n      min: props.yAxis?.min,\n      max: props.yAxis?.max,\n      gridLineWidth: props.yAxis?.showGridLines === false ? 0 : 1,\n      // A dedicated plotLine at 0, styled distinctly from regular gridlines\n      // (see chartStyles.ts).\n      plotLines: [{ value: 0, className: \"y-axis-zero-line\", zIndex: 3 }],\n      title: { text: props.yAxis?.title ?? \"\" },\n      labels: {\n        // `showLabels` toggles tick-label visibility; defaults to shown.\n        enabled: props.yAxis?.showLabels !== false,\n        // A declarative `format` drives ticks through the shared valueFormatter;\n        // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).\n        formatter: props.yAxis?.format\n          ? makeValueAxisLabelFormatter(props.yAxis.format)\n          : defaultValueAxisLabelFormatter,\n      },\n    },\n    plotOptions: {\n      series: { animation: false },\n      [chartType]: barTypeConfig,\n    },\n    series: series.map((s) => ({\n      type: chartType,\n      name: s.name,\n      data: [...s.data],\n      color: s.color,\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipTimezone };\n}\n","export const BAR_CHART_DEFAULT_SERIES_LIMIT = 10;\n"]}

package/dist/bar.css

@@ -0,0 +1,39 @@
+/**
+ * Seeds BarChart per-family styles.
+ *
+ * Consumers import this alongside the shared foundation stylesheet:
+ *
+ *   import "@sproutsocial/seeds-react-data-viz/chart-styles.css";
+ *   import "@sproutsocial/seeds-react-data-viz/bar.css";
+ *
+ * chart-styles.css owns the shared .seeds-chart layer (background,
+ * annotation-label rules, the per-series .highcharts-color-0..19 palette
+ * fallback, the [data-has-on-click] cursor rules, the global tooltip overrides,
+ * and the .seeds-chart-legend spacing) AND the shared cross-family
+ * .seeds-chart-time-series layer (crosshair, grid/axis lines, ticks, zero line,
+ * hover opacity guard, and the v2 SVG axis-label typography) that line-area also
+ * uses. This file owns ONLY the truly bar-specific .seeds-chart-bar block — it
+ * deliberately does not repeat anything chart-styles.css already ships.
+ *
+ * Static theme values reference the DS token CSS variables directly
+ * (var(--color-*)) — the same tokens every other Seeds component CSS uses,
+ * emitted by seeds-react-theme and provided at runtime by the theme provider —
+ * so light/dark follows automatically. Ported from the v1 bar hover-dimming
+ * block; v1 chartStyles.ts stays in place for the v1 wrappers.
+ */
+
+/* =========================================================================
+ * bar family -> .seeds-chart-bar
+ *
+ * hover-dimming: when the chart container is hovered, dim all bars, then
+ * restore opacity for the hovered bar(s) — flagged with the bar-point-hover
+ * class by the adapter — so the non-hovered bars fade out.
+ * ========================================================================= */
+
+.seeds-chart-bar .highcharts-container:hover .highcharts-point {
+  fill-opacity: 0.3;
+}
+
+.seeds-chart-bar .highcharts-point.bar-point-hover {
+  fill-opacity: 1 !important;
+}

package/dist/chart-styles.css

@@ -0,0 +1,295 @@
+/**
+ * Seeds v2 chart styles — shared foundation.
+ *
+ * This is the genuinely-shared layer of the v2 chart styling migration: the
+ * .seeds-chart base rules, the per-series color fallback mechanism, the
+ * clickable-cursor rules, and the global (unscoped) tooltip overrides. It is a
+ * static port of the shared pieces of src/styles/chartStyles.ts
+ * (baseChartStyles + GlobalChartStyleOverrides), following the sparkline.css
+ * pattern. Consumers import this once:
+ *
+ *   import "@sproutsocial/seeds-react-data-viz/chart-styles.css";
+ *
+ * Two kinds of layer live here. (1) The .seeds-chart base above. (2) The shared
+ * cross-family .seeds-chart-time-series layer below — used by every v2
+ * time-series family (bar, line-area), so it lives here once rather than being
+ * duplicated in each family .css. Truly per-family classes do NOT live here:
+ * each chart family (CE-170 bar, CE-165 line-area, CE-166 donut) owns and ships
+ * its own .css file with its .seeds-chart-<family> rules (e.g. .seeds-chart-bar
+ * hover-dimming) and passes its own class chain into getChartContainerProps — so
+ * those PRs never collide on this file.
+ *
+ * Theme values reference the DS's already-emitted global CSS variables directly
+ * (var(--color-*) / var(--font-*)) — the same surface other Seeds component CSS
+ * uses — so light/dark follows the theme stylesheet with zero inline JS. The
+ * dynamic per-chart pieces set inline by getChartContainerProps
+ * (src/charts/shared/chartContainer.ts) are the shared container mechanism the
+ * family files build on:
+ *
+ *   Explicit per-series color override -> var(--highcharts-color-N) (set inline)
+ *   $hasOnClick   -> [data-has-on-click] attribute
+ *   $patterns     -> [data-dashed-series~="N"] attribute
+ *
+ * .seeds-chart sets --highcharts-color-N to the DS data-viz palette variable
+ * (var(--color-dataviz-list-N), emitted by @sproutsocial/seeds-react-theme's
+ * theme.css/theme-all.css — light/dark scoped, since the two modes pick
+ * different underlying swatches per index) as its default. An explicit
+ * per-series override is inlined by getChartContainerProps directly on the
+ * same element, which — same property, same element — wins over this class
+ * rule regardless of specificity, so the override still takes precedence.
+ * Defining the custom property itself (rather than only referencing the DS
+ * variable inside a var() fallback on fill/stroke) matters here: Highcharts
+ * ships its own default .highcharts-color-N colors (imported via
+ * highcharts/css/highcharts.css), and when var(--highcharts-color-N, ...)
+ * fails to resolve at all, the declaration is invalid at computed-value time
+ * and the cascade falls through to Highcharts' own default — silently
+ * dropping to Highcharts' palette instead of the DS one. The enumeration runs
+ * 0..19, matching the 20-entry DATAVIZ_COLORS_LIST / --color-dataviz-list-0..19.
+ * Series beyond 20 with an explicit color get no static selector — the same
+ * behaviour as the old JS fallback returning undefined.
+ *
+ * This file is additive: chartStyles.ts still serves v1 (and the not-yet-
+ * migrated v2 wrappers). The duplication is deliberate and temporary.
+ */
+
+/* =========================================================================
+ * baseChartStyles -> .seeds-chart
+ * ========================================================================= */
+
+.seeds-chart {
+  --highcharts-background-color: var(--color-container-bg-base);
+
+  --highcharts-color-0: var(--color-dataviz-list-0);
+  --highcharts-color-1: var(--color-dataviz-list-1);
+  --highcharts-color-2: var(--color-dataviz-list-2);
+  --highcharts-color-3: var(--color-dataviz-list-3);
+  --highcharts-color-4: var(--color-dataviz-list-4);
+  --highcharts-color-5: var(--color-dataviz-list-5);
+  --highcharts-color-6: var(--color-dataviz-list-6);
+  --highcharts-color-7: var(--color-dataviz-list-7);
+  --highcharts-color-8: var(--color-dataviz-list-8);
+  --highcharts-color-9: var(--color-dataviz-list-9);
+  --highcharts-color-10: var(--color-dataviz-list-10);
+  --highcharts-color-11: var(--color-dataviz-list-11);
+  --highcharts-color-12: var(--color-dataviz-list-12);
+  --highcharts-color-13: var(--color-dataviz-list-13);
+  --highcharts-color-14: var(--color-dataviz-list-14);
+  --highcharts-color-15: var(--color-dataviz-list-15);
+  --highcharts-color-16: var(--color-dataviz-list-16);
+  --highcharts-color-17: var(--color-dataviz-list-17);
+  --highcharts-color-18: var(--color-dataviz-list-18);
+  --highcharts-color-19: var(--color-dataviz-list-19);
+}
+
+/* set overall chart background color */
+.seeds-chart .highcharts-background {
+  fill: var(--color-container-bg-base);
+}
+
+.seeds-chart g.highcharts-annotation-label {
+  display: none;
+}
+
+.seeds-chart div.highcharts-annotation-label {
+  top: 0 !important;
+  transform: translateX(-50%); /* centers the label on the targeted axis point */
+  pointer-events: none; /* prevents tooltip hover from being interrupted by this element since it renders after on the dom */
+}
+
+/* map colors to custom assigned colors or fall back to the default data viz
+   rotation set on .seeds-chart above. Highcharts already accounts for 10
+   series; enumerate through 19 (DATAVIZ_COLORS_LIST / --color-dataviz-list-*
+   length). */
+.seeds-chart .highcharts-color-0 {
+  color: var(--highcharts-color-0);
+  stroke: var(--highcharts-color-0);
+  fill: var(--highcharts-color-0);
+}
+.seeds-chart .highcharts-color-1 {
+  color: var(--highcharts-color-1);
+  stroke: var(--highcharts-color-1);
+  fill: var(--highcharts-color-1);
+}
+.seeds-chart .highcharts-color-2 {
+  color: var(--highcharts-color-2);
+  stroke: var(--highcharts-color-2);
+  fill: var(--highcharts-color-2);
+}
+.seeds-chart .highcharts-color-3 {
+  color: var(--highcharts-color-3);
+  stroke: var(--highcharts-color-3);
+  fill: var(--highcharts-color-3);
+}
+.seeds-chart .highcharts-color-4 {
+  color: var(--highcharts-color-4);
+  stroke: var(--highcharts-color-4);
+  fill: var(--highcharts-color-4);
+}
+.seeds-chart .highcharts-color-5 {
+  color: var(--highcharts-color-5);
+  stroke: var(--highcharts-color-5);
+  fill: var(--highcharts-color-5);
+}
+.seeds-chart .highcharts-color-6 {
+  color: var(--highcharts-color-6);
+  stroke: var(--highcharts-color-6);
+  fill: var(--highcharts-color-6);
+}
+.seeds-chart .highcharts-color-7 {
+  color: var(--highcharts-color-7);
+  stroke: var(--highcharts-color-7);
+  fill: var(--highcharts-color-7);
+}
+.seeds-chart .highcharts-color-8 {
+  color: var(--highcharts-color-8);
+  stroke: var(--highcharts-color-8);
+  fill: var(--highcharts-color-8);
+}
+.seeds-chart .highcharts-color-9 {
+  color: var(--highcharts-color-9);
+  stroke: var(--highcharts-color-9);
+  fill: var(--highcharts-color-9);
+}
+.seeds-chart .highcharts-color-10 {
+  color: var(--highcharts-color-10);
+  stroke: var(--highcharts-color-10);
+  fill: var(--highcharts-color-10);
+}
+.seeds-chart .highcharts-color-11 {
+  color: var(--highcharts-color-11);
+  stroke: var(--highcharts-color-11);
+  fill: var(--highcharts-color-11);
+}
+.seeds-chart .highcharts-color-12 {
+  color: var(--highcharts-color-12);
+  stroke: var(--highcharts-color-12);
+  fill: var(--highcharts-color-12);
+}
+.seeds-chart .highcharts-color-13 {
+  color: var(--highcharts-color-13);
+  stroke: var(--highcharts-color-13);
+  fill: var(--highcharts-color-13);
+}
+.seeds-chart .highcharts-color-14 {
+  color: var(--highcharts-color-14);
+  stroke: var(--highcharts-color-14);
+  fill: var(--highcharts-color-14);
+}
+.seeds-chart .highcharts-color-15 {
+  color: var(--highcharts-color-15);
+  stroke: var(--highcharts-color-15);
+  fill: var(--highcharts-color-15);
+}
+.seeds-chart .highcharts-color-16 {
+  color: var(--highcharts-color-16);
+  stroke: var(--highcharts-color-16);
+  fill: var(--highcharts-color-16);
+}
+.seeds-chart .highcharts-color-17 {
+  color: var(--highcharts-color-17);
+  stroke: var(--highcharts-color-17);
+  fill: var(--highcharts-color-17);
+}
+.seeds-chart .highcharts-color-18 {
+  color: var(--highcharts-color-18);
+  stroke: var(--highcharts-color-18);
+  fill: var(--highcharts-color-18);
+}
+.seeds-chart .highcharts-color-19 {
+  color: var(--highcharts-color-19);
+  stroke: var(--highcharts-color-19);
+  fill: var(--highcharts-color-19);
+}
+
+/* =========================================================================
+ * $hasOnClick -> [data-has-on-click]
+ * ========================================================================= */
+
+/* apply cursor pointer when click functionality is turned on */
+.seeds-chart[data-has-on-click] .highcharts-series,
+.seeds-chart[data-has-on-click] .highcharts-point {
+  cursor: pointer;
+}
+.seeds-chart[data-has-on-click] .highcharts-plot-background,
+.seeds-chart[data-has-on-click] .highcharts-crosshair,
+.seeds-chart[data-has-on-click] .highcharts-grid-line {
+  fill: transparent;
+  cursor: pointer;
+}
+
+/* =========================================================================
+ * GlobalChartStyleOverrides -> global (unscoped) rules
+ *
+ * These can't override Highcharts defaults when scoped, so they stay global.
+ * ========================================================================= */
+
+.highcharts-tooltip-container {
+  z-index: 7 !important;
+}
+.highcharts-tooltip-box {
+  fill: transparent !important;
+}
+
+/* =========================================================================
+ * ChartRenderer legend wrapper spacing (shared across all v2 families)
+ * ========================================================================= */
+
+/* legend wrapper top margin — replaces the former Box mt={350} / mt-350 utility */
+.seeds-chart-legend {
+  margin-top: var(--space-350);
+}
+
+/* =========================================================================
+ * shared cross-family time-series layer -> .seeds-chart-time-series
+ *
+ * Used by every v2 time-series family (bar, line-area); lives here rather than
+ * in a family .css so families reuse rather than duplicate it. crosshair,
+ * grid/axis lines, ticks, the zero line, the hover opacity guard, and the v2
+ * SVG axis-label typography (v2 renders styledMode SVG text/tspan, not v1 HTML
+ * spans — so these are the axisLabelV2Styles rules, not v1's).
+ * ========================================================================= */
+
+/* vertical crosshair */
+.seeds-chart-time-series .highcharts-crosshair {
+  stroke: var(--color-container-border-decorative-neutral);
+  stroke-width: 1;
+}
+
+/* axis and gridlines */
+.seeds-chart-time-series .highcharts-grid-line,
+.seeds-chart-time-series .highcharts-axis-line {
+  stroke: var(--color-container-border-base);
+}
+
+.seeds-chart-time-series .highcharts-tick {
+  stroke: none;
+}
+
+/* don't drop opacity when another series is hovered */
+.seeds-chart-time-series .highcharts-series-inactive {
+  opacity: 1;
+}
+
+.seeds-chart-time-series path.highcharts-plot-line.y-axis-zero-line {
+  stroke: var(--color-container-border-decorative-neutral);
+}
+
+/* v2 SVG axis labels (styledMode, useHTML: false). fill is the SVG text color;
+   color has no effect. */
+.seeds-chart-time-series .highcharts-xaxis-labels text,
+.seeds-chart-time-series .highcharts-yaxis-labels text {
+  font-family: var(--font-family);
+  font-size: var(--font-size-100);
+  line-height: var(--line-height-100);
+  font-weight: var(--font-weight-normal);
+  fill: var(--color-text-subtext);
+}
+
+/* two-line stacked datetime label: the boundary token is an
+   hc-axis-label-secondary tspan on a second line, rendered semibold */
+.seeds-chart-time-series
+  .highcharts-xaxis-labels
+  text
+  tspan.hc-axis-label-secondary {
+  font-weight: var(--font-weight-semibold);
+}

package/dist/{chunk-QKH2ZO2D.js → chunk-4IOYAUAK.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 _chunkHDEKK4W4js = require('./chunk-HDEKK4W4.js');
+var _chunkDLO4WZLTjs = require('./chunk-DLO4WZLT.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 _chunkHDEKK4W4js.valueFormatter.call(void 0, { ...format, value: numberValue, abbreviate });
+    return _chunkDLO4WZLTjs.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-QKH2ZO2D.js.map
+//# sourceMappingURL=chunk-4IOYAUAK.js.map