@carto/ps-react-ui 5.3.0 → 6.1.0

package/dist/legend.js

@@ -1,11 +1,10 @@
-import { t as e } from "./tooltip-DJUGNZxY.js";
-import { t } from "./smart-tooltip-CwGHCqab.js";
+import { n as e, t } from "./smart-tooltip-Dc_rHhyI.js";
 import { a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, s as h, u as g, v as _, y as v } from "./stores-mad-9yFn.js";
 import { c as y } from "react/compiler-runtime";
 import { Children as b, createContext as x, isValidElement as S, useContext as C, useEffect as w, useId as T, useLayoutEffect as E, useRef as D, useState as O } from "react";
-import { Box as k, ButtonBase as A, CircularProgress as j, Collapse as M, Divider as N, IconButton as P, InputAdornment as F, Menu as I, MenuItem as L, OutlinedInput as R, Slider as ee, Typography as z, createSvgIcon as te } from "@mui/material";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { ArrowDropDown as U, ChecklistOutlined as W, Close as ne, DragIndicator as G, ErrorOutline as re, ExpandMore as ie, MoreVert as ae, VisibilityOffOutlined as oe, VisibilityOutlined as se } from "@mui/icons-material";
+import { Box as k, ButtonBase as A, CircularProgress as j, Collapse as M, Divider as N, IconButton as P, InputAdornment as F, Menu as I, MenuItem as L, OutlinedInput as R, Slider as ee, Typography as z, createSvgIcon as B } from "@mui/material";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { ArrowDropDown as te, ChecklistOutlined as W, Close as ne, DragIndicator as G, ErrorOutlineOutlined as re, ExpandMore as ie, MoreVert as ae, VisibilityOffOutlined as oe, VisibilityOutlined as se } from "@mui/icons-material";
 import { SortableContext as ce, useSortable as le, verticalListSortingStrategy as ue } from "@dnd-kit/sortable";
 import { CSS as de } from "@dnd-kit/utilities";
 import { DndContext as fe, DragOverlay as pe, KeyboardSensor as me, PointerSensor as he, closestCenter as ge, useSensor as _e, useSensors as ve } from "@dnd-kit/core";
@@ -83,12 +82,12 @@ function xe(e) {
 	let w;
 	t[16] === C ? w = t[17] : (w = { labels: C }, t[16] = C, t[17] = w);
 	let T = w, D;
-	t[18] !== u || t[19] !== T ? (D = /* @__PURE__ */ V(be.Provider, {
+	t[18] !== u || t[19] !== T ? (D = /* @__PURE__ */ H(be.Provider, {
 		value: T,
 		children: u
 	}), t[18] = u, t[19] = T, t[20] = D) : D = t[20];
 	let k;
-	return t[21] !== r || t[22] !== D ? (k = /* @__PURE__ */ V(v.Provider, {
+	return t[21] !== r || t[22] !== D ? (k = /* @__PURE__ */ H(v.Provider, {
 		value: r,
 		children: D
 	}), t[21] = r, t[22] = D, t[23] = k) : k = t[23], k;
@@ -125,7 +124,7 @@ var Oe = { fadeGroup: {
 //#region src/legend/components/legend-actions/legend-actions.tsx
 function ke(e) {
 	let t = y(3), { children: n } = e, r = q() === null ? "PsLegend-groupFade" : "PsLegend-rowFade", i;
-	return t[0] !== n || t[1] !== r ? (i = /* @__PURE__ */ V(k, {
+	return t[0] !== n || t[1] !== r ? (i = /* @__PURE__ */ H(k, {
 		className: r,
 		sx: Oe.fadeGroup,
 		children: n
@@ -333,9 +332,9 @@ function Le(t) {
 		}, i = `PsLegend-dragHandle-${r}`, s = r === "group" ? Ie.handleSlotGroup : Ie.handleSlotLayer, c;
 		n[16] === s ? c = n[17] : (c = [Ie.handleSlot, s], n[16] = s, n[17] = c);
 		let _;
-		n[18] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ V(G, {}), n[18] = _) : _ = n[18];
+		n[18] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ H(G, {}), n[18] = _) : _ = n[18];
 		let v;
-		n[19] !== l || n[20] !== o.reorder || n[21] !== u || n[22] !== f ? (v = /* @__PURE__ */ V(P, {
+		n[19] !== l || n[20] !== o.reorder || n[21] !== u || n[22] !== f ? (v = /* @__PURE__ */ H(P, {
 			ref: f,
 			size: "xsmall",
 			"aria-label": o.reorder,
@@ -345,12 +344,12 @@ function Le(t) {
 			children: _
 		}), n[19] = l, n[20] = o.reorder, n[21] = u, n[22] = f, n[23] = v) : v = n[23];
 		let y;
-		n[24] !== o.reorder || n[25] !== v ? (y = /* @__PURE__ */ V(e, {
+		n[24] !== o.reorder || n[25] !== v ? (y = /* @__PURE__ */ H(e, {
 			title: o.reorder,
 			children: v
 		}), n[24] = o.reorder, n[25] = v, n[26] = y) : y = n[26];
 		let b;
-		n[27] !== i || n[28] !== c || n[29] !== y ? (b = /* @__PURE__ */ V(k, {
+		n[27] !== i || n[28] !== c || n[29] !== y ? (b = /* @__PURE__ */ H(k, {
 			component: "span",
 			className: i,
 			sx: c,
@@ -380,17 +379,17 @@ function Re(e) {
 	let { actions: x, body: S } = b, C;
 	n[8] !== d.collapsed || n[9] !== i || n[10] !== f ? (C = () => f(i, !d.collapsed), n[8] = d.collapsed, n[9] = i, n[10] = f, n[11] = C) : C = n[11];
 	let w = C, T;
-	n[12] !== x || n[13] !== S || n[14] !== d.collapsed || n[15] !== d.icon || n[16] !== d.label || n[17] !== i || n[18] !== m || n[19] !== v || n[20] !== h || n[21] !== w ? (T = (e) => /* @__PURE__ */ V(we.Provider, {
+	n[12] !== x || n[13] !== S || n[14] !== d.collapsed || n[15] !== d.icon || n[16] !== d.label || n[17] !== i || n[18] !== m || n[19] !== v || n[20] !== h || n[21] !== w ? (T = (e) => /* @__PURE__ */ H(we.Provider, {
 		value: i,
-		children: /* @__PURE__ */ H(k, {
+		children: /* @__PURE__ */ U(k, {
 			ref: e?.rootRef,
 			style: e?.rootStyle,
 			sx: [J.group, e?.dragging === !0 && J.groupDragging],
-			children: [/* @__PURE__ */ H(k, {
+			children: [/* @__PURE__ */ U(k, {
 				sx: J.header,
 				children: [
 					e?.handle,
-					/* @__PURE__ */ H(k, {
+					/* @__PURE__ */ U(k, {
 						sx: J.titleArea,
 						role: "button",
 						tabIndex: 0,
@@ -398,37 +397,36 @@ function Re(e) {
 						onClick: w,
 						onKeyDown: Se(w),
 						children: [
-							d.icon != null && /* @__PURE__ */ V(k, {
+							d.icon != null && /* @__PURE__ */ H(k, {
 								sx: J.groupIcon,
 								children: d.icon
 							}),
-							/* @__PURE__ */ V(t, {
+							/* @__PURE__ */ H(t, {
 								title: d.label,
 								dependencies: [d.label],
 								children: (e) => {
 									let { ref: t } = e;
-									return /* @__PURE__ */ V(z, {
+									return /* @__PURE__ */ H(z, {
 										ref: t,
 										variant: "button",
-										fontWeight: "bold",
 										color: m ? "text.disabled" : "text.primary",
-										sx: J.label,
+										sx: [{ fontWeight: "bold" }, J.label],
 										children: d.label
 									});
 								}
 							}),
-							/* @__PURE__ */ V(ie, { sx: [J.chevron, d.collapsed && J.chevronCollapsed] })
+							/* @__PURE__ */ H(ie, { sx: [J.chevron, d.collapsed && J.chevronCollapsed] })
 						]
 					}),
-					/* @__PURE__ */ V(k, {
+					/* @__PURE__ */ H(k, {
 						className: "PsLegend-groupActions",
 						sx: J.actions,
 						children: x
 					})
 				]
-			}), /* @__PURE__ */ V(M, {
+			}), /* @__PURE__ */ H(M, {
 				in: !d.collapsed,
-				children: h ? /* @__PURE__ */ V(ce, {
+				children: h ? /* @__PURE__ */ H(ce, {
 					items: v,
 					strategy: ue,
 					children: S
@@ -437,7 +435,7 @@ function Re(e) {
 		})
 	}), n[12] = x, n[13] = S, n[14] = d.collapsed, n[15] = d.icon, n[16] = d.label, n[17] = i, n[18] = m, n[19] = v, n[20] = h, n[21] = w, n[22] = T) : T = n[22];
 	let E = T, D;
-	return n[23] !== i || n[24] !== E || n[25] !== h ? (D = h ? /* @__PURE__ */ V(Le, {
+	return n[23] !== i || n[24] !== E || n[25] !== h ? (D = h ? /* @__PURE__ */ H(Le, {
 		kind: "group",
 		id: i,
 		render: E
@@ -597,18 +595,18 @@ function Ve(e) {
 	let { actions: T, body: E } = w, D = !c.visible || c.collapsed, A = m ? 48 : 0, j = c.visible && p, N;
 	n[9] !== c.collapsed || n[10] !== i || n[11] !== l ? (N = () => l(i, !c.collapsed), n[9] = c.collapsed, n[10] = i, n[11] = l, n[12] = N) : N = n[12];
 	let P = N, F;
-	n[13] !== T || n[14] !== E || n[15] !== j || n[16] !== D || n[17] !== m || n[18] !== c.collapsed || n[19] !== c.helperText || n[20] !== c.name || n[21] !== c.subtitle || n[22] !== c.visible || n[23] !== C || n[24] !== A || n[25] !== P ? (F = (e) => /* @__PURE__ */ V(Ce.Provider, {
+	n[13] !== T || n[14] !== E || n[15] !== j || n[16] !== D || n[17] !== m || n[18] !== c.collapsed || n[19] !== c.helperText || n[20] !== c.name || n[21] !== c.subtitle || n[22] !== c.visible || n[23] !== C || n[24] !== A || n[25] !== P ? (F = (e) => /* @__PURE__ */ H(Ce.Provider, {
 		value: C,
-		children: /* @__PURE__ */ H(k, {
+		children: /* @__PURE__ */ U(k, {
 			ref: e?.rootRef,
 			style: e?.rootStyle,
 			sx: [Y.row, e?.dragging === !0 && Y.rowDragging],
-			children: [/* @__PURE__ */ H(k, {
+			children: [/* @__PURE__ */ U(k, {
 				sx: [Y.header, m && Y.headerGrouped],
 				style: { top: A },
 				children: [
 					e?.handle,
-					/* @__PURE__ */ H(k, {
+					/* @__PURE__ */ U(k, {
 						sx: [Y.titleBox, j && Y.titleBoxInteractive],
 						...j && {
 							role: "button",
@@ -617,14 +615,14 @@ function Ve(e) {
 							onClick: P,
 							onKeyDown: Se(P)
 						},
-						children: [/* @__PURE__ */ H(k, {
+						children: [/* @__PURE__ */ U(k, {
 							sx: Y.titleLine,
-							children: [/* @__PURE__ */ V(t, {
+							children: [/* @__PURE__ */ H(t, {
 								title: c.name,
 								dependencies: [c.name],
 								children: (e) => {
 									let { ref: t } = e;
-									return /* @__PURE__ */ V(z, {
+									return /* @__PURE__ */ H(z, {
 										ref: t,
 										variant: "button",
 										color: c.visible ? "text.primary" : "text.disabled",
@@ -632,35 +630,35 @@ function Ve(e) {
 										children: c.name
 									});
 								}
-							}), j && /* @__PURE__ */ V(ie, { sx: [Y.chevron, c.collapsed && Y.chevronCollapsed] })]
-						}), c.subtitle && !D && /* @__PURE__ */ V(z, {
+							}), j && /* @__PURE__ */ H(ie, { sx: [Y.chevron, c.collapsed && Y.chevronCollapsed] })]
+						}), c.subtitle && !D && /* @__PURE__ */ H(z, {
 							variant: "caption",
-							color: "text.secondary",
 							component: "p",
+							sx: { color: "text.secondary" },
 							children: c.subtitle
 						})]
 					}),
-					/* @__PURE__ */ V(k, {
+					/* @__PURE__ */ H(k, {
 						className: "PsLegend-rowActions",
 						sx: Y.actions,
 						children: T
 					})
 				]
-			}), /* @__PURE__ */ H(M, {
+			}), /* @__PURE__ */ U(M, {
 				in: !D,
-				children: [/* @__PURE__ */ V(k, {
+				children: [/* @__PURE__ */ H(k, {
 					sx: [
 						Y.content,
 						m && Y.contentGrouped,
 						!c.visible && Y.dimmed
 					],
 					children: E
-				}), c.helperText && /* @__PURE__ */ V(k, {
+				}), c.helperText && /* @__PURE__ */ H(k, {
 					sx: [Y.footer, m && Y.footerGrouped],
-					children: typeof c.helperText == "string" ? /* @__PURE__ */ V(z, {
+					children: typeof c.helperText == "string" ? /* @__PURE__ */ H(z, {
 						variant: "caption",
-						color: "text.secondary",
 						component: "p",
+						sx: { color: "text.secondary" },
 						children: c.helperText
 					}) : c.helperText
 				})]
@@ -668,7 +666,7 @@ function Ve(e) {
 		})
 	}), n[13] = T, n[14] = E, n[15] = j, n[16] = D, n[17] = m, n[18] = c.collapsed, n[19] = c.helperText, n[20] = c.name, n[21] = c.subtitle, n[22] = c.visible, n[23] = C, n[24] = A, n[25] = P, n[26] = F) : F = n[26];
 	let I = F, L;
-	return n[27] !== i || n[28] !== I || n[29] !== h ? (L = h ? /* @__PURE__ */ V(Le, {
+	return n[27] !== i || n[28] !== I || n[29] !== h ? (L = h ? /* @__PURE__ */ H(Le, {
 		kind: "layer",
 		id: i,
 		render: I
@@ -679,13 +677,13 @@ function He(e) {
 }
 //#endregion
 //#region src/legend/components/icons.tsx
-var Ue = te(/* @__PURE__ */ H("g", {
+var Ue = B(/* @__PURE__ */ U("g", {
 	transform: "translate(12 12) scale(1.33333) translate(-184 -24)",
-	children: [/* @__PURE__ */ V("path", {
+	children: [/* @__PURE__ */ H("path", {
 		fillRule: "evenodd",
 		clipRule: "evenodd",
 		d: "M184.901 29.5794L185.217 29.5415C185.803 29.4604 186.372 29.3216 186.918 29.1319L187 29.1007L187 29.1033L187.208 29.0255L187.536 28.8904C187.722 28.8088 187.906 28.721 188.086 28.6272L188.366 28.4747C188.381 28.4663 188.395 28.4578 188.41 28.4493C188.418 28.4451 188.425 28.4408 188.432 28.4365C188.455 28.4234 188.478 28.4102 188.5 28.3969C188.551 28.3668 188.601 28.3362 188.652 28.3052L188.912 28.1374C189.598 27.6788 190.217 27.1271 190.75 26.5002L190.751 26.4954C190.989 26.2164 191.21 25.9226 191.413 25.6152C191.488 25.5007 191.561 25.3843 191.631 25.2662L191.757 25.0445L191.878 24.8189L192.021 24.5306L192.15 24.2443L192.25 24C190.98 20.7776 187.885 18.4747 184.239 18.3782L184 18.375L183.716 18.3795L183.637 18.3823L183.373 18.3967L183.103 18.4198L182.838 18.4506L182.666 18.4749L182.426 18.5146C182.19 18.557 181.957 18.6087 181.728 18.6684L181.55 18.7175L181.271 18.8039L182.508 20.04L182.801 19.9854C183.194 19.9182 183.592 19.875 184 19.875C186.842 19.875 189.378 21.4725 190.615 24C190.172 24.915 189.55 25.7025 188.807 26.34L188.811 26.3446C188.71 26.4323 188.606 26.5172 188.5 26.5991C188.455 26.6337 188.41 26.6679 188.364 26.7015C188.108 26.8897 187.84 27.0611 187.562 27.2145C187.088 27.4755 186.585 27.6844 186.058 27.836L186.062 27.84L185.778 27.9125C185.707 27.9293 185.635 27.9452 185.563 27.9602C185.297 28.0173 185.025 28.06 184.75 28.0876V28.0866C184.503 28.1118 184.253 28.125 184 28.125C181.158 28.125 178.622 26.5275 177.385 24C177.91 22.9275 178.675 22.0425 179.582 21.3525L180.895 22.665L180.826 22.844C180.697 23.2065 180.625 23.595 180.625 24C180.625 25.86 182.14 27.375 184 27.375C184.258 27.375 184.509 27.3459 184.75 27.2915C185.462 27.129 186.09 26.7397 186.553 26.2048L179.79 19.4389C179.339 19.6833 178.912 19.9656 178.512 20.2817L178.517 20.2875L178.271 20.4884C177.704 20.9671 177.197 21.516 176.766 22.1227C176.404 22.6333 176.095 23.1838 175.845 23.7662L175.75 24C177.048 27.2925 180.25 29.625 184 29.625L184.285 29.6205L184.492 29.6116L184.628 29.6025L184.901 29.5794ZM182.133 23.9025L184.09 25.86L184.045 25.8703L184 25.875C182.965 25.875 182.125 25.035 182.125 24L182.133 23.9025Z"
-	}), /* @__PURE__ */ V("path", { d: "M187.368 23.9925C187.375 22.1325 185.86 20.625 184 20.625C183.722 20.625 183.46 20.6625 183.198 20.73L184.75 22.2825L184.889 22.3507C185.252 22.5477 185.543 22.8625 185.71 23.2425L187.263 24.795L187.304 24.6011C187.342 24.4045 187.368 24.2006 187.368 23.9925Z" })]
+	}), /* @__PURE__ */ H("path", { d: "M187.368 23.9925C187.375 22.1325 185.86 20.625 184 20.625C183.722 20.625 183.46 20.6625 183.198 20.73L184.75 22.2825L184.889 22.3507C185.252 22.5477 185.543 22.8625 185.71 23.2425L187.263 24.795L187.304 24.6011C187.342 24.4045 187.368 24.2006 187.368 23.9925Z" })]
 }), "VisibilityIndeterminate"), We = {
 	visible: se,
 	hidden: oe,
@@ -724,9 +722,9 @@ function Ge(t) {
 		}, n[23] = f, n[24] = s, n[25] = t) : t = n[25], D = t;
 	} else return null;
 	let { hideLayer: O, showLayer: k } = D ?? f, A = We[T], j = T === "hidden" ? k : O, M = T === "visible" ? void 0 : "active", N;
-	n[26] === A ? N = n[27] : (N = /* @__PURE__ */ V(A, { fontSize: "small" }), n[26] = A, n[27] = N);
+	n[26] === A ? N = n[27] : (N = /* @__PURE__ */ H(A, { fontSize: "small" }), n[26] = A, n[27] = N);
 	let F;
-	n[28] !== E || n[29] !== j || n[30] !== M || n[31] !== N ? (F = /* @__PURE__ */ V(P, {
+	n[28] !== E || n[29] !== j || n[30] !== M || n[31] !== N ? (F = /* @__PURE__ */ H(P, {
 		size: "small",
 		className: M,
 		onClick: E,
@@ -734,7 +732,7 @@ function Ge(t) {
 		children: N
 	}), n[28] = E, n[29] = j, n[30] = M, n[31] = N, n[32] = F) : F = n[32];
 	let I;
-	return n[33] !== j || n[34] !== F ? (I = /* @__PURE__ */ V(e, {
+	return n[33] !== j || n[34] !== F ? (I = /* @__PURE__ */ H(e, {
 		title: j,
 		children: F
 	}), n[33] = j, n[34] = F, n[35] = I) : I = n[35], I;
@@ -774,9 +772,9 @@ function Je(t) {
 		e.stopPropagation(), u(e.currentTarget);
 	}, n[6] = k) : k = n[6];
 	let A = k, j = m || d || c ? "active" : void 0, M;
-	n[7] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ V(ae, { fontSize: "small" }), n[7] = M) : M = n[7];
+	n[7] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ H(ae, { fontSize: "small" }), n[7] = M) : M = n[7];
 	let N;
-	n[8] !== a || n[9] !== m || n[10] !== j ? (N = /* @__PURE__ */ V(P, {
+	n[8] !== a || n[9] !== m || n[10] !== j ? (N = /* @__PURE__ */ H(P, {
 		size: "small",
 		className: j,
 		onClick: A,
@@ -786,12 +784,12 @@ function Je(t) {
 		children: M
 	}), n[8] = a, n[9] = m, n[10] = j, n[11] = N) : N = n[11];
 	let F;
-	n[12] !== h.moreOptions || n[13] !== N ? (F = /* @__PURE__ */ V(e, {
+	n[12] !== h.moreOptions || n[13] !== N ? (F = /* @__PURE__ */ H(e, {
 		title: h.moreOptions,
 		children: N
 	}), n[12] = h.moreOptions, n[13] = N, n[14] = F) : F = n[14];
 	let L;
-	n[15] !== l || n[16] !== r || n[17] !== m ? (L = /* @__PURE__ */ V(I, {
+	n[15] !== l || n[16] !== r || n[17] !== m ? (L = /* @__PURE__ */ H(I, {
 		anchorEl: l,
 		open: m,
 		onClose: w,
@@ -799,7 +797,7 @@ function Je(t) {
 		children: r
 	}), n[15] = l, n[16] = r, n[17] = m, n[18] = L) : L = n[18];
 	let R;
-	return n[19] !== E || n[20] !== F || n[21] !== L ? (R = /* @__PURE__ */ H(Ee.Provider, {
+	return n[19] !== E || n[20] !== F || n[21] !== L ? (R = /* @__PURE__ */ U(Ee.Provider, {
 		value: E,
 		children: [F, L]
 	}), n[19] = E, n[20] = F, n[21] = L, n[22] = R) : R = n[22], R;
@@ -808,7 +806,7 @@ function Je(t) {
 //#region src/legend/components/legend-row-menu/legend-row-menu.tsx
 function Ye(e) {
 	let t = y(5), { children: n } = e, r = q(), { labels: i } = K(), a = !!r, o = r?.opacityOpen ?? !1, s;
-	return t[0] !== n || t[1] !== i.layerOptions || t[2] !== a || t[3] !== o ? (s = /* @__PURE__ */ V(Je, {
+	return t[0] !== n || t[1] !== i.layerOptions || t[2] !== a || t[3] !== o ? (s = /* @__PURE__ */ H(Je, {
 		gate: a,
 		ariaLabel: i.layerOptions,
 		active: o,
@@ -839,12 +837,12 @@ function Ze(e) {
 		e.stopPropagation(), o && Xe(o, () => n(a.layerId));
 	}, t[2] = o, t[3] = n, t[4] = a, t[5] = d) : d = t[5];
 	let f = d, p;
-	t[6] === u ? p = t[7] : (p = u && /* @__PURE__ */ V(j, {
+	t[6] === u ? p = t[7] : (p = u && /* @__PURE__ */ H(j, {
 		size: 16,
 		sx: { mr: 1 }
 	}), t[6] = u, t[7] = p);
 	let m = u ? l.loading : l.zoomTo, h;
-	return t[8] !== u || t[9] !== f || t[10] !== p || t[11] !== m ? (h = /* @__PURE__ */ H(L, {
+	return t[8] !== u || t[9] !== f || t[10] !== p || t[11] !== m ? (h = /* @__PURE__ */ U(L, {
 		disabled: u,
 		onClick: f,
 		children: [p, m]
@@ -861,7 +859,7 @@ function Qe() {
 		if (r) for (let t of c(e, r.groupId)) e.setVisibility(t.id, t.id === n.layerId);
 	}, e[0] = t, e[1] = n.layerId, e[2] = a) : a = e[2];
 	let o = a, s;
-	return e[3] !== i.showOnlyLayer || e[4] !== o ? (s = /* @__PURE__ */ V(L, {
+	return e[3] !== i.showOnlyLayer || e[4] !== o ? (s = /* @__PURE__ */ H(L, {
 		onClick: o,
 		children: i.showOnlyLayer
 	}), e[3] = i.showOnlyLayer, e[4] = o, e[5] = s) : s = e[5], s;
@@ -876,7 +874,7 @@ function $e() {
 		else for (let t of c(e, void 0)) e.setVisibility(t.id, !0);
 	}, e[0] = n, e[1] = t, e[2] = o) : o = e[2];
 	let s = o, u;
-	return e[3] !== a.showAllLayers || e[4] !== s ? (u = /* @__PURE__ */ V(L, {
+	return e[3] !== a.showAllLayers || e[4] !== s ? (u = /* @__PURE__ */ H(L, {
 		onClick: s,
 		children: a.showAllLayers
 	}), e[3] = a.showAllLayers, e[4] = s, e[5] = u) : u = e[5], u;
@@ -885,7 +883,7 @@ function $e() {
 //#region src/legend/components/legend-group-menu/legend-group-menu.tsx
 function et(e) {
 	let t = y(4), { children: n } = e, r = Te(), { labels: i } = K(), a = r !== null, o;
-	return t[0] !== n || t[1] !== i.groupOptions || t[2] !== a ? (o = /* @__PURE__ */ V(Je, {
+	return t[0] !== n || t[1] !== i.groupOptions || t[2] !== a ? (o = /* @__PURE__ */ H(Je, {
 		gate: a,
 		ariaLabel: i.groupOptions,
 		children: n
@@ -903,7 +901,7 @@ function tt() {
 		for (let t of c(e, void 0)) e.setVisibility(t.id, !1);
 	}, e[0] = n, e[1] = t, e[2] = a) : a = e[2];
 	let o = a, u;
-	return e[3] !== i.showOnlyGroup || e[4] !== o ? (u = /* @__PURE__ */ V(L, {
+	return e[3] !== i.showOnlyGroup || e[4] !== o ? (u = /* @__PURE__ */ H(L, {
 		onClick: o,
 		children: i.showOnlyGroup
 	}), e[3] = i.showOnlyGroup, e[4] = o, e[5] = u) : u = e[5], u;
@@ -918,7 +916,7 @@ function nt() {
 		for (let t of c(e, void 0)) e.setVisibility(t.id, !0);
 	}, e[0] = t, e[1] = a);
 	let o = a, u;
-	return e[2] !== i.showAllGroups || e[3] !== o ? (u = /* @__PURE__ */ V(L, {
+	return e[2] !== i.showAllGroups || e[3] !== o ? (u = /* @__PURE__ */ H(L, {
 		onClick: o,
 		children: i.showAllGroups
 	}), e[2] = i.showAllGroups, e[3] = o, e[4] = u) : u = e[4], u;
@@ -932,7 +930,7 @@ function rt() {
 		for (let t of s(e)) e.setGroupCollapsed(t.id, !n);
 	}, e[0] = t, e[1] = c);
 	let u = c, d = i ? o.expandAllGroups : o.collapseAllGroups, f;
-	return e[2] !== d || e[3] !== u ? (f = /* @__PURE__ */ V(L, {
+	return e[2] !== d || e[3] !== u ? (f = /* @__PURE__ */ H(L, {
 		onClick: u,
 		children: d
 	}), e[2] = d, e[3] = u, e[4] = f) : f = e[4], f;
@@ -947,12 +945,12 @@ function it(e) {
 		e.stopPropagation(), s && Xe(s, () => n(a));
 	}, t[2] = a, t[3] = s, t[4] = n, t[5] = f) : f = t[5];
 	let p = f, m;
-	t[6] === d ? m = t[7] : (m = d && /* @__PURE__ */ V(j, {
+	t[6] === d ? m = t[7] : (m = d && /* @__PURE__ */ H(j, {
 		size: 16,
 		sx: { mr: 1 }
 	}), t[6] = d, t[7] = m);
 	let h = d ? u.loading : u.zoomToGroup, _;
-	return t[8] !== d || t[9] !== p || t[10] !== m || t[11] !== h ? (_ = /* @__PURE__ */ H(L, {
+	return t[8] !== d || t[9] !== p || t[10] !== m || t[11] !== h ? (_ = /* @__PURE__ */ U(L, {
 		disabled: d,
 		onClick: p,
 		children: [m, h]
@@ -962,7 +960,7 @@ function it(e) {
 //#region src/legend/components/legend-panel-menu/legend-panel-menu.tsx
 function at(e) {
 	let t = y(3), { children: n } = e, { labels: r } = K(), i;
-	return t[0] !== n || t[1] !== r.panelOptions ? (i = /* @__PURE__ */ V(Je, {
+	return t[0] !== n || t[1] !== r.panelOptions ? (i = /* @__PURE__ */ H(Je, {
 		ariaLabel: r.panelOptions,
 		children: n
 	}), t[0] = n, t[1] = r.panelOptions, t[2] = i) : i = t[2], i;
@@ -1018,17 +1016,17 @@ function ot(e, t) {
 	return _(l(e).getState());
 }
 function st() {
-	let t = y(33), n = r(), [i, a] = O(null), o = ot(n, g(n, ut)), s = u(n, lt), { labels: c } = K(), l = o.reduce(ct, 0), d = !!i && l > 0, f;
+	let t = y(32), n = r(), [i, a] = O(null), o = ot(n, g(n, ut)), s = u(n, lt), { labels: c } = K(), l = o.reduce(ct, 0), d = !!i && l > 0, f;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (f = (e) => a(e.currentTarget), t[0] = f) : f = t[0];
 	let p = f, m;
 	t[1] === Symbol.for("react.memo_cache_sentinel") ? (m = () => a(null), t[1] = m) : m = t[1];
 	let h = m, _ = d ? "active" : void 0, v = l === 0, b;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ V(W, { fontSize: "small" }), t[2] = b) : b = t[2];
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ H(W, { fontSize: "small" }), t[2] = b) : b = t[2];
 	let x;
-	t[3] !== c.enabledLayers || t[4] !== d || t[5] !== _ || t[6] !== v ? (x = /* @__PURE__ */ V(k, {
+	t[3] !== c.enabledLayers || t[4] !== d || t[5] !== _ || t[6] !== v ? (x = /* @__PURE__ */ H(k, {
 		component: "span",
 		sx: X.triggerWrap,
-		children: /* @__PURE__ */ V(P, {
+		children: /* @__PURE__ */ H(P, {
 			size: "small",
 			className: _,
 			disabled: v,
@@ -1040,58 +1038,62 @@ function st() {
 		})
 	}), t[3] = c.enabledLayers, t[4] = d, t[5] = _, t[6] = v, t[7] = x) : x = t[7];
 	let S;
-	t[8] !== c.toggleEnabledLayers || t[9] !== x ? (S = /* @__PURE__ */ V(e, {
+	t[8] !== c.toggleEnabledLayers || t[9] !== x ? (S = /* @__PURE__ */ H(e, {
 		title: c.toggleEnabledLayers,
 		children: x
 	}), t[8] = c.toggleEnabledLayers, t[9] = x, t[10] = S) : S = t[10];
-	let C = I, w;
-	t[11] === h ? w = t[12] : (w = { onExited: h }, t[11] = h, t[12] = w);
-	let T, E;
-	t[13] === Symbol.for("react.memo_cache_sentinel") ? (T = { disablePadding: !0 }, E = { paper: { sx: X.paper } }, t[13] = T, t[14] = E) : (T = t[13], E = t[14]);
-	let D = `${c.enabledLayers} (${l})`, A;
-	t[15] === D ? A = t[16] : (A = /* @__PURE__ */ V(z, {
+	let C = I, w, T;
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (w = { sx: X.paper }, T = { disablePadding: !0 }, t[11] = w, t[12] = T) : (w = t[11], T = t[12]);
+	let E;
+	t[13] === h ? E = t[14] : (E = {
+		paper: w,
+		list: T,
+		transition: { onExited: h }
+	}, t[13] = h, t[14] = E);
+	let D;
+	t[15] === Symbol.for("react.memo_cache_sentinel") ? (D = [{ color: "text.primary" }, X.stickyHeader], t[15] = D) : D = t[15];
+	let A = `${c.enabledLayers} (${l})`, j;
+	t[16] === A ? j = t[17] : (j = /* @__PURE__ */ H(z, {
 		component: "div",
 		variant: "caption",
-		color: "text.primary",
-		sx: X.stickyHeader,
-		children: D
-	}), t[15] = D, t[16] = A);
-	let j;
-	t[17] !== c.hideLayer || t[18] !== s ? (j = (t, n) => [
-		n > 0 ? /* @__PURE__ */ V(N, { sx: X.divider }, `divider-${t.group?.id ?? "ungrouped"}`) : null,
-		t.group ? /* @__PURE__ */ V(z, {
+		sx: D,
+		children: A
+	}), t[16] = A, t[17] = j);
+	let M;
+	t[18] !== c.hideLayer || t[19] !== s ? (M = (t, n) => [
+		n > 0 ? /* @__PURE__ */ H(N, { sx: X.divider }, `divider-${t.group?.id ?? "ungrouped"}`) : null,
+		t.group ? /* @__PURE__ */ H(z, {
 			variant: "caption",
-			fontWeight: "medium",
-			color: "text.secondary",
-			sx: X.groupCaption,
+			sx: [{
+				fontWeight: "medium",
+				color: "text.secondary"
+			}, X.groupCaption],
 			children: t.group.label
 		}, `caption-${t.group.id}`) : null,
-		...t.layers.map((t) => /* @__PURE__ */ H(L, {
+		...t.layers.map((t) => /* @__PURE__ */ U(L, {
 			disableRipple: !0,
 			sx: X.item,
 			onClick: () => s(t.id, !1),
-			children: [/* @__PURE__ */ V(z, {
+			children: [/* @__PURE__ */ H(z, {
 				variant: "body2",
 				sx: X.itemName,
 				children: t.name
-			}), /* @__PURE__ */ V(e, {
+			}), /* @__PURE__ */ H(e, {
 				title: c.hideLayer,
-				children: /* @__PURE__ */ V(se, { sx: X.eye })
+				children: /* @__PURE__ */ H(se, { sx: X.eye })
 			})]
 		}, t.id))
-	], t[17] = c.hideLayer, t[18] = s, t[19] = j) : j = t[19];
-	let M = o.flatMap(j), F;
-	t[20] !== C || t[21] !== i || t[22] !== h || t[23] !== d || t[24] !== A || t[25] !== M || t[26] !== w || t[27] !== T || t[28] !== E ? (F = /* @__PURE__ */ H(C, {
+	], t[18] = c.hideLayer, t[19] = s, t[20] = M) : M = t[20];
+	let F = o.flatMap(M), R;
+	t[21] !== C || t[22] !== i || t[23] !== h || t[24] !== d || t[25] !== j || t[26] !== F || t[27] !== E ? (R = /* @__PURE__ */ U(C, {
 		anchorEl: i,
 		open: d,
 		onClose: h,
-		TransitionProps: w,
-		MenuListProps: T,
 		slotProps: E,
-		children: [A, M]
-	}), t[20] = C, t[21] = i, t[22] = h, t[23] = d, t[24] = A, t[25] = M, t[26] = w, t[27] = T, t[28] = E, t[29] = F) : F = t[29];
-	let R;
-	return t[30] !== F || t[31] !== S ? (R = /* @__PURE__ */ H(B, { children: [S, F] }), t[30] = F, t[31] = S, t[32] = R) : R = t[32], R;
+		children: [j, F]
+	}), t[21] = C, t[22] = i, t[23] = h, t[24] = d, t[25] = j, t[26] = F, t[27] = E, t[28] = R) : R = t[28];
+	let ee;
+	return t[29] !== R || t[30] !== S ? (ee = /* @__PURE__ */ U(V, { children: [S, R] }), t[29] = R, t[30] = S, t[31] = ee) : ee = t[31], ee;
 }
 function ct(e, t) {
 	return e + t.layers.length;
@@ -1169,19 +1171,19 @@ function pt(e) {
 	let T = w, E;
 	t[12] === Symbol.for("react.memo_cache_sentinel") ? (E = () => o(null), t[12] = E) : E = t[12];
 	let k;
-	t[13] !== n || t[14] !== f ? (k = /* @__PURE__ */ V(ce, {
+	t[13] !== n || t[14] !== f ? (k = /* @__PURE__ */ H(ce, {
 		items: f,
 		strategy: ue,
 		children: n
 	}), t[13] = n, t[14] = f, t[15] = k) : k = t[15];
 	let A;
-	t[16] === a ? A = t[17] : (A = a && /* @__PURE__ */ V(_t, { activeId: a }), t[16] = a, t[17] = A);
+	t[16] === a ? A = t[17] : (A = a && /* @__PURE__ */ H(_t, { activeId: a }), t[16] = a, t[17] = A);
 	let j;
-	t[18] === A ? j = t[19] : (j = /* @__PURE__ */ V(pe, { children: A }), t[18] = A, t[19] = j);
+	t[18] === A ? j = t[19] : (j = /* @__PURE__ */ H(pe, { children: A }), t[18] = A, t[19] = j);
 	let M;
-	return t[20] !== x || t[21] !== T || t[22] !== C || t[23] !== v || t[24] !== j || t[25] !== k ? (M = /* @__PURE__ */ V(Me.Provider, {
+	return t[20] !== x || t[21] !== T || t[22] !== C || t[23] !== v || t[24] !== j || t[25] !== k ? (M = /* @__PURE__ */ H(Me.Provider, {
 		value: !0,
-		children: /* @__PURE__ */ H(fe, {
+		children: /* @__PURE__ */ U(fe, {
 			sensors: v,
 			collisionDetection: x,
 			onDragStart: C,
@@ -1201,7 +1203,7 @@ function gt(e) {
 	return Pe("group", e.id);
 }
 function _t(e) {
-	let t = y(15), { activeId: n } = e, i = r(), a;
+	let t = y(17), { activeId: n } = e, i = r(), a;
 	t[0] === n ? a = t[1] : (a = Fe(n), t[0] = n, t[1] = a);
 	let o = a, s;
 	t[2] === o ? s = t[3] : (s = (e) => o ? o.kind === "group" ? e.groups[o.id]?.label : e.layers[o.id]?.name : void 0, t[2] = o, t[3] = s);
@@ -1210,23 +1212,26 @@ function _t(e) {
 	let u = g(i, l);
 	if (!o || c === void 0) return null;
 	let d;
-	t[6] !== u || t[7] !== o.kind ? (d = o.kind === "group" && u != null && /* @__PURE__ */ V(k, {
+	t[6] !== u || t[7] !== o.kind ? (d = o.kind === "group" && u != null && /* @__PURE__ */ H(k, {
 		sx: Ie.overlayIcon,
 		children: u
 	}), t[6] = u, t[7] = o.kind, t[8] = d) : d = t[8];
 	let f = o.kind === "group" ? "bold" : void 0, p;
-	t[9] !== c || t[10] !== f ? (p = /* @__PURE__ */ V(z, {
-		variant: "button",
+	t[9] === f ? p = t[10] : (p = [{
 		fontWeight: f,
-		color: "text.primary",
-		sx: Ie.overlayLabel,
-		children: c
-	}), t[9] = c, t[10] = f, t[11] = p) : p = t[11];
+		color: "text.primary"
+	}, Ie.overlayLabel], t[9] = f, t[10] = p);
 	let m;
-	return t[12] !== d || t[13] !== p ? (m = /* @__PURE__ */ H(k, {
+	t[11] !== c || t[12] !== p ? (m = /* @__PURE__ */ H(z, {
+		variant: "button",
+		sx: p,
+		children: c
+	}), t[11] = c, t[12] = p, t[13] = m) : m = t[13];
+	let h;
+	return t[14] !== d || t[15] !== m ? (h = /* @__PURE__ */ U(k, {
 		sx: Ie.overlay,
-		children: [d, p]
-	}), t[12] = d, t[13] = p, t[14] = m) : m = t[14], m;
+		children: [d, m]
+	}), t[14] = d, t[15] = m, t[16] = h) : h = t[16], h;
 }
 //#endregion
 //#region src/legend/components/legend-opacity/styles.ts
@@ -1265,7 +1270,7 @@ function bt() {
 		n.setOpacityOpen(e), e && a.collapsed && o(n.layerId, !1);
 	}, e[2] = a, e[3] = n, e[4] = o, e[5] = c) : c = e[5];
 	let l = c, d;
-	return e[6] !== s.opacity || e[7] !== n.opacityOpen || e[8] !== l ? (d = /* @__PURE__ */ V(L, {
+	return e[6] !== s.opacity || e[7] !== n.opacityOpen || e[8] !== l ? (d = /* @__PURE__ */ H(L, {
 		selected: n.opacityOpen,
 		onClick: l,
 		children: s.opacity
@@ -1275,7 +1280,7 @@ function xt(e) {
 	return e.setCollapsed;
 }
 function St() {
-	let t = y(47), n = r(), i = q(), a = i?.layerId, o;
+	let t = y(48), n = r(), i = q(), a = i?.layerId, o;
 	t[0] === a ? o = t[1] : (o = (e) => a ? e.layers[a]?.opacity ?? 1 : 1, t[0] = a, t[1] = o);
 	let s = g(n, o), c = g(n, wt), { labels: l } = K(), [u, d] = O(null), [f, p] = O(null);
 	if (!i || !a || !i.opacityOpen) return null;
@@ -1299,86 +1304,90 @@ function St() {
 		i.setOpacityOpen(!1), p(null), d(null);
 	}, t[10] = i, t[11] = S);
 	let C = S, w;
-	t[12] === l.opacity ? w = t[13] : (w = /* @__PURE__ */ V(z, {
-		variant: "caption",
+	t[12] === Symbol.for("react.memo_cache_sentinel") ? (w = {
 		fontWeight: "medium",
-		color: "text.primary",
-		children: l.opacity
-	}), t[12] = l.opacity, t[13] = w);
+		color: "text.primary"
+	}, t[12] = w) : w = t[12];
 	let T;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ V(ne, { fontSize: "small" }), t[14] = T) : T = t[14];
+	t[13] === l.opacity ? T = t[14] : (T = /* @__PURE__ */ H(z, {
+		variant: "caption",
+		sx: w,
+		children: l.opacity
+	}), t[13] = l.opacity, t[14] = T);
 	let E;
-	t[15] !== C || t[16] !== l.close ? (E = /* @__PURE__ */ V(P, {
+	t[15] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ H(ne, { fontSize: "small" }), t[15] = E) : E = t[15];
+	let D;
+	t[16] !== C || t[17] !== l.close ? (D = /* @__PURE__ */ H(P, {
 		size: "small",
 		onClick: C,
 		"aria-label": l.close,
-		children: T
-	}), t[15] = C, t[16] = l.close, t[17] = E) : E = t[17];
-	let D;
-	t[18] !== l.close || t[19] !== E ? (D = /* @__PURE__ */ V(e, {
-		title: l.close,
 		children: E
-	}), t[18] = l.close, t[19] = E, t[20] = D) : D = t[20];
+	}), t[16] = C, t[17] = l.close, t[18] = D) : D = t[18];
 	let A;
-	t[21] !== w || t[22] !== D ? (A = /* @__PURE__ */ H(k, {
-		sx: vt.inlineHeader,
-		children: [w, D]
-	}), t[21] = w, t[22] = D, t[23] = A) : A = t[23];
+	t[19] !== l.close || t[20] !== D ? (A = /* @__PURE__ */ H(e, {
+		title: l.close,
+		children: D
+	}), t[19] = l.close, t[20] = D, t[21] = A) : A = t[21];
 	let j;
-	t[24] === Symbol.for("react.memo_cache_sentinel") ? (j = (e, t) => {
-		d(t), p(null);
-	}, t[24] = j) : j = t[24];
+	t[22] !== T || t[23] !== A ? (j = /* @__PURE__ */ U(k, {
+		sx: vt.inlineHeader,
+		children: [T, A]
+	}), t[22] = T, t[23] = A, t[24] = j) : j = t[24];
 	let M;
-	t[25] === v ? M = t[26] : (M = (e, t) => {
-		v(t), d(null);
-	}, t[25] = v, t[26] = M);
+	t[25] === Symbol.for("react.memo_cache_sentinel") ? (M = (e, t) => {
+		d(t), p(null);
+	}, t[25] = M) : M = t[25];
 	let N;
-	t[27] !== l.opacity || t[28] !== h || t[29] !== M ? (N = /* @__PURE__ */ V(ee, {
+	t[26] === v ? N = t[27] : (N = (e, t) => {
+		v(t), d(null);
+	}, t[26] = v, t[27] = N);
+	let I;
+	t[28] !== l.opacity || t[29] !== h || t[30] !== N ? (I = /* @__PURE__ */ H(ee, {
 		size: "small",
 		min: 0,
 		max: 100,
 		step: 1,
 		value: h,
-		onChange: j,
-		onChangeCommitted: M,
+		onChange: M,
+		onChangeCommitted: N,
 		"aria-label": l.opacity,
 		sx: vt.slider
-	}), t[27] = l.opacity, t[28] = h, t[29] = M, t[30] = N) : N = t[30];
-	let I = f ?? String(h), L;
-	t[31] === x ? L = t[32] : (L = (e) => x(e.target.value), t[31] = x, t[32] = L);
+	}), t[28] = l.opacity, t[29] = h, t[30] = N, t[31] = I) : I = t[31];
+	let L = f ?? String(h), B;
+	t[32] === x ? B = t[33] : (B = (e) => x(e.target.value), t[32] = x, t[33] = B);
+	let V;
+	t[34] === Symbol.for("react.memo_cache_sentinel") ? (V = () => p(null), t[34] = V) : V = t[34];
 	let te;
-	t[33] === Symbol.for("react.memo_cache_sentinel") ? (te = () => p(null), t[33] = te) : te = t[33];
-	let B;
-	t[34] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ V(F, {
+	t[35] === Symbol.for("react.memo_cache_sentinel") ? (te = /* @__PURE__ */ H(F, {
 		position: "end",
 		children: "%"
-	}), t[34] = B) : B = t[34];
-	let U;
-	t[35] === l.opacity ? U = t[36] : (U = {
+	}), t[35] = te) : te = t[35];
+	let W;
+	t[36] === l.opacity ? W = t[37] : (W = {
 		inputMode: "numeric",
 		"aria-label": l.opacity
-	}, t[35] = l.opacity, t[36] = U);
-	let W;
-	t[37] !== I || t[38] !== L || t[39] !== U ? (W = /* @__PURE__ */ V(R, {
+	}, t[36] = l.opacity, t[37] = W);
+	let G;
+	t[38] !== L || t[39] !== B || t[40] !== W ? (G = /* @__PURE__ */ H(R, {
 		size: "small",
-		value: I,
-		onChange: L,
-		onBlur: te,
+		value: L,
+		onChange: B,
+		onBlur: V,
 		onKeyDown: Ct,
-		endAdornment: B,
-		inputProps: U,
+		endAdornment: te,
+		inputProps: W,
 		sx: vt.input
-	}), t[37] = I, t[38] = L, t[39] = U, t[40] = W) : W = t[40];
-	let G;
-	t[41] !== N || t[42] !== W ? (G = /* @__PURE__ */ H(k, {
-		sx: vt.inlineControls,
-		children: [N, W]
-	}), t[41] = N, t[42] = W, t[43] = G) : G = t[43];
+	}), t[38] = L, t[39] = B, t[40] = W, t[41] = G) : G = t[41];
 	let re;
-	return t[44] !== G || t[45] !== A ? (re = /* @__PURE__ */ H(k, {
+	t[42] !== I || t[43] !== G ? (re = /* @__PURE__ */ U(k, {
+		sx: vt.inlineControls,
+		children: [I, G]
+	}), t[42] = I, t[43] = G, t[44] = re) : re = t[44];
+	let ie;
+	return t[45] !== j || t[46] !== re ? (ie = /* @__PURE__ */ U(k, {
 		sx: vt.inline,
-		children: [A, G]
-	}), t[44] = G, t[45] = A, t[46] = re) : re = t[46], re;
+		children: [j, re]
+	}), t[45] = j, t[46] = re, t[47] = ie) : ie = t[47], ie;
 }
 function Ct(e) {
 	e.key === "Enter" && e.target.blur();
@@ -1436,7 +1445,7 @@ function Dt() {
 	let f = a[0].active, p = a.length > 1, m;
 	e[2] === Symbol.for("react.memo_cache_sentinel") ? (m = (e) => l(e.currentTarget), e[2] = m) : m = e[2];
 	let h;
-	e[3] === f ? h = e[4] : (h = /* @__PURE__ */ V(z, {
+	e[3] === f ? h = e[4] : (h = /* @__PURE__ */ H(z, {
 		variant: "body2",
 		sx: Et.value,
 		children: f
@@ -1447,12 +1456,12 @@ function Dt() {
 		...Et.chevronOpen
 	} : Et.chevron, e[5] = d, e[6] = g);
 	let _;
-	e[7] === g ? _ = e[8] : (_ = /* @__PURE__ */ V(U, {
+	e[7] === g ? _ = e[8] : (_ = /* @__PURE__ */ H(te, {
 		fontSize: "small",
 		sx: g
 	}), e[7] = g, e[8] = _);
 	let v;
-	e[9] !== s.attribute || e[10] !== d || e[11] !== h || e[12] !== _ ? (v = /* @__PURE__ */ H(A, {
+	e[9] !== s.attribute || e[10] !== d || e[11] !== h || e[12] !== _ ? (v = /* @__PURE__ */ U(A, {
 		sx: Et.trigger,
 		onClick: m,
 		"aria-label": s.attribute,
@@ -1467,13 +1476,12 @@ function Dt() {
 	let C;
 	if (e[17] !== n || e[18] !== a || e[19] !== o || e[20] !== p) {
 		let t;
-		e[22] !== n || e[23] !== o || e[24] !== p ? (t = (e) => [p && e.title ? /* @__PURE__ */ V(z, {
+		e[22] !== n || e[23] !== o || e[24] !== p ? (t = (e) => [p && e.title ? /* @__PURE__ */ H(z, {
 			variant: "overline",
-			color: "text.secondary",
 			component: "li",
-			sx: Et.sectionTitle,
+			sx: [{ color: "text.secondary" }, Et.sectionTitle],
 			children: e.title
-		}, `${e.id}-title`) : null, ...e.options.map((t) => /* @__PURE__ */ V(L, {
+		}, `${e.id}-title`) : null, ...e.options.map((t) => /* @__PURE__ */ H(L, {
 			selected: t === e.active,
 			sx: Et.option,
 			onClick: () => {
@@ -1483,7 +1491,7 @@ function Dt() {
 		}, `${e.id}-${t}`))], e[22] = n, e[23] = o, e[24] = p, e[25] = t) : t = e[25], C = a.map(t), e[17] = n, e[18] = a, e[19] = o, e[20] = p, e[21] = C;
 	} else C = e[21];
 	let w;
-	e[26] !== c || e[27] !== d || e[28] !== S || e[29] !== C ? (w = /* @__PURE__ */ V(I, {
+	e[26] !== c || e[27] !== d || e[28] !== S || e[29] !== C ? (w = /* @__PURE__ */ H(I, {
 		anchorEl: c,
 		open: d,
 		onClose: b,
@@ -1491,7 +1499,7 @@ function Dt() {
 		children: C
 	}), e[26] = c, e[27] = d, e[28] = S, e[29] = C, e[30] = w) : w = e[30];
 	let T;
-	return e[31] !== w || e[32] !== v ? (T = /* @__PURE__ */ H(B, { children: [v, w] }), e[31] = w, e[32] = v, e[33] = T) : T = e[33], T;
+	return e[31] !== w || e[32] !== v ? (T = /* @__PURE__ */ U(V, { children: [v, w] }), e[31] = w, e[32] = v, e[33] = T) : T = e[33], T;
 }
 function Ot(e) {
 	return e.setSectionValue;
@@ -1567,7 +1575,7 @@ function Nt(e) {
 	}
 }
 function Pt(e, t) {
-	let n = (e) => /* @__PURE__ */ V("path", {
+	let n = (e) => /* @__PURE__ */ H("path", {
 		d: e,
 		stroke: t,
 		strokeWidth: 1.2,
@@ -1596,7 +1604,7 @@ function Pt(e, t) {
 		};
 		case "dots": return {
 			size: 4,
-			content: /* @__PURE__ */ V("circle", {
+			content: /* @__PURE__ */ H("circle", {
 				cx: 2,
 				cy: 2,
 				r: .9,
@@ -1605,7 +1613,7 @@ function Pt(e, t) {
 		};
 		case "grid": return {
 			size: 3,
-			content: /* @__PURE__ */ V("circle", {
+			content: /* @__PURE__ */ H("circle", {
 				cx: 1.5,
 				cy: 1.5,
 				r: .7,
@@ -1626,7 +1634,7 @@ function Ft(e) {
 			overflow: "visible"
 		}, t[2] = o) : o = t[2];
 		let s = f / 2, c = f / 2, l = i ? "round" : "butt", u;
-		t[3] !== r || t[4] !== n || t[5] !== f || t[6] !== c || t[7] !== l || t[8] !== s ? (u = /* @__PURE__ */ V("line", {
+		t[3] !== r || t[4] !== n || t[5] !== f || t[6] !== c || t[7] !== l || t[8] !== s ? (u = /* @__PURE__ */ H("line", {
 			x1: 0,
 			y1: s,
 			x2: f,
@@ -1637,7 +1645,7 @@ function Ft(e) {
 			strokeLinecap: l
 		}), t[3] = r, t[4] = n, t[5] = f, t[6] = c, t[7] = l, t[8] = s, t[9] = u) : u = t[9];
 		let p;
-		return t[10] !== f || t[11] !== u || t[12] !== a ? (p = /* @__PURE__ */ V("svg", {
+		return t[10] !== f || t[11] !== u || t[12] !== a ? (p = /* @__PURE__ */ H("svg", {
 			width: f,
 			height: f,
 			viewBox: a,
@@ -1664,7 +1672,7 @@ function Ft(e) {
 	let O = D, k = l ? "none" : h ? `url(#${p})` : r, A = `0 0 ${f} ${f}`, j;
 	t[26] === Symbol.for("react.memo_cache_sentinel") ? (j = { display: "block" }, t[26] = j) : j = t[26];
 	let M;
-	t[27] !== p || t[28] !== _ ? (M = _ && /* @__PURE__ */ V("defs", { children: /* @__PURE__ */ V("pattern", {
+	t[27] !== p || t[28] !== _ ? (M = _ && /* @__PURE__ */ H("defs", { children: /* @__PURE__ */ H("pattern", {
 		id: p,
 		patternUnits: "userSpaceOnUse",
 		width: _.size,
@@ -1672,17 +1680,17 @@ function Ft(e) {
 		children: _.content
 	}) }), t[27] = p, t[28] = _, t[29] = M) : M = t[29];
 	let N;
-	t[30] !== r || t[31] !== O || t[32] !== k || t[33] !== m || t[34] !== v || t[35] !== l || t[36] !== c || t[37] !== f || t[38] !== h ? (N = v ? /* @__PURE__ */ V(It, {
+	t[30] !== r || t[31] !== O || t[32] !== k || t[33] !== m || t[34] !== v || t[35] !== l || t[36] !== c || t[37] !== f || t[38] !== h ? (N = v ? /* @__PURE__ */ H(It, {
 		size: f,
 		color: r
-	}) : c === "circle" ? /* @__PURE__ */ V("circle", {
+	}) : c === "circle" ? /* @__PURE__ */ H("circle", {
 		cx: f / 2,
 		cy: f / 2,
 		r: f / 2 - m,
 		fill: k,
 		...O,
 		stroke: l || h ? r : "none"
-	}) : /* @__PURE__ */ V("rect", {
+	}) : /* @__PURE__ */ H("rect", {
 		x: m,
 		y: m,
 		width: f - m * 2,
@@ -1692,7 +1700,7 @@ function Ft(e) {
 		stroke: l || h ? r : "none"
 	}), t[30] = r, t[31] = O, t[32] = k, t[33] = m, t[34] = v, t[35] = l, t[36] = c, t[37] = f, t[38] = h, t[39] = N) : N = t[39];
 	let P;
-	return t[40] !== c || t[41] !== f || t[42] !== A || t[43] !== M || t[44] !== N ? (P = /* @__PURE__ */ H("svg", {
+	return t[40] !== c || t[41] !== f || t[42] !== A || t[43] !== M || t[44] !== N ? (P = /* @__PURE__ */ U("svg", {
 		width: f,
 		height: f,
 		viewBox: A,
@@ -1710,27 +1718,27 @@ function It(e) {
 		fill: "none"
 	}, t[0] = r, t[1] = s);
 	let c = s, l = `M${a} ${a + i} V${a} H${a + i}`, u;
-	t[2] !== c || t[3] !== l ? (u = /* @__PURE__ */ V("path", {
+	t[2] !== c || t[3] !== l ? (u = /* @__PURE__ */ H("path", {
 		d: l,
 		...c
 	}), t[2] = c, t[3] = l, t[4] = u) : u = t[4];
 	let d = `M${o - i} ${a} H${o} V${a + i}`, f;
-	t[5] !== c || t[6] !== d ? (f = /* @__PURE__ */ V("path", {
+	t[5] !== c || t[6] !== d ? (f = /* @__PURE__ */ H("path", {
 		d,
 		...c
 	}), t[5] = c, t[6] = d, t[7] = f) : f = t[7];
 	let p = `M${o} ${o - i} V${o} H${o - i}`, m;
-	t[8] !== c || t[9] !== p ? (m = /* @__PURE__ */ V("path", {
+	t[8] !== c || t[9] !== p ? (m = /* @__PURE__ */ H("path", {
 		d: p,
 		...c
 	}), t[8] = c, t[9] = p, t[10] = m) : m = t[10];
 	let h = `M${a + i} ${o} H${a} V${o - i}`, g;
-	t[11] !== c || t[12] !== h ? (g = /* @__PURE__ */ V("path", {
+	t[11] !== c || t[12] !== h ? (g = /* @__PURE__ */ H("path", {
 		d: h,
 		...c
 	}), t[11] = c, t[12] = h, t[13] = g) : g = t[13];
 	let _;
-	return t[14] !== u || t[15] !== f || t[16] !== m || t[17] !== g ? (_ = /* @__PURE__ */ H(B, { children: [
+	return t[14] !== u || t[15] !== f || t[16] !== m || t[17] !== g ? (_ = /* @__PURE__ */ U(V, { children: [
 		u,
 		f,
 		m,
@@ -1751,18 +1759,18 @@ function Rt(e) {
 	let b;
 	if (t[4] !== d || t[5] !== g || t[6] !== m || t[7] !== u || t[8] !== r || t[9] !== l || t[10] !== f) {
 		let e;
-		t[12] !== d || t[13] !== g || t[14] !== m || t[15] !== u || t[16] !== l || t[17] !== f ? (e = (e, t) => /* @__PURE__ */ H(k, {
+		t[12] !== d || t[13] !== g || t[14] !== m || t[15] !== u || t[16] !== l || t[17] !== f ? (e = (e, t) => /* @__PURE__ */ U(k, {
 			sx: {
 				...Z.item,
 				...m ? Z.itemHorizontal : null
 			},
 			children: [
-				/* @__PURE__ */ V(k, {
+				/* @__PURE__ */ H(k, {
 					sx: {
 						...Z.gutter,
 						width: m ? void 0 : g
 					},
-					children: /* @__PURE__ */ V(Ft, {
+					children: /* @__PURE__ */ H(Ft, {
 						shape: e.shape ?? l,
 						color: e.color,
 						isStrokeColor: e.isStrokeColor ?? u,
@@ -1771,27 +1779,26 @@ function Rt(e) {
 						size: e.size ?? 12
 					})
 				}),
-				/* @__PURE__ */ V(z, {
+				/* @__PURE__ */ H(z, {
 					variant: "caption",
-					color: "text.primary",
 					sx: {
+						color: "text.primary",
 						...Z.label,
 						...m ? Z.labelHorizontal : null
 					},
 					children: e.label
 				}),
-				e.value != null && /* @__PURE__ */ V(z, {
+				e.value != null && /* @__PURE__ */ H(z, {
 					className: "PsLegend-value",
 					variant: "caption",
-					color: "text.secondary",
-					sx: Z.value,
+					sx: [{ color: "text.secondary" }, Z.value],
 					children: e.value
 				})
 			]
 		}, `${e.label}-${t}`), t[12] = d, t[13] = g, t[14] = m, t[15] = u, t[16] = l, t[17] = f, t[18] = e) : e = t[18], b = r.map(e), t[4] = d, t[5] = g, t[6] = m, t[7] = u, t[8] = r, t[9] = l, t[10] = f, t[11] = b;
 	} else b = t[11];
 	let x;
-	return t[19] !== p || t[20] !== v || t[21] !== b ? (x = /* @__PURE__ */ V(k, {
+	return t[19] !== p || t[20] !== v || t[21] !== b ? (x = /* @__PURE__ */ H(k, {
 		"data-orientation": p,
 		sx: v,
 		children: b
@@ -1874,39 +1881,39 @@ function Vt(t) {
 		x = (t) => `${e(t)} – ${e(t + 1)}`, n[4] = s, n[5] = x;
 	} else x = n[5];
 	let S = x, C;
-	n[6] !== l || n[7] !== a ? (C = l && /* @__PURE__ */ H(k, {
+	n[6] !== l || n[7] !== a ? (C = l && /* @__PURE__ */ U(k, {
 		sx: Q.attribute,
-		children: [/* @__PURE__ */ V(z, {
+		children: [/* @__PURE__ */ H(z, {
 			variant: "overline",
-			color: "text.secondary",
+			sx: { color: "text.secondary" },
 			children: a.colorBasedOn
-		}), /* @__PURE__ */ V(z, {
+		}), /* @__PURE__ */ H(z, {
 			variant: "caption",
-			color: "text.primary",
+			sx: { color: "text.primary" },
 			children: l
 		})]
 	}), n[6] = l, n[7] = a, n[8] = C) : C = n[8];
 	let w = C;
 	if (b) {
 		let e;
-		n[9] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ V(re, { fontSize: "small" }), n[9] = e) : e = n[9];
+		n[9] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ H(re, { fontSize: "small" }), n[9] = e) : e = n[9];
 		let t = `Discrete ramp needs ${o.length + 1} stops (one per color boundary) but got ${s.length}.`, r;
-		n[10] === t ? r = n[11] : (r = /* @__PURE__ */ H(k, {
+		n[10] === t ? r = n[11] : (r = /* @__PURE__ */ U(k, {
 			sx: Q.error,
-			children: [e, /* @__PURE__ */ V(z, {
+			children: [e, /* @__PURE__ */ H(z, {
 				variant: "caption",
 				color: "error",
 				children: t
 			})]
 		}), n[10] = t, n[11] = r);
 		let i;
-		return n[12] !== w || n[13] !== r ? (i = /* @__PURE__ */ H(k, {
+		return n[12] !== w || n[13] !== r ? (i = /* @__PURE__ */ U(k, {
 			sx: Q.container,
 			children: [w, r]
 		}), n[12] = w, n[13] = r, n[14] = i) : i = n[14], i;
 	}
 	let T;
-	n[15] !== o || n[16] !== d || n[17] !== _ || n[18] !== c || n[19] !== a || n[20] !== S || n[21] !== s ? (T = c ? /* @__PURE__ */ V(k, {
+	n[15] !== o || n[16] !== d || n[17] !== _ || n[18] !== c || n[19] !== a || n[20] !== S || n[21] !== s ? (T = c ? /* @__PURE__ */ H(k, {
 		role: "img",
 		"aria-label": a.colorGradient,
 		sx: {
@@ -1914,8 +1921,8 @@ function Vt(t) {
 			height: "100%",
 			background: _
 		}
-	}) : o.map((t, n) => /* @__PURE__ */ V(e, {
-		title: /* @__PURE__ */ H(B, { children: [
+	}) : o.map((t, n) => /* @__PURE__ */ H(e, {
+		title: /* @__PURE__ */ U(V, { children: [
 			d(s[n].value),
 			" –",
 			" ",
@@ -1923,7 +1930,7 @@ function Vt(t) {
 		] }),
 		placement: "top",
 		arrow: !0,
-		children: /* @__PURE__ */ V(k, {
+		children: /* @__PURE__ */ H(k, {
 			role: "img",
 			"aria-label": S(n),
 			sx: {
@@ -1933,55 +1940,54 @@ function Vt(t) {
 		})
 	}, n)), n[15] = o, n[16] = d, n[17] = _, n[18] = c, n[19] = a, n[20] = S, n[21] = s, n[22] = T) : T = n[22];
 	let E;
-	n[23] === T ? E = n[24] : (E = /* @__PURE__ */ V(k, {
+	n[23] === T ? E = n[24] : (E = /* @__PURE__ */ H(k, {
 		sx: Q.bar,
 		children: T
 	}), n[23] = T, n[24] = E);
 	let D;
-	n[25] !== p || n[26] !== r.avg || n[27] !== d ? (D = p != null && r.avg != null && /* @__PURE__ */ V(e, {
+	n[25] !== p || n[26] !== r.avg || n[27] !== d ? (D = p != null && r.avg != null && /* @__PURE__ */ H(e, {
 		title: d(r.avg),
 		placement: "top",
 		arrow: !0,
-		children: /* @__PURE__ */ V(k, {
+		children: /* @__PURE__ */ H(k, {
 			sx: Q.avgLine,
 			style: { left: `${p}%` }
 		})
 	}), n[25] = p, n[26] = r.avg, n[27] = d, n[28] = D) : D = n[28];
 	let O;
-	n[29] !== E || n[30] !== D ? (O = /* @__PURE__ */ H(k, {
+	n[29] !== E || n[30] !== D ? (O = /* @__PURE__ */ U(k, {
 		sx: Q.barWrap,
 		children: [E, D]
 	}), n[29] = E, n[30] = D, n[31] = O) : O = n[31];
 	let A;
-	n[32] !== o.length || n[33] !== m?.label || n[34] !== v || n[35] !== h?.label || n[36] !== s ? (A = v ? /* @__PURE__ */ V(k, {
+	n[32] !== o.length || n[33] !== m?.label || n[34] !== v || n[35] !== h?.label || n[36] !== s ? (A = v ? /* @__PURE__ */ H(k, {
 		sx: Q.boundaryLabels,
 		children: s.map((e, t) => {
 			let n = t === s.length - 1, r = t === 0 ? void 0 : n ? "translateX(-100%)" : "translateX(-50%)";
-			return /* @__PURE__ */ V(z, {
+			return /* @__PURE__ */ H(z, {
 				variant: "overline",
-				color: "text.secondary",
-				sx: Q.boundaryLabel,
 				style: {
 					left: `${t / o.length * 100}%`,
 					transform: r
 				},
+				sx: [{ color: "text.secondary" }, Q.boundaryLabel],
 				children: e.label
 			}, `${e.label}-${t}`);
 		})
-	}) : /* @__PURE__ */ H(k, {
+	}) : /* @__PURE__ */ U(k, {
 		sx: Q.labels,
-		children: [/* @__PURE__ */ V(z, {
+		children: [/* @__PURE__ */ H(z, {
 			variant: "overline",
-			color: "text.secondary",
+			sx: { color: "text.secondary" },
 			children: m?.label
-		}), /* @__PURE__ */ V(z, {
+		}), /* @__PURE__ */ H(z, {
 			variant: "overline",
-			color: "text.secondary",
+			sx: { color: "text.secondary" },
 			children: h?.label
 		})]
 	}), n[32] = o.length, n[33] = m?.label, n[34] = v, n[35] = h?.label, n[36] = s, n[37] = A) : A = n[37];
 	let j;
-	return n[38] !== w || n[39] !== O || n[40] !== A ? (j = /* @__PURE__ */ H(k, {
+	return n[38] !== w || n[39] !== O || n[40] !== A ? (j = /* @__PURE__ */ U(k, {
 		sx: Q.container,
 		children: [
 			w,
@@ -2046,18 +2052,18 @@ function Jt(e) {
 		let e = Kt(n), r = e.length, o;
 		t[13] !== s || t[14] !== i || t[15] !== r ? (o = (e, t) => {
 			let n = s(e);
-			return r <= 1 ? n : t === 0 ? /* @__PURE__ */ H(B, { children: [i.maxPrefix, n] }) : t === r - 1 ? /* @__PURE__ */ H(B, { children: [i.minPrefix, n] }) : n;
+			return r <= 1 ? n : t === 0 ? /* @__PURE__ */ U(V, { children: [i.maxPrefix, n] }) : t === r - 1 ? /* @__PURE__ */ U(V, { children: [i.minPrefix, n] }) : n;
 		}, t[13] = s, t[14] = i, t[15] = r, t[16] = o) : o = t[16];
 		let _ = o;
-		u = k, h = Ht.root, t[17] !== a || t[18] !== i ? (g = a && /* @__PURE__ */ H(k, {
+		u = k, h = Ht.root, t[17] !== a || t[18] !== i ? (g = a && /* @__PURE__ */ U(k, {
 			sx: Ht.attribute,
-			children: [/* @__PURE__ */ V(z, {
+			children: [/* @__PURE__ */ H(z, {
 				variant: "overline",
-				color: "text.secondary",
+				sx: { color: "text.secondary" },
 				children: i.radiusRangeBy
-			}), /* @__PURE__ */ V(z, {
+			}), /* @__PURE__ */ H(z, {
 				variant: "caption",
-				color: "text.primary",
+				sx: { color: "text.primary" },
 				children: a
 			})]
 		}), t[17] = a, t[18] = i, t[19] = g) : g = t[19], l = k, p = Ht.body;
@@ -2070,7 +2076,7 @@ function Jt(e) {
 		let y;
 		t[21] === r ? y = t[22] : (y = (e, t) => {
 			let n = qt(t, r);
-			return /* @__PURE__ */ V(k, {
+			return /* @__PURE__ */ H(k, {
 				"aria-hidden": !0,
 				sx: {
 					...Ht.circle,
@@ -2078,7 +2084,7 @@ function Jt(e) {
 					height: n
 				}
 			}, t);
-		}, t[21] = r, t[22] = y), m = /* @__PURE__ */ V(k, {
+		}, t[21] = r, t[22] = y), m = /* @__PURE__ */ H(k, {
 			sx: v,
 			children: e.map(y)
 		}), c = k, t[23] === Symbol.for("react.memo_cache_sentinel") ? (d = {
@@ -2086,24 +2092,24 @@ function Jt(e) {
 			height: Ut
 		}, t[23] = d) : d = t[23];
 		let b;
-		t[24] === _ ? b = t[25] : (b = (e, t) => /* @__PURE__ */ V(z, {
+		t[24] === _ ? b = t[25] : (b = (e, t) => /* @__PURE__ */ H(z, {
 			variant: "caption",
-			color: "text.secondary",
+			sx: { color: "text.secondary" },
 			children: _(e, t)
 		}, t), t[24] = _, t[25] = b), f = e.map(b), t[0] = a, t[1] = n, t[2] = s, t[3] = i, t[4] = c, t[5] = l, t[6] = u, t[7] = d, t[8] = f, t[9] = p, t[10] = m, t[11] = h, t[12] = g;
 	} else c = t[4], l = t[5], u = t[6], d = t[7], f = t[8], p = t[9], m = t[10], h = t[11], g = t[12];
 	let _;
-	t[26] !== c || t[27] !== d || t[28] !== f ? (_ = /* @__PURE__ */ V(c, {
+	t[26] !== c || t[27] !== d || t[28] !== f ? (_ = /* @__PURE__ */ H(c, {
 		sx: d,
 		children: f
 	}), t[26] = c, t[27] = d, t[28] = f, t[29] = _) : _ = t[29];
 	let v;
-	t[30] !== l || t[31] !== p || t[32] !== m || t[33] !== _ ? (v = /* @__PURE__ */ H(l, {
+	t[30] !== l || t[31] !== p || t[32] !== m || t[33] !== _ ? (v = /* @__PURE__ */ U(l, {
 		sx: p,
 		children: [m, _]
 	}), t[30] = l, t[31] = p, t[32] = m, t[33] = _, t[34] = v) : v = t[34];
 	let b;
-	return t[35] !== u || t[36] !== v || t[37] !== h || t[38] !== g ? (b = /* @__PURE__ */ H(u, {
+	return t[35] !== u || t[36] !== v || t[37] !== h || t[38] !== g ? (b = /* @__PURE__ */ U(u, {
 		sx: h,
 		children: [g, v]
 	}), t[35] = u, t[36] = v, t[37] = h, t[38] = g, t[39] = b) : b = t[39], b;
@@ -2165,39 +2171,38 @@ function Yt(e) {
 	let s;
 	if (t[2] !== n.items || t[3] !== i) {
 		let e;
-		t[5] === i ? e = t[6] : (e = (e, t) => /* @__PURE__ */ H(k, {
+		t[5] === i ? e = t[6] : (e = (e, t) => /* @__PURE__ */ U(k, {
 			sx: {
 				...$.item,
 				...i ? $.itemHorizontal : null
 			},
 			children: [
-				/* @__PURE__ */ V(k, {
+				/* @__PURE__ */ H(k, {
 					component: "img",
 					src: e.icon,
 					alt: "",
 					sx: $.icon
 				}),
-				/* @__PURE__ */ V(z, {
+				/* @__PURE__ */ H(z, {
 					variant: "caption",
-					color: "text.primary",
 					sx: {
+						color: "text.primary",
 						...$.label,
 						...i ? $.labelHorizontal : null
 					},
 					children: e.label
 				}),
-				e.value != null && /* @__PURE__ */ V(z, {
+				e.value != null && /* @__PURE__ */ H(z, {
 					className: "PsLegend-value",
 					variant: "caption",
-					color: "text.secondary",
-					sx: $.value,
+					sx: [{ color: "text.secondary" }, $.value],
 					children: e.value
 				})
 			]
 		}, `${e.label}-${t}`), t[5] = i, t[6] = e), s = n.items.map(e), t[2] = n.items, t[3] = i, t[4] = s;
 	} else s = t[4];
 	let c;
-	return t[7] !== r || t[8] !== o || t[9] !== s ? (c = /* @__PURE__ */ V(k, {
+	return t[7] !== r || t[8] !== o || t[9] !== s ? (c = /* @__PURE__ */ H(k, {
 		"data-orientation": r,
 		sx: o,
 		children: s
@@ -2210,25 +2215,25 @@ function Xt(e) {
 	switch (n.type) {
 		case "category": {
 			let e;
-			return t[0] === n ? e = t[1] : (e = /* @__PURE__ */ V(Rt, { data: n }), t[0] = n, t[1] = e), e;
+			return t[0] === n ? e = t[1] : (e = /* @__PURE__ */ H(Rt, { data: n }), t[0] = n, t[1] = e), e;
 		}
 		case "ramp": {
 			let e;
-			return t[2] !== n || t[3] !== r ? (e = /* @__PURE__ */ V(Vt, {
+			return t[2] !== n || t[3] !== r ? (e = /* @__PURE__ */ H(Vt, {
 				data: n,
 				labels: r
 			}), t[2] = n, t[3] = r, t[4] = e) : e = t[4], e;
 		}
 		case "proportion": {
 			let e;
-			return t[5] !== n || t[6] !== r ? (e = /* @__PURE__ */ V(Jt, {
+			return t[5] !== n || t[6] !== r ? (e = /* @__PURE__ */ H(Jt, {
 				data: n,
 				labels: r
 			}), t[5] = n, t[6] = r, t[7] = e) : e = t[7], e;
 		}
 		case "icon": {
 			let e;
-			return t[8] === n ? e = t[9] : (e = /* @__PURE__ */ V(Yt, { data: n }), t[8] = n, t[9] = e), e;
+			return t[8] === n ? e = t[9] : (e = /* @__PURE__ */ H(Yt, { data: n }), t[8] = n, t[9] = e), e;
 		}
 		default: return n;
 	}
@@ -2250,13 +2255,13 @@ function Qt() {
 	let s;
 	if (e[2] !== o || e[3] !== a) {
 		let t;
-		e[5] === o ? t = e[6] : (t = (e, t) => /* @__PURE__ */ V(Xt, {
+		e[5] === o ? t = e[6] : (t = (e, t) => /* @__PURE__ */ H(Xt, {
 			data: e,
 			labels: o
 		}, t), e[5] = o, e[6] = t), s = a.map(t), e[2] = o, e[3] = a, e[4] = s;
 	} else s = e[4];
 	let c;
-	return e[7] === s ? c = e[8] : (c = /* @__PURE__ */ V(k, {
+	return e[7] === s ? c = e[8] : (c = /* @__PURE__ */ H(k, {
 		sx: Zt.stack,
 		children: s
 	}), e[7] = s, e[8] = c), c;