@automattic/charts 4.15.0 → 4.15.1

package/dist/index.js

@@ -3,7 +3,7 @@ import { formatNumber, formatNumberCompact } from "@automattic/number-formatters
 import { AnimatedAreaSeries, AnimatedAreaStack, AreaSeries, Axis, BarGroup, BarSeries, DataContext, GlyphSeries, Grid, TooltipContext, XYChart, buildChartTheme, useEventEmitter } from "@visx/xychart";
 import { __, _n, _x, sprintf } from "@wordpress/i18n";
 import clsx from "clsx";
-import { Children, Fragment, createContext, createContext as createContext$1, createElement, forwardRef, forwardRef as forwardRef$1, isValidElement, memo, useCallback, useContext, useContext as useContext$1, useEffect, useEffect as useEffect$1, useId, useImperativeHandle, useLayoutEffect, useMemo, useMemo as useMemo$1, useRef, useRef as useRef$1, useState, useState as useState$1, version } from "react";
+import { Children, Fragment, createContext, createElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, version } from "react";
 import { differenceInHours, differenceInYears, isValid, parse, parseISO } from "date-fns";
 import { tzOffset } from "@date-fns/tz";
 import { Text, getStringWidth } from "@visx/text";
@@ -25,7 +25,6 @@ import { bisector } from "@visx/vendor/d3-array";
 import { PatternCircles, PatternHexagons, PatternLines, PatternWaves } from "@visx/pattern";
 import { Chart } from "react-google-charts";
 import DOMPurify from "dompurify";
-import { __assign } from "tslib";
 import { Icon, chevronRight } from "@wordpress/icons";
 import { arc, pie } from "@visx/shape";
 // \0rolldown/runtime.js
@@ -10219,879 +10218,6 @@ const useMonthCalendarHeatmapData = (valueByDay, range, options = {}) => {
 		weekStartsOn
 	]);
 };
-// ../../../node_modules/.pnpm/is-plain-object@5.1.0/node_modules/is-plain-object/dist/is-plain-object.mjs
-/*!
-* is-plain-object <https://github.com/jonschlinkert/is-plain-object>
-*
-* Copyright (c) 2014-2017, Jon Schlinkert.
-* Released under the MIT License.
-*/
-function isObject(o) {
-	return Object.prototype.toString.call(o) === "[object Object]";
-}
-function isPlainObject(o) {
-	var ctor, prot;
-	if (isObject(o) === false) return false;
-	ctor = o.constructor;
-	if (ctor === void 0) return true;
-	prot = ctor.prototype;
-	if (isObject(prot) === false) return false;
-	if (prot.hasOwnProperty("isPrototypeOf") === false) return false;
-	return true;
-}
-// ../../../node_modules/.pnpm/lower-case@2.0.2/node_modules/lower-case/dist.es2015/index.js
-/**
-* Lower case as a function.
-*/
-function lowerCase(str) {
-	return str.toLowerCase();
-}
-// ../../../node_modules/.pnpm/no-case@3.0.4/node_modules/no-case/dist.es2015/index.js
-var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
-var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
-/**
-* Normalize the string into something other libraries can manipulate easier.
-*/
-function noCase(input, options) {
-	if (options === void 0) options = {};
-	var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
-	var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
-	var start = 0;
-	var end = result.length;
-	while (result.charAt(start) === "\0") start++;
-	while (result.charAt(end - 1) === "\0") end--;
-	return result.slice(start, end).split("\0").map(transform).join(delimiter);
-}
-/**
-* Replace `re` in the input string with the replacement value.
-*/
-function replace(input, re, value) {
-	if (re instanceof RegExp) return input.replace(re, value);
-	return re.reduce(function(input, re) {
-		return input.replace(re, value);
-	}, input);
-}
-// ../../../node_modules/.pnpm/dot-case@3.0.4/node_modules/dot-case/dist.es2015/index.js
-function dotCase(input, options) {
-	if (options === void 0) options = {};
-	return noCase(input, __assign({ delimiter: "." }, options));
-}
-// ../../../node_modules/.pnpm/param-case@3.0.4/node_modules/param-case/dist.es2015/index.js
-function paramCase(input, options) {
-	if (options === void 0) options = {};
-	return dotCase(input, __assign({ delimiter: "-" }, options));
-}
-// ../../../node_modules/.pnpm/@wordpress+warning@4.1.0/node_modules/@wordpress/warning/build-module/utils.mjs
-/**
-* Object map tracking messages which have been logged, for use in ensuring a
-* message is only logged once.
-*/
-const logged = /* @__PURE__ */ new Set();
-// ../../../node_modules/.pnpm/@wordpress+warning@4.1.0/node_modules/@wordpress/warning/build-module/index.mjs
-function isDev() {
-	return globalThis.SCRIPT_DEBUG === true;
-}
-/**
-* Shows a warning with `message` if environment is not `production`.
-*
-* @param message Message to show in the warning.
-*
-* @example
-* ```js
-* import warning from '@wordpress/warning';
-*
-* function MyComponent( props ) {
-*   if ( ! props.title ) {
-*     warning( '`props.title` was not passed' );
-*   }
-*   ...
-* }
-* ```
-*/
-function warning(message) {
-	if (!isDev()) return;
-	if (logged.has(message)) return;
-	console.warn(message);
-	try {
-		throw Error(message);
-	} catch {}
-	logged.add(message);
-}
-// ../../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/es6/index.js
-var require_es6 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
-	module.exports = function equal(a, b) {
-		if (a === b) return true;
-		if (a && b && typeof a == "object" && typeof b == "object") {
-			if (a.constructor !== b.constructor) return false;
-			var length, i, keys;
-			if (Array.isArray(a)) {
-				length = a.length;
-				if (length != b.length) return false;
-				for (i = length; i-- !== 0;) if (!equal(a[i], b[i])) return false;
-				return true;
-			}
-			if (a instanceof Map && b instanceof Map) {
-				if (a.size !== b.size) return false;
-				for (i of a.entries()) if (!b.has(i[0])) return false;
-				for (i of a.entries()) if (!equal(i[1], b.get(i[0]))) return false;
-				return true;
-			}
-			if (a instanceof Set && b instanceof Set) {
-				if (a.size !== b.size) return false;
-				for (i of a.entries()) if (!b.has(i[0])) return false;
-				return true;
-			}
-			if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
-				length = a.length;
-				if (length != b.length) return false;
-				for (i = length; i-- !== 0;) if (a[i] !== b[i]) return false;
-				return true;
-			}
-			if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-			if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-			if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-			keys = Object.keys(a);
-			length = keys.length;
-			if (length !== Object.keys(b).length) return false;
-			for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-			for (i = length; i-- !== 0;) {
-				var key = keys[i];
-				if (!equal(a[key], b[key])) return false;
-			}
-			return true;
-		}
-		return a !== a && b !== b;
-	};
-}));
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/utils/hooks/use-update-effect.mjs
-/**
-* A `React.useEffect` that will not run on the first render.
-* Source:
-* https://github.com/ariakit/ariakit/blob/main/packages/ariakit-react-core/src/utils/hooks.ts
-*
-* @param effect
-* @param deps
-*/
-function useUpdateEffect(effect, deps) {
-	const mountedRef = useRef$1(false);
-	useEffect$1(() => {
-		if (mountedRef.current) return effect();
-		mountedRef.current = true;
-	}, deps);
-	useEffect$1(() => () => {
-		mountedRef.current = false;
-	}, []);
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/context/context-system-provider.mjs
-var import_es6 = /* @__PURE__ */ __toESM(require_es6(), 1);
-const ComponentsContext = createContext$1({});
-ComponentsContext.displayName = "ComponentsContext";
-const useComponentsContext = () => useContext$1(ComponentsContext);
-/**
-* Consolidates incoming ContextSystem values with a (potential) parent ContextSystem value.
-*
-* Note: This function will warn if it detects an un-memoized `value`
-*
-* @param {Object}              props
-* @param {Record<string, any>} props.value
-* @return {Record<string, any>} The consolidated value.
-*/
-function useContextSystemBridge({ value }) {
-	const parentContext = useComponentsContext();
-	const valueRef = useRef$1(value);
-	useUpdateEffect(() => {
-		if ((0, import_es6.default)(valueRef.current, value) && valueRef.current !== value) warning(`Please memoize your context: ${JSON.stringify(value)}`);
-	}, [value]);
-	return useMemo$1(() => {
-		return deepmerge(parentContext ?? {}, value ?? {}, { isMergeableObject: isPlainObject });
-	}, [parentContext, value]);
-}
-/**
-* A Provider component that can modify props for connected components within
-* the Context system.
-*
-* @example
-* ```jsx
-* <ContextSystemProvider value={{ Button: { size: 'small' }}}>
-*   <Button>...</Button>
-* </ContextSystemProvider>
-* ```
-*
-* @template {Record<string, any>} T
-* @param {Object}          options
-* @param {React.ReactNode} options.children Children to render.
-* @param {T}               options.value    Props to render into connected components.
-* @return {React.JSX.Element} A Provider wrapped component.
-*/
-const BaseContextSystemProvider = ({ children, value }) => {
-	const contextValue = useContextSystemBridge({ value });
-	return /* @__PURE__ */ jsx(ComponentsContext.Provider, {
-		value: contextValue,
-		children
-	});
-};
-memo(BaseContextSystemProvider);
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/context/constants.mjs
-const COMPONENT_NAMESPACE = "data-wp-component";
-const CONNECTED_NAMESPACE = "data-wp-c16t";
-/**
-* Special key where the connected namespaces are stored.
-* This is attached to Context connected components as a static property.
-*/
-const CONNECT_STATIC_NAMESPACE = "__contextSystemKey__";
-// ../../../node_modules/.pnpm/memize@2.1.1/node_modules/memize/dist/index.js
-/**
-* Memize options object.
-*
-* @typedef MemizeOptions
-*
-* @property {number} [maxSize] Maximum size of the cache.
-*/
-/**
-* Internal cache entry.
-*
-* @typedef MemizeCacheNode
-*
-* @property {?MemizeCacheNode|undefined} [prev] Previous node.
-* @property {?MemizeCacheNode|undefined} [next] Next node.
-* @property {Array<*>}                   args   Function arguments for cache
-*                                               entry.
-* @property {*}                          val    Function result.
-*/
-/**
-* Properties of the enhanced function for controlling cache.
-*
-* @typedef MemizeMemoizedFunction
-*
-* @property {()=>void} clear Clear the cache.
-*/
-/**
-* Accepts a function to be memoized, and returns a new memoized function, with
-* optional options.
-*
-* @template {(...args: any[]) => any} F
-*
-* @param {F}             fn        Function to memoize.
-* @param {MemizeOptions} [options] Options object.
-*
-* @return {((...args: Parameters<F>) => ReturnType<F>) & MemizeMemoizedFunction} Memoized function.
-*/
-function memize(fn, options) {
-	var size = 0;
-	/** @type {?MemizeCacheNode|undefined} */
-	var head;
-	/** @type {?MemizeCacheNode|undefined} */
-	var tail;
-	options = options || {};
-	function memoized() {
-		var node = head, len = arguments.length, args, i;
-		searchCache: while (node) {
-			if (node.args.length !== arguments.length) {
-				node = node.next;
-				continue;
-			}
-			for (i = 0; i < len; i++) if (node.args[i] !== arguments[i]) {
-				node = node.next;
-				continue searchCache;
-			}
-			if (node !== head) {
-				if (node === tail) tail = node.prev;
-				/** @type {MemizeCacheNode} */ node.prev.next = node.next;
-				if (node.next) node.next.prev = node.prev;
-				node.next = head;
-				node.prev = null;
-				/** @type {MemizeCacheNode} */ head.prev = node;
-				head = node;
-			}
-			return node.val;
-		}
-		args = new Array(len);
-		for (i = 0; i < len; i++) args[i] = arguments[i];
-		node = {
-			args,
-			val: fn.apply(null, args)
-		};
-		if (head) {
-			head.prev = node;
-			node.next = head;
-		} else tail = node;
-		if (size === options.maxSize) {
-			tail = tail.prev;
-			/** @type {MemizeCacheNode} */ tail.next = null;
-		} else size++;
-		head = node;
-		return node.val;
-	}
-	memoized.clear = function() {
-		head = null;
-		tail = null;
-		size = 0;
-	};
-	return memoized;
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.mjs
-/**
-* Generates the connected component CSS className based on the namespace.
-*
-* @param namespace The name of the connected component.
-* @return The generated CSS className.
-*/
-function getStyledClassName(namespace) {
-	return `components-${paramCase(namespace)}`;
-}
-const getStyledClassNameFromKey = memize(getStyledClassName);
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/context/context-connect.mjs
-/**
-* Forwards ref (React.ForwardRef) and "Connects" (or registers) a component
-* within the Context system under a specified namespace.
-*
-* @param Component The component to register into the Context system.
-* @param namespace The namespace to register the component under.
-* @return The connected WordPressComponent
-*/
-function contextConnect(Component, namespace) {
-	return _contextConnect(Component, namespace, { forwardsRef: true });
-}
-function _contextConnect(Component, namespace, options) {
-	const WrappedComponent = options?.forwardsRef ? forwardRef$1(Component) : Component;
-	if (typeof namespace === "undefined") warning("contextConnect: Please provide a namespace");
-	let mergedNamespace = WrappedComponent["__contextSystemKey__"] || [namespace];
-	/**
-	* Consolidate (merge) namespaces before attaching it to the WrappedComponent.
-	*/
-	if (Array.isArray(namespace)) mergedNamespace = [...mergedNamespace, ...namespace];
-	if (typeof namespace === "string") mergedNamespace = [...mergedNamespace, namespace];
-	return Object.assign(WrappedComponent, {
-		[CONNECT_STATIC_NAMESPACE]: [...new Set(mergedNamespace)],
-		displayName: namespace,
-		selector: `.${getStyledClassNameFromKey(namespace)}`
-	});
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/context/utils.mjs
-/**
-* Creates a dedicated context namespace HTML attribute for components.
-* ns is short for "namespace"
-*
-* @example
-* ```jsx
-* <div {...ns('Container')} />
-* ```
-*
-* @param componentName The name for the component.
-* @return A props object with the namespaced HTML attribute.
-*/
-function getNamespace(componentName) {
-	return { [COMPONENT_NAMESPACE]: componentName };
-}
-/**
-* Creates a dedicated connected context namespace HTML attribute for components.
-* ns is short for "namespace"
-*
-* @example
-* ```jsx
-* <div {...cns()} />
-* ```
-*
-* @return A props object with the namespaced HTML attribute.
-*/
-function getConnectedNamespace() {
-	return { [CONNECTED_NAMESPACE]: true };
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/context/use-context-system.mjs
-/**
-* Custom hook that derives registered props from the Context system.
-* These derived props are then consolidated with incoming component props.
-*
-* @param props     Incoming props from the component.
-* @param namespace The namespace to register and to derive context props from.
-* @return The connected props.
-*/
-function useContextSystem(props, namespace) {
-	const contextSystemProps = useComponentsContext();
-	if (typeof namespace === "undefined") warning("useContextSystem: Please provide a namespace");
-	const contextProps = contextSystemProps?.[namespace] || {};
-	const finalComponentProps = {
-		...getConnectedNamespace(),
-		...getNamespace(namespace)
-	};
-	const { _overrides, ...otherContextProps } = contextProps;
-	const overrideProps = _overrides;
-	const initialMergedProps = Object.entries(otherContextProps).length ? Object.assign({}, otherContextProps, props) : props;
-	const propsWithChildren = initialMergedProps;
-	const classes = clsx(getStyledClassNameFromKey(namespace), props.className);
-	const rendered = typeof propsWithChildren.renderChildren === "function" ? propsWithChildren.renderChildren(initialMergedProps) : propsWithChildren.children;
-	for (const key in initialMergedProps) finalComponentProps[key] = initialMergedProps[key];
-	for (const key in overrideProps) finalComponentProps[key] = overrideProps[key];
-	if (rendered !== void 0) finalComponentProps.children = rendered;
-	finalComponentProps.className = classes;
-	return finalComponentProps;
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/visually-hidden/styles.mjs
-const visuallyHidden = {
-	border: 0,
-	clip: "rect(1px, 1px, 1px, 1px)",
-	WebkitClipPath: "inset( 50% )",
-	clipPath: "inset( 50% )",
-	height: "1px",
-	margin: "-1px",
-	overflow: "hidden",
-	padding: 0,
-	position: "absolute",
-	width: "1px",
-	wordWrap: "normal",
-	wordBreak: "normal"
-};
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/utils/polymorphic-element.mjs
-const customAttributeRegExp = /^(data|aria|x)-/i;
-const eventHandlerRegExp = /^on[A-Z]/;
-const svgElementNames = new Set(`animate animateMotion animateTransform circle clipPath defs desc ellipse
-	feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix
-	feDiffuseLighting feDisplacementMap feDistantLight feDropShadow feFlood
-	feFuncA feFuncB feFuncG feFuncR feGaussianBlur feImage feMerge feMergeNode
-	feMorphology feOffset fePointLight feSpecularLighting feSpotLight feTile
-	feTurbulence filter foreignObject g image line linearGradient marker mask
-	metadata mpath path pattern polygon polyline radialGradient rect set stop svg
-	switch symbol text textPath tspan use view`.split(/\s+/));
-const baseElementProps = new Set(`children dangerouslySetInnerHTML key autoFocus defaultValue defaultChecked
-	innerHTML suppressContentEditableWarning suppressHydrationWarning valueLink
-	abbr accept acceptCharset accessKey action allow allowUserMedia
-	allowPaymentRequest allowFullScreen allowTransparency alt async autoComplete
-	autoPlay capture cellPadding cellSpacing challenge charSet checked cite classID
-	className cols colSpan content contentEditable contextMenu controls controlsList
-	coords crossOrigin data dateTime decoding default defer dir disabled
-	disablePictureInPicture disableRemotePlayback download draggable encType
-	enterKeyHint fetchpriority fetchPriority form formAction formEncType formMethod
-	formNoValidate formTarget frameBorder headers height hidden high href hrefLang
-	htmlFor httpEquiv id inputMode integrity is keyParams keyType kind label lang
-	list loading loop low marginHeight marginWidth max maxLength media mediaGroup
-	method min minLength multiple muted name nonce noValidate open optimum pattern
-	placeholder playsInline popover popoverTarget popoverTargetAction poster
-	preload profile radioGroup readOnly referrerPolicy rel required reversed role
-	rows rowSpan sandbox scope scoped scrolling seamless selected shape size sizes
-	slot span spellCheck src srcDoc srcLang srcSet start step style summary
-	tabIndex target title translate type useMap value width wmode wrap about
-	datatype inlist prefix property resource typeof vocab autoCapitalize
-	autoCorrect autoSave color incremental fallback inert itemProp itemScope
-	itemType itemID itemRef on option results security unselectable`.split(/\s+/));
-const svgElementProps = new Set(`accentHeight accumulate additive alignmentBaseline allowReorder alphabetic
-	amplitude arabicForm ascent attributeName attributeType autoReverse azimuth
-	baseFrequency baselineShift baseProfile bbox begin bias by calcMode capHeight
-	clip clipPathUnits clipPath clipRule colorInterpolation
-	colorInterpolationFilters colorProfile colorRendering contentScriptType
-	contentStyleType cursor cx cy d decelerate descent diffuseConstant direction
-	display divisor dominantBaseline dur dx dy edgeMode elevation enableBackground
-	end exponent externalResourcesRequired fill fillOpacity fillRule filter
-	filterRes filterUnits floodColor floodOpacity focusable fontFamily fontSize
-	fontSizeAdjust fontStretch fontStyle fontVariant fontWeight format from fr fx
-	fy g1 g2 glyphName glyphOrientationHorizontal glyphOrientationVertical
-	glyphRef gradientTransform gradientUnits hanging horizAdvX horizOriginX
-	ideographic imageRendering in in2 intercept k k1 k2 k3 k4 kernelMatrix
-	kernelUnitLength kerning keyPoints keySplines keyTimes lengthAdjust
-	letterSpacing lightingColor limitingConeAngle local markerEnd markerMid
-	markerStart markerHeight markerUnits markerWidth mask maskContentUnits
-	maskUnits mathematical mode numOctaves offset opacity operator order orient
-	orientation origin overflow overlinePosition overlineThickness panose1
-	paintOrder pathLength patternContentUnits patternTransform patternUnits
-	pointerEvents points pointsAtX pointsAtY pointsAtZ preserveAlpha
-	preserveAspectRatio primitiveUnits r radius refX refY renderingIntent
-	repeatCount repeatDur requiredExtensions requiredFeatures restart result rotate
-	rx ry scale seed shapeRendering slope spacing specularConstant
-	specularExponent speed spreadMethod startOffset stdDeviation stemh stemv
-	stitchTiles stopColor stopOpacity strikethroughPosition strikethroughThickness
-	string stroke strokeDasharray strokeDashoffset strokeLinecap strokeLinejoin
-	strokeMiterlimit strokeOpacity strokeWidth surfaceScale systemLanguage
-	tableValues targetX targetY textAnchor textDecoration textRendering textLength
-	to transform u1 u2 underlinePosition underlineThickness unicode unicodeBidi
-	unicodeRange unitsPerEm vAlphabetic vHanging vIdeographic vMathematical values
-	vectorEffect version vertAdvY vertOriginX vertOriginY viewBox viewTarget
-	visibility widths wordSpacing writingMode x xHeight x1 x2 xChannelSelector
-	xlinkActuate xlinkArcrole xlinkHref xlinkRole xlinkShow xlinkTitle xlinkType
-	xmlBase xmlns xmlnsXlink xmlLang xmlSpace y y1 y2 yChannelSelector z
-	zoomAndPan`.split(/\s+/));
-const compatElementProps = /* @__PURE__ */ new Set([
-	"autofocus",
-	"class",
-	"for"
-]);
-function isValidIntrinsicElementProp(prop, element) {
-	if (customAttributeRegExp.test(prop) || eventHandlerRegExp.test(prop)) return true;
-	if (baseElementProps.has(prop) || compatElementProps.has(prop)) return true;
-	return svgElementNames.has(element) && svgElementProps.has(prop);
-}
-function filterIntrinsicElementProps(props, element) {
-	return Object.fromEntries(Object.entries(props).filter(([prop]) => isValidIntrinsicElementProp(prop, element)));
-}
-function UnforwardedPolymorphicElement({ as, ...props }, ref) {
-	const Element = as || "div";
-	const forwardedProps = typeof Element === "string" ? filterIntrinsicElementProps(props, Element) : props;
-	return /* @__PURE__ */ jsx(Element, {
-		ref,
-		...forwardedProps
-	});
-}
-/**
-* Internal utility for components that need Emotion-compatible `as` behavior
-* while rendering with plain React elements.
-*/
-const PolymorphicElement = forwardRef$1(UnforwardedPolymorphicElement);
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/view/component.mjs
-function UnforwardedView({ css, ...restProps }, ref) {
-	return /* @__PURE__ */ jsx(PolymorphicElement, {
-		ref,
-		...restProps
-	});
-}
-/**
-* `View` is a core component that renders everything in the library.
-* It is the principle component in the entire library.
-*
-* ```jsx
-* import { View } from `@wordpress/components`;
-*
-* function Example() {
-* 	return (
-* 		<View>
-* 			 Code is Poetry
-* 		</View>
-* 	);
-* }
-* ```
-*/
-const View = Object.assign(forwardRef$1(UnforwardedView), { selector: ".components-view" });
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/visually-hidden/component.mjs
-function UnconnectedVisuallyHidden(props, forwardedRef) {
-	const { style: styleProp, ...contextProps } = useContextSystem(props, "VisuallyHidden");
-	return /* @__PURE__ */ jsx(View, {
-		ref: forwardedRef,
-		...contextProps,
-		"data-visually-hidden": "",
-		style: {
-			...visuallyHidden,
-			...styleProp || {}
-		}
-	});
-}
-/**
-* `VisuallyHidden` is a component used to render text intended to be visually
-* hidden, but will show for alternate devices, for example a screen reader.
-*
-* ```jsx
-* import { VisuallyHidden } from `@wordpress/components`;
-*
-* function Example() {
-*   return (
-*     <VisuallyHidden>
-*       <label>Code is Poetry</label>
-*     </VisuallyHidden>
-*   );
-* }
-* ```
-*/
-const VisuallyHidden$1 = contextConnect(UnconnectedVisuallyHidden, "VisuallyHidden");
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/utils/use-responsive-value.mjs
-const breakpoints = [
-	"40em",
-	"52em",
-	"64em"
-];
-const useBreakpointIndex = (options = {}) => {
-	const { defaultIndex = 0, enabled = true } = options;
-	if (typeof defaultIndex !== "number") throw new TypeError(`Default breakpoint index should be a number. Got: ${defaultIndex}, ${typeof defaultIndex}`);
-	else if (defaultIndex < 0 || defaultIndex > breakpoints.length - 1) throw new RangeError(`Default breakpoint index out of range. Theme has ${breakpoints.length} breakpoints, got index ${defaultIndex}`);
-	const [value, setValue] = useState$1(defaultIndex);
-	useEffect$1(() => {
-		if (!enabled) return;
-		const getIndex = () => breakpoints.filter((bp) => {
-			return typeof window !== "undefined" ? window.matchMedia(`screen and (min-width: ${bp})`).matches : false;
-		}).length;
-		const onResize = () => {
-			const newValue = getIndex();
-			if (value !== newValue) setValue(newValue);
-		};
-		onResize();
-		if (typeof window !== "undefined") window.addEventListener("resize", onResize);
-		return () => {
-			if (typeof window !== "undefined") window.removeEventListener("resize", onResize);
-		};
-	}, [value, enabled]);
-	return value;
-};
-function useResponsiveValue(values, options = {}) {
-	const isResponsive = Array.isArray(values) && values.length > 1;
-	const index = useBreakpointIndex({
-		...options,
-		enabled: isResponsive
-	});
-	if (!Array.isArray(values) && typeof values !== "function") return values;
-	const array = values || [];
-	return array[index >= array.length ? array.length - 1 : index];
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/grid/utils.mjs
-const ALIGNMENTS = {
-	bottom: {
-		alignItems: "flex-end",
-		justifyContent: "center"
-	},
-	bottomLeft: {
-		alignItems: "flex-end",
-		justifyContent: "flex-start"
-	},
-	bottomRight: {
-		alignItems: "flex-end",
-		justifyContent: "flex-end"
-	},
-	center: {
-		alignItems: "center",
-		justifyContent: "center"
-	},
-	spaced: {
-		alignItems: "center",
-		justifyContent: "space-between"
-	},
-	left: {
-		alignItems: "center",
-		justifyContent: "flex-start"
-	},
-	right: {
-		alignItems: "center",
-		justifyContent: "flex-end"
-	},
-	stretch: { alignItems: "stretch" },
-	top: {
-		alignItems: "flex-start",
-		justifyContent: "center"
-	},
-	topLeft: {
-		alignItems: "flex-start",
-		justifyContent: "flex-start"
-	},
-	topRight: {
-		alignItems: "flex-start",
-		justifyContent: "flex-end"
-	}
-};
-function getAlignmentProps(alignment) {
-	return alignment ? ALIGNMENTS[alignment] ?? {} : {};
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/grid/hook.mjs
-const STYLE_HASH_ATTRIBUTE = "data-wp-hash";
-/**
-* Returns the shared style runtime registry.
-*
-* The registry is stored on `globalThis` so separately bundled copies of this
-* package can coordinate through the same document and style maps.
-*
-* @return The shared runtime registry.
-*/
-function getRuntime() {
-	const globalScope = globalThis;
-	if (globalScope.__wpStyleRuntime) return globalScope.__wpStyleRuntime;
-	globalScope.__wpStyleRuntime = {
-		documents: /* @__PURE__ */ new Map(),
-		styles: /* @__PURE__ */ new Map(),
-		injectedStyles: /* @__PURE__ */ new WeakMap()
-	};
-	if (typeof document !== "undefined") registerDocument(document);
-	return globalScope.__wpStyleRuntime;
-}
-/**
-* Checks whether a document already contains a style tag for a hash.
-*
-* @param targetDocument Document to inspect.
-* @param hash           Stable hash for the transformed CSS.
-*
-* @return Whether the style hash already exists in the document.
-*/
-function documentContainsStyleHash(targetDocument, hash) {
-	if (!targetDocument.head) return false;
-	for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) return true;
-	return false;
-}
-/**
-* Injects a registered style into a document, unless that document already
-* contains a style tag for the same hash.
-*
-* @param targetDocument Document to inject the style into.
-* @param hash           Stable hash for the transformed CSS.
-* @param css            CSS text to inject.
-*/
-function injectStyle(targetDocument, hash, css) {
-	if (!targetDocument.head) return;
-	const runtime = getRuntime();
-	let injectedStyles = runtime.injectedStyles.get(targetDocument);
-	if (!injectedStyles) {
-		injectedStyles = /* @__PURE__ */ new Set();
-		runtime.injectedStyles.set(targetDocument, injectedStyles);
-	}
-	if (injectedStyles.has(hash)) return;
-	if (documentContainsStyleHash(targetDocument, hash)) {
-		injectedStyles.add(hash);
-		return;
-	}
-	const style = targetDocument.createElement("style");
-	style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);
-	style.appendChild(targetDocument.createTextNode(css));
-	targetDocument.head.appendChild(style);
-	injectedStyles.add(hash);
-}
-/**
-* Registers a document as a style injection target.
-*
-* Existing registered styles are replayed into the document immediately.
-* Documents are reference-counted so multiple providers can safely register the
-* same document without one cleanup removing it while another registration is
-* still active.
-*
-* @param targetDocument Document to receive registered styles.
-* @return Cleanup function that unregisters this document registration.
-*/
-function registerDocument(targetDocument) {
-	const runtime = getRuntime();
-	runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);
-	for (const [hash, css] of runtime.styles) injectStyle(targetDocument, hash, css);
-	return () => {
-		const count = runtime.documents.get(targetDocument);
-		if (count === void 0) return;
-		if (count <= 1) {
-			runtime.documents.delete(targetDocument);
-			return;
-		}
-		runtime.documents.set(targetDocument, count - 1);
-	};
-}
-/**
-* Registers a style and injects it into all registered documents.
-*
-* The hash is used as the deduplication key, so calling this repeatedly with
-* the same hash will not add duplicate style tags to a document.
-* Registered styles are retained for the lifetime of the page so they can be
-* replayed into documents that are registered later.
-*
-* @param hash Stable hash for the transformed CSS.
-* @param css  CSS text to inject.
-*/
-function registerStyle(hash, css) {
-	const runtime = getRuntime();
-	runtime.styles.set(hash, css);
-	for (const targetDocument of runtime.documents.keys()) injectStyle(targetDocument, hash, css);
-}
-if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle("b1a8e206b7", ".ad3e2e48d7abbecd__grid{--wp-components-grid-align:initial;--wp-components-grid-justify:initial;--wp-components-grid-gap:initial;--wp-components-grid-template-columns:initial;--wp-components-grid-template-rows:initial;--wp-components-grid-row-gap:initial;--wp-components-grid-column-gap:initial;display:grid}.ad3e2e48d7abbecd__grid:not(:where(._519ed3f6107b2f0e__row-gap-inherit,.cd62b95f8b7a55ca__row-gap-initial,._226744df7703790b__row-gap-unset,._372e9fe7fa60a162__row-gap-revert,.a788bb6771f557d4__row-gap-revert-layer)){row-gap:var(--wp-components-grid-row-gap,calc(4px*var(--wp-components-grid-gap)))}.ad3e2e48d7abbecd__grid:not(:where(.c811e15146756906__column-gap-inherit,._17d3c2ea7daf9367__column-gap-initial,._595e6195481b9016__column-gap-unset,.a3ecb3e47731c19e__column-gap-revert,._7c87cfbf3c22f476__column-gap-revert-layer)){column-gap:var(--wp-components-grid-column-gap,calc(4px*var(--wp-components-grid-gap)))}._25a972dc3223dff3__has-align:not(:where(._3cda38ca04ad4eb9__align-inherit,.f1d7342c52a8cb04__align-initial,._0d1a6c7ee990f351__align-unset,._57c7b85e7abf618b__align-revert,._82cb0c4950962787__align-revert-layer)){align-items:var(--wp-components-grid-align)}._801d1214723237b8__has-justify:not(:where(.b83c5dbf3264515b__justify-inherit,._5b7394b39d69670e__justify-initial,._3e7f0418752602e5__justify-unset,._5f937df46d7b2259__justify-revert,.bf2a4718a1ddba5c__justify-revert-layer)){justify-content:var(--wp-components-grid-justify)}._3c6ac9820776f1cb__has-template-columns:not(:where(._35faa4d32eedef32__template-columns-inherit,._8150cadb3f438833__template-columns-initial,.bcd5f2b096dec164__template-columns-unset,._48d047bc6fb687b8__template-columns-revert,._93f250669aa1a5a7__template-columns-revert-layer)){grid-template-columns:var(--wp-components-grid-template-columns)}.c2703b6b15e69b82__has-template-rows:not(:where(._3e9d5ffc53e4afc0__template-rows-inherit,._64bb5fbdf6d1038a__template-rows-initial,.f8f5df7043222325__template-rows-unset,._408aaf58100e60d5__template-rows-revert,.e0730d6abf0f3d2a__template-rows-revert-layer)){grid-template-rows:var(--wp-components-grid-template-rows)}._43af1cbfad3e73dd__is-inline{display:inline-grid;vertical-align:middle}._3cda38ca04ad4eb9__align-inherit{align-items:inherit}.f1d7342c52a8cb04__align-initial{align-items:normal}._0d1a6c7ee990f351__align-unset{align-items:unset}._57c7b85e7abf618b__align-revert{align-items:revert}._82cb0c4950962787__align-revert-layer{align-items:revert-layer}.b83c5dbf3264515b__justify-inherit{justify-content:inherit}._5b7394b39d69670e__justify-initial{justify-content:normal}._3e7f0418752602e5__justify-unset{justify-content:unset}._5f937df46d7b2259__justify-revert{justify-content:revert}.bf2a4718a1ddba5c__justify-revert-layer{justify-content:revert-layer}._35faa4d32eedef32__template-columns-inherit{grid-template-columns:inherit}._8150cadb3f438833__template-columns-initial{grid-template-columns:none}.bcd5f2b096dec164__template-columns-unset{grid-template-columns:unset}._48d047bc6fb687b8__template-columns-revert{grid-template-columns:revert}._93f250669aa1a5a7__template-columns-revert-layer{grid-template-columns:revert-layer}._3e9d5ffc53e4afc0__template-rows-inherit{grid-template-rows:inherit}._64bb5fbdf6d1038a__template-rows-initial{grid-template-rows:none}.f8f5df7043222325__template-rows-unset{grid-template-rows:unset}._408aaf58100e60d5__template-rows-revert{grid-template-rows:revert}.e0730d6abf0f3d2a__template-rows-revert-layer{grid-template-rows:revert-layer}._519ed3f6107b2f0e__row-gap-inherit{row-gap:inherit}.cd62b95f8b7a55ca__row-gap-initial{row-gap:normal}._226744df7703790b__row-gap-unset{row-gap:unset}._372e9fe7fa60a162__row-gap-revert{row-gap:revert}.a788bb6771f557d4__row-gap-revert-layer{row-gap:revert-layer}.c811e15146756906__column-gap-inherit{column-gap:inherit}._17d3c2ea7daf9367__column-gap-initial{column-gap:normal}._595e6195481b9016__column-gap-unset{column-gap:unset}.a3ecb3e47731c19e__column-gap-revert{column-gap:revert}._7c87cfbf3c22f476__column-gap-revert-layer{column-gap:revert-layer}");
-var style_module_default = {
-	"grid": "ad3e2e48d7abbecd__grid",
-	"row-gap-inherit": "_519ed3f6107b2f0e__row-gap-inherit",
-	"row-gap-initial": "cd62b95f8b7a55ca__row-gap-initial",
-	"row-gap-unset": "_226744df7703790b__row-gap-unset",
-	"row-gap-revert": "_372e9fe7fa60a162__row-gap-revert",
-	"row-gap-revert-layer": "a788bb6771f557d4__row-gap-revert-layer",
-	"column-gap-inherit": "c811e15146756906__column-gap-inherit",
-	"column-gap-initial": "_17d3c2ea7daf9367__column-gap-initial",
-	"column-gap-unset": "_595e6195481b9016__column-gap-unset",
-	"column-gap-revert": "a3ecb3e47731c19e__column-gap-revert",
-	"column-gap-revert-layer": "_7c87cfbf3c22f476__column-gap-revert-layer",
-	"has-align": "_25a972dc3223dff3__has-align",
-	"align-inherit": "_3cda38ca04ad4eb9__align-inherit",
-	"align-initial": "f1d7342c52a8cb04__align-initial",
-	"align-unset": "_0d1a6c7ee990f351__align-unset",
-	"align-revert": "_57c7b85e7abf618b__align-revert",
-	"align-revert-layer": "_82cb0c4950962787__align-revert-layer",
-	"has-justify": "_801d1214723237b8__has-justify",
-	"justify-inherit": "b83c5dbf3264515b__justify-inherit",
-	"justify-initial": "_5b7394b39d69670e__justify-initial",
-	"justify-unset": "_3e7f0418752602e5__justify-unset",
-	"justify-revert": "_5f937df46d7b2259__justify-revert",
-	"justify-revert-layer": "bf2a4718a1ddba5c__justify-revert-layer",
-	"has-template-columns": "_3c6ac9820776f1cb__has-template-columns",
-	"template-columns-inherit": "_35faa4d32eedef32__template-columns-inherit",
-	"template-columns-initial": "_8150cadb3f438833__template-columns-initial",
-	"template-columns-unset": "bcd5f2b096dec164__template-columns-unset",
-	"template-columns-revert": "_48d047bc6fb687b8__template-columns-revert",
-	"template-columns-revert-layer": "_93f250669aa1a5a7__template-columns-revert-layer",
-	"has-template-rows": "c2703b6b15e69b82__has-template-rows",
-	"template-rows-inherit": "_3e9d5ffc53e4afc0__template-rows-inherit",
-	"template-rows-initial": "_64bb5fbdf6d1038a__template-rows-initial",
-	"template-rows-unset": "f8f5df7043222325__template-rows-unset",
-	"template-rows-revert": "_408aaf58100e60d5__template-rows-revert",
-	"template-rows-revert-layer": "e0730d6abf0f3d2a__template-rows-revert-layer",
-	"is-inline": "_43af1cbfad3e73dd__is-inline"
-};
-const CSS_WIDE_KEYWORDS = /* @__PURE__ */ new Set([
-	"inherit",
-	"initial",
-	"unset",
-	"revert",
-	"revert-layer"
-]);
-function toCSSValue(value) {
-	return typeof value === "number" ? `${value}px` : value?.trim() || void 0;
-}
-function useGrid(props) {
-	const { align, alignment, className, columnGap, columns = 2, gap = 3, isInline = false, justify, rowGap, rows, style, templateColumns, templateRows, ...otherProps } = useContextSystem(props, "Grid");
-	const column = useResponsiveValue(Array.isArray(columns) ? columns : [columns]);
-	const row = useResponsiveValue(Array.isArray(rows) ? rows : [rows]);
-	const gridTemplateColumns = templateColumns || !!column && `repeat( ${column}, 1fr )`;
-	const gridTemplateRows = templateRows || !!row && `repeat( ${row}, 1fr )`;
-	const alignmentProps = getAlignmentProps(alignment);
-	const values = {
-		align: alignmentProps.alignItems ?? align,
-		justify: alignmentProps.justifyContent ?? justify,
-		"template-columns": gridTemplateColumns || void 0,
-		"template-rows": gridTemplateRows || void 0,
-		"row-gap": rowGap,
-		"column-gap": columnGap
-	};
-	return {
-		...otherProps,
-		className: clsx(style_module_default.grid, {
-			[style_module_default["is-inline"]]: isInline,
-			[style_module_default["has-align"]]: !!values.align?.trim(),
-			[style_module_default["has-justify"]]: !!values.justify?.trim(),
-			[style_module_default["has-template-columns"]]: !!toCSSValue(values["template-columns"]),
-			[style_module_default["has-template-rows"]]: !!toCSSValue(values["template-rows"])
-		}, Object.entries(values).map(([property, value]) => {
-			const keyword = typeof value === "string" ? value.trim().toLowerCase() : "";
-			return CSS_WIDE_KEYWORDS.has(keyword) && style_module_default[`${property}-${keyword}`];
-		}), className),
-		style: {
-			"--wp-components-grid-align": values.align,
-			"--wp-components-grid-justify": values.justify,
-			"--wp-components-grid-gap": gap,
-			"--wp-components-grid-template-columns": toCSSValue(values["template-columns"]),
-			"--wp-components-grid-template-rows": toCSSValue(values["template-rows"]),
-			"--wp-components-grid-row-gap": toCSSValue(rowGap),
-			"--wp-components-grid-column-gap": toCSSValue(columnGap),
-			...style
-		}
-	};
-}
-// ../../../node_modules/.pnpm/@wordpress+components@44.0.0_patch_hash=dd89cc780626599c6721f4e05e7091dd7b0aed577d8a667_94a1a77c56d75249398bc99af3f14fa5/node_modules/@wordpress/components/build-module/grid/component.mjs
-function UnconnectedGrid(props, forwardedRef) {
-	const gridProps = useGrid(props);
-	return /* @__PURE__ */ jsx(View, {
-		...gridProps,
-		ref: forwardedRef
-	});
-}
-/**
-* `Grid` is a primitive layout component that can arrange content in a grid configuration.
-*
-* ```jsx
-* import {
-* 	__experimentalGrid as Grid,
-* 	__experimentalText as Text
-* } from `@wordpress/components`;
-*
-* function Example() {
-* 	return (
-* 		<Grid columns={ 3 }>
-* 			<Text>Code</Text>
-* 			<Text>is</Text>
-* 			<Text>Poetry</Text>
-* 		</Grid>
-* 	);
-* }
-* ```
-*/
-const Grid$1 = contextConnect(UnconnectedGrid, "Grid");
 // src/charts/leaderboard-chart/hooks/use-fitted-row-count.ts
 /**
 * Fractional layout rounding can put a row's bottom a hair past the container's
@@ -11238,6 +10364,8 @@ var leaderboard_chart_module_default = {
 	"deltaValue--up": "a8ccharts-GovfoW-deltaValue--up",
 	"emptyState": "a8ccharts-GovfoW-emptyState",
 	"fitEmptyState": "a8ccharts-GovfoW-fitEmptyState",
+	"grid": "a8ccharts-GovfoW-grid",
+	"grid--comparison": "a8ccharts-GovfoW-grid--comparison",
 	"interactiveRow": "a8ccharts-GovfoW-interactiveRow",
 	"is-overlay": "a8ccharts-GovfoW-is-overlay",
 	"label": "a8ccharts-GovfoW-label",
@@ -11291,8 +10419,6 @@ function resolveLeaderboardEntries(data, { includePrevious, clampNegative = fals
 	});
 }
 // src/charts/leaderboard-chart/leaderboard-chart.tsx
-const ROW_GAP = "var(--a8c-charts-dimension-leaderboard-row-gap, 12px)";
-const COLUMN_GAP = "var(--a8c-charts-dimension-leaderboard-column-gap, 4px)";
 /** Indexed by `Math.sign( delta ) + 1`, so [negative, neutral, positive]. */
 const DELTA_TREND_CLASS = [
 	"deltaValue--down",
@@ -11346,8 +10472,9 @@ function forwardCellClickToRowButton(event) {
 	if (event.target.closest("a, button")) return;
 	event.currentTarget.querySelector(":scope > button")?.click();
 }
-const BarLabel = ({ label }) => /* @__PURE__ */ jsx(Fragment$1, { children: typeof label === "string" ? /* @__PURE__ */ jsx(Text$1, {
+const BarLabel = ({ label, isInteractiveRow }) => /* @__PURE__ */ jsx(Fragment$1, { children: typeof label === "string" ? /* @__PURE__ */ jsx(Text$1, {
 	className: leaderboard_chart_module_default.label,
+	title: isInteractiveRow ? label : void 0,
 	children: label
 }) : label });
 const Bar = ({ share, color, animation, divergingScale }) => {
@@ -11386,7 +10513,10 @@ const BarWithLabel = ({ entry, withComparison, withOverlayLabel, primaryColor, s
 	})] });
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(leaderboard_chart_module_default.barWithLabelContainer, { [leaderboard_chart_module_default["is-overlay"]]: withOverlayLabel }),
-		children: [/* @__PURE__ */ jsx(BarLabel, { label: entry.label }), bars]
+		children: [/* @__PURE__ */ jsx(BarLabel, {
+			label: entry.label,
+			isInteractiveRow: Boolean(entry.onClick)
+		}), bars]
 	});
 };
 /**
@@ -11512,7 +10642,7 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 	const { contentRef, fittedCount, isMeasurable } = useFittedRowCount(fitRows && !allSeriesHidden, data?.length ?? 0, data);
 	const shouldFitRows = fitRows && isMeasurable;
 	const showComparisonColumn = withComparison && isComparisonVisible;
-	const templateColumns = showComparisonColumn && isPrimaryVisible ? "minmax(0, 1fr) auto auto" : "minmax(0, 1fr) auto";
+	const hasDeltaColumn = showComparisonColumn && isPrimaryVisible;
 	if (!data || data.length === 0) return /* @__PURE__ */ jsx(ChartInstanceContext.Provider, {
 		value: { chartId },
 		children: /* @__PURE__ */ jsx(ChartLayout, {
@@ -11574,13 +10704,11 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 				}), allSeriesHidden ? /* @__PURE__ */ jsx("div", {
 					className: leaderboard_chart_module_default.emptyState,
 					children: getAllHiddenMessage(legendInteractive, "series")
-				}) : /* @__PURE__ */ jsx(Grid$1, {
+				}) : /* @__PURE__ */ jsx("div", {
 					role: "list",
 					"aria-label": ariaLabel ?? __("Leaderboard chart", "jetpack-charts"),
-					templateColumns,
-					rowGap: ROW_GAP,
-					columnGap: COLUMN_GAP,
 					"data-leaderboard-grid": true,
+					className: clsx(leaderboard_chart_module_default.grid, { [leaderboard_chart_module_default["grid--comparison"]]: hasDeltaColumn }),
 					children: resolvedData.map((entry, rowIndex) => {
 						const rowStyle = shouldFitRows && rowIndex >= fittedCount ? { visibility: "hidden" } : void 0;
 						const hasPreviousPeriodValue = hasPreviousValue(entry);
@@ -11615,8 +10743,8 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 									children: [/* @__PURE__ */ jsx("span", {
 										"aria-hidden": "true",
 										children: "—"
-									}), /* @__PURE__ */ jsx(VisuallyHidden$1, {
-										as: "span",
+									}), /* @__PURE__ */ jsx(VisuallyHidden, {
+										render: /* @__PURE__ */ jsx("span", {}),
 										children: hasPreviousPeriodValue ? __("Percentage change unavailable", "jetpack-charts") : __("No comparison data", "jetpack-charts")
 									})]
 								})