@automattic/charts 0.53.0 → 0.53.2

package/dist/index.d.ts

@@ -1,13 +1,9 @@
 export { BarChart, BarChartUnresponsive } from './charts/bar-chart/index.js';
 export { BarListChart, BarListChartUnresponsive } from './charts/bar-list-chart/index.js';
 export { ConversionFunnelChart } from './charts/conversion-funnel-chart/index.js';
-import { B as BaseChartProps, G as GeoData } from './types-sQ20gAeB.js';
-export { A as AnnotationStyles, j as ButtonWithPopover, C as ChartTheme, f as CompleteChartTheme, b as DataPoint, D as DataPointDate, e as DataPointPercentage, c as GradientStop, h as GridProps, L as LeaderboardEntry, M as MultipleDataPointsDate, O as Optional, a as OrientationType, P as PopoverButtonAttributes, k as PopoverElement, i as PopoverElementAttributes, g as ScaleOptions, S as SeriesData, d as SeriesDataOptions, T as ToggleEvent } from './types-sQ20gAeB.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { R as ResponsiveConfig } from './with-responsive-Cp2qnQPo.js';
-import * as react from 'react';
-import { FC } from 'react';
-export { L as LeaderboardChart, a as LeaderboardChartUnresponsive } from './leaderboard-chart-BqH8BLiG.js';
+export { A as AnnotationStyles, B as BaseChartProps, j as ButtonWithPopover, C as ChartTheme, f as CompleteChartTheme, D as DataPoint, b as DataPointDate, e as DataPointPercentage, G as GeoData, c as GradientStop, h as GridProps, L as LeaderboardEntry, M as MultipleDataPointsDate, O as Optional, a as OrientationType, P as PopoverButtonAttributes, k as PopoverElement, i as PopoverElementAttributes, g as ScaleOptions, d as SeriesData, S as SeriesDataOptions, T as ToggleEvent } from './types-D1lTxRyg.js';
+export { GeoChart, GeoChartProps, GeoChartUnresponsive, GeoRegion, GeoResolution } from './charts/geo-chart/index.js';
+export { L as LeaderboardChart, a as LeaderboardChartUnresponsive } from './leaderboard-chart-DPi2ueOg.js';
 export { EventHandlerParams, GridStyles, LineStyles } from '@visx/xychart';
 export { L as Legend } from './legend-jjMmhSg3.js';
 export { LegendValueDisplay, useChartLegendItems } from './components/legend/index.js';
@@ -16,9 +12,12 @@ export { LineChart, LineChartUnresponsive } from './charts/line-chart/index.js';
 export { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 export { PieChart, PieChartProps, PieChartUnresponsive } from './charts/pie-chart/index.js';
 export { PieSemiCircleChart, PieSemiCircleChartUnresponsive } from './charts/pie-semi-circle-chart/index.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { R as ResponsiveConfig } from './with-responsive-Cp2qnQPo.js';
+import * as react from 'react';
 export { B as BaseTooltip } from './base-tooltip-DOq93wjU.js';
 export { TrendDirection, TrendIndicator, TrendIndicatorProps } from './components/trend-indicator/index.js';
-export { a as GlobalChartsContext, G as GlobalChartsProvider, G as ThemeProvider, e as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from './themes-ChB_VjWt.js';
+export { b as GlobalChartsContext, G as GlobalChartsProvider, G as ThemeProvider, d as defaultTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme } from './themes-AriuFXQ2.js';
 export { GoogleDataTableColumn, GoogleDataTableColumnRoleType, GoogleDataTableRow } from 'react-google-charts';
 import '@visx/text';
 import '@visx/annotation/lib/components/CircleSubject';
@@ -33,52 +32,6 @@ import '@visx/legend';
 import './types-DQNnq5Fr.js';
 import '@visx/shape/lib/shapes/Pie';
 
-/**
- * Region to display on the map.
- * Use 'world' for global view or any ISO 3166-1 alpha-2 country code
- * (e.g., 'US' for United States, 'CA' for Canada).
- */
-type GeoRegion = 'world' | (string & {});
-/**
- * Resolution level for the map.
- * - 'countries': Country-level (default for 'world')
- * - 'provinces': State/province level (use with specific region like 'US')
- * - 'metros': Metropolitan areas (US only)
- */
-type GeoResolution = 'countries' | 'provinces' | 'metros';
-interface GeoChartProps extends Pick<BaseChartProps, 'className' | 'chartId' | 'width' | 'height'> {
-    /**
-     * Data in Google Charts native format for maximum flexibility.
-     * First row contains column headers, subsequent rows contain data.
-     *
-     * Country identifiers can be either full country names or ISO 3166-1 alpha-2 codes
-     * (e.g., 'United States' or 'US').
-     */
-    data: GeoData;
-    /**
-     * Region to display. Use 'world' for global view, 'US' for United States,
-     * or any ISO 3166-1 alpha-2 country code.
-     * @default 'world'
-     */
-    region?: GeoRegion;
-    /**
-     * Resolution level for the map.
-     * - 'countries': Country-level (default for 'world')
-     * - 'provinces': State/province level (use with specific region like 'US')
-     * - 'metros': Metropolitan areas (US only)
-     * @default 'countries'
-     */
-    resolution?: GeoResolution;
-    /**
-     * Optional render function for the loading placeholder.
-     * Called while Google Charts is loading.
-     */
-    renderPlaceholder?: () => React.ReactNode;
-}
-
-declare const GeoChartWithProvider: FC<GeoChartProps>;
-declare const GeoChartResponsive: ({ resizeDebounceTime, maxWidth, aspectRatio, ...chartProps }: Pick<Partial<GeoChartProps>, "width" | "height" | "size"> & Omit<GeoChartProps, "width" | "height" | "size"> & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
-
 type SparklineDataPoint = number;
 type GradientConfig = {
     /**
@@ -158,6 +111,13 @@ interface SparklineProps {
         bottom?: number;
         left?: number;
     };
+    /**
+     * Enable entry animation on initial render
+     * Creates a rising effect where the line scales up from the bottom.
+     * Automatically respects user's prefers-reduced-motion system setting.
+     * @default false
+     */
+    animation?: boolean;
 }
 
 /**
@@ -176,4 +136,4 @@ declare const SparklineUnresponsive: react.ForwardRefExoticComponent<SparklinePr
  */
 declare const Sparkline: ({ resizeDebounceTime, maxWidth, aspectRatio, ...chartProps }: Pick<Partial<SparklineProps>, "width" | "height" | "size"> & Omit<SparklineProps, "width" | "height" | "size"> & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
 
-export { BaseChartProps, GeoChartResponsive as GeoChart, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, GeoData, type GeoRegion, type GeoResolution, Sparkline, SparklineUnresponsive };
+export { Sparkline, SparklineUnresponsive };

package/dist/index.js

@@ -1,165 +1,63 @@
+import {
+  LeaderboardChart,
+  LeaderboardChartResponsive
+} from "./chunk-HPJ5XSZM.js";
 import {
   LineChart,
   LineChartResponsive
-} from "./chunk-RHQIACQT.js";
+} from "./chunk-Z34VYZGR.js";
 import {
   PieChart,
   PieChartResponsive
-} from "./chunk-VTMJWCCW.js";
+} from "./chunk-H6XRINJE.js";
 import "./chunk-NFRB2POF.js";
 import {
   PieSemiCircleChart,
   PieSemiCircleChartResponsive
-} from "./chunk-4RYV2TII.js";
+} from "./chunk-6RKPV3UP.js";
 import "./chunk-A3AEEGKR.js";
+import "./chunk-CEZGL6YP.js";
 import {
   TrendIndicator
 } from "./chunk-MMDLXS6O.js";
 import {
   BarListChart,
   BarListChartResponsive
-} from "./chunk-W4ZYJ74Q.js";
+} from "./chunk-KORG7ITC.js";
 import {
   BarChart,
   BarChartResponsive
-} from "./chunk-DY7IVYWP.js";
+} from "./chunk-KBORJZKC.js";
+import {
+  Legend,
+  useChartLegendItems
+} from "./chunk-ALDWCNLH.js";
 import {
   BaseTooltip
 } from "./chunk-5XI443YP.js";
 import {
   ConversionFunnelChartWithProvider
-} from "./chunk-2FRTJVQ3.js";
+} from "./chunk-DCZ47KPZ.js";
 import {
-  LeaderboardChart,
-  LeaderboardChartResponsive
-} from "./chunk-CQPKK55N.js";
-import "./chunk-CEZGL6YP.js";
+  GeoChartResponsive,
+  GeoChartWithProvider
+} from "./chunk-RDJ5PKC5.js";
 import {
   withResponsive
 } from "./chunk-NONODB3K.js";
-import {
-  Legend,
-  useChartLegendItems
-} from "./chunk-VER6S543.js";
 import {
   GlobalChartsContext,
   GlobalChartsProvider,
   defaultTheme,
   useGlobalChartsContext,
   useGlobalChartsTheme
-} from "./chunk-O2BJMTIS.js";
-import {
-  lightenHexColor,
-  normalizeColorToHex,
-  resolveCssVariable
-} from "./chunk-P3QEXFTA.js";
+} from "./chunk-DYMJWNYM.js";
+import "./chunk-TE63Y5PX.js";
 import "./chunk-G3PMV62Z.js";
 
-// src/charts/geo-chart/geo-chart.tsx
-import { __ } from "@wordpress/i18n";
-import clsx from "clsx";
-import { useContext, useMemo } from "react";
-import { Chart } from "react-google-charts";
-
-// src/charts/geo-chart/geo-chart.module.scss
-var geo_chart_module_default = {
-  "container": "a8ccharts-JvcqOz"
-};
-
-// src/charts/geo-chart/geo-chart.tsx
-import { jsx } from "react/jsx-runtime";
-var DEFAULT_FEATURE_FILL_COLOR = "#ffffff";
-var DEFAULT_BACKGROUND_COLOR = "#ffffff";
-var GeoChartInternal = ({
-  className,
-  data,
-  width,
-  height,
-  region = "world",
-  resolution = "countries",
-  renderPlaceholder
-}) => {
-  const {
-    getElementStyles,
-    theme: {
-      geoChart: { featureFillColor },
-      backgroundColor
-    }
-  } = useGlobalChartsContext();
-  const loadingPlaceholder = /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx("geo-chart", geo_chart_module_default.container, className),
-      "data-testid": "geo-chart-loading",
-      style: { width, height },
-      children: renderPlaceholder ? renderPlaceholder() : __("Loading map", "jetpack-charts")
-    }
-  );
-  const fullColorHex = getElementStyles({ index: 0 }).color;
-  const lightColorHex = lightenHexColor(fullColorHex, 0.8);
-  const backgroundColorHex = normalizeColorToHex(backgroundColor, null, resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;
-  const defaultFillColorHex = normalizeColorToHex(featureFillColor, null, resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;
-  const hasHtmlTooltips = useMemo(
-    () => data.length > 0 && data[0].some(
-      (col) => typeof col === "object" && col !== null && "role" in col && col.role === "tooltip" && "p" in col && typeof col.p === "object" && col.p !== null && "html" in col.p && col.p.html === true
-    ),
-    [data]
-  );
-  const options = useMemo(
-    () => ({
-      ...region !== "world" && { region },
-      ...resolution !== "countries" && { resolution },
-      colorAxis: { colors: [lightColorHex, fullColorHex] },
-      backgroundColor: backgroundColorHex,
-      datalessRegionColor: defaultFillColorHex,
-      defaultColor: defaultFillColorHex,
-      tooltip: { trigger: "focus", isHtml: hasHtmlTooltips },
-      legend: "none",
-      keepAspectRatio: true
-    }),
-    [
-      region,
-      resolution,
-      lightColorHex,
-      fullColorHex,
-      backgroundColorHex,
-      defaultFillColorHex,
-      hasHtmlTooltips
-    ]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx("geo-chart", geo_chart_module_default.container, className),
-      "data-testid": "geo-chart",
-      style: { width, height, backgroundColor },
-      children: /* @__PURE__ */ jsx(
-        Chart,
-        {
-          chartType: "GeoChart",
-          width,
-          height,
-          data,
-          options,
-          loader: loadingPlaceholder
-        }
-      )
-    }
-  );
-};
-var GeoChartWithProvider = (props) => {
-  const existingContext = useContext(GlobalChartsContext);
-  if (existingContext) {
-    return /* @__PURE__ */ jsx(GeoChartInternal, { ...props });
-  }
-  return /* @__PURE__ */ jsx(GlobalChartsProvider, { children: /* @__PURE__ */ jsx(GeoChartInternal, { ...props }) });
-};
-GeoChartWithProvider.displayName = "GeoChart";
-var GeoChartResponsive = withResponsive(GeoChartWithProvider);
-
 // src/charts/sparkline/sparkline.tsx
-import clsx2 from "clsx";
-import { useMemo as useMemo2, forwardRef } from "react";
+import clsx from "clsx";
+import { useMemo, forwardRef } from "react";
 
 // src/charts/sparkline/sparkline.module.scss
 var sparkline_module_default = {
@@ -168,7 +66,7 @@ var sparkline_module_default = {
 };
 
 // src/charts/sparkline/sparkline.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 100;
 var DEFAULT_HEIGHT = 40;
 var transformToSeriesData = (data, color, strokeWidth) => {
@@ -199,18 +97,19 @@ var SparklineComponent = forwardRef(
     gradient,
     className,
     chartId,
-    margin: marginProp
+    margin: marginProp,
+    animation
   }, ref) => {
     const theme = useGlobalChartsTheme();
     const themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;
     const strokeWidth = strokeWidthProp ?? themeStrokeWidth;
-    const seriesData = useMemo2(() => {
+    const seriesData = useMemo(() => {
       if (!data || data.length === 0) {
         return [];
       }
       return transformToSeriesData(data, color, strokeWidth);
     }, [data, color, strokeWidth]);
-    const finalMargin = useMemo2(() => {
+    const finalMargin = useMemo(() => {
       const themeMargin = theme.sparkline?.margin ?? { top: 2, right: 2, bottom: 2, left: 2 };
       const margin = marginProp ?? themeMargin;
       return {
@@ -218,7 +117,7 @@ var SparklineComponent = forwardRef(
         ...margin
       };
     }, [marginProp, theme.sparkline?.margin]);
-    const seriesWithGradient = useMemo2(() => {
+    const seriesWithGradient = useMemo(() => {
       if (!gradient || seriesData.length === 0) {
         return seriesData;
       }
@@ -236,11 +135,11 @@ var SparklineComponent = forwardRef(
       }));
     }, [seriesData, gradient, color]);
     if (!data || data.length === 0) {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           ref,
-          className: clsx2(
+          className: clsx(
             "sparkline",
             sparkline_module_default.sparkline,
             sparkline_module_default["sparkline--empty"],
@@ -255,11 +154,11 @@ var SparklineComponent = forwardRef(
       const cx = width / 2;
       const cy = height / 2;
       const resolvedColor = color || "#000000";
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           ref,
-          className: clsx2(
+          className: clsx(
             "sparkline",
             sparkline_module_default.sparkline,
             sparkline_module_default["sparkline--single-point"],
@@ -267,17 +166,17 @@ var SparklineComponent = forwardRef(
           ),
           style: { width, height },
           "data-testid": "sparkline-single-point",
-          children: /* @__PURE__ */ jsx2("svg", { width, height, "aria-hidden": "true", children: /* @__PURE__ */ jsx2("circle", { cx, cy, r: strokeWidth * 1.5, fill: resolvedColor }) })
+          children: /* @__PURE__ */ jsx("svg", { width, height, "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx, cy, r: strokeWidth * 1.5, fill: resolvedColor }) })
         }
       );
     }
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: clsx2("sparkline", sparkline_module_default.sparkline, className),
+        className: clsx("sparkline", sparkline_module_default.sparkline, className),
         "data-testid": "sparkline",
-        children: /* @__PURE__ */ jsx2(
+        children: /* @__PURE__ */ jsx(
           LineChart,
           {
             data: seriesWithGradient,
@@ -295,7 +194,8 @@ var SparklineComponent = forwardRef(
                 y: { display: false }
               }
             },
-            curveType: "monotone"
+            curveType: "monotone",
+            animation
           }
         )
       }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/geo-chart/geo-chart.tsx","../src/charts/geo-chart/geo-chart.module.scss","../src/charts/sparkline/sparkline.tsx","../src/charts/sparkline/sparkline.module.scss"],"sourcesContent":["/**\n * External dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { FC, useContext, useMemo } from 'react';\nimport { Chart, type GoogleChartOptions } from 'react-google-charts';\n/**\n * Internal dependencies\n */\nimport { GlobalChartsContext, GlobalChartsProvider, useGlobalChartsContext } from '../../providers';\nimport { lightenHexColor, normalizeColorToHex } from '../../utils/color-utils';\nimport { resolveCssVariable } from '../../utils/resolve-css-var';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './geo-chart.module.scss';\nimport { GeoChartProps } from './types';\n\nconst DEFAULT_FEATURE_FILL_COLOR = '#ffffff';\nconst DEFAULT_BACKGROUND_COLOR = '#ffffff';\n\n/**\n * Renders a geographical chart using Google Charts GeoChart to visualize data.\n *\n * Supports the full Google Charts data format including custom tooltips, formatted values,\n * and multiple data columns for maximum flexibility.\n *\n * Locations can be identified by full name (e.g., 'United States', 'California') or codes\n * (e.g., 'US', 'US-CA'). Full names are recommended for better readability in tooltips.\n *\n * @param props                   - The props for the GeoChart component\n * @param props.data              - Data in Google Charts format (array of arrays with headers)\n * @param props.width             - Width of the chart in pixels\n * @param props.height            - Height of the chart in pixels\n * @param props.region            - Region to display ('world', 'US', or ISO 3166-1 alpha-2 code)\n * @param props.resolution        - Resolution level ('countries', 'provinces', or 'metros')\n * @param props.className         - Additional CSS class name for the chart container\n * @param props.renderPlaceholder - Optional render function for the loading placeholder\n * @return A React component displaying an interactive map with data visualization\n */\nconst GeoChartInternal: FC< GeoChartProps > = ( {\n\tclassName,\n\tdata,\n\twidth,\n\theight,\n\tregion = 'world',\n\tresolution = 'countries',\n\trenderPlaceholder,\n} ) => {\n\tconst {\n\t\tgetElementStyles,\n\t\ttheme: {\n\t\t\tgeoChart: { featureFillColor },\n\t\t\tbackgroundColor,\n\t\t},\n\t} = useGlobalChartsContext();\n\n\t// Render loading placeholder\n\tconst loadingPlaceholder = (\n\t\t<div\n\t\t\tclassName={ clsx( 'geo-chart', styles.container, className ) }\n\t\t\tdata-testid=\"geo-chart-loading\"\n\t\t\tstyle={ { width, height } }\n\t\t>\n\t\t\t{ renderPlaceholder ? renderPlaceholder() : __( 'Loading map', 'jetpack-charts' ) }\n\t\t</div>\n\t);\n\n\t// Google charts doesn't accept CSS variables, so we need to convert them to hex colors\n\tconst fullColorHex = getElementStyles( { index: 0 } ).color;\n\tconst lightColorHex = lightenHexColor( fullColorHex, 0.8 );\n\t// Use normalizeColorToHex to ensure HSL/RGB values from CSS variables are converted to hex\n\tconst backgroundColorHex =\n\t\tnormalizeColorToHex( backgroundColor, null, resolveCssVariable ) || DEFAULT_BACKGROUND_COLOR;\n\tconst defaultFillColorHex =\n\t\tnormalizeColorToHex( featureFillColor, null, resolveCssVariable ) || DEFAULT_FEATURE_FILL_COLOR;\n\n\t// Check if data has HTML tooltips (column with role: 'tooltip' and p.html: true)\n\tconst hasHtmlTooltips = useMemo(\n\t\t() =>\n\t\t\tdata.length > 0 &&\n\t\t\tdata[ 0 ].some(\n\t\t\t\tcol =>\n\t\t\t\t\ttypeof col === 'object' &&\n\t\t\t\t\tcol !== null &&\n\t\t\t\t\t'role' in col &&\n\t\t\t\t\tcol.role === 'tooltip' &&\n\t\t\t\t\t'p' in col &&\n\t\t\t\t\ttypeof col.p === 'object' &&\n\t\t\t\t\tcol.p !== null &&\n\t\t\t\t\t'html' in col.p &&\n\t\t\t\t\tcol.p.html === true\n\t\t\t),\n\t\t[ data ]\n\t);\n\n\tconst options: GoogleChartOptions = useMemo(\n\t\t() => ( {\n\t\t\t...( region !== 'world' && { region } ),\n\t\t\t...( resolution !== 'countries' && { resolution } ),\n\t\t\tcolorAxis: { colors: [ lightColorHex, fullColorHex ] },\n\t\t\tbackgroundColor: backgroundColorHex,\n\t\t\tdatalessRegionColor: defaultFillColorHex,\n\t\t\tdefaultColor: defaultFillColorHex,\n\t\t\ttooltip: { trigger: 'focus', isHtml: hasHtmlTooltips },\n\t\t\tlegend: 'none',\n\t\t\tkeepAspectRatio: true,\n\t\t} ),\n\t\t[\n\t\t\tregion,\n\t\t\tresolution,\n\t\t\tlightColorHex,\n\t\t\tfullColorHex,\n\t\t\tbackgroundColorHex,\n\t\t\tdefaultFillColorHex,\n\t\t\thasHtmlTooltips,\n\t\t]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'geo-chart', styles.container, className ) }\n\t\t\tdata-testid=\"geo-chart\"\n\t\t\tstyle={ { width, height, backgroundColor } }\n\t\t>\n\t\t\t<Chart\n\t\t\t\tchartType=\"GeoChart\"\n\t\t\t\twidth={ width }\n\t\t\t\theight={ height }\n\t\t\t\tdata={ data }\n\t\t\t\toptions={ options }\n\t\t\t\tloader={ loadingPlaceholder }\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst GeoChartWithProvider: FC< GeoChartProps > = props => {\n\tconst existingContext = useContext( GlobalChartsContext );\n\n\t// If we're already in a GlobalChartsProvider context, don't create a new one\n\tif ( existingContext ) {\n\t\treturn <GeoChartInternal { ...props } />;\n\t}\n\n\t// Otherwise, create our own GlobalChartsProvider\n\treturn (\n\t\t<GlobalChartsProvider>\n\t\t\t<GeoChartInternal { ...props } />\n\t\t</GlobalChartsProvider>\n\t);\n};\n\nGeoChartWithProvider.displayName = 'GeoChart';\n\nconst GeoChartResponsive = withResponsive< GeoChartProps >( GeoChartWithProvider );\n\nexport { GeoChartResponsive as default, GeoChartWithProvider as GeoChartUnresponsive };\n","import 'css-chunk:src/charts/geo-chart/geo-chart.module.scss';export default {\n  \"container\": \"a8ccharts-JvcqOz\"\n};","import clsx from 'clsx';\nimport { useMemo, forwardRef } from 'react';\nimport { useGlobalChartsTheme } from '../../providers';\nimport { LineChartUnresponsive } from '../line-chart';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './sparkline.module.scss';\nimport type { SparklineProps } from './types';\nimport type { SeriesData } from '../../types';\n\nconst DEFAULT_WIDTH = 100;\nconst DEFAULT_HEIGHT = 40;\n\n/**\n * Transforms a simple number array into SeriesData format for LineChart.\n * Uses index-based dates to create a linear x-axis.\n *\n * @param data        - Array of numeric values to plot\n * @param color       - Optional color for the line stroke\n * @param strokeWidth - Optional stroke width for the line\n * @return SeriesData array suitable for LineChart\n */\nconst transformToSeriesData = (\n\tdata: number[],\n\tcolor?: string,\n\tstrokeWidth?: number\n): SeriesData[] => {\n\t// Use a fixed base date and increment by index to create linear spacing\n\tconst baseDate = new Date( 2000, 0, 1 );\n\n\treturn [\n\t\t{\n\t\t\tlabel: 'sparkline',\n\t\t\tdata: data.map( ( value, index ) => ( {\n\t\t\t\tdate: new Date( baseDate.getTime() + index * 86400000 ), // Add days\n\t\t\t\tvalue,\n\t\t\t} ) ),\n\t\t\toptions: {\n\t\t\t\tstroke: color,\n\t\t\t\tseriesLineStyle: strokeWidth ? { strokeWidth } : undefined,\n\t\t\t},\n\t\t},\n\t];\n};\n\nconst SparklineComponent = forwardRef< HTMLDivElement, SparklineProps >(\n\t(\n\t\t{\n\t\t\tdata,\n\t\t\twidth = DEFAULT_WIDTH,\n\t\t\theight = DEFAULT_HEIGHT,\n\t\t\tcolor,\n\t\t\tstrokeWidth: strokeWidthProp,\n\t\t\twithGradientFill = true,\n\t\t\tgradient,\n\t\t\tclassName,\n\t\t\tchartId,\n\t\t\tmargin: marginProp,\n\t\t},\n\t\tref\n\t) => {\n\t\tconst theme = useGlobalChartsTheme();\n\n\t\t// Get theme defaults for sparkline\n\t\tconst themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;\n\n\t\t// Use prop values or fall back to theme defaults\n\t\tconst strokeWidth = strokeWidthProp ?? themeStrokeWidth;\n\n\t\t// Transform number[] to SeriesData[] for LineChart\n\t\tconst seriesData = useMemo( () => {\n\t\t\tif ( ! data || data.length === 0 ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\treturn transformToSeriesData( data, color, strokeWidth );\n\t\t}, [ data, color, strokeWidth ] );\n\n\t\t// Merge margins with theme defaults\n\t\tconst finalMargin = useMemo( () => {\n\t\t\tconst themeMargin = theme.sparkline?.margin ?? { top: 2, right: 2, bottom: 2, left: 2 };\n\t\t\tconst margin = marginProp ?? themeMargin;\n\t\t\treturn {\n\t\t\t\t...themeMargin,\n\t\t\t\t...margin,\n\t\t\t};\n\t\t}, [ marginProp, theme.sparkline?.margin ] );\n\n\t\t// Build gradient options for the series if custom gradient is provided\n\t\t// Note: This must be called before any early returns to follow React hooks rules\n\t\tconst seriesWithGradient = useMemo( () => {\n\t\t\tif ( ! gradient || seriesData.length === 0 ) {\n\t\t\t\treturn seriesData;\n\t\t\t}\n\n\t\t\treturn seriesData.map( series => ( {\n\t\t\t\t...series,\n\t\t\t\toptions: {\n\t\t\t\t\t...series.options,\n\t\t\t\t\tgradient: {\n\t\t\t\t\t\tfrom: gradient.from || color || '#000000',\n\t\t\t\t\t\tto: gradient.to || '#ffffff',\n\t\t\t\t\t\tfromOpacity: gradient.fromOpacity ?? 0.5,\n\t\t\t\t\t\ttoOpacity: gradient.toOpacity ?? 0.0,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} ) );\n\t\t}, [ seriesData, gradient, color ] );\n\n\t\t// Handle empty data\n\t\tif ( ! data || data.length === 0 ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'sparkline',\n\t\t\t\t\t\tstyles.sparkline,\n\t\t\t\t\t\tstyles[ 'sparkline--empty' ],\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ { width, height } }\n\t\t\t\t\tdata-testid=\"sparkline-empty\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\t// Handle single data point - render a simple dot\n\t\tif ( data.length === 1 ) {\n\t\t\tconst cx = width / 2;\n\t\t\tconst cy = height / 2;\n\t\t\tconst resolvedColor = color || '#000000';\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'sparkline',\n\t\t\t\t\t\tstyles.sparkline,\n\t\t\t\t\t\tstyles[ 'sparkline--single-point' ],\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ { width, height } }\n\t\t\t\t\tdata-testid=\"sparkline-single-point\"\n\t\t\t\t>\n\t\t\t\t\t<svg width={ width } height={ height } aria-hidden=\"true\">\n\t\t\t\t\t\t<circle cx={ cx } cy={ cy } r={ strokeWidth * 1.5 } fill={ resolvedColor } />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ ref }\n\t\t\t\tclassName={ clsx( 'sparkline', styles.sparkline, className ) }\n\t\t\t\tdata-testid=\"sparkline\"\n\t\t\t>\n\t\t\t\t<LineChartUnresponsive\n\t\t\t\t\tdata={ seriesWithGradient }\n\t\t\t\t\twidth={ width }\n\t\t\t\t\theight={ height }\n\t\t\t\t\tmargin={ finalMargin }\n\t\t\t\t\tchartId={ chartId }\n\t\t\t\t\twithGradientFill={ withGradientFill }\n\t\t\t\t\twithTooltips={ false }\n\t\t\t\t\tshowLegend={ false }\n\t\t\t\t\tgridVisibility=\"none\"\n\t\t\t\t\toptions={ {\n\t\t\t\t\t\taxis: {\n\t\t\t\t\t\t\tx: { display: false },\n\t\t\t\t\t\t\ty: { display: false },\n\t\t\t\t\t\t},\n\t\t\t\t\t} }\n\t\t\t\t\tcurveType=\"monotone\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSparklineComponent.displayName = 'SparklineComponent';\n\n/**\n * Sparkline - A minimal line chart for inline data visualization.\n *\n * Sparklines are compact charts designed to be embedded inline with text or\n * displayed in small spaces like table cells or dashboards. They show trends\n * without axes, labels, or other chart chrome.\n *\n * This component is built on top of LineChart with preconfigured settings\n * for minimal display (no axes, grid, tooltips, or legend).\n */\nconst SparklineUnresponsive = SparklineComponent;\n\nSparklineUnresponsive.displayName = 'SparklineUnresponsive';\n\n/**\n * Responsive Sparkline chart component\n */\nconst Sparkline = withResponsive< SparklineProps >( SparklineUnresponsive );\n\nexport { Sparkline as default, SparklineUnresponsive };\n","import 'css-chunk:src/charts/sparkline/sparkline.module.scss';export default {\n  \"sparkline\": \"a8ccharts-o-3Z8B\",\n  \"sparkline--empty\": \"a8ccharts-CbLbcd\"\n};"],"mappings":"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","names":["clsx","useMemo","jsx","useMemo","clsx"]}
+{"version":3,"sources":["../src/charts/sparkline/sparkline.tsx","../src/charts/sparkline/sparkline.module.scss"],"sourcesContent":["import clsx from 'clsx';\nimport { useMemo, forwardRef } from 'react';\nimport { useGlobalChartsTheme } from '../../providers';\nimport { LineChartUnresponsive } from '../line-chart';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './sparkline.module.scss';\nimport type { SparklineProps } from './types';\nimport type { SeriesData } from '../../types';\n\nconst DEFAULT_WIDTH = 100;\nconst DEFAULT_HEIGHT = 40;\n\n/**\n * Transforms a simple number array into SeriesData format for LineChart.\n * Uses index-based dates to create a linear x-axis.\n *\n * @param data        - Array of numeric values to plot\n * @param color       - Optional color for the line stroke\n * @param strokeWidth - Optional stroke width for the line\n * @return SeriesData array suitable for LineChart\n */\nconst transformToSeriesData = (\n\tdata: number[],\n\tcolor?: string,\n\tstrokeWidth?: number\n): SeriesData[] => {\n\t// Use a fixed base date and increment by index to create linear spacing\n\tconst baseDate = new Date( 2000, 0, 1 );\n\n\treturn [\n\t\t{\n\t\t\tlabel: 'sparkline',\n\t\t\tdata: data.map( ( value, index ) => ( {\n\t\t\t\tdate: new Date( baseDate.getTime() + index * 86400000 ), // Add days\n\t\t\t\tvalue,\n\t\t\t} ) ),\n\t\t\toptions: {\n\t\t\t\tstroke: color,\n\t\t\t\tseriesLineStyle: strokeWidth ? { strokeWidth } : undefined,\n\t\t\t},\n\t\t},\n\t];\n};\n\nconst SparklineComponent = forwardRef< HTMLDivElement, SparklineProps >(\n\t(\n\t\t{\n\t\t\tdata,\n\t\t\twidth = DEFAULT_WIDTH,\n\t\t\theight = DEFAULT_HEIGHT,\n\t\t\tcolor,\n\t\t\tstrokeWidth: strokeWidthProp,\n\t\t\twithGradientFill = true,\n\t\t\tgradient,\n\t\t\tclassName,\n\t\t\tchartId,\n\t\t\tmargin: marginProp,\n\t\t\tanimation,\n\t\t},\n\t\tref\n\t) => {\n\t\tconst theme = useGlobalChartsTheme();\n\n\t\t// Get theme defaults for sparkline\n\t\tconst themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;\n\n\t\t// Use prop values or fall back to theme defaults\n\t\tconst strokeWidth = strokeWidthProp ?? themeStrokeWidth;\n\n\t\t// Transform number[] to SeriesData[] for LineChart\n\t\tconst seriesData = useMemo( () => {\n\t\t\tif ( ! data || data.length === 0 ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\treturn transformToSeriesData( data, color, strokeWidth );\n\t\t}, [ data, color, strokeWidth ] );\n\n\t\t// Merge margins with theme defaults\n\t\tconst finalMargin = useMemo( () => {\n\t\t\tconst themeMargin = theme.sparkline?.margin ?? { top: 2, right: 2, bottom: 2, left: 2 };\n\t\t\tconst margin = marginProp ?? themeMargin;\n\t\t\treturn {\n\t\t\t\t...themeMargin,\n\t\t\t\t...margin,\n\t\t\t};\n\t\t}, [ marginProp, theme.sparkline?.margin ] );\n\n\t\t// Build gradient options for the series if custom gradient is provided\n\t\t// Note: This must be called before any early returns to follow React hooks rules\n\t\tconst seriesWithGradient = useMemo( () => {\n\t\t\tif ( ! gradient || seriesData.length === 0 ) {\n\t\t\t\treturn seriesData;\n\t\t\t}\n\n\t\t\treturn seriesData.map( series => ( {\n\t\t\t\t...series,\n\t\t\t\toptions: {\n\t\t\t\t\t...series.options,\n\t\t\t\t\tgradient: {\n\t\t\t\t\t\tfrom: gradient.from || color || '#000000',\n\t\t\t\t\t\tto: gradient.to || '#ffffff',\n\t\t\t\t\t\tfromOpacity: gradient.fromOpacity ?? 0.5,\n\t\t\t\t\t\ttoOpacity: gradient.toOpacity ?? 0.0,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} ) );\n\t\t}, [ seriesData, gradient, color ] );\n\n\t\t// Handle empty data\n\t\tif ( ! data || data.length === 0 ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'sparkline',\n\t\t\t\t\t\tstyles.sparkline,\n\t\t\t\t\t\tstyles[ 'sparkline--empty' ],\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ { width, height } }\n\t\t\t\t\tdata-testid=\"sparkline-empty\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\t// Handle single data point - render a simple dot\n\t\tif ( data.length === 1 ) {\n\t\t\tconst cx = width / 2;\n\t\t\tconst cy = height / 2;\n\t\t\tconst resolvedColor = color || '#000000';\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'sparkline',\n\t\t\t\t\t\tstyles.sparkline,\n\t\t\t\t\t\tstyles[ 'sparkline--single-point' ],\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ { width, height } }\n\t\t\t\t\tdata-testid=\"sparkline-single-point\"\n\t\t\t\t>\n\t\t\t\t\t<svg width={ width } height={ height } aria-hidden=\"true\">\n\t\t\t\t\t\t<circle cx={ cx } cy={ cy } r={ strokeWidth * 1.5 } fill={ resolvedColor } />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ ref }\n\t\t\t\tclassName={ clsx( 'sparkline', styles.sparkline, className ) }\n\t\t\t\tdata-testid=\"sparkline\"\n\t\t\t>\n\t\t\t\t<LineChartUnresponsive\n\t\t\t\t\tdata={ seriesWithGradient }\n\t\t\t\t\twidth={ width }\n\t\t\t\t\theight={ height }\n\t\t\t\t\tmargin={ finalMargin }\n\t\t\t\t\tchartId={ chartId }\n\t\t\t\t\twithGradientFill={ withGradientFill }\n\t\t\t\t\twithTooltips={ false }\n\t\t\t\t\tshowLegend={ false }\n\t\t\t\t\tgridVisibility=\"none\"\n\t\t\t\t\toptions={ {\n\t\t\t\t\t\taxis: {\n\t\t\t\t\t\t\tx: { display: false },\n\t\t\t\t\t\t\ty: { display: false },\n\t\t\t\t\t\t},\n\t\t\t\t\t} }\n\t\t\t\t\tcurveType=\"monotone\"\n\t\t\t\t\tanimation={ animation }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSparklineComponent.displayName = 'SparklineComponent';\n\n/**\n * Sparkline - A minimal line chart for inline data visualization.\n *\n * Sparklines are compact charts designed to be embedded inline with text or\n * displayed in small spaces like table cells or dashboards. They show trends\n * without axes, labels, or other chart chrome.\n *\n * This component is built on top of LineChart with preconfigured settings\n * for minimal display (no axes, grid, tooltips, or legend).\n */\nconst SparklineUnresponsive = SparklineComponent;\n\nSparklineUnresponsive.displayName = 'SparklineUnresponsive';\n\n/**\n * Responsive Sparkline chart component\n */\nconst Sparkline = withResponsive< SparklineProps >( SparklineUnresponsive );\n\nexport { Sparkline as default, SparklineUnresponsive };\n","import 'css-chunk:src/charts/sparkline/sparkline.module.scss';export default {\n  \"sparkline\": \"a8ccharts-o-3Z8B\",\n  \"sparkline--empty\": \"a8ccharts-CbLbcd\"\n};"],"mappings":"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","names":[]}

package/dist/{leaderboard-chart-3dKYMfoP.d.cts → leaderboard-chart-CN80sJmQ.d.cts}

@@ -3,7 +3,7 @@ import { R as ResponsiveConfig } from './with-responsive-Cp2qnQPo.cjs';
 import * as react from 'react';
 import { ReactNode, FC } from 'react';
 import { a as BaseLegendProps, B as BaseLegendItem } from './types-C05PdDJa.cjs';
-import { B as BaseChartProps, L as LeaderboardEntry } from './types-sQ20gAeB.cjs';
+import { B as BaseChartProps, L as LeaderboardEntry } from './types-D1lTxRyg.cjs';
 
 interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legendOrientation' | 'legendPosition' | 'legendAlignment' | 'legendShape' | 'chartId' | 'width' | 'height' | 'size' | 'legendInteractive' | 'animation'> {
     /**

package/dist/{leaderboard-chart-BqH8BLiG.d.ts → leaderboard-chart-DPi2ueOg.d.ts}

@@ -3,7 +3,7 @@ import { R as ResponsiveConfig } from './with-responsive-Cp2qnQPo.js';
 import * as react from 'react';
 import { ReactNode, FC } from 'react';
 import { a as BaseLegendProps, B as BaseLegendItem } from './types-C05PdDJa.js';
-import { B as BaseChartProps, L as LeaderboardEntry } from './types-sQ20gAeB.js';
+import { B as BaseChartProps, L as LeaderboardEntry } from './types-D1lTxRyg.js';
 
 interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legendOrientation' | 'legendPosition' | 'legendAlignment' | 'legendShape' | 'chartId' | 'width' | 'height' | 'size' | 'legendInteractive' | 'animation'> {
     /**

package/dist/providers/index.cjs

@@ -6,8 +6,8 @@
 
 
 
-var _chunkW3H42XRVcjs = require('../chunk-W3H42XRV.cjs');
-require('../chunk-DAKYGZG6.cjs');
+var _chunkWKN6C4ZEcjs = require('../chunk-WKN6C4ZE.cjs');
+require('../chunk-ZVGEDXDP.cjs');
 require('../chunk-EMMSS5I5.cjs');
 
 
@@ -17,5 +17,5 @@ require('../chunk-EMMSS5I5.cjs');
 
 
 
-exports.GlobalChartsContext = _chunkW3H42XRVcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkW3H42XRVcjs.GlobalChartsProvider; exports.defaultTheme = _chunkW3H42XRVcjs.defaultTheme; exports.useChartId = _chunkW3H42XRVcjs.useChartId; exports.useChartRegistration = _chunkW3H42XRVcjs.useChartRegistration; exports.useGlobalChartsContext = _chunkW3H42XRVcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkW3H42XRVcjs.useGlobalChartsTheme;
+exports.GlobalChartsContext = _chunkWKN6C4ZEcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkWKN6C4ZEcjs.GlobalChartsProvider; exports.defaultTheme = _chunkWKN6C4ZEcjs.defaultTheme; exports.useChartId = _chunkWKN6C4ZEcjs.useChartId; exports.useChartRegistration = _chunkWKN6C4ZEcjs.useChartRegistration; exports.useGlobalChartsContext = _chunkWKN6C4ZEcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkWKN6C4ZEcjs.useGlobalChartsTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/providers/index.d.cts

@@ -1,7 +1,7 @@
-export { C as ChartRegistration, E as ElementStyles, d as GetElementStylesParams, a as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, e as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-DijSDhqQ.cjs';
+export { C as ChartRegistration, E as ElementStyles, e as GetElementStylesParams, b as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme } from '../themes-Dzg0wE3B.cjs';
 import { B as BaseLegendItem } from '../types-C05PdDJa.cjs';
 import 'react';
-import '../types-sQ20gAeB.cjs';
+import '../types-D1lTxRyg.cjs';
 import '@visx/annotation/lib/components/CircleSubject';
 import '@visx/annotation/lib/components/Connector';
 import '@visx/annotation/lib/components/Label';

package/dist/providers/index.d.ts

@@ -1,7 +1,7 @@
-export { C as ChartRegistration, E as ElementStyles, d as GetElementStylesParams, a as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, e as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-ChB_VjWt.js';
+export { C as ChartRegistration, E as ElementStyles, e as GetElementStylesParams, b as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme } from '../themes-AriuFXQ2.js';
 import { B as BaseLegendItem } from '../types-C05PdDJa.js';
 import 'react';
-import '../types-sQ20gAeB.js';
+import '../types-D1lTxRyg.js';
 import '@visx/annotation/lib/components/CircleSubject';
 import '@visx/annotation/lib/components/Connector';
 import '@visx/annotation/lib/components/Label';

package/dist/providers/index.js

@@ -6,8 +6,8 @@ import {
   useChartRegistration,
   useGlobalChartsContext,
   useGlobalChartsTheme
-} from "../chunk-O2BJMTIS.js";
-import "../chunk-P3QEXFTA.js";
+} from "../chunk-DYMJWNYM.js";
+import "../chunk-TE63Y5PX.js";
 import "../chunk-G3PMV62Z.js";
 export {
   GlobalChartsContext,

package/dist/{themes-ChB_VjWt.d.ts → themes-AriuFXQ2.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties, FC } from 'react';
-import { f as CompleteChartTheme, S as SeriesData, e as DataPointPercentage, C as ChartTheme } from './types-sQ20gAeB.js';
+import { f as CompleteChartTheme, d as SeriesData, e as DataPointPercentage, C as ChartTheme } from './types-D1lTxRyg.js';
 import { B as BaseLegendItem } from './types-C05PdDJa.js';
 import { LegendShape } from '@visx/legend/lib/types';
 import { LineStyles, GlyphProps } from '@visx/xychart';
@@ -55,4 +55,4 @@ declare const useGlobalChartsTheme: () => CompleteChartTheme;
  */
 declare const defaultTheme: CompleteChartTheme;
 
-export { type ChartRegistration as C, type ElementStyles as E, GlobalChartsProvider as G, GlobalChartsContext as a, useGlobalChartsTheme as b, type GlobalChartsContextValue as c, type GetElementStylesParams as d, defaultTheme as e, useGlobalChartsContext as u };
+export { type ChartRegistration as C, type ElementStyles as E, GlobalChartsProvider as G, useGlobalChartsTheme as a, GlobalChartsContext as b, type GlobalChartsContextValue as c, defaultTheme as d, type GetElementStylesParams as e, useGlobalChartsContext as u };

package/dist/{themes-DijSDhqQ.d.cts → themes-Dzg0wE3B.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties, FC } from 'react';
-import { f as CompleteChartTheme, S as SeriesData, e as DataPointPercentage, C as ChartTheme } from './types-sQ20gAeB.cjs';
+import { f as CompleteChartTheme, d as SeriesData, e as DataPointPercentage, C as ChartTheme } from './types-D1lTxRyg.cjs';
 import { B as BaseLegendItem } from './types-C05PdDJa.cjs';
 import { LegendShape } from '@visx/legend/lib/types';
 import { LineStyles, GlyphProps } from '@visx/xychart';
@@ -55,4 +55,4 @@ declare const useGlobalChartsTheme: () => CompleteChartTheme;
  */
 declare const defaultTheme: CompleteChartTheme;
 
-export { type ChartRegistration as C, type ElementStyles as E, GlobalChartsProvider as G, GlobalChartsContext as a, useGlobalChartsTheme as b, type GlobalChartsContextValue as c, type GetElementStylesParams as d, defaultTheme as e, useGlobalChartsContext as u };
+export { type ChartRegistration as C, type ElementStyles as E, GlobalChartsProvider as G, useGlobalChartsTheme as a, GlobalChartsContext as b, type GlobalChartsContextValue as c, defaultTheme as d, type GetElementStylesParams as e, useGlobalChartsContext as u };

package/dist/{types-sQ20gAeB.d.cts → types-D1lTxRyg.d.cts}

@@ -477,4 +477,4 @@ interface ToggleEvent extends Event {
     oldState: 'open' | 'closed';
 }
 
-export type { AnnotationStyles as A, BaseChartProps as B, ChartTheme as C, DataPointDate as D, GeoData as G, LeaderboardEntry as L, MultipleDataPointsDate as M, Optional as O, PopoverButtonAttributes as P, SeriesData as S, ToggleEvent as T, OrientationType as a, DataPoint as b, GradientStop as c, SeriesDataOptions as d, DataPointPercentage as e, CompleteChartTheme as f, ScaleOptions as g, GridProps as h, PopoverElementAttributes as i, ButtonWithPopover as j, PopoverElement as k };
+export type { AnnotationStyles as A, BaseChartProps as B, ChartTheme as C, DataPoint as D, GeoData as G, LeaderboardEntry as L, MultipleDataPointsDate as M, Optional as O, PopoverButtonAttributes as P, SeriesDataOptions as S, ToggleEvent as T, OrientationType as a, DataPointDate as b, GradientStop as c, SeriesData as d, DataPointPercentage as e, CompleteChartTheme as f, ScaleOptions as g, GridProps as h, PopoverElementAttributes as i, ButtonWithPopover as j, PopoverElement as k };

package/dist/{types-sQ20gAeB.d.ts → types-D1lTxRyg.d.ts}

@@ -477,4 +477,4 @@ interface ToggleEvent extends Event {
     oldState: 'open' | 'closed';
 }
 
-export type { AnnotationStyles as A, BaseChartProps as B, ChartTheme as C, DataPointDate as D, GeoData as G, LeaderboardEntry as L, MultipleDataPointsDate as M, Optional as O, PopoverButtonAttributes as P, SeriesData as S, ToggleEvent as T, OrientationType as a, DataPoint as b, GradientStop as c, SeriesDataOptions as d, DataPointPercentage as e, CompleteChartTheme as f, ScaleOptions as g, GridProps as h, PopoverElementAttributes as i, ButtonWithPopover as j, PopoverElement as k };
+export type { AnnotationStyles as A, BaseChartProps as B, ChartTheme as C, DataPoint as D, GeoData as G, LeaderboardEntry as L, MultipleDataPointsDate as M, Optional as O, PopoverButtonAttributes as P, SeriesDataOptions as S, ToggleEvent as T, OrientationType as a, DataPointDate as b, GradientStop as c, SeriesData as d, DataPointPercentage as e, CompleteChartTheme as f, ScaleOptions as g, GridProps as h, PopoverElementAttributes as i, ButtonWithPopover as j, PopoverElement as k };

package/dist/utils/index.cjs

@@ -17,7 +17,8 @@
 
 
 
-var _chunkDAKYGZG6cjs = require('../chunk-DAKYGZG6.cjs');
+
+var _chunkZVGEDXDPcjs = require('../chunk-ZVGEDXDP.cjs');
 require('../chunk-EMMSS5I5.cjs');
 
 
@@ -38,5 +39,6 @@ require('../chunk-EMMSS5I5.cjs');
 
 
 
-exports.attachSubComponents = _chunkDAKYGZG6cjs.attachSubComponents; exports.formatMetricValue = _chunkDAKYGZG6cjs.formatMetricValue; exports.formatPercentage = _chunkDAKYGZG6cjs.formatPercentage; exports.getColorDistance = _chunkDAKYGZG6cjs.getColorDistance; exports.getItemShapeStyles = _chunkDAKYGZG6cjs.getItemShapeStyles; exports.getLongestTickWidth = _chunkDAKYGZG6cjs.getLongestTickWidth; exports.getSeriesLineStyles = _chunkDAKYGZG6cjs.getSeriesLineStyles; exports.getSeriesStroke = _chunkDAKYGZG6cjs.getSeriesStroke; exports.isSafari = _chunkDAKYGZG6cjs.isSafari; exports.isValidHexColor = _chunkDAKYGZG6cjs.isValidHexColor; exports.lightenHexColor = _chunkDAKYGZG6cjs.lightenHexColor; exports.mergeThemes = _chunkDAKYGZG6cjs.mergeThemes; exports.normalizeColorToHex = _chunkDAKYGZG6cjs.normalizeColorToHex; exports.parseAsLocalDate = _chunkDAKYGZG6cjs.parseAsLocalDate; exports.parseHslString = _chunkDAKYGZG6cjs.parseHslString; exports.parseRgbString = _chunkDAKYGZG6cjs.parseRgbString; exports.resolveCssVariable = _chunkDAKYGZG6cjs.resolveCssVariable; exports.validateHexColor = _chunkDAKYGZG6cjs.validateHexColor;
+
+exports.attachSubComponents = _chunkZVGEDXDPcjs.attachSubComponents; exports.formatMetricValue = _chunkZVGEDXDPcjs.formatMetricValue; exports.formatPercentage = _chunkZVGEDXDPcjs.formatPercentage; exports.getColorDistance = _chunkZVGEDXDPcjs.getColorDistance; exports.getItemShapeStyles = _chunkZVGEDXDPcjs.getItemShapeStyles; exports.getLongestTickWidth = _chunkZVGEDXDPcjs.getLongestTickWidth; exports.getSeriesLineStyles = _chunkZVGEDXDPcjs.getSeriesLineStyles; exports.getSeriesStroke = _chunkZVGEDXDPcjs.getSeriesStroke; exports.hexToRgba = _chunkZVGEDXDPcjs.hexToRgba; exports.isSafari = _chunkZVGEDXDPcjs.isSafari; exports.isValidHexColor = _chunkZVGEDXDPcjs.isValidHexColor; exports.lightenHexColor = _chunkZVGEDXDPcjs.lightenHexColor; exports.mergeThemes = _chunkZVGEDXDPcjs.mergeThemes; exports.normalizeColorToHex = _chunkZVGEDXDPcjs.normalizeColorToHex; exports.parseAsLocalDate = _chunkZVGEDXDPcjs.parseAsLocalDate; exports.parseHslString = _chunkZVGEDXDPcjs.parseHslString; exports.parseRgbString = _chunkZVGEDXDPcjs.parseRgbString; exports.resolveCssVariable = _chunkZVGEDXDPcjs.resolveCssVariable; exports.validateHexColor = _chunkZVGEDXDPcjs.validateHexColor;
 //# sourceMappingURL=index.cjs.map

package/dist/utils/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/utils/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,umCAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/utils/index.cjs"}
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/utils/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wpCAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/utils/index.cjs"}

package/dist/utils/index.d.cts

@@ -1,7 +1,7 @@
 export { M as MetricValueType, f as formatMetricValue } from '../format-metric-value-MXm5DtQ_.cjs';
 import { TickFormatter } from '@visx/axis';
 import { AnyD3Scale, ScaleInput } from '@visx/scale';
-import { S as SeriesData, C as ChartTheme, f as CompleteChartTheme } from '../types-sQ20gAeB.cjs';
+import { d as SeriesData, C as ChartTheme, f as CompleteChartTheme } from '../types-D1lTxRyg.cjs';
 import { LegendShape } from '@visx/legend/lib/types';
 import { LineStyles } from '@visx/xychart';
 import '@visx/annotation/lib/components/CircleSubject';
@@ -157,6 +157,15 @@ declare const isValidHexColor: (hex: unknown) => hex is string;
  * @throws {Error} if hex string is malformed
  */
 declare const validateHexColor: (hex: unknown) => void;
+/**
+ * Convert hex color to rgba with specified opacity.
+ * This is genuinely reusable across chart components.
+ * @param  hex   - The hex color string (e.g., '#ff0000')
+ * @param  alpha - The opacity value. Values outside the [0, 1] range will be clamped by the underlying d3 color library.
+ * @return The rgba color string (e.g., 'rgba(255, 0, 0, 0.5)')
+ * @throws {Error} if hex string is malformed or alpha is not a valid number
+ */
+declare const hexToRgba: (hex: string, alpha: number) => string;
 /**
  * Calculate the perceptual distance between two HSL colors
  * @param hsl1 - first color in HSL format [h, s, l]
@@ -213,4 +222,4 @@ declare const lightenHexColor: (hex: string, blend: number) => string;
  */
 declare const resolveCssVariable: (value: string, element?: HTMLElement | null) => string | null;
 
-export { attachSubComponents, formatPercentage, getColorDistance, getItemShapeStyles, getLongestTickWidth, getSeriesLineStyles, getSeriesStroke, isSafari, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, resolveCssVariable, validateHexColor };
+export { attachSubComponents, formatPercentage, getColorDistance, getItemShapeStyles, getLongestTickWidth, getSeriesLineStyles, getSeriesStroke, hexToRgba, isSafari, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, resolveCssVariable, validateHexColor };