@automattic/charts 1.11.0 → 2.0.0

package/dist/index.js

@@ -14,8 +14,7 @@ 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 { IconButton, Stack, Text as Text$1 } from "@wordpress/ui";
 import { LinearGradient } from "@visx/gradient";
 import { curveCatmullRom, curveLinear, curveMonotoneX } from "@visx/curve";
 import { useParentSize } from "@visx/responsive";
@@ -23,8 +22,10 @@ import { Annotation, CircleSubject, Connector, HtmlLabel, Label, LineSubject } f
 import { PatternCircles, PatternHexagons, PatternLines, PatternWaves } from "@visx/pattern";
 import { Chart } from "react-google-charts";
 import DOMPurify from "dompurify";
+import { __assign } from "tslib";
 import "@babel/runtime/helpers/esm/extends";
 import "@babel/runtime/helpers/extends";
+import { Icon, chevronRight } from "@wordpress/icons";
 import { Pie } from "@visx/shape";
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -1450,709 +1451,6 @@ const useGlobalChartsTheme = () => {
 	return useContext(GlobalChartsContext)?.theme ?? defaultTheme;
 };
 //#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/lower-case@2.0.2/node_modules/lower-case/dist.es2015/index.js
-/**
-* Lower case as a function.
-*/
-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;
-/**
-* 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/@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;
-}
-//#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}`);
-		}
-	}
-}
-//#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/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')
-* @param prefix - The prefix for the error message (e.g., 'Base UI')
-* @returns A function that formats error messages with the given URL and prefix
-*/
-function createFormatErrorMessage(baseUrl, prefix) {
-	return function formatErrorMessage(code, ...args) {
-		const url = new URL(baseUrl);
-		url.searchParams.set("code", code.toString());
-		args.forEach((arg) => url.searchParams.append("args[]", arg));
-		return `${prefix} error #${code}; visit ${url} for the full message.`;
-	};
-}
-/**
-* WARNING: Don't import this directly. It's imported by the code generated by
-* `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
-* constructors to ensure the plugin works as expected. Supported patterns include:
-*   throw new Error('My message');
-*   throw new Error(`My message: ${foo}`);
-*   throw new Error(`My message: ${foo}` + 'another string');
-*   ...
-*/
-const formatErrorMessage = createFormatErrorMessage("https://base-ui.com/production-error", "Base UI");
-//#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/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.
-*
-* This function accepts up to four refs. If you need to merge more, or have an unspecified number of refs to merge,
-* use `useMergedRefsN` instead.
-*/
-function useMergedRefs(a, b, c, d) {
-	const forkRef = useRefWithInit(createForkRef).current;
-	if (didChange(forkRef, a, b, c, d)) update(forkRef, [
-		a,
-		b,
-		c,
-		d
-	]);
-	return forkRef.callback;
-}
-/**
-* Merges an array of refs into a single memoized callback ref or `null`.
-*
-* If you need to merge a fixed number (up to four) of refs, use `useMergedRefs` instead for better performance.
-*/
-function useMergedRefsN(refs) {
-	const forkRef = useRefWithInit(createForkRef).current;
-	if (didChangeN(forkRef, refs)) update(forkRef, refs);
-	return forkRef.callback;
-}
-function createForkRef() {
-	return {
-		callback: null,
-		cleanup: null,
-		refs: []
-	};
-}
-function didChange(forkRef, a, b, c, d) {
-	return forkRef.refs[0] !== a || forkRef.refs[1] !== b || forkRef.refs[2] !== c || forkRef.refs[3] !== d;
-}
-function didChangeN(forkRef, newRefs) {
-	return forkRef.refs.length !== newRefs.length || forkRef.refs.some((ref, index) => ref !== newRefs[index]);
-}
-function update(forkRef, refs) {
-	forkRef.refs = refs;
-	if (refs.every((ref) => ref == null)) {
-		forkRef.callback = null;
-		return;
-	}
-	forkRef.callback = (instance) => {
-		if (forkRef.cleanup) {
-			forkRef.cleanup();
-			forkRef.cleanup = null;
-		}
-		if (instance != null) {
-			const cleanupCallbacks = Array(refs.length).fill(null);
-			for (let i = 0; i < refs.length; i += 1) {
-				const ref = refs[i];
-				if (ref == null) continue;
-				switch (typeof ref) {
-					case "function": {
-						const refCleanup = ref(instance);
-						if (typeof refCleanup === "function") cleanupCallbacks[i] = refCleanup;
-						break;
-					}
-					case "object":
-						ref.current = instance;
-						break;
-					default:
-				}
-			}
-			forkRef.cleanup = () => {
-				for (let i = 0; i < refs.length; i += 1) {
-					const ref = refs[i];
-					if (ref == null) continue;
-					switch (typeof ref) {
-						case "function": {
-							const cleanupCallback = cleanupCallbacks[i];
-							if (typeof cleanupCallback === "function") cleanupCallback();
-							else ref(null);
-							break;
-						}
-						case "object":
-							ref.current = null;
-							break;
-						default:
-					}
-				}
-			};
-		}
-	};
-}
-//#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/reactVersion.mjs
-const majorVersion = parseInt(React.version, 10);
-function isReactVersionAtLeast(reactVersionToCheck) {
-	return majorVersion >= reactVersionToCheck;
-}
-//#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/getReactElementRef.mjs
-/**
-* Extracts the `ref` from a React element, handling different React versions.
-*/
-function getReactElementRef(element) {
-	if (!/*#__PURE__*/ React.isValidElement(element)) return null;
-	const reactElement = element;
-	const propsWithRef = reactElement.props;
-	return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null;
-}
-//#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/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)) {
-			const customProps = customMapping[key](value);
-			if (customProps != null) Object.assign(props, customProps);
-			continue;
-		}
-		if (value === true) props[`data-${key.toLowerCase()}`] = "";
-		else if (value) props[`data-${key.toLowerCase()}`] = value.toString();
-	}
-	return props;
-}
-//#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/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.
-*
-* @param className
-* @param state
-*/
-function resolveClassName(className, state) {
-	return typeof className === "function" ? className(state) : className;
-}
-//#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/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.
-*
-* @param style
-* @param state
-*/
-function resolveStyle(style, state) {
-	return typeof style === "function" ? style(state) : style;
-}
-//#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/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.
-*
-* @param element The default HTML element to render. Can be overridden by the `render` prop.
-* @param componentProps An object containing the `render` and `className` props to be used for element customization. Other props are ignored.
-* @param params Additional parameters for rendering the element.
-*/
-function useRenderElement(element, componentProps, params = {}) {
-	const renderProp = componentProps.render;
-	const outProps = useRenderElementProps(componentProps, params);
-	if (params.enabled === false) return null;
-	return evaluateRenderProp(element, renderProp, outProps, params.state ?? EMPTY_OBJECT);
-}
-/**
-* Computes render element final props.
-*/
-function useRenderElementProps(componentProps, params = {}) {
-	const { className: classNameProp, style: styleProp, render: renderProp } = componentProps;
-	const { state = EMPTY_OBJECT, ref, props, stateAttributesMapping, enabled = true } = params;
-	const className = enabled ? resolveClassName(classNameProp, state) : void 0;
-	const style = enabled ? resolveStyle(styleProp, state) : void 0;
-	const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping) : EMPTY_OBJECT;
-	const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0;
-	const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT;
-	if (typeof document !== "undefined") if (!enabled) useMergedRefs(null, null);
-	else if (Array.isArray(ref)) outProps.ref = useMergedRefsN([
-		outProps.ref,
-		getReactElementRef(renderProp),
-		...ref
-	]);
-	else outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref);
-	if (!enabled) return EMPTY_OBJECT;
-	if (className !== void 0) outProps.className = mergeClassNames(outProps.className, className);
-	if (style !== void 0) outProps.style = mergeObjects(outProps.style, style);
-	return outProps;
-}
-function resolveRenderFunctionProps(props) {
-	if (Array.isArray(props)) return mergePropsN(props);
-	return mergeProps(void 0, props);
-}
-const REACT_LAZY_TYPE = Symbol.for("react.lazy");
-const COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/;
-const LOWERCASE_CHARACTER_PATTERN = /[a-z]/;
-function evaluateRenderProp(element, render, props, state) {
-	if (render) {
-		if (typeof render === "function") {
-			if (process.env.NODE_ENV !== "production") warnIfRenderPropLooksLikeComponent(render);
-			return render(props, state);
-		}
-		const mergedProps = mergeProps(props, render.props);
-		mergedProps.ref = props.ref;
-		let newElement = render;
-		if (newElement?.$$typeof === REACT_LAZY_TYPE) newElement = React.Children.toArray(render)[0];
-		if (process.env.NODE_ENV !== "production") {
-			if (!/*#__PURE__*/ React.isValidElement(newElement)) throw new Error([
-				"Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.",
-				"A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.",
-				"https://base-ui.com/r/invalid-render-prop"
-			].join("\n"));
-		}
-		return /*#__PURE__*/ React.cloneElement(newElement, mergedProps);
-	}
-	if (element) {
-		if (typeof element === "string") return renderTag(element, props);
-	}
-	throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : formatErrorMessage(8));
-}
-function warnIfRenderPropLooksLikeComponent(renderFn) {
-	const functionName = renderFn.name;
-	if (functionName.length === 0) return;
-	if (!COMPONENT_IDENTIFIER_PATTERN.test(functionName)) return;
-	if (!LOWERCASE_CHARACTER_PATTERN.test(functionName)) return;
-	warn(`The \`render\` prop received a function named \`${functionName}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop");
-}
-function renderTag(Tag, props) {
-	if (Tag === "button") return /*#__PURE__*/ createElement("button", {
-		type: "button",
-		...props,
-		key: props.key
-	});
-	if (Tag === "img") return /*#__PURE__*/ createElement("img", {
-		alt: "",
-		...props,
-		key: props.key
-	});
-	return /*#__PURE__*/ React.createElement(Tag, props);
-}
-//#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/use-render/useRender.mjs
-/**
-* Renders a Base UI element.
-*
-* @public
-*/
-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/text/text.mjs
-var STYLE_HASH_ATTRIBUTE$1 = "data-wp-hash";
-function getRuntime$1() {
-	const globalScope = globalThis;
-	if (globalScope.__wpStyleRuntime) return globalScope.__wpStyleRuntime;
-	globalScope.__wpStyleRuntime = {
-		documents: /* @__PURE__ */ new Map(),
-		styles: /* @__PURE__ */ new Map(),
-		injectedStyles: /* @__PURE__ */ new WeakMap()
-	};
-	if (typeof document !== "undefined") registerDocument$1(document);
-	return globalScope.__wpStyleRuntime;
-}
-function documentContainsStyleHash$1(targetDocument, hash) {
-	if (!targetDocument.head) return false;
-	for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE$1}]`)) if (style.getAttribute(STYLE_HASH_ATTRIBUTE$1) === hash) return true;
-	return false;
-}
-function injectStyle$1(targetDocument, hash, css) {
-	if (!targetDocument.head) return;
-	const runtime = getRuntime$1();
-	let injectedStyles = runtime.injectedStyles.get(targetDocument);
-	if (!injectedStyles) {
-		injectedStyles = /* @__PURE__ */ new Set();
-		runtime.injectedStyles.set(targetDocument, injectedStyles);
-	}
-	if (injectedStyles.has(hash)) return;
-	if (documentContainsStyleHash$1(targetDocument, hash)) {
-		injectedStyles.add(hash);
-		return;
-	}
-	const style = targetDocument.createElement("style");
-	style.setAttribute(STYLE_HASH_ATTRIBUTE$1, hash);
-	style.appendChild(targetDocument.createTextNode(css));
-	targetDocument.head.appendChild(style);
-	injectedStyles.add(hash);
-}
-function registerDocument$1(targetDocument) {
-	const runtime = getRuntime$1();
-	runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);
-	for (const [hash, css] of runtime.styles) injectStyle$1(targetDocument, hash, css);
-	return () => {
-		const count = runtime.documents.get(targetDocument);
-		if (count === void 0) return;
-		if (count <= 1) {
-			runtime.documents.delete(targetDocument);
-			return;
-		}
-		runtime.documents.set(targetDocument, count - 1);
-	};
-}
-function registerStyle$1(hash, css) {
-	const runtime = getRuntime$1();
-	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("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"
-};
-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, { 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/stack/stack.mjs
-var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
-function getRuntime() {
-	const globalScope = globalThis;
-	if (globalScope.__wpStyleRuntime) return globalScope.__wpStyleRuntime;
-	globalScope.__wpStyleRuntime = {
-		documents: /* @__PURE__ */ new Map(),
-		styles: /* @__PURE__ */ new Map(),
-		injectedStyles: /* @__PURE__ */ new WeakMap()
-	};
-	if (typeof document !== "undefined") registerDocument(document);
-	return globalScope.__wpStyleRuntime;
-}
-function documentContainsStyleHash(targetDocument, hash) {
-	if (!targetDocument.head) return false;
-	for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) return true;
-	return false;
-}
-function injectStyle(targetDocument, hash, css) {
-	if (!targetDocument.head) return;
-	const runtime = getRuntime();
-	let injectedStyles = runtime.injectedStyles.get(targetDocument);
-	if (!injectedStyles) {
-		injectedStyles = /* @__PURE__ */ new Set();
-		runtime.injectedStyles.set(targetDocument, injectedStyles);
-	}
-	if (injectedStyles.has(hash)) return;
-	if (documentContainsStyleHash(targetDocument, hash)) {
-		injectedStyles.add(hash);
-		return;
-	}
-	const style = targetDocument.createElement("style");
-	style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);
-	style.appendChild(targetDocument.createTextNode(css));
-	targetDocument.head.appendChild(style);
-	injectedStyles.add(hash);
-}
-function registerDocument(targetDocument) {
-	const runtime = getRuntime();
-	runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);
-	for (const [hash, css] of runtime.styles) injectStyle(targetDocument, hash, css);
-	return () => {
-		const count = runtime.documents.get(targetDocument);
-		if (count === void 0) return;
-		if (count <= 1) {
-			runtime.documents.delete(targetDocument);
-			return;
-		}
-		runtime.documents.set(targetDocument, count - 1);
-	};
-}
-function registerStyle(hash, css) {
-	const runtime = getRuntime();
-	runtime.styles.set(hash, css);
-	for (const targetDocument of runtime.documents.keys()) injectStyle(targetDocument, hash, css);
-}
-if (typeof process === "undefined" || process.env.NODE_ENV !== "test") registerStyle("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 Stack = forwardRef$1(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
-	return useRender({
-		render,
-		ref,
-		props: mergeProps(props, {
-			style: {
-				gap: gap && gapTokens[gap],
-				alignItems: align,
-				justifyContent: justify,
-				flexDirection: direction,
-				flexWrap: wrap
-			},
-			className: style_default.stack
-		})
-	});
-});
-//#endregion
 //#region src/components/legend/utils/value-or-identity.ts
 /**
 * Returns an object's value if defined, or the object.
@@ -2233,8 +1531,13 @@ const BaseLegend = forwardRef(({ items, className, orientation = "horizontal", a
 	});
 	const domain = legendScale.domain();
 	const getShapeStyle = useCallback(({ index }) => items[index]?.shapeStyle, [items]);
-	const handleLegendClick = useCallback((seriesLabel) => {
-		if (interactive && chartId && context) context.toggleSeriesVisibility(chartId, seriesLabel);
+	const handleLegendClick = useCallback((seriesLabels) => {
+		if (interactive && chartId && context) {
+			const representativeVisible = context.isSeriesVisible(chartId, seriesLabels[0]);
+			seriesLabels.forEach((label) => {
+				if (context.isSeriesVisible(chartId, label) === representativeVisible) context.toggleSeriesVisibility(chartId, label);
+			});
+		}
 	}, [
 		interactive,
 		chartId,
@@ -2248,16 +1551,16 @@ const BaseLegend = forwardRef(({ items, className, orientation = "horizontal", a
 		chartId,
 		context
 	]);
-	const createClickHandler = useCallback((labelText) => {
+	const createClickHandler = useCallback((seriesLabels) => {
 		if (!interactive) return;
-		return () => handleLegendClick(labelText);
+		return () => handleLegendClick(seriesLabels);
 	}, [interactive, handleLegendClick]);
-	const createKeyDownHandler = useCallback((labelText) => {
+	const createKeyDownHandler = useCallback((seriesLabels) => {
 		if (!interactive) return;
 		return (event) => {
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();
-				handleLegendClick(labelText);
+				handleLegendClick(seriesLabels);
 			}
 		};
 	}, [interactive, handleLegendClick]);
@@ -2277,10 +1580,11 @@ const BaseLegend = forwardRef(({ items, className, orientation = "horizontal", a
 			className: clsx(base_legend_module_default.legend, className),
 			style: theme.legend?.containerStyles,
 			children: labels.map((label, i) => {
-				const visible = isSeriesVisible(label.text);
-				const handleClick = createClickHandler(label.text);
-				const handleKeyDown = createKeyDownHandler(label.text);
 				const matchedItem = items[i];
+				const seriesLabels = matchedItem?.seriesLabels?.length ? matchedItem.seriesLabels : [label.text];
+				const visible = isSeriesVisible(seriesLabels[0]);
+				const handleClick = createClickHandler(seriesLabels);
+				const handleKeyDown = createKeyDownHandler(seriesLabels);
 				return /* @__PURE__ */ jsxs(LegendItem, {
 					className: clsx("visx-legend-item", base_legend_module_default["legend-item"], interactive && base_legend_module_default["legend-item--interactive"], !visible && base_legend_module_default["legend-item--inactive"], itemClassName),
 					margin: itemMargin,
@@ -2408,31 +1712,88 @@ function applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSi
 	return baseItem;
 }
 /**
-* Processes SeriesData into legend items
+* Buckets series by their `group`, preserving first-appearance order. Series with no group — or a
+* group value unique to them — end up in a bucket of their own. Whether a multi-series bucket then
+* collapses to a single legend item is decided by the caller: with `collapseGroups` on, every
+* multi-member bucket collapses, and the comparison pattern only decides which member represents it.
+* @param seriesData - The series data to group
+* @return Ordered groups, each holding its member series with their original indices
+*/
+function groupSeriesForLegend(seriesData) {
+	const groups = [];
+	const groupIndexByKey = /* @__PURE__ */ new Map();
+	seriesData.forEach((series, index) => {
+		const member = {
+			series,
+			index
+		};
+		const key = series.group;
+		if (key === void 0) {
+			groups.push([member]);
+			return;
+		}
+		const existing = groupIndexByKey.get(key);
+		if (existing === void 0) {
+			groupIndexByKey.set(key, groups.length);
+			groups.push([member]);
+		} else groups[existing].push(member);
+	});
+	return groups;
+}
+/**
+* Builds a single legend item from a representative series, tagging it with the series it controls
+* @param member           - The series (with its original index) that provides the label/colour
+* @param seriesLabels     - Every series label this item toggles (grouped) or just its own
+* @param getElementStyles - Function to get element styles
+* @param showValues       - Whether to show values in legend
+* @param withGlyph        - Whether to include glyph rendering
+* @param glyphSize        - Size of the glyph
+* @param renderGlyph      - Component to render the glyph
+* @param legendShape      - The shape type for legend items (string literal or React component)
+* @return The processed legend item
+*/
+function buildSeriesLegendItem(member, seriesLabels, getElementStyles, showValues, withGlyph, glyphSize, renderGlyph, legendShape) {
+	const { color, glyph, shapeStyles } = getElementStyles({
+		data: member.series,
+		index: member.index,
+		legendShape
+	});
+	return applyGlyphToLegendItem({
+		label: member.series.label,
+		value: showValues ? member.series.data?.length?.toString() || "0" : "",
+		color,
+		shapeStyle: shapeStyles,
+		seriesLabels
+	}, withGlyph, glyph, renderGlyph, glyphSize);
+}
+/**
+* Processes SeriesData into legend items. Every series keeps its own legend entry unless
+* `collapseGroups` is set, in which case series sharing a `group` collapse to one item labelled by
+* the group's primary (its first non-comparison member).
 * @param seriesData       - The series data to process
 * @param getElementStyles - Function to get element styles
 * @param showValues       - Whether to show values in legend
 * @param withGlyph        - Whether to include glyph rendering
 * @param glyphSize        - Size of the glyph
+* @param collapseGroups   - Whether series sharing a group collapse to a single item
 * @param renderGlyph      - Component to render the glyph
 * @param legendShape      - The shape type for legend items (string literal or React component)
 * @return Array of processed legend items
 */
-function processSeriesData(seriesData, getElementStyles, showValues, withGlyph, glyphSize, renderGlyph, legendShape) {
-	const mapper = (series, index) => {
-		const { color, glyph, shapeStyles } = getElementStyles({
-			data: series,
-			index,
-			legendShape
-		});
-		return applyGlyphToLegendItem({
-			label: series.label,
-			value: showValues ? series.data?.length?.toString() || "0" : "",
-			color,
-			shapeStyle: shapeStyles
-		}, withGlyph, glyph, renderGlyph, glyphSize);
-	};
-	return seriesData.map(mapper);
+function processSeriesData(seriesData, getElementStyles, showValues, withGlyph, glyphSize, collapseGroups, renderGlyph, legendShape) {
+	const buildItem = (member, seriesLabels) => buildSeriesLegendItem(member, seriesLabels, getElementStyles, showValues, withGlyph, glyphSize, renderGlyph, legendShape);
+	if (!collapseGroups) return seriesData.map((series, index) => buildItem({
+		series,
+		index
+	}, [series.label]));
+	return groupSeriesForLegend(seriesData).flatMap((members) => {
+		if (members.length > 1) {
+			const primary = members.find(({ series }) => series.options?.type !== "comparison") ?? members[0];
+			const seriesLabels = [primary.series.label, ...members.filter((member) => member !== primary).map(({ series }) => series.label)];
+			return [buildItem(primary, seriesLabels)];
+		}
+		return members.map((member) => buildItem(member, [member.series.label]));
+	});
 }
 /**
 * Processes point data into legend items
@@ -2470,11 +1831,11 @@ function processPointData(pointData, getElementStyles, showValues, legendValueDi
 * @return Array of legend items ready for display
 */
 function useChartLegendItems(data, options = {}, legendShape) {
-	const { showValues = false, legendValueDisplay = "percentage", withGlyph = false, glyphSize = 8, renderGlyph } = options;
+	const { showValues = false, legendValueDisplay = "percentage", withGlyph = false, glyphSize = 8, collapseGroups = false, renderGlyph } = options;
 	const { getElementStyles } = useGlobalChartsContext();
 	return useMemo(() => {
 		if (!data || !Array.isArray(data) || data.length === 0) return [];
-		if ("data" in data[0]) return processSeriesData(data, getElementStyles, showValues, withGlyph, glyphSize, renderGlyph, legendShape);
+		if ("data" in data[0]) return processSeriesData(data, getElementStyles, showValues, withGlyph, glyphSize, collapseGroups, renderGlyph, legendShape);
 		return processPointData(data, getElementStyles, showValues, legendValueDisplay, withGlyph, glyphSize, renderGlyph, legendShape);
 	}, [
 		data,
@@ -2483,6 +1844,7 @@ function useChartLegendItems(data, options = {}, legendShape) {
 		legendValueDisplay,
 		withGlyph,
 		glyphSize,
+		collapseGroups,
 		renderGlyph,
 		legendShape
 	]);
@@ -2884,11 +2246,37 @@ const formatHourTick = (timestamp) => {
 		hour12: true
 	});
 };
-const getFormatter = (sortedData) => {
+const formatDateOrHourTick = (timestamp) => {
+	const date = new Date(timestamp);
+	return date.getHours() === 0 && date.getMinutes() === 0 ? formatDateTick$1(timestamp) : formatHourTick(timestamp);
+};
+const formatMonthOrYearTick = (timestamp) => {
+	const date = new Date(timestamp);
+	return date.getMonth() === 0 ? formatYearTick(timestamp) : date.toLocaleDateString(void 0, { month: "short" });
+};
+const getPointSpacingInHours = (sortedData) => {
+	return sortedData.reduce((spacing, datom) => datom.data.reduce((seriesSpacing, point, index) => {
+		const previous = datom.data[index - 1];
+		if (previous?.date === void 0 || point?.date === void 0) return seriesSpacing;
+		return Math.min(seriesSpacing, Math.abs(differenceInHours(point.date, previous.date)));
+	}, spacing), Number.POSITIVE_INFINITY);
+};
+const SPACING_BY_RESOLUTION = {
+	hour: 1,
+	day: 24,
+	week: 168,
+	month: 672
+};
+const getFormatter = (sortedData, tickResolution) => {
+	if (tickResolution === "year") return formatYearTick;
 	const minX = Math.min(...sortedData.map((datom) => datom.data.at(0)?.date));
 	const maxX = Math.max(...sortedData.map((datom) => datom.data.at(-1)?.date));
-	if (Math.abs(differenceInHours(maxX, minX)) <= 24) return formatHourTick;
-	if (Math.abs(differenceInYears(maxX, minX)) <= 1) return formatDateTick$1;
+	const spacingInHours = tickResolution ? SPACING_BY_RESOLUTION[tickResolution] : getPointSpacingInHours(sortedData);
+	const isSubDaily = spacingInHours < 23;
+	const diffInHours = Math.abs(differenceInHours(maxX, minX));
+	if (diffInHours <= 24 && isSubDaily) return formatHourTick;
+	if (diffInHours <= 168 && isSubDaily) return formatDateOrHourTick;
+	if (Math.abs(differenceInYears(maxX, minX)) <= 1) return Number.isFinite(spacingInHours) && spacingInHours >= 672 ? formatMonthOrYearTick : formatDateTick$1;
 	return formatYearTick;
 };
 const guessOptimalNumTicks = (data, chartWidth, tickFormatter) => {
@@ -2989,14 +2377,13 @@ function withResponsive(WrappedComponent) {
 	};
 }
 //#endregion
-//#region src/charts/private/x-zoom.module.scss
+//#region src/charts/private/x-zoom/x-zoom.module.scss
 var x_zoom_module_default = {
-	"x-zoom__reset": "a8ccharts-y6bXNq-x-zoom__reset",
-	"x-zoom__reset-icon": "a8ccharts-y6bXNq-x-zoom__reset-icon",
-	"x-zoom__selection": "a8ccharts-y6bXNq-x-zoom__selection"
+	"x-zoom__reset": "a8ccharts-ur9dWW-x-zoom__reset",
+	"x-zoom__selection": "a8ccharts-ur9dWW-x-zoom__selection"
 };
 //#endregion
-//#region src/charts/private/x-zoom.tsx
+//#region src/charts/private/x-zoom/x-zoom.tsx
 const MIN_DRAG_PIXELS = 6;
 /**
 * Drag-to-zoom state + pointer handlers for an XY chart. Designed to be
@@ -3125,24 +2512,27 @@ function ZoomClip({ active, chartId, children }) {
 	})] });
 }
 /**
-* Visible icon-only reset button rendered as an HTML overlay on top of
-* the chart container. The host should wrap its SVG in a `position: relative`
-* container so the button anchors correctly.
+* Visible icon-only reset control rendered as an HTML overlay on top of the
+* chart container, using the WPDS `IconButton`. The host should wrap its SVG in
+* a `position: relative` container so the button anchors correctly.
 *
 * @param props         - Props.
 * @param props.onClick - Click handler. Typically the `reset` from `useXZoom`.
 * @return JSX element.
 */
 function ZoomResetButton({ onClick }) {
-	const label = __("Reset zoom", "jetpack-charts");
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
+	const stopActivationKeys = useCallback((event) => {
+		if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+	}, []);
+	return /* @__PURE__ */ jsx(IconButton, {
 		className: x_zoom_module_default["x-zoom__reset"],
+		onKeyDown: stopActivationKeys,
+		label: __("Reset zoom", "jetpack-charts"),
+		variant: "outline",
+		tone: "neutral",
+		size: "small",
 		onClick,
-		"aria-label": label,
-		title: label,
-		children: /* @__PURE__ */ jsxs("svg", {
-			className: x_zoom_module_default["x-zoom__reset-icon"],
+		icon: /* @__PURE__ */ jsx("svg", {
 			viewBox: "0 0 24 24",
 			fill: "none",
 			stroke: "currentColor",
@@ -3151,25 +2541,28 @@ function ZoomResetButton({ onClick }) {
 			strokeLinejoin: "round",
 			"aria-hidden": "true",
 			focusable: "false",
-			children: [
-				/* @__PURE__ */ jsx("circle", {
-					cx: "10",
-					cy: "10",
-					r: "6"
-				}),
-				/* @__PURE__ */ jsx("line", {
-					x1: "15",
-					y1: "15",
-					x2: "20",
-					y2: "20"
-				}),
-				/* @__PURE__ */ jsx("line", {
-					x1: "7",
-					y1: "10",
-					x2: "13",
-					y2: "10"
-				})
-			]
+			children: /* @__PURE__ */ jsxs("g", {
+				transform: "translate(2.4 2.4) scale(0.8)",
+				children: [
+					/* @__PURE__ */ jsx("circle", {
+						cx: "10",
+						cy: "10",
+						r: "6"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: "15",
+						y1: "15",
+						x2: "20",
+						y2: "20"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: "7",
+						y1: "10",
+						x2: "13",
+						y2: "10"
+					})
+				]
+			})
 		})
 	});
 }
@@ -3659,8 +3052,9 @@ const LineChartScalesRef = ({ chartRef, width, height, margin }) => {
 	]);
 	return null;
 };
-const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, height, className, margin, withTooltips = true, withTooltipCrosshairs, showLegend = false, legend = {}, renderGlyph = defaultRenderGlyph, glyphStyle = {}, withLegendGlyph = false, withGradientFill = false, smoothing = true, curveType, renderTooltip = renderDefaultTooltip, withStartGlyphs = false, withEndGlyphs = false, animation, options = {}, onPointerDown = void 0, onPointerUp = void 0, onPointerMove = void 0, onPointerOut = void 0, zoomable = false, children, gridVisibility, gap = "md" }, ref) => {
+const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, height, className, margin, withTooltips = true, withTooltipCrosshairs, showLegend = false, legend = {}, renderGlyph = defaultRenderGlyph, glyphStyle = {}, withLegendGlyph = false, withGradientFill = false, smoothing = true, curveType, renderTooltip = renderDefaultTooltip, withStartGlyphs = false, withEndGlyphs = false, animation, options = {}, onPointerDown = void 0, onPointerUp = void 0, onPointerMove = void 0, onPointerOut = void 0, zoomable = false, rescaleYOnVisibilityChange = true, children, gridVisibility, gap = "md" }, ref) => {
 	const legendInteractive = legend.interactive ?? false;
+	const legendCollapseGroups = legend.collapseGroups ?? false;
 	const legendShape = legend.shape ?? "line";
 	const legendPosition = legend.position ?? "bottom";
 	const providerTheme = useGlobalChartsTheme();
@@ -3715,6 +3109,23 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 	const allSeriesHidden = useMemo(() => {
 		return seriesWithVisibility.every(({ isVisible }) => !isVisible);
 	}, [seriesWithVisibility]);
+	const stableYDomain = useMemo(() => {
+		if (!legendInteractive || rescaleYOnVisibilityChange) return;
+		let min = Infinity;
+		let max = -Infinity;
+		for (const series of dataSorted) for (const point of series.data ?? []) {
+			const value = point?.value;
+			if (typeof value === "number" && Number.isFinite(value)) {
+				min = Math.min(min, value);
+				max = Math.max(max, value);
+			}
+		}
+		return min < max ? [min, max] : void 0;
+	}, [
+		legendInteractive,
+		rescaleYOnVisibilityChange,
+		dataSorted
+	]);
 	const { tooltipRef, onChartFocus, onChartBlur, onChartKeyDown } = useKeyboardNavigation({
 		selectedIndex,
 		setSelectedIndex,
@@ -3724,7 +3135,8 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 		totalPoints: dataSorted[0]?.data.length || 0
 	});
 	const chartOptions = useMemo(() => {
-		const formatter = options?.axis?.x?.tickFormat || getFormatter(dataSorted);
+		const { tickResolution, ...xAxisOptions } = options?.axis?.x ?? {};
+		const formatter = xAxisOptions.tickFormat || getFormatter(dataSorted, tickResolution);
 		return {
 			axis: {
 				x: {
@@ -3732,7 +3144,7 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 					numTicks: guessOptimalNumTicks(dataSorted, width, formatter),
 					tickFormat: formatter,
 					display: true,
-					...options?.axis?.x
+					...xAxisOptions
 				},
 				y: {
 					orientation: "left",
@@ -3751,6 +3163,7 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 				type: "linear",
 				nice: true,
 				zero: false,
+				...stableYDomain ? { domain: stableYDomain } : {},
 				...options?.yScale
 			}
 		};
@@ -3758,7 +3171,8 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 		options,
 		dataSorted,
 		width,
-		zoom.domain
+		zoom.domain,
+		stableYDomain
 	]);
 	const tooltipRenderGlyph = useMemo(() => {
 		return (props) => {
@@ -3787,10 +3201,12 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 		legendItems: useChartLegendItems(dataSorted, useMemo(() => ({
 			withGlyph: withLegendGlyph,
 			glyphSize: Math.max(0, toNumber(glyphStyle?.radius) ?? 4),
+			collapseGroups: legendCollapseGroups,
 			renderGlyph
 		}), [
 			withLegendGlyph,
 			glyphStyle?.radius,
+			legendCollapseGroups,
 			renderGlyph
 		]), legendShape),
 		chartType: "line",
@@ -3880,12 +3296,12 @@ const LineChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 							onPointerOut,
 							pointerEventsDataKey: "nearest",
 							children: [
-								gridVisibility !== "none" && /* @__PURE__ */ jsx(Grid, {
+								!allSeriesHidden && gridVisibility !== "none" && /* @__PURE__ */ jsx(Grid, {
 									columns: false,
 									numTicks: 4
 								}),
-								chartOptions.axis.x.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.x }),
-								chartOptions.axis.y.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.y }),
+								!allSeriesHidden && chartOptions.axis.x.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.x }),
+								!allSeriesHidden && chartOptions.axis.y.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.y }),
 								allSeriesHidden ? /* @__PURE__ */ jsx(SvgEmptyState, {
 									x: width / 2,
 									y: chartHeight / 2,
@@ -4093,10 +3509,11 @@ const HoverGlyphs = ({ visibleSeries, stacked, stackOffset, getElementStyles, st
 };
 //#endregion
 //#region src/charts/area-chart/area-chart.tsx
-const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, height, className, margin, withTooltips = true, withTooltipCrosshairs, showLegend = false, legend = {}, stacked = true, stackOffset = "none", smoothing = true, curveType, fillOpacity, withStroke, renderTooltip = renderDefaultTooltip, animation, options = {}, onPointerDown, onPointerUp, onPointerMove, onPointerOut, zoomable = false, rescaleYOnLegendToggle = true, children, gridVisibility, gap = "md" }, ref) => {
+const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, height, className, margin, withTooltips = true, withTooltipCrosshairs, showLegend = false, legend = {}, stacked = true, stackOffset = "none", smoothing = true, curveType, fillOpacity, withStroke, renderTooltip = renderDefaultTooltip, animation, options = {}, onPointerDown, onPointerUp, onPointerMove, onPointerOut, zoomable = false, rescaleYOnVisibilityChange, rescaleYOnLegendToggle, children, gridVisibility, gap = "md" }, ref) => {
 	const legendInteractive = legend.interactive ?? false;
 	const legendShape = legend.shape ?? "rect";
 	const legendPosition = legend.position ?? "bottom";
+	const rescaleYOnVisibility = rescaleYOnVisibilityChange ?? rescaleYOnLegendToggle ?? true;
 	const providerTheme = useGlobalChartsTheme();
 	const theme = useXYChartTheme(data);
 	const chartId = useChartId(providedChartId);
@@ -4155,7 +3572,7 @@ const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 		totalPoints: dataSorted[0]?.data.length || 0
 	});
 	const fixedYDomain = useMemo(() => {
-		if (rescaleYOnLegendToggle || !legendInteractive || !dataSorted.length || !dataSorted[0].data.length || stacked && stackOffset !== "none") return;
+		if (rescaleYOnVisibility || !legendInteractive || !dataSorted.length || !dataSorted[0].data.length || stacked && stackOffset !== "none") return;
 		if (stacked) {
 			const numPoints = Math.max(...dataSorted.map((s) => s.data.length));
 			let posMax = 0;
@@ -4190,10 +3607,11 @@ const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 		stacked,
 		stackOffset,
 		legendInteractive,
-		rescaleYOnLegendToggle
+		rescaleYOnVisibility
 	]);
 	const chartOptions = useMemo(() => {
-		const formatter = options?.axis?.x?.tickFormat || getFormatter(dataSorted);
+		const { tickResolution, ...xAxisOptions } = options?.axis?.x ?? {};
+		const formatter = xAxisOptions.tickFormat || getFormatter(dataSorted, tickResolution);
 		return {
 			axis: {
 				x: {
@@ -4201,7 +3619,7 @@ const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 					numTicks: guessOptimalNumTicks(dataSorted, width, formatter),
 					tickFormat: formatter,
 					display: true,
-					...options?.axis?.x
+					...xAxisOptions
 				},
 				y: {
 					orientation: "left",
@@ -4239,8 +3657,9 @@ const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 		chartId,
 		legendItems: useChartLegendItems(dataSorted, useMemo(() => ({
 			withGlyph: false,
-			glyphSize: 0
-		}), []), legendShape),
+			glyphSize: 0,
+			collapseGroups: legend.collapseGroups ?? false
+		}), [legend.collapseGroups]), legendShape),
 		chartType: "area",
 		isDataValid,
 		metadata: useMemo(() => ({
@@ -4377,12 +3796,12 @@ const AreaChartInternal = forwardRef(({ data, chartId: providedChartId, width, h
 							onPointerOut,
 							pointerEventsDataKey: "nearest",
 							children: [
-								gridVisibility !== "none" && /* @__PURE__ */ jsx(Grid, {
+								!allSeriesHidden && gridVisibility !== "none" && /* @__PURE__ */ jsx(Grid, {
 									columns: false,
 									numTicks: 4
 								}),
-								chartOptions.axis.x.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.x }),
-								chartOptions.axis.y.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.y }),
+								!allSeriesHidden && chartOptions.axis.x.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.x }),
+								!allSeriesHidden && chartOptions.axis.y.display && /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.y }),
 								allSeriesHidden ? /* @__PURE__ */ jsx(SvgEmptyState, {
 									x: width / 2,
 									y: chartHeight / 2,
@@ -4851,6 +4270,7 @@ const renderTooltipRow = (label, value) => /* @__PURE__ */ jsx("div", {
 });
 const BarChartInternal = ({ data, chartId: providedChartId, width, height, className, margin, withTooltips = false, showLegend = false, legend = {}, gridVisibility: gridVisibilityProp, renderTooltip, options = {}, orientation = "vertical", withPatterns = false, showZeroValues = false, animation, children, gap = "md" }) => {
 	const legendInteractive = legend.interactive ?? false;
+	const legendCollapseGroups = legend.collapseGroups ?? false;
 	const horizontal = orientation === "horizontal";
 	const chartId = useChartId(providedChartId);
 	const theme = useXYChartTheme(data);
@@ -4859,7 +4279,7 @@ const BarChartInternal = ({ data, chartId: providedChartId, width, height, class
 		enabled: showZeroValues,
 		valueAxisLength: horizontal ? width : height
 	});
-	const legendItems = useChartLegendItems(dataSorted);
+	const legendItems = useChartLegendItems(dataSorted, useMemo(() => ({ collapseGroups: legendCollapseGroups }), [legendCollapseGroups]));
 	const chartOptions = useBarChartOptions(dataWithVisibleZeros, horizontal, options);
 	const defaultMargin = useChartMargin(height, chartOptions, dataSorted, theme, horizontal);
 	const chartRef = useRef(null);
@@ -5151,7 +4571,7 @@ const BarChartInternal = ({ data, chartId: providedChartId, width, height, class
 							horizontal,
 							pointerEventsDataKey: "nearest",
 							children: [
-								/* @__PURE__ */ jsx(Grid, {
+								!allSeriesHidden && /* @__PURE__ */ jsx(Grid, {
 									columns: gridVisibility.includes("y"),
 									rows: gridVisibility.includes("x"),
 									numTicks: 4
@@ -5191,8 +4611,7 @@ const BarChartInternal = ({ data, chartId: providedChartId, width, height, class
 										colorAccessor: getBarBackground(index)
 									}, seriesData?.label))
 								}),
-								/* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.x }),
-								/* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.y }),
+								!allSeriesHidden && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.x }), /* @__PURE__ */ jsx(Axis, { ...chartOptions.axis.y })] }),
 								withTooltips && /* @__PURE__ */ jsx(AccessibleTooltip, {
 									detectBounds: true,
 									snapTooltipToDatumX: true,
@@ -6413,6 +5832,73 @@ const HeatmapChartResponsiveInner = (props) => /* @__PURE__ */ jsx(HeatmapChartW
 HeatmapChartResponsiveInner.displayName = "HeatmapChart";
 const HeatmapChartResponsive = attachSubComponents(withResponsive(HeatmapChartResponsiveInner), { Legend: HeatmapLegend });
 //#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/lower-case@2.0.2/node_modules/lower-case/dist.es2015/index.js
+/**
+* Lower case as a function.
+*/
+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;
+/**
+* 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/@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);
@@ -8277,10 +7763,10 @@ var require_es6 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region ../../../node_modules/.pnpm/@wordpress+warning@3.51.0/node_modules/@wordpress/warning/build-module/utils.mjs
+//#region ../../../node_modules/.pnpm/@wordpress+warning@3.52.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
+//#region ../../../node_modules/.pnpm/@wordpress+warning@3.52.0/node_modules/@wordpress/warning/build-module/index.mjs
 function isDev() {
 	return globalThis.SCRIPT_DEBUG === true;
 }