@automattic/charts 1.10.0 → 1.10.1

package/dist/index.js

@@ -10,21 +10,21 @@ import { addDays, differenceInCalendarWeeks, differenceInHours, differenceInYear
 import { Text, getStringWidth } from "@visx/text";
 import deepmerge from "deepmerge";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTooltip, useTooltipInPortal } from "@visx/tooltip";
 import { createScale, getTicks, scaleBand, scaleOrdinal, scaleTime } from "@visx/scale";
 import { Group } from "@visx/group";
 import { LegendItem, LegendLabel, LegendOrdinal, LegendShape } from "@visx/legend";
+import { __assign } from "tslib";
+import { Icon, chevronRight } from "@wordpress/icons";
 import { LinearGradient } from "@visx/gradient";
 import { curveCatmullRom, curveLinear, curveMonotoneX } from "@visx/curve";
 import { useParentSize } from "@visx/responsive";
 import { Annotation, CircleSubject, Connector, HtmlLabel, Label, LineSubject } from "@visx/annotation";
 import { PatternCircles, PatternHexagons, PatternLines, PatternWaves } from "@visx/pattern";
-import { useTooltip, useTooltipInPortal } from "@visx/tooltip";
 import { Chart } from "react-google-charts";
 import DOMPurify from "dompurify";
-import { __assign } from "tslib";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import "@babel/runtime/helpers/extends";
-import { Icon, chevronRight } from "@wordpress/icons";
 import { Pie } from "@visx/shape";
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -445,6 +445,22 @@ const lightenHexColor = (hex, blend) => {
 	return `#${newR.toString(16).padStart(2, "0")}${newG.toString(16).padStart(2, "0")}${newB.toString(16).padStart(2, "0")}`;
 };
 /**
+* Blend one hex color toward another, per-channel in sRGB.
+*
+* @param  fromHex - Starting hex color, returned when blend is 0
+* @param  toHex   - Target hex color, returned when blend is 1
+* @param  blend   - Amount toward toHex, clamped to [0, 1]
+* @return Blended hex color string
+* @throws {Error} if either hex string is malformed
+*/
+const mixHexColors = (fromHex, toHex, blend) => {
+	validateHexColor(fromHex);
+	validateHexColor(toHex);
+	const amount = Math.min(1, Math.max(0, blend));
+	const channel = (start, end) => Math.round(start + (end - start) * amount).toString(16).padStart(2, "0");
+	return `#${channel(parseInt(fromHex.slice(1, 3), 16), parseInt(toHex.slice(1, 3), 16))}${channel(parseInt(fromHex.slice(3, 5), 16), parseInt(toHex.slice(3, 5), 16))}${channel(parseInt(fromHex.slice(5, 7), 16), parseInt(toHex.slice(5, 7), 16))}`;
+};
+/**
 * WCAG relative luminance of a hex color (0 = black, 1 = white).
 *
 * @param  hex - Hex color string (e.g., '#98C8DF')
@@ -879,6 +895,7 @@ const GlobalChartsProvider = ({ children, theme }) => {
 		}
 		return getChartColor(index, colorCache);
 	}, [colorCache, groupToColorMap]);
+	const resolveThemeColor = useCallback((value) => value ? normalizeColorToHex(value, wrapperRef.current, resolveCssVariable) : "", []);
 	const getElementStyles = useCallback(({ data, index, overrideColor, legendShape }) => {
 		const isSeriesData = data && typeof data === "object" && "data" in data && "options" in data;
 		const isPointPercentageData = data && typeof data === "object" && "value" in data && typeof data.value === "number" && !("data" in data);
@@ -921,6 +938,7 @@ const GlobalChartsProvider = ({ children, theme }) => {
 		getChartData,
 		theme: providerTheme,
 		getElementStyles,
+		resolveThemeColor,
 		toggleSeriesVisibility,
 		isSeriesVisible,
 		getHiddenSeries,
@@ -932,6 +950,7 @@ const GlobalChartsProvider = ({ children, theme }) => {
 		getChartData,
 		providerTheme,
 		getElementStyles,
+		resolveThemeColor,
 		toggleSeriesVisibility,
 		isSeriesVisible,
 		getHiddenSeries,
@@ -1140,7 +1159,9 @@ const useChartMargin = (height, options, data, theme, horizontal = false) => {
 		};
 		const yAxisOrientation = options.axis?.y?.orientation;
 		const yAxisStyles = yAxisOrientation === "right" ? theme.axisStyles.y.right : theme.axisStyles.y.left;
-		const yMarginValue = (getLongestTickWidth(yTicks, options.axis?.y?.tickFormat, yAxisStyles.axisLabel) ?? DEFAULT_Y_TICK_WIDTH) + (yAxisStyles?.tickLength ?? 0);
+		const yTickWidth = getLongestTickWidth(yTicks, options.axis?.y?.tickFormat, yAxisStyles.axisLabel);
+		const yTickLabelFontSize = resolveFontSize(yAxisStyles?.tickLabel?.fontSize) || DEFAULT_FONT_SIZE;
+		const yMarginValue = (yTickWidth ?? DEFAULT_Y_TICK_WIDTH) + (yAxisStyles?.tickLength ?? 0) + Math.ceil(yTickLabelFontSize * .25);
 		if (yAxisOrientation === "right") defaultMargin.right = yMarginValue;
 		else defaultMargin.left = yMarginValue;
 		const xOrientation = options.axis?.x?.orientation === "top" ? "top" : "bottom";
@@ -1227,7 +1248,8 @@ function useTextTruncation(enabled = true) {
 		}
 		if (node && enabled) {
 			const checkTruncation = () => {
-				setIsTruncated(node.scrollWidth > node.clientWidth);
+				const truncated = node.scrollWidth > node.clientWidth;
+				setIsTruncated(truncated);
 			};
 			checkTruncation();
 			const resizeObserver = new ResizeObserver(checkTruncation);
@@ -1428,168 +1450,102 @@ const useGlobalChartsTheme = () => {
 	return useContext(GlobalChartsContext)?.theme ?? defaultTheme;
 };
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/mergeObjects.js
-function mergeObjects(a, b) {
-	if (a && !b) return a;
-	if (!a && b) return b;
-	if (a || b) return {
-		...a,
-		...b
-	};
+//#region ../../../node_modules/.pnpm/is-plain-object@5.0.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;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/merge-props/mergeProps.js
-const EMPTY_PROPS = {};
+//#region ../../../node_modules/.pnpm/lower-case@2.0.2/node_modules/lower-case/dist.es2015/index.js
 /**
-* Merges multiple sets of React props. It follows the Object.assign pattern where the rightmost object's fields overwrite
-* the conflicting ones from others. This doesn't apply to event handlers, `className` and `style` props.
-*
-* Event handlers are merged and called in right-to-left order (rightmost handler executes first, leftmost last).
-* For React synthetic events, the rightmost handler can prevent prior (left-positioned) handlers from executing
-* by calling `event.preventBaseUIHandler()`. For non-synthetic events (custom events with primitive/object values),
-* all handlers always execute without prevention capability.
-*
-* The `className` prop is merged by concatenating classes in right-to-left order (rightmost class appears first in the string).
-* The `style` prop is merged with rightmost styles overwriting the prior ones.
-*
-* Props can either be provided as objects or as functions that take the previous props as an argument.
-* The function will receive the merged props up to that point (going from left to right):
-* so in the case of `(obj1, obj2, fn, obj3)`, `fn` will receive the merged props of `obj1` and `obj2`.
-* The function is responsible for chaining event handlers if needed (that is, we don't run the merge logic).
-*
-* Event handlers returned by the functions are not automatically prevented when `preventBaseUIHandler` is called.
-* They must check `event.baseUIHandlerPrevented` themselves and bail out if it's true.
-*
-* @important **`ref` is not merged.**
-* @param a Props object to merge.
-* @param b Props object to merge. The function will overwrite conflicting props from `a`.
-* @param c Props object to merge. The function will overwrite conflicting props from previous parameters.
-* @param d Props object to merge. The function will overwrite conflicting props from previous parameters.
-* @param e Props object to merge. The function will overwrite conflicting props from previous parameters.
-* @returns The merged props.
-* @public
+* Lower case as a function.
 */
-function mergeProps(a, b, c, d, e) {
-	if (!c && !d && !e && !a) return createInitialMergedProps(b);
-	let merged = createInitialMergedProps(a);
-	if (b) merged = mergeInto(merged, b);
-	if (c) merged = mergeInto(merged, c);
-	if (d) merged = mergeInto(merged, d);
-	if (e) merged = mergeInto(merged, e);
-	return merged;
+function lowerCase(str) {
+	return str.toLowerCase();
 }
+//#endregion
+//#region ../../../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;
 /**
-* Merges an arbitrary number of React props using the same logic as {@link mergeProps}.
-* This function accepts an array of props instead of individual arguments.
-*
-* This has slightly lower performance than {@link mergeProps} due to accepting an array
-* instead of a fixed number of arguments. Prefer {@link mergeProps} when merging 5 or
-* fewer prop sets for better performance.
-*
-* @param props Array of props to merge.
-* @returns The merged props.
-* @see mergeProps
-* @public
+* Normalize the string into something other libraries can manipulate easier.
 */
-function mergePropsN(props) {
-	if (props.length === 0) return EMPTY_PROPS;
-	if (props.length === 1) return createInitialMergedProps(props[0]);
-	let merged = createInitialMergedProps(props[0]);
-	for (let i = 1; i < props.length; i += 1) merged = mergeInto(merged, props[i]);
-	return merged;
-}
-function createInitialMergedProps(inputProps) {
-	if (isPropsGetter(inputProps)) return { ...resolvePropsGetter(inputProps, EMPTY_PROPS) };
-	return copyInitialProps(inputProps);
-}
-function mergeInto(merged, inputProps) {
-	if (isPropsGetter(inputProps)) return resolvePropsGetter(inputProps, merged);
-	return mutablyMergeInto(merged, inputProps);
-}
-function copyInitialProps(inputProps) {
-	const copiedProps = { ...inputProps };
-	for (const propName in copiedProps) {
-		const propValue = copiedProps[propName];
-		if (isEventHandler(propName, propValue)) copiedProps[propName] = wrapEventHandler(propValue);
-	}
-	return copiedProps;
+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);
 }
 /**
-* Merges two sets of props. In case of conflicts, the external props take precedence.
+* Replace `re` in the input string with the replacement value.
 */
-function mutablyMergeInto(mergedProps, externalProps) {
-	if (!externalProps) return mergedProps;
-	for (const propName in externalProps) {
-		const externalPropValue = externalProps[propName];
-		switch (propName) {
-			case "style":
-				mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue);
-				break;
-			case "className":
-				mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue);
-				break;
-			default: if (isEventHandler(propName, externalPropValue)) mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue);
-			else mergedProps[propName] = externalPropValue;
-		}
-	}
-	return mergedProps;
+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);
 }
-function isEventHandler(key, value) {
-	const code0 = key.charCodeAt(0);
-	const code1 = key.charCodeAt(1);
-	const code2 = key.charCodeAt(2);
-	return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined");
+//#endregion
+//#region ../../../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));
 }
-function isPropsGetter(inputProps) {
-	return typeof inputProps === "function";
+//#endregion
+//#region ../../../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));
 }
-function resolvePropsGetter(inputProps, previousProps) {
-	if (isPropsGetter(inputProps)) return inputProps(previousProps);
-	return inputProps ?? EMPTY_PROPS;
+//#endregion
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useRefWithInit.mjs
+const UNINITIALIZED = {};
+/**
+* A React.useRef() that is initialized with a function. Note that it accepts an optional
+* initialization argument, so the initialization function doesn't need to be an inline closure.
+*
+* @usage
+*   const ref = useRefWithInit(sortColumns, columns)
+*/
+function useRefWithInit(init, initArg) {
+	const ref = React.useRef(UNINITIALIZED);
+	if (ref.current === UNINITIALIZED) ref.current = init(initArg);
+	return ref;
 }
-function mergeEventHandlers(ourHandler, theirHandler) {
-	if (!theirHandler) return ourHandler;
-	if (!ourHandler) return wrapEventHandler(theirHandler);
-	return (...args) => {
-		const event = args[0];
-		if (isSyntheticEvent(event)) {
-			const baseUIEvent = event;
-			makeEventPreventable(baseUIEvent);
-			const result = theirHandler(...args);
-			if (!baseUIEvent.baseUIHandlerPrevented) ourHandler?.(...args);
-			return result;
+//#endregion
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/warn.mjs
+let set;
+if (process.env.NODE_ENV !== "production") set = /* @__PURE__ */ new Set();
+function warn(...messages) {
+	if (process.env.NODE_ENV !== "production") {
+		const messageKey = messages.join(" ");
+		if (!set.has(messageKey)) {
+			set.add(messageKey);
+			console.warn(`Base UI: ${messageKey}`);
 		}
-		const result = theirHandler(...args);
-		ourHandler?.(...args);
-		return result;
-	};
-}
-function wrapEventHandler(handler) {
-	if (!handler) return handler;
-	return (...args) => {
-		const event = args[0];
-		if (isSyntheticEvent(event)) makeEventPreventable(event);
-		return handler(...args);
-	};
-}
-function makeEventPreventable(event) {
-	event.preventBaseUIHandler = () => {
-		event.baseUIHandlerPrevented = true;
-	};
-	return event;
-}
-function mergeClassNames(ourClassName, theirClassName) {
-	if (theirClassName) {
-		if (ourClassName) return theirClassName + " " + ourClassName;
-		return theirClassName;
 	}
-	return ourClassName;
-}
-function isSyntheticEvent(event) {
-	return event != null && typeof event === "object" && "nativeEvent" in event;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/formatErrorMessage.js
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/formatErrorMessage.mjs
 /**
 * Creates a formatErrorMessage function with a custom URL and prefix.
 * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
@@ -1615,22 +1571,7 @@ function createFormatErrorMessage(baseUrl, prefix) {
 */
 const formatErrorMessage = createFormatErrorMessage("https://base-ui.com/production-error", "Base UI");
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/useRefWithInit.js
-const UNINITIALIZED = {};
-/**
-* A React.useRef() that is initialized with a function. Note that it accepts an optional
-* initialization argument, so the initialization function doesn't need to be an inline closure.
-*
-* @usage
-*   const ref = useRefWithInit(sortColumns, columns)
-*/
-function useRefWithInit(init, initArg) {
-	const ref = React.useRef(UNINITIALIZED);
-	if (ref.current === UNINITIALIZED) ref.current = init(initArg);
-	return ref;
-}
-//#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/useMergedRefs.js
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useMergedRefs.mjs
 /**
 * Merges refs into a single memoized callback ref or `null`.
 * This makes sure multiple refs are updated together and have the same value.
@@ -1721,13 +1662,13 @@ function update(forkRef, refs) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/reactVersion.js
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/reactVersion.mjs
 const majorVersion = parseInt(React.version, 10);
 function isReactVersionAtLeast(reactVersionToCheck) {
 	return majorVersion >= reactVersionToCheck;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/getReactElementRef.js
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/getReactElementRef.mjs
 /**
 * Extracts the `ref` from a React element, handling different React versions.
 */
@@ -1738,24 +1679,21 @@ function getReactElementRef(element) {
 	return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/warn.js
-let set;
-if (process.env.NODE_ENV !== "production") set = /* @__PURE__ */ new Set();
-function warn(...messages) {
-	if (process.env.NODE_ENV !== "production") {
-		const messageKey = messages.join(" ");
-		if (!set.has(messageKey)) {
-			set.add(messageKey);
-			console.warn(`Base UI: ${messageKey}`);
-		}
-	}
-}
-Object.freeze([]);
-const EMPTY_OBJECT = Object.freeze({});
-//#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js
-function getStateAttributesProps(state, customMapping) {
-	const props = {};
+//#region ../../../node_modules/.pnpm/@base-ui+utils@0.3.1_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/mergeObjects.mjs
+function mergeObjects(a, b) {
+	if (a && !b) return a;
+	if (!a && b) return b;
+	if (a || b) return {
+		...a,
+		...b
+	};
+}
+Object.freeze([]);
+const EMPTY_OBJECT = Object.freeze({});
+//#endregion
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
+function getStateAttributesProps(state, customMapping) {
+	const props = {};
 	for (const key in state) {
 		const value = state[key];
 		if (customMapping?.hasOwnProperty(key)) {
@@ -1769,7 +1707,7 @@ function getStateAttributesProps(state, customMapping) {
 	return props;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/utils/resolveClassName.js
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/resolveClassName.mjs
 /**
 * If the provided className is a string, it will be returned as is.
 * Otherwise, the function will call the className function with the state as the first argument.
@@ -1781,7 +1719,7 @@ function resolveClassName(className, state) {
 	return typeof className === "function" ? className(state) : className;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/utils/resolveStyle.js
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/resolveStyle.mjs
 /**
 * If the provided style is an object, it will be returned as is.
 * Otherwise, the function will call the style function with the state as the first argument.
@@ -1793,7 +1731,158 @@ function resolveStyle(style, state) {
 	return typeof style === "function" ? style(state) : style;
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/internals/useRenderElement.js
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/merge-props/mergeProps.mjs
+const EMPTY_PROPS = {};
+/**
+* Merges multiple sets of React props. It follows the Object.assign pattern where the rightmost object's fields overwrite
+* the conflicting ones from others. This doesn't apply to event handlers, `className` and `style` props.
+*
+* Event handlers are merged and called in right-to-left order (rightmost handler executes first, leftmost last).
+* For React synthetic events, the rightmost handler can prevent prior (left-positioned) handlers from executing
+* by calling `event.preventBaseUIHandler()`. For non-synthetic events (custom events with primitive/object values),
+* all handlers always execute without prevention capability.
+*
+* The `className` prop is merged by concatenating classes in right-to-left order (rightmost class appears first in the string).
+* The `style` prop is merged with rightmost styles overwriting the prior ones.
+*
+* Props can either be provided as objects or as functions that take the previous props as an argument.
+* The function will receive the merged props up to that point (going from left to right):
+* so in the case of `(obj1, obj2, fn, obj3)`, `fn` will receive the merged props of `obj1` and `obj2`.
+* The function is responsible for chaining event handlers if needed (that is, we don't run the merge logic).
+*
+* Event handlers returned by the functions are not automatically prevented when `preventBaseUIHandler` is called.
+* They must check `event.baseUIHandlerPrevented` themselves and bail out if it's true.
+*
+* @important **`ref` is not merged.**
+* @param a Props object to merge.
+* @param b Props object to merge. The function will overwrite conflicting props from `a`.
+* @param c Props object to merge. The function will overwrite conflicting props from previous parameters.
+* @param d Props object to merge. The function will overwrite conflicting props from previous parameters.
+* @param e Props object to merge. The function will overwrite conflicting props from previous parameters.
+* @returns The merged props.
+* @public
+*/
+function mergeProps(a, b, c, d, e) {
+	if (!c && !d && !e && !a) return createInitialMergedProps(b);
+	let merged = createInitialMergedProps(a);
+	if (b) merged = mergeInto(merged, b);
+	if (c) merged = mergeInto(merged, c);
+	if (d) merged = mergeInto(merged, d);
+	if (e) merged = mergeInto(merged, e);
+	return merged;
+}
+/**
+* Merges an arbitrary number of React props using the same logic as {@link mergeProps}.
+* This function accepts an array of props instead of individual arguments.
+*
+* This has slightly lower performance than {@link mergeProps} due to accepting an array
+* instead of a fixed number of arguments. Prefer {@link mergeProps} when merging 5 or
+* fewer prop sets for better performance.
+*
+* @param props Array of props to merge.
+* @returns The merged props.
+* @see mergeProps
+* @public
+*/
+function mergePropsN(props) {
+	if (props.length === 0) return EMPTY_PROPS;
+	if (props.length === 1) return createInitialMergedProps(props[0]);
+	let merged = createInitialMergedProps(props[0]);
+	for (let i = 1; i < props.length; i += 1) merged = mergeInto(merged, props[i]);
+	return merged;
+}
+function createInitialMergedProps(inputProps) {
+	if (isPropsGetter(inputProps)) return { ...resolvePropsGetter(inputProps, EMPTY_PROPS) };
+	return copyInitialProps(inputProps);
+}
+function mergeInto(merged, inputProps) {
+	if (isPropsGetter(inputProps)) return resolvePropsGetter(inputProps, merged);
+	return mutablyMergeInto(merged, inputProps);
+}
+function copyInitialProps(inputProps) {
+	const copiedProps = { ...inputProps };
+	for (const propName in copiedProps) {
+		const propValue = copiedProps[propName];
+		if (isEventHandler(propName, propValue)) copiedProps[propName] = wrapEventHandler(propValue);
+	}
+	return copiedProps;
+}
+/**
+* Merges two sets of props. In case of conflicts, the external props take precedence.
+*/
+function mutablyMergeInto(mergedProps, externalProps) {
+	if (!externalProps) return mergedProps;
+	for (const propName in externalProps) {
+		const externalPropValue = externalProps[propName];
+		switch (propName) {
+			case "style":
+				mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue);
+				break;
+			case "className":
+				mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue);
+				break;
+			default: if (isEventHandler(propName, externalPropValue)) mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue);
+			else mergedProps[propName] = externalPropValue;
+		}
+	}
+	return mergedProps;
+}
+function isEventHandler(key, value) {
+	const code0 = key.charCodeAt(0);
+	const code1 = key.charCodeAt(1);
+	const code2 = key.charCodeAt(2);
+	return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined");
+}
+function isPropsGetter(inputProps) {
+	return typeof inputProps === "function";
+}
+function resolvePropsGetter(inputProps, previousProps) {
+	if (isPropsGetter(inputProps)) return inputProps(previousProps);
+	return inputProps ?? EMPTY_PROPS;
+}
+function mergeEventHandlers(ourHandler, theirHandler) {
+	if (!theirHandler) return ourHandler;
+	if (!ourHandler) return wrapEventHandler(theirHandler);
+	return (...args) => {
+		const event = args[0];
+		if (isSyntheticEvent(event)) {
+			const baseUIEvent = event;
+			makeEventPreventable(baseUIEvent);
+			const result = theirHandler(...args);
+			if (!baseUIEvent.baseUIHandlerPrevented) ourHandler?.(...args);
+			return result;
+		}
+		const result = theirHandler(...args);
+		ourHandler?.(...args);
+		return result;
+	};
+}
+function wrapEventHandler(handler) {
+	if (!handler) return handler;
+	return (...args) => {
+		const event = args[0];
+		if (isSyntheticEvent(event)) makeEventPreventable(event);
+		return handler(...args);
+	};
+}
+function makeEventPreventable(event) {
+	event.preventBaseUIHandler = () => {
+		event.baseUIHandlerPrevented = true;
+	};
+	return event;
+}
+function mergeClassNames(ourClassName, theirClassName) {
+	if (theirClassName) {
+		if (ourClassName) return theirClassName + " " + ourClassName;
+		return theirClassName;
+	}
+	return ourClassName;
+}
+function isSyntheticEvent(event) {
+	return event != null && typeof event === "object" && "nativeEvent" in event;
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useRenderElement.mjs
 /**
 * Renders a Base UI element.
 *
@@ -1882,7 +1971,7 @@ function renderTag(Tag, props) {
 	return /*#__PURE__*/ React.createElement(Tag, props);
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/use-render/useRender.js
+//#region ../../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/use-render/useRender.mjs
 /**
 * Renders a Base UI element.
 *
@@ -1892,7 +1981,7 @@ function useRender(params) {
 	return useRenderElement(params.defaultTagName ?? "div", params, params);
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+ui@0.17.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/ui/build-module/stack/stack.mjs
+//#region ../../../node_modules/.pnpm/@wordpress+ui@0.17.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/ui/build-module/text/text.mjs
 var STYLE_HASH_ATTRIBUTE$1 = "data-wp-hash";
 function getRuntime$1() {
 	const globalScope = globalThis;
@@ -1948,35 +2037,39 @@ function registerStyle$1(hash, css) {
 	runtime.styles.set(hash, css);
 	for (const targetDocument of runtime.documents.keys()) injectStyle$1(targetDocument, hash, css);
 }
-if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle$1("32aba35fe1", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._19ce0419607e1896__stack{display:flex}}}");
-var style_default$1 = { "stack": "_19ce0419607e1896__stack" };
-var gapTokens = {
-	xs: "var(--wpds-dimension-gap-xs, 4px)",
-	sm: "var(--wpds-dimension-gap-sm, 8px)",
-	md: "var(--wpds-dimension-gap-md, 12px)",
-	lg: "var(--wpds-dimension-gap-lg, 16px)",
-	xl: "var(--wpds-dimension-gap-xl, 24px)",
-	"2xl": "var(--wpds-dimension-gap-2xl, 32px)",
-	"3xl": "var(--wpds-dimension-gap-3xl, 40px)"
+if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle$1("0c5702ddca", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._83ed8a8da5dd50ea__text{margin:0}._14437cfb77831647__heading-2xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-p-line-height:var(--wpds-typography-line-height-2xl,40px);font-size:var(--wpds-typography-font-size-2xl,32px);line-height:var(--wpds-typography-line-height-2xl,40px)}._14437cfb77831647__heading-2xl,._3c78b7fa9b4072dd__heading-xl{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499)}._3c78b7fa9b4072dd__heading-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-md,24px)}.aa58f227716bcde2__heading-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-lg,15px)}.aa58f227716bcde2__heading-lg,.fc4da56d8dfe52c4__heading-md{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-sm,20px)}.fc4da56d8dfe52c4__heading-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-xs,16px);text-transform:uppercase}._305ff559e52180d5__body-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-xl,32px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-xl,32px)}._305ff559e52180d5__body-xl,.ca1aa3fc2029e958__body-lg{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}.ca1aa3fc2029e958__body-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-lg,15px);line-height:var(--wpds-typography-line-height-md,24px)}._131101940be12424__body-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px);line-height:var(--wpds-typography-line-height-sm,20px)}._0e8d87a42c1f75fa__body-sm,._131101940be12424__body-md{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}._0e8d87a42c1f75fa__body-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-size:var(--wpds-typography-font-size-sm,12px);line-height:var(--wpds-typography-line-height-xs,16px)}}}");
+var style_default$1 = {
+	"text": "_83ed8a8da5dd50ea__text",
+	"heading-2xl": "_14437cfb77831647__heading-2xl",
+	"heading-xl": "_3c78b7fa9b4072dd__heading-xl",
+	"heading-lg": "aa58f227716bcde2__heading-lg",
+	"heading-md": "fc4da56d8dfe52c4__heading-md",
+	"heading-sm": "a9b78c7c82e8dff7__heading-sm",
+	"body-xl": "_305ff559e52180d5__body-xl",
+	"body-lg": "ca1aa3fc2029e958__body-lg",
+	"body-md": "_131101940be12424__body-md",
+	"body-sm": "_0e8d87a42c1f75fa__body-sm"
 };
-var Stack = forwardRef$1(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
+if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle$1("d390e935a7", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,transparent);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 transparent);color:var(--_gcd-input-color,var(--wpds-color-foreground-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,transparent);border-color:var(--_gcd-input-border-color-disabled,transparent);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid transparent)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-foreground-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid transparent);transition:var(--_gcd-a-transition,none)}");
+var global_css_defense_default = {
+	"button": "_6defc79820e382c6__button",
+	"input": "d2cff2e5dea83bd1__input",
+	"textarea": "_547d86373d02e108__textarea",
+	"div": "_8c15fd0ed9f28ba4__div",
+	"p": "_43cec3e1eec1066d__p",
+	"heading": "e97669c6d9a38497__heading",
+	"a": "_2c0831b0499dbd6e__a"
+};
+var Text$1 = forwardRef$1(function Text2({ variant = "body-md", render, className, ...props }, ref) {
 	return useRender({
 		render,
+		defaultTagName: "span",
 		ref,
-		props: mergeProps(props, {
-			style: {
-				gap: gap && gapTokens[gap],
-				alignItems: align,
-				justifyContent: justify,
-				flexDirection: direction,
-				flexWrap: wrap
-			},
-			className: style_default$1.stack
-		})
+		props: mergeProps(props, { className: clsx(style_default$1.text, global_css_defense_default.heading, global_css_defense_default.p, style_default$1[variant], className) })
 	});
 });
 //#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+ui@0.17.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/ui/build-module/text/text.mjs
+//#region ../../../node_modules/.pnpm/@wordpress+ui@0.17.0_@types+react@18.3.28_date-fns@4.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/ui/build-module/stack/stack.mjs
 var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
 function getRuntime() {
 	const globalScope = globalThis;
@@ -2032,35 +2125,31 @@ function registerStyle(hash, css) {
 	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("0c5702ddca", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._83ed8a8da5dd50ea__text{margin:0}._14437cfb77831647__heading-2xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-p-line-height:var(--wpds-typography-line-height-2xl,40px);font-size:var(--wpds-typography-font-size-2xl,32px);line-height:var(--wpds-typography-line-height-2xl,40px)}._14437cfb77831647__heading-2xl,._3c78b7fa9b4072dd__heading-xl{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499)}._3c78b7fa9b4072dd__heading-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-md,24px)}.aa58f227716bcde2__heading-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-lg,15px)}.aa58f227716bcde2__heading-lg,.fc4da56d8dfe52c4__heading-md{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-sm,20px)}.fc4da56d8dfe52c4__heading-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-xs,16px);text-transform:uppercase}._305ff559e52180d5__body-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-xl,32px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-xl,32px)}._305ff559e52180d5__body-xl,.ca1aa3fc2029e958__body-lg{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}.ca1aa3fc2029e958__body-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-lg,15px);line-height:var(--wpds-typography-line-height-md,24px)}._131101940be12424__body-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px);line-height:var(--wpds-typography-line-height-sm,20px)}._0e8d87a42c1f75fa__body-sm,._131101940be12424__body-md{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,\"Segoe UI\",\"Roboto\",\"Oxygen-Sans\",\"Ubuntu\",\"Cantarell\",\"Helvetica Neue\",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}._0e8d87a42c1f75fa__body-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-size:var(--wpds-typography-font-size-sm,12px);line-height:var(--wpds-typography-line-height-xs,16px)}}}");
-var style_default = {
-	"text": "_83ed8a8da5dd50ea__text",
-	"heading-2xl": "_14437cfb77831647__heading-2xl",
-	"heading-xl": "_3c78b7fa9b4072dd__heading-xl",
-	"heading-lg": "aa58f227716bcde2__heading-lg",
-	"heading-md": "fc4da56d8dfe52c4__heading-md",
-	"heading-sm": "a9b78c7c82e8dff7__heading-sm",
-	"body-xl": "_305ff559e52180d5__body-xl",
-	"body-lg": "ca1aa3fc2029e958__body-lg",
-	"body-md": "_131101940be12424__body-md",
-	"body-sm": "_0e8d87a42c1f75fa__body-sm"
-};
-if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle("d390e935a7", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,transparent);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 transparent);color:var(--_gcd-input-color,var(--wpds-color-foreground-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,transparent);border-color:var(--_gcd-input-border-color-disabled,transparent);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid transparent)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-foreground-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid transparent);transition:var(--_gcd-a-transition,none)}");
-var global_css_defense_default = {
-	"button": "_6defc79820e382c6__button",
-	"input": "d2cff2e5dea83bd1__input",
-	"textarea": "_547d86373d02e108__textarea",
-	"div": "_8c15fd0ed9f28ba4__div",
-	"p": "_43cec3e1eec1066d__p",
-	"heading": "e97669c6d9a38497__heading",
-	"a": "_2c0831b0499dbd6e__a"
+if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle("32aba35fe1", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._19ce0419607e1896__stack{display:flex}}}");
+var style_default = { "stack": "_19ce0419607e1896__stack" };
+var gapTokens = {
+	xs: "var(--wpds-dimension-gap-xs, 4px)",
+	sm: "var(--wpds-dimension-gap-sm, 8px)",
+	md: "var(--wpds-dimension-gap-md, 12px)",
+	lg: "var(--wpds-dimension-gap-lg, 16px)",
+	xl: "var(--wpds-dimension-gap-xl, 24px)",
+	"2xl": "var(--wpds-dimension-gap-2xl, 32px)",
+	"3xl": "var(--wpds-dimension-gap-3xl, 40px)"
 };
-var Text$1 = forwardRef$1(function Text2({ variant = "body-md", render, className, ...props }, ref) {
+var Stack = forwardRef$1(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
 	return useRender({
 		render,
-		defaultTagName: "span",
 		ref,
-		props: mergeProps(props, { className: clsx(style_default.text, global_css_defense_default.heading, global_css_defense_default.p, style_default[variant], className) })
+		props: mergeProps(props, {
+			style: {
+				gap: gap && gapTokens[gap],
+				alignItems: align,
+				justifyContent: justify,
+				flexDirection: direction,
+				flexWrap: wrap
+			},
+			className: style_default.stack
+		})
 	});
 });
 //#endregion
@@ -3081,90 +3170,6 @@ var line_chart_module_default = {
 	"line-chart--animated": "a8ccharts-inuQka-line-chart--animated",
 	"rise": "a8ccharts-inuQka-rise"
 };
-//#endregion
-//#region src/charts/line-chart/private/line-chart-annotations-overlay.tsx
-const LineChartAnnotationsOverlay = ({ children }) => {
-	const { chartRef, chartWidth, chartHeight } = useSingleChartContext();
-	const [scales, setScales] = useState(null);
-	const [scalesStable, setScalesStable] = useState(false);
-	const createScaleSignature = useCallback((scaleData) => {
-		const xDomain = scaleData.xScale.domain();
-		const yDomain = scaleData.yScale.domain();
-		const xRange = scaleData.xScale.range();
-		const yRange = scaleData.yScale.range();
-		return `${xDomain.join(",")}-${yDomain.join(",")}-${xRange.join(",")}-${yRange.join(",")}`;
-	}, []);
-	const getScalesData = useCallback(() => {
-		if (chartRef?.current) {
-			const scaleData = chartRef.current.getScales();
-			if (scaleData) {
-				const scaleInfo = {
-					xScale: scaleData.xScale,
-					yScale: scaleData.yScale
-				};
-				return {
-					scales: scaleInfo,
-					signature: createScaleSignature(scaleInfo)
-				};
-			}
-		}
-		return null;
-	}, [chartRef, createScaleSignature]);
-	useEffect(() => {
-		let timeoutId = null;
-		let lastSignature = null;
-		let retryCount = 0;
-		const maxRetries = 20;
-		const checkInterval = 50;
-		setScalesStable(false);
-		const monitorScales = () => {
-			const currentScaleData = getScalesData();
-			if (currentScaleData) {
-				if (lastSignature && currentScaleData.signature === lastSignature) {
-					setScalesStable(true);
-					return;
-				}
-				setScales(currentScaleData.scales);
-				lastSignature = currentScaleData.signature;
-			}
-			if (retryCount < maxRetries) {
-				retryCount++;
-				timeoutId = setTimeout(monitorScales, checkInterval);
-			}
-		};
-		monitorScales();
-		return () => {
-			if (timeoutId) clearTimeout(timeoutId);
-		};
-	}, [
-		getScalesData,
-		chartWidth,
-		chartHeight
-	]);
-	if (!chartRef || !children || !chartWidth || !chartHeight) return null;
-	if (!scales || !scalesStable) return null;
-	const dataContextValue = {
-		xScale: scales.xScale,
-		yScale: scales.yScale,
-		margin: {
-			top: 0,
-			right: 0,
-			bottom: 0,
-			left: 0
-		},
-		width: chartWidth,
-		height: chartHeight
-	};
-	return /* @__PURE__ */ jsx(DataContext.Provider, {
-		value: dataContextValue,
-		children: /* @__PURE__ */ jsx("svg", {
-			width: chartWidth,
-			height: chartHeight,
-			className: line_chart_module_default["line-chart__annotations-overlay"],
-			children
-		})
-	});
-};
 const CloseIcon = () => /* @__PURE__ */ jsx("svg", {
 	width: "16",
 	height: "16",
@@ -3246,6 +3251,90 @@ const LineChartAnnotationLabelWithPopover = ({ title, subtitle, renderLabel, ren
 	});
 };
 //#endregion
+//#region src/charts/line-chart/private/line-chart-annotations-overlay.tsx
+const LineChartAnnotationsOverlay = ({ children }) => {
+	const { chartRef, chartWidth, chartHeight } = useSingleChartContext();
+	const [scales, setScales] = useState(null);
+	const [scalesStable, setScalesStable] = useState(false);
+	const createScaleSignature = useCallback((scaleData) => {
+		const xDomain = scaleData.xScale.domain();
+		const yDomain = scaleData.yScale.domain();
+		const xRange = scaleData.xScale.range();
+		const yRange = scaleData.yScale.range();
+		return `${xDomain.join(",")}-${yDomain.join(",")}-${xRange.join(",")}-${yRange.join(",")}`;
+	}, []);
+	const getScalesData = useCallback(() => {
+		if (chartRef?.current) {
+			const scaleData = chartRef.current.getScales();
+			if (scaleData) {
+				const scaleInfo = {
+					xScale: scaleData.xScale,
+					yScale: scaleData.yScale
+				};
+				return {
+					scales: scaleInfo,
+					signature: createScaleSignature(scaleInfo)
+				};
+			}
+		}
+		return null;
+	}, [chartRef, createScaleSignature]);
+	useEffect(() => {
+		let timeoutId = null;
+		let lastSignature = null;
+		let retryCount = 0;
+		const maxRetries = 20;
+		const checkInterval = 50;
+		setScalesStable(false);
+		const monitorScales = () => {
+			const currentScaleData = getScalesData();
+			if (currentScaleData) {
+				if (lastSignature && currentScaleData.signature === lastSignature) {
+					setScalesStable(true);
+					return;
+				}
+				setScales(currentScaleData.scales);
+				lastSignature = currentScaleData.signature;
+			}
+			if (retryCount < maxRetries) {
+				retryCount++;
+				timeoutId = setTimeout(monitorScales, checkInterval);
+			}
+		};
+		monitorScales();
+		return () => {
+			if (timeoutId) clearTimeout(timeoutId);
+		};
+	}, [
+		getScalesData,
+		chartWidth,
+		chartHeight
+	]);
+	if (!chartRef || !children || !chartWidth || !chartHeight) return null;
+	if (!scales || !scalesStable) return null;
+	const dataContextValue = {
+		xScale: scales.xScale,
+		yScale: scales.yScale,
+		margin: {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		},
+		width: chartWidth,
+		height: chartHeight
+	};
+	return /* @__PURE__ */ jsx(DataContext.Provider, {
+		value: dataContextValue,
+		children: /* @__PURE__ */ jsx("svg", {
+			width: chartWidth,
+			height: chartHeight,
+			className: line_chart_module_default["line-chart__annotations-overlay"],
+			children
+		})
+	});
+};
+//#endregion
 //#region src/charts/line-chart/private/line-chart-annotation.tsx
 const ANNOTATION_MAX_WIDTH = 125;
 const ANNOTATION_INIT_HEIGHT = 100;
@@ -3309,7 +3398,10 @@ const LineChartAnnotation = ({ datum, title, subtitle, subjectType = "circle", s
 	const styles = deepmerge(providerTheme.annotationStyles ?? {}, datumStyles ?? {});
 	const resolveColor = (value) => value ? resolveCssVariable(value) ?? value : value;
 	useEffect(() => {
-		if (labelRef.current?.getBBox) setHeight(labelRef.current.getBBox().height);
+		if (labelRef.current?.getBBox) {
+			const bbox = labelRef.current.getBBox();
+			setHeight(bbox.height);
+		}
 	}, []);
 	const positionData = useMemo(() => {
 		if (!datum || !datum.date || datum.value == null || !xScale || !yScale) return null;
@@ -4950,8 +5042,9 @@ const BarChartInternal = ({ data, chartId: providedChartId, width, height, class
 		if (dataPointIndex >= maxDataPoints || seriesIndex >= primaryCount) return "";
 		const seriesData = primaryEntries[seriesIndex]?.series;
 		if (!seriesData || dataPointIndex >= seriesData.data.length) return "";
+		const actualBarIndex = seriesIndex * maxDataPoints + dataPointIndex;
 		return `
-			.bar-chart[data-chart-id="bar-chart-${chartId}"] .visx-bar-group .visx-bar:nth-child(${seriesIndex * maxDataPoints + dataPointIndex + 1}) {
+			.bar-chart[data-chart-id="bar-chart-${chartId}"] .visx-bar-group .visx-bar:nth-child(${actualBarIndex + 1}) {
 				stroke: #005fcc;
 				stroke-width: 2px;
 			}
@@ -5171,16 +5264,18 @@ const AxisRenderer = ({ ticks, tickLabelProps, yOffset, labelPosition, valuePosi
 const getDefaultYOffset = (data, yScaleConfig, height, isMultiSeries) => {
 	if (!isMultiSeries) return 0;
 	const dataKeys = data.map(({ label }) => label);
-	return -(getScaleBandwidth(scaleBand({
+	const yScale = createScale({
+		type: "band",
+		range: [0, height],
 		domain: dataKeys,
-		range: [0, getScaleBandwidth(createScale({
-			type: "band",
-			range: [0, height],
-			domain: dataKeys,
-			...yScaleConfig
-		}))],
+		...yScaleConfig
+	});
+	const groupScale = scaleBand({
+		domain: dataKeys,
+		range: [0, getScaleBandwidth(yScale)],
 		padding: yScaleConfig.paddingInner
-	})) + 6);
+	});
+	return -(getScaleBandwidth(groupScale) + 6);
 };
 const BarListChartInternal = ({ data, width, height, options = {}, margin = {
 	left: 0,
@@ -5937,12 +6032,17 @@ const buildCalendarHeatmapData = (series, options = {}) => {
 	const gridStart = startOfWeek(minDate, { weekStartsOn });
 	const weekCount = differenceInCalendarWeeks(maxDate, gridStart, { weekStartsOn }) + 1;
 	const rowLabels = Array.from({ length: 7 }, (_, row) => LABELLED_ROWS.includes(row) ? format(addDays(gridStart, row), "EEE") : "");
+	const MIN_FIRST_MONTH_WEEKS = 2;
+	const firstMonth = gridStart.getMonth();
+	let firstMonthWeeks = 0;
+	while (firstMonthWeeks < weekCount && addDays(gridStart, firstMonthWeeks * 7).getMonth() === firstMonth) firstMonthWeeks++;
+	const showFirstMonthLabel = !(firstMonthWeeks < weekCount) || firstMonthWeeks >= MIN_FIRST_MONTH_WEEKS;
 	const data = [];
 	let previousMonth = -1;
 	for (let week = 0; week < weekCount; week++) {
 		const columnStart = addDays(gridStart, week * 7);
 		const month = columnStart.getMonth();
-		const label = month !== previousMonth ? format(columnStart, "MMM") : "";
+		const label = month !== previousMonth && (week !== 0 || showFirstMonthLabel) ? format(columnStart, "MMM") : "";
 		previousMonth = month;
 		const cells = [];
 		for (let row = 0; row < 7; row++) {
@@ -5964,10 +6064,14 @@ const buildCalendarHeatmapData = (series, options = {}) => {
 	};
 };
 //#endregion
+//#region src/charts/heatmap-chart/private/heatmap-context.ts
+/** Shared by the chart and legend without importing back from `heatmap-chart.tsx`. */
+const HeatmapContext = createContext(null);
+//#endregion
 //#region src/charts/heatmap-chart/private/heatmap-legend.tsx
 const HeatmapLegend = ({ steps = 5, lessLabel, moreLabel }) => {
 	const context = useContext(HeatmapContext);
-	const { legend } = useGlobalChartsTheme();
+	const { legend, backgroundColor } = useGlobalChartsTheme();
 	if (!context) return null;
 	const { primaryColorHex } = context;
 	const labelStyle = legend.labelStyles;
@@ -5991,6 +6095,7 @@ const HeatmapLegend = ({ steps = 5, lessLabel, moreLabel }) => {
 						className: heatmap_chart_module_default["heatmap-chart__legend-swatch"],
 						style: {
 							"--heatmap-primary": primaryColorHex,
+							"--heatmap-bg": backgroundColor,
 							"--intensity": intensity
 						}
 					}, index);
@@ -6006,11 +6111,10 @@ const HeatmapLegend = ({ steps = 5, lessLabel, moreLabel }) => {
 };
 //#endregion
 //#region src/charts/heatmap-chart/heatmap-chart.tsx
-const HeatmapContext = createContext(null);
 const CELL_MIX_FLOOR = .15;
 const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, height = 0, className, compact = false, showValues, rowLabels = [], primaryColor, gap = "md", withTooltips = false, renderTooltip, children }) => {
 	const chartId = useChartId(providedChartId);
-	const { getElementStyles, theme } = useGlobalChartsContext();
+	const { getElementStyles, resolveThemeColor, theme } = useGlobalChartsContext();
 	const { heatmapChart: heatmapChartSettings } = theme;
 	const { nonLegendChildren } = useChartChildren(children, "HeatmapChart");
 	const [selectedIndex, setSelectedIndex] = useState();
@@ -6025,8 +6129,9 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 		index: 0,
 		overrideColor: primaryColor || heatmapChartSettings.primaryColor
 	});
+	const chartBackgroundHex = resolveThemeColor(theme.backgroundColor);
 	const primaryHex = normalizeColorToHex(primaryColorHex);
-	const cellHasLightText = (intensity) => isValidHexColor(primaryHex) && prefersLightText(lightenHexColor(primaryHex, 1 - (CELL_MIX_FLOOR + (1 - CELL_MIX_FLOOR) * intensity)));
+	const cellHasLightText = (intensity) => isValidHexColor(primaryHex) && isValidHexColor(chartBackgroundHex) && prefersLightText(mixHexColors(primaryHex, chartBackgroundHex, 1 - (CELL_MIX_FLOOR + (1 - CELL_MIX_FLOOR) * intensity)));
 	const extent = useMemo(() => getValueExtent(data), [data]);
 	const heatmapContext = useMemo(() => ({
 		extent,
@@ -6140,6 +6245,7 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 	const trackSize = compact ? "var(--heatmap-cell-size)" : "minmax(0, 1fr)";
 	const gridStyle = {
 		"--heatmap-primary": primaryColorHex,
+		"--heatmap-bg": theme.backgroundColor,
 		gridTemplateColumns: `auto repeat(${columns}, ${trackSize})`,
 		gridTemplateRows: `auto repeat(${rows}, ${trackSize})`
 	};
@@ -6175,55 +6281,55 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 					onKeyDown: onChartKeyDown,
 					className: clsx(heatmap_chart_module_default["heatmap-chart__grid"], { [heatmap_chart_module_default["heatmap-chart__grid--compact"]]: compact }),
 					style: gridStyle,
-					children: [
-						/* @__PURE__ */ jsx("span", { "aria-hidden": "true" }),
-						data.map((column, columnIndex) => /* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
+					children: [/* @__PURE__ */ jsxs("div", {
+						role: "row",
+						"aria-hidden": "true",
+						className: heatmap_chart_module_default["heatmap-chart__row"],
+						children: [/* @__PURE__ */ jsx("span", {}), data.map((column, columnIndex) => /* @__PURE__ */ jsx("span", {
 							className: heatmap_chart_module_default["heatmap-chart__col-label"],
 							children: column.label
-						}, `col-${columnIndex}`)),
-						Array.from({ length: rows }).map((_row, rowIndex) => {
-							const labelVisible = !compact || rowIndex % 2 === 0;
-							return /* @__PURE__ */ jsxs("div", {
-								role: "row",
-								"aria-rowindex": rowIndex + 1,
-								className: heatmap_chart_module_default["heatmap-chart__row"],
-								children: [/* @__PURE__ */ jsx("span", {
-									"aria-hidden": "true",
-									className: heatmap_chart_module_default["heatmap-chart__row-label"],
-									children: labelVisible ? rowLabels[rowIndex] ?? "" : ""
-								}), data.map((column, columnIndex) => {
-									const value = column.data[rowIndex]?.value ?? null;
-									const present = isPresent(value);
-									const normalized = present ? getNormalizedValue(value, extent) : 0;
-									const flatIndex = columnIndex * rows + rowIndex;
-									const info = buildTooltipData(columnIndex, rowIndex);
-									const accessibleLabel = `${info.cellLabel || `${info.columnLabel ?? ""} ${info.rowLabel ?? ""}`.trim()}: ${info.value === null ? __("No data", "jetpack-charts") : formatNumber(info.value)}`;
-									return /* @__PURE__ */ jsx("div", {
-										id: `${chartId}-cell-${columnIndex}-${rowIndex}`,
-										role: "gridcell",
-										tabIndex: -1,
-										"aria-colindex": columnIndex + 1,
-										"aria-label": accessibleLabel,
-										"data-column": columnIndex,
-										"data-row": rowIndex,
-										className: clsx(heatmap_chart_module_default["heatmap-chart__cell"], {
-											[heatmap_chart_module_default["heatmap-chart__cell--filled"]]: present,
-											[heatmap_chart_module_default["heatmap-chart__cell--strong"]]: present && cellHasLightText(normalized),
-											[heatmap_chart_module_default["heatmap-chart__cell--selected"]]: selectedIndex === flatIndex
-										}),
-										style: present ? { "--intensity": normalized } : void 0,
-										onMouseMove: handleCellMouseMove,
-										onMouseLeave: handleCellMouseLeave,
-										children: drawValues && present && /* @__PURE__ */ jsx("span", {
-											className: heatmap_chart_module_default["heatmap-chart__cell-value"],
-											children: formatNumberCompact(value)
-										})
-									}, `cell-${columnIndex}-${rowIndex}`);
-								})]
-							}, `row-${rowIndex}`);
-						})
-					]
+						}, `col-${columnIndex}`))]
+					}), Array.from({ length: rows }).map((_row, rowIndex) => {
+						const labelVisible = !compact || rowIndex % 2 === 0;
+						return /* @__PURE__ */ jsxs("div", {
+							role: "row",
+							"aria-rowindex": rowIndex + 1,
+							className: heatmap_chart_module_default["heatmap-chart__row"],
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								className: heatmap_chart_module_default["heatmap-chart__row-label"],
+								children: labelVisible ? rowLabels[rowIndex] ?? "" : ""
+							}), data.map((column, columnIndex) => {
+								const value = column.data[rowIndex]?.value ?? null;
+								const present = isPresent(value);
+								const normalized = present ? getNormalizedValue(value, extent) : 0;
+								const flatIndex = columnIndex * rows + rowIndex;
+								const info = buildTooltipData(columnIndex, rowIndex);
+								const accessibleLabel = `${info.cellLabel || `${info.columnLabel ?? ""} ${info.rowLabel ?? ""}`.trim()}: ${info.value === null ? __("No data", "jetpack-charts") : formatNumber(info.value)}`;
+								return /* @__PURE__ */ jsx("div", {
+									id: `${chartId}-cell-${columnIndex}-${rowIndex}`,
+									role: "gridcell",
+									tabIndex: -1,
+									"aria-colindex": columnIndex + 1,
+									"aria-label": accessibleLabel,
+									"data-column": columnIndex,
+									"data-row": rowIndex,
+									className: clsx(heatmap_chart_module_default["heatmap-chart__cell"], {
+										[heatmap_chart_module_default["heatmap-chart__cell--filled"]]: present,
+										[heatmap_chart_module_default["heatmap-chart__cell--strong"]]: present && cellHasLightText(normalized),
+										[heatmap_chart_module_default["heatmap-chart__cell--selected"]]: selectedIndex === flatIndex
+									}),
+									style: present ? { "--intensity": normalized } : void 0,
+									onMouseMove: handleCellMouseMove,
+									onMouseLeave: handleCellMouseLeave,
+									children: drawValues && present && /* @__PURE__ */ jsx("span", {
+										className: heatmap_chart_module_default["heatmap-chart__cell-value"],
+										children: formatNumberCompact(value)
+									})
+								}, `cell-${columnIndex}-${rowIndex}`);
+							})]
+						}, `row-${rowIndex}`);
+					})]
 				}), withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ jsx(TooltipInPortal, {
 					top: tooltipTop,
 					left: tooltipLeft,
@@ -6251,318 +6357,32 @@ const HeatmapChartResponsiveInner = (props) => /* @__PURE__ */ jsx(HeatmapChartW
 HeatmapChartResponsiveInner.displayName = "HeatmapChart";
 const HeatmapChartResponsive = attachSubComponents(withResponsive(HeatmapChartResponsiveInner), { Legend: HeatmapLegend });
 //#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+warning@3.50.0/node_modules/@wordpress/warning/build-module/utils.mjs
-var logged = /* @__PURE__ */ new Set();
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+warning@3.50.0/node_modules/@wordpress/warning/build-module/index.mjs
-function isDev() {
-	return globalThis.SCRIPT_DEBUG === true;
-}
-function warning(message) {
-	if (!isDev()) return;
-	if (logged.has(message)) return;
-	console.warn(message);
-	try {
-		throw Error(message);
-	} catch {}
-	logged.add(message);
-}
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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__";
-//#endregion
-//#region ../../../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();
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/hooks/use-update-effect.mjs
+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;
+	}, []);
 }
+var use_update_effect_default = useUpdateEffect;
 //#endregion
-//#region ../../../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);
+//#region ../../../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];
 }
-//#endregion
-//#region ../../../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));
-}
-//#endregion
-//#region ../../../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));
-}
-//#endregion
-//#region ../../../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;
-}
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.mjs
-function getStyledClassName(namespace) {
-	return `components-${paramCase(namespace)}`;
-}
-var getStyledClassNameFromKey = memize(getStyledClassName);
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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");
-	let mergedNamespace = WrappedComponent["__contextSystemKey__"] || [namespace];
-	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)}`
-	});
-}
-//#endregion
-//#region ../../../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;
-	};
-}));
-//#endregion
-//#region ../../../node_modules/.pnpm/is-plain-object@5.0.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;
-}
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/hooks/use-update-effect.mjs
-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;
-	}, []);
-}
-var use_update_effect_default = useUpdateEffect;
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/context/context-system-provider.mjs
-var import_es6 = /* @__PURE__ */ __toESM(require_es6(), 1);
-var ComponentsContext = createContext$1(
-	/** @type {Record<string, any>} */
-	{}
-);
-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);
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/context/utils.mjs
-function getNamespace(componentName) {
-	return { [COMPONENT_NAMESPACE]: componentName };
-}
-function getConnectedNamespace() {
-	return { [CONNECTED_NAMESPACE]: true };
-}
-//#endregion
-//#region ../../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-var isDevelopment$3 = false;
-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;
+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) {
@@ -6576,7 +6396,7 @@ var StyleSheet = /*#__PURE__*/ function() {
 			_this.container.insertBefore(tag, before);
 			_this.tags.push(tag);
 		};
-		this.isSpeedy = options.speedy === void 0 ? !isDevelopment$3 : options.speedy;
+		this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
 		this.tags = [];
 		this.ctr = 0;
 		this.nonce = options.nonce;
@@ -7372,7 +7192,25 @@ var createCache = function createCache(options) {
 * LICENSE file in the root directory of this source tree.
 */
 var require_react_is_production_min = /* @__PURE__ */ __commonJSMin(((exports) => {
-	var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+	var b = "function" === typeof Symbol && Symbol.for;
+	var c = b ? Symbol.for("react.element") : 60103;
+	var d = b ? Symbol.for("react.portal") : 60106;
+	var e = b ? Symbol.for("react.fragment") : 60107;
+	var f = b ? Symbol.for("react.strict_mode") : 60108;
+	var g = b ? Symbol.for("react.profiler") : 60114;
+	var h = b ? Symbol.for("react.provider") : 60109;
+	var k = b ? Symbol.for("react.context") : 60110;
+	var l = b ? Symbol.for("react.async_mode") : 60111;
+	var m = b ? Symbol.for("react.concurrent_mode") : 60111;
+	var n = b ? Symbol.for("react.forward_ref") : 60112;
+	var p = b ? Symbol.for("react.suspense") : 60113;
+	var q = b ? Symbol.for("react.suspense_list") : 60120;
+	var r = b ? Symbol.for("react.memo") : 60115;
+	var t = b ? Symbol.for("react.lazy") : 60116;
+	var v = b ? Symbol.for("react.block") : 60121;
+	var w = b ? Symbol.for("react.fundamental") : 60117;
+	var x = b ? Symbol.for("react.responder") : 60118;
+	var y = b ? Symbol.for("react.scope") : 60119;
 	function z(a) {
 		if ("object" === typeof a && null !== a) {
 			var u = a.$$typeof;
@@ -7695,7 +7533,6 @@ var require_hoist_non_react_statics_cjs = /* @__PURE__ */ __commonJSMin(((export
 }));
 //#endregion
 //#region ../../../node_modules/.pnpm/@emotion+utils@1.4.2/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-var isBrowser = true;
 function getRegisteredStyles$1(registered, registeredStyles, classNames) {
 	var rawClassName = "";
 	classNames.split(" ").forEach(function(className) {
@@ -7706,7 +7543,7 @@ function getRegisteredStyles$1(registered, registeredStyles, classNames) {
 }
 var registerStyles = function registerStyles(cache, serialized, isStringTag) {
 	var className = cache.key + "-" + serialized.name;
-	if ((isStringTag === false || isBrowser === false) && cache.registered[className] === void 0) cache.registered[className] = serialized.styles;
+	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);
@@ -8078,11 +7915,12 @@ var classnames = function classnames(args) {
 		}
 	}
 	return cls;
-}, _createEmotion = createEmotion({ key: "css" });
-_createEmotion.flush;
-_createEmotion.hydrate;
+};
 //#endregion
 //#region ../../../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;
@@ -8108,11 +7946,373 @@ var useCx = () => {
 	}, [cache]);
 };
 //#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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");
-	const contextProps = contextSystemProps?.[namespace] || {};
+//#region ../../../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;
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/colors-values.mjs
+var white = "#fff";
+var GRAY = {
+	900: "#1e1e1e",
+	800: "#2f2f2f",
+	/** Meets 4.6:1 text contrast against white. */
+	700: "#757575",
+	/** Meets 3:1 UI or large text contrast against white. */
+	600: "#949494",
+	400: "#ccc",
+	/** Used for most borders. */
+	300: "#ddd",
+	/** Used sparingly for light borders. */
+	200: "#e0e0e0",
+	/** Used for light gray backgrounds. */
+	100: "#f0f0f0"
+};
+var ALERT = {
+	yellow: "#f0b849",
+	red: "#d94f4f",
+	green: "#4ab866"
+};
+var THEME = {
+	accent: `var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))`,
+	accentDarker10: `var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6))`,
+	accentDarker20: `var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6))`,
+	/** Used when placing text on the accent color. */
+	accentInverted: `var(--wp-components-color-accent-inverted, var(--wpds-color-foreground-interactive-brand-strong, #fff))`,
+	background: `var(--wp-components-color-background, var(--wpds-color-background-surface-neutral-strong, #fff))`,
+	foreground: `var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
+	/** Used when placing text on the foreground color. */
+	foregroundInverted: `var(--wp-components-color-foreground-inverted, var(--wpds-color-background-surface-neutral, #fcfcfc))`,
+	gray: {
+		/** @deprecated Use `COLORS.theme.foreground` instead. */
+		900: `var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
+		800: `var(--wp-components-color-gray-800, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
+		700: `var(--wp-components-color-gray-700, var(--wpds-color-foreground-content-neutral-weak, #707070))`,
+		600: `var(--wp-components-color-gray-600, var(--wpds-color-stroke-interactive-neutral, #8d8d8d))`,
+		400: `var(--wp-components-color-gray-400, var(--wpds-color-stroke-interactive-neutral, #8d8d8d))`,
+		300: `var(--wp-components-color-gray-300, var(--wpds-color-stroke-surface-neutral, #dbdbdb))`,
+		200: `var(--wp-components-color-gray-200, var(--wpds-color-stroke-surface-neutral, #dbdbdb))`,
+		100: `var(--wp-components-color-gray-100, var(--wpds-color-background-surface-neutral, #fcfcfc))`
+	}
+};
+var UI = {
+	background: THEME.background,
+	backgroundDisabled: THEME.gray[100],
+	border: THEME.gray[600],
+	borderHover: THEME.gray[700],
+	borderFocus: THEME.accent,
+	borderDisabled: THEME.gray[400],
+	textDisabled: THEME.gray[600],
+	darkGrayPlaceholder: `color-mix(in srgb, ${THEME.foreground}, transparent 38%)`,
+	lightGrayPlaceholder: `color-mix(in srgb, ${THEME.background}, transparent 35%)`
+};
+var COLORS = Object.freeze({
+	/**
+	* The main gray color object.
+	*
+	* @deprecated Use semantic aliases in `COLORS.ui` or theme-ready variables in `COLORS.theme.gray`.
+	*/
+	gray: GRAY,
+	/**
+	* @deprecated Prefer theme-ready variables in `COLORS.theme`.
+	*/
+	white,
+	alert: ALERT,
+	/**
+	* Theme-ready variables with fallbacks.
+	*
+	* Prefer semantic aliases in `COLORS.ui` when applicable.
+	*/
+	theme: THEME,
+	/**
+	* Semantic aliases (prefer these over raw variables when applicable).
+	*/
+	ui: UI
+});
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/config-values.mjs
+var CONTROL_HEIGHT = "36px";
+var CONTROL_PROPS = {
+	controlPaddingX: 12,
+	controlPaddingXSmall: 8,
+	controlPaddingXLarge: 12 * 1.3334,
+	controlBoxShadowFocus: `0 0 0 0.5px ${COLORS.theme.accent}`,
+	controlHeight: CONTROL_HEIGHT,
+	controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,
+	controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,
+	controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,
+	controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`
+};
+var config_values_default = Object.assign({}, CONTROL_PROPS, {
+	colorDivider: "rgba(0, 0, 0, 0.1)",
+	colorScrollbarThumb: "rgba(0, 0, 0, 0.2)",
+	colorScrollbarThumbHover: "rgba(0, 0, 0, 0.5)",
+	colorScrollbarTrack: "rgba(0, 0, 0, 0.04)",
+	elevationIntensity: 1,
+	radiusXSmall: "1px",
+	radiusSmall: "2px",
+	radiusMedium: "4px",
+	radiusLarge: "8px",
+	radiusFull: "9999px",
+	radiusRound: "50%",
+	borderWidth: "1px",
+	borderWidthFocus: "1.5px",
+	borderWidthTab: "4px",
+	spinnerSize: 16,
+	fontSize: "13px",
+	fontSizeH1: "calc(2.44 * 13px)",
+	fontSizeH2: "calc(1.95 * 13px)",
+	fontSizeH3: "calc(1.56 * 13px)",
+	fontSizeH4: "calc(1.25 * 13px)",
+	fontSizeH5: "13px",
+	fontSizeH6: "calc(0.8 * 13px)",
+	fontSizeInputMobile: "16px",
+	fontSizeMobile: "15px",
+	fontSizeSmall: "calc(0.92 * 13px)",
+	fontSizeXSmall: "calc(0.75 * 13px)",
+	fontLineHeightBase: "1.4",
+	fontWeight: "normal",
+	fontWeightMedium: "499",
+	fontWeightHeading: "600",
+	gridBase: "4px",
+	elevationXSmall: `0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)`,
+	elevationSmall: `0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)`,
+	elevationMedium: `0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)`,
+	elevationLarge: `0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)`,
+	surfaceBackgroundColor: COLORS.white,
+	surfaceBackgroundSubtleColor: "#F3F3F3",
+	surfaceBackgroundTintColor: "#F5F5F5",
+	surfaceBorderColor: "rgba(0, 0, 0, 0.1)",
+	surfaceBorderBoldColor: "rgba(0, 0, 0, 0.15)",
+	surfaceBorderSubtleColor: "rgba(0, 0, 0, 0.05)",
+	surfaceBackgroundTertiaryColor: COLORS.white,
+	surfaceColor: COLORS.white,
+	transitionDuration: "200ms",
+	transitionDurationFast: "160ms",
+	transitionDurationFaster: "120ms",
+	transitionDurationFastest: "100ms",
+	transitionTimingFunction: "cubic-bezier(0.08, 0.52, 0.52, 1)",
+	transitionTimingFunctionControl: "cubic-bezier(0.12, 0.8, 0.32, 1)"
+});
+//#endregion
+//#region ../../../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;
+	};
+}));
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+warning@3.50.0/node_modules/@wordpress/warning/build-module/utils.mjs
+var logged = /* @__PURE__ */ new Set();
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+warning@3.50.0/node_modules/@wordpress/warning/build-module/index.mjs
+function isDev() {
+	return globalThis.SCRIPT_DEBUG === true;
+}
+function warning(message) {
+	if (!isDev()) return;
+	if (logged.has(message)) return;
+	console.warn(message);
+	try {
+		throw Error(message);
+	} catch {}
+	logged.add(message);
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/context/context-system-provider.mjs
+var import_es6 = /* @__PURE__ */ __toESM(require_es6(), 1);
+var ComponentsContext = createContext$1(
+	/** @type {Record<string, any>} */
+	{}
+);
+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);
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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__";
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.mjs
+function getStyledClassName(namespace) {
+	return `components-${paramCase(namespace)}`;
+}
+var getStyledClassNameFromKey = memize(getStyledClassName);
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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");
+	let mergedNamespace = WrappedComponent["__contextSystemKey__"] || [namespace];
+	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)}`
+	});
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/context/utils.mjs
+function getNamespace(componentName) {
+	return { [COMPONENT_NAMESPACE]: componentName };
+}
+function getConnectedNamespace() {
+	return { [CONNECTED_NAMESPACE]: true };
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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");
+	const contextProps = contextSystemProps?.[namespace] || {};
 	const finalComponentProps = {
 		...getConnectedNamespace(),
 		...getNamespace(namespace)
@@ -8128,6 +8328,22 @@ function useContextSystem(props, namespace) {
 	return finalComponentProps;
 }
 //#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/visually-hidden/styles.mjs
+var 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"
+};
+//#endregion
 //#region ../../../node_modules/.pnpm/@emotion+is-prop-valid@1.4.0/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
 var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|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|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|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
 var isPropValid = /* #__PURE__ */ memoize(function(prop) {
@@ -8243,7 +8459,56 @@ function UnforwardedView({ as, ...restProps }, ref) {
 		...restProps
 	});
 }
-var component_default$1 = Object.assign(forwardRef$1(UnforwardedView), { selector: ".components-view" });
+var component_default$2 = Object.assign(forwardRef$1(UnforwardedView), { selector: ".components-view" });
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/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, {
+		ref: forwardedRef,
+		...contextProps,
+		"data-visually-hidden": "",
+		style: {
+			...visuallyHidden,
+			...styleProp || {}
+		}
+	});
+}
+var component_default$1 = contextConnect(UnconnectedVisuallyHidden, "VisuallyHidden");
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/use-responsive-value.mjs
+var breakpoints = [
+	"40em",
+	"52em",
+	"64em"
+];
+var useBreakpointIndex = (options = {}) => {
+	const { defaultIndex = 0 } = 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(() => {
+		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]);
+	return value;
+};
+function useResponsiveValue(values, options = {}) {
+	const index = useBreakpointIndex(options);
+	if (!Array.isArray(values) && typeof values !== "function") return values;
+	const array = values || [];
+	return array[index >= array.length ? array.length - 1 : index];
+}
 //#endregion
 //#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/grid/utils.mjs
 var ALIGNMENTS = {
@@ -8293,184 +8558,6 @@ function getAlignmentProps(alignment) {
 	return alignment ? ALIGNMENTS[alignment] : {};
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/use-responsive-value.mjs
-var breakpoints = [
-	"40em",
-	"52em",
-	"64em"
-];
-var useBreakpointIndex = (options = {}) => {
-	const { defaultIndex = 0 } = 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(() => {
-		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]);
-	return value;
-};
-function useResponsiveValue(values, options = {}) {
-	const index = useBreakpointIndex(options);
-	if (!Array.isArray(values) && typeof values !== "function") return values;
-	const array = values || [];
-	return array[index >= array.length ? array.length - 1 : index];
-}
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/colors-values.mjs
-var white = "#fff";
-var GRAY = {
-	900: "#1e1e1e",
-	800: "#2f2f2f",
-	/** Meets 4.6:1 text contrast against white. */
-	700: "#757575",
-	/** Meets 3:1 UI or large text contrast against white. */
-	600: "#949494",
-	400: "#ccc",
-	/** Used for most borders. */
-	300: "#ddd",
-	/** Used sparingly for light borders. */
-	200: "#e0e0e0",
-	/** Used for light gray backgrounds. */
-	100: "#f0f0f0"
-};
-var ALERT = {
-	yellow: "#f0b849",
-	red: "#d94f4f",
-	green: "#4ab866"
-};
-var THEME = {
-	accent: `var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))`,
-	accentDarker10: `var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6))`,
-	accentDarker20: `var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6))`,
-	/** Used when placing text on the accent color. */
-	accentInverted: `var(--wp-components-color-accent-inverted, var(--wpds-color-foreground-interactive-brand-strong, #fff))`,
-	background: `var(--wp-components-color-background, var(--wpds-color-background-surface-neutral-strong, #fff))`,
-	foreground: `var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
-	/** Used when placing text on the foreground color. */
-	foregroundInverted: `var(--wp-components-color-foreground-inverted, var(--wpds-color-background-surface-neutral, #fcfcfc))`,
-	gray: {
-		/** @deprecated Use `COLORS.theme.foreground` instead. */
-		900: `var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
-		800: `var(--wp-components-color-gray-800, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
-		700: `var(--wp-components-color-gray-700, var(--wpds-color-foreground-content-neutral-weak, #707070))`,
-		600: `var(--wp-components-color-gray-600, var(--wpds-color-stroke-interactive-neutral, #8d8d8d))`,
-		400: `var(--wp-components-color-gray-400, var(--wpds-color-stroke-interactive-neutral, #8d8d8d))`,
-		300: `var(--wp-components-color-gray-300, var(--wpds-color-stroke-surface-neutral, #dbdbdb))`,
-		200: `var(--wp-components-color-gray-200, var(--wpds-color-stroke-surface-neutral, #dbdbdb))`,
-		100: `var(--wp-components-color-gray-100, var(--wpds-color-background-surface-neutral, #fcfcfc))`
-	}
-};
-var UI = {
-	background: THEME.background,
-	backgroundDisabled: THEME.gray[100],
-	border: THEME.gray[600],
-	borderHover: THEME.gray[700],
-	borderFocus: THEME.accent,
-	borderDisabled: THEME.gray[400],
-	textDisabled: THEME.gray[600],
-	darkGrayPlaceholder: `color-mix(in srgb, ${THEME.foreground}, transparent 38%)`,
-	lightGrayPlaceholder: `color-mix(in srgb, ${THEME.background}, transparent 35%)`
-};
-var COLORS = Object.freeze({
-	/**
-	* The main gray color object.
-	*
-	* @deprecated Use semantic aliases in `COLORS.ui` or theme-ready variables in `COLORS.theme.gray`.
-	*/
-	gray: GRAY,
-	/**
-	* @deprecated Prefer theme-ready variables in `COLORS.theme`.
-	*/
-	white,
-	alert: ALERT,
-	/**
-	* Theme-ready variables with fallbacks.
-	*
-	* Prefer semantic aliases in `COLORS.ui` when applicable.
-	*/
-	theme: THEME,
-	/**
-	* Semantic aliases (prefer these over raw variables when applicable).
-	*/
-	ui: UI
-});
-//#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/config-values.mjs
-var CONTROL_HEIGHT = "36px";
-var CONTROL_PROPS = {
-	controlPaddingX: 12,
-	controlPaddingXSmall: 8,
-	controlPaddingXLarge: 12 * 1.3334,
-	controlBoxShadowFocus: `0 0 0 0.5px ${COLORS.theme.accent}`,
-	controlHeight: CONTROL_HEIGHT,
-	controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,
-	controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,
-	controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,
-	controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`
-};
-var config_values_default = Object.assign({}, CONTROL_PROPS, {
-	colorDivider: "rgba(0, 0, 0, 0.1)",
-	colorScrollbarThumb: "rgba(0, 0, 0, 0.2)",
-	colorScrollbarThumbHover: "rgba(0, 0, 0, 0.5)",
-	colorScrollbarTrack: "rgba(0, 0, 0, 0.04)",
-	elevationIntensity: 1,
-	radiusXSmall: "1px",
-	radiusSmall: "2px",
-	radiusMedium: "4px",
-	radiusLarge: "8px",
-	radiusFull: "9999px",
-	radiusRound: "50%",
-	borderWidth: "1px",
-	borderWidthFocus: "1.5px",
-	borderWidthTab: "4px",
-	spinnerSize: 16,
-	fontSize: "13px",
-	fontSizeH1: "calc(2.44 * 13px)",
-	fontSizeH2: "calc(1.95 * 13px)",
-	fontSizeH3: "calc(1.56 * 13px)",
-	fontSizeH4: "calc(1.25 * 13px)",
-	fontSizeH5: "13px",
-	fontSizeH6: "calc(0.8 * 13px)",
-	fontSizeInputMobile: "16px",
-	fontSizeMobile: "15px",
-	fontSizeSmall: "calc(0.92 * 13px)",
-	fontSizeXSmall: "calc(0.75 * 13px)",
-	fontLineHeightBase: "1.4",
-	fontWeight: "normal",
-	fontWeightMedium: "499",
-	fontWeightHeading: "600",
-	gridBase: "4px",
-	elevationXSmall: `0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)`,
-	elevationSmall: `0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)`,
-	elevationMedium: `0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)`,
-	elevationLarge: `0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)`,
-	surfaceBackgroundColor: COLORS.white,
-	surfaceBackgroundSubtleColor: "#F3F3F3",
-	surfaceBackgroundTintColor: "#F5F5F5",
-	surfaceBorderColor: "rgba(0, 0, 0, 0.1)",
-	surfaceBorderBoldColor: "rgba(0, 0, 0, 0.15)",
-	surfaceBorderSubtleColor: "rgba(0, 0, 0, 0.05)",
-	surfaceBackgroundTertiaryColor: COLORS.white,
-	surfaceColor: COLORS.white,
-	transitionDuration: "200ms",
-	transitionDurationFast: "160ms",
-	transitionDurationFaster: "120ms",
-	transitionDurationFastest: "100ms",
-	transitionTimingFunction: "cubic-bezier(0.08, 0.52, 0.52, 1)",
-	transitionTimingFunctionControl: "cubic-bezier(0.12, 0.8, 0.32, 1)"
-});
-//#endregion
 //#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/grid/hook.mjs
 function useGrid(props) {
 	const { align, alignment, className, columnGap, columns = 2, gap = 3, isInline = false, justify, rowGap, rows, templateColumns, templateRows, ...otherProps } = useContextSystem(props, "Grid");
@@ -8481,7 +8568,7 @@ function useGrid(props) {
 	const cx = useCx();
 	const classes = useMemo$1(() => {
 		const alignmentProps = getAlignmentProps(alignment);
-		return cx(/* @__PURE__ */ css$1({
+		const gridClasses = /* @__PURE__ */ css$1({
 			alignItems: align,
 			display: isInline ? "inline-grid" : "grid",
 			gap: `calc( ${config_values_default.gridBase} * ${gap} )`,
@@ -8492,7 +8579,8 @@ function useGrid(props) {
 			justifyContent: justify,
 			verticalAlign: isInline ? "middle" : void 0,
 			...alignmentProps
-		}, process.env.NODE_ENV === "production" ? "" : ";label:gridClasses;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvb2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURzQiIsImZpbGUiOiJob29rLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB0eXBlIHsgV29yZFByZXNzQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb250ZXh0JztcbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi9jb250ZXh0JztcbmltcG9ydCB7IGdldEFsaWdubWVudFByb3BzIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuaW1wb3J0IHsgdXNlQ3ggfSBmcm9tICcuLi91dGlscy9ob29rcy91c2UtY3gnO1xuaW1wb3J0IHR5cGUgeyBHcmlkUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlR3JpZChcblx0cHJvcHM6IFdvcmRQcmVzc0NvbXBvbmVudFByb3BzPCBHcmlkUHJvcHMsICdkaXYnID5cbikge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24sXG5cdFx0YWxpZ25tZW50LFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjb2x1bW5HYXAsXG5cdFx0Y29sdW1ucyA9IDIsXG5cdFx0Z2FwID0gMyxcblx0XHRpc0lubGluZSA9IGZhbHNlLFxuXHRcdGp1c3RpZnksXG5cdFx0cm93R2FwLFxuXHRcdHJvd3MsXG5cdFx0dGVtcGxhdGVDb2x1bW5zLFxuXHRcdHRlbXBsYXRlUm93cyxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0dyaWQnICk7XG5cblx0Y29uc3QgY29sdW1uc0FzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBjb2x1bW5zICkgPyBjb2x1bW5zIDogWyBjb2x1bW5zIF07XG5cdGNvbnN0IGNvbHVtbiA9IHVzZVJlc3BvbnNpdmVWYWx1ZSggY29sdW1uc0FzQXJyYXkgKTtcblx0Y29uc3Qgcm93c0FzQXJyYXkgPSBBcnJheS5pc0FycmF5KCByb3dzICkgPyByb3dzIDogWyByb3dzIF07XG5cdGNvbnN0IHJvdyA9IHVzZVJlc3BvbnNpdmVWYWx1ZSggcm93c0FzQXJyYXkgKTtcblxuXHRjb25zdCBncmlkVGVtcGxhdGVDb2x1bW5zID1cblx0XHR0ZW1wbGF0ZUNvbHVtbnMgfHwgKCAhISBjb2x1bW5zICYmIGByZXBlYXQoICR7IGNvbHVtbiB9LCAxZnIgKWAgKTtcblx0Y29uc3QgZ3JpZFRlbXBsYXRlUm93cyA9XG5cdFx0dGVtcGxhdGVSb3dzIHx8ICggISEgcm93cyAmJiBgcmVwZWF0KCAkeyByb3cgfSwgMWZyIClgICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3QgYWxpZ25tZW50UHJvcHMgPSBnZXRBbGlnbm1lbnRQcm9wcyggYWxpZ25tZW50ICk7XG5cblx0XHRjb25zdCBncmlkQ2xhc3NlcyA9IGNzcygge1xuXHRcdFx0YWxpZ25JdGVtczogYWxpZ24sXG5cdFx0XHRkaXNwbGF5OiBpc0lubGluZSA/ICdpbmxpbmUtZ3JpZCcgOiAnZ3JpZCcsXG5cdFx0XHRnYXA6IGBjYWxjKCAkeyBDT05GSUcuZ3JpZEJhc2UgfSAqICR7IGdhcCB9IClgLFxuXHRcdFx0Z3JpZFRlbXBsYXRlQ29sdW1uczogZ3JpZFRlbXBsYXRlQ29sdW1ucyB8fCB1bmRlZmluZWQsXG5cdFx0XHRncmlkVGVtcGxhdGVSb3dzOiBncmlkVGVtcGxhdGVSb3dzIHx8IHVuZGVmaW5lZCxcblx0XHRcdGdyaWRSb3dHYXA6IHJvd0dhcCxcblx0XHRcdGdyaWRDb2x1bW5HYXA6IGNvbHVtbkdhcCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0dmVydGljYWxBbGlnbjogaXNJbmxpbmUgPyAnbWlkZGxlJyA6IHVuZGVmaW5lZCxcblx0XHRcdC4uLmFsaWdubWVudFByb3BzLFxuXHRcdH0gKTtcblxuXHRcdHJldHVybiBjeCggZ3JpZENsYXNzZXMsIGNsYXNzTmFtZSApO1xuXHR9LCBbXG5cdFx0YWxpZ24sXG5cdFx0YWxpZ25tZW50LFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjb2x1bW5HYXAsXG5cdFx0Y3gsXG5cdFx0Z2FwLFxuXHRcdGdyaWRUZW1wbGF0ZUNvbHVtbnMsXG5cdFx0Z3JpZFRlbXBsYXRlUm93cyxcblx0XHRpc0lubGluZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHJvd0dhcCxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcyB9O1xufVxuIl19 */"), className);
+		}, process.env.NODE_ENV === "production" ? "" : ";label:gridClasses;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvb2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURzQiIsImZpbGUiOiJob29rLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB0eXBlIHsgV29yZFByZXNzQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb250ZXh0JztcbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi9jb250ZXh0JztcbmltcG9ydCB7IGdldEFsaWdubWVudFByb3BzIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuaW1wb3J0IHsgdXNlQ3ggfSBmcm9tICcuLi91dGlscy9ob29rcy91c2UtY3gnO1xuaW1wb3J0IHR5cGUgeyBHcmlkUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlR3JpZChcblx0cHJvcHM6IFdvcmRQcmVzc0NvbXBvbmVudFByb3BzPCBHcmlkUHJvcHMsICdkaXYnID5cbikge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24sXG5cdFx0YWxpZ25tZW50LFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjb2x1bW5HYXAsXG5cdFx0Y29sdW1ucyA9IDIsXG5cdFx0Z2FwID0gMyxcblx0XHRpc0lubGluZSA9IGZhbHNlLFxuXHRcdGp1c3RpZnksXG5cdFx0cm93R2FwLFxuXHRcdHJvd3MsXG5cdFx0dGVtcGxhdGVDb2x1bW5zLFxuXHRcdHRlbXBsYXRlUm93cyxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0dyaWQnICk7XG5cblx0Y29uc3QgY29sdW1uc0FzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBjb2x1bW5zICkgPyBjb2x1bW5zIDogWyBjb2x1bW5zIF07XG5cdGNvbnN0IGNvbHVtbiA9IHVzZVJlc3BvbnNpdmVWYWx1ZSggY29sdW1uc0FzQXJyYXkgKTtcblx0Y29uc3Qgcm93c0FzQXJyYXkgPSBBcnJheS5pc0FycmF5KCByb3dzICkgPyByb3dzIDogWyByb3dzIF07XG5cdGNvbnN0IHJvdyA9IHVzZVJlc3BvbnNpdmVWYWx1ZSggcm93c0FzQXJyYXkgKTtcblxuXHRjb25zdCBncmlkVGVtcGxhdGVDb2x1bW5zID1cblx0XHR0ZW1wbGF0ZUNvbHVtbnMgfHwgKCAhISBjb2x1bW5zICYmIGByZXBlYXQoICR7IGNvbHVtbiB9LCAxZnIgKWAgKTtcblx0Y29uc3QgZ3JpZFRlbXBsYXRlUm93cyA9XG5cdFx0dGVtcGxhdGVSb3dzIHx8ICggISEgcm93cyAmJiBgcmVwZWF0KCAkeyByb3cgfSwgMWZyIClgICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3QgYWxpZ25tZW50UHJvcHMgPSBnZXRBbGlnbm1lbnRQcm9wcyggYWxpZ25tZW50ICk7XG5cblx0XHRjb25zdCBncmlkQ2xhc3NlcyA9IGNzcygge1xuXHRcdFx0YWxpZ25JdGVtczogYWxpZ24sXG5cdFx0XHRkaXNwbGF5OiBpc0lubGluZSA/ICdpbmxpbmUtZ3JpZCcgOiAnZ3JpZCcsXG5cdFx0XHRnYXA6IGBjYWxjKCAkeyBDT05GSUcuZ3JpZEJhc2UgfSAqICR7IGdhcCB9IClgLFxuXHRcdFx0Z3JpZFRlbXBsYXRlQ29sdW1uczogZ3JpZFRlbXBsYXRlQ29sdW1ucyB8fCB1bmRlZmluZWQsXG5cdFx0XHRncmlkVGVtcGxhdGVSb3dzOiBncmlkVGVtcGxhdGVSb3dzIHx8IHVuZGVmaW5lZCxcblx0XHRcdGdyaWRSb3dHYXA6IHJvd0dhcCxcblx0XHRcdGdyaWRDb2x1bW5HYXA6IGNvbHVtbkdhcCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0dmVydGljYWxBbGlnbjogaXNJbmxpbmUgPyAnbWlkZGxlJyA6IHVuZGVmaW5lZCxcblx0XHRcdC4uLmFsaWdubWVudFByb3BzLFxuXHRcdH0gKTtcblxuXHRcdHJldHVybiBjeCggZ3JpZENsYXNzZXMsIGNsYXNzTmFtZSApO1xuXHR9LCBbXG5cdFx0YWxpZ24sXG5cdFx0YWxpZ25tZW50LFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjb2x1bW5HYXAsXG5cdFx0Y3gsXG5cdFx0Z2FwLFxuXHRcdGdyaWRUZW1wbGF0ZUNvbHVtbnMsXG5cdFx0Z3JpZFRlbXBsYXRlUm93cyxcblx0XHRpc0lubGluZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHJvd0dhcCxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcyB9O1xufVxuIl19 */");
+		return cx(gridClasses, className);
 	}, [
 		align,
 		alignment,
@@ -8514,7 +8602,7 @@ function useGrid(props) {
 //#endregion
 //#region ../../../node_modules/.pnpm/@wordpress+components@36.1.0_@types+react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/grid/component.mjs
 function UnconnectedGrid(props, forwardedRef) {
-	return /* @__PURE__ */ jsx(component_default$1, {
+	return /* @__PURE__ */ jsx(component_default$2, {
 		...useGrid(props),
 		ref: forwardedRef
 	});
@@ -8578,6 +8666,8 @@ var leaderboard_chart_module_default = {
 	"bar--animated": "a8ccharts-GovfoW-bar--animated",
 	"barWithLabelContainer": "a8ccharts-GovfoW-barWithLabelContainer",
 	"chevron": "a8ccharts-GovfoW-chevron",
+	"deltaPlaceholder": "a8ccharts-GovfoW-deltaPlaceholder",
+	"deltaValue": "a8ccharts-GovfoW-deltaValue",
 	"emptyState": "a8ccharts-GovfoW-emptyState",
 	"interactiveRow": "a8ccharts-GovfoW-interactiveRow",
 	"is-overlay": "a8ccharts-GovfoW-is-overlay",
@@ -8628,30 +8718,34 @@ const defaultDeltaFormatter = (value) => {
 * @return A CSS width value.
 */
 const getBarWidth = (share) => `calc(${share}% - var(--a8c--charts--leaderboard--bar--hover-inset, 0px) * ${share} / 100)`;
+const hasComparisonValue = (entry) => entry.previousValue != null && entry.previousShare != null && entry.delta != null;
 const BarLabel = ({ label }) => /* @__PURE__ */ jsx(Fragment$1, { children: typeof label === "string" ? /* @__PURE__ */ jsx(Text$1, {
 	className: leaderboard_chart_module_default.label,
 	children: label
 }) : label });
-const BarWithLabel = ({ entry, withComparison, withOverlayLabel, primaryColor, secondaryColor, animation, isPrimaryVisible = true, isComparisonVisible = true }) => /* @__PURE__ */ jsxs("div", {
-	className: clsx(leaderboard_chart_module_default.barWithLabelContainer, { [leaderboard_chart_module_default["is-overlay"]]: withOverlayLabel }),
-	children: [
-		/* @__PURE__ */ jsx(BarLabel, { label: entry.label }),
-		isPrimaryVisible && /* @__PURE__ */ jsx("div", {
-			className: clsx(leaderboard_chart_module_default.bar, { [leaderboard_chart_module_default["bar--animated"]]: animation }),
-			style: {
-				width: getBarWidth(entry.currentShare),
-				backgroundColor: primaryColor
-			}
-		}),
-		withComparison && !withOverlayLabel && isComparisonVisible && /* @__PURE__ */ jsx("div", {
-			className: clsx(leaderboard_chart_module_default.bar, { [leaderboard_chart_module_default["bar--animated"]]: animation }),
-			style: {
-				width: getBarWidth(entry.previousShare),
-				backgroundColor: secondaryColor
-			}
-		})
-	]
-});
+const BarWithLabel = ({ entry, withComparison, withOverlayLabel, primaryColor, secondaryColor, animation, isPrimaryVisible = true, isComparisonVisible = true }) => {
+	const showComparisonBar = withComparison && !withOverlayLabel && isComparisonVisible;
+	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 }),
+			isPrimaryVisible && /* @__PURE__ */ jsx("div", {
+				className: clsx(leaderboard_chart_module_default.bar, { [leaderboard_chart_module_default["bar--animated"]]: animation }),
+				style: {
+					width: getBarWidth(entry.currentShare),
+					backgroundColor: primaryColor
+				}
+			}),
+			showComparisonBar && hasComparisonValue(entry) && /* @__PURE__ */ jsx("div", {
+				className: clsx(leaderboard_chart_module_default.bar, { [leaderboard_chart_module_default["bar--animated"]]: animation }),
+				style: {
+					width: getBarWidth(entry.previousShare),
+					backgroundColor: secondaryColor
+				}
+			})
+		]
+	});
+};
 /**
 * LeaderboardChart component displays a ranked list of data with progress bars
 * and optional comparison values.
@@ -8809,7 +8903,12 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 					rowGap,
 					columnGap,
 					children: data.map((entry) => {
-						const deltaColor = deltaColors[Math.sign(entry.delta) + 1];
+						const showComparisonColumn = withComparison && isComparisonVisible;
+						const hasDeltaValue = hasComparisonValue(entry);
+						const showComparisonValue = showComparisonColumn && hasDeltaValue;
+						const showComparisonPlaceholder = showComparisonColumn && !hasDeltaValue;
+						const colorIndex = showComparisonValue ? Math.sign(entry.delta) + 1 : 1;
+						const deltaColor = deltaColors[colorIndex];
 						const rowCells = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Stack, {
 							direction: "column",
 							gap: labelSpacing,
@@ -8827,10 +8926,25 @@ const LeaderboardChartInternal = ({ data, chartId: providedChartId, width: propW
 							direction: "row",
 							gap: "xs",
 							className: clsx(leaderboard_chart_module_default.valueContainer, { [leaderboard_chart_module_default.overlayLabel]: withOverlayLabel }),
-							children: [isPrimaryVisible && /* @__PURE__ */ jsx(Text$1, { children: valueFormatter(entry.currentValue) }), withComparison && isComparisonVisible && /* @__PURE__ */ jsx(Text$1, {
-								style: { color: deltaColor },
-								children: deltaFormatter(entry.delta)
-							})]
+							children: [
+								isPrimaryVisible && /* @__PURE__ */ jsx(Text$1, { children: valueFormatter(entry.currentValue) }),
+								showComparisonValue && /* @__PURE__ */ jsx(Text$1, {
+									className: leaderboard_chart_module_default.deltaValue,
+									style: { color: deltaColor },
+									children: deltaFormatter(entry.delta)
+								}),
+								showComparisonPlaceholder && /* @__PURE__ */ jsxs(Text$1, {
+									className: clsx(leaderboard_chart_module_default.deltaValue, leaderboard_chart_module_default.deltaPlaceholder),
+									style: { color: deltaColor },
+									children: [/* @__PURE__ */ jsx("span", {
+										"aria-hidden": "true",
+										children: "-"
+									}), /* @__PURE__ */ jsx(component_default$1, {
+										as: "span",
+										children: __("No comparison data", "jetpack-charts")
+									})]
+								})
+							]
 						})] });
 						if (entry.onClick) return /* @__PURE__ */ jsxs("button", {
 							type: "button",
@@ -9639,6 +9753,6 @@ function TrendIndicator({ direction, value, className, style, showIcon = true })
 	});
 }
 //#endregion
-export { AccessibleTooltip, AreaChartResponsive as AreaChart, AreaChart as AreaChartUnresponsive, BarChartResponsive as BarChart, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, BarListChart as BarListChartUnresponsive, BaseTooltip, ConversionFunnelChartWithProvider as ConversionFunnelChart, GeoChartResponsive as GeoChart, GeoChartWithProvider as GeoChartUnresponsive, GlobalChartsContext, GlobalChartsProvider, GlobalChartsProvider as ThemeProvider, HeatmapChartResponsive as HeatmapChart, HeatmapChart as HeatmapChartUnresponsive, LeaderboardChartResponsive as LeaderboardChart, LeaderboardChart as LeaderboardChartUnresponsive, Legend, LineChartResponsive as LineChart, LineChart as LineChartUnresponsive, PieChartResponsive as PieChart, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, PieSemiCircleChart as PieSemiCircleChartUnresponsive, Sparkline, SparklineUnresponsive, TrendIndicator, buildCalendarHeatmapData, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, prefersLightText, relativeLuminance, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
+export { AccessibleTooltip, AreaChartResponsive as AreaChart, AreaChart as AreaChartUnresponsive, BarChartResponsive as BarChart, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, BarListChart as BarListChartUnresponsive, BaseTooltip, ConversionFunnelChartWithProvider as ConversionFunnelChart, GeoChartResponsive as GeoChart, GeoChartWithProvider as GeoChartUnresponsive, GlobalChartsContext, GlobalChartsProvider, GlobalChartsProvider as ThemeProvider, HeatmapChartResponsive as HeatmapChart, HeatmapChart as HeatmapChartUnresponsive, LeaderboardChartResponsive as LeaderboardChart, LeaderboardChart as LeaderboardChartUnresponsive, Legend, LineChartResponsive as LineChart, LineChart as LineChartUnresponsive, PieChartResponsive as PieChart, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, PieSemiCircleChart as PieSemiCircleChartUnresponsive, Sparkline, SparklineUnresponsive, TrendIndicator, buildCalendarHeatmapData, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, mixHexColors, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, prefersLightText, relativeLuminance, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
 
 //# sourceMappingURL=index.js.map