@sproutsocial/seeds-react-data-viz 0.18.0 → 0.20.0

package/dist/line-area/index.d.mts

@@ -4,6 +4,7 @@ import { TypeIconName } from '@sproutsocial/seeds-react-icon';
 import { C as ChartAnnotation } from '../annotations-CjFoRPXf.mjs';
 import { V as ValueFormat, C as ChartTooltipProps } from '../chartBase-Cn_5CUJi.mjs';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.mjs';
+import { C as ChartClickHandler, a as ChartHoverHandler } from '../interactions-DoWoL7bu.mjs';
 import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis } from '../axis-WOeYkTO1.mjs';
 import { h as TypeChartStylePattern } from '../types-DxrhdAdn.mjs';
 import 'highcharts';
@@ -66,9 +67,19 @@ interface LineAreaChartProps {
     /** Declarative annotations rendered at positions on the chart. */
     annotations?: ChartAnnotation[];
     /** Click handler invoked with the x-axis value of the clicked point — the category name on a category axis, the numeric timestamp on a datetime axis. */
-    onClick?: ({ position }: {
-        position: number | string;
-    }) => void;
+    onClick?: ChartClickHandler;
+    /**
+     * Fired when the pointer enters a point (also on keyboard focus), with the
+     * x-axis value as `position` — the category name on a category axis, the
+     * numeric timestamp on a datetime axis.
+     */
+    onMouseEnter?: ChartHoverHandler;
+    /**
+     * Fired when the pointer leaves a point (also on keyboard blur), with the
+     * x-axis value as `position` — the category name on a category axis, the
+     * numeric timestamp on a datetime axis.
+     */
+    onMouseLeave?: ChartHoverHandler;
     /** Footer content shown in the default tooltip when `onClick` is set. */
     tooltipClickLabel?: ReactNode;
     /** Override for the value shown when a data point is invalid/missing (null). Defaults to an em-dash. */
@@ -88,6 +99,21 @@ interface LineAreaChartProps {
     onReady?: (handle: ChartExportHandle) => void;
 }
 
+/**
+ * LineAreaChart — the v2 time-series line/area family.
+ *
+ * Like SparklineChart, the wrapper carries no styled-components: it is a plain
+ * <div> whose className / inline custom properties / data-attributes come from
+ * the shared getChartContainerProps contract (CE-164), and its Highcharts
+ * styling ships as a static line-area.css. chart-styles.css owns the shared
+ * base (background, per-series color fallback, click cursor, tooltip, legend)
+ * AND the shared cross-family .seeds-chart-time-series layer (crosshair,
+ * grid/axis lines, ticks, zero line, axis-label typography) that bar also uses;
+ * line-area.css owns only the .seeds-chart-line / .seeds-chart-area selectors.
+ * Neither is imported here — matching the Sparkline/bar convention, the component never
+ * self-imports its stylesheet; consumers import both explicitly (see
+ * charts/README.md).
+ */
 declare const LineAreaChart: react.NamedExoticComponent<LineAreaChartProps>;
 
-export { CategoryAxis, ChartExportHandle, DatetimeAxis, LineAreaChart, type LineAreaChartProps, type LineAreaSeries, type LineAreaVariant, type LineAreaXAxis, type LineAreaYAxis };
+export { CategoryAxis, ChartClickHandler, ChartExportHandle, ChartHoverHandler, DatetimeAxis, LineAreaChart, type LineAreaChartProps, type LineAreaSeries, type LineAreaVariant, type LineAreaXAxis, type LineAreaYAxis };

package/dist/line-area/index.d.ts

@@ -4,6 +4,7 @@ import { TypeIconName } from '@sproutsocial/seeds-react-icon';
 import { C as ChartAnnotation } from '../annotations-CjFoRPXf.js';
 import { V as ValueFormat, C as ChartTooltipProps } from '../chartBase-C-l7yYGx.js';
 import { C as ChartExportHandle } from '../chartExport-CKYpuhik.js';
+import { C as ChartClickHandler, a as ChartHoverHandler } from '../interactions-DoWoL7bu.js';
 import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis } from '../axis-WOeYkTO1.js';
 import { h as TypeChartStylePattern } from '../types-DxrhdAdn.js';
 import 'highcharts';
@@ -66,9 +67,19 @@ interface LineAreaChartProps {
     /** Declarative annotations rendered at positions on the chart. */
     annotations?: ChartAnnotation[];
     /** Click handler invoked with the x-axis value of the clicked point — the category name on a category axis, the numeric timestamp on a datetime axis. */
-    onClick?: ({ position }: {
-        position: number | string;
-    }) => void;
+    onClick?: ChartClickHandler;
+    /**
+     * Fired when the pointer enters a point (also on keyboard focus), with the
+     * x-axis value as `position` — the category name on a category axis, the
+     * numeric timestamp on a datetime axis.
+     */
+    onMouseEnter?: ChartHoverHandler;
+    /**
+     * Fired when the pointer leaves a point (also on keyboard blur), with the
+     * x-axis value as `position` — the category name on a category axis, the
+     * numeric timestamp on a datetime axis.
+     */
+    onMouseLeave?: ChartHoverHandler;
     /** Footer content shown in the default tooltip when `onClick` is set. */
     tooltipClickLabel?: ReactNode;
     /** Override for the value shown when a data point is invalid/missing (null). Defaults to an em-dash. */
@@ -88,6 +99,21 @@ interface LineAreaChartProps {
     onReady?: (handle: ChartExportHandle) => void;
 }
 
+/**
+ * LineAreaChart — the v2 time-series line/area family.
+ *
+ * Like SparklineChart, the wrapper carries no styled-components: it is a plain
+ * <div> whose className / inline custom properties / data-attributes come from
+ * the shared getChartContainerProps contract (CE-164), and its Highcharts
+ * styling ships as a static line-area.css. chart-styles.css owns the shared
+ * base (background, per-series color fallback, click cursor, tooltip, legend)
+ * AND the shared cross-family .seeds-chart-time-series layer (crosshair,
+ * grid/axis lines, ticks, zero line, axis-label typography) that bar also uses;
+ * line-area.css owns only the .seeds-chart-line / .seeds-chart-area selectors.
+ * Neither is imported here — matching the Sparkline/bar convention, the component never
+ * self-imports its stylesheet; consumers import both explicitly (see
+ * charts/README.md).
+ */
 declare const LineAreaChart: react.NamedExoticComponent<LineAreaChartProps>;
 
-export { CategoryAxis, ChartExportHandle, DatetimeAxis, LineAreaChart, type LineAreaChartProps, type LineAreaSeries, type LineAreaVariant, type LineAreaXAxis, type LineAreaYAxis };
+export { CategoryAxis, ChartClickHandler, ChartExportHandle, ChartHoverHandler, DatetimeAxis, LineAreaChart, type LineAreaChartProps, type LineAreaSeries, type LineAreaVariant, type LineAreaXAxis, type LineAreaYAxis };

package/dist/line-area/index.js

@@ -1,21 +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 _chunkGVAMWFB7js = require('../chunk-GVAMWFB7.js');
+var _chunkXYE6O77Zjs = require('../chunk-XYE6O77Z.js');
 
 
-
-var _chunk6D7P3IOTjs = require('../chunk-6D7P3IOT.js');
+var _chunk6EIJCJCNjs = require('../chunk-6EIJCJCN.js');
 
 
 
+var _chunk6D7P3IOTjs = require('../chunk-6D7P3IOT.js');
 
-var _chunkXP7HNV23js = require('../chunk-XP7HNV23.js');
 
 
 
-var _chunkWEKDYQ4Tjs = require('../chunk-WEKDYQ4T.js');
+var _chunk27M4FDNKjs = require('../chunk-27M4FDNK.js');
+require('../chunk-46L4YBLC.js');
 
 // src/charts/line-area/LineAreaChart.tsx
 var _react = require('react');
@@ -44,11 +44,11 @@ function withIsolatedPointMarkers(data) {
 function buildLineAreaChartOptions(props) {
   const tooltipTimezone = _chunk6D7P3IOTjs.resolveTooltipTimezone.call(void 0, props.xAxis, props.timezone);
   const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);
-  const { annotations, lookup: annotationLookup } = _chunkGVAMWFB7js.buildAnnotationConfig.call(void 0, 
+  const { annotations, lookup: annotationLookup } = _chunkXYE6O77Zjs.buildAnnotationConfig.call(void 0, 
     props.annotations
   );
   const options = {
-    ..._chunkXP7HNV23js.buildBaseChartOptions.call(void 0, {
+    ..._chunk27M4FDNKjs.buildBaseChartOptions.call(void 0, {
       type: props.variant,
       description: props.description,
       valueSuffix: props.valueSuffix,
@@ -73,7 +73,7 @@ function buildLineAreaChartOptions(props) {
       labels: {
         // 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', _9 => _9.yAxis, 'optionalAccess', _10 => _10.format]) ? _chunkGVAMWFB7js.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunkGVAMWFB7js.defaultValueAxisLabelFormatter
+        formatter: _optionalChain([props, 'access', _9 => _9.yAxis, 'optionalAccess', _10 => _10.format]) ? _chunkXYE6O77Zjs.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunkXYE6O77Zjs.defaultValueAxisLabelFormatter
       }
     },
     plotOptions: {
@@ -82,10 +82,16 @@ function buildLineAreaChartOptions(props) {
         // Hide point markers by default (matching v1 + designs); isolated points
         // re-enable their own marker via `withIsolatedPointMarkers`.
         marker: { enabled: false },
-        ...props.onClick ? {
+        ...props.onClick || props.onMouseEnter || props.onMouseLeave ? {
           point: {
             events: {
-              click: (event) => props.onClick({ position: event.point.x })
+              click: props.onClick ? (event) => props.onClick({ position: event.point.x }) : void 0,
+              mouseOver: props.onMouseEnter ? function() {
+                props.onMouseEnter({ position: this.x });
+              } : void 0,
+              mouseOut: props.onMouseLeave ? function() {
+                props.onMouseLeave({ position: this.x });
+              } : void 0
             }
           }
         } : {}
@@ -106,18 +112,11 @@ function buildLineAreaChartOptions(props) {
   return { options, annotationLookup, tooltipTimezone };
 }
 
-// src/charts/line-area/styles.ts
-var _styledcomponents = require('styled-components'); var _styledcomponents2 = _interopRequireDefault(_styledcomponents);
-var LineAreaChartContainer = _styledcomponents2.default.div`
-  background-color: ${({ theme }) => theme.colors.container.background.base};
-  ${(props) => props.$isArea ? _chunkWEKDYQ4Tjs.areaChartStyles : _chunkWEKDYQ4Tjs.lineChartStyles}
-`;
-
 // src/charts/line-area/LineAreaChart.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var AREA_VARIANTS2 = /* @__PURE__ */ new Set(["area", "areaspline"]);
 var LineAreaChart = _react.memo.call(void 0, function LineAreaChart2(props) {
-  const { colors, patterns } = _chunkXP7HNV23js.useSeedsChartSetup.call(void 0, {
+  const { colors, patterns } = _chunk27M4FDNKjs.useSeedsChartSetup.call(void 0, {
     series: props.series,
     includePatterns: true
   });
@@ -126,16 +125,26 @@ var LineAreaChart = _react.memo.call(void 0, function LineAreaChart2(props) {
     [props]
   );
   const hasOnClick = Boolean(props.onClick);
+  const isArea = AREA_VARIANTS2.has(props.variant);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    LineAreaChartContainer,
+    "div",
     {
-      $colors: colors,
-      $patterns: patterns,
-      $hasOnClick: hasOnClick,
-      $isArea: AREA_VARIANTS2.has(props.variant),
-      className: props.className,
+      ..._chunk6EIJCJCNjs.getChartContainerProps.call(void 0, {
+        familyClasses: [
+          "seeds-chart-time-series",
+          isArea ? "seeds-chart-area" : "seeds-chart-line"
+        ],
+        // RAW per-series colors: only an explicit consumer override is inlined
+        // as --highcharts-color-N; an unset series falls through to the DS
+        // palette default in chart-styles.css. ChartRenderer below still gets
+        // the palette-RESOLVED `colors` for its own styled-components engine.
+        colors: props.series.map((s) => s.color),
+        patterns,
+        hasOnClick,
+        className: props.className
+      }),
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXP7HNV23js.ChartRenderer,
+        _chunk27M4FDNKjs.ChartRenderer,
         {
           options,
           series: props.series,

package/dist/line-area/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/line-area/index.js","../../src/charts/line-area/LineAreaChart.tsx","../../src/charts/line-area/adapter.ts","../../src/charts/line-area/styles.ts"],"names":["AREA_VARIANTS","LineAreaChart"],"mappings":"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","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/line-area/index.js","sourcesContent":[null,"import { memo, useMemo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { buildLineAreaChartOptions } from \"./adapter\";\nimport { LineAreaChartContainer } from \"./styles\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\nexport const LineAreaChart = memo(function LineAreaChart(\n  props: LineAreaChartProps\n) {\n  const { colors, patterns } = useSeedsChartSetup({\n    series: props.series,\n    includePatterns: true,\n  });\n  const { options, annotationLookup, tooltipTimezone } = useMemo(\n    () => buildLineAreaChartOptions(props),\n    [props]\n  );\n  const hasOnClick = Boolean(props.onClick);\n\n  return (\n    <LineAreaChartContainer\n      $colors={colors}\n      $patterns={patterns}\n      $hasOnClick={hasOnClick}\n      $isArea={AREA_VARIANTS.has(props.variant)}\n      className={props.className}\n    >\n      <ChartRenderer\n        options={options}\n        series={props.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    </LineAreaChartContainer>\n  );\n});\n","import { buildAnnotationConfig } from \"../shared/annotations\";\nimport type { ChartAnnotationLookup } from \"../shared/annotations\";\nimport type {\n  SeedsChartDataPoint,\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 { ChartDataPoint } from \"../shared/axis\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\n// `stacking` is meaningful only for filled variants; on `line`/`spline` it's a\n// no-op, so the adapter drops it rather than emitting a misleading option.\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\ntype SeriesPoint =\n  | number\n  | null\n  | [number, number | null]\n  | SeedsChartDataPoint;\n\nfunction pointY(point: ChartDataPoint): number | null {\n  if (point === null) return null;\n  if (typeof point === \"number\") return point;\n  if (Array.isArray(point)) return point[1];\n  return point.y;\n}\n\n// Mirrors v1's marker handling: point markers are hidden by default (set on\n// `plotOptions.series`), but an *isolated* non-null point — one with a null (or\n// the chart edge) on both sides — gets a circle marker so a point with no\n// connecting line segment stays visible. Connected points pass through\n// unchanged so the line/area renders dot-free, matching v1 and the designs.\nfunction withIsolatedPointMarkers(\n  data: ReadonlyArray<ChartDataPoint>\n): SeriesPoint[] {\n  return data.map((point, i): SeriesPoint => {\n    if (point === null) return null; // explicit gap\n    if (pointY(point) === null) return point; // tuple/object with null y — a gap\n    const prevY = i === 0 ? null : pointY(data[i - 1]!);\n    const nextY = i === data.length - 1 ? null : pointY(data[i + 1]!);\n    if (prevY !== null || nextY !== null) return point; // connected → no marker\n    const marker = { enabled: true, symbol: \"circle\" as const };\n    if (typeof point === \"number\") return { y: point, marker };\n    if (Array.isArray(point)) return { x: point[0], y: point[1], marker };\n    return { ...point, marker };\n  });\n}\n\nexport function buildLineAreaChartOptions(props: LineAreaChartProps): {\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 tooltipTimezone = resolveTooltipTimezone(props.xAxis, props.timezone);\n  const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n\n  const options: SeedsChartOptions = {\n    ...buildBaseChartOptions({\n      type: props.variant,\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      // Anchor the value axis to 0 (like v1/bar/area): line/spline otherwise\n      // auto-scale above 0, which truncates the axis and pushes the annotation\n      // anchor (y: 0) out of range. `soft` still extends for negative data.\n      softMin: 0,\n      softMax: 0,\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      // Zero-config default: abbreviate value-axis ticks (1.20K / 1.20M / 1.20B).\n      labels: {\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: {\n        animation: false,\n        // Hide point markers by default (matching v1 + designs); isolated points\n        // re-enable their own marker via `withIsolatedPointMarkers`.\n        marker: { enabled: false },\n        ...(props.onClick\n          ? {\n              point: {\n                events: {\n                  click: (event) => props.onClick!({ position: event.point.x }),\n                },\n              },\n            }\n          : {}),\n      },\n      // Type-scoped stacking: only the (area) variant stacks. `isStacked` already\n      // guarantees `props.variant` is an area variant here, so the computed key is\n      // always a valid plotOptions slot. Matches bar's per-type placement and keeps\n      // line/spline unstacked.\n      ...(isStacked ? { [props.variant]: { stacking: props.stacking } } : {}),\n    },\n    series: props.series.map((s) => ({\n      type: props.variant,\n      name: s.name,\n      data: withIsolatedPointMarkers(s.data),\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipTimezone };\n}\n","import styled from \"styled-components\";\nimport { lineChartStyles, areaChartStyles } from \"../../styles/chartStyles\";\nimport type {\n  TypeChartStyleColor,\n  TypeChartStyleHasOnClick,\n  TypeChartStylePattern,\n} from \"../../types\";\n\ntype StyleProps = Readonly<{\n  $colors: ReadonlyArray<TypeChartStyleColor>;\n  $patterns: ReadonlyArray<TypeChartStylePattern>;\n  $hasOnClick: TypeChartStyleHasOnClick;\n  /** `area`/`areaspline` fill below the line; `line`/`spline` show only the stroke. */\n  $isArea: boolean;\n}>;\n\n// Plain styled `div` — not `Box`. Per the DS Tailwind direction, components\n// render semantic elements internally (and accept `className`) rather than\n// depending on the `Box` component. The container background — previously Box's\n// `bg` prop — is set explicitly here.\n//\n// The line/area CSS is still v1's styled-components layer (`chartStyles.ts`);\n// migrating those styles to CSS modules is a tracked clean-up follow-up.\nexport const LineAreaChartContainer = styled.div<StyleProps>`\n  background-color: ${({ theme }) => theme.colors.container.background.base};\n  ${(props) => (props.$isArea ? areaChartStyles : lineChartStyles)}\n`;\n"]}
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/line-area/index.js","../../src/charts/line-area/LineAreaChart.tsx","../../src/charts/line-area/adapter.ts"],"names":["AREA_VARIANTS","LineAreaChart"],"mappings":"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","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/line-area/index.js","sourcesContent":[null,"import { memo, useMemo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { getChartContainerProps } from \"../shared/chartContainer\";\nimport { buildLineAreaChartOptions } from \"./adapter\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\n/**\n * LineAreaChart — the v2 time-series line/area family.\n *\n * Like SparklineChart, the wrapper carries no styled-components: it is a plain\n * <div> whose className / inline custom properties / data-attributes come from\n * the shared getChartContainerProps contract (CE-164), and its Highcharts\n * styling ships as a static line-area.css. chart-styles.css owns the shared\n * base (background, per-series color fallback, click cursor, tooltip, legend)\n * AND the shared cross-family .seeds-chart-time-series layer (crosshair,\n * grid/axis lines, ticks, zero line, axis-label typography) that bar also uses;\n * line-area.css owns only the .seeds-chart-line / .seeds-chart-area selectors.\n * Neither is imported here — matching the Sparkline/bar convention, the component never\n * self-imports its stylesheet; consumers import both explicitly (see\n * charts/README.md).\n */\nexport const LineAreaChart = memo(function LineAreaChart(\n  props: LineAreaChartProps\n) {\n  const { colors, patterns } = useSeedsChartSetup({\n    series: props.series,\n    includePatterns: true,\n  });\n  const { options, annotationLookup, tooltipTimezone } = useMemo(\n    () => buildLineAreaChartOptions(props),\n    [props]\n  );\n  const hasOnClick = Boolean(props.onClick);\n  const isArea = AREA_VARIANTS.has(props.variant);\n\n  return (\n    <div\n      {...getChartContainerProps({\n        familyClasses: [\n          \"seeds-chart-time-series\",\n          isArea ? \"seeds-chart-area\" : \"seeds-chart-line\",\n        ],\n        // RAW per-series colors: only an explicit consumer override is inlined\n        // as --highcharts-color-N; an unset series falls through to the DS\n        // palette default in chart-styles.css. ChartRenderer below still gets\n        // the palette-RESOLVED `colors` for its own styled-components engine.\n        colors: props.series.map((s) => s.color),\n        patterns,\n        hasOnClick,\n        className: props.className,\n      })}\n    >\n      <ChartRenderer\n        options={options}\n        series={props.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  SeedsChartDataPoint,\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 { ChartDataPoint } from \"../shared/axis\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\n// `stacking` is meaningful only for filled variants; on `line`/`spline` it's a\n// no-op, so the adapter drops it rather than emitting a misleading option.\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\ntype SeriesPoint =\n  | number\n  | null\n  | [number, number | null]\n  | SeedsChartDataPoint;\n\nfunction pointY(point: ChartDataPoint): number | null {\n  if (point === null) return null;\n  if (typeof point === \"number\") return point;\n  if (Array.isArray(point)) return point[1];\n  return point.y;\n}\n\n// Mirrors v1's marker handling: point markers are hidden by default (set on\n// `plotOptions.series`), but an *isolated* non-null point — one with a null (or\n// the chart edge) on both sides — gets a circle marker so a point with no\n// connecting line segment stays visible. Connected points pass through\n// unchanged so the line/area renders dot-free, matching v1 and the designs.\nfunction withIsolatedPointMarkers(\n  data: ReadonlyArray<ChartDataPoint>\n): SeriesPoint[] {\n  return data.map((point, i): SeriesPoint => {\n    if (point === null) return null; // explicit gap\n    if (pointY(point) === null) return point; // tuple/object with null y — a gap\n    const prevY = i === 0 ? null : pointY(data[i - 1]!);\n    const nextY = i === data.length - 1 ? null : pointY(data[i + 1]!);\n    if (prevY !== null || nextY !== null) return point; // connected → no marker\n    const marker = { enabled: true, symbol: \"circle\" as const };\n    if (typeof point === \"number\") return { y: point, marker };\n    if (Array.isArray(point)) return { x: point[0], y: point[1], marker };\n    return { ...point, marker };\n  });\n}\n\nexport function buildLineAreaChartOptions(props: LineAreaChartProps): {\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 tooltipTimezone = resolveTooltipTimezone(props.xAxis, props.timezone);\n  const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n\n  const options: SeedsChartOptions = {\n    ...buildBaseChartOptions({\n      type: props.variant,\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      // Anchor the value axis to 0 (like v1/bar/area): line/spline otherwise\n      // auto-scale above 0, which truncates the axis and pushes the annotation\n      // anchor (y: 0) out of range. `soft` still extends for negative data.\n      softMin: 0,\n      softMax: 0,\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      // Zero-config default: abbreviate value-axis ticks (1.20K / 1.20M / 1.20B).\n      labels: {\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: {\n        animation: false,\n        // Hide point markers by default (matching v1 + designs); isolated points\n        // re-enable their own marker via `withIsolatedPointMarkers`.\n        marker: { enabled: false },\n        ...(props.onClick || props.onMouseEnter || props.onMouseLeave\n          ? {\n              point: {\n                events: {\n                  click: props.onClick\n                    ? (event) => props.onClick!({ position: event.point.x })\n                    : undefined,\n                  mouseOver: props.onMouseEnter\n                    ? function (this: { x: number | string }) {\n                        props.onMouseEnter!({ position: this.x });\n                      }\n                    : undefined,\n                  mouseOut: props.onMouseLeave\n                    ? function (this: { x: number | string }) {\n                        props.onMouseLeave!({ position: this.x });\n                      }\n                    : undefined,\n                },\n              },\n            }\n          : {}),\n      },\n      // Type-scoped stacking: only the (area) variant stacks. `isStacked` already\n      // guarantees `props.variant` is an area variant here, so the computed key is\n      // always a valid plotOptions slot. Matches bar's per-type placement and keeps\n      // line/spline unstacked.\n      ...(isStacked ? { [props.variant]: { stacking: props.stacking } } : {}),\n    },\n    series: props.series.map((s) => ({\n      type: props.variant,\n      name: s.name,\n      data: withIsolatedPointMarkers(s.data),\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipTimezone };\n}\n"]}

package/dist/line-area.css

@@ -0,0 +1,112 @@
+/**
+ * Seeds LineAreaChart 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/line-area.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 bar also uses.
+ * This file owns ONLY the line/area-specific .seeds-chart-line and
+ * .seeds-chart-area blocks — 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 styled-components
+ * lineChartStyles / areaChartStyles in src/styles/chartStyles.ts (which stays,
+ * still serving v1).
+ */
+
+/* =========================================================================
+ * lineChartStyles -> .seeds-chart-line
+ * ========================================================================= */
+
+.seeds-chart-line .highcharts-graph {
+  stroke-width: 3;
+}
+
+/* Dashed series. v1 set stroke-dasharray per index when patterns[i] === "dashed";
+   the container now emits data-dashed-series="<space-separated indices>", so a
+   [data-dashed-series~="N"] match dashes .highcharts-series-N. Highcharts accounts
+   for 10 series; enumerate 0..19 to match the 20-entry DATAVIZ palette. */
+.seeds-chart-line[data-dashed-series~="0"] .highcharts-series-0 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="1"] .highcharts-series-1 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="2"] .highcharts-series-2 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="3"] .highcharts-series-3 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="4"] .highcharts-series-4 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="5"] .highcharts-series-5 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="6"] .highcharts-series-6 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="7"] .highcharts-series-7 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="8"] .highcharts-series-8 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="9"] .highcharts-series-9 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="10"] .highcharts-series-10 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="11"] .highcharts-series-11 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="12"] .highcharts-series-12 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="13"] .highcharts-series-13 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="14"] .highcharts-series-14 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="15"] .highcharts-series-15 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="16"] .highcharts-series-16 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="17"] .highcharts-series-17 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="18"] .highcharts-series-18 {
+  stroke-dasharray: 2 8;
+}
+.seeds-chart-line[data-dashed-series~="19"] .highcharts-series-19 {
+  stroke-dasharray: 2 8;
+}
+
+/* =========================================================================
+ * areaChartStyles -> .seeds-chart-area
+ * ========================================================================= */
+
+/* no stroke for the line part of each area */
+.seeds-chart-area .highcharts-graph {
+  stroke-width: 0;
+}
+
+/* fill areas to full opacity */
+.seeds-chart-area .highcharts-area {
+  fill-opacity: 1;
+}

package/dist/sparkline/index.js

@@ -5,8 +5,8 @@ var _chunk6D7P3IOTjs = require('../chunk-6D7P3IOT.js');
 
 
 
-var _chunkXP7HNV23js = require('../chunk-XP7HNV23.js');
-require('../chunk-WEKDYQ4T.js');
+var _chunk27M4FDNKjs = require('../chunk-27M4FDNK.js');
+require('../chunk-46L4YBLC.js');
 
 // src/charts/sparkline/SparklineChart.tsx
 var _react = require('react');
@@ -24,7 +24,7 @@ function buildSparklineChartOptions(props) {
     ..._chunk6D7P3IOTjs.buildDimensionalAxis.call(void 0, props.xAxis, _nullishCoalesce(tooltipTimezone, () => ( "UTC"))),
     visible: false
   } : { type: "linear", visible: false };
-  const base = _chunkXP7HNV23js.buildBaseChartOptions.call(void 0, {
+  const base = _chunk27M4FDNKjs.buildBaseChartOptions.call(void 0, {
     type,
     description: props.description,
     valueSuffix: props.valueSuffix,
@@ -102,7 +102,7 @@ var SparklineChart = _react.memo.call(void 0, function SparklineChart2(props) {
       className,
       style: { "--seeds-sparkline-color": trendColor },
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXP7HNV23js.ChartRenderer,
+        _chunk27M4FDNKjs.ChartRenderer,
         {
           options,
           series: [{ name: SPARKLINE_SERIES_NAME, color: trendColor }],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-data-viz",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Seeds React Data Viz Components",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -34,17 +34,25 @@
       "require": "./dist/sparkline/index.js"
     },
     "./sparkline.css": "./dist/sparkline.css",
+    "./chart-styles.css": "./dist/chart-styles.css",
+    "./bar.css": "./dist/bar.css",
+    "./donut.css": "./dist/donut.css",
+    "./line-area.css": "./dist/line-area.css",
+    "./charts.css": "./dist/charts.css",
     "./export": {
       "types": "./dist/export/index.d.ts",
       "import": "./dist/esm/export/index.js",
       "require": "./dist/export/index.js"
     }
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsup --dts && cp src/charts/sparkline/sparkline.css dist/sparkline.css",
+    "build": "tsup --dts && cp src/charts/*/*.css src/styles/*.css dist/ && tsx buildChartCss.ts",
     "build:debug": "tsup --dts --metafile",
     "dev": "tsup --watch --dts",
     "clean": "rm -rf .turbo dist",
@@ -59,14 +67,14 @@
     "@sproutsocial/seeds-networkcolor": "^2.22.0",
     "@sproutsocial/seeds-react-box": "^1.1.22",
     "@sproutsocial/seeds-react-button": "^2.2.2",
-    "@sproutsocial/seeds-react-duration": "^1.0.24",
+    "@sproutsocial/seeds-react-duration": "^1.0.25",
     "@sproutsocial/seeds-react-icon": "^2.4.1",
-    "@sproutsocial/seeds-react-menu": "^1.16.1",
-    "@sproutsocial/seeds-react-numeral": "^1.0.48",
+    "@sproutsocial/seeds-react-menu": "^1.16.2",
+    "@sproutsocial/seeds-react-numeral": "^1.0.49",
     "@sproutsocial/seeds-react-partner-logo": "^1.7.14",
     "@sproutsocial/seeds-react-system-props": "^3.1.1",
-    "@sproutsocial/seeds-react-table": "^1.0.42",
-    "@sproutsocial/seeds-react-text": "^1.4.3",
+    "@sproutsocial/seeds-react-table": "^1.0.43",
+    "@sproutsocial/seeds-react-text": "^1.5.0",
     "@sproutsocial/seeds-react-theme": "^4.1.1",
     "highcharts": "^11.4.3",
     "highcharts-react-official": "^3.2.1",
@@ -82,6 +90,7 @@
     "@types/styled-components": "^5.1.26",
     "styled-components": "^5.2.3",
     "tsup": "^8.3.4",
+    "tsx": "^4.0.0",
     "typescript": "^5.6.2"
   },
   "peerDependencies": {