@automattic/charts 4.13.0 → 4.14.0

package/dist/index.js

@@ -3,8 +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 * as React from "react";
-import { Children, Fragment, createContext, createContext as createContext$1, createElement, forwardRef, forwardRef as forwardRef$1, isValidElement, memo, useCallback, useCallback as useCallback$1, 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, 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 { differenceInHours, differenceInYears, isValid, parse, parseISO } from "date-fns";
 import { tzOffset } from "@date-fns/tz";
 import { Text, getStringWidth } from "@visx/text";
@@ -26,8 +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 "@babel/runtime/helpers/esm/extends";
 import { Icon, chevronRight } from "@wordpress/icons";
 import { arc, pie } from "@visx/shape";
 // \0rolldown/runtime.js
@@ -2125,16 +2122,17 @@ const BaseLegend = forwardRef(({ items: allItems, className, orientation = "hori
 		chartId,
 		context
 	]);
-	const createClickHandler = useCallback((seriesLabels, itemInteractive) => {
+	const createClickHandler = useCallback((seriesLabels, itemInteractive, onToggle) => {
 		if (!itemInteractive) return;
-		return () => handleLegendClick(seriesLabels);
+		return onToggle ? () => onToggle() : () => handleLegendClick(seriesLabels);
 	}, [handleLegendClick]);
-	const createKeyDownHandler = useCallback((seriesLabels, itemInteractive) => {
+	const createKeyDownHandler = useCallback((seriesLabels, itemInteractive, onToggle) => {
 		if (!itemInteractive) return;
+		const toggle = onToggle ?? (() => handleLegendClick(seriesLabels));
 		return (event) => {
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();
-				handleLegendClick(seriesLabels);
+				if (!event.repeat) toggle();
 			}
 		};
 	}, [handleLegendClick]);
@@ -2158,10 +2156,11 @@ const BaseLegend = forwardRef(({ items: allItems, className, orientation = "hori
 			children: labels.map((label, i) => {
 				const matchedItem = items[i];
 				const seriesLabels = matchedItem?.seriesLabels?.length ? matchedItem.seriesLabels : [label.text];
-				const visible = matchedItem?.interactive === false || isSeriesVisible(seriesLabels[0]);
 				const itemInteractive = interactive && matchedItem?.interactive !== false;
-				const handleClick = createClickHandler(seriesLabels, itemInteractive);
-				const handleKeyDown = createKeyDownHandler(seriesLabels, itemInteractive);
+				const onToggle = itemInteractive ? matchedItem?.onToggle : void 0;
+				const visible = matchedItem?.onToggle ? matchedItem.pressed : matchedItem?.interactive === false || isSeriesVisible(seriesLabels[0]);
+				const handleClick = createClickHandler(seriesLabels, itemInteractive, onToggle);
+				const handleKeyDown = createKeyDownHandler(seriesLabels, itemInteractive, onToggle);
 				return /* @__PURE__ */ jsxs(LegendItem, {
 					className: clsx("visx-legend-item", base_legend_module_default["legend-item"], itemInteractive && base_legend_module_default["legend-item--interactive"], !visible && base_legend_module_default["legend-item--inactive"], itemClassName),
 					margin: itemMargin,
@@ -9851,51 +9850,9 @@ function isPlainObject(o) {
 	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$1(replace$1(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$1(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@3.57.0/node_modules/@wordpress/warning/build-module/utils.mjs
+// ../../../node_modules/.pnpm/@wordpress+warning@4.0.0/node_modules/@wordpress/warning/build-module/utils.mjs
 var logged = /* @__PURE__ */ new Set();
-// ../../../node_modules/.pnpm/@wordpress+warning@3.57.0/node_modules/@wordpress/warning/build-module/index.mjs
+// ../../../node_modules/.pnpm/@wordpress+warning@4.0.0/node_modules/@wordpress/warning/build-module/index.mjs
 function isDev() {
 	return globalThis.SCRIPT_DEBUG === true;
 }
@@ -9908,7 +9865,53 @@ function warning(message) {
 	} catch {}
 	logged.add(message);
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/utils/hooks/use-update-effect.mjs
+// ../../../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@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/utils/hooks/use-update-effect.mjs
 function useUpdateEffect(effect, deps) {
 	const mountedRef = useRef$1(false);
 	useEffect$1(() => {
@@ -9920,1147 +9923,33 @@ function useUpdateEffect(effect, deps) {
 	}, []);
 }
 var use_update_effect_default = useUpdateEffect;
-// ../../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-function sheetForTag(tag) {
-	if (tag.sheet) return tag.sheet;
-	/* istanbul ignore next */
-	for (var i = 0; i < document.styleSheets.length; i++) if (document.styleSheets[i].ownerNode === tag) return document.styleSheets[i];
-}
-function createStyleElement(options) {
-	var tag = document.createElement("style");
-	tag.setAttribute("data-emotion", options.key);
-	if (options.nonce !== void 0) tag.setAttribute("nonce", options.nonce);
-	tag.appendChild(document.createTextNode(""));
-	tag.setAttribute("data-s", "");
-	return tag;
-}
-var StyleSheet = /*#__PURE__*/ function() {
-	function StyleSheet(options) {
-		var _this = this;
-		this._insertTag = function(tag) {
-			var before;
-			if (_this.tags.length === 0) {
-				if (_this.insertionPoint) before = _this.insertionPoint.nextSibling;
-				else if (_this.prepend) before = _this.container.firstChild;
-				else before = _this.before;
-			} else before = _this.tags[_this.tags.length - 1].nextSibling;
-			_this.container.insertBefore(tag, before);
-			_this.tags.push(tag);
-		};
-		this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
-		this.tags = [];
-		this.ctr = 0;
-		this.nonce = options.nonce;
-		this.key = options.key;
-		this.container = options.container;
-		this.prepend = options.prepend;
-		this.insertionPoint = options.insertionPoint;
-		this.before = null;
-	}
-	var _proto = StyleSheet.prototype;
-	_proto.hydrate = function hydrate(nodes) {
-		nodes.forEach(this._insertTag);
-	};
-	_proto.insert = function insert(rule) {
-		if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) this._insertTag(createStyleElement(this));
-		var tag = this.tags[this.tags.length - 1];
-		if (this.isSpeedy) {
-			var sheet = sheetForTag(tag);
-			try {
-				sheet.insertRule(rule, sheet.cssRules.length);
-			} catch (e) {}
-		} else tag.appendChild(document.createTextNode(rule));
-		this.ctr++;
-	};
-	_proto.flush = function flush() {
-		this.tags.forEach(function(tag) {
-			var _tag$parentNode;
-			return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
-		});
-		this.tags = [];
-		this.ctr = 0;
-	};
-	return StyleSheet;
-}();
-// ../../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js
-var MS = "-ms-";
-var MOZ = "-moz-";
-var WEBKIT = "-webkit-";
-var COMMENT = "comm";
-var RULESET = "rule";
-var DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-// ../../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Utility.js
-/**
-* @param {number}
-* @return {number}
-*/
-var abs = Math.abs;
-/**
-* @param {number}
-* @return {string}
-*/
-var from = String.fromCharCode;
-/**
-* @param {object}
-* @return {object}
-*/
-var assign = Object.assign;
-/**
-* @param {string} value
-* @param {number} length
-* @return {number}
-*/
-function hash(value, length) {
-	return charat(value, 0) ^ 45 ? (((length << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
-}
-/**
-* @param {string} value
-* @return {string}
-*/
-function trim(value) {
-	return value.trim();
-}
-/**
-* @param {string} value
-* @param {RegExp} pattern
-* @return {string?}
-*/
-function match(value, pattern) {
-	return (value = pattern.exec(value)) ? value[0] : value;
-}
-/**
-* @param {string} value
-* @param {(string|RegExp)} pattern
-* @param {string} replacement
-* @return {string}
-*/
-function replace(value, pattern, replacement) {
-	return value.replace(pattern, replacement);
-}
-/**
-* @param {string} value
-* @param {string} search
-* @return {number}
-*/
-function indexof(value, search) {
-	return value.indexOf(search);
-}
-/**
-* @param {string} value
-* @param {number} index
-* @return {number}
-*/
-function charat(value, index) {
-	return value.charCodeAt(index) | 0;
-}
-/**
-* @param {string} value
-* @param {number} begin
-* @param {number} end
-* @return {string}
-*/
-function substr(value, begin, end) {
-	return value.slice(begin, end);
-}
-/**
-* @param {string} value
-* @return {number}
-*/
-function strlen(value) {
-	return value.length;
-}
-/**
-* @param {any[]} value
-* @return {number}
-*/
-function sizeof(value) {
-	return value.length;
-}
-/**
-* @param {any} value
-* @param {any[]} array
-* @return {any}
-*/
-function append(value, array) {
-	return array.push(value), value;
-}
-/**
-* @param {string[]} array
-* @param {function} callback
-* @return {string}
-*/
-function combine(array, callback) {
-	return array.map(callback).join("");
-}
-// ../../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Tokenizer.js
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = "";
-/**
-* @param {string} value
-* @param {object | null} root
-* @param {object | null} parent
-* @param {string} type
-* @param {string[] | string} props
-* @param {object[] | string} children
-* @param {number} length
-*/
-function node(value, root, parent, type, props, children, length) {
-	return {
-		value,
-		root,
-		parent,
-		type,
-		props,
-		children,
-		line,
-		column,
-		length,
-		return: ""
-	};
-}
-/**
-* @param {object} root
-* @param {object} props
-* @return {object}
-*/
-function copy(root, props) {
-	return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
-}
-/**
-* @return {number}
-*/
-function char() {
-	return character;
-}
-/**
-* @return {number}
-*/
-function prev() {
-	character = position > 0 ? charat(characters, --position) : 0;
-	if (column--, character === 10) column = 1, line--;
-	return character;
-}
-/**
-* @return {number}
-*/
-function next() {
-	character = position < length ? charat(characters, position++) : 0;
-	if (column++, character === 10) column = 1, line++;
-	return character;
-}
-/**
-* @return {number}
-*/
-function peek() {
-	return charat(characters, position);
-}
-/**
-* @return {number}
-*/
-function caret() {
-	return position;
-}
-/**
-* @param {number} begin
-* @param {number} end
-* @return {string}
-*/
-function slice(begin, end) {
-	return substr(characters, begin, end);
-}
-/**
-* @param {number} type
-* @return {number}
-*/
-function token(type) {
-	switch (type) {
-		case 0:
-		case 9:
-		case 10:
-		case 13:
-		case 32: return 5;
-		case 33:
-		case 43:
-		case 44:
-		case 47:
-		case 62:
-		case 64:
-		case 126:
-		case 59:
-		case 123:
-		case 125: return 4;
-		case 58: return 3;
-		case 34:
-		case 39:
-		case 40:
-		case 91: return 2;
-		case 41:
-		case 93: return 1;
-	}
-	return 0;
-}
-/**
-* @param {string} value
-* @return {any[]}
-*/
-function alloc(value) {
-	return line = column = 1, length = strlen(characters = value), position = 0, [];
-}
-/**
-* @param {any} value
-* @return {any}
-*/
-function dealloc(value) {
-	return characters = "", value;
-}
-/**
-* @param {number} type
-* @return {string}
-*/
-function delimit(type) {
-	return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
-}
-/**
-* @param {number} type
-* @return {string}
-*/
-function whitespace(type) {
-	while (character = peek()) if (character < 33) next();
-	else break;
-	return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
-/**
-* @param {number} index
-* @param {number} count
-* @return {string}
-*/
-function escaping(index, count) {
-	while (--count && next()) if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97) break;
-	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-/**
-* @param {number} type
-* @return {number}
-*/
-function delimiter(type) {
-	while (next()) switch (character) {
-		case type: return position;
-		case 34:
-		case 39:
-			if (type !== 34 && type !== 39) delimiter(character);
-			break;
-		case 40:
-			if (type === 41) delimiter(type);
-			break;
-		case 92: next();
-	}
-	return position;
-}
-/**
-* @param {number} type
-* @param {number} index
-* @return {number}
-*/
-function commenter(type, index) {
-	while (next()) if (type + character === 57) break;
-	else if (type + character === 84 && peek() === 47) break;
-	return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
-/**
-* @param {number} index
-* @return {string}
-*/
-function identifier(index) {
-	while (!token(peek())) next();
-	return slice(index, position);
-}
-// ../../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Parser.js
-/**
-* @param {string} value
-* @return {object[]}
-*/
-function compile(value) {
-	return dealloc(parse$1("", null, null, null, [""], value = alloc(value), 0, [0], value));
-}
-/**
-* @param {string} value
-* @param {object} root
-* @param {object?} parent
-* @param {string[]} rule
-* @param {string[]} rules
-* @param {string[]} rulesets
-* @param {number[]} pseudo
-* @param {number[]} points
-* @param {string[]} declarations
-* @return {object}
-*/
-function parse$1(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-	var index = 0;
-	var offset = 0;
-	var length = pseudo;
-	var atrule = 0;
-	var property = 0;
-	var previous = 0;
-	var variable = 1;
-	var scanning = 1;
-	var ampersand = 1;
-	var character = 0;
-	var type = "";
-	var props = rules;
-	var children = rulesets;
-	var reference = rule;
-	var characters = type;
-	while (scanning) switch (previous = character, character = next()) {
-		case 40: if (previous != 108 && charat(characters, length - 1) == 58) {
-			if (indexof(characters += replace(delimit(character), "&", "&\f"), "&\f") != -1) ampersand = -1;
-			break;
-		}
-		case 34:
-		case 39:
-		case 91:
-			characters += delimit(character);
-			break;
-		case 9:
-		case 10:
-		case 13:
-		case 32:
-			characters += whitespace(previous);
-			break;
-		case 92:
-			characters += escaping(caret() - 1, 7);
-			continue;
-		case 47:
-			switch (peek()) {
-				case 42:
-				case 47:
-					append(comment(commenter(next(), caret()), root, parent), declarations);
-					break;
-				default: characters += "/";
-			}
-			break;
-		case 123 * variable: points[index++] = strlen(characters) * ampersand;
-		case 125 * variable:
-		case 59:
-		case 0:
-			switch (character) {
-				case 0:
-				case 125: scanning = 0;
-				case 59 + offset:
-					if (ampersand == -1) characters = replace(characters, /\f/g, "");
-					if (property > 0 && strlen(characters) - length) append(property > 32 ? declaration(characters + ";", rule, parent, length - 1) : declaration(replace(characters, " ", "") + ";", rule, parent, length - 2), declarations);
-					break;
-				case 59: characters += ";";
-				default:
-					append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets);
-					if (character === 123) if (offset === 0) parse$1(characters, root, reference, reference, props, rulesets, length, points, children);
-					else switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
-						case 100:
-						case 108:
-						case 109:
-						case 115:
-							parse$1(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children);
-							break;
-						default: parse$1(characters, reference, reference, reference, [""], children, 0, points, children);
-					}
-			}
-			index = offset = property = 0, variable = ampersand = 1, type = characters = "", length = pseudo;
-			break;
-		case 58: length = 1 + strlen(characters), property = previous;
-		default:
-			if (variable < 1) {
-				if (character == 123) --variable;
-				else if (character == 125 && variable++ == 0 && prev() == 125) continue;
-			}
-			switch (characters += from(character), character * variable) {
-				case 38:
-					ampersand = offset > 0 ? 1 : (characters += "\f", -1);
-					break;
-				case 44:
-					points[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1;
-					break;
-				case 64:
-					if (peek() === 45) characters += delimit(next());
-					atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++;
-					break;
-				case 45: if (previous === 45 && strlen(characters) == 2) variable = 0;
-			}
-	}
-	return rulesets;
-}
-/**
-* @param {string} value
-* @param {object} root
-* @param {object?} parent
-* @param {number} index
-* @param {number} offset
-* @param {string[]} rules
-* @param {number[]} points
-* @param {string} type
-* @param {string[]} props
-* @param {string[]} children
-* @param {number} length
-* @return {object}
-*/
-function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length) {
-	var post = offset - 1;
-	var rule = offset === 0 ? rules : [""];
-	var size = sizeof(rule);
-	for (var i = 0, j = 0, k = 0; i < index; ++i) for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x) if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x]))) props[k++] = z;
-	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length);
-}
-/**
-* @param {number} value
-* @param {object} root
-* @param {object?} parent
-* @return {object}
-*/
-function comment(value, root, parent) {
-	return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
-}
-/**
-* @param {string} value
-* @param {object} root
-* @param {object?} parent
-* @param {number} length
-* @return {object}
-*/
-function declaration(value, root, parent, length) {
-	return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length);
-}
-// ../../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Serializer.js
-/**
-* @param {object[]} children
-* @param {function} callback
-* @return {string}
-*/
-function serialize(children, callback) {
-	var output = "";
-	var length = sizeof(children);
-	for (var i = 0; i < length; i++) output += callback(children[i], i, children, callback) || "";
-	return output;
-}
-/**
-* @param {object} element
-* @param {number} index
-* @param {object[]} children
-* @param {function} callback
-* @return {string}
-*/
-function stringify(element, index, children, callback) {
-	switch (element.type) {
-		case LAYER: if (element.children.length) break;
-		case IMPORT:
-		case DECLARATION: return element.return = element.return || element.value;
-		case COMMENT: return "";
-		case KEYFRAMES: return element.return = element.value + "{" + serialize(element.children, callback) + "}";
-		case RULESET: element.value = element.props.join(",");
-	}
-	return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
-// ../../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Middleware.js
-/**
-* @param {function[]} collection
-* @return {function}
-*/
-function middleware(collection) {
-	var length = sizeof(collection);
-	return function(element, index, children, callback) {
-		var output = "";
-		for (var i = 0; i < length; i++) output += collection[i](element, index, children, callback) || "";
-		return output;
-	};
-}
-/**
-* @param {function} callback
-* @return {function}
-*/
-function rulesheet(callback) {
-	return function(element) {
-		if (!element.root) {
-			if (element = element.return) callback(element);
-		}
-	};
-}
-// ../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function memoize(fn) {
-	var cache = Object.create(null);
-	return function(arg) {
-		if (cache[arg] === void 0) cache[arg] = fn(arg);
-		return cache[arg];
-	};
-}
-// ../../../node_modules/.pnpm/@emotion+cache@11.14.0/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
-var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
-	var previous = 0;
-	var character = 0;
-	while (true) {
-		previous = character;
-		character = peek();
-		if (previous === 38 && character === 12) points[index] = 1;
-		if (token(character)) break;
-		next();
-	}
-	return slice(begin, position);
-};
-var toRules = function toRules(parsed, points) {
-	var index = -1;
-	var character = 44;
-	do
-		switch (token(character)) {
-			case 0:
-				if (character === 38 && peek() === 12) points[index] = 1;
-				parsed[index] += identifierWithPointTracking(position - 1, points, index);
-				break;
-			case 2:
-				parsed[index] += delimit(character);
-				break;
-			case 4: if (character === 44) {
-				parsed[++index] = peek() === 58 ? "&\f" : "";
-				points[index] = parsed[index].length;
-				break;
-			}
-			default: parsed[index] += from(character);
-		}
-	while (character = next());
-	return parsed;
-};
-var getRules = function getRules(value, points) {
-	return dealloc(toRules(alloc(value), points));
-};
-var fixedElements = /* #__PURE__ */ new WeakMap();
-var compat = function compat(element) {
-	if (element.type !== "rule" || !element.parent || element.length < 1) return;
-	var value = element.value;
-	var parent = element.parent;
-	var isImplicitRule = element.column === parent.column && element.line === parent.line;
-	while (parent.type !== "rule") {
-		parent = parent.parent;
-		if (!parent) return;
-	}
-	if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) return;
-	if (isImplicitRule) return;
-	fixedElements.set(element, true);
-	var points = [];
-	var rules = getRules(value, points);
-	var parentRules = parent.props;
-	for (var i = 0, k = 0; i < rules.length; i++) for (var j = 0; j < parentRules.length; j++, k++) element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
-};
-var removeLabel = function removeLabel(element) {
-	if (element.type === "decl") {
-		var value = element.value;
-		if (value.charCodeAt(0) === 108 && value.charCodeAt(2) === 98) {
-			element["return"] = "";
-			element.value = "";
-		}
-	}
-};
-function prefix(value, length) {
-	switch (hash(value, length)) {
-		case 5103: return WEBKIT + "print-" + value + value;
-		case 5737:
-		case 4201:
-		case 3177:
-		case 3433:
-		case 1641:
-		case 4457:
-		case 2921:
-		case 5572:
-		case 6356:
-		case 5844:
-		case 3191:
-		case 6645:
-		case 3005:
-		case 6391:
-		case 5879:
-		case 5623:
-		case 6135:
-		case 4599:
-		case 4855:
-		case 4215:
-		case 6389:
-		case 5109:
-		case 5365:
-		case 5621:
-		case 3829: return WEBKIT + value + value;
-		case 5349:
-		case 4246:
-		case 4810:
-		case 6968:
-		case 2756: return WEBKIT + value + MOZ + value + MS + value + value;
-		case 6828:
-		case 4268: return WEBKIT + value + MS + value + value;
-		case 6165: return WEBKIT + value + MS + "flex-" + value + value;
-		case 5187: return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
-		case 5443: return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
-		case 4675: return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
-		case 5548: return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
-		case 5292: return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
-		case 6060: return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
-		case 4554: return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
-		case 6187: return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
-		case 5495:
-		case 3959: return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
-		case 4968: return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
-		case 4095:
-		case 3583:
-		case 4068:
-		case 2532: return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
-		case 8116:
-		case 7059:
-		case 5753:
-		case 5535:
-		case 5445:
-		case 5701:
-		case 4933:
-		case 4677:
-		case 5533:
-		case 5789:
-		case 5021:
-		case 4765:
-			if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
-				case 109: if (charat(value, length + 4) !== 45) break;
-				case 102: return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length + 3) == 108 ? "$3" : "$2-$3")) + value;
-				case 115: return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length) + value : value;
-			}
-			break;
-		case 4949: if (charat(value, length + 1) !== 115) break;
-		case 6444:
-			switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
-				case 107: return replace(value, ":", ":" + WEBKIT) + value;
-				case 101: return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
-			}
-			break;
-		case 5936:
-			switch (charat(value, length + 11)) {
-				case 114: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
-				case 108: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
-				case 45: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
-			}
-			return WEBKIT + value + MS + value + value;
-	}
-	return value;
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/context/context-system-provider.mjs
+var import_es6 = /* @__PURE__ */ __toESM(require_es6(), 1);
+var ComponentsContext = createContext$1({});
+ComponentsContext.displayName = "ComponentsContext";
+var useComponentsContext = () => useContext$1(ComponentsContext);
+function useContextSystemBridge({ value }) {
+	const parentContext = useComponentsContext();
+	const valueRef = useRef$1(value);
+	use_update_effect_default(() => {
+		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]);
 }
-var defaultStylisPlugins = [function prefixer(element, index, children, callback) {
-	if (element.length > -1) {
-		if (!element["return"]) switch (element.type) {
-			case DECLARATION:
-				element["return"] = prefix(element.value, element.length);
-				break;
-			case KEYFRAMES: return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
-			case RULESET: if (element.length) return combine(element.props, function(value) {
-				switch (match(value, /(::plac\w+|:read-\w+)/)) {
-					case ":read-only":
-					case ":read-write": return serialize([copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] })], callback);
-					case "::placeholder": return serialize([
-						copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }),
-						copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }),
-						copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] })
-					], callback);
-				}
-				return "";
-			});
-		}
-	}
-}];
-var createCache = function createCache(options) {
-	var key = options.key;
-	if (key === "css") {
-		var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
-		Array.prototype.forEach.call(ssrStyles, function(node) {
-			if (node.getAttribute("data-emotion").indexOf(" ") === -1) return;
-			document.head.appendChild(node);
-			node.setAttribute("data-s", "");
-		});
-	}
-	var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
-	var inserted = {};
-	var container;
-	var nodesToHydrate = [];
-	container = options.container || document.head;
-	Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function(node) {
-		var attrib = node.getAttribute("data-emotion").split(" ");
-		for (var i = 1; i < attrib.length; i++) inserted[attrib[i]] = true;
-		nodesToHydrate.push(node);
-	});
-	var _insert;
-	var omnipresentPlugins = [compat, removeLabel];
-	var currentSheet;
-	var finalizingPlugins = [stringify, rulesheet(function(rule) {
-		currentSheet.insert(rule);
-	})];
-	var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
-	var stylis = function stylis(styles) {
-		return serialize(compile(styles), serializer);
-	};
-	_insert = function insert(selector, serialized, sheet, shouldCache) {
-		currentSheet = sheet;
-		stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
-		if (shouldCache) cache.inserted[serialized.name] = true;
-	};
-	var cache = {
-		key,
-		sheet: new StyleSheet({
-			key,
-			container,
-			nonce: options.nonce,
-			speedy: options.speedy,
-			prepend: options.prepend,
-			insertionPoint: options.insertionPoint
-		}),
-		nonce: options.nonce,
-		inserted,
-		registered: {},
-		insert: _insert
-	};
-	cache.sheet.hydrate(nodesToHydrate);
-	return cache;
-};
-// ../../../node_modules/.pnpm/@emotion+utils@1.4.2/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-function getRegisteredStyles$1(registered, registeredStyles, classNames) {
-	var rawClassName = "";
-	classNames.split(" ").forEach(function(className) {
-		if (registered[className] !== void 0) registeredStyles.push(registered[className] + ";");
-		else if (className) rawClassName += className + " ";
+var BaseContextSystemProvider = ({ children, value }) => {
+	const contextValue = useContextSystemBridge({ value });
+	return /* @__PURE__ */ jsx(ComponentsContext.Provider, {
+		value: contextValue,
+		children
 	});
-	return rawClassName;
-}
-var registerStyles = function registerStyles(cache, serialized, isStringTag) {
-	var className = cache.key + "-" + serialized.name;
-	if ((isStringTag === false || false) && cache.registered[className] === void 0) cache.registered[className] = serialized.styles;
-};
-var insertStyles = function insertStyles(cache, serialized, isStringTag) {
-	registerStyles(cache, serialized, isStringTag);
-	var className = cache.key + "-" + serialized.name;
-	if (cache.inserted[serialized.name] === void 0) {
-		var current = serialized;
-		do {
-			cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
-			current = current.next;
-		} while (current !== void 0);
-	}
-};
-// ../../../node_modules/.pnpm/@emotion+hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function murmur2(str) {
-	var h = 0;
-	var k, i = 0, len = str.length;
-	for (; len >= 4; ++i, len -= 4) {
-		k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
-		k = (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
-		k ^= k >>> 24;
-		h = (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-	}
-	switch (len) {
-		case 3: h ^= (str.charCodeAt(i + 2) & 255) << 16;
-		case 2: h ^= (str.charCodeAt(i + 1) & 255) << 8;
-		case 1:
-			h ^= str.charCodeAt(i) & 255;
-			h = (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-	}
-	h ^= h >>> 13;
-	h = (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-	return ((h ^ h >>> 15) >>> 0).toString(36);
-}
-// ../../../node_modules/.pnpm/@emotion+unitless@0.10.0/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var unitlessKeys = {
-	animationIterationCount: 1,
-	aspectRatio: 1,
-	borderImageOutset: 1,
-	borderImageSlice: 1,
-	borderImageWidth: 1,
-	boxFlex: 1,
-	boxFlexGroup: 1,
-	boxOrdinalGroup: 1,
-	columnCount: 1,
-	columns: 1,
-	flex: 1,
-	flexGrow: 1,
-	flexPositive: 1,
-	flexShrink: 1,
-	flexNegative: 1,
-	flexOrder: 1,
-	gridRow: 1,
-	gridRowEnd: 1,
-	gridRowSpan: 1,
-	gridRowStart: 1,
-	gridColumn: 1,
-	gridColumnEnd: 1,
-	gridColumnSpan: 1,
-	gridColumnStart: 1,
-	msGridRow: 1,
-	msGridRowSpan: 1,
-	msGridColumn: 1,
-	msGridColumnSpan: 1,
-	fontWeight: 1,
-	lineHeight: 1,
-	opacity: 1,
-	order: 1,
-	orphans: 1,
-	scale: 1,
-	tabSize: 1,
-	widows: 1,
-	zIndex: 1,
-	zoom: 1,
-	WebkitLineClamp: 1,
-	fillOpacity: 1,
-	floodOpacity: 1,
-	stopOpacity: 1,
-	strokeDasharray: 1,
-	strokeDashoffset: 1,
-	strokeMiterlimit: 1,
-	strokeOpacity: 1,
-	strokeWidth: 1
-};
-// ../../../node_modules/.pnpm/@emotion+serialize@1.3.3/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
-var isDevelopment = false;
-var hyphenateRegex = /[A-Z]|^ms/g;
-var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
-var isCustomProperty = function isCustomProperty(property) {
-	return property.charCodeAt(1) === 45;
-};
-var isProcessableValue = function isProcessableValue(value) {
-	return value != null && typeof value !== "boolean";
-};
-var processStyleName = /* #__PURE__ */ memoize(function(styleName) {
-	return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
-});
-var processStyleValue = function processStyleValue(key, value) {
-	switch (key) {
-		case "animation":
-		case "animationName": if (typeof value === "string") return value.replace(animationRegex, function(match, p1, p2) {
-			cursor = {
-				name: p1,
-				styles: p2,
-				next: cursor
-			};
-			return p1;
-		});
-	}
-	if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) return value + "px";
-	return value;
-};
-var noComponentSelectorMessage = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function handleInterpolation(mergedProps, registered, interpolation) {
-	if (interpolation == null) return "";
-	var componentSelector = interpolation;
-	if (componentSelector.__emotion_styles !== void 0) return componentSelector;
-	switch (typeof interpolation) {
-		case "boolean": return "";
-		case "object":
-			var keyframes = interpolation;
-			if (keyframes.anim === 1) {
-				cursor = {
-					name: keyframes.name,
-					styles: keyframes.styles,
-					next: cursor
-				};
-				return keyframes.name;
-			}
-			var serializedStyles = interpolation;
-			if (serializedStyles.styles !== void 0) {
-				var next = serializedStyles.next;
-				if (next !== void 0) while (next !== void 0) {
-					cursor = {
-						name: next.name,
-						styles: next.styles,
-						next: cursor
-					};
-					next = next.next;
-				}
-				return serializedStyles.styles + ";";
-			}
-			return createStringFromObject(mergedProps, registered, interpolation);
-		case "function": if (mergedProps !== void 0) {
-			var previousCursor = cursor;
-			var result = interpolation(mergedProps);
-			cursor = previousCursor;
-			return handleInterpolation(mergedProps, registered, result);
-		}
-	}
-	var asString = interpolation;
-	if (registered == null) return asString;
-	var cached = registered[asString];
-	return cached !== void 0 ? cached : asString;
-}
-function createStringFromObject(mergedProps, registered, obj) {
-	var string = "";
-	if (Array.isArray(obj)) for (var i = 0; i < obj.length; i++) string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
-	else for (var key in obj) {
-		var value = obj[key];
-		if (typeof value !== "object") {
-			var asString = value;
-			if (registered != null && registered[asString] !== void 0) string += key + "{" + registered[asString] + "}";
-			else if (isProcessableValue(asString)) string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
-		} else {
-			if (key === "NO_COMPONENT_SELECTOR" && isDevelopment) throw new Error(noComponentSelectorMessage);
-			if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
-				for (var _i = 0; _i < value.length; _i++) if (isProcessableValue(value[_i])) string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
-			} else {
-				var interpolated = handleInterpolation(mergedProps, registered, value);
-				switch (key) {
-					case "animation":
-					case "animationName":
-						string += processStyleName(key) + ":" + interpolated + ";";
-						break;
-					default: string += key + "{" + interpolated + "}";
-				}
-			}
-		}
-	}
-	return string;
-}
-var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g;
-var cursor;
-function serializeStyles(args, registered, mergedProps) {
-	if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) return args[0];
-	var stringMode = true;
-	var styles = "";
-	cursor = void 0;
-	var strings = args[0];
-	if (strings == null || strings.raw === void 0) {
-		stringMode = false;
-		styles += handleInterpolation(mergedProps, registered, strings);
-	} else styles += strings[0];
-	for (var i = 1; i < args.length; i++) {
-		styles += handleInterpolation(mergedProps, registered, args[i]);
-		if (stringMode) styles += strings[i];
-	}
-	labelPattern.lastIndex = 0;
-	var identifierName = "";
-	var match;
-	while ((match = labelPattern.exec(styles)) !== null) identifierName += "-" + match[1];
-	return {
-		name: murmur2(styles) + identifierName,
-		styles,
-		next: cursor
-	};
-}
-React["useInsertionEffect"] && React["useInsertionEffect"] || React.useLayoutEffect;
-// ../../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.3.0_react@19.3.0/node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
-var EmotionCacheContext = /* #__PURE__ */ React.createContext(typeof HTMLElement !== "undefined" ? /* #__PURE__ */ createCache({ key: "css" }) : null);
-EmotionCacheContext.Provider;
-var __unsafe_useEmotionCache = function useEmotionCache() {
-	return useContext(EmotionCacheContext);
-};
-({}).hasOwnProperty;
-// ../../../node_modules/.pnpm/@emotion+css@11.13.5/node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
-function insertWithoutScoping(cache, serialized) {
-	if (cache.inserted[serialized.name] === void 0) return cache.insert("", serialized, cache.sheet, true);
-}
-function merge$1(registered, css, className) {
-	var registeredStyles = [];
-	var rawClassName = getRegisteredStyles$1(registered, registeredStyles, className);
-	if (registeredStyles.length < 2) return className;
-	return rawClassName + css(registeredStyles);
-}
-var createEmotion = function createEmotion(options) {
-	var cache = createCache(options);
-	cache.sheet.speedy = function(value) {
-		this.isSpeedy = value;
-	};
-	cache.compat = true;
-	var css = function css() {
-		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-		var serialized = serializeStyles(args, cache.registered, void 0);
-		insertStyles(cache, serialized, false);
-		return cache.key + "-" + serialized.name;
-	};
-	return {
-		css,
-		cx: function cx() {
-			for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) args[_key4] = arguments[_key4];
-			return merge$1(cache.registered, css, classnames(args));
-		},
-		injectGlobal: function injectGlobal() {
-			for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) args[_key3] = arguments[_key3];
-			insertWithoutScoping(cache, serializeStyles(args, cache.registered));
-		},
-		keyframes: function keyframes() {
-			for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) args[_key2] = arguments[_key2];
-			var serialized = serializeStyles(args, cache.registered);
-			var animation = "animation-" + serialized.name;
-			insertWithoutScoping(cache, {
-				name: serialized.name,
-				styles: "@keyframes " + animation + "{" + serialized.styles + "}"
-			});
-			return animation;
-		},
-		hydrate: function hydrate(ids) {
-			ids.forEach(function(key) {
-				cache.inserted[key] = true;
-			});
-		},
-		flush: function flush() {
-			cache.registered = {};
-			cache.inserted = {};
-			cache.sheet.flush();
-		},
-		sheet: cache.sheet,
-		cache,
-		getRegisteredStyles: getRegisteredStyles$1.bind(null, cache.registered),
-		merge: merge$1.bind(null, cache.registered, css)
-	};
-};
-var classnames = function classnames(args) {
-	var cls = "";
-	for (var i = 0; i < args.length; i++) {
-		var arg = args[i];
-		if (arg == null) continue;
-		var toAdd = void 0;
-		switch (typeof arg) {
-			case "boolean": break;
-			case "object":
-				if (Array.isArray(arg)) toAdd = classnames(arg);
-				else {
-					toAdd = "";
-					for (var k in arg) if (arg[k] && k) {
-						toAdd && (toAdd += " ");
-						toAdd += k;
-					}
-				}
-				break;
-			default: toAdd = arg;
-		}
-		if (toAdd) {
-			cls && (cls += " ");
-			cls += toAdd;
-		}
-	}
-	return cls;
-};
-// ../../../node_modules/.pnpm/@emotion+css@11.13.5/node_modules/@emotion/css/dist/emotion-css.esm.js
-var _createEmotion = createEmotion({ key: "css" });
-_createEmotion.flush;
-_createEmotion.hydrate;
-var cx = _createEmotion.cx;
-_createEmotion.merge;
-_createEmotion.getRegisteredStyles;
-_createEmotion.injectGlobal;
-_createEmotion.keyframes;
-_createEmotion.css;
-_createEmotion.sheet;
-_createEmotion.cache;
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/utils/hooks/use-cx.mjs
-var isSerializedStyles = (o) => typeof o !== "undefined" && o !== null && ["name", "styles"].every((p) => typeof o[p] !== "undefined");
-var useCx = () => {
-	const cache = __unsafe_useEmotionCache();
-	return useCallback$1((...classNames) => {
-		if (cache === null) throw new Error("The `useCx` hook should be only used within a valid Emotion Cache Context");
-		return cx(...classNames.map((arg) => {
-			if (isSerializedStyles(arg)) {
-				insertStyles(cache, arg, false);
-				return `${cache.key}-${arg.name}`;
-			}
-			return arg;
-		}));
-	}, [cache]);
 };
+memo(BaseContextSystemProvider);
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/context/constants.mjs
+var COMPONENT_NAMESPACE = "data-wp-component";
+var CONNECTED_NAMESPACE = "data-wp-c16t";
+var CONNECT_STATIC_NAMESPACE = "__contextSystemKey__";
 // ../../../node_modules/.pnpm/memize@2.1.1/node_modules/memize/dist/index.js
 /**
 * Memize options object.
@@ -11151,89 +10040,18 @@ function memize(fn, options) {
 	};
 	return memoized;
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/context/context-system-provider.mjs
-var import_es6 = /* @__PURE__ */ __toESM((/* @__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;
-	};
-})))(), 1);
-var ComponentsContext = createContext$1({});
-ComponentsContext.displayName = "ComponentsContext";
-var useComponentsContext = () => useContext$1(ComponentsContext);
-function useContextSystemBridge({ value }) {
-	const parentContext = useComponentsContext();
-	const valueRef = useRef$1(value);
-	use_update_effect_default(() => {
-		if ((0, import_es6.default)(valueRef.current, value) && valueRef.current !== value) globalThis.SCRIPT_DEBUG === true && warning(`Please memoize your context: ${JSON.stringify(value)}`);
-	}, [value]);
-	return useMemo$1(() => {
-		return deepmerge(parentContext ?? {}, value ?? {}, { isMergeableObject: isPlainObject });
-	}, [parentContext, value]);
-}
-var BaseContextSystemProvider = ({ children, value }) => {
-	const contextValue = useContextSystemBridge({ value });
-	return /* @__PURE__ */ jsx(ComponentsContext.Provider, {
-		value: contextValue,
-		children
-	});
-};
-memo(BaseContextSystemProvider);
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/context/constants.mjs
-var COMPONENT_NAMESPACE = "data-wp-component";
-var CONNECTED_NAMESPACE = "data-wp-c16t";
-var CONNECT_STATIC_NAMESPACE = "__contextSystemKey__";
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.mjs
 function getStyledClassName(namespace) {
-	return `components-${paramCase(namespace)}`;
+	return `components-${namespace.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/[^A-Z0-9]+/gi, "-").replace(/^-|-$/g, "").toLowerCase()}`;
 }
 var getStyledClassNameFromKey = memize(getStyledClassName);
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/context/context-connect.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/context/context-connect.mjs
 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") globalThis.SCRIPT_DEBUG === true && warning("contextConnect: Please provide a namespace");
+	if (typeof namespace === "undefined") warning("contextConnect: Please provide a namespace");
 	let mergedNamespace = WrappedComponent["__contextSystemKey__"] || [namespace];
 	if (Array.isArray(namespace)) mergedNamespace = [...mergedNamespace, ...namespace];
 	if (typeof namespace === "string") mergedNamespace = [...mergedNamespace, namespace];
@@ -11243,17 +10061,17 @@ function _contextConnect(Component, namespace, options) {
 		selector: `.${getStyledClassNameFromKey(namespace)}`
 	});
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/context/utils.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/context/utils.mjs
 function getNamespace(componentName) {
 	return { [COMPONENT_NAMESPACE]: componentName };
 }
 function getConnectedNamespace() {
 	return { [CONNECTED_NAMESPACE]: true };
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/context/use-context-system.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/context/use-context-system.mjs
 function useContextSystem(props, namespace) {
 	const contextSystemProps = useComponentsContext();
-	if (typeof namespace === "undefined") globalThis.SCRIPT_DEBUG === true && warning("useContextSystem: Please provide a namespace");
+	if (typeof namespace === "undefined") warning("useContextSystem: Please provide a namespace");
 	const contextProps = contextSystemProps?.[namespace] || {};
 	const finalComponentProps = {
 		...getConnectedNamespace(),
@@ -11263,7 +10081,7 @@ function useContextSystem(props, namespace) {
 	const overrideProps = _overrides;
 	const initialMergedProps = Object.entries(otherContextProps).length ? Object.assign({}, otherContextProps, props) : props;
 	const propsWithChildren = initialMergedProps;
-	const classes = useCx()(getStyledClassNameFromKey(namespace), props.className);
+	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];
@@ -11271,7 +10089,7 @@ function useContextSystem(props, namespace) {
 	finalComponentProps.className = classes;
 	return finalComponentProps;
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/visually-hidden/styles.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/visually-hidden/styles.mjs
 var visuallyHidden = {
 	border: 0,
 	clip: "rect(1px, 1px, 1px, 1px)",
@@ -11286,7 +10104,7 @@ var visuallyHidden = {
 	wordWrap: "normal",
 	wordBreak: "normal"
 };
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/utils/polymorphic-element.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/utils/polymorphic-element.mjs
 var customAttributeRegExp = /^(data|aria|x)-/i;
 var eventHandlerRegExp = /^on[A-Z]/;
 var svgElementNames = new Set(`animate animateMotion animateTransform circle clipPath defs desc ellipse
@@ -11375,7 +10193,7 @@ function UnforwardedPolymorphicElement({ as, ...props }, ref) {
 	});
 }
 var PolymorphicElement = forwardRef$1(UnforwardedPolymorphicElement);
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/view/component.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/view/component.mjs
 function UnforwardedView({ css, ...restProps }, ref) {
 	return /* @__PURE__ */ jsx(PolymorphicElement, {
 		ref,
@@ -11383,7 +10201,7 @@ function UnforwardedView({ css, ...restProps }, ref) {
 	});
 }
 var component_default$2 = Object.assign(forwardRef$1(UnforwardedView), { selector: ".components-view" });
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/visually-hidden/component.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/visually-hidden/component.mjs
 function UnconnectedVisuallyHidden(props, forwardedRef) {
 	const { style: styleProp, ...contextProps } = useContextSystem(props, "VisuallyHidden");
 	return /* @__PURE__ */ jsx(component_default$2, {
@@ -11397,7 +10215,7 @@ function UnconnectedVisuallyHidden(props, forwardedRef) {
 	});
 }
 var component_default$1 = contextConnect(UnconnectedVisuallyHidden, "VisuallyHidden");
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/utils/use-responsive-value.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/utils/use-responsive-value.mjs
 var breakpoints = [
 	"40em",
 	"52em",
@@ -11435,15 +10253,15 @@ function useResponsiveValue(values, options = {}) {
 	const array = values || [];
 	return array[index >= array.length ? array.length - 1 : index];
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/grid/utils.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/grid/utils.mjs
 var ALIGNMENTS = {
 	bottom: {
 		alignItems: "flex-end",
 		justifyContent: "center"
 	},
 	bottomLeft: {
-		alignItems: "flex-start",
-		justifyContent: "flex-end"
+		alignItems: "flex-end",
+		justifyContent: "flex-start"
 	},
 	bottomRight: {
 		alignItems: "flex-end",
@@ -11482,7 +10300,7 @@ var ALIGNMENTS = {
 function getAlignmentProps(alignment) {
 	return alignment ? ALIGNMENTS[alignment] ?? {} : {};
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/grid/hook.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/grid/hook.mjs
 var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
 function getRuntime() {
 	const globalScope = globalThis;
@@ -11626,7 +10444,7 @@ function useGrid(props) {
 		}
 	};
 }
-// ../../../node_modules/.pnpm/@wordpress+components@42.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_6d0393a58a031b78f608040e2ecbe6e0/node_modules/@wordpress/components/build-module/grid/component.mjs
+// ../../../node_modules/.pnpm/@wordpress+components@43.0.0_@date-fns+tz@1.5.0_@types+react-dom@19.3.0_@types+react@19_401cb4bad47bd1f7b56615ff574f0485/node_modules/@wordpress/components/build-module/grid/component.mjs
 function UnconnectedGrid(props, forwardedRef) {
 	const gridProps = useGrid(props);
 	return /* @__PURE__ */ jsx(component_default$2, {
@@ -11798,6 +10616,41 @@ var leaderboard_chart_module_default = {
 	"stretch": "a8ccharts-GovfoW-stretch",
 	"valueContainer": "a8ccharts-GovfoW-valueContainer"
 };
+// src/charts/leaderboard-chart/private/resolve-leaderboard-entries.ts
+const toShare = (value, max) => max === 0 ? 0 : value / max * 100;
+const toDelta = (currentValue, previousValue) => {
+	if (previousValue == null) return;
+	if (previousValue === 0) return currentValue === 0 ? 0 : void 0;
+	return (currentValue - previousValue) / Math.abs(previousValue) * 100;
+};
+/**
+* Fills in the shares and delta an entry omits, derived from its values.
+*
+* @param data                    - Leaderboard entries; passed shares and delta win over derived ones.
+* @param options                 - Resolver options.
+* @param options.includePrevious - Whether previous values count toward the shared max.
+* @param options.clampNegative   - Whether a negative share draws as an empty bar instead of below zero.
+* @return Entries with `currentShare` always set.
+*/
+function resolveLeaderboardEntries(data, { includePrevious, clampNegative = false }) {
+	const magnitude = clampNegative ? (value) => Math.max(value, 0) : Math.abs;
+	const clamp = (share) => clampNegative ? Math.max(share, 0) : share;
+	const max = data.reduce((largest, { currentValue, previousValue }) => {
+		const previous = includePrevious && previousValue != null ? magnitude(previousValue) : 0;
+		return Math.max(largest, magnitude(currentValue), previous);
+	}, 0);
+	return data.map((entry) => {
+		const passedOrDerivedPrevious = entry.previousShare ?? (entry.previousValue != null ? toShare(entry.previousValue, max) : void 0);
+		const previousShare = passedOrDerivedPrevious !== void 0 ? clamp(passedOrDerivedPrevious) : void 0;
+		const delta = entry.delta ?? toDelta(entry.currentValue, entry.previousValue);
+		return {
+			...entry,
+			currentShare: clamp(entry.currentShare ?? toShare(entry.currentValue, max)),
+			...previousShare !== void 0 && { previousShare },
+			...delta !== void 0 && { delta }
+		};
+	});
+}
 // 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)";
@@ -11908,6 +10761,7 @@ const BarWithLabel = ({ entry, withComparison, withOverlayLabel, primaryColor, s
 * @param props.height           - Optional height of the chart container in pixels
 * @param props.withComparison   - Whether to show comparison data
 * @param props.withOverlayLabel - Whether to overlay the label on top of the bar
+* @param props.negativeBars     - How a negative value draws: from a shared zero point, or as an empty bar
 * @param props.primaryColor     - Primary color for current period bars
 * @param props.secondaryColor   - Secondary color for comparison period bars
 * @param props.valueFormatter   - Custom formatter for values
@@ -11925,7 +10779,7 @@ const BarWithLabel = ({ entry, withComparison, withOverlayLabel, primaryColor, s
 * @param props.ariaLabel        - Accessible name for the list, defaulting to "Leaderboard chart"
 * @return JSX element representing the leaderboard chart
 */
-const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propWidth, height: propHeight, withComparison = false, withOverlayLabel = false, primaryColor, secondaryColor, valueFormatter = defaultValueFormatter, deltaFormatter = defaultDeltaFormatter, animation, loading = false, fitRows = false, showLegend = false, legend = {}, legendLabels, gap = "md", ariaLabel, className, style, children }) => {
+const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propWidth, height: propHeight, withComparison = false, withOverlayLabel = false, negativeBars = "diverge", primaryColor, secondaryColor, valueFormatter = defaultValueFormatter, deltaFormatter = defaultDeltaFormatter, animation, loading = false, fitRows = false, showLegend = false, legend = {}, legendLabels, gap = "md", ariaLabel, className, style, children }) => {
 	const legendInteractive = legend.interactive ?? false;
 	const legendPosition = legend.position ?? "bottom";
 	const chartId = useChartId(providedChartId);
@@ -11979,13 +10833,21 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 		withComparison,
 		withOverlayLabel
 	]);
+	const withComparisonBars = withComparison && !withOverlayLabel;
+	const resolvedData = useMemo(() => resolveLeaderboardEntries(data ?? [], {
+		includePrevious: withComparisonBars,
+		clampNegative: negativeBars === "clamp"
+	}), [
+		data,
+		withComparisonBars,
+		negativeBars
+	]);
 	const divergingScale = useMemo(() => {
-		const withComparisonBars = withComparison && !withOverlayLabel;
 		const scale = {
 			negative: 0,
 			positive: 0
 		};
-		for (const entry of data ?? []) {
+		for (const entry of resolvedData) {
 			const shares = [entry.currentShare];
 			if (withComparisonBars && hasPreviousValue(entry)) shares.push(entry.previousShare);
 			for (const share of shares) {
@@ -11994,11 +10856,7 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 			}
 		}
 		return scale.negative > 0 ? scale : void 0;
-	}, [
-		data,
-		withComparison,
-		withOverlayLabel
-	]);
+	}, [resolvedData, withComparisonBars]);
 	const isDataValid = Boolean(data && data.length > 0);
 	const chartMetadata = useMemo(() => ({
 		withComparison,
@@ -12084,7 +10942,7 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 					rowGap: ROW_GAP,
 					columnGap: COLUMN_GAP,
 					"data-leaderboard-grid": true,
-					children: data.map((entry, rowIndex) => {
+					children: resolvedData.map((entry, rowIndex) => {
 						const rowStyle = shouldFitRows && rowIndex >= fittedCount ? { visibility: "hidden" } : void 0;
 						const hasPreviousPeriodValue = hasPreviousValue(entry);
 						const hasDelta = hasDeltaValue(entry);