@automattic/charts 1.0.2 → 1.1.0

package/dist/visx/group/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-EMMSS5I5.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-DZUJEN5N.cjs');
 
 // src/visx/group/index.ts
 var _group = require('@visx/group');

package/dist/visx/group/index.js

@@ -1,4 +1,4 @@
-import "../../chunk-G3PMV62Z.js";
+import "../../chunk-5WRI5ZAA.js";
 
 // src/visx/group/index.ts
 import { Group } from "@visx/group";

package/dist/visx/legend/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-EMMSS5I5.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-DZUJEN5N.cjs');
 
 // src/visx/legend/index.ts
 var _legend = require('@visx/legend');

package/dist/visx/legend/index.js

@@ -1,4 +1,4 @@
-import "../../chunk-G3PMV62Z.js";
+import "../../chunk-5WRI5ZAA.js";
 
 // src/visx/legend/index.ts
 import { LineShape, CircleShape, RectShape } from "@visx/legend";

package/dist/visx/text/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunk7OZEQ5HEcjs = require('../../chunk-7OZEQ5HE.cjs');
-require('../../chunk-EMMSS5I5.cjs');
+require('../../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/visx/text/index.js

@@ -3,7 +3,7 @@ import {
   getStringWidth,
   useText
 } from "../../chunk-NFRB2POF.js";
-import "../../chunk-G3PMV62Z.js";
+import "../../chunk-5WRI5ZAA.js";
 export {
   Text,
   getStringWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/charts",
-	"version": "1.0.2",
+	"version": "1.1.0",
 	"description": "Display charts within Automattic products.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/charts/#readme",
 	"bugs": {
@@ -63,8 +63,8 @@
 		"typecheck": "tsgo --noEmit"
 	},
 	"dependencies": {
-		"@automattic/number-formatters": "^1.1.4",
-		"@babel/runtime": "7.28.6",
+		"@automattic/number-formatters": "^1.1.5",
+		"@babel/runtime": "7.29.2",
 		"@react-spring/web": "9.7.5",
 		"@visx/annotation": "^3.12.0",
 		"@visx/axis": "^3.12.0",
@@ -83,14 +83,14 @@
 		"@visx/vendor": "^3.12.0",
 		"@visx/xychart": "^3.12.0",
 		"@wordpress/i18n": "^6.0.0",
-		"@wordpress/theme": "0.9.0",
+		"@wordpress/icons": "^12.0.0",
+		"@wordpress/theme": "0.10.0",
 		"@wordpress/ui": "0.9.0",
 		"clsx": "2.1.1",
 		"date-fns": "^4.1.0",
 		"deepmerge": "4.3.1",
 		"dompurify": "^3.3.3",
 		"fast-deep-equal": "3.1.3",
-		"gridicons": "3.4.2",
 		"react-google-charts": "^5.2.1",
 		"tslib": "2.8.1"
 	},
@@ -110,8 +110,9 @@
 		"@types/react-dom": "18.3.7",
 		"@typescript/native-preview": "7.0.0-dev.20260225.1",
 		"@visx/glyph": "3.12.0",
-		"@wordpress/components": "32.4.0",
-		"@wordpress/element": "6.42.0",
+		"@wordpress/components": "32.5.0",
+		"@wordpress/element": "6.43.0",
+		"@wordpress/private-apis": "1.43.0",
 		"babel-jest": "30.3.0",
 		"babel-plugin-react-remove-properties": "^0.3.1",
 		"esbuild": "0.27.4",

package/src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss

@@ -1,5 +1,4 @@
 .conversion-funnel-chart {
-	font-family: var(--funnel-font-family, "SF Pro Text");
 
 	&--loading {
 		opacity: 0.6;
@@ -19,22 +18,20 @@
 	overflow: hidden;
 	color: #1e1e1e;
 	text-overflow: ellipsis;
-	font-family: var(--funnel-font-family, "SF Pro Text");
-	font-size: 18px;
+	font-size: var(--wpds-font-size-xl, 18px);
 	font-style: normal;
-	font-weight: 500;
-	line-height: 20px;
+	font-weight: var(--wpds-font-weight-medium, 499);
+	line-height: var(--wpds-font-line-height-sm, 20px);
 	margin: 0;
 }
 
 .change-indicator {
 	overflow: hidden;
 	text-overflow: ellipsis;
-	font-family: var(--funnel-font-family, "SF Pro Text");
-	font-size: 13px;
+	font-size: var(--wpds-font-size-md, 13px);
 	font-style: normal;
-	font-weight: 500;
-	line-height: 20px;
+	font-weight: var(--wpds-font-weight-medium, 499);
+	line-height: var(--wpds-font-line-height-sm, 20px);
 	margin: 0;
 }
 
@@ -69,11 +66,10 @@
 
 .step-label {
 	color: #757575;
-	font-family: var(--step-font-family, "SF Pro");
-	font-size: 12px;
+	font-size: var(--wpds-font-size-sm, 12px);
 	font-style: normal;
-	font-weight: 400;
-	line-height: 16px;
+	font-weight: var(--wpds-font-weight-regular, 400);
+	line-height: var(--wpds-font-line-height-xs, 16px);
 	margin: 0 0 2px 0;
 	display: block;
 	overflow: hidden;
@@ -82,11 +78,10 @@
 
 .step-rate {
 	color: #1e1e1e;
-	font-family: var(--step-font-family, "SF Pro");
-	font-size: 13px;
+	font-size: var(--wpds-font-size-md, 13px);
 	font-style: normal;
-	font-weight: 500;
-	line-height: 20px;
+	font-weight: var(--wpds-font-weight-medium, 499);
+	line-height: var(--wpds-font-line-height-sm, 20px);
 	margin: 0;
 	display: block;
 }
@@ -139,25 +134,23 @@
 
 .tooltip-title {
 	color: #1e1e1e;
-	font-family: "SF Pro", sans-serif;
-	font-size: 12px;
+	font-size: var(--wpds-font-size-sm, 12px);
 	font-style: normal;
-	font-weight: 400;
-	line-height: 16px;
+	font-weight: var(--wpds-font-weight-regular, 400);
+	line-height: var(--wpds-font-line-height-xs, 16px);
 }
 
 .tooltip-content {
 	color: #1e1e1e;
-	font-family: "SF Pro", sans-serif;
-	font-size: 13px;
+	font-size: var(--wpds-font-size-md, 13px);
 	font-style: normal;
-	font-weight: 500;
-	line-height: 20px;
+	font-weight: var(--wpds-font-weight-medium, 499);
+	line-height: var(--wpds-font-line-height-sm, 20px);
 }
 
 .empty-state {
 	text-align: center;
 	padding: 48px 24px;
 	color: #6b7280;
-	font-size: 16px;
+	font-size: var(--wpds-font-size-lg, 16px);
 }

package/src/charts/leaderboard-chart/leaderboard-chart.module.scss

@@ -73,6 +73,6 @@
 	padding: 32px 16px;
 	text-align: center;
 	color: #666;
-	font-size: 14px;
+	font-size: var(--wpds-font-size-md, 13px);
 	font-style: italic;
 }

package/src/charts/leaderboard-chart/leaderboard-chart.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable @wordpress/no-unsafe-wp-apis */
-import { __experimentalGrid as Grid, __experimentalText as Text } from '@wordpress/components';
+import { __experimentalGrid as Grid } from '@wordpress/components';
 import { Fragment } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { Stack } from '@wordpress/ui';
+import { Stack, Text } from '@wordpress/ui';
 import clsx from 'clsx';
 import { useContext, useMemo, type FC } from 'react';
 import { Legend } from '../../components/legend';

package/src/charts/line-chart/line-chart.module.scss

@@ -21,7 +21,7 @@
 	}
 
 	&__tooltip-date {
-		font-weight: 700;
+		font-weight: var(--wpds-font-weight-medium, 499);
 		padding-bottom: 10px;
 	}
 
@@ -33,7 +33,7 @@
 	}
 
 	&__tooltip-label {
-		font-weight: 500;
+		font-weight: var(--wpds-font-weight-medium, 499);
 		padding-right: 1rem;
 	}
 
@@ -65,7 +65,7 @@
 		background: #fff;
 		border: none;
 		border-radius: 4px;
-		font-size: 14px;
+		font-size: var(--wpds-font-size-md, 13px);
 		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 		position: fixed;
 		margin: 0.5rem;

package/src/charts/line-chart/private/line-chart-annotation-label-popover.tsx

@@ -1,6 +1,6 @@
 import { __ } from '@wordpress/i18n';
+import { Icon, close } from '@wordpress/icons';
 import clsx from 'clsx';
-import Gridicon from 'gridicons';
 import { useEffect, useId, useRef, useState } from 'react';
 import { isSafari } from '../../../utils';
 import styles from '../line-chart.module.scss';
@@ -100,7 +100,7 @@ const LineChartAnnotationLabelWithPopover: FC< LineChartAnnotationLabelWithPopov
 						className={ styles[ 'line-chart__annotation-label-popover-close-button' ] }
 						aria-label={ __( 'Close', 'jetpack-charts' ) }
 					>
-						<Gridicon icon="cross" size={ 16 } />
+						<Icon icon={ close } size={ 16 } />
 					</button>
 				</div>
 			</div>

package/src/charts/pie-chart/pie-chart.tsx

@@ -20,7 +20,7 @@ import {
 	useGlobalChartsTheme,
 	GlobalChartsContext,
 } from '../../providers';
-import { attachSubComponents } from '../../utils';
+import { attachSubComponents, resolveFontSize } from '../../utils';
 import { getStringWidth } from '../../visx/text';
 import { ChartSVG, ChartHTML, useChartChildren } from '../private/chart-composition';
 import { ChartLayout } from '../private/chart-layout';
@@ -441,10 +441,12 @@ const PieChartInternal = ( {
 														groupProps.onMouseLeave = onMouseLeave;
 													}
 
-													// Estimate text width more accurately for background sizing
-													const fontSize = 12;
+													const svgLabelSmall = providerTheme.svgLabelSmall;
+													const fontSize = resolveFontSize( svgLabelSmall?.fontSize ) ?? 12;
 													const estimatedTextWidth = getStringWidth( arc.data.label, {
 														fontSize,
+														fontFamily: svgLabelSmall?.fontFamily,
+														fontWeight: svgLabelSmall?.fontWeight,
 													} );
 													const labelPadding = 6;
 													const backgroundWidth = estimatedTextWidth + labelPadding * 2;

package/src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss

@@ -11,11 +11,11 @@
 	}
 
 	.label {
-		font-weight: 600;
-		font-size: 16px;
+		font-weight: var(--wpds-font-weight-medium, 499);
+		font-size: var(--wpds-font-size-lg, 16px);
 	}
 
 	.note {
-		font-size: 14px;
+		font-size: var(--wpds-font-size-md, 13px);
 	}
 }

package/src/components/legend/private/base-legend.module.scss

@@ -44,7 +44,7 @@
 .legend-item {
 	display: flex;
 	align-items: center;
-	font-size: 0.875rem;
+	font-size: var(--wpds-font-size-md, 13px);
 
 	&--interactive {
 		cursor: pointer;
@@ -101,6 +101,6 @@
 }
 
 .legend-item-value {
-	font-weight: 500;
+	font-weight: var(--wpds-font-weight-medium, 499);
 	flex-shrink: 0; // Prevent value from shrinking when text is ellipsized
 }

package/src/components/tooltip/base-tooltip.module.scss

@@ -3,7 +3,7 @@
 	background-color: rgba(0, 0, 0, 0.85);
 	color: #fff;
 	border-radius: 4px;
-	font-size: 14px;
+	font-size: var(--wpds-font-size-md, 13px);
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 	position: absolute;
 	pointer-events: none;

package/src/components/trend-indicator/trend-indicator.module.scss

@@ -2,8 +2,8 @@
 	display: inline-flex;
 	align-items: center;
 	gap: 0.125em;
-	font-size: 0.875rem;
-	font-weight: 500;
+	font-size: var(--wpds-font-size-md, 13px);
+	font-weight: var(--wpds-font-weight-medium, 499);
 	line-height: 1;
 
 	&--up {

package/src/hooks/use-chart-margin.tsx

@@ -1,6 +1,6 @@
 import { createScale, getTicks } from '@visx/scale';
 import { useMemo } from 'react';
-import { getLongestTickWidth } from '../utils';
+import { getLongestTickWidth, resolveFontSize } from '../utils';
 import type { BaseChartProps, DataPointDate, SeriesData } from '../types';
 import type { XYChartTheme } from '@visx/xychart';
 
@@ -50,19 +50,6 @@ const DEFAULT_TICK_LENGTH = 8;
  */
 const DEFAULT_Y_TICK_WIDTH = 40;
 
-const resolveFontSize = ( val?: number | string ): number | undefined => {
-	if ( typeof val === 'number' && ! isNaN( val ) ) {
-		return val;
-	}
-
-	if ( typeof val === 'string' ) {
-		const parsed = parseFloat( val );
-		return isNaN( parsed ) ? undefined : parsed;
-	}
-
-	return undefined;
-};
-
 const getXAxisLabelMetrics = ( theme: XYChartTheme, orientation: 'top' | 'bottom' ) => {
 	const xAxisStyles =
 		orientation === 'top' ? theme.axisStyles?.x?.top : theme.axisStyles?.x?.bottom;

package/src/providers/chart-context/themes.ts

@@ -26,7 +26,13 @@ const defaultTheme: CompleteChartTheme = {
 	},
 	seriesLineStyles: [],
 	glyphs: [],
-	svgLabelSmall: { fill: 'var(--jp-gray-80, #2c3338)' },
+	// `fontFamily: 'inherit'` overrides visx's hardcoded default font stack
+	// (`-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif`)
+	// that `buildChartTheme` injects as an inline style on SVG `<text>`
+	// elements for axis labels and ticks. Setting `inherit` lets SVG text
+	// pick up the host application's font-family via normal CSS inheritance.
+	svgLabelSmall: { fill: 'var(--jp-gray-80, #2c3338)', fontFamily: 'inherit' },
+	svgLabelBig: { fontFamily: 'inherit' },
 	annotationStyles: {
 		label: {
 			anchorLineStroke: 'var(--jp-gray-80, #2c3338)',

package/src/types.ts

@@ -243,6 +243,8 @@ export type ChartTheme = {
 	};
 	/** Styles for small SVG text (eg. axis tick labels), passed through to the XYChart theme. */
 	svgLabelSmall?: TextProps;
+	/** Styles for large SVG text (eg. axis titles), passed through to the XYChart theme. */
+	svgLabelBig?: TextProps;
 	annotationStyles?: AnnotationStyles;
 	/** GeoChart specific settings */
 	geoChart?: {

package/src/utils/index.ts

@@ -26,3 +26,6 @@ export * from './color-utils';
 
 // CSS utilities
 export { resolveCssVariable } from './resolve-css-var';
+
+// Font sizing utilities
+export { resolveFontSize } from './resolve-font-size';

package/src/utils/resolve-font-size.ts

@@ -0,0 +1,37 @@
+/**
+ * Resolve a theme `fontSize` value into a plain number suitable for
+ * canvas-based measurement (e.g. `getStringWidth`).
+ *
+ * Accepts:
+ * - A number — returned as-is
+ * - A pixel string like `"12px"` — parsed and returned as a number
+ *
+ * Returns `undefined` for any other input (missing value, NaN, or
+ * relative units like `rem`/`em`/`%`/`vh`) so callers can fall back to
+ * their own default. Relative units are intentionally rejected because
+ * we cannot resolve them to absolute pixels here without a parent
+ * computed style, and silently returning the unitless prefix
+ * (`parseFloat("0.875rem") === 0.875`) would produce nearly-zero
+ * widths in measurement code.
+ * @param val - Raw font size value from a theme, axis style, or props
+ * @return Parsed numeric font size in pixels, or `undefined` when unresolvable
+ */
+export const resolveFontSize = ( val?: number | string ): number | undefined => {
+	if ( typeof val === 'number' ) {
+		return isNaN( val ) ? undefined : val;
+	}
+
+	if ( typeof val === 'string' ) {
+		// Only accept plain numeric strings or pixel values.
+		// Reject rem, em, %, vh, vw, etc. — they cannot be resolved to
+		// absolute pixels without a computed style context.
+		const match = val.trim().match( /^(-?\d+\.?\d*|-?\.\d+)(px)?$/ );
+		if ( ! match ) {
+			return undefined;
+		}
+		const parsed = parseFloat( match[ 1 ] );
+		return isNaN( parsed ) ? undefined : parsed;
+	}
+
+	return undefined;
+};

package/src/utils/test/resolve-css-var.test.ts

@@ -414,9 +414,8 @@ describe( 'resolveCssVariable', () => {
 				if ( element === themedElement ) {
 					return {
 						getPropertyValue: ( prop: string ) => {
-							// eslint-disable-next-line @wordpress/no-unknown-ds-tokens -- Thinks this is a use rather than a test.
-							if ( prop === '--wpds-color-bg-interactive-brand-weak' ) {
-								return '#c029dc'; // User's custom accent color
+							if ( prop === '--custom-accent-color' ) {
+								return '#c029dc';
 							}
 							return '';
 						},
@@ -428,8 +427,7 @@ describe( 'resolveCssVariable', () => {
 			} );
 			window.getComputedStyle = mockGetComputedStyle as unknown as typeof window.getComputedStyle;
 
-			// eslint-disable-next-line @wordpress/no-unknown-ds-tokens -- Thinks this is a use rather than a test.
-			const result = resolveCssVariable( '--wpds-color-bg-interactive-brand-weak', themedElement );
+			const result = resolveCssVariable( '--custom-accent-color', themedElement );
 			expect( result ).toBe( '#c029dc' );
 		} );
 	} );

package/src/utils/test/resolve-font-size.test.ts

@@ -0,0 +1,66 @@
+import { resolveFontSize } from '../resolve-font-size';
+
+describe( 'resolveFontSize', () => {
+	describe( 'numeric input', () => {
+		it( 'returns whole numbers as-is', () => {
+			expect( resolveFontSize( 12 ) ).toBe( 12 );
+			expect( resolveFontSize( 0 ) ).toBe( 0 );
+		} );
+
+		it( 'returns decimal numbers as-is', () => {
+			expect( resolveFontSize( 13.5 ) ).toBe( 13.5 );
+		} );
+
+		it( 'returns undefined for NaN', () => {
+			expect( resolveFontSize( NaN ) ).toBeUndefined();
+		} );
+	} );
+
+	describe( 'string input', () => {
+		it( 'parses bare numeric strings', () => {
+			expect( resolveFontSize( '12' ) ).toBe( 12 );
+			expect( resolveFontSize( '13.5' ) ).toBe( 13.5 );
+		} );
+
+		it( 'parses pixel strings', () => {
+			expect( resolveFontSize( '12px' ) ).toBe( 12 );
+			expect( resolveFontSize( '13.5px' ) ).toBe( 13.5 );
+		} );
+
+		it( 'trims whitespace before parsing', () => {
+			expect( resolveFontSize( '  14px  ' ) ).toBe( 14 );
+		} );
+
+		it( 'rejects rem values rather than returning the unitless prefix', () => {
+			expect( resolveFontSize( '0.875rem' ) ).toBeUndefined();
+		} );
+
+		it( 'rejects em, %, vh, vw and other relative units', () => {
+			expect( resolveFontSize( '1em' ) ).toBeUndefined();
+			expect( resolveFontSize( '100%' ) ).toBeUndefined();
+			expect( resolveFontSize( '2vh' ) ).toBeUndefined();
+			expect( resolveFontSize( '2vw' ) ).toBeUndefined();
+		} );
+
+		it( 'rejects keywords like inherit, initial, unset', () => {
+			expect( resolveFontSize( 'inherit' ) ).toBeUndefined();
+			expect( resolveFontSize( 'initial' ) ).toBeUndefined();
+			expect( resolveFontSize( 'medium' ) ).toBeUndefined();
+		} );
+
+		it( 'returns undefined for empty string', () => {
+			expect( resolveFontSize( '' ) ).toBeUndefined();
+		} );
+
+		it( 'returns undefined for unparseable strings', () => {
+			expect( resolveFontSize( 'abc' ) ).toBeUndefined();
+			expect( resolveFontSize( 'pxpx' ) ).toBeUndefined();
+		} );
+	} );
+
+	describe( 'missing input', () => {
+		it( 'returns undefined for undefined', () => {
+			expect( resolveFontSize( undefined ) ).toBeUndefined();
+		} );
+	} );
+} );

package/dist/chunk-EMMSS5I5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-EMMSS5I5.cjs"],"names":[],"mappings":"AAAA,6EAAI,SAAS,EAAE,MAAM,CAAC,MAAM;AAC5B,IAAI,UAAU,EAAE,MAAM,CAAC,cAAc;AACrC,IAAI,iBAAiB,EAAE,MAAM,CAAC,wBAAwB;AACtD,IAAI,kBAAkB,EAAE,MAAM,CAAC,mBAAmB;AAClD,IAAI,aAAa,EAAE,MAAM,CAAC,cAAc;AACxC,IAAI,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,cAAc;AAClD,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,SAAS,SAAS,CAAC,EAAE;AACnD,EAAE,OAAO,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO;AACpG,CAAC;AACD,IAAI,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG;AAChC,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG;AACtB,IAAI,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAI,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG;AAC9C,EAAE,GAAG,CAAC,KAAK,GAAG,OAAO,KAAK,IAAI,SAAS,GAAG,OAAO,KAAK,IAAI,UAAU,EAAE;AACtE,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;AAC3C,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,MAAM;AACvD,QAAQ,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;AAC1H,EAAE;AACF,EAAE,OAAO,EAAE;AACX,CAAC;AACD,IAAI,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW;AAChH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM;AACjH,EAAE;AACF,CAAC,CAAC;AACF;AACA;AACE;AACA;AACA;AACF,wFAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-EMMSS5I5.cjs"}