@carto/ps-react-ui 5.0.0-widgets.9 → 5.0.0

package/dist/legend.js

@@ -0,0 +1,2284 @@
+import { t as e } from "./tooltip-DJUGNZxY.js";
+import { t } from "./smart-tooltip-CwGHCqab.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 { 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";
+//#region src/legend/provider/labels.ts
+var ye = {
+	expandLayer: "Expand layer",
+	collapseLayer: "Collapse layer",
+	hideLayer: "Hide layer",
+	showLayer: "Show layer",
+	layerOptions: "Layer options",
+	zoomTo: "Zoom to layer",
+	loading: "Loading…",
+	showOnlyLayer: "Show only this layer",
+	showAllLayers: "Show all layers",
+	hideGroup: "Hide group",
+	showGroup: "Show group",
+	expandGroup: "Expand group",
+	collapseGroup: "Collapse group",
+	groupOptions: "Group options",
+	showOnlyGroup: "Show only this group",
+	showAllGroups: "Show all groups",
+	collapseAllGroups: "Collapse all groups",
+	expandAllGroups: "Expand all groups",
+	zoomToGroup: "Zoom to group",
+	panelOptions: "Legend options",
+	enabledLayers: "Enabled layers",
+	toggleEnabledLayers: "Quickly toggle enabled layers",
+	moreOptions: "More options",
+	reorder: "Reorder",
+	opacity: "Opacity",
+	attribute: "Attribute",
+	close: "Close",
+	radiusRangeBy: "Radius range by",
+	colorBasedOn: "Color based on",
+	colorGradient: "Color gradient",
+	maxPrefix: "MAX: ",
+	minPrefix: "MIN: "
+}, be = x({ labels: ye });
+function K() {
+	return C(be);
+}
+//#endregion
+//#region src/legend/provider/legend-provider.tsx
+function xe(e) {
+	let t = y(24), { id: r, layers: a, groups: o, labels: s, keepAlive: c, children: u } = e, d = c === void 0 || c, m;
+	t[0] !== o || t[1] !== r || t[2] !== a ? (m = () => {
+		if (n(r)) return l(r);
+		let e = f(r, {
+			layers: a,
+			groups: o
+		});
+		return h(r, e), e;
+	}, t[0] = o, t[1] = r, t[2] = a, t[3] = m) : m = t[3];
+	let [g] = O(m), _, b;
+	t[4] !== r || t[5] !== d || t[6] !== g ? (_ = () => (p(r, g), () => {
+		i(r, { keepAlive: d });
+	}), b = [
+		r,
+		g,
+		d
+	], t[4] = r, t[5] = d, t[6] = g, t[7] = _, t[8] = b) : (_ = t[7], b = t[8]), E(_, b);
+	let x, S;
+	t[9] !== o || t[10] !== a || t[11] !== g ? (x = () => {
+		g.getState()._sync(a, o ?? []);
+	}, S = [
+		g,
+		a,
+		o
+	], t[9] = o, t[10] = a, t[11] = g, t[12] = x, t[13] = S) : (x = t[12], S = t[13]), E(x, S);
+	let C;
+	t[14] === s ? C = t[15] : (C = s ? {
+		...ye,
+		...s
+	} : ye, t[14] = s, t[15] = C);
+	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, {
+		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, {
+		value: r,
+		children: D
+	}), t[21] = r, t[22] = D, t[23] = k) : k = t[23], k;
+}
+//#endregion
+//#region src/legend/components/a11y.ts
+function Se(e) {
+	return (t) => {
+		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+	};
+}
+//#endregion
+//#region src/legend/components/contexts.ts
+var Ce = x(null);
+function q() {
+	return C(Ce);
+}
+var we = x(null);
+function Te() {
+	return C(we);
+}
+var Ee = x(null);
+function De() {
+	return C(Ee);
+}
+//#endregion
+//#region src/legend/components/legend-actions/styles.ts
+var Oe = { fadeGroup: {
+	display: "flex",
+	alignItems: "center",
+	gap: .25
+} };
+//#endregion
+//#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, {
+		className: r,
+		sx: Oe.fadeGroup,
+		children: n
+	}), t[0] = n, t[1] = r, t[2] = i) : i = t[2], i;
+}
+function Ae(e) {
+	let t = [], n = [];
+	for (let r of b.toArray(e)) je(r, ke) ? t.push(r) : n.push(r);
+	return {
+		actions: t,
+		body: n
+	};
+}
+function je(e, t) {
+	return S(e) && e.type === t;
+}
+//#endregion
+//#region src/legend/components/legend-sortable/contexts.ts
+var Me = x(!1);
+function Ne() {
+	return C(Me);
+}
+//#endregion
+//#region src/legend/components/legend-sortable/sortable-ids.ts
+var Pe = (e, t) => `${e}:${t}`;
+function Fe(e) {
+	let t = e.indexOf(":");
+	if (t === -1) return null;
+	let n = e.slice(0, t);
+	return n !== "group" && n !== "layer" ? null : {
+		kind: n,
+		id: e.slice(t + 1)
+	};
+}
+var J = {
+	group: {
+		display: "flex",
+		flexDirection: "column",
+		"& + &": {
+			borderTop: "1px solid",
+			borderColor: "divider"
+		}
+	},
+	groupDragging: { opacity: .4 },
+	header: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		padding: ({ spacing: e }) => e(1.5, 2, 1.5, 2),
+		minHeight: 48,
+		borderBottom: "1px solid",
+		borderColor: "divider",
+		position: "sticky",
+		top: 0,
+		zIndex: 3,
+		backgroundColor: "background.default",
+		"& .PsLegend-groupFade > *": {
+			opacity: 1,
+			transition: ({ transitions: e }) => e.create(["opacity", "width"], {
+				duration: e.duration.standard,
+				easing: e.easing.easeInOut
+			}),
+			"@media (hover: hover)": { opacity: 0 },
+			"&.active": { opacity: 1 }
+		},
+		"@media (hover: hover)": {
+			"& .PsLegend-groupFade > *:not(.active)": {
+				width: 0,
+				minWidth: 0,
+				padding: 0,
+				overflow: "hidden",
+				pointerEvents: "none"
+			},
+			"& .PsLegend-groupActions:not(:has(.active))": {
+				width: 0,
+				minWidth: 0,
+				overflow: "hidden",
+				marginInlineStart: ({ spacing: e }) => `calc(-1 * ${e(1)})`,
+				pointerEvents: "none"
+			}
+		},
+		"&:hover .PsLegend-groupFade > *, &:focus-within .PsLegend-groupFade > *": {
+			opacity: 1,
+			width: "auto",
+			minWidth: 0,
+			padding: "2px",
+			overflow: "visible",
+			pointerEvents: "auto"
+		},
+		"&:hover .PsLegend-groupActions, &:focus-within .PsLegend-groupActions": {
+			width: "auto",
+			minWidth: 0,
+			overflow: "visible",
+			marginInlineStart: 0,
+			pointerEvents: "auto"
+		},
+		"& .PsLegend-dragHandle-group > *": {
+			opacity: 0,
+			transition: ({ transitions: e }) => e.create("opacity", {
+				duration: e.duration.standard,
+				easing: e.easing.easeInOut
+			}),
+			"@media (hover: none)": { opacity: 1 }
+		},
+		"&:hover .PsLegend-dragHandle-group > *, &:focus-within .PsLegend-dragHandle-group > *": { opacity: 1 }
+	},
+	titleArea: {
+		flex: 1,
+		minWidth: 0,
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		cursor: "pointer",
+		userSelect: "none",
+		"&:focus-visible": {
+			outline: "2px solid",
+			outlineColor: "primary.main",
+			outlineOffset: -2
+		}
+	},
+	groupIcon: {
+		display: "flex",
+		color: "text.secondary"
+	},
+	label: {
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	chevron: {
+		fontSize: 16,
+		color: "text.secondary",
+		flexShrink: 0,
+		transition: ({ transitions: e }) => e.create("transform", { duration: e.duration.shorter }),
+		"@media (hover: none)": { display: "none" }
+	},
+	chevronCollapsed: { transform: "rotate(-90deg)" },
+	actions: {
+		display: "flex",
+		alignItems: "center",
+		gap: .25,
+		flexShrink: 0,
+		"& .MuiIconButton-root": { padding: "2px" }
+	}
+}, Ie = {
+	handleSlot: {
+		position: "absolute",
+		zIndex: 1,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		left: 0,
+		top: 0
+	},
+	handleSlotLayer: { height: 48 },
+	handleSlotGroup: { height: 48 },
+	handle: {
+		padding: "2px",
+		cursor: "grab",
+		touchAction: "none",
+		color: "text.secondary",
+		"& .MuiSvgIcon-root": { fontSize: 18 },
+		"&:active": { cursor: "grabbing" },
+		"&:hover": { backgroundColor: "transparent" }
+	},
+	overlay: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1,
+		padding: ({ spacing: e }) => e(1, 1.5),
+		backgroundColor: "background.paper",
+		borderRadius: 1,
+		boxShadow: 4,
+		height: "auto",
+		maxWidth: "100%",
+		overflow: "hidden"
+	},
+	overlayIcon: {
+		display: "flex",
+		color: "text.secondary"
+	},
+	overlayLabel: {
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	}
+};
+//#endregion
+//#region src/legend/components/legend-sortable/sortable-entity.tsx
+function Le(t) {
+	let n = y(31), { kind: r, id: i, render: a } = t, { labels: o } = K(), s;
+	n[0] !== i || n[1] !== r ? (s = Pe(r, i), n[0] = i, n[1] = r, n[2] = s) : s = n[2];
+	let c;
+	n[3] === s ? c = n[4] : (c = { id: s }, n[3] = s, n[4] = c);
+	let { attributes: l, listeners: u, setNodeRef: d, setActivatorNodeRef: f, transform: p, transition: m, isDragging: h } = le(c), g;
+	if (n[5] !== l || n[6] !== h || n[7] !== r || n[8] !== o.reorder || n[9] !== u || n[10] !== a || n[11] !== f || n[12] !== d || n[13] !== p || n[14] !== m) {
+		let t = {
+			transform: de.Transform.toString(p ? {
+				...p,
+				x: 0
+			} : null),
+			transition: m
+		}, 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];
+		let v;
+		n[19] !== l || n[20] !== o.reorder || n[21] !== u || n[22] !== f ? (v = /* @__PURE__ */ V(P, {
+			ref: f,
+			size: "xsmall",
+			"aria-label": o.reorder,
+			...l,
+			...u,
+			sx: Ie.handle,
+			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, {
+			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, {
+			component: "span",
+			className: i,
+			sx: c,
+			children: y
+		}), n[27] = i, n[28] = c, n[29] = y, n[30] = b) : b = n[30], g = a({
+			rootRef: d,
+			rootStyle: t,
+			dragging: h,
+			handle: b
+		}), n[5] = l, n[6] = h, n[7] = r, n[8] = o.reorder, n[9] = u, n[10] = a, n[11] = f, n[12] = d, n[13] = p, n[14] = m, n[15] = g;
+	} else g = n[15];
+	return g;
+}
+//#endregion
+//#region src/legend/components/legend-group/legend-group.tsx
+function Re(e) {
+	let n = y(27), { groupId: i, children: a } = e, s = r(), l;
+	n[0] === i ? l = n[1] : (l = (e) => e.groups[i], n[0] = i, n[1] = l);
+	let d = u(s, l), f = u(s, Be), p;
+	n[2] === i ? p = n[3] : (p = (e) => o(e, i) === "hidden", n[2] = i, n[3] = p);
+	let m = g(s, p), h = Ne(), _;
+	n[4] === i ? _ = n[5] : (_ = (e) => c(e, i).map(ze), n[4] = i, n[5] = _);
+	let v = u(s, _);
+	if (!d) return null;
+	let b;
+	n[6] === a ? b = n[7] : (b = Ae(a), n[6] = a, n[7] = b);
+	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, {
+		value: i,
+		children: /* @__PURE__ */ H(k, {
+			ref: e?.rootRef,
+			style: e?.rootStyle,
+			sx: [J.group, e?.dragging === !0 && J.groupDragging],
+			children: [/* @__PURE__ */ H(k, {
+				sx: J.header,
+				children: [
+					e?.handle,
+					/* @__PURE__ */ H(k, {
+						sx: J.titleArea,
+						role: "button",
+						tabIndex: 0,
+						"aria-expanded": !d.collapsed,
+						onClick: w,
+						onKeyDown: Se(w),
+						children: [
+							d.icon != null && /* @__PURE__ */ V(k, {
+								sx: J.groupIcon,
+								children: d.icon
+							}),
+							/* @__PURE__ */ V(t, {
+								title: d.label,
+								dependencies: [d.label],
+								children: (e) => {
+									let { ref: t } = e;
+									return /* @__PURE__ */ V(z, {
+										ref: t,
+										variant: "button",
+										fontWeight: "bold",
+										color: m ? "text.disabled" : "text.primary",
+										sx: J.label,
+										children: d.label
+									});
+								}
+							}),
+							/* @__PURE__ */ V(ie, { sx: [J.chevron, d.collapsed && J.chevronCollapsed] })
+						]
+					}),
+					/* @__PURE__ */ V(k, {
+						className: "PsLegend-groupActions",
+						sx: J.actions,
+						children: x
+					})
+				]
+			}), /* @__PURE__ */ V(M, {
+				in: !d.collapsed,
+				children: h ? /* @__PURE__ */ V(ce, {
+					items: v,
+					strategy: ue,
+					children: S
+				}) : S
+			})]
+		})
+	}), 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, {
+		kind: "group",
+		id: i,
+		render: E
+	}) : E(), n[23] = i, n[24] = E, n[25] = h, n[26] = D) : D = n[26], D;
+}
+function ze(e) {
+	return Pe("layer", e.id);
+}
+function Be(e) {
+	return e.setGroupCollapsed;
+}
+//#endregion
+//#region src/legend/components/legend-row/styles.ts
+var Y = {
+	row: {
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		"& + &": {
+			borderTop: "1px solid",
+			borderColor: "divider"
+		},
+		"& .PsLegend-rowFade > *": {
+			opacity: 1,
+			transition: ({ transitions: e }) => e.create(["opacity", "width"], {
+				duration: e.duration.standard,
+				easing: e.easing.easeInOut
+			}),
+			"@media (hover: hover)": { opacity: 0 },
+			"&.active": { opacity: 1 }
+		},
+		"@media (hover: hover)": {
+			"& .PsLegend-rowFade > *:not(.active)": {
+				width: 0,
+				minWidth: 0,
+				padding: 0,
+				overflow: "hidden",
+				pointerEvents: "none"
+			},
+			"& .PsLegend-rowActions:not(:has(.active))": {
+				width: 0,
+				minWidth: 0,
+				overflow: "hidden",
+				marginInlineStart: ({ spacing: e }) => `calc(-1 * ${e(.5)})`,
+				pointerEvents: "none"
+			}
+		},
+		"&:hover .PsLegend-rowFade > *, &:focus-within .PsLegend-rowFade > *": {
+			opacity: 1,
+			width: "auto",
+			minWidth: 0,
+			padding: "2px",
+			overflow: "visible",
+			pointerEvents: "auto"
+		},
+		"&:hover .PsLegend-rowActions, &:focus-within .PsLegend-rowActions": {
+			width: "auto",
+			minWidth: 0,
+			overflow: "visible",
+			marginInlineStart: 0,
+			pointerEvents: "auto"
+		},
+		"&:hover .PsLegend-value, &:focus-within .PsLegend-value": { opacity: 1 },
+		"& .PsLegend-dragHandle-layer > *": {
+			opacity: 0,
+			transition: ({ transitions: e }) => e.create("opacity", {
+				duration: e.duration.standard,
+				easing: e.easing.easeInOut
+			}),
+			"@media (hover: none)": { opacity: 1 }
+		},
+		"&:hover .PsLegend-dragHandle-layer > *, &:focus-within .PsLegend-dragHandle-layer > *": { opacity: 1 }
+	},
+	rowDragging: { opacity: .4 },
+	header: {
+		display: "flex",
+		alignItems: "flex-start",
+		gap: .5,
+		minHeight: 32,
+		padding: ({ spacing: e }) => e(1.5, 2, 1.5, 2),
+		position: "sticky",
+		zIndex: 2,
+		backgroundColor: "background.paper"
+	},
+	headerGrouped: { paddingLeft: 4.5 },
+	titleBox: {
+		flex: 1,
+		minWidth: 0,
+		display: "flex",
+		flexDirection: "column"
+	},
+	titleBoxInteractive: {
+		cursor: "pointer",
+		userSelect: "none",
+		"&:focus-visible": {
+			outline: "2px solid",
+			outlineColor: "primary.main",
+			outlineOffset: -2
+		}
+	},
+	titleLine: {
+		minHeight: 24,
+		display: "flex",
+		alignItems: "center",
+		gap: .5
+	},
+	title: {
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	chevron: {
+		fontSize: 16,
+		color: "text.secondary",
+		flexShrink: 0,
+		transition: ({ transitions: e }) => e.create("transform", { duration: e.duration.shorter }),
+		"@media (hover: none)": { display: "none" }
+	},
+	chevronCollapsed: { transform: "rotate(-90deg)" },
+	actions: {
+		minHeight: 24,
+		display: "flex",
+		alignItems: "center",
+		gap: .25,
+		flexShrink: 0,
+		"& .MuiIconButton-root": { padding: "2px" }
+	},
+	content: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1,
+		padding: ({ spacing: e }) => e(.5, 2, 1, 2)
+	},
+	contentGrouped: { paddingLeft: 4.5 },
+	footer: { padding: ({ spacing: e }) => e(1, 2, 1, 2) },
+	footerGrouped: { paddingLeft: 4.5 },
+	dimmed: { opacity: .5 }
+};
+//#endregion
+//#region src/legend/components/legend-row/legend-row.tsx
+function Ve(e) {
+	let n = y(31), { layerId: i, children: a } = e, o = r(), s;
+	n[0] === i ? s = n[1] : (s = (e) => e.layers[i], n[0] = i, n[1] = s);
+	let c = u(o, s), l = u(o, He), f;
+	n[2] === i ? f = n[3] : (f = (e) => d(e, i), n[2] = i, n[3] = f);
+	let p = g(o, f), m = Te() !== null, h = Ne(), [_, v] = O(!1), b = c?.visible ?? !0, x = _ && b, S;
+	n[4] !== i || n[5] !== x ? (S = {
+		layerId: i,
+		opacityOpen: x,
+		setOpacityOpen: v
+	}, n[4] = i, n[5] = x, n[6] = S) : S = n[6];
+	let C = S;
+	if (!c) return null;
+	let w;
+	n[7] === a ? w = n[8] : (w = Ae(a), n[7] = a, n[8] = w);
+	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, {
+		value: C,
+		children: /* @__PURE__ */ H(k, {
+			ref: e?.rootRef,
+			style: e?.rootStyle,
+			sx: [Y.row, e?.dragging === !0 && Y.rowDragging],
+			children: [/* @__PURE__ */ H(k, {
+				sx: [Y.header, m && Y.headerGrouped],
+				style: { top: A },
+				children: [
+					e?.handle,
+					/* @__PURE__ */ H(k, {
+						sx: [Y.titleBox, j && Y.titleBoxInteractive],
+						...j && {
+							role: "button",
+							tabIndex: 0,
+							"aria-expanded": !c.collapsed,
+							onClick: P,
+							onKeyDown: Se(P)
+						},
+						children: [/* @__PURE__ */ H(k, {
+							sx: Y.titleLine,
+							children: [/* @__PURE__ */ V(t, {
+								title: c.name,
+								dependencies: [c.name],
+								children: (e) => {
+									let { ref: t } = e;
+									return /* @__PURE__ */ V(z, {
+										ref: t,
+										variant: "button",
+										color: c.visible ? "text.primary" : "text.disabled",
+										sx: Y.title,
+										children: c.name
+									});
+								}
+							}), j && /* @__PURE__ */ V(ie, { sx: [Y.chevron, c.collapsed && Y.chevronCollapsed] })]
+						}), c.subtitle && !D && /* @__PURE__ */ V(z, {
+							variant: "caption",
+							color: "text.secondary",
+							component: "p",
+							children: c.subtitle
+						})]
+					}),
+					/* @__PURE__ */ V(k, {
+						className: "PsLegend-rowActions",
+						sx: Y.actions,
+						children: T
+					})
+				]
+			}), /* @__PURE__ */ H(M, {
+				in: !D,
+				children: [/* @__PURE__ */ V(k, {
+					sx: [
+						Y.content,
+						m && Y.contentGrouped,
+						!c.visible && Y.dimmed
+					],
+					children: E
+				}), c.helperText && /* @__PURE__ */ V(k, {
+					sx: [Y.footer, m && Y.footerGrouped],
+					children: typeof c.helperText == "string" ? /* @__PURE__ */ V(z, {
+						variant: "caption",
+						color: "text.secondary",
+						component: "p",
+						children: c.helperText
+					}) : c.helperText
+				})]
+			})]
+		})
+	}), 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, {
+		kind: "layer",
+		id: i,
+		render: I
+	}) : I(), n[27] = i, n[28] = I, n[29] = h, n[30] = L) : L = n[30], L;
+}
+function He(e) {
+	return e.setCollapsed;
+}
+//#endregion
+//#region src/legend/components/icons.tsx
+var Ue = te(/* @__PURE__ */ H("g", {
+	transform: "translate(12 12) scale(1.33333) translate(-184 -24)",
+	children: [/* @__PURE__ */ V("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" })]
+}), "VisibilityIndeterminate"), We = {
+	visible: se,
+	hidden: oe,
+	mixed: Ue
+};
+function Ge(t) {
+	let n = y(36), { visibility: i, onToggle: a, labels: s } = t, c = r(), l = q(), d = Te(), { labels: f } = K(), p = i !== void 0 && a !== void 0, m;
+	n[0] !== p || n[1] !== l ? (m = (e) => !p && l ? e.layers[l.layerId]?.visible ?? !0 : !0, n[0] = p, n[1] = l, n[2] = m) : m = n[2];
+	let h = g(c, m), _;
+	n[3] !== p || n[4] !== d || n[5] !== l ? (_ = (e) => !p && !l && d ? o(e, d) : "visible", n[3] = p, n[4] = d, n[5] = l, n[6] = _) : _ = n[6];
+	let v = u(c, _), b = g(c, qe), x = g(c, Ke), S, C;
+	n[7] !== p || n[8] !== d || n[9] !== l ? (S = () => {
+		!p && !l && !d && console.warn("Legend.VisibilityToggle needs `visibility`/`onToggle` props or a Legend.Row / Legend.Group context.");
+	}, C = [
+		p,
+		l,
+		d
+	], n[7] = p, n[8] = d, n[9] = l, n[10] = S, n[11] = C) : (S = n[10], C = n[11]), w(S, C);
+	let T, E, D = s;
+	if (p) {
+		T = i;
+		let e;
+		n[12] !== a || n[13] !== i ? (e = () => a(i === "hidden"), n[12] = a, n[13] = i, n[14] = e) : e = n[14], E = e;
+	} else if (l) {
+		T = h ? "visible" : "hidden";
+		let e;
+		n[15] !== h || n[16] !== l || n[17] !== b ? (e = () => b(l.layerId, !h), n[15] = h, n[16] = l, n[17] = b, n[18] = e) : e = n[18], E = e;
+	} else if (d) {
+		T = v;
+		let e;
+		n[19] !== d || n[20] !== v || n[21] !== x ? (e = () => x(d, v === "hidden"), n[19] = d, n[20] = v, n[21] = x, n[22] = e) : e = n[22], E = e;
+		let t;
+		n[23] !== f || n[24] !== s ? (t = s ?? {
+			hideLayer: f.hideGroup,
+			showLayer: f.showGroup
+		}, 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);
+	let F;
+	n[28] !== E || n[29] !== j || n[30] !== M || n[31] !== N ? (F = /* @__PURE__ */ V(P, {
+		size: "small",
+		className: M,
+		onClick: E,
+		"aria-label": j,
+		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, {
+		title: j,
+		children: F
+	}), n[33] = j, n[34] = F, n[35] = I) : I = n[35], I;
+}
+function Ke(e) {
+	return e.setGroupVisibility;
+}
+function qe(e) {
+	return e.setVisibility;
+}
+//#endregion
+//#region src/legend/components/legend-overflow-menu/legend-overflow-menu.tsx
+function Je(t) {
+	let n = y(23), { children: r, gate: i, ariaLabel: a, active: o } = t, s = i === void 0 || i, c = o !== void 0 && o, [l, u] = O(null), [d, f] = O(!1), p = D(!1), m = !!l, { labels: h } = K(), g;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (g = () => u(null), n[0] = g) : g = n[0];
+	let _ = g, v;
+	n[1] === Symbol.for("react.memo_cache_sentinel") ? (v = (e) => {
+		p.current = e, f(e);
+	}, n[1] = v) : v = n[1];
+	let b = v, x;
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (x = () => p.current, n[2] = x) : x = n[2];
+	let S = x, C;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (C = () => {
+		p.current || _();
+	}, n[3] = C) : C = n[3];
+	let w = C, T;
+	n[4] === d ? T = n[5] : (T = {
+		busy: d,
+		isBusy: S,
+		setBusy: b,
+		close: _
+	}, n[4] = d, n[5] = T);
+	let E = T;
+	if (!s || !r) return null;
+	let k;
+	n[6] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
+		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];
+	let N;
+	n[8] !== a || n[9] !== m || n[10] !== j ? (N = /* @__PURE__ */ V(P, {
+		size: "small",
+		className: j,
+		onClick: A,
+		"aria-label": a,
+		"aria-haspopup": "menu",
+		"aria-expanded": m,
+		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, {
+		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, {
+		anchorEl: l,
+		open: m,
+		onClose: w,
+		onClick: w,
+		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, {
+		value: E,
+		children: [F, L]
+	}), n[19] = E, n[20] = F, n[21] = L, n[22] = R) : R = n[22], R;
+}
+//#endregion
+//#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, {
+		gate: a,
+		ariaLabel: i.layerOptions,
+		active: o,
+		children: n
+	}), t[0] = n, t[1] = i.layerOptions, t[2] = a, t[3] = o, t[4] = s) : s = t[4], s;
+}
+//#endregion
+//#region src/legend/components/run-async-menu-action.ts
+async function Xe(e, t) {
+	if (!e.isBusy()) {
+		e.setBusy(!0);
+		try {
+			await t();
+		} finally {
+			e.setBusy(!1), e.close();
+		}
+	}
+}
+//#endregion
+//#region src/legend/components/legend-row-menu/legend-zoom-to.tsx
+function Ze(e) {
+	let t = y(13), { onZoomTo: n } = e, i = r(), a = q(), o = De(), s;
+	t[0] === a ? s = t[1] : (s = (e) => a ? e.layers[a.layerId]?.visible ?? !1 : !1, t[0] = a, t[1] = s);
+	let c = g(i, s), { labels: l } = K();
+	if (!a || !c) return null;
+	let u = o?.busy ?? !1, d;
+	t[2] !== o || t[3] !== n || t[4] !== a ? (d = (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, {
+		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, {
+		disabled: u,
+		onClick: f,
+		children: [p, m]
+	}), t[8] = u, t[9] = f, t[10] = p, t[11] = m, t[12] = h) : h = t[12], h;
+}
+//#endregion
+//#region src/legend/components/legend-row-menu/legend-row-menu-items.tsx
+function Qe() {
+	let e = y(6), t = r(), n = q(), { labels: i } = K();
+	if (!n) return null;
+	let a;
+	e[0] !== t || e[1] !== n.layerId ? (a = () => {
+		let e = l(t).getState(), r = e.layers[n.layerId];
+		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, {
+		onClick: o,
+		children: i.showOnlyLayer
+	}), e[3] = i.showOnlyLayer, e[4] = o, e[5] = s) : s = e[5], s;
+}
+function $e() {
+	let e = y(6), t = r(), n = Te(), i = q(), { labels: a } = K();
+	if (n === null && !i) return null;
+	let o;
+	e[0] !== n || e[1] !== t ? (o = () => {
+		let e = l(t).getState();
+		if (n !== null) e.setGroupVisibility(n, !0);
+		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, {
+		onClick: s,
+		children: a.showAllLayers
+	}), e[3] = a.showAllLayers, e[4] = s, e[5] = u) : u = e[5], u;
+}
+//#endregion
+//#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, {
+		gate: a,
+		ariaLabel: i.groupOptions,
+		children: n
+	}), t[0] = n, t[1] = i.groupOptions, t[2] = a, t[3] = o) : o = t[3], o;
+}
+//#endregion
+//#region src/legend/components/legend-group-menu/legend-group-menu-items.tsx
+function tt() {
+	let e = y(6), t = r(), n = Te(), { labels: i } = K();
+	if (n === null) return null;
+	let a;
+	e[0] !== n || e[1] !== t ? (a = () => {
+		let e = l(t).getState();
+		for (let t of s(e)) e.setGroupVisibility(t.id, t.id === n);
+		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, {
+		onClick: o,
+		children: i.showOnlyGroup
+	}), e[3] = i.showOnlyGroup, e[4] = o, e[5] = u) : u = e[5], u;
+}
+function nt() {
+	let e = y(5), t = r(), n = g(t, m), { labels: i } = K();
+	if (!n) return null;
+	let a;
+	e[0] === t ? a = e[1] : (a = () => {
+		let e = l(t).getState();
+		for (let t of s(e)) e.setGroupVisibility(t.id, !0);
+		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, {
+		onClick: o,
+		children: i.showAllGroups
+	}), e[2] = i.showAllGroups, e[3] = o, e[4] = u) : u = e[4], u;
+}
+function rt() {
+	let e = y(5), t = r(), n = g(t, m), i = g(t, a), { labels: o } = K();
+	if (!n) return null;
+	let c;
+	e[0] === t ? c = e[1] : (c = () => {
+		let e = l(t).getState(), n = a(e);
+		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, {
+		onClick: u,
+		children: d
+	}), e[2] = d, e[3] = u, e[4] = f) : f = e[4], f;
+}
+function it(e) {
+	let t = y(13), { onZoomTo: n } = e, i = r(), a = Te(), s = De(), c;
+	t[0] === a ? c = t[1] : (c = (e) => a !== null && o(e, a) === "hidden", t[0] = a, t[1] = c);
+	let l = g(i, c), { labels: u } = K();
+	if (a === null || l) return null;
+	let d = s?.busy ?? !1, f;
+	t[2] !== a || t[3] !== s || t[4] !== n ? (f = (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, {
+		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, {
+		disabled: d,
+		onClick: p,
+		children: [m, h]
+	}), t[8] = d, t[9] = p, t[10] = m, t[11] = h, t[12] = _) : _ = t[12], _;
+}
+//#endregion
+//#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, {
+		ariaLabel: r.panelOptions,
+		children: n
+	}), t[0] = n, t[1] = r.panelOptions, t[2] = i) : i = t[2], i;
+}
+//#endregion
+//#region src/legend/components/legend-visible-layers/styles.ts
+var X = {
+	triggerWrap: { display: "inline-flex" },
+	paper: {
+		width: 240,
+		maxHeight: 320,
+		paddingBottom: .5
+	},
+	stickyHeader: {
+		position: "sticky",
+		top: 0,
+		zIndex: 1,
+		backgroundColor: "background.paper",
+		padding: 1,
+		marginBlockEnd: 1,
+		lineHeight: "16px",
+		borderBottom: "1px solid",
+		borderColor: "divider"
+	},
+	groupCaption: {
+		display: "block",
+		padding: ({ spacing: e }) => e(.5, 1.5)
+	},
+	item: {
+		minHeight: 32,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: 1,
+		padding: ({ spacing: e }) => e(0, 1, 0, 1.5)
+	},
+	itemName: {
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	eye: {
+		fontSize: 18,
+		color: "action.active",
+		flexShrink: 0
+	},
+	divider: { marginY: 1 }
+};
+//#endregion
+//#region src/legend/components/legend-visible-layers/legend-visible-layers.tsx
+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;
+	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];
+	let x;
+	t[3] !== c.enabledLayers || t[4] !== d || t[5] !== _ || t[6] !== v ? (x = /* @__PURE__ */ V(k, {
+		component: "span",
+		sx: X.triggerWrap,
+		children: /* @__PURE__ */ V(P, {
+			size: "small",
+			className: _,
+			disabled: v,
+			onClick: p,
+			"aria-label": c.enabledLayers,
+			"aria-haspopup": "menu",
+			"aria-expanded": d,
+			children: b
+		})
+	}), 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, {
+		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, {
+		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, {
+			variant: "caption",
+			fontWeight: "medium",
+			color: "text.secondary",
+			sx: X.groupCaption,
+			children: t.group.label
+		}, `caption-${t.group.id}`) : null,
+		...t.layers.map((t) => /* @__PURE__ */ H(L, {
+			disableRipple: !0,
+			sx: X.item,
+			onClick: () => s(t.id, !1),
+			children: [/* @__PURE__ */ V(z, {
+				variant: "body2",
+				sx: X.itemName,
+				children: t.name
+			}), /* @__PURE__ */ V(e, {
+				title: c.hideLayer,
+				children: /* @__PURE__ */ V(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, {
+		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;
+}
+function ct(e, t) {
+	return e + t.layers.length;
+}
+function lt(e) {
+	return e.setVisibility;
+}
+function ut(e) {
+	return _(e).map(dt).join("|");
+}
+function dt(e) {
+	let { group: t, layers: n } = e;
+	return `${t?.id ?? ""}\x1f${t?.label ?? ""}:${n.map(ft).join(",")}`;
+}
+function ft(e) {
+	return `${e.id}\x1f${e.name}`;
+}
+//#endregion
+//#region src/legend/components/legend-sortable/legend-sortable.tsx
+function pt(e) {
+	let t = y(27), { children: n } = e, i = r(), [a, o] = O(null), d = D(void 0), f = u(i, mt), p;
+	t[0] === i ? p = t[1] : (p = (e, t) => {
+		let n = Fe(e), r = Fe(t);
+		return !n || r?.kind !== n.kind ? !1 : n.kind !== "layer" || l(i).getState().layers[r.id]?.groupId === d.current;
+	}, t[0] = i, t[1] = p);
+	let m = p, h;
+	t[2] === m ? h = t[3] : (h = (e, t) => {
+		let { context: n } = t, { active: r, collisionRect: i, droppableRects: a, droppableContainers: o } = n;
+		if (!r || !i || e.code !== "ArrowDown" && e.code !== "ArrowUp") return;
+		e.preventDefault();
+		let s = e.code === "ArrowDown", c = o.getEnabled().filter((e) => e.id !== r.id && m(String(r.id), String(e.id))).flatMap((e) => {
+			let t = a.get(e.id);
+			return t ? [t] : [];
+		}).filter((e) => s ? e.top > i.top : e.top < i.top).sort((e, t) => s ? e.top - t.top : t.top - e.top)[0];
+		return c ? {
+			x: c.left,
+			y: c.top
+		} : void 0;
+	}, t[2] = m, t[3] = h);
+	let g = h, _;
+	t[4] === g ? _ = t[5] : (_ = { coordinateGetter: g }, t[4] = g, t[5] = _);
+	let v = ve(_e(he), _e(me, _)), b;
+	t[6] === m ? b = t[7] : (b = (e) => {
+		let t = e.droppableContainers.filter((t) => m(String(e.active.id), String(t.id)));
+		return ge({
+			...e,
+			droppableContainers: t
+		});
+	}, t[6] = m, t[7] = b);
+	let x = b, S;
+	t[8] === i ? S = t[9] : (S = (e) => {
+		let t = String(e.active.id);
+		o(t);
+		let n = Fe(t);
+		d.current = n?.kind === "layer" ? l(i).getState().layers[n.id]?.groupId : void 0;
+	}, t[8] = i, t[9] = S);
+	let C = S, w;
+	t[10] === i ? w = t[11] : (w = (e) => {
+		o(null);
+		let { active: t, over: n } = e;
+		if (!n || t.id === n.id) return;
+		let r = Fe(String(t.id)), a = Fe(String(n.id));
+		if (!r || r.kind !== a?.kind) return;
+		let u = l(i).getState();
+		if (r.kind === "group") {
+			let e = s(u).findIndex((e) => e.id === a.id);
+			e !== -1 && u.moveGroup(r.id, e);
+			return;
+		}
+		let d = u.layers[r.id], f = u.layers[a.id];
+		if (!d || !f || d.groupId !== f.groupId) return;
+		let p = c(u, d.groupId).findIndex((e) => e.id === a.id);
+		p !== -1 && u.moveLayer(r.id, p);
+	}, t[10] = i, t[11] = w);
+	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, {
+		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);
+	let j;
+	t[18] === A ? j = t[19] : (j = /* @__PURE__ */ V(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, {
+		value: !0,
+		children: /* @__PURE__ */ H(fe, {
+			sensors: v,
+			collisionDetection: x,
+			onDragStart: C,
+			onDragEnd: T,
+			onDragCancel: E,
+			children: [k, j]
+		})
+	}), t[20] = x, t[21] = T, t[22] = C, t[23] = v, t[24] = j, t[25] = k, t[26] = M) : M = t[26], M;
+}
+function mt(e) {
+	return [...s(e).map(gt), ...c(e, void 0).map(ht)];
+}
+function ht(e) {
+	return Pe("layer", e.id);
+}
+function gt(e) {
+	return Pe("group", e.id);
+}
+function _t(e) {
+	let t = y(15), { 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);
+	let c = g(i, s), l;
+	t[4] === o ? l = t[5] : (l = (e) => o?.kind === "group" ? e.groups[o.id]?.icon : void 0, t[4] = o, t[5] = l);
+	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, {
+		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",
+		fontWeight: f,
+		color: "text.primary",
+		sx: Ie.overlayLabel,
+		children: c
+	}), t[9] = c, t[10] = f, t[11] = p) : p = t[11];
+	let m;
+	return t[12] !== d || t[13] !== p ? (m = /* @__PURE__ */ H(k, {
+		sx: Ie.overlay,
+		children: [d, p]
+	}), t[12] = d, t[13] = p, t[14] = m) : m = t[14], m;
+}
+//#endregion
+//#region src/legend/components/legend-opacity/styles.ts
+var vt = {
+	inline: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5,
+		borderRadius: 1
+	},
+	inlineHeader: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between"
+	},
+	inlineControls: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1.5
+	},
+	slider: { flex: 1 },
+	input: {
+		width: 72,
+		flexShrink: 0,
+		"& input": { textAlign: "right" }
+	}
+}, yt = (e) => Math.min(100, Math.max(0, Math.round(e)));
+function bt() {
+	let e = y(10), t = r(), n = q(), i;
+	e[0] === n ? i = e[1] : (i = (e) => n ? e.layers[n.layerId] : void 0, e[0] = n, e[1] = i);
+	let a = u(t, i), o = u(t, xt), { labels: s } = K();
+	if (!n || !a?.visible || !a.opacityControl) return null;
+	let c;
+	e[2] !== a || e[3] !== n || e[4] !== o ? (c = () => {
+		let e = !n.opacityOpen;
+		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, {
+		selected: n.opacityOpen,
+		onClick: l,
+		children: s.opacity
+	}), e[6] = s.opacity, e[7] = n.opacityOpen, e[8] = l, e[9] = d) : d = e[9], d;
+}
+function xt(e) {
+	return e.setCollapsed;
+}
+function St() {
+	let t = y(47), 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;
+	let m;
+	t[2] !== u || t[3] !== s ? (m = u ?? yt(s * 100), t[2] = u, t[3] = s, t[4] = m) : m = t[4];
+	let h = m, _;
+	t[5] !== a || t[6] !== c ? (_ = (e) => {
+		let t = yt(e);
+		return c(a, t / 100), t;
+	}, t[5] = a, t[6] = c, t[7] = _) : _ = t[7];
+	let v = _, b;
+	t[8] === v ? b = t[9] : (b = (e) => {
+		if (p(e), e.trim() === "") return;
+		let t = Number(e);
+		if (!Number.isFinite(t)) return;
+		let n = v(t);
+		n !== t && p(String(n));
+	}, t[8] = v, t[9] = b);
+	let x = b, S;
+	t[10] === i ? S = t[11] : (S = () => {
+		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",
+		fontWeight: "medium",
+		color: "text.primary",
+		children: l.opacity
+	}), t[12] = l.opacity, t[13] = w);
+	let T;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ V(ne, { fontSize: "small" }), t[14] = T) : T = t[14];
+	let E;
+	t[15] !== C || t[16] !== l.close ? (E = /* @__PURE__ */ V(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];
+	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];
+	let j;
+	t[24] === Symbol.for("react.memo_cache_sentinel") ? (j = (e, t) => {
+		d(t), p(null);
+	}, 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);
+	let N;
+	t[27] !== l.opacity || t[28] !== h || t[29] !== M ? (N = /* @__PURE__ */ V(ee, {
+		size: "small",
+		min: 0,
+		max: 100,
+		step: 1,
+		value: h,
+		onChange: j,
+		onChangeCommitted: M,
+		"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);
+	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, {
+		position: "end",
+		children: "%"
+	}), t[34] = B) : B = t[34];
+	let U;
+	t[35] === l.opacity ? U = t[36] : (U = {
+		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, {
+		size: "small",
+		value: I,
+		onChange: L,
+		onBlur: te,
+		onKeyDown: Ct,
+		endAdornment: B,
+		inputProps: U,
+		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];
+	let re;
+	return t[44] !== G || t[45] !== A ? (re = /* @__PURE__ */ H(k, {
+		sx: vt.inline,
+		children: [A, G]
+	}), t[44] = G, t[45] = A, t[46] = re) : re = t[46], re;
+}
+function Ct(e) {
+	e.key === "Enter" && e.target.blur();
+}
+function wt(e) {
+	return e.setOpacity;
+}
+var Tt = {
+	Item: bt,
+	Inline: St
+}, Et = {
+	trigger: {
+		width: "100%",
+		minHeight: 32,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: 1,
+		padding: ({ spacing: e }) => e(0, 1.5),
+		border: "1px solid",
+		borderColor: "divider",
+		borderRadius: 1,
+		backgroundColor: "background.paper",
+		color: "text.primary",
+		"&:hover": { borderColor: "text.primary" }
+	},
+	value: {
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	chevron: {
+		flexShrink: 0,
+		color: "action.active",
+		transition: ({ transitions: e }) => e.create("transform")
+	},
+	chevronOpen: { transform: "rotate(180deg)" },
+	sectionTitle: {
+		padding: ({ spacing: e }) => e(1, 2, .5, 2),
+		lineHeight: 1.5
+	},
+	option: { "&.Mui-selected, &.Mui-selected:hover": {
+		backgroundColor: "transparent",
+		color: "primary.main"
+	} }
+};
+//#endregion
+//#region src/legend/components/legend-config-select/legend-config-select.tsx
+function Dt() {
+	let e = y(34), t = r(), n = q()?.layerId, i;
+	e[0] === n ? i = e[1] : (i = (e) => n ? e.layers[n]?.sections : void 0, e[0] = n, e[1] = i);
+	let a = u(t, i), o = u(t, Ot), { labels: s } = K(), [c, l] = O(null), d = !!c;
+	if (!n || !a || a.length === 0) return null;
+	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, {
+		variant: "body2",
+		sx: Et.value,
+		children: f
+	}), e[3] = f, e[4] = h);
+	let g;
+	e[5] === d ? g = e[6] : (g = d ? {
+		...Et.chevron,
+		...Et.chevronOpen
+	} : Et.chevron, e[5] = d, e[6] = g);
+	let _;
+	e[7] === g ? _ = e[8] : (_ = /* @__PURE__ */ V(U, {
+		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, {
+		sx: Et.trigger,
+		onClick: m,
+		"aria-label": s.attribute,
+		"aria-haspopup": "listbox",
+		"aria-expanded": d,
+		children: [h, _]
+	}), e[9] = s.attribute, e[10] = d, e[11] = h, e[12] = _, e[13] = v) : v = e[13];
+	let b;
+	e[14] === Symbol.for("react.memo_cache_sentinel") ? (b = () => l(null), e[14] = b) : b = e[14];
+	let x = c?.clientWidth, S;
+	e[15] === x ? S = e[16] : (S = { paper: { sx: { width: x } } }, e[15] = x, e[16] = S);
+	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, {
+			variant: "overline",
+			color: "text.secondary",
+			component: "li",
+			sx: Et.sectionTitle,
+			children: e.title
+		}, `${e.id}-title`) : null, ...e.options.map((t) => /* @__PURE__ */ V(L, {
+			selected: t === e.active,
+			sx: Et.option,
+			onClick: () => {
+				o(n, e.id, t), l(null);
+			},
+			children: t
+		}, `${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, {
+		anchorEl: c,
+		open: d,
+		onClose: b,
+		slotProps: S,
+		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;
+}
+function Ot(e) {
+	return e.setSectionValue;
+}
+//#endregion
+//#region src/legend/components/legend-category/styles.ts
+var Z = {
+	list: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5,
+		"&:hover .PsLegend-value, &:focus-within .PsLegend-value": { opacity: 1 },
+		"@media (hover: none)": { "& .PsLegend-value": { opacity: 1 } }
+	},
+	item: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1
+	},
+	gutter: {
+		flexShrink: 0,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	label: {
+		flex: 1,
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	value: {
+		flexShrink: 0,
+		opacity: 0,
+		transition: "opacity 120ms"
+	},
+	listHorizontal: {
+		flexDirection: "row",
+		flexWrap: "wrap",
+		columnGap: 2,
+		rowGap: .5
+	},
+	itemHorizontal: { gap: .5 },
+	labelHorizontal: {
+		flex: "0 0 auto",
+		overflow: "visible",
+		textOverflow: "clip"
+	}
+}, kt = 1.5, At = 2, jt = 1;
+function Mt(e) {
+	switch (e) {
+		case "dashed": return { dash: "3 2" };
+		case "dotted": return {
+			dash: `0.1 ${kt * 2}`,
+			round: !0
+		};
+		default: return {};
+	}
+}
+function Nt(e) {
+	switch (e) {
+		case "dashed": return { dash: "4 3" };
+		case "dotted": return {
+			dash: "0.1 4",
+			round: !0
+		};
+		case "dash-dot": return {
+			dash: "5 2 0.1 2",
+			round: !0
+		};
+		default: return {};
+	}
+}
+function Pt(e, t) {
+	let n = (e) => /* @__PURE__ */ V("path", {
+		d: e,
+		stroke: t,
+		strokeWidth: 1.2,
+		fill: "none"
+	});
+	switch (e) {
+		case "horizontal": return {
+			size: 4,
+			content: n("M0 2 H4")
+		};
+		case "vertical": return {
+			size: 4,
+			content: n("M2 0 V4")
+		};
+		case "diagonal": return {
+			size: 4,
+			content: n("M0 4 L4 0 M-1 1 L1 -1 M3 5 L5 3")
+		};
+		case "diagonal-alt": return {
+			size: 4,
+			content: n("M0 0 L4 4 M-1 3 L1 5 M3 -1 L5 1")
+		};
+		case "cross": return {
+			size: 4,
+			content: n("M0 4 L4 0 M-1 1 L1 -1 M3 5 L5 3 M0 0 L4 4 M-1 3 L1 5 M3 -1 L5 1")
+		};
+		case "dots": return {
+			size: 4,
+			content: /* @__PURE__ */ V("circle", {
+				cx: 2,
+				cy: 2,
+				r: .9,
+				fill: t
+			})
+		};
+		case "grid": return {
+			size: 3,
+			content: /* @__PURE__ */ V("circle", {
+				cx: 1.5,
+				cy: 1.5,
+				r: .7,
+				fill: t
+			})
+		};
+		default: return null;
+	}
+}
+function Ft(e) {
+	let t = y(46), { shape: n, color: r, isStrokeColor: i, fillPattern: a, strokeStyle: o, size: s } = e, c = n === void 0 ? "circle" : n, l = i !== void 0 && i, u = a === void 0 ? "solid" : a, d = o === void 0 ? "solid" : o, f = s === void 0 ? 12 : s, p = T();
+	if (c === "line") {
+		let e;
+		t[0] === d ? e = t[1] : (e = Nt(d), t[0] = d, t[1] = e);
+		let { dash: n, round: i } = e, a = `0 0 ${f} ${f}`, o;
+		t[2] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+			display: "block",
+			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", {
+			x1: 0,
+			y1: s,
+			x2: f,
+			y2: c,
+			stroke: r,
+			strokeWidth: At,
+			strokeDasharray: n,
+			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", {
+			width: f,
+			height: f,
+			viewBox: a,
+			"aria-hidden": !0,
+			"data-shape": "line",
+			style: o,
+			children: u
+		}), t[10] = f, t[11] = u, t[12] = a, t[13] = p) : p = t[13], p;
+	}
+	let m = l ? kt / 2 : 0, h = !l && u !== "solid", g;
+	t[14] !== r || t[15] !== u || t[16] !== h ? (g = h ? Pt(u, r) : null, t[14] = r, t[15] = u, t[16] = h, t[17] = g) : g = t[17];
+	let _ = g, v = l && d === "corners" && c === "square", b;
+	t[18] !== l || t[19] !== d ? (b = l ? Mt(d) : {
+		dash: void 0,
+		round: !1
+	}, t[18] = l, t[19] = d, t[20] = b) : b = t[20];
+	let { dash: x, round: S } = b, C = l ? kt : jt, w = l ? x : void 0, E = S ? "round" : "butt", D;
+	t[21] !== r || t[22] !== E || t[23] !== C || t[24] !== w ? (D = {
+		stroke: r,
+		strokeWidth: C,
+		strokeDasharray: w,
+		strokeLinecap: E
+	}, t[21] = r, t[22] = E, t[23] = C, t[24] = w, t[25] = D) : D = t[25];
+	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", {
+		id: p,
+		patternUnits: "userSpaceOnUse",
+		width: _.size,
+		height: _.size,
+		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, {
+		size: f,
+		color: r
+	}) : c === "circle" ? /* @__PURE__ */ V("circle", {
+		cx: f / 2,
+		cy: f / 2,
+		r: f / 2 - m,
+		fill: k,
+		...O,
+		stroke: l || h ? r : "none"
+	}) : /* @__PURE__ */ V("rect", {
+		x: m,
+		y: m,
+		width: f - m * 2,
+		height: f - m * 2,
+		fill: k,
+		...O,
+		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", {
+		width: f,
+		height: f,
+		viewBox: A,
+		"aria-hidden": !0,
+		"data-shape": c,
+		style: j,
+		children: [M, N]
+	}), t[40] = c, t[41] = f, t[42] = A, t[43] = M, t[44] = N, t[45] = P) : P = t[45], P;
+}
+function It(e) {
+	let t = y(19), { size: n, color: r } = e, i = Math.max(2, n * .3), a = kt / 2, o = n - a, s;
+	t[0] === r ? s = t[1] : (s = {
+		stroke: r,
+		strokeWidth: kt,
+		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", {
+		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", {
+		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", {
+		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", {
+		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: [
+		u,
+		f,
+		m,
+		g
+	] }), t[14] = u, t[15] = f, t[16] = m, t[17] = g, t[18] = _) : _ = t[18], _;
+}
+//#endregion
+//#region src/legend/components/legend-category/legend-category-ui.tsx
+var Lt = 16;
+function Rt(e) {
+	let t = y(23), { data: n } = e, { items: r, shape: i, isStrokeColor: a, fillPattern: o, strokeStyle: s, orientation: c } = n, l = i === void 0 ? "circle" : i, u = a !== void 0 && a, d = o === void 0 ? "solid" : o, f = s === void 0 ? "solid" : s, p = c === void 0 ? "vertical" : c, m = p === "horizontal", h;
+	t[0] === r ? h = t[1] : (h = r.reduce(zt, 0), t[0] = r, t[1] = h);
+	let g = Math.max(Lt, h), _ = m ? Z.listHorizontal : null, v;
+	t[2] === _ ? v = t[3] : (v = {
+		...Z.list,
+		..._
+	}, t[2] = _, t[3] = v);
+	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, {
+			sx: {
+				...Z.item,
+				...m ? Z.itemHorizontal : null
+			},
+			children: [
+				/* @__PURE__ */ V(k, {
+					sx: {
+						...Z.gutter,
+						width: m ? void 0 : g
+					},
+					children: /* @__PURE__ */ V(Ft, {
+						shape: e.shape ?? l,
+						color: e.color,
+						isStrokeColor: e.isStrokeColor ?? u,
+						fillPattern: e.fillPattern ?? d,
+						strokeStyle: e.strokeStyle ?? f,
+						size: e.size ?? 12
+					})
+				}),
+				/* @__PURE__ */ V(z, {
+					variant: "caption",
+					color: "text.primary",
+					sx: {
+						...Z.label,
+						...m ? Z.labelHorizontal : null
+					},
+					children: e.label
+				}),
+				e.value != null && /* @__PURE__ */ V(z, {
+					className: "PsLegend-value",
+					variant: "caption",
+					color: "text.secondary",
+					sx: 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, {
+		"data-orientation": p,
+		sx: v,
+		children: b
+	}), t[19] = p, t[20] = v, t[21] = b, t[22] = x) : x = t[22], x;
+}
+function zt(e, t) {
+	return Math.max(e, t.size ?? 12);
+}
+//#endregion
+//#region src/legend/components/legend-ramp/styles.ts
+var Q = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5
+	},
+	attribute: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	error: {
+		display: "flex",
+		alignItems: "center",
+		gap: .5,
+		color: "error.main"
+	},
+	barWrap: { position: "relative" },
+	bar: {
+		height: 8,
+		borderRadius: "2px",
+		overflow: "hidden",
+		display: "flex"
+	},
+	avgLine: {
+		position: "absolute",
+		top: -2,
+		bottom: -2,
+		width: 0,
+		borderLeft: "1.5px dashed",
+		borderColor: "text.primary",
+		transform: "translateX(-50%)"
+	},
+	step: {
+		flex: 1,
+		height: "100%"
+	},
+	labels: {
+		display: "flex",
+		justifyContent: "space-between",
+		gap: 1
+	},
+	boundaryLabels: {
+		position: "relative",
+		height: 16
+	},
+	boundaryLabel: {
+		position: "absolute",
+		top: 0,
+		whiteSpace: "nowrap"
+	}
+};
+//#endregion
+//#region src/legend/components/legend-ramp/legend-ramp-ui.tsx
+function Bt(e) {
+	let { avg: t, stops: n } = e;
+	if (t == null || n.length < 2) return null;
+	let r = n[0].value, i = n[n.length - 1].value;
+	if (r === i) return null;
+	let a = (t - r) / (i - r) * 100;
+	return Math.min(100, Math.max(0, a));
+}
+function Vt(t) {
+	let n = y(40), { data: r, labels: i } = t, a = i === void 0 ? ye : i, { colors: o, stops: s, isContinuous: c, attribute: l, formatValue: u } = r, d = u === void 0 ? String : u, f;
+	n[0] === r ? f = n[1] : (f = Bt(r), n[0] = r, n[1] = f);
+	let p = f, m = s[0], h = s[s.length - 1], g;
+	n[2] === o ? g = n[3] : (g = o.join(", "), n[2] = o, n[3] = g);
+	let _ = `linear-gradient(90deg, ${g})`, v = !c && s.length === o.length + 1, b = !c && !v, x;
+	n[4] === s ? x = n[5] : (x = (e) => `${s[e]?.label ?? ""} – ${s[e + 1]?.label ?? ""}`, n[4] = s, n[5] = x);
+	let S = x, C;
+	n[6] !== l || n[7] !== a ? (C = l && /* @__PURE__ */ H(k, {
+		sx: Q.attribute,
+		children: [/* @__PURE__ */ V(z, {
+			variant: "overline",
+			color: "text.secondary",
+			children: a.colorBasedOn
+		}), /* @__PURE__ */ V(z, {
+			variant: "caption",
+			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];
+		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, {
+			sx: Q.error,
+			children: [e, /* @__PURE__ */ V(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, {
+			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] !== _ || n[17] !== c || n[18] !== a || n[19] !== S ? (T = c ? /* @__PURE__ */ V(k, {
+		role: "img",
+		"aria-label": a.colorGradient,
+		sx: {
+			width: "100%",
+			height: "100%",
+			background: _
+		}
+	}) : o.map((e, t) => /* @__PURE__ */ V(k, {
+		role: "img",
+		"aria-label": S(t),
+		sx: {
+			...Q.step,
+			backgroundColor: e
+		}
+	}, t)), n[15] = o, n[16] = _, n[17] = c, n[18] = a, n[19] = S, n[20] = T) : T = n[20];
+	let E;
+	n[21] === T ? E = n[22] : (E = /* @__PURE__ */ V(k, {
+		sx: Q.bar,
+		children: T
+	}), n[21] = T, n[22] = E);
+	let D;
+	n[23] !== p || n[24] !== r.avg || n[25] !== d ? (D = p != null && r.avg != null && /* @__PURE__ */ V(e, {
+		title: d(r.avg),
+		placement: "top",
+		arrow: !0,
+		children: /* @__PURE__ */ V(k, {
+			sx: Q.avgLine,
+			style: { left: `${p}%` }
+		})
+	}), n[23] = p, n[24] = r.avg, n[25] = d, n[26] = D) : D = n[26];
+	let O;
+	n[27] !== E || n[28] !== D ? (O = /* @__PURE__ */ H(k, {
+		sx: Q.barWrap,
+		children: [E, D]
+	}), n[27] = E, n[28] = D, n[29] = O) : O = n[29];
+	let A;
+	n[30] !== o.length || n[31] !== m?.label || n[32] !== v || n[33] !== h?.label || n[34] !== s ? (A = v ? /* @__PURE__ */ V(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, {
+				variant: "overline",
+				color: "text.secondary",
+				sx: Q.boundaryLabel,
+				style: {
+					left: `${t / o.length * 100}%`,
+					transform: r
+				},
+				children: e.label
+			}, `${e.label}-${t}`);
+		})
+	}) : /* @__PURE__ */ H(k, {
+		sx: Q.labels,
+		children: [/* @__PURE__ */ V(z, {
+			variant: "overline",
+			color: "text.secondary",
+			children: m?.label
+		}), /* @__PURE__ */ V(z, {
+			variant: "overline",
+			color: "text.secondary",
+			children: h?.label
+		})]
+	}), n[30] = o.length, n[31] = m?.label, n[32] = v, n[33] = h?.label, n[34] = s, n[35] = A) : A = n[35];
+	let j;
+	return n[36] !== w || n[37] !== O || n[38] !== A ? (j = /* @__PURE__ */ H(k, {
+		sx: Q.container,
+		children: [
+			w,
+			O,
+			A
+		]
+	}), n[36] = w, n[37] = O, n[38] = A, n[39] = j) : j = n[39], j;
+}
+//#endregion
+//#region src/legend/components/legend-proportion/styles.ts
+var Ht = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1
+	},
+	attribute: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	body: {
+		display: "flex",
+		alignItems: "flex-end",
+		gap: 2,
+		paddingTop: .5
+	},
+	circles: {
+		position: "relative",
+		flexShrink: 0
+	},
+	circle: {
+		position: "absolute",
+		right: 0,
+		bottom: 0,
+		borderRadius: "50%",
+		backgroundColor: "grey.50",
+		border: "1px solid",
+		borderColor: "grey.100",
+		boxSizing: "border-box"
+	},
+	labels: {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "space-between"
+	}
+}, Ut = 72, Wt = 2, Gt = 4;
+function Kt(e) {
+	let t = (e.stops ?? []).filter((e) => Number.isFinite(e));
+	if (t.length >= Wt) return t.sort((e, t) => t - e).slice(0, Gt);
+	let { min: n, max: r } = e;
+	if (n === r) return [r];
+	let i = Math.min(Gt, Math.max(Wt, e.steps ?? Gt));
+	return Array.from({ length: i }, (e, t) => r - (r - n) * t / (i - 1));
+}
+function qt(e, t) {
+	return t <= 1 ? Ut : Ut * (1 - .7 * (e / (t - 1)));
+}
+function Jt(e) {
+	let t = y(40), { data: n, labels: r } = e, i = r === void 0 ? ye : r, { attribute: a, formatValue: o } = n, s = o === void 0 ? String : o, c, l, u, d, f, p, m, h, g;
+	if (t[0] !== a || t[1] !== n || t[2] !== s || t[3] !== i) {
+		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;
+		}, 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, {
+			sx: Ht.attribute,
+			children: [/* @__PURE__ */ V(z, {
+				variant: "overline",
+				color: "text.secondary",
+				children: i.radiusRangeBy
+			}), /* @__PURE__ */ V(z, {
+				variant: "caption",
+				color: "text.primary",
+				children: a
+			})]
+		}), t[17] = a, t[18] = i, t[19] = g) : g = t[19], l = k, p = Ht.body;
+		let v;
+		t[20] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+			...Ht.circles,
+			width: Ut,
+			height: Ut
+		}, t[20] = v) : v = t[20];
+		let y;
+		t[21] === r ? y = t[22] : (y = (e, t) => {
+			let n = qt(t, r);
+			return /* @__PURE__ */ V(k, {
+				"aria-hidden": !0,
+				sx: {
+					...Ht.circle,
+					width: n,
+					height: n
+				}
+			}, t);
+		}, t[21] = r, t[22] = y), m = /* @__PURE__ */ V(k, {
+			sx: v,
+			children: e.map(y)
+		}), c = k, t[23] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+			...Ht.labels,
+			height: Ut
+		}, t[23] = d) : d = t[23];
+		let b;
+		t[24] === _ ? b = t[25] : (b = (e, t) => /* @__PURE__ */ V(z, {
+			variant: "caption",
+			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, {
+		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, {
+		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, {
+		sx: h,
+		children: [g, v]
+	}), t[35] = u, t[36] = v, t[37] = h, t[38] = g, t[39] = b) : b = t[39], b;
+}
+//#endregion
+//#region src/legend/components/legend-icon/styles.ts
+var $ = {
+	list: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5,
+		"&:hover .PsLegend-value, &:focus-within .PsLegend-value": { opacity: 1 },
+		"@media (hover: none)": { "& .PsLegend-value": { opacity: 1 } }
+	},
+	item: {
+		display: "flex",
+		alignItems: "center",
+		gap: 1
+	},
+	icon: {
+		flexShrink: 0,
+		width: 16,
+		height: 16,
+		objectFit: "contain"
+	},
+	label: {
+		flex: 1,
+		minWidth: 0,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	value: {
+		flexShrink: 0,
+		opacity: 0,
+		transition: "opacity 120ms"
+	},
+	listHorizontal: {
+		flexDirection: "row",
+		flexWrap: "wrap",
+		columnGap: 2,
+		rowGap: .5
+	},
+	itemHorizontal: { gap: .5 },
+	labelHorizontal: {
+		flex: "0 0 auto",
+		overflow: "visible",
+		textOverflow: "clip"
+	}
+};
+//#endregion
+//#region src/legend/components/legend-icon/legend-icon-ui.tsx
+function Yt(e) {
+	let t = y(11), { data: n } = e, r = n.orientation ?? "vertical", i = r === "horizontal", a = i ? $.listHorizontal : null, o;
+	t[0] === a ? o = t[1] : (o = {
+		...$.list,
+		...a
+	}, t[0] = a, t[1] = o);
+	let s;
+	if (t[2] !== n.items || t[3] !== i) {
+		let e;
+		t[5] === i ? e = t[6] : (e = (e, t) => /* @__PURE__ */ H(k, {
+			sx: {
+				...$.item,
+				...i ? $.itemHorizontal : null
+			},
+			children: [
+				/* @__PURE__ */ V(k, {
+					component: "img",
+					src: e.icon,
+					alt: "",
+					sx: $.icon
+				}),
+				/* @__PURE__ */ V(z, {
+					variant: "caption",
+					color: "text.primary",
+					sx: {
+						...$.label,
+						...i ? $.labelHorizontal : null
+					},
+					children: e.label
+				}),
+				e.value != null && /* @__PURE__ */ V(z, {
+					className: "PsLegend-value",
+					variant: "caption",
+					color: "text.secondary",
+					sx: $.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, {
+		"data-orientation": r,
+		sx: o,
+		children: s
+	}), t[7] = r, t[8] = o, t[9] = s, t[10] = c) : c = t[10], c;
+}
+//#endregion
+//#region src/legend/components/legend-item/legend-item-ui.tsx
+function Xt(e) {
+	let t = y(10), { data: n, labels: r } = 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;
+		}
+		case "ramp": {
+			let e;
+			return t[2] !== n || t[3] !== r ? (e = /* @__PURE__ */ V(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, {
+				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;
+		}
+		default: return n;
+	}
+}
+//#endregion
+//#region src/legend/components/legend-item/styles.ts
+var Zt = { stack: {
+	display: "flex",
+	flexDirection: "column",
+	gap: 2
+} };
+//#endregion
+//#region src/legend/components/legend-item/legend-item.tsx
+function Qt() {
+	let e = y(9), t = r(), n = q(), i;
+	e[0] === n ? i = e[1] : (i = (e) => n ? e.layers[n.layerId]?.variables : void 0, e[0] = n, e[1] = i);
+	let a = u(t, i), { labels: o } = K();
+	if (!a || a.length === 0) return null;
+	let s;
+	if (e[2] !== o || e[3] !== a) {
+		let t;
+		e[5] === o ? t = e[6] : (t = (e, t) => /* @__PURE__ */ V(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, {
+		sx: Zt.stack,
+		children: s
+	}), e[7] = s, e[8] = c), c;
+}
+//#endregion
+//#region src/legend/index.ts
+var $t = {
+	Provider: xe,
+	Group: Re,
+	Row: Ve,
+	Actions: ke,
+	Sortable: pt,
+	VisibilityToggle: Ge,
+	RowMenu: Ye,
+	ZoomTo: Ze,
+	ShowOnlyLayer: Qe,
+	ShowAllLayers: $e,
+	GroupMenu: et,
+	ShowOnlyGroup: tt,
+	ShowAllGroups: nt,
+	CollapseAllGroups: rt,
+	ZoomToGroup: it,
+	PanelMenu: at,
+	VisibleLayers: st,
+	Opacity: Tt,
+	ConfigSelect: Dt,
+	Item: Qt,
+	ItemUI: Xt,
+	Swatch: Ft,
+	CategoryUI: Rt,
+	RampUI: Vt,
+	ProportionUI: Jt,
+	IconUI: Yt
+};
+//#endregion
+export { ye as DEFAULT_LEGEND_LABELS, $t as Legend };
+
+//# sourceMappingURL=legend.js.map