@automattic/charts 1.10.0 → 1.10.2

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/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
@@ -2818,27 +2907,14 @@ const guessOptimalNumTicks = (data, chartWidth, tickFormatter) => {
 };
 //#endregion
 //#region src/charts/private/with-responsive/with-responsive.module.scss
-var with_responsive_module_default = { "container": "a8ccharts-sP1gHa-container" };
+var with_responsive_module_default = {
+	"container": "a8ccharts-sP1gHa-container",
+	"content": "a8ccharts-sP1gHa-content",
+	"isContained": "a8ccharts-sP1gHa-isContained"
+};
 //#endregion
 //#region src/charts/private/with-responsive/with-responsive.tsx
-const useResponsiveDimensions = ({ resizeDebounceTime = 300, maxWidth = 1200, aspectRatio }) => {
-	const { parentRef, width: parentWidth, height: parentHeight } = useParentSize({
-		debounceTime: resizeDebounceTime,
-		enableDebounceLeadingCall: true
-	});
-	const containerWidth = parentWidth > 0 ? Math.min(parentWidth, maxWidth) : 0;
-	return {
-		parentRef,
-		width: containerWidth,
-		height: aspectRatio !== void 0 ? containerWidth * aspectRatio : parentHeight,
-		/**
-		* Whether an aspectRatio was provided. Used to determine container
-		* height styling: 'auto' when true (height derived from width),
-		* '100%' when false (fill parent container).
-		*/
-		hasAspectRatio: aspectRatio !== void 0
-	};
-};
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 /**
 * A higher-order component that provides responsive dimensions
 * to the wrapped chart component using useParentSize from `@visx/responsive`.
@@ -2848,32 +2924,67 @@ const useResponsiveDimensions = ({ resizeDebounceTime = 300, maxWidth = 1200, as
 */
 function withResponsive(WrappedComponent) {
 	return function ResponsiveChart({ resizeDebounceTime = 300, maxWidth = 1200, aspectRatio, size, width, height, ...chartProps }) {
-		const { parentRef, width: measuredWidth, height: measuredHeight, hasAspectRatio } = useResponsiveDimensions({
-			resizeDebounceTime,
-			maxWidth,
-			aspectRatio
+		const { parentRef, width: parentWidth, height: parentHeight } = useParentSize({
+			debounceTime: resizeDebounceTime,
+			enableDebounceLeadingCall: true
 		});
-		const effectiveWidth = measuredWidth || width || 0;
-		const effectiveHeight = measuredHeight || height || 0;
-		const defaultHeight = hasAspectRatio ? "auto" : "100%";
-		const aspectRatioStyle = hasAspectRatio && aspectRatio ? {
-			aspectRatio: `${1 / aspectRatio}`,
-			maxWidth: width === void 0 ? maxWidth : void 0
-		} : null;
-		return /* @__PURE__ */ jsx("div", {
-			ref: parentRef,
-			className: with_responsive_module_default.container,
-			style: {
-				width: width ?? "100%",
-				height: height ?? defaultHeight,
-				...aspectRatioStyle
-			},
-			children: /* @__PURE__ */ jsx(WrappedComponent, {
-				width: effectiveWidth,
-				height: effectiveHeight,
-				size,
-				...chartProps
-			})
+		const hasAspectRatio = aspectRatio !== void 0 && aspectRatio > 0;
+		const wrapperRef = useRef(null);
+		const setWrapperRef = useCallback((node) => {
+			wrapperRef.current = node;
+			if (typeof parentRef === "function") parentRef(node);
+			else if (parentRef) parentRef.current = node;
+		}, [parentRef]);
+		const [containedHeight, setContainedHeight] = useState(null);
+		const availableWidth = parentWidth > 0 ? Math.min(parentWidth, width === void 0 ? maxWidth : Infinity) : width ?? 0;
+		let boxWidth = availableWidth;
+		let boxHeight;
+		if (hasAspectRatio) {
+			const derivedHeight = availableWidth * aspectRatio;
+			if (containedHeight !== null && derivedHeight > containedHeight) {
+				boxHeight = containedHeight;
+				boxWidth = boxHeight / aspectRatio;
+			} else boxHeight = derivedHeight;
+		} else boxHeight = parentHeight > 0 ? parentHeight : height ?? 0;
+		useIsomorphicLayoutEffect(() => {
+			if (!hasAspectRatio) {
+				if (containedHeight !== null) setContainedHeight(null);
+				return;
+			}
+			const available = wrapperRef.current?.clientHeight ?? 0;
+			const derivedHeight = availableWidth * aspectRatio;
+			if (containedHeight === null) {
+				if (available > 0 && derivedHeight > available + 1) setContainedHeight(available);
+			} else if (available >= derivedHeight - 1) setContainedHeight(null);
+			else if (Math.abs(available - containedHeight) > 1) setContainedHeight(available);
+		}, [
+			hasAspectRatio,
+			availableWidth,
+			aspectRatio,
+			containedHeight,
+			parentHeight
+		]);
+		const wrappedComponent = /* @__PURE__ */ jsx(WrappedComponent, {
+			width: boxWidth,
+			height: boxHeight,
+			size,
+			...chartProps
+		});
+		return /* @__PURE__ */ jsx("div", {
+			ref: setWrapperRef,
+			className: clsx(with_responsive_module_default.container, hasAspectRatio && with_responsive_module_default.isContained),
+			style: {
+				...width !== void 0 ? { width } : null,
+				...height !== void 0 ? { height } : null
+			},
+			children: hasAspectRatio ? /* @__PURE__ */ jsx("div", {
+				className: with_responsive_module_default.content,
+				style: {
+					width: boxWidth,
+					height: boxHeight
+				},
+				children: wrappedComponent
+			}) : wrappedComponent
 		});
 	};
 }
@@ -3081,6 +3192,86 @@ var line_chart_module_default = {
 	"line-chart--animated": "a8ccharts-inuQka-line-chart--animated",
 	"rise": "a8ccharts-inuQka-rise"
 };
+const CloseIcon = () => /* @__PURE__ */ jsx("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	focusable: "false",
+	children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" })
+});
+const LineChartAnnotationLabelWithPopover = ({ title, subtitle, renderLabel, renderLabelPopover }) => {
+	const popoverId = useId();
+	const buttonRef = useRef(null);
+	const popoverRef = useRef(null);
+	const [isPositioned, setIsPositioned] = useState(false);
+	const isBrowserSafari = isSafari();
+	useEffect(() => {
+		const button = buttonRef.current;
+		const popover = popoverRef.current;
+		if (!button || !popover) return;
+		const positionPopover = () => {
+			if (!isBrowserSafari) {
+				const buttonRect = button.getBoundingClientRect();
+				popover.style.left = `${buttonRect.right}px`;
+				popover.style.top = `${buttonRect.top}px`;
+			}
+			setIsPositioned(true);
+		};
+		popover.addEventListener("toggle", (e) => {
+			if (e.newState === "open") positionPopover();
+		});
+		try {
+			if (popover.matches(":popover-open")) positionPopover();
+		} catch {}
+	}, [isBrowserSafari]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: line_chart_module_default["line-chart__annotation-label"],
+		children: [/* @__PURE__ */ jsx("button", {
+			ref: buttonRef,
+			popovertarget: popoverId,
+			className: line_chart_module_default["line-chart__annotation-label-trigger-button"],
+			style: {
+				width: `44px`,
+				height: `44px`,
+				transform: `translate(${44 / 2}px, 0)`
+			},
+			"aria-label": title || __("View details", "jetpack-charts"),
+			children: renderLabel({
+				title,
+				subtitle
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			ref: popoverRef,
+			id: popoverId,
+			popover: "auto",
+			className: clsx(line_chart_module_default["line-chart__annotation-label-popover"], isPositioned && line_chart_module_default["line-chart__annotation-label-popover--visible"], isBrowserSafari && line_chart_module_default["line-chart__annotation-label-popover--safari"]),
+			children: /* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				align: "flex-start",
+				justify: "space-between",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: line_chart_module_default["line-chart__annotation-label-popover-content"],
+					children: renderLabelPopover({
+						title,
+						subtitle
+					})
+				}), /* @__PURE__ */ jsx("button", {
+					popovertarget: popoverId,
+					popovertargetaction: "hide",
+					className: line_chart_module_default["line-chart__annotation-label-popover-close-button"],
+					"aria-label": __("Close", "jetpack-charts"),
+					children: /* @__PURE__ */ jsx(CloseIcon, {})
+				})]
+			})
+		})]
+	});
+};
 //#endregion
 //#region src/charts/line-chart/private/line-chart-annotations-overlay.tsx
 const LineChartAnnotationsOverlay = ({ children }) => {
@@ -3165,86 +3356,6 @@ const LineChartAnnotationsOverlay = ({ children }) => {
 		})
 	});
 };
-const CloseIcon = () => /* @__PURE__ */ jsx("svg", {
-	width: "16",
-	height: "16",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	"aria-hidden": "true",
-	focusable: "false",
-	children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" })
-});
-const LineChartAnnotationLabelWithPopover = ({ title, subtitle, renderLabel, renderLabelPopover }) => {
-	const popoverId = useId();
-	const buttonRef = useRef(null);
-	const popoverRef = useRef(null);
-	const [isPositioned, setIsPositioned] = useState(false);
-	const isBrowserSafari = isSafari();
-	useEffect(() => {
-		const button = buttonRef.current;
-		const popover = popoverRef.current;
-		if (!button || !popover) return;
-		const positionPopover = () => {
-			if (!isBrowserSafari) {
-				const buttonRect = button.getBoundingClientRect();
-				popover.style.left = `${buttonRect.right}px`;
-				popover.style.top = `${buttonRect.top}px`;
-			}
-			setIsPositioned(true);
-		};
-		popover.addEventListener("toggle", (e) => {
-			if (e.newState === "open") positionPopover();
-		});
-		try {
-			if (popover.matches(":popover-open")) positionPopover();
-		} catch {}
-	}, [isBrowserSafari]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: line_chart_module_default["line-chart__annotation-label"],
-		children: [/* @__PURE__ */ jsx("button", {
-			ref: buttonRef,
-			popovertarget: popoverId,
-			className: line_chart_module_default["line-chart__annotation-label-trigger-button"],
-			style: {
-				width: `44px`,
-				height: `44px`,
-				transform: `translate(${44 / 2}px, 0)`
-			},
-			"aria-label": title || __("View details", "jetpack-charts"),
-			children: renderLabel({
-				title,
-				subtitle
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			ref: popoverRef,
-			id: popoverId,
-			popover: "auto",
-			className: clsx(line_chart_module_default["line-chart__annotation-label-popover"], isPositioned && line_chart_module_default["line-chart__annotation-label-popover--visible"], isBrowserSafari && line_chart_module_default["line-chart__annotation-label-popover--safari"]),
-			children: /* @__PURE__ */ jsxs(Stack, {
-				direction: "row",
-				align: "flex-start",
-				justify: "space-between",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: line_chart_module_default["line-chart__annotation-label-popover-content"],
-					children: renderLabelPopover({
-						title,
-						subtitle
-					})
-				}), /* @__PURE__ */ jsx("button", {
-					popovertarget: popoverId,
-					popovertargetaction: "hide",
-					className: line_chart_module_default["line-chart__annotation-label-popover-close-button"],
-					"aria-label": __("Close", "jetpack-charts"),
-					children: /* @__PURE__ */ jsx(CloseIcon, {})
-				})]
-			})
-		})]
-	});
-};
 //#endregion
 //#region src/charts/line-chart/private/line-chart-annotation.tsx
 const ANNOTATION_MAX_WIDTH = 125;
@@ -3309,7 +3420,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 +5064,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 +5286,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,
@@ -5859,6 +5976,7 @@ var heatmap_chart_module_default = {
 	"heatmap-chart": "a8ccharts-O3YMOW-heatmap-chart",
 	"heatmap-chart__cell": "a8ccharts-O3YMOW-heatmap-chart__cell",
 	"heatmap-chart__cell--filled": "a8ccharts-O3YMOW-heatmap-chart__cell--filled",
+	"heatmap-chart__cell--hidden": "a8ccharts-O3YMOW-heatmap-chart__cell--hidden",
 	"heatmap-chart__cell--selected": "a8ccharts-O3YMOW-heatmap-chart__cell--selected",
 	"heatmap-chart__cell--strong": "a8ccharts-O3YMOW-heatmap-chart__cell--strong",
 	"heatmap-chart__cell-value": "a8ccharts-O3YMOW-heatmap-chart__cell-value",
@@ -5866,9 +5984,11 @@ var heatmap_chart_module_default = {
 	"heatmap-chart__empty": "a8ccharts-O3YMOW-heatmap-chart__empty",
 	"heatmap-chart__grid": "a8ccharts-O3YMOW-heatmap-chart__grid",
 	"heatmap-chart__grid--compact": "a8ccharts-O3YMOW-heatmap-chart__grid--compact",
+	"heatmap-chart__grid--height-capped": "a8ccharts-O3YMOW-heatmap-chart__grid--height-capped",
 	"heatmap-chart__legend-swatch": "a8ccharts-O3YMOW-heatmap-chart__legend-swatch",
 	"heatmap-chart__row": "a8ccharts-O3YMOW-heatmap-chart__row",
-	"heatmap-chart__row-label": "a8ccharts-O3YMOW-heatmap-chart__row-label"
+	"heatmap-chart__row-label": "a8ccharts-O3YMOW-heatmap-chart__row-label",
+	"heatmap-chart--height-capped": "a8ccharts-O3YMOW-heatmap-chart--height-capped"
 };
 //#endregion
 //#region src/charts/heatmap-chart/private/use-heatmap-colors.ts
@@ -5890,14 +6010,18 @@ const getValueExtent = (data) => {
 	return [min, max];
 };
 /**
-* Normalize a value to 0–1 within the extent. A flat extent (min === max) maps to 1.
+* Normalize a value to 0–1 within the extent. A flat extent (min === max)
+* maps to 1 — every cell is equally the "highest" — except an all-zero
+* extent, which maps to 0 so a no-activity grid renders at the scale's
+* bottom instead of full intensity.
+*
 * @param value  - The value to normalize
 * @param extent - Tuple of [min, max] values for the normalization range
 * @return Normalized value between 0 and 1
 */
 const getNormalizedValue = (value, extent) => {
 	const [min, max] = extent;
-	if (min === max) return 1;
+	if (min === max) return max === 0 ? 0 : 1;
 	return Math.min(1, Math.max(0, (value - min) / (max - min)));
 };
 //#endregion
@@ -5918,6 +6042,7 @@ const toDate = (point) => {
 };
 const buildCalendarHeatmapData = (series, options = {}) => {
 	const weekStartsOn = options.weekStartsOn ?? 1;
+	const hideOutOfRangeDays = options.hideOutOfRangeDays ?? true;
 	const entries = series.map((point) => ({
 		date: toDate(point),
 		value: point.value
@@ -5936,22 +6061,31 @@ const buildCalendarHeatmapData = (series, options = {}) => {
 	}
 	const gridStart = startOfWeek(minDate, { weekStartsOn });
 	const weekCount = differenceInCalendarWeeks(maxDate, gridStart, { weekStartsOn }) + 1;
+	const minDayKey = format(minDate, "yyyy-MM-dd");
+	const maxDayKey = format(maxDate, "yyyy-MM-dd");
 	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++) {
 			const day = addDays(gridStart, week * 7 + row);
 			const key = format(day, "yyyy-MM-dd");
-			cells.push({
+			const cell = {
 				label: format(day, "EEE, MMM d, yyyy"),
 				value: valueByDay.has(key) ? valueByDay.get(key) : null
-			});
+			};
+			if (hideOutOfRangeDays && (key < minDayKey || key > maxDayKey)) cell.hidden = true;
+			cells.push(cell);
 		}
 		data.push({
 			label,
@@ -5964,10 +6098,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 +6129,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 +6145,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 HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, height = 0, className, compact = false, showValues, maxCellWidth, maxCellHeight, minCellWidth, minCellHeight, 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 +6163,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,
@@ -6051,6 +6190,7 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 		setSelectedIndex(void 0);
 		hideTooltip();
 	}, [hideTooltip]);
+	const isCellHidden = useCallback((col, row) => data[col]?.data[row]?.hidden === true, [data]);
 	const onChartKeyDown = useCallback((event) => {
 		if (![
 			"ArrowLeft",
@@ -6067,21 +6207,32 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 		}
 		event.preventDefault();
 		if (selectedIndex === void 0) {
-			setSelectedIndex(0);
+			for (let index = 0; index < columns * rows; index++) if (!isCellHidden(Math.floor(index / rows), index % rows)) {
+				setSelectedIndex(index);
+				return;
+			}
 			return;
 		}
+		let stepCol = 0;
+		let stepRow = 0;
+		if (event.key === "ArrowRight") stepCol = 1;
+		else if (event.key === "ArrowLeft") stepCol = -1;
+		else if (event.key === "ArrowDown") stepRow = 1;
+		else if (event.key === "ArrowUp") stepRow = -1;
 		let col = Math.floor(selectedIndex / rows);
 		let row = selectedIndex % rows;
-		if (event.key === "ArrowRight") col = Math.min(col + 1, columns - 1);
-		else if (event.key === "ArrowLeft") col = Math.max(col - 1, 0);
-		else if (event.key === "ArrowDown") row = Math.min(row + 1, rows - 1);
-		else if (event.key === "ArrowUp") row = Math.max(row - 1, 0);
+		do {
+			col += stepCol;
+			row += stepRow;
+		} while (col >= 0 && col < columns && row >= 0 && row < rows && isCellHidden(col, row));
+		if (col < 0 || col >= columns || row < 0 || row >= rows) return;
 		setSelectedIndex(col * rows + row);
 	}, [
 		rows,
 		columns,
 		selectedIndex,
-		hideTooltip
+		hideTooltip,
+		isCellHidden
 	]);
 	const handleCellMouseMove = useCallback((event) => {
 		if (!withTooltips) return;
@@ -6137,17 +6288,20 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 			children: __("No data available", "jetpack-charts")
 		})
 	});
-	const trackSize = compact ? "var(--heatmap-cell-size)" : "minmax(0, 1fr)";
+	const columnTrack = compact ? "var(--heatmap-cell-size)" : `minmax(${minCellWidth ?? 0}px, ${maxCellWidth ? `${maxCellWidth}px` : "1fr"})`;
+	const rowTrack = compact ? "var(--heatmap-cell-size)" : `minmax(${minCellHeight ?? 0}px, ${maxCellHeight ? `${maxCellHeight}px` : "1fr"})`;
 	const gridStyle = {
 		"--heatmap-primary": primaryColorHex,
-		gridTemplateColumns: `auto repeat(${columns}, ${trackSize})`,
-		gridTemplateRows: `auto repeat(${rows}, ${trackSize})`
+		"--heatmap-bg": theme.backgroundColor,
+		gridTemplateColumns: `auto repeat(${columns}, ${columnTrack})`,
+		gridTemplateRows: `auto repeat(${rows}, ${rowTrack})`
 	};
 	if (compact) {
 		gridStyle["--heatmap-cell-gap"] = `${compactCellGap}px`;
 		gridStyle["--heatmap-cell-size"] = `${compactCellSize}px`;
 	}
 	const activeDescendant = selectedIndex !== void 0 ? `${chartId}-cell-${Math.floor(selectedIndex / rows)}-${selectedIndex % rows}` : void 0;
+	const heightCapped = !compact && Boolean(maxCellHeight);
 	return /* @__PURE__ */ jsx(HeatmapContext.Provider, {
 		value: heatmapContext,
 		children: /* @__PURE__ */ jsx(SingleChartContext.Provider, {
@@ -6157,7 +6311,7 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 				legendChildren: [],
 				trailingContent: nonLegendChildren,
 				gap,
-				className: clsx("heatmap-chart", heatmap_chart_module_default["heatmap-chart"], className),
+				className: clsx("heatmap-chart", heatmap_chart_module_default["heatmap-chart"], className, { [heatmap_chart_module_default["heatmap-chart--height-capped"]]: heightCapped }),
 				style: {
 					width: width || void 0,
 					height: height || void 0
@@ -6173,57 +6327,65 @@ const HeatmapChartInternal = ({ data, chartId: providedChartId, width = 0, heigh
 					tabIndex: 0,
 					onBlur: onChartBlur,
 					onKeyDown: onChartKeyDown,
-					className: clsx(heatmap_chart_module_default["heatmap-chart__grid"], { [heatmap_chart_module_default["heatmap-chart__grid--compact"]]: compact }),
+					className: clsx(heatmap_chart_module_default["heatmap-chart__grid"], {
+						[heatmap_chart_module_default["heatmap-chart__grid--compact"]]: compact,
+						[heatmap_chart_module_default["heatmap-chart__grid--height-capped"]]: heightCapped
+					}),
 					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", {
+						}, `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 cell = column.data[rowIndex];
+								if (cell?.hidden) return /* @__PURE__ */ jsx("div", {
 									"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}`);
-						})
-					]
+									className: clsx(heatmap_chart_module_default["heatmap-chart__cell"], heatmap_chart_module_default["heatmap-chart__cell--hidden"])
+								}, `cell-${columnIndex}-${rowIndex}`);
+								const value = cell?.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 +6413,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);
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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/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/@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/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);
-}
-//#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 +6452,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 +7248,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 +7589,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 +7599,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);
@@ -7794,7 +7687,7 @@ var unitlessKeys = {
 };
 //#endregion
 //#region ../../../node_modules/.pnpm/@emotion+serialize@1.3.3/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
-var isDevelopment$2 = false;
+var isDevelopment$1 = false;
 var hyphenateRegex = /[A-Z]|^ms/g;
 var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
 var isCustomProperty = function isCustomProperty(property) {
@@ -7876,7 +7769,7 @@ function createStringFromObject(mergedProps, registered, obj) {
 			if (registered != null && registered[asString] !== void 0) string += key + "{" + registered[asString] + "}";
 			else if (isProcessableValue(asString)) string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
 		} else {
-			if (key === "NO_COMPONENT_SELECTOR" && isDevelopment$2) throw new Error(noComponentSelectorMessage);
+			if (key === "NO_COMPONENT_SELECTOR" && isDevelopment$1) throw new Error(noComponentSelectorMessage);
 			if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
 				for (var _i = 0; _i < value.length; _i++) if (isProcessableValue(value[_i])) string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
 			} else {
@@ -7946,7 +7839,7 @@ var createEmotionProps = function createEmotionProps(type, props) {
 	newProps[typePropName] = type;
 	return newProps;
 };
-var Insertion$1 = function Insertion(_ref) {
+var Insertion = function Insertion(_ref) {
 	var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
 	registerStyles(cache, serialized, isStringTag);
 	useInsertionEffectAlwaysWithSyncFallback(function() {
@@ -7968,7 +7861,7 @@ var Emotion$1 = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 	for (var _key2 in props) if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && true) newProps[_key2] = props[_key2];
 	newProps.className = className;
 	if (ref) newProps.ref = ref;
-	return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Insertion$1, {
+	return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Insertion, {
 		cache,
 		serialized,
 		isStringTag: typeof WrappedComponent === "string"
@@ -8078,11 +7971,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;
@@ -8092,7 +7986,7 @@ _createEmotion.css;
 _createEmotion.sheet;
 _createEmotion.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/utils/hooks/use-cx.mjs
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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-cx.mjs
 var isSerializedStyles = (o) => typeof o !== "undefined" && o !== null && ["name", "styles"].every((p) => typeof o[p] !== "undefined");
 var useCx = () => {
 	const cache = __unsafe_useEmotionCache();
@@ -8108,226 +8002,98 @@ 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] || {};
-	const finalComponentProps = {
-		...getConnectedNamespace(),
-		...getNamespace(namespace)
-	};
-	const { _overrides: overrideProps, ...otherContextProps } = contextProps;
-	const initialMergedProps = Object.entries(otherContextProps).length ? Object.assign({}, otherContextProps, props) : props;
-	const classes = useCx()(getStyledClassNameFromKey(namespace), props.className);
-	const rendered = typeof initialMergedProps.renderChildren === "function" ? initialMergedProps.renderChildren(initialMergedProps) : initialMergedProps.children;
-	for (const key in initialMergedProps) finalComponentProps[key] = initialMergedProps[key];
-	for (const key in overrideProps) finalComponentProps[key] = overrideProps[key];
-	if (rendered !== void 0) finalComponentProps.children = rendered;
-	finalComponentProps.className = classes;
-	return finalComponentProps;
-}
-//#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) {
-	return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-});
-//#endregion
-//#region ../../../node_modules/.pnpm/@emotion+styled@11.14.1_@emotion+react@11.14.0_@types+react@18.3.28_react@18.3.1__@types+react@18.3.28_react@18.3.1/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
-var isDevelopment = false;
-var testOmitPropsOnStringTag = isPropValid;
-var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
-	return key !== "theme";
-};
-var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
-	return typeof tag === "string" && tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
-};
-var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
-	var shouldForwardProp;
-	if (options) {
-		var optionsShouldForwardProp = options.shouldForwardProp;
-		shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) {
-			return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
-		} : optionsShouldForwardProp;
-	}
-	if (typeof shouldForwardProp !== "function" && isReal) shouldForwardProp = tag.__emotion_forwardProp;
-	return shouldForwardProp;
-};
-var Insertion = function Insertion(_ref) {
-	var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
-	registerStyles(cache, serialized, isStringTag);
-	useInsertionEffectAlwaysWithSyncFallback(function() {
-		return insertStyles(cache, serialized, isStringTag);
-	});
-	return null;
-};
-//#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/view/component.mjs
-var PolymorphicDiv = /* @__PURE__ */ function createStyled(tag, options) {
-	var isReal = tag.__emotion_real === tag;
-	var baseTag = isReal && tag.__emotion_base || tag;
-	var identifierName;
-	var targetClassName;
-	if (options !== void 0) {
-		identifierName = options.label;
-		targetClassName = options.target;
-	}
-	var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
-	var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
-	var shouldUseAs = !defaultShouldForwardProp("as");
-	return function() {
-		var args = arguments;
-		var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : [];
-		if (identifierName !== void 0) styles.push("label:" + identifierName + ";");
-		if (args[0] == null || args[0].raw === void 0) styles.push.apply(styles, args);
-		else {
-			var templateStringsArr = args[0];
-			styles.push(templateStringsArr[0]);
-			var len = args.length;
-			var i = 1;
-			for (; i < len; i++) styles.push(args[i], templateStringsArr[i]);
-		}
-		var Styled = withEmotionCache(function(props, cache, ref) {
-			var FinalTag = shouldUseAs && props.as || baseTag;
-			var className = "";
-			var classInterpolations = [];
-			var mergedProps = props;
-			if (props.theme == null) {
-				mergedProps = {};
-				for (var key in props) mergedProps[key] = props[key];
-				mergedProps.theme = React.useContext(ThemeContext);
+//#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;
 			}
-			if (typeof props.className === "string") className = getRegisteredStyles$1(cache.registered, classInterpolations, props.className);
-			else if (props.className != null) className = props.className + " ";
-			var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
-			className += cache.key + "-" + serialized.name;
-			if (targetClassName !== void 0) className += " " + targetClassName;
-			var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
-			var newProps = {};
-			for (var _key in props) {
-				if (shouldUseAs && _key === "as") continue;
-				if (finalShouldForwardProp(_key)) newProps[_key] = props[_key];
+			for (i = 0; i < len; i++) if (node.args[i] !== arguments[i]) {
+				node = node.next;
+				continue searchCache;
 			}
-			newProps.className = className;
-			if (ref) newProps.ref = ref;
-			return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Insertion, {
-				cache,
-				serialized,
-				isStringTag: typeof FinalTag === "string"
-			}), /*#__PURE__*/ React.createElement(FinalTag, newProps));
-		});
-		Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
-		Styled.defaultProps = tag.defaultProps;
-		Styled.__emotion_real = Styled;
-		Styled.__emotion_base = baseTag;
-		Styled.__emotion_styles = styles;
-		Styled.__emotion_forwardProp = shouldForwardProp;
-		Object.defineProperty(Styled, "toString", { value: function value() {
-			if (targetClassName === void 0 && isDevelopment) return "NO_COMPONENT_SELECTOR";
-			return "." + targetClassName;
-		} });
-		Styled.withComponent = function(nextTag, nextOptions) {
-			return createStyled(nextTag, _extends({}, options, nextOptions, { shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true) })).apply(void 0, styles);
+			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)
 		};
-		return Styled;
-	};
-}("div", process.env.NODE_ENV === "production" ? { target: "e19lxcc00" } : {
-	target: "e19lxcc00",
-	label: "PolymorphicDiv"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6ImNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHR5cGUgeyBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbnRleHQnO1xuXG5jb25zdCBQb2x5bW9ycGhpY0RpdiA9IHN0eWxlZC5kaXZgYDtcblxuZnVuY3Rpb24gVW5mb3J3YXJkZWRWaWV3PCBUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSAnZGl2JyA+KFxuXHR7IGFzLCAuLi5yZXN0UHJvcHMgfTogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IHt9LCBUID4sXG5cdHJlZjogUmVhY3QuRm9yd2FyZGVkUmVmPCBhbnkgPlxuKSB7XG5cdHJldHVybiA8UG9seW1vcnBoaWNEaXYgYXM9eyBhcyB9IHJlZj17IHJlZiB9IHsgLi4ucmVzdFByb3BzIH0gLz47XG59XG5cbi8qKlxuICogYFZpZXdgIGlzIGEgY29yZSBjb21wb25lbnQgdGhhdCByZW5kZXJzIGV2ZXJ5dGhpbmcgaW4gdGhlIGxpYnJhcnkuXG4gKiBJdCBpcyB0aGUgcHJpbmNpcGxlIGNvbXBvbmVudCBpbiB0aGUgZW50aXJlIGxpYnJhcnkuXG4gKlxuICogYGBganN4XG4gKiBpbXBvcnQgeyBWaWV3IH0gZnJvbSBgQHdvcmRwcmVzcy9jb21wb25lbnRzYDtcbiAqXG4gKiBmdW5jdGlvbiBFeGFtcGxlKCkge1xuICogXHRyZXR1cm4gKFxuICogXHRcdDxWaWV3PlxuICogXHRcdFx0IENvZGUgaXMgUG9ldHJ5XG4gKiBcdFx0PC9WaWV3PlxuICogXHQpO1xuICogfVxuICogYGBgXG4gKi9cbmV4cG9ydCBjb25zdCBWaWV3ID0gT2JqZWN0LmFzc2lnbiggZm9yd2FyZFJlZiggVW5mb3J3YXJkZWRWaWV3ICksIHtcblx0c2VsZWN0b3I6ICcuY29tcG9uZW50cy12aWV3Jyxcbn0gKTtcblxuZXhwb3J0IGRlZmF1bHQgVmlldztcbiJdfQ== */");
-function UnforwardedView({ as, ...restProps }, ref) {
-	return /* @__PURE__ */ jsx(PolymorphicDiv, {
-		as,
-		ref,
-		...restProps
-	});
-}
-var component_default$1 = 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/grid/utils.mjs
-var ALIGNMENTS = {
-	bottom: {
-		alignItems: "flex-end",
-		justifyContent: "center"
-	},
-	bottomLeft: {
-		alignItems: "flex-start",
-		justifyContent: "flex-end"
-	},
-	bottomRight: {
-		alignItems: "flex-end",
-		justifyContent: "flex-end"
-	},
-	center: {
-		alignItems: "center",
-		justifyContent: "center"
-	},
-	spaced: {
-		alignItems: "center",
-		justifyContent: "space-between"
-	},
-	left: {
-		alignItems: "center",
-		justifyContent: "flex-start"
-	},
-	right: {
-		alignItems: "center",
-		justifyContent: "flex-end"
-	},
-	stretch: { alignItems: "stretch" },
-	top: {
-		alignItems: "flex-start",
-		justifyContent: "center"
-	},
-	topLeft: {
-		alignItems: "flex-start",
-		justifyContent: "flex-start"
-	},
-	topRight: {
-		alignItems: "flex-start",
-		justifyContent: "flex-end"
+		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;
 	}
-};
-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];
+	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
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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",
@@ -8406,7 +8172,7 @@ var COLORS = Object.freeze({
 	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
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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,
@@ -8448,20 +8214,13 @@ var config_values_default = Object.assign({}, CONTROL_PROPS, {
 	fontSizeXSmall: "calc(0.75 * 13px)",
 	fontLineHeightBase: "1.4",
 	fontWeight: "normal",
-	fontWeightMedium: "499",
-	fontWeightHeading: "600",
+	fontWeightEmphasis: "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",
@@ -8471,7 +8230,365 @@ var config_values_default = Object.assign({}, CONTROL_PROPS, {
 	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
+//#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.51.0/node_modules/@wordpress/warning/build-module/utils.mjs
+var logged = /* @__PURE__ */ new Set();
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+warning@3.51.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@37.0.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@37.0.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@37.0.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@37.0.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@37.0.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@37.0.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)
+	};
+	const { _overrides: overrideProps, ...otherContextProps } = contextProps;
+	const initialMergedProps = Object.entries(otherContextProps).length ? Object.assign({}, otherContextProps, props) : props;
+	const classes = useCx()(getStyledClassNameFromKey(namespace), props.className);
+	const rendered = typeof initialMergedProps.renderChildren === "function" ? initialMergedProps.renderChildren(initialMergedProps) : initialMergedProps.children;
+	for (const key in initialMergedProps) finalComponentProps[key] = initialMergedProps[key];
+	for (const key in overrideProps) finalComponentProps[key] = overrideProps[key];
+	if (rendered !== void 0) finalComponentProps.children = rendered;
+	finalComponentProps.className = classes;
+	return finalComponentProps;
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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/@wordpress+components@37.0.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/polymorphic-element.mjs
+var customAttributeRegExp = /^(data|aria|x)-/i;
+var eventHandlerRegExp = /^on[A-Z]/;
+var svgElementNames = new Set(`animate animateMotion animateTransform circle clipPath defs desc ellipse
+	feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix
+	feDiffuseLighting feDisplacementMap feDistantLight feDropShadow feFlood
+	feFuncA feFuncB feFuncG feFuncR feGaussianBlur feImage feMerge feMergeNode
+	feMorphology feOffset fePointLight feSpecularLighting feSpotLight feTile
+	feTurbulence filter foreignObject g image line linearGradient marker mask
+	metadata mpath path pattern polygon polyline radialGradient rect set stop svg
+	switch symbol text textPath tspan use view`.split(/\s+/));
+var baseElementProps = new Set(`children dangerouslySetInnerHTML key autoFocus defaultValue defaultChecked
+	innerHTML suppressContentEditableWarning suppressHydrationWarning valueLink
+	abbr accept acceptCharset accessKey action allow allowUserMedia
+	allowPaymentRequest allowFullScreen allowTransparency alt async autoComplete
+	autoPlay capture cellPadding cellSpacing challenge charSet checked cite classID
+	className cols colSpan content contentEditable contextMenu controls controlsList
+	coords crossOrigin data dateTime decoding default defer dir disabled
+	disablePictureInPicture disableRemotePlayback download draggable encType
+	enterKeyHint fetchpriority fetchPriority form formAction formEncType formMethod
+	formNoValidate formTarget frameBorder headers height hidden high href hrefLang
+	htmlFor httpEquiv id inputMode integrity is keyParams keyType kind label lang
+	list loading loop low marginHeight marginWidth max maxLength media mediaGroup
+	method min minLength multiple muted name nonce noValidate open optimum pattern
+	placeholder playsInline popover popoverTarget popoverTargetAction poster
+	preload profile radioGroup readOnly referrerPolicy rel required reversed role
+	rows rowSpan sandbox scope scoped scrolling seamless selected shape size sizes
+	slot span spellCheck src srcDoc srcLang srcSet start step style summary
+	tabIndex target title translate type useMap value width wmode wrap about
+	datatype inlist prefix property resource typeof vocab autoCapitalize
+	autoCorrect autoSave color incremental fallback inert itemProp itemScope
+	itemType itemID itemRef on option results security unselectable`.split(/\s+/));
+var svgElementProps = new Set(`accentHeight accumulate additive alignmentBaseline allowReorder alphabetic
+	amplitude arabicForm ascent attributeName attributeType autoReverse azimuth
+	baseFrequency baselineShift baseProfile bbox begin bias by calcMode capHeight
+	clip clipPathUnits clipPath clipRule colorInterpolation
+	colorInterpolationFilters colorProfile colorRendering contentScriptType
+	contentStyleType cursor cx cy d decelerate descent diffuseConstant direction
+	display divisor dominantBaseline dur dx dy edgeMode elevation enableBackground
+	end exponent externalResourcesRequired fill fillOpacity fillRule filter
+	filterRes filterUnits floodColor floodOpacity focusable fontFamily fontSize
+	fontSizeAdjust fontStretch fontStyle fontVariant fontWeight format from fr fx
+	fy g1 g2 glyphName glyphOrientationHorizontal glyphOrientationVertical
+	glyphRef gradientTransform gradientUnits hanging horizAdvX horizOriginX
+	ideographic imageRendering in in2 intercept k k1 k2 k3 k4 kernelMatrix
+	kernelUnitLength kerning keyPoints keySplines keyTimes lengthAdjust
+	letterSpacing lightingColor limitingConeAngle local markerEnd markerMid
+	markerStart markerHeight markerUnits markerWidth mask maskContentUnits
+	maskUnits mathematical mode numOctaves offset opacity operator order orient
+	orientation origin overflow overlinePosition overlineThickness panose1
+	paintOrder pathLength patternContentUnits patternTransform patternUnits
+	pointerEvents points pointsAtX pointsAtY pointsAtZ preserveAlpha
+	preserveAspectRatio primitiveUnits r radius refX refY renderingIntent
+	repeatCount repeatDur requiredExtensions requiredFeatures restart result rotate
+	rx ry scale seed shapeRendering slope spacing specularConstant
+	specularExponent speed spreadMethod startOffset stdDeviation stemh stemv
+	stitchTiles stopColor stopOpacity strikethroughPosition strikethroughThickness
+	string stroke strokeDasharray strokeDashoffset strokeLinecap strokeLinejoin
+	strokeMiterlimit strokeOpacity strokeWidth surfaceScale systemLanguage
+	tableValues targetX targetY textAnchor textDecoration textRendering textLength
+	to transform u1 u2 underlinePosition underlineThickness unicode unicodeBidi
+	unicodeRange unitsPerEm vAlphabetic vHanging vIdeographic vMathematical values
+	vectorEffect version vertAdvY vertOriginX vertOriginY viewBox viewTarget
+	visibility widths wordSpacing writingMode x xHeight x1 x2 xChannelSelector
+	xlinkActuate xlinkArcrole xlinkHref xlinkRole xlinkShow xlinkTitle xlinkType
+	xmlBase xmlns xmlnsXlink xmlLang xmlSpace y y1 y2 yChannelSelector z
+	zoomAndPan`.split(/\s+/));
+var compatElementProps = /* @__PURE__ */ new Set([
+	"autofocus",
+	"class",
+	"for"
+]);
+function isValidIntrinsicElementProp(prop, element) {
+	if (customAttributeRegExp.test(prop) || eventHandlerRegExp.test(prop)) return true;
+	if (baseElementProps.has(prop) || compatElementProps.has(prop)) return true;
+	return svgElementNames.has(element) && svgElementProps.has(prop);
+}
+function filterIntrinsicElementProps(props, element) {
+	return Object.fromEntries(Object.entries(props).filter(([prop]) => isValidIntrinsicElementProp(prop, element)));
+}
+function UnforwardedPolymorphicElement({ as, ...props }, ref) {
+	const Element = as || "div";
+	return /* @__PURE__ */ jsx(Element, {
+		ref,
+		...typeof Element === "string" ? filterIntrinsicElementProps(props, Element) : props
+	});
+}
+var PolymorphicElement = forwardRef$1(UnforwardedPolymorphicElement);
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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/view/component.mjs
+function UnforwardedView({ css, ...restProps }, ref) {
+	return /* @__PURE__ */ jsx(PolymorphicElement, {
+		ref,
+		...restProps
+	});
+}
+var component_default$2 = Object.assign(forwardRef$1(UnforwardedView), { selector: ".components-view" });
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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@37.0.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@37.0.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 = {
+	bottom: {
+		alignItems: "flex-end",
+		justifyContent: "center"
+	},
+	bottomLeft: {
+		alignItems: "flex-start",
+		justifyContent: "flex-end"
+	},
+	bottomRight: {
+		alignItems: "flex-end",
+		justifyContent: "flex-end"
+	},
+	center: {
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	spaced: {
+		alignItems: "center",
+		justifyContent: "space-between"
+	},
+	left: {
+		alignItems: "center",
+		justifyContent: "flex-start"
+	},
+	right: {
+		alignItems: "center",
+		justifyContent: "flex-end"
+	},
+	stretch: { alignItems: "stretch" },
+	top: {
+		alignItems: "flex-start",
+		justifyContent: "center"
+	},
+	topLeft: {
+		alignItems: "flex-start",
+		justifyContent: "flex-start"
+	},
+	topRight: {
+		alignItems: "flex-start",
+		justifyContent: "flex-end"
+	}
+};
+function getAlignmentProps(alignment) {
+	return alignment ? ALIGNMENTS[alignment] : {};
+}
+//#endregion
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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");
 	const column = useResponsiveValue(Array.isArray(columns) ? columns : [columns]);
@@ -8481,7 +8598,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 +8609,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,
@@ -8512,9 +8630,9 @@ 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
+//#region ../../../node_modules/.pnpm/@wordpress+components@37.0.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 +8696,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 +8748,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 +8933,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 +8956,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 +9783,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