@automattic/charts 0.50.2 → 0.52.0

package/dist/{chunk-PEUZZ3WY.cjs → chunk-ZOCE4WND.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSDNRKKBPcjs = require('./chunk-SDNRKKBP.cjs');
+var _chunkOTZT3MC2cjs = require('./chunk-OTZT3MC2.cjs');
 
 
+var _chunk7OZEQ5HEcjs = require('./chunk-7OZEQ5HE.cjs');
 
 
-var _chunk3Z526IL2cjs = require('./chunk-3Z526IL2.cjs');
+var _chunk7HROSZRScjs = require('./chunk-7HROSZRS.cjs');
 
 
-var _chunk7OZEQ5HEcjs = require('./chunk-7OZEQ5HE.cjs');
 
 
-var _chunk5NI3TGRDcjs = require('./chunk-5NI3TGRD.cjs');
+var _chunkHIWNB5PKcjs = require('./chunk-HIWNB5PK.cjs');
 
 
+var _chunkMUUSZ7J5cjs = require('./chunk-MUUSZ7J5.cjs');
 
 
-var _chunkBZQFCAX7cjs = require('./chunk-BZQFCAX7.cjs');
 
 
-var _chunk7HROSZRScjs = require('./chunk-7HROSZRS.cjs');
+var _chunk67BAKCI2cjs = require('./chunk-67BAKCI2.cjs');
 
 
 
@@ -30,12 +30,12 @@ var _chunk7HROSZRScjs = require('./chunk-7HROSZRS.cjs');
 
 
 
-var _chunkN4ZDNOPYcjs = require('./chunk-N4ZDNOPY.cjs');
+var _chunk44EBMDFIcjs = require('./chunk-44EBMDFI.cjs');
 
 
 var _chunkFI5B6KSHcjs = require('./chunk-FI5B6KSH.cjs');
 
-// src/components/pie-chart/pie-chart.tsx
+// src/charts/pie-chart/pie-chart.tsx
 var _event = require('@visx/event');
 var _group = require('@visx/group');
 var _shape = require('@visx/shape');
@@ -44,13 +44,13 @@ var _i18n = require('@wordpress/i18n');
 var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
 var _react = require('react');
 
-// src/components/pie-chart/pie-chart.module.scss
+// src/charts/pie-chart/pie-chart.module.scss
 var pie_chart_module_default = {
-  "pie-chart": "a8ccharts-R12VhH",
-  "pie-chart--legend-top": "a8ccharts-eG7-zj"
+  "pie-chart": "a8ccharts-C-n-Gu",
+  "pie-chart--legend-top": "a8ccharts-Mu0uxl"
 };
 
-// src/components/pie-chart/pie-chart.tsx
+// src/charts/pie-chart/pie-chart.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var validateData = (data) => {
   if (!data.length) {
@@ -92,9 +92,9 @@ var PieChartInternal = ({
   tooltipOffsetX = 0,
   tooltipOffsetY = -15
 }) => {
-  const providerTheme = _chunkN4ZDNOPYcjs.useGlobalChartsTheme.call(void 0, );
-  const chartId = _chunkN4ZDNOPYcjs.useChartId.call(void 0, providedChartId);
-  const [legendRef, legendHeight] = _chunkN4ZDNOPYcjs.useElementHeight.call(void 0, );
+  const providerTheme = _chunk44EBMDFIcjs.useGlobalChartsTheme.call(void 0, );
+  const chartId = _chunk44EBMDFIcjs.useChartId.call(void 0, providedChartId);
+  const [legendRef, legendHeight] = _chunk44EBMDFIcjs.useElementHeight.call(void 0, );
   const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = _tooltip.useTooltip.call(void 0, );
   const { containerRef, TooltipInPortal } = _tooltip.useTooltipInPortal.call(void 0, {
     detectBounds: true,
@@ -107,8 +107,8 @@ var PieChartInternal = ({
     }
     hideTooltip();
   }, [withTooltips, hideTooltip]);
-  const { getElementStyles, isSeriesVisible } = _chunkN4ZDNOPYcjs.useGlobalChartsContext.call(void 0, );
-  const { visibleData, allSegmentsHidden, legendData } = _chunkN4ZDNOPYcjs.useInteractiveLegendData.call(void 0, {
+  const { getElementStyles, isSeriesVisible } = _chunk44EBMDFIcjs.useGlobalChartsContext.call(void 0, );
+  const { visibleData, allSegmentsHidden, legendData } = _chunk44EBMDFIcjs.useInteractiveLegendData.call(void 0, {
     data,
     chartId,
     legendInteractive,
@@ -118,9 +118,9 @@ var PieChartInternal = ({
     () => ({ showValues: true, legendValueDisplay }),
     [legendValueDisplay]
   );
-  const legendItems = _chunkBZQFCAX7cjs.useChartLegendItems.call(void 0, legendData, legendOptions);
+  const legendItems = _chunk67BAKCI2cjs.useChartLegendItems.call(void 0, legendData, legendOptions);
   const { isValid, message } = validateData(data);
-  const { svgChildren, htmlChildren, otherChildren } = _chunk3Z526IL2cjs.useChartChildren.call(void 0, children, "PieChart");
+  const { svgChildren, htmlChildren, otherChildren } = _chunkHIWNB5PKcjs.useChartChildren.call(void 0, children, "PieChart");
   const chartMetadata = _react.useMemo.call(void 0, 
     () => ({
       thickness,
@@ -129,14 +129,14 @@ var PieChartInternal = ({
     }),
     [thickness, gapScale, cornerScale]
   );
-  _chunkN4ZDNOPYcjs.useChartRegistration.call(void 0, {
+  _chunk44EBMDFIcjs.useChartRegistration.call(void 0, {
     chartId,
     legendItems,
     chartType: "pie",
     isDataValid: isValid,
     metadata: chartMetadata
   });
-  const prefersReducedMotion = _chunkN4ZDNOPYcjs.usePrefersReducedMotion.call(void 0, );
+  const prefersReducedMotion = _chunk44EBMDFIcjs.usePrefersReducedMotion.call(void 0, );
   if (!isValid) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _clsx2.default.call(void 0, "pie-chart", pie_chart_module_default["pie-chart"], className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: pie_chart_module_default["error-message"], children: message }) });
   }
@@ -165,7 +165,7 @@ var PieChartInternal = ({
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBZQFCAX7cjs.SingleChartContext.Provider,
+    _chunk67BAKCI2cjs.SingleChartContext.Provider,
     {
       value: {
         chartId,
@@ -192,7 +192,7 @@ var PieChartInternal = ({
                 height: adjustedHeight,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkSDNRKKBPcjs.radial_wipe_animation_default,
+                    _chunkOTZT3MC2cjs.radial_wipe_animation_default,
                     {
                       id: `radial-wipe-${chartId}`,
                       radius: outerRadius,
@@ -304,7 +304,7 @@ var PieChartInternal = ({
               }
             ),
             showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBZQFCAX7cjs.Legend,
+              _chunk67BAKCI2cjs.Legend,
               {
                 orientation: legendOrientation,
                 position: legendPosition,
@@ -329,24 +329,24 @@ var PieChartInternal = ({
   );
 };
 var PieChartWithProvider = (props) => {
-  const existingContext = _react.useContext.call(void 0, _chunkN4ZDNOPYcjs.GlobalChartsContext);
+  const existingContext = _react.useContext.call(void 0, _chunk44EBMDFIcjs.GlobalChartsContext);
   if (existingContext) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, { ...props });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4ZDNOPYcjs.GlobalChartsProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk44EBMDFIcjs.GlobalChartsProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, { ...props }) });
 };
 PieChartWithProvider.displayName = "PieChart";
 var PieChart = _chunkFI5B6KSHcjs.attachSubComponents.call(void 0, PieChartWithProvider, {
-  Legend: _chunkBZQFCAX7cjs.Legend,
-  SVG: _chunk3Z526IL2cjs.ChartSVG,
-  HTML: _chunk3Z526IL2cjs.ChartHTML
+  Legend: _chunk67BAKCI2cjs.Legend,
+  SVG: _chunkHIWNB5PKcjs.ChartSVG,
+  HTML: _chunkHIWNB5PKcjs.ChartHTML
 });
 var PieChartResponsive = _chunkFI5B6KSHcjs.attachSubComponents.call(void 0, 
-  _chunk5NI3TGRDcjs.withResponsive.call(void 0, PieChartWithProvider),
+  _chunkMUUSZ7J5cjs.withResponsive.call(void 0, PieChartWithProvider),
   {
-    Legend: _chunkBZQFCAX7cjs.Legend,
-    SVG: _chunk3Z526IL2cjs.ChartSVG,
-    HTML: _chunk3Z526IL2cjs.ChartHTML
+    Legend: _chunk67BAKCI2cjs.Legend,
+    SVG: _chunkHIWNB5PKcjs.ChartSVG,
+    HTML: _chunkHIWNB5PKcjs.ChartHTML
   }
 );
 
@@ -354,4 +354,4 @@ var PieChartResponsive = _chunkFI5B6KSHcjs.attachSubComponents.call(void 0,
 
 
 exports.PieChart = PieChart; exports.PieChartResponsive = PieChartResponsive;
-//# sourceMappingURL=chunk-PEUZZ3WY.cjs.map
+//# sourceMappingURL=chunk-ZOCE4WND.cjs.map

package/dist/chunk-ZOCE4WND.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-ZOCE4WND.cjs","../src/charts/pie-chart/pie-chart.tsx","../src/charts/pie-chart/pie-chart.module.scss"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-ZOCE4WND.cjs","sourcesContent":[null,"import { localPoint } from '@visx/event';\nimport { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport { useTooltip, useTooltipInPortal } from '@visx/tooltip';\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { BaseTooltip } from '../../components/tooltip';\nimport { useElementHeight, useInteractiveLegendData, usePrefersReducedMotion } from '../../hooks';\nimport {\n\tGlobalChartsProvider,\n\tuseChartId,\n\tuseChartRegistration,\n\tuseGlobalChartsContext,\n\tuseGlobalChartsTheme,\n\tGlobalChartsContext,\n} from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { getStringWidth } from '../../visx/text';\nimport { ChartSVG, ChartHTML, useChartChildren } from '../private/chart-composition';\nimport { RadialWipeAnimation } from '../private/radial-wipe-animation/';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive, ResponsiveConfig } from '../private/with-responsive';\nimport styles from './pie-chart.module.scss';\nimport type { LegendValueDisplay } from '../../components/legend';\nimport type { BaseChartProps, DataPointPercentage, Optional } from '../../types';\nimport type { ChartComponentWithComposition } from '../private/chart-composition';\nimport type { SVGProps, MouseEvent, ReactNode, FC } from 'react';\n\nexport interface PieChartProps extends BaseChartProps< DataPointPercentage[] > {\n\t/**\n\t * Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.\n\t */\n\tinnerRadius?: number;\n\n\t/**\n\t * Add padding to the chart\n\t */\n\tpadding?: number;\n\n\t/**\n\t * Thickness of the pie chart.\n\t * A value between 0 and 1, where 0 means no thickness\n\t * and 1 means the maximum thickness.\n\t */\n\tthickness?: number;\n\n\t/**\n\t * Scale of the gap between groups in the pie chart\n\t * A value between 0 and 1, where 0 means no gap.\n\t */\n\tgapScale?: number;\n\n\t/**\n\t * Scale of the corner radius for the pie chart segments.\n\t * A value between 0 and 1, where 0 means no corner radius.\n\t */\n\tcornerScale?: number;\n\n\t/**\n\t * Whether to show labels on pie segments. Defaults to true.\n\t */\n\tshowLabels?: boolean;\n\n\t/**\n\t * What type of value to display in the legend when showValues is true.\n\t * - 'percentage': Shows percentage values (e.g., \"23%\") [default]\n\t * - 'value': Shows raw numeric values (e.g., \"30000\")\n\t * - 'valueDisplay': Shows formatted values (e.g., \"30K\")\n\t * - 'none': Shows no values, only labels\n\t */\n\tlegendValueDisplay?: LegendValueDisplay;\n\n\t/**\n\t * Enable interactive legend items that can toggle segment visibility.\n\t * Requires chartId and GlobalChartsProvider.\n\t * When segments are hidden, percentages are recalculated so visible segments total 100%.\n\t */\n\tlegendInteractive?: boolean;\n\n\t/**\n\t * Use the children prop to render additional elements on the chart.\n\t */\n\tchildren?: ReactNode;\n\n\t/**\n\t * Horizontal offset for tooltip positioning in pixels (default: 0)\n\t */\n\ttooltipOffsetX?: number;\n\n\t/**\n\t * Vertical offset for tooltip positioning in pixels (default: -15)\n\t */\n\ttooltipOffsetY?: number;\n}\n\n// Base props type with optional responsive properties\ntype PieChartBaseProps = Optional< PieChartProps, 'size' >;\n\n// Composition API types\ntype PieChartComponent = ChartComponentWithComposition< PieChartBaseProps >;\ntype PieChartResponsiveComponent = ChartComponentWithComposition<\n\tPieChartBaseProps & ResponsiveConfig\n>;\n\n/**\n * Validates the pie chart data\n * @param data - The data to validate\n * @return Object containing validation result and error message\n */\nconst validateData = ( data: DataPointPercentage[] ) => {\n\tif ( ! data.length ) {\n\t\treturn { isValid: false, message: 'No data available' };\n\t}\n\n\t// Check for negative values\n\tconst hasNegativeValues = data.some( item => item.percentage < 0 || item.value < 0 );\n\tif ( hasNegativeValues ) {\n\t\treturn { isValid: false, message: 'Invalid data: Negative values are not allowed' };\n\t}\n\n\t// Validate total percentage\n\tconst totalPercentage = data.reduce( ( sum, item ) => sum + item.percentage, 0 );\n\tif ( Math.abs( totalPercentage - 100 ) > 0.01 ) {\n\t\t// Using small epsilon for floating point comparison\n\t\treturn { isValid: false, message: 'Invalid percentage total: Must equal 100' };\n\t}\n\n\treturn { isValid: true, message: '' };\n};\n\n/**\n * Renders a pie or donut chart using the provided data.\n *\n * @param {PieChartProps} props - Component props\n * @return {JSX.Element} The rendered chart component\n */\nconst PieChartInternal = ( {\n\tdata,\n\tchartId: providedChartId,\n\twithTooltips = false,\n\tclassName,\n\tshowLegend = false,\n\tlegendOrientation = 'horizontal',\n\tlegendPosition = 'bottom',\n\tlegendAlignment = 'center',\n\tlegendMaxWidth,\n\tlegendTextOverflow = 'wrap',\n\tlegendItemClassName,\n\tlegendShape = 'circle',\n\tsize,\n\tanimation,\n\tthickness = 1,\n\tpadding = 0,\n\tgapScale = 0,\n\tcornerScale = 0,\n\tshowLabels = true,\n\tlegendValueDisplay = 'percentage',\n\tlegendInteractive = false,\n\tchildren = null,\n\ttooltipOffsetX = 0,\n\ttooltipOffsetY = -15,\n}: PieChartProps ) => {\n\tconst providerTheme = useGlobalChartsTheme();\n\tconst chartId = useChartId( providedChartId );\n\tconst [ legendRef, legendHeight ] = useElementHeight< HTMLDivElement >();\n\tconst { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =\n\t\tuseTooltip< DataPointPercentage >();\n\n\t// Set up portal tooltip for better z-index handling\n\tconst { containerRef, TooltipInPortal } = useTooltipInPortal( {\n\t\tdetectBounds: true,\n\t\tscroll: true,\n\t\tdebounce: 0,\n\t} );\n\n\tconst onMouseLeave = useCallback( () => {\n\t\tif ( ! withTooltips ) {\n\t\t\treturn;\n\t\t}\n\t\thideTooltip();\n\t}, [ withTooltips, hideTooltip ] );\n\n\tconst { getElementStyles, isSeriesVisible } = useGlobalChartsContext();\n\n\t// Filter and recalculate data for interactive legends\n\tconst { visibleData, allSegmentsHidden, legendData } = useInteractiveLegendData( {\n\t\tdata,\n\t\tchartId,\n\t\tlegendInteractive,\n\t\tisSeriesVisible,\n\t} );\n\n\t// Memoize legend options to prevent unnecessary re-calculations\n\tconst legendOptions = useMemo(\n\t\t() => ( { showValues: true, legendValueDisplay } ),\n\t\t[ legendValueDisplay ]\n\t);\n\n\t// Create legend items using legendData (has recalculated percentages for visible items)\n\tconst legendItems = useChartLegendItems( legendData, legendOptions );\n\n\tconst { isValid, message } = validateData( data );\n\n\t// Process children to extract compound components\n\tconst { svgChildren, htmlChildren, otherChildren } = useChartChildren( children, 'PieChart' );\n\n\t// Memoize metadata to prevent unnecessary re-registration\n\tconst chartMetadata = useMemo(\n\t\t() => ( {\n\t\t\tthickness,\n\t\t\tgapScale,\n\t\t\tcornerScale,\n\t\t} ),\n\t\t[ thickness, gapScale, cornerScale ]\n\t);\n\n\t// Register chart with context only if data is valid\n\tuseChartRegistration( {\n\t\tchartId,\n\t\tlegendItems,\n\t\tchartType: 'pie',\n\t\tisDataValid: isValid,\n\t\tmetadata: chartMetadata,\n\t} );\n\n\tconst prefersReducedMotion = usePrefersReducedMotion();\n\n\tif ( ! isValid ) {\n\t\treturn (\n\t\t\t<div className={ clsx( 'pie-chart', styles[ 'pie-chart' ], className ) }>\n\t\t\t\t<div className={ styles[ 'error-message' ] }>{ message }</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst width = size;\n\tconst height = size;\n\tconst adjustedHeight = showLegend && legendPosition === 'top' ? height - legendHeight : height;\n\n\t// Calculate radius based on width/height\n\tconst radius = Math.min( width, adjustedHeight ) / 2;\n\n\t// Center the chart in the available space\n\tconst centerX = width / 2;\n\tconst centerY = adjustedHeight / 2;\n\n\t// Calculate the angle between each (use original data length for consistent spacing)\n\tconst padAngle = gapScale * ( ( 2 * Math.PI ) / data.length );\n\n\tconst outerRadius = radius - padding;\n\tconst innerRadius = thickness === 0 ? 0 : outerRadius * ( 1 - thickness );\n\n\tconst maxCornerRadius = ( outerRadius - innerRadius ) / 2;\n\tconst cornerRadius = cornerScale ? Math.min( cornerScale * outerRadius, maxCornerRadius ) : 0;\n\n\t// Map the data to include index for color assignment\n\t// When interactive, we need to find the original index to maintain consistent colors\n\tconst dataWithIndex = visibleData.map( d => {\n\t\tconst originalIndex = data.findIndex( item => item.label === d.label );\n\t\treturn {\n\t\t\t...d,\n\t\t\tindex: originalIndex >= 0 ? originalIndex : 0,\n\t\t};\n\t} );\n\n\tconst accessors = {\n\t\tvalue: ( d: DataPointPercentage ) => d.value,\n\t\tfill: ( d: DataPointPercentage & { index: number } ) => {\n\t\t\treturn getElementStyles( { data: d, index: d.index } ).color;\n\t\t},\n\t};\n\n\treturn (\n\t\t<SingleChartContext.Provider\n\t\t\tvalue={ {\n\t\t\t\tchartId,\n\t\t\t\tchartWidth: width,\n\t\t\t\tchartHeight: adjustedHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<div\n\t\t\t\tref={ containerRef }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'pie-chart',\n\t\t\t\t\tstyles[ 'pie-chart' ],\n\t\t\t\t\t{ [ styles[ 'pie-chart--legend-top' ] ]: showLegend && legendPosition === 'top' },\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tviewBox={ `0 0 ${ width } ${ adjustedHeight }` }\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\twidth={ width }\n\t\t\t\t\theight={ adjustedHeight }\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<RadialWipeAnimation\n\t\t\t\t\t\t\tid={ `radial-wipe-${ chartId }` }\n\t\t\t\t\t\t\tradius={ outerRadius }\n\t\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</defs>\n\n\t\t\t\t\t<Group\n\t\t\t\t\t\ttop={ centerY }\n\t\t\t\t\t\tleft={ centerX }\n\t\t\t\t\t\tmask={ animation && ! prefersReducedMotion ? `url(#radial-wipe-${ chartId })` : null }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ allSegmentsHidden ? (\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\tfill={ providerTheme.gridColor || '#ccc' }\n\t\t\t\t\t\t\t\tfontSize=\"14\"\n\t\t\t\t\t\t\t\tfontFamily=\"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'All segments are hidden. Click legend items to show data.',\n\t\t\t\t\t\t\t\t\t'jetpack-charts'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Pie< DataPointPercentage & { index: number } >\n\t\t\t\t\t\t\t\tdata={ dataWithIndex }\n\t\t\t\t\t\t\t\tpieValue={ accessors.value }\n\t\t\t\t\t\t\t\touterRadius={ outerRadius }\n\t\t\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t\t\t\tpadAngle={ padAngle }\n\t\t\t\t\t\t\t\tcornerRadius={ cornerRadius }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ pie => {\n\t\t\t\t\t\t\t\t\treturn pie.arcs.map( ( arc, index ) => {\n\t\t\t\t\t\t\t\t\t\tconst [ centroidX, centroidY ] = pie.path.centroid( arc );\n\t\t\t\t\t\t\t\t\t\tconst hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;\n\t\t\t\t\t\t\t\t\t\tconst handleMouseMove = ( event: MouseEvent< SVGElement > ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( ! withTooltips ) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t// Get coordinates relative to the current target element\n\t\t\t\t\t\t\t\t\t\t\tconst coords = localPoint( event );\n\t\t\t\t\t\t\t\t\t\t\tif ( coords ) {\n\t\t\t\t\t\t\t\t\t\t\t\t// Account for legend offset when legend is on top\n\t\t\t\t\t\t\t\t\t\t\t\tconst legendOffset =\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowLegend && legendPosition === 'top' ? legendHeight : 0;\n\t\t\t\t\t\t\t\t\t\t\t\tshowTooltip( {\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipData: arc.data,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipLeft: coords.x + tooltipOffsetX,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipTop: coords.y + legendOffset + tooltipOffsetY,\n\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst pathProps: SVGProps< SVGPathElement > & { 'data-testid'?: string } = {\n\t\t\t\t\t\t\t\t\t\t\td: pie.path( arc ) || '',\n\t\t\t\t\t\t\t\t\t\t\tfill: accessors.fill( arc.data ),\n\t\t\t\t\t\t\t\t\t\t\t'data-testid': 'pie-segment',\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst groupProps: SVGProps< SVGGElement > = {};\n\t\t\t\t\t\t\t\t\t\tif ( withTooltips ) {\n\t\t\t\t\t\t\t\t\t\t\tgroupProps.onMouseMove = handleMouseMove;\n\t\t\t\t\t\t\t\t\t\t\tgroupProps.onMouseLeave = onMouseLeave;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t// Estimate text width more accurately for background sizing\n\t\t\t\t\t\t\t\t\t\tconst fontSize = 12;\n\t\t\t\t\t\t\t\t\t\tconst estimatedTextWidth = getStringWidth( arc.data.label, { fontSize } );\n\t\t\t\t\t\t\t\t\t\tconst labelPadding = 6;\n\t\t\t\t\t\t\t\t\t\tconst backgroundWidth = estimatedTextWidth + labelPadding * 2;\n\t\t\t\t\t\t\t\t\t\tconst backgroundHeight = fontSize + labelPadding * 2;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<g key={ `arc-${ index }` } { ...groupProps }>\n\t\t\t\t\t\t\t\t\t\t\t\t<path { ...pathProps } />\n\t\t\t\t\t\t\t\t\t\t\t\t{ showLabels && hasSpaceForLabel && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ providerTheme.labelBackgroundColor && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX - backgroundWidth / 2 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY - backgroundHeight / 2 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={ backgroundWidth }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={ backgroundHeight }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={ providerTheme.labelBackgroundColor }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trx={ 4 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\try={ 4 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={ providerTheme.labelTextColor || '#333' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ fontSize }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ arc.data.label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t</Pie>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t{ /* Render SVG children (like Group, Text) inside the SVG */ }\n\t\t\t\t\t\t{ ! allSegmentsHidden && svgChildren }\n\t\t\t\t\t</Group>\n\t\t\t\t</svg>\n\n\t\t\t\t{ showLegend && (\n\t\t\t\t\t<Legend\n\t\t\t\t\t\torientation={ legendOrientation }\n\t\t\t\t\t\tposition={ legendPosition }\n\t\t\t\t\t\talignment={ legendAlignment }\n\t\t\t\t\t\tmaxWidth={ legendMaxWidth }\n\t\t\t\t\t\ttextOverflow={ legendTextOverflow }\n\t\t\t\t\t\tlegendItemClassName={ legendItemClassName }\n\t\t\t\t\t\tclassName={ styles[ 'pie-chart-legend' ] }\n\t\t\t\t\t\tshape={ legendShape }\n\t\t\t\t\t\tref={ legendRef }\n\t\t\t\t\t\tchartId={ chartId }\n\t\t\t\t\t\tinteractive={ legendInteractive }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ withTooltips && tooltipOpen && tooltipData && (\n\t\t\t\t\t<TooltipInPortal top={ tooltipTop || 0 } left={ tooltipLeft || 0 }>\n\t\t\t\t\t\t<div role=\"tooltip\">\n\t\t\t\t\t\t\t<BaseTooltip data={ tooltipData } top={ 0 } left={ 0 } renderContainer={ false } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</TooltipInPortal>\n\t\t\t\t) }\n\n\t\t\t\t{ /* Render HTML component children from PieChart.HTML */ }\n\t\t\t\t{ htmlChildren }\n\n\t\t\t\t{ /* Render other React children for backward compatibility */ }\n\t\t\t\t{ otherChildren }\n\t\t\t</div>\n\t\t</SingleChartContext.Provider>\n\t);\n};\n\nconst PieChartWithProvider: FC< PieChartProps > = 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 <PieChartInternal { ...props } />;\n\t}\n\n\t// Otherwise, create our own GlobalChartsProvider\n\treturn (\n\t\t<GlobalChartsProvider>\n\t\t\t<PieChartInternal { ...props } />\n\t\t</GlobalChartsProvider>\n\t);\n};\n\nPieChartWithProvider.displayName = 'PieChart';\n\n// Create PieChart with composition API\nconst PieChart = attachSubComponents( PieChartWithProvider, {\n\tLegend: Legend,\n\tSVG: ChartSVG,\n\tHTML: ChartHTML,\n} ) as PieChartComponent;\n\n// Create responsive PieChart with composition API\nconst PieChartResponsive = attachSubComponents(\n\twithResponsive< PieChartProps >( PieChartWithProvider ),\n\t{\n\t\tLegend: Legend,\n\t\tSVG: ChartSVG,\n\t\tHTML: ChartHTML,\n\t}\n) as PieChartResponsiveComponent;\n\nexport { PieChartResponsive as default, PieChart as PieChartUnresponsive };\n","import 'css-chunk:src/charts/pie-chart/pie-chart.module.scss';export default {\n  \"pie-chart\": \"a8ccharts-C-n-Gu\",\n  \"pie-chart--legend-top\": \"a8ccharts-Mu0uxl\"\n};"]}

package/dist/components/legend/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkBZQFCAX7cjs = require('../../chunk-BZQFCAX7.cjs');
-require('../../chunk-N4ZDNOPY.cjs');
+var _chunk67BAKCI2cjs = require('../../chunk-67BAKCI2.cjs');
+require('../../chunk-44EBMDFI.cjs');
 require('../../chunk-FI5B6KSH.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.Legend = _chunkBZQFCAX7cjs.Legend; exports.useChartLegendItems = _chunkBZQFCAX7cjs.useChartLegendItems;
+exports.Legend = _chunk67BAKCI2cjs.Legend; exports.useChartLegendItems = _chunk67BAKCI2cjs.useChartLegendItems;
 //# sourceMappingURL=index.cjs.map

package/dist/components/legend/index.d.cts

@@ -1,5 +1,5 @@
 export { L as Legend } from '../../legend-C9ahiwOt.cjs';
-import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-4wyyzjot.cjs';
+import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-BtYG-Fdk.cjs';
 import { B as BaseLegendItem } from '../../types-C05PdDJa.cjs';
 export { a as BaseLegendProps, L as LegendProps } from '../../types-C05PdDJa.cjs';
 import { LegendShape } from '@visx/legend/lib/types';

package/dist/components/legend/index.d.ts

@@ -1,5 +1,5 @@
 export { L as Legend } from '../../legend-jjMmhSg3.js';
-import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-4wyyzjot.js';
+import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-BtYG-Fdk.js';
 import { B as BaseLegendItem } from '../../types-C05PdDJa.js';
 export { a as BaseLegendProps, L as LegendProps } from '../../types-C05PdDJa.js';
 import { LegendShape } from '@visx/legend/lib/types';

package/dist/components/legend/index.js

@@ -1,8 +1,8 @@
 import {
   Legend,
   useChartLegendItems
-} from "../../chunk-7OWIZ5S7.js";
-import "../../chunk-MRCTAUHL.js";
+} from "../../chunk-EELV2LG7.js";
+import "../../chunk-ULRFJ3IU.js";
 import "../../chunk-7IZD3F7B.js";
 import "../../chunk-G3PMV62Z.js";
 export {

package/dist/components/tooltip/index.d.cts

@@ -1,5 +1,5 @@
 export { B as BaseTooltip, a as BaseTooltipProps, T as TooltipData } from '../../base-tooltip-DOq93wjU.cjs';
-import { b as DataPointDate, c as SeriesData } from '../../types-4wyyzjot.cjs';
+import { b as DataPointDate, c as SeriesData } from '../../types-BtYG-Fdk.cjs';
 import { TooltipProps as TooltipProps$1, RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 import { ReactNode } from 'react';
 import 'react/jsx-runtime';

package/dist/components/tooltip/index.d.ts

@@ -1,5 +1,5 @@
 export { B as BaseTooltip, a as BaseTooltipProps, T as TooltipData } from '../../base-tooltip-DOq93wjU.js';
-import { b as DataPointDate, c as SeriesData } from '../../types-4wyyzjot.js';
+import { b as DataPointDate, c as SeriesData } from '../../types-BtYG-Fdk.js';
 import { TooltipProps as TooltipProps$1, RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 import { ReactNode } from 'react';
 import 'react/jsx-runtime';

package/dist/hooks/index.cjs

@@ -9,7 +9,7 @@
 
 
 
-var _chunkN4ZDNOPYcjs = require('../chunk-N4ZDNOPY.cjs');
+var _chunk44EBMDFIcjs = require('../chunk-44EBMDFI.cjs');
 require('../chunk-FI5B6KSH.cjs');
 require('../chunk-EMMSS5I5.cjs');
 
@@ -23,5 +23,5 @@ require('../chunk-EMMSS5I5.cjs');
 
 
 
-exports.useChartDataTransform = _chunkN4ZDNOPYcjs.useChartDataTransform; exports.useChartMargin = _chunkN4ZDNOPYcjs.useChartMargin; exports.useChartMouseHandler = _chunkN4ZDNOPYcjs.useChartMouseHandler; exports.useDeepMemo = _chunkN4ZDNOPYcjs.useDeepMemo; exports.useElementHeight = _chunkN4ZDNOPYcjs.useElementHeight; exports.useInteractiveLegendData = _chunkN4ZDNOPYcjs.useInteractiveLegendData; exports.usePrefersReducedMotion = _chunkN4ZDNOPYcjs.usePrefersReducedMotion; exports.useTextTruncation = _chunkN4ZDNOPYcjs.useTextTruncation; exports.useXYChartTheme = _chunkN4ZDNOPYcjs.useXYChartTheme; exports.useZeroValueDisplay = _chunkN4ZDNOPYcjs.useZeroValueDisplay;
+exports.useChartDataTransform = _chunk44EBMDFIcjs.useChartDataTransform; exports.useChartMargin = _chunk44EBMDFIcjs.useChartMargin; exports.useChartMouseHandler = _chunk44EBMDFIcjs.useChartMouseHandler; exports.useDeepMemo = _chunk44EBMDFIcjs.useDeepMemo; exports.useElementHeight = _chunk44EBMDFIcjs.useElementHeight; exports.useInteractiveLegendData = _chunk44EBMDFIcjs.useInteractiveLegendData; exports.usePrefersReducedMotion = _chunk44EBMDFIcjs.usePrefersReducedMotion; exports.useTextTruncation = _chunk44EBMDFIcjs.useTextTruncation; exports.useXYChartTheme = _chunk44EBMDFIcjs.useXYChartTheme; exports.useZeroValueDisplay = _chunk44EBMDFIcjs.useZeroValueDisplay;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.d.cts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { D as DataPoint, c as SeriesData, S as SeriesDataOptions, B as BaseChartProps, b as DataPointDate } from '../types-4wyyzjot.cjs';
+import { D as DataPoint, c as SeriesData, S as SeriesDataOptions, B as BaseChartProps, b as DataPointDate } from '../types-BtYG-Fdk.cjs';
 import * as _visx_xychart from '@visx/xychart';
 import { XYChartTheme } from '@visx/xychart';
 import '@visx/annotation/lib/components/CircleSubject';

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { D as DataPoint, c as SeriesData, S as SeriesDataOptions, B as BaseChartProps, b as DataPointDate } from '../types-4wyyzjot.js';
+import { D as DataPoint, c as SeriesData, S as SeriesDataOptions, B as BaseChartProps, b as DataPointDate } from '../types-BtYG-Fdk.js';
 import * as _visx_xychart from '@visx/xychart';
 import { XYChartTheme } from '@visx/xychart';
 import '@visx/annotation/lib/components/CircleSubject';

package/dist/hooks/index.js

@@ -9,7 +9,7 @@ import {
   useTextTruncation,
   useXYChartTheme,
   useZeroValueDisplay
-} from "../chunk-MRCTAUHL.js";
+} from "../chunk-ULRFJ3IU.js";
 import "../chunk-7IZD3F7B.js";
 import "../chunk-G3PMV62Z.js";
 export {

package/dist/index.cjs

@@ -1,65 +1,215 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"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; }
 
 
-var _chunkHA7WACBIcjs = require('./chunk-HA7WACBI.cjs');
+var _chunkVEJIPJN7cjs = require('./chunk-VEJIPJN7.cjs');
 
 
-var _chunkKE4EDAQIcjs = require('./chunk-KE4EDAQI.cjs');
 
+var _chunkZOCE4WNDcjs = require('./chunk-ZOCE4WND.cjs');
 
 
-var _chunkEKVFMS3Acjs = require('./chunk-EKVFMS3A.cjs');
 
-
-
-var _chunkSLO4NLKCcjs = require('./chunk-SLO4NLKC.cjs');
-
-
-
-var _chunkPEUZZ3WYcjs = require('./chunk-PEUZZ3WY.cjs');
-
-
-
-var _chunk6UZHWL6Wcjs = require('./chunk-6UZHWL6W.cjs');
-require('./chunk-SDNRKKBP.cjs');
-require('./chunk-3Z526IL2.cjs');
+var _chunkJSGCFUVQcjs = require('./chunk-JSGCFUVQ.cjs');
+require('./chunk-OTZT3MC2.cjs');
 require('./chunk-7OZEQ5HE.cjs');
 
 
 
-var _chunk3PRIZR7Ycjs = require('./chunk-3PRIZR7Y.cjs');
-require('./chunk-5NI3TGRD.cjs');
+var _chunkGOZNZD3Ncjs = require('./chunk-GOZNZD3N.cjs');
 
 
 
-var _chunkBZQFCAX7cjs = require('./chunk-BZQFCAX7.cjs');
+var _chunkN4NZ4VJKcjs = require('./chunk-N4NZ4VJK.cjs');
 
 
 var _chunk7HROSZRScjs = require('./chunk-7HROSZRS.cjs');
 
 
+var _chunkUJIP7ICAcjs = require('./chunk-UJIP7ICA.cjs');
+
+
+
+var _chunkBMWFTOSRcjs = require('./chunk-BMWFTOSR.cjs');
+require('./chunk-HIWNB5PK.cjs');
+
+
+var _chunkMUUSZ7J5cjs = require('./chunk-MUUSZ7J5.cjs');
+
+
+
+var _chunk67BAKCI2cjs = require('./chunk-67BAKCI2.cjs');
+
+
+
+
+
+
+var _chunk44EBMDFIcjs = require('./chunk-44EBMDFI.cjs');
+require('./chunk-FI5B6KSH.cjs');
+require('./chunk-EMMSS5I5.cjs');
+
+// src/charts/sparkline/sparkline.tsx
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _react = require('react');
+
+// src/charts/sparkline/sparkline.module.scss
+var sparkline_module_default = {
+  "sparkline": "a8ccharts-o-3Z8B",
+  "sparkline--empty": "a8ccharts-CbLbcd"
+};
+
+// src/charts/sparkline/sparkline.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_WIDTH = 100;
+var DEFAULT_HEIGHT = 40;
+var transformToSeriesData = (data, color, strokeWidth) => {
+  const baseDate = new Date(2e3, 0, 1);
+  return [
+    {
+      label: "sparkline",
+      data: data.map((value, index) => ({
+        date: new Date(baseDate.getTime() + index * 864e5),
+        // Add days
+        value
+      })),
+      options: {
+        stroke: color,
+        seriesLineStyle: strokeWidth ? { strokeWidth } : void 0
+      }
+    }
+  ];
+};
+var SparklineComponent = _react.forwardRef.call(void 0, 
+  ({
+    data,
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    color,
+    strokeWidth: strokeWidthProp,
+    withGradientFill = true,
+    gradient,
+    className,
+    chartId,
+    margin: marginProp
+  }, ref) => {
+    const theme = _chunk44EBMDFIcjs.useGlobalChartsTheme.call(void 0, );
+    const themeStrokeWidth = _nullishCoalesce(_optionalChain([theme, 'access', _ => _.sparkline, 'optionalAccess', _2 => _2.strokeWidth]), () => ( 1.5));
+    const strokeWidth = _nullishCoalesce(strokeWidthProp, () => ( themeStrokeWidth));
+    const seriesData = _react.useMemo.call(void 0, () => {
+      if (!data || data.length === 0) {
+        return [];
+      }
+      return transformToSeriesData(data, color, strokeWidth);
+    }, [data, color, strokeWidth]);
+    const finalMargin = _react.useMemo.call(void 0, () => {
+      const themeMargin = _nullishCoalesce(_optionalChain([theme, 'access', _3 => _3.sparkline, 'optionalAccess', _4 => _4.margin]), () => ( { top: 2, right: 2, bottom: 2, left: 2 }));
+      const margin = _nullishCoalesce(marginProp, () => ( themeMargin));
+      return {
+        ...themeMargin,
+        ...margin
+      };
+    }, [marginProp, _optionalChain([theme, 'access', _5 => _5.sparkline, 'optionalAccess', _6 => _6.margin])]);
+    const seriesWithGradient = _react.useMemo.call(void 0, () => {
+      if (!gradient || seriesData.length === 0) {
+        return seriesData;
+      }
+      return seriesData.map((series) => ({
+        ...series,
+        options: {
+          ...series.options,
+          gradient: {
+            from: gradient.from || color || "#000000",
+            to: gradient.to || "#ffffff",
+            fromOpacity: _nullishCoalesce(gradient.fromOpacity, () => ( 0.5)),
+            toOpacity: _nullishCoalesce(gradient.toOpacity, () => ( 0))
+          }
+        }
+      }));
+    }, [seriesData, gradient, color]);
+    if (!data || data.length === 0) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref,
+          className: _clsx2.default.call(void 0, 
+            "sparkline",
+            sparkline_module_default.sparkline,
+            sparkline_module_default["sparkline--empty"],
+            className
+          ),
+          style: { width, height },
+          "data-testid": "sparkline-empty"
+        }
+      );
+    }
+    if (data.length === 1) {
+      const cx = width / 2;
+      const cy = height / 2;
+      const resolvedColor = color || "#000000";
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref,
+          className: _clsx2.default.call(void 0, 
+            "sparkline",
+            sparkline_module_default.sparkline,
+            sparkline_module_default["sparkline--single-point"],
+            className
+          ),
+          style: { width, height },
+          "data-testid": "sparkline-single-point",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width, height, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx, cy, r: strokeWidth * 1.5, fill: resolvedColor }) })
+        }
+      );
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _clsx2.default.call(void 0, "sparkline", sparkline_module_default.sparkline, className),
+        "data-testid": "sparkline",
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkVEJIPJN7cjs.LineChart,
+          {
+            data: seriesWithGradient,
+            width,
+            height,
+            margin: finalMargin,
+            chartId,
+            withGradientFill,
+            withTooltips: false,
+            showLegend: false,
+            gridVisibility: "none",
+            options: {
+              axis: {
+                x: { display: false },
+                y: { display: false }
+              }
+            },
+            curveType: "monotone"
+          }
+        )
+      }
+    );
+  }
+);
+SparklineComponent.displayName = "SparklineComponent";
+var SparklineUnresponsive = SparklineComponent;
+SparklineUnresponsive.displayName = "SparklineUnresponsive";
+var Sparkline = _chunkMUUSZ7J5cjs.withResponsive.call(void 0, SparklineUnresponsive);
+
+
+
+
+
+
+
+
 
 
 
 
 
-
-var _chunkN4ZDNOPYcjs = require('./chunk-N4ZDNOPY.cjs');
-require('./chunk-FI5B6KSH.cjs');
-require('./chunk-EMMSS5I5.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -72,5 +222,5 @@ require('./chunk-EMMSS5I5.cjs');
 
 
 
-exports.BarChart = _chunk3PRIZR7Ycjs.BarChartResponsive; exports.BarChartUnresponsive = _chunk3PRIZR7Ycjs.BarChart; exports.BarListChart = _chunkHA7WACBIcjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkHA7WACBIcjs.BarListChart; exports.BaseTooltip = _chunk7HROSZRScjs.BaseTooltip; exports.ConversionFunnelChart = _chunkKE4EDAQIcjs.ConversionFunnelChartWithProvider; exports.GlobalChartsContext = _chunkN4ZDNOPYcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkN4ZDNOPYcjs.GlobalChartsProvider; exports.LeaderboardChart = _chunkEKVFMS3Acjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkEKVFMS3Acjs.LeaderboardChart; exports.Legend = _chunkBZQFCAX7cjs.Legend; exports.LineChart = _chunkSLO4NLKCcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkSLO4NLKCcjs.LineChart; exports.PieChart = _chunkPEUZZ3WYcjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkPEUZZ3WYcjs.PieChart; exports.PieSemiCircleChart = _chunk6UZHWL6Wcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunk6UZHWL6Wcjs.PieSemiCircleChart; exports.ThemeProvider = _chunkN4ZDNOPYcjs.GlobalChartsProvider; exports.defaultTheme = _chunkN4ZDNOPYcjs.defaultTheme; exports.jetpackTheme = _chunkN4ZDNOPYcjs.jetpackTheme; exports.useChartLegendItems = _chunkBZQFCAX7cjs.useChartLegendItems; exports.useGlobalChartsContext = _chunkN4ZDNOPYcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkN4ZDNOPYcjs.useGlobalChartsTheme; exports.wooTheme = _chunkN4ZDNOPYcjs.wooTheme;
+exports.BarChart = _chunkN4NZ4VJKcjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkN4NZ4VJKcjs.BarChart; exports.BarListChart = _chunkGOZNZD3Ncjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkGOZNZD3Ncjs.BarListChart; exports.BaseTooltip = _chunk7HROSZRScjs.BaseTooltip; exports.ConversionFunnelChart = _chunkUJIP7ICAcjs.ConversionFunnelChartWithProvider; exports.GlobalChartsContext = _chunk44EBMDFIcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunk44EBMDFIcjs.GlobalChartsProvider; exports.LeaderboardChart = _chunkBMWFTOSRcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkBMWFTOSRcjs.LeaderboardChart; exports.Legend = _chunk67BAKCI2cjs.Legend; exports.LineChart = _chunkVEJIPJN7cjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkVEJIPJN7cjs.LineChart; exports.PieChart = _chunkZOCE4WNDcjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkZOCE4WNDcjs.PieChart; exports.PieSemiCircleChart = _chunkJSGCFUVQcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkJSGCFUVQcjs.PieSemiCircleChart; exports.Sparkline = Sparkline; exports.SparklineUnresponsive = SparklineUnresponsive; exports.ThemeProvider = _chunk44EBMDFIcjs.GlobalChartsProvider; exports.defaultTheme = _chunk44EBMDFIcjs.defaultTheme; exports.useChartLegendItems = _chunk67BAKCI2cjs.useChartLegendItems; exports.useGlobalChartsContext = _chunk44EBMDFIcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunk44EBMDFIcjs.useGlobalChartsTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wgDAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs","../src/charts/sparkline/sparkline.tsx","../src/charts/sparkline/sparkline.module.scss"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/index.cjs","sourcesContent":[null,"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};"]}