@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/legend.js

@@ -1,2331 +1,2282 @@
-import { jsx as d, jsxs as M, Fragment as he } from "react/jsx-runtime";
-import { c as T } from "react/compiler-runtime";
-import { createContext as me, useContext as be, useState as J, useLayoutEffect as Pe, Children as ut, isValidElement as pt, useEffect as ft, useRef as De, useId as ht } from "react";
-import { L as gt, h as yt, g as X, a as mt, m as bt, r as vt, u as xt, n as N, o as Z, p as j, b as $e, i as re, f as Lt, e as Ee, s as Ae, j as ve, l as He } from "./legend-store-registry-p1tSwJXH.js";
-import { Box as A, IconButton as xe, Typography as E, Collapse as Re, createSvgIcon as wt, Menu as Oe, CircularProgress as Ve, MenuItem as q, Divider as St, Slider as Ct, InputAdornment as It, OutlinedInput as kt, ButtonBase as $t } from "@mui/material";
-import { DragIndicator as Ot, ExpandMore as We, VisibilityOffOutlined as _t, VisibilityOutlined as Be, MoreVert as Gt, ChecklistOutlined as Pt, Close as At, ArrowDropDown as Mt, ErrorOutline as zt } from "@mui/icons-material";
-import { useSortable as Tt, SortableContext as Ne, verticalListSortingStrategy as Fe } from "@dnd-kit/sortable";
-import { S as Ue } from "./smart-tooltip-DFV6GD8R.js";
-import { CSS as Dt } from "@dnd-kit/utilities";
-import { T as ie } from "./tooltip-BDnrRKrp.js";
-import "zustand";
-import "zustand/vanilla";
-import "zustand/middleware";
-import "zustand/react/shallow";
-import { useSensors as Et, useSensor as Me, PointerSensor as Ht, KeyboardSensor as Rt, DndContext as Vt, closestCenter as Wt, DragOverlay as Bt } from "@dnd-kit/core";
-const ge = {
-  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: "
-}, je = me({
-  labels: ge
-});
-function W() {
-  return be(je);
-}
-function Nt(t) {
-  const e = T(24), {
-    id: o,
-    layers: r,
-    groups: l,
-    labels: i,
-    keepAlive: n,
-    children: a
-  } = t, s = n === void 0 ? !0 : n;
-  let c;
-  e[0] !== l || e[1] !== o || e[2] !== r ? (c = () => {
-    if (yt(o))
-      return X(o);
-    const C = mt(o, {
-      layers: r,
-      groups: l
-    });
-    return bt(o, C), C;
-  }, e[0] = l, e[1] = o, e[2] = r, e[3] = c) : c = e[3];
-  const [p] = J(c);
-  let f, u;
-  e[4] !== o || e[5] !== s || e[6] !== p ? (f = () => (vt(o, p), () => {
-    xt(o, {
-      keepAlive: s
-    });
-  }), u = [o, p, s], e[4] = o, e[5] = s, e[6] = p, e[7] = f, e[8] = u) : (f = e[7], u = e[8]), Pe(f, u);
-  let y, h;
-  e[9] !== l || e[10] !== r || e[11] !== p ? (y = () => {
-    p.getState()._sync(r, l ?? []);
-  }, h = [p, r, l], e[9] = l, e[10] = r, e[11] = p, e[12] = y, e[13] = h) : (y = e[12], h = e[13]), Pe(y, h);
-  let g;
-  e[14] !== i ? (g = i ? {
-    ...ge,
-    ...i
-  } : ge, e[14] = i, e[15] = g) : g = e[15];
-  let x;
-  e[16] !== g ? (x = {
-    labels: g
-  }, e[16] = g, e[17] = x) : x = e[17];
-  const b = x;
-  let S;
-  e[18] !== a || e[19] !== b ? (S = /* @__PURE__ */ d(je.Provider, { value: b, children: a }), e[18] = a, e[19] = b, e[20] = S) : S = e[20];
-  let L;
-  return e[21] !== o || e[22] !== S ? (L = /* @__PURE__ */ d(gt.Provider, { value: o, children: S }), e[21] = o, e[22] = S, e[23] = L) : L = e[23], L;
-}
-function Ze(t) {
-  return (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
-  };
-}
-const Ke = me(null);
-function Q() {
-  return be(Ke);
-}
-const Xe = me(null);
-function ue() {
-  return be(Xe);
-}
-const qe = me(null);
-function Qe() {
-  return be(qe);
-}
-const Ft = {
-  fadeGroup: {
-    display: "flex",
-    alignItems: "center",
-    gap: 0.25
-  }
-};
-function Ye(t) {
-  const e = T(3), {
-    children: o
-  } = t, l = Q() !== null ? "PsLegend-rowFade" : "PsLegend-groupFade";
-  let i;
-  return e[0] !== o || e[1] !== l ? (i = /* @__PURE__ */ d(A, { className: l, sx: Ft.fadeGroup, children: o }), e[0] = o, e[1] = l, e[2] = i) : i = e[2], i;
-}
-function Je(t) {
-  const e = [], o = [];
-  for (const r of ut.toArray(t))
-    Ut(r, Ye) ? e.push(r) : o.push(r);
-  return {
-    actions: e,
-    body: o
-  };
-}
-function Ut(t, e) {
-  return pt(t) && t.type === e;
-}
-const et = me(!1);
-function tt() {
-  return be(et);
-}
-const Se = (t, e) => `${t}:${e}`;
-function de(t) {
-  const e = t.indexOf(":");
-  if (e === -1) return null;
-  const o = t.slice(0, e);
-  return o !== "group" && o !== "layer" ? null : {
-    kind: o,
-    id: t.slice(e + 1)
-  };
-}
-const we = 48, Y = {
-  group: {
-    display: "flex",
-    flexDirection: "column",
-    "& + &": {
-      borderTop: "1px solid",
-      borderColor: "divider"
-    }
-  },
-  // The original stays in place, dimmed, while its overlay clone is dragged.
-  groupDragging: {
-    opacity: 0.4
-  },
-  // Figma: 48px tall, 16px left inset (matches the row's own left inset),
-  // 8px gap to the label, actions right-aligned with ~8px edge inset (the
-  // small icon-button padding brings the glyphs to the design's 16px optical
-  // inset), hairline divider below. Sticky: pins to the top of the panel's
-  // scroll container.
-  header: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1,
-    padding: ({
-      spacing: t
-    }) => t(1.5, 2, 1.5, 2),
-    minHeight: we,
-    borderBottom: "1px solid",
-    borderColor: "divider",
-    position: "sticky",
-    top: 0,
-    // Above the sticky row headers (2), which in turn sit above MUI's
-    // z-index-1 form internals in row content.
-    zIndex: 3,
-    // Distinct from the row header / panel body (both `background.paper`) so
-    // the group header visually separates from the rest.
-    backgroundColor: "background.default",
-    // Hover-fade group actions (widgets-v2 Wrapper parity). Scoped to the
-    // header itself (not the group root) so hovering a member row's body
-    // below never lights up the group's own actions/handle — only hovering
-    // the header (title/handle/actions) does. A control carrying `.active`
-    // (hidden group) stays visible. Touch devices always show them. The
-    // collapse chevron sits outside the fade group. Each non-active child
-    // also collapses to zero width on its own (not just the whole actions
-    // slot) so a sibling's `.active` pin (e.g. the eye on a mixed-visibility
-    // group) doesn't leave a same-sized invisible hole where the still-faded
-    // ⋮ menu would've been.
-    "& .PsLegend-groupFade > *": {
-      opacity: 1,
-      transition: ({
-        transitions: t
-      }) => t.create(["opacity", "width"], {
-        duration: t.duration.standard,
-        easing: t.easing.easeInOut
-      }),
-      "@media (hover: hover)": {
-        opacity: 0
-      },
-      "&.active": {
-        opacity: 1
-      }
-    },
-    // Faded actions don't reserve flex space on fine-pointer devices — the
-    // label grows to the trailing edge. Hover/focus-within restores the slot
-    // so the label reflows with the buttons; a dirty `.active` child keeps
-    // the slot open even outside hover.
-    "@media (hover: hover)": {
-      "& .PsLegend-groupFade > *:not(.active)": {
-        width: 0,
-        minWidth: 0,
-        // border-box IconButtons keep their padding inside `width` — zero it
-        // too, otherwise the fixed 2px+2px padding survives as a tiny but
-        // needless residual gap.
-        padding: 0,
-        overflow: "hidden",
-        pointerEvents: "none"
-      },
-      "& .PsLegend-groupActions:not(:has(.active))": {
-        width: 0,
-        minWidth: 0,
-        overflow: "hidden",
-        // Cancel the header gap so nothing is left behind the label.
-        marginInlineStart: ({
-          spacing: t
-        }) => `calc(-1 * ${t(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"
-    },
-    // Drag handle (Legend.Sortable): absolutely positioned (no reserved flex
-    // slot, so it never shifts the title/icon); the button inside fades in
-    // on hover/focus and is always visible on touch devices.
-    "& .PsLegend-dragHandle-group > *": {
-      opacity: 0,
-      transition: ({
-        transitions: t
-      }) => t.create("opacity", {
-        duration: t.duration.standard,
-        easing: t.easing.easeInOut
-      }),
-      "@media (hover: none)": {
-        opacity: 1
-      }
-    },
-    "&:hover .PsLegend-dragHandle-group > *, &:focus-within .PsLegend-dragHandle-group > *": {
-      opacity: 1
-    }
-  },
-  // Accordion click target: everything in the header but the actions box.
-  // Non-native button (role='button'), so it carries its own focus ring.
-  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"
-  },
-  // No `flex:1` here — the label sizes to its own text (shrinking to
-  // ellipsis when too long) so the chevron sits right after it, instead of
-  // being dragged to the trailing edge of `titleArea` (which keeps its own
-  // `flex:1` to fill the header up to the actions).
-  label: {
-    minWidth: 0,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
-  // Informative collapse indicator beside the title (the whole title area is
-  // the button). Points down when expanded, right when collapsed. Touch
-  // devices don't get it — the title row is the affordance there.
-  chevron: {
-    fontSize: 16,
-    color: "text.secondary",
-    flexShrink: 0,
-    transition: ({
-      transitions: t
-    }) => t.create("transform", {
-      duration: t.duration.shorter
-    }),
-    "@media (hover: none)": {
-      display: "none"
-    }
-  },
-  chevronCollapsed: {
-    transform: "rotate(-90deg)"
-  },
-  // Icon buttons match the row header's 24×24 (2px padding + 20px icon).
-  actions: {
-    display: "flex",
-    alignItems: "center",
-    gap: 0.25,
-    flexShrink: 0,
-    "& .MuiIconButton-root": {
-      padding: "2px"
-    }
-  }
-}, le = {
-  // Absolute handle, flush against the header's top-left corner — no flex
-  // slot; sticky header is the containing block.
-  handleSlot: {
-    position: "absolute",
-    zIndex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    left: 0,
-    top: 0
-  },
-  // Both headers center their title on the same 24px band from the header's
-  // top edge (group: 48px header, `alignItems:'center'`; row: 12px top
-  // padding + 24px `titleLine`, `alignItems:'flex-start'`) — so `height:48`
-  // centers the icon on the title in both cases, even though the row's own
-  // header is only 32px tall (a 32px-tall slot would center at 16px, 8px
-  // short of the title).
-  handleSlotLayer: {
-    height: we
-  },
-  handleSlotGroup: {
-    height: we
-  },
-  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: t
-    }) => t(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"
-  }
+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-B81-IU1G.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"
+	}
 };
-function ot(t) {
-  const e = T(31), {
-    kind: o,
-    id: r,
-    render: l
-  } = t, {
-    labels: i
-  } = W();
-  let n;
-  e[0] !== r || e[1] !== o ? (n = Se(o, r), e[0] = r, e[1] = o, e[2] = n) : n = e[2];
-  let a;
-  e[3] !== n ? (a = {
-    id: n
-  }, e[3] = n, e[4] = a) : a = e[4];
-  const {
-    attributes: s,
-    listeners: c,
-    setNodeRef: p,
-    setActivatorNodeRef: f,
-    transform: u,
-    transition: y,
-    isDragging: h
-  } = Tt(a);
-  let g;
-  if (e[5] !== s || e[6] !== h || e[7] !== o || e[8] !== i.reorder || e[9] !== c || e[10] !== l || e[11] !== f || e[12] !== p || e[13] !== u || e[14] !== y) {
-    const x = {
-      transform: Dt.Transform.toString(u ? {
-        ...u,
-        x: 0
-      } : null),
-      transition: y
-    }, b = `PsLegend-dragHandle-${o}`, S = o === "group" ? le.handleSlotGroup : le.handleSlotLayer;
-    let L;
-    e[16] !== S ? (L = [le.handleSlot, S], e[16] = S, e[17] = L) : L = e[17];
-    let C;
-    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ d(Ot, {}), e[18] = C) : C = e[18];
-    let v;
-    e[19] !== s || e[20] !== i.reorder || e[21] !== c || e[22] !== f ? (v = /* @__PURE__ */ d(xe, { ref: f, size: "xsmall", "aria-label": i.reorder, ...s, ...c, sx: le.handle, children: C }), e[19] = s, e[20] = i.reorder, e[21] = c, e[22] = f, e[23] = v) : v = e[23];
-    let I;
-    e[24] !== i.reorder || e[25] !== v ? (I = /* @__PURE__ */ d(ie, { title: i.reorder, children: v }), e[24] = i.reorder, e[25] = v, e[26] = I) : I = e[26];
-    let w;
-    e[27] !== b || e[28] !== L || e[29] !== I ? (w = /* @__PURE__ */ d(A, { component: "span", className: b, sx: L, children: I }), e[27] = b, e[28] = L, e[29] = I, e[30] = w) : w = e[30], g = l({
-      rootRef: p,
-      rootStyle: x,
-      dragging: h,
-      handle: w
-    }), e[5] = s, e[6] = h, e[7] = o, e[8] = i.reorder, e[9] = c, e[10] = l, e[11] = f, e[12] = p, e[13] = u, e[14] = y, e[15] = g;
-  } else
-    g = e[15];
-  return g;
-}
-function jt(t) {
-  const e = T(27), {
-    groupId: o,
-    children: r
-  } = t, l = N();
-  let i;
-  e[0] !== o ? (i = (v) => v.groups[o], e[0] = o, e[1] = i) : i = e[1];
-  const n = Z(l, i), a = Z(l, Kt);
-  let s;
-  e[2] !== o ? (s = (v) => $e(v, o) === "hidden", e[2] = o, e[3] = s) : s = e[3];
-  const c = j(l, s), p = tt();
-  let f;
-  e[4] !== o ? (f = (v) => re(v, o).map(Zt), e[4] = o, e[5] = f) : f = e[5];
-  const u = Z(l, f);
-  if (!n)
-    return null;
-  let y;
-  e[6] !== r ? (y = Je(r), e[6] = r, e[7] = y) : y = e[7];
-  const {
-    actions: h,
-    body: g
-  } = y;
-  let x;
-  e[8] !== n.collapsed || e[9] !== o || e[10] !== a ? (x = () => a(o, !n.collapsed), e[8] = n.collapsed, e[9] = o, e[10] = a, e[11] = x) : x = e[11];
-  const b = x;
-  let S;
-  e[12] !== h || e[13] !== g || e[14] !== n.collapsed || e[15] !== n.icon || e[16] !== n.label || e[17] !== o || e[18] !== c || e[19] !== u || e[20] !== p || e[21] !== b ? (S = (v) => /* @__PURE__ */ d(Xe.Provider, { value: o, children: /* @__PURE__ */ M(A, { ref: v?.rootRef, style: v?.rootStyle, sx: [Y.group, v?.dragging === !0 && Y.groupDragging], children: [
-    /* @__PURE__ */ M(A, { sx: Y.header, children: [
-      v?.handle,
-      /* @__PURE__ */ M(A, { sx: Y.titleArea, role: "button", tabIndex: 0, "aria-expanded": !n.collapsed, onClick: b, onKeyDown: Ze(b), children: [
-        n.icon != null && /* @__PURE__ */ d(A, { sx: Y.groupIcon, children: n.icon }),
-        /* @__PURE__ */ d(Ue, { title: n.label, dependencies: [n.label], children: (I) => {
-          const {
-            ref: w
-          } = I;
-          return /* @__PURE__ */ d(E, { ref: w, variant: "button", fontWeight: "bold", color: c ? "text.disabled" : "text.primary", sx: Y.label, children: n.label });
-        } }),
-        /* @__PURE__ */ d(We, { sx: [Y.chevron, n.collapsed && Y.chevronCollapsed] })
-      ] }),
-      /* @__PURE__ */ d(A, { className: "PsLegend-groupActions", sx: Y.actions, children: h })
-    ] }),
-    /* @__PURE__ */ d(Re, { in: !n.collapsed, children: p ? /* @__PURE__ */ d(Ne, { items: u, strategy: Fe, children: g }) : g })
-  ] }) }), e[12] = h, e[13] = g, e[14] = n.collapsed, e[15] = n.icon, e[16] = n.label, e[17] = o, e[18] = c, e[19] = u, e[20] = p, e[21] = b, e[22] = S) : S = e[22];
-  const L = S;
-  let C;
-  return e[23] !== o || e[24] !== L || e[25] !== p ? (C = p ? /* @__PURE__ */ d(ot, { kind: "group", id: o, render: L }) : L(), e[23] = o, e[24] = L, e[25] = p, e[26] = C) : C = e[26], C;
-}
-function Zt(t) {
-  return Se("layer", t.id);
-}
-function Kt(t) {
-  return t.setGroupCollapsed;
-}
-const F = {
-  // Padding lives on header/content/footer (not the root) so the sticky
-  // header is opaque and full-bleed while pinned.
-  row: {
-    display: "flex",
-    flexDirection: "column",
-    position: "relative",
-    "& + &": {
-      borderTop: "1px solid",
-      borderColor: "divider"
-    },
-    // Hover-fade actions (widgets-v2 Wrapper parity). Direct children of
-    // `.PsLegend-rowFade` are hidden on fine-pointer devices and fade in when
-    // the row is hovered or holds focus; a control carrying `.active` (dirty
-    // state — hidden layer, open menu, opacity ≠ 1) stays visible. Coarse-
-    // pointer (touch) devices always show them. Each non-active child also
-    // collapses to zero width on its own (not just the whole actions slot —
-    // see `PsLegend-rowActions` below) so a sibling's `.active` pin (e.g. the
-    // eye while hidden) doesn't leave a same-sized invisible hole where the
-    // still-faded ⋮ menu would've been; the title grows into that space. The
-    // collapse chevron sits outside the fade group and never fades.
-    "& .PsLegend-rowFade > *": {
-      opacity: 1,
-      transition: ({
-        transitions: t
-      }) => t.create(["opacity", "width"], {
-        duration: t.duration.standard,
-        easing: t.easing.easeInOut
-      }),
-      "@media (hover: hover)": {
-        opacity: 0
-      },
-      "&.active": {
-        opacity: 1
-      }
-    },
-    // Faded actions don't reserve flex space on fine-pointer devices — the
-    // title grows to the trailing edge. Hover/focus-within restores the slot
-    // so the title reflows with the buttons; a dirty `.active` child keeps
-    // the slot open even outside hover.
-    "@media (hover: hover)": {
-      "& .PsLegend-rowFade > *:not(.active)": {
-        width: 0,
-        minWidth: 0,
-        // border-box IconButtons keep their padding inside `width` — zero it
-        // too, otherwise the fixed 2px+2px padding survives as a tiny but
-        // needless residual gap.
-        padding: 0,
-        overflow: "hidden",
-        pointerEvents: "none"
-      },
-      "& .PsLegend-rowActions:not(:has(.active))": {
-        width: 0,
-        minWidth: 0,
-        overflow: "hidden",
-        // Cancel the header gap so nothing is left behind the title.
-        marginInlineStart: ({
-          spacing: t
-        }) => `calc(-1 * ${t(0.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"
-    },
-    // Hovering anywhere in the row also reveals the category/icon values
-    // (the renderers keep their own list-scoped rule for standalone usage).
-    "&:hover .PsLegend-value, &:focus-within .PsLegend-value": {
-      opacity: 1
-    },
-    // Drag handle (Legend.Sortable): absolutely positioned (no reserved flex
-    // slot, so it never shifts the title/icon); the button inside fades in
-    // on hover/focus and is always visible on touch devices.
-    "& .PsLegend-dragHandle-layer > *": {
-      opacity: 0,
-      transition: ({
-        transitions: t
-      }) => t.create("opacity", {
-        duration: t.duration.standard,
-        easing: t.easing.easeInOut
-      }),
-      "@media (hover: none)": {
-        opacity: 1
-      }
-    },
-    "&:hover .PsLegend-dragHandle-layer > *, &:focus-within .PsLegend-dragHandle-layer > *": {
-      opacity: 1
-    }
-  },
-  // The original stays in place, dimmed, while its overlay clone is dragged.
-  rowDragging: {
-    opacity: 0.4
-  },
-  // Figma `_Legend header`: 16px top/left inset (title glyphs start at
-  // y≈17, x=16 in the 68px-tall header), actions share the title's vertical
-  // band (subtitle flows below them) — hence `flex-start` with the title
-  // optically centered against the 30px icon-button row. Sticky: pins inside
-  // the panel's scroll container; `top` is applied inline per row (0, or the
-  // group-header height for grouped rows). Grouped rows get an extra 20px
-  // left inset (36px total) so member layers read as nested under the group
-  // and line up with the group's own icon+label text start.
-  header: {
-    display: "flex",
-    alignItems: "flex-start",
-    gap: 0.5,
-    minHeight: 32,
-    padding: ({
-      spacing: t
-    }) => t(1.5, 2, 1.5, 2),
-    position: "sticky",
-    // Above MUI's z-index-1 form internals (e.g. InputLabel) in row content,
-    // below the group header (3).
-    zIndex: 2,
-    backgroundColor: "background.paper"
-  },
-  headerGrouped: {
-    paddingLeft: 4.5
-  },
-  titleBox: {
-    flex: 1,
-    minWidth: 0,
-    display: "flex",
-    flexDirection: "column"
-  },
-  // Accordion click target (whole title block + spare space). Non-native
-  // button, so it carries its own focus ring.
-  titleBoxInteractive: {
-    cursor: "pointer",
-    userSelect: "none",
-    "&:focus-visible": {
-      outline: "2px solid",
-      outlineColor: "primary.main",
-      outlineOffset: -2
-    }
-  },
-  // The title line and the actions box share the same 24px band, centered,
-  // so the title and the action icons stay aligned under the header's
-  // `flex-start` — no padding magic. The subtitle flows below.
-  titleLine: {
-    minHeight: 24,
-    display: "flex",
-    alignItems: "center",
-    gap: 0.5
-  },
-  // No `flex:1` here — the title sizes to its own text (shrinking to
-  // ellipsis when too long) so the chevron sits right after it, instead of
-  // being dragged to the trailing edge of `titleLine` (which spans the full
-  // width of `titleBox`, itself `flex:1` to fill the header up to actions).
-  title: {
-    minWidth: 0,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
-  // Informative collapse indicator beside the title (the title area is the
-  // button). Points down when expanded, right when collapsed; not shown on
-  // touch devices — there the title row itself is the affordance.
-  chevron: {
-    fontSize: 16,
-    color: "text.secondary",
-    flexShrink: 0,
-    transition: ({
-      transitions: t
-    }) => t.create("transform", {
-      duration: t.duration.shorter
-    }),
-    "@media (hover: none)": {
-      display: "none"
-    }
-  },
-  chevronCollapsed: {
-    transform: "rotate(-90deg)"
-  },
-  // Same 24px band as the title line, so both sides of the header stay
-  // aligned even when the composed actions are shorter (or fade out).
-  // Icon buttons (actions + collapse chevron) are squeezed to 24×24:
-  // 2px padding around the 20px small icon.
-  actions: {
-    minHeight: 24,
-    display: "flex",
-    alignItems: "center",
-    gap: 0.25,
-    flexShrink: 0,
-    "& .MuiIconButton-root": {
-      padding: "2px"
-    }
-  },
-  // Figma rhythm: ~16px from the subtitle to the select (8px header bottom
-  // padding + 4px here + line leading), 8px between body blocks, 8px bottom
-  // inset before the next row's divider.
-  content: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    padding: ({
-      spacing: t
-    }) => t(0.5, 2, 1, 2)
-  },
-  contentGrouped: {
-    paddingLeft: 4.5
-  },
-  // ~16px above the note (content's 8px bottom inset + 8px here), per design.
-  footer: {
-    padding: ({
-      spacing: t
-    }) => t(1, 2, 1, 2)
-  },
-  footerGrouped: {
-    paddingLeft: 4.5
-  },
-  dimmed: {
-    opacity: 0.5
-  }
+//#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 }
 };
-function Xt(t) {
-  const e = T(31), {
-    layerId: o,
-    children: r
-  } = t, l = N();
-  let i;
-  e[0] !== o ? (i = (m) => m.layers[o], e[0] = o, e[1] = i) : i = e[1];
-  const n = Z(l, i), a = Z(l, qt);
-  let s;
-  e[2] !== o ? (s = (m) => Lt(m, o), e[2] = o, e[3] = s) : s = e[3];
-  const c = j(l, s), p = ue() !== null, f = tt(), [u, y] = J(!1), h = n?.visible ?? !0, g = u && h;
-  let x;
-  e[4] !== o || e[5] !== g ? (x = {
-    layerId: o,
-    opacityOpen: g,
-    setOpacityOpen: y
-  }, e[4] = o, e[5] = g, e[6] = x) : x = e[6];
-  const b = x;
-  if (!n)
-    return null;
-  let S;
-  e[7] !== r ? (S = Je(r), e[7] = r, e[8] = S) : S = e[8];
-  const {
-    actions: L,
-    body: C
-  } = S, v = !n.visible || n.collapsed, I = p ? we : 0, w = n.visible && c;
-  let O;
-  e[9] !== n.collapsed || e[10] !== o || e[11] !== a ? (O = () => a(o, !n.collapsed), e[9] = n.collapsed, e[10] = o, e[11] = a, e[12] = O) : O = e[12];
-  const k = O;
-  let $;
-  e[13] !== L || e[14] !== C || e[15] !== w || e[16] !== v || e[17] !== p || e[18] !== n.collapsed || e[19] !== n.helperText || e[20] !== n.name || e[21] !== n.subtitle || e[22] !== n.visible || e[23] !== b || e[24] !== I || e[25] !== k ? ($ = (m) => /* @__PURE__ */ d(Ke.Provider, { value: b, children: /* @__PURE__ */ M(A, { ref: m?.rootRef, style: m?.rootStyle, sx: [F.row, m?.dragging === !0 && F.rowDragging], children: [
-    /* @__PURE__ */ M(A, { sx: [F.header, p && F.headerGrouped], style: {
-      top: I
-    }, children: [
-      m?.handle,
-      /* @__PURE__ */ M(A, { sx: [F.titleBox, w && F.titleBoxInteractive], ...w && {
-        role: "button",
-        tabIndex: 0,
-        "aria-expanded": !n.collapsed,
-        onClick: k,
-        onKeyDown: Ze(k)
-      }, children: [
-        /* @__PURE__ */ M(A, { sx: F.titleLine, children: [
-          /* @__PURE__ */ d(Ue, { title: n.name, dependencies: [n.name], children: (P) => {
-            const {
-              ref: z
-            } = P;
-            return /* @__PURE__ */ d(E, { ref: z, variant: "button", color: n.visible ? "text.primary" : "text.disabled", sx: F.title, children: n.name });
-          } }),
-          w && /* @__PURE__ */ d(We, { sx: [F.chevron, n.collapsed && F.chevronCollapsed] })
-        ] }),
-        n.subtitle && !v && /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: n.subtitle })
-      ] }),
-      /* @__PURE__ */ d(A, { className: "PsLegend-rowActions", sx: F.actions, children: L })
-    ] }),
-    /* @__PURE__ */ M(Re, { in: !v, children: [
-      /* @__PURE__ */ d(A, { sx: [F.content, p && F.contentGrouped, !n.visible && F.dimmed], children: C }),
-      n.helperText && /* @__PURE__ */ d(A, { sx: [F.footer, p && F.footerGrouped], children: typeof n.helperText == "string" ? /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: n.helperText }) : n.helperText })
-    ] })
-  ] }) }), e[13] = L, e[14] = C, e[15] = w, e[16] = v, e[17] = p, e[18] = n.collapsed, e[19] = n.helperText, e[20] = n.name, e[21] = n.subtitle, e[22] = n.visible, e[23] = b, e[24] = I, e[25] = k, e[26] = $) : $ = e[26];
-  const _ = $;
-  let G;
-  return e[27] !== o || e[28] !== _ || e[29] !== f ? (G = f ? /* @__PURE__ */ d(ot, { kind: "layer", id: o, render: _ }) : _(), e[27] = o, e[28] = _, e[29] = f, e[30] = G) : G = e[30], G;
-}
-function qt(t) {
-  return t.setCollapsed;
-}
-const Qt = wt(/* @__PURE__ */ M("g", { transform: "translate(12 12) scale(1.33333) translate(-184 -24)", children: [
-  /* @__PURE__ */ d("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__ */ d("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"), Yt = {
-  visible: Be,
-  hidden: _t,
-  mixed: Qt
+//#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",
+							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",
+						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 Jt(t) {
-  const e = T(36), {
-    visibility: o,
-    onToggle: r,
-    labels: l
-  } = t, i = N(), n = Q(), a = ue(), {
-    labels: s
-  } = W(), c = o !== void 0 && r !== void 0;
-  let p;
-  e[0] !== c || e[1] !== n ? (p = (m) => !c && n ? m.layers[n.layerId]?.visible ?? !0 : !0, e[0] = c, e[1] = n, e[2] = p) : p = e[2];
-  const f = j(i, p);
-  let u;
-  e[3] !== c || e[4] !== a || e[5] !== n ? (u = (m) => !c && !n && a ? $e(m, a) : "visible", e[3] = c, e[4] = a, e[5] = n, e[6] = u) : u = e[6];
-  const y = Z(i, u), h = j(i, to), g = j(i, eo);
-  let x, b;
-  e[7] !== c || e[8] !== a || e[9] !== n ? (x = () => {
-    !c && !n && !a && console.warn("Legend.VisibilityToggle needs `visibility`/`onToggle` props or a Legend.Row / Legend.Group context.");
-  }, b = [c, n, a], e[7] = c, e[8] = a, e[9] = n, e[10] = x, e[11] = b) : (x = e[10], b = e[11]), ft(x, b);
-  let S, L, C = l;
-  if (c) {
-    S = o;
-    let m;
-    e[12] !== r || e[13] !== o ? (m = () => r(o === "hidden"), e[12] = r, e[13] = o, e[14] = m) : m = e[14], L = m;
-  } else if (n) {
-    S = f ? "visible" : "hidden";
-    let m;
-    e[15] !== f || e[16] !== n || e[17] !== h ? (m = () => h(n.layerId, !f), e[15] = f, e[16] = n, e[17] = h, e[18] = m) : m = e[18], L = m;
-  } else if (a) {
-    S = y;
-    let m;
-    e[19] !== a || e[20] !== y || e[21] !== g ? (m = () => g(a, y === "hidden"), e[19] = a, e[20] = y, e[21] = g, e[22] = m) : m = e[22], L = m;
-    let P;
-    e[23] !== s || e[24] !== l ? (P = l ?? {
-      hideLayer: s.hideGroup,
-      showLayer: s.showGroup
-    }, e[23] = s, e[24] = l, e[25] = P) : P = e[25], C = P;
-  } else
-    return null;
-  const {
-    hideLayer: v,
-    showLayer: I
-  } = C ?? s, w = Yt[S], O = S === "hidden" ? I : v, k = S === "visible" ? void 0 : "active";
-  let $;
-  e[26] !== w ? ($ = /* @__PURE__ */ d(w, { fontSize: "small" }), e[26] = w, e[27] = $) : $ = e[27];
-  let _;
-  e[28] !== L || e[29] !== O || e[30] !== k || e[31] !== $ ? (_ = /* @__PURE__ */ d(xe, { size: "small", className: k, onClick: L, "aria-label": O, children: $ }), e[28] = L, e[29] = O, e[30] = k, e[31] = $, e[32] = _) : _ = e[32];
-  let G;
-  return e[33] !== O || e[34] !== _ ? (G = /* @__PURE__ */ d(ie, { title: O, children: _ }), e[33] = O, e[34] = _, e[35] = G) : G = e[35], G;
-}
-function eo(t) {
-  return t.setGroupVisibility;
-}
-function to(t) {
-  return t.setVisibility;
-}
-function _e(t) {
-  const e = T(23), {
-    children: o,
-    gate: r,
-    ariaLabel: l,
-    active: i
-  } = t, n = r === void 0 ? !0 : r, a = i === void 0 ? !1 : i, [s, c] = J(null), [p, f] = J(!1), u = De(!1), y = !!s, {
-    labels: h
-  } = W();
-  let g;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = () => c(null), e[0] = g) : g = e[0];
-  const x = g;
-  let b;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (V) => {
-    u.current = V, f(V);
-  }, e[1] = b) : b = e[1];
-  const S = b;
-  let L;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => u.current, e[2] = L) : L = e[2];
-  const C = L;
-  let v;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
-    u.current || x();
-  }, e[3] = v) : v = e[3];
-  const I = v;
-  let w;
-  e[4] !== p ? (w = {
-    busy: p,
-    isBusy: C,
-    setBusy: S,
-    close: x
-  }, e[4] = p, e[5] = w) : w = e[5];
-  const O = w;
-  if (!n || !o)
-    return null;
-  let k;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = (V) => {
-    V.stopPropagation(), c(V.currentTarget);
-  }, e[6] = k) : k = e[6];
-  const $ = k, _ = y || p || a ? "active" : void 0;
-  let G;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ d(Gt, { fontSize: "small" }), e[7] = G) : G = e[7];
-  let m;
-  e[8] !== l || e[9] !== y || e[10] !== _ ? (m = /* @__PURE__ */ d(xe, { size: "small", className: _, onClick: $, "aria-label": l, "aria-haspopup": "menu", "aria-expanded": y, children: G }), e[8] = l, e[9] = y, e[10] = _, e[11] = m) : m = e[11];
-  let P;
-  e[12] !== h.moreOptions || e[13] !== m ? (P = /* @__PURE__ */ d(ie, { title: h.moreOptions, children: m }), e[12] = h.moreOptions, e[13] = m, e[14] = P) : P = e[14];
-  let z;
-  e[15] !== s || e[16] !== o || e[17] !== y ? (z = /* @__PURE__ */ d(Oe, { anchorEl: s, open: y, onClose: I, onClick: I, children: o }), e[15] = s, e[16] = o, e[17] = y, e[18] = z) : z = e[18];
-  let D;
-  return e[19] !== O || e[20] !== P || e[21] !== z ? (D = /* @__PURE__ */ M(qe.Provider, { value: O, children: [
-    P,
-    z
-  ] }), e[19] = O, e[20] = P, e[21] = z, e[22] = D) : D = e[22], D;
-}
-function oo(t) {
-  const e = T(5), {
-    children: o
-  } = t, r = Q(), {
-    labels: l
-  } = W(), i = !!r, n = r?.opacityOpen ?? !1;
-  let a;
-  return e[0] !== o || e[1] !== l.layerOptions || e[2] !== i || e[3] !== n ? (a = /* @__PURE__ */ d(_e, { gate: i, ariaLabel: l.layerOptions, active: n, children: o }), e[0] = o, e[1] = l.layerOptions, e[2] = i, e[3] = n, e[4] = a) : a = e[4], a;
-}
-async function nt(t, e) {
-  if (!t.isBusy()) {
-    t.setBusy(!0);
-    try {
-      await e();
-    } finally {
-      t.setBusy(!1), t.close();
-    }
-  }
-}
-function no(t) {
-  const e = T(13), {
-    onZoomTo: o
-  } = t, r = N(), l = Q(), i = Qe();
-  let n;
-  e[0] !== l ? (n = (g) => l ? g.layers[l.layerId]?.visible ?? !1 : !1, e[0] = l, e[1] = n) : n = e[1];
-  const a = j(r, n), {
-    labels: s
-  } = W();
-  if (!l || !a)
-    return null;
-  const c = i?.busy ?? !1;
-  let p;
-  e[2] !== i || e[3] !== o || e[4] !== l ? (p = (g) => {
-    g.stopPropagation(), i && nt(i, () => o(l.layerId));
-  }, e[2] = i, e[3] = o, e[4] = l, e[5] = p) : p = e[5];
-  const f = p;
-  let u;
-  e[6] !== c ? (u = c && /* @__PURE__ */ d(Ve, { size: 16, sx: {
-    mr: 1
-  } }), e[6] = c, e[7] = u) : u = e[7];
-  const y = c ? s.loading : s.zoomTo;
-  let h;
-  return e[8] !== c || e[9] !== f || e[10] !== u || e[11] !== y ? (h = /* @__PURE__ */ M(q, { disabled: c, onClick: f, children: [
-    u,
-    y
-  ] }), e[8] = c, e[9] = f, e[10] = u, e[11] = y, e[12] = h) : h = e[12], h;
-}
-function lo() {
-  const t = T(6), e = N(), o = Q(), {
-    labels: r
-  } = W();
-  if (!o)
-    return null;
-  let l;
-  t[0] !== e || t[1] !== o.layerId ? (l = () => {
-    const a = X(e).getState(), s = a.layers[o.layerId];
-    if (s)
-      for (const c of re(a, s.groupId))
-        a.setVisibility(c.id, c.id === o.layerId);
-  }, t[0] = e, t[1] = o.layerId, t[2] = l) : l = t[2];
-  const i = l;
-  let n;
-  return t[3] !== r.showOnlyLayer || t[4] !== i ? (n = /* @__PURE__ */ d(q, { onClick: i, children: r.showOnlyLayer }), t[3] = r.showOnlyLayer, t[4] = i, t[5] = n) : n = t[5], n;
-}
-function io() {
-  const t = T(6), e = N(), o = ue(), r = Q(), {
-    labels: l
-  } = W();
-  if (o === null && !r)
-    return null;
-  let i;
-  t[0] !== o || t[1] !== e ? (i = () => {
-    const s = X(e).getState();
-    if (o !== null)
-      s.setGroupVisibility(o, !0);
-    else
-      for (const c of re(s, void 0))
-        s.setVisibility(c.id, !0);
-  }, t[0] = o, t[1] = e, t[2] = i) : i = t[2];
-  const n = i;
-  let a;
-  return t[3] !== l.showAllLayers || t[4] !== n ? (a = /* @__PURE__ */ d(q, { onClick: n, children: l.showAllLayers }), t[3] = l.showAllLayers, t[4] = n, t[5] = a) : a = t[5], a;
-}
-function ro(t) {
-  const e = T(4), {
-    children: o
-  } = t, r = ue(), {
-    labels: l
-  } = W(), i = r !== null;
-  let n;
-  return e[0] !== o || e[1] !== l.groupOptions || e[2] !== i ? (n = /* @__PURE__ */ d(_e, { gate: i, ariaLabel: l.groupOptions, children: o }), e[0] = o, e[1] = l.groupOptions, e[2] = i, e[3] = n) : n = e[3], n;
-}
-function so() {
-  const t = T(6), e = N(), o = ue(), {
-    labels: r
-  } = W();
-  if (o === null)
-    return null;
-  let l;
-  t[0] !== o || t[1] !== e ? (l = () => {
-    const a = X(e).getState();
-    for (const s of ve(a))
-      a.setGroupVisibility(s.id, s.id === o);
-    for (const s of re(a, void 0))
-      a.setVisibility(s.id, !1);
-  }, t[0] = o, t[1] = e, t[2] = l) : l = t[2];
-  const i = l;
-  let n;
-  return t[3] !== r.showOnlyGroup || t[4] !== i ? (n = /* @__PURE__ */ d(q, { onClick: i, children: r.showOnlyGroup }), t[3] = r.showOnlyGroup, t[4] = i, t[5] = n) : n = t[5], n;
-}
-function ao() {
-  const t = T(5), e = N(), o = j(e, Ee), {
-    labels: r
-  } = W();
-  if (!o)
-    return null;
-  let l;
-  t[0] !== e ? (l = () => {
-    const a = X(e).getState();
-    for (const s of ve(a))
-      a.setGroupVisibility(s.id, !0);
-    for (const s of re(a, void 0))
-      a.setVisibility(s.id, !0);
-  }, t[0] = e, t[1] = l) : l = t[1];
-  const i = l;
-  let n;
-  return t[2] !== r.showAllGroups || t[3] !== i ? (n = /* @__PURE__ */ d(q, { onClick: i, children: r.showAllGroups }), t[2] = r.showAllGroups, t[3] = i, t[4] = n) : n = t[4], n;
-}
-function co() {
-  const t = T(5), e = N(), o = j(e, Ee), r = j(e, Ae), {
-    labels: l
-  } = W();
-  if (!o)
-    return null;
-  let i;
-  t[0] !== e ? (i = () => {
-    const c = X(e).getState(), p = Ae(c);
-    for (const f of ve(c))
-      c.setGroupCollapsed(f.id, !p);
-  }, t[0] = e, t[1] = i) : i = t[1];
-  const n = i, a = r ? l.expandAllGroups : l.collapseAllGroups;
-  let s;
-  return t[2] !== a || t[3] !== n ? (s = /* @__PURE__ */ d(q, { onClick: n, children: a }), t[2] = a, t[3] = n, t[4] = s) : s = t[4], s;
-}
-function uo(t) {
-  const e = T(13), {
-    onZoomTo: o
-  } = t, r = N(), l = ue(), i = Qe();
-  let n;
-  e[0] !== l ? (n = (g) => l !== null && $e(g, l) === "hidden", e[0] = l, e[1] = n) : n = e[1];
-  const a = j(r, n), {
-    labels: s
-  } = W();
-  if (l === null || a)
-    return null;
-  const c = i?.busy ?? !1;
-  let p;
-  e[2] !== l || e[3] !== i || e[4] !== o ? (p = (g) => {
-    g.stopPropagation(), i && nt(i, () => o(l));
-  }, e[2] = l, e[3] = i, e[4] = o, e[5] = p) : p = e[5];
-  const f = p;
-  let u;
-  e[6] !== c ? (u = c && /* @__PURE__ */ d(Ve, { size: 16, sx: {
-    mr: 1
-  } }), e[6] = c, e[7] = u) : u = e[7];
-  const y = c ? s.loading : s.zoomToGroup;
-  let h;
-  return e[8] !== c || e[9] !== f || e[10] !== u || e[11] !== y ? (h = /* @__PURE__ */ M(q, { disabled: c, onClick: f, children: [
-    u,
-    y
-  ] }), e[8] = c, e[9] = f, e[10] = u, e[11] = y, e[12] = h) : h = e[12], h;
-}
-function po(t) {
-  const e = T(3), {
-    children: o
-  } = t, {
-    labels: r
-  } = W();
-  let l;
-  return e[0] !== o || e[1] !== r.panelOptions ? (l = /* @__PURE__ */ d(_e, { ariaLabel: r.panelOptions, children: o }), e[0] = o, e[1] = r.panelOptions, e[2] = l) : l = e[2], l;
-}
-const ee = {
-  // Tooltip wrapper around the (possibly disabled) trigger button. A plain
-  // inline span would be sized by the line box and end up taller than the
-  // button inside.
-  triggerWrap: {
-    display: "inline-flex"
-  },
-  paper: {
-    width: 240,
-    maxHeight: 320,
-    // List padding is disabled (flush sticky header); keep a small bottom
-    // inset so the last 32px item doesn't touch the paper edge.
-    paddingBottom: 0.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: t
-    }) => t(0.5, 1.5)
-  },
-  // The whole item is the hide action (keyboard-friendly); the eye is its
-  // visual affordance.
-  item: {
-    minHeight: 32,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 1,
-    padding: ({
-      spacing: t
-    }) => t(0, 1, 0, 1.5)
-  },
-  itemName: {
-    minWidth: 0,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
-  // Design's 18px glyph — decorative (the item itself is the action).
-  eye: {
-    fontSize: 18,
-    color: "action.active",
-    flexShrink: 0
-  },
-  divider: {
-    marginY: 1
-  }
-};
-function fo(t, e) {
-  return He(X(t).getState());
-}
-function ho() {
-  const t = T(33), e = N(), [o, r] = J(null);
-  j(e, mo);
-  const l = fo(e), i = Z(e, yo), {
-    labels: n
-  } = W(), a = l.reduce(go, 0), s = !!o && a > 0;
-  let c;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (G) => r(G.currentTarget), t[0] = c) : c = t[0];
-  const p = c;
-  let f;
-  t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => r(null), t[1] = f) : f = t[1];
-  const u = f, y = s ? "active" : void 0, h = a === 0;
-  let g;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ d(Pt, { fontSize: "small" }), t[2] = g) : g = t[2];
-  let x;
-  t[3] !== n.enabledLayers || t[4] !== s || t[5] !== y || t[6] !== h ? (x = /* @__PURE__ */ d(A, { component: "span", sx: ee.triggerWrap, children: /* @__PURE__ */ d(xe, { size: "small", className: y, disabled: h, onClick: p, "aria-label": n.enabledLayers, "aria-haspopup": "menu", "aria-expanded": s, children: g }) }), t[3] = n.enabledLayers, t[4] = s, t[5] = y, t[6] = h, t[7] = x) : x = t[7];
-  let b;
-  t[8] !== n.toggleEnabledLayers || t[9] !== x ? (b = /* @__PURE__ */ d(ie, { title: n.toggleEnabledLayers, children: x }), t[8] = n.toggleEnabledLayers, t[9] = x, t[10] = b) : b = t[10];
-  const S = Oe;
-  let L;
-  t[11] !== u ? (L = {
-    onExited: u
-  }, t[11] = u, t[12] = L) : L = t[12];
-  let C, v;
-  t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
-    disablePadding: !0
-  }, v = {
-    paper: {
-      sx: ee.paper
-    }
-  }, t[13] = C, t[14] = v) : (C = t[13], v = t[14]);
-  const I = `${n.enabledLayers} (${a})`;
-  let w;
-  t[15] !== I ? (w = /* @__PURE__ */ d(E, { component: "div", variant: "caption", color: "text.primary", sx: ee.stickyHeader, children: I }), t[15] = I, t[16] = w) : w = t[16];
-  let O;
-  t[17] !== n.hideLayer || t[18] !== i ? (O = (G, m) => [m > 0 ? /* @__PURE__ */ d(St, { sx: ee.divider }, `divider-${G.group?.id ?? "ungrouped"}`) : null, G.group ? /* @__PURE__ */ d(E, { variant: "caption", fontWeight: "medium", color: "text.secondary", sx: ee.groupCaption, children: G.group.label }, `caption-${G.group.id}`) : null, ...G.layers.map((P) => /* @__PURE__ */ M(q, { disableRipple: !0, sx: ee.item, onClick: () => i(P.id, !1), children: [
-    /* @__PURE__ */ d(E, { variant: "body2", sx: ee.itemName, children: P.name }),
-    /* @__PURE__ */ d(ie, { title: n.hideLayer, children: /* @__PURE__ */ d(Be, { sx: ee.eye }) })
-  ] }, P.id))], t[17] = n.hideLayer, t[18] = i, t[19] = O) : O = t[19];
-  const k = l.flatMap(O);
-  let $;
-  t[20] !== S || t[21] !== o || t[22] !== u || t[23] !== s || t[24] !== w || t[25] !== k || t[26] !== L || t[27] !== C || t[28] !== v ? ($ = /* @__PURE__ */ M(S, { anchorEl: o, open: s, onClose: u, TransitionProps: L, MenuListProps: C, slotProps: v, children: [
-    w,
-    k
-  ] }), t[20] = S, t[21] = o, t[22] = u, t[23] = s, t[24] = w, t[25] = k, t[26] = L, t[27] = C, t[28] = v, t[29] = $) : $ = t[29];
-  let _;
-  return t[30] !== $ || t[31] !== b ? (_ = /* @__PURE__ */ M(he, { children: [
-    b,
-    $
-  ] }), t[30] = $, t[31] = b, t[32] = _) : _ = t[32], _;
-}
-function go(t, e) {
-  return t + e.layers.length;
-}
-function yo(t) {
-  return t.setVisibility;
-}
-function mo(t) {
-  return He(t).map(bo).join("|");
-}
-function bo(t) {
-  const {
-    group: e,
-    layers: o
-  } = t;
-  return `${e?.id ?? ""}${e?.label ?? ""}:${o.map(vo).join(",")}`;
-}
-function vo(t) {
-  return `${t.id}${t.name}`;
-}
-function xo(t) {
-  const e = T(27), {
-    children: o
-  } = t, r = N(), [l, i] = J(null), n = De(void 0), a = Z(r, Lo);
-  let s;
-  e[0] !== r ? (s = (k, $) => {
-    const _ = de(k), G = de($);
-    return !_ || G?.kind !== _.kind ? !1 : _.kind === "layer" ? X(r).getState().layers[G.id]?.groupId === n.current : !0;
-  }, e[0] = r, e[1] = s) : s = e[1];
-  const c = s;
-  let p;
-  e[2] !== c ? (p = (k, $) => {
-    const {
-      context: _
-    } = $, {
-      active: G,
-      collisionRect: m,
-      droppableRects: P,
-      droppableContainers: z
-    } = _;
-    if (!G || !m || k.code !== "ArrowDown" && k.code !== "ArrowUp")
-      return;
-    k.preventDefault();
-    const D = k.code === "ArrowDown", B = z.getEnabled().filter((R) => R.id !== G.id && c(String(G.id), String(R.id))).flatMap((R) => {
-      const H = P.get(R.id);
-      return H ? [H] : [];
-    }).filter((R) => D ? R.top > m.top : R.top < m.top).sort((R, H) => D ? R.top - H.top : H.top - R.top)[0];
-    return B ? {
-      x: B.left,
-      y: B.top
-    } : void 0;
-  }, e[2] = c, e[3] = p) : p = e[3];
-  const f = p;
-  let u;
-  e[4] !== f ? (u = {
-    coordinateGetter: f
-  }, e[4] = f, e[5] = u) : u = e[5];
-  const y = Et(Me(Ht), Me(Rt, u));
-  let h;
-  e[6] !== c ? (h = (k) => {
-    const $ = k.droppableContainers.filter((_) => c(String(k.active.id), String(_.id)));
-    return Wt({
-      ...k,
-      droppableContainers: $
-    });
-  }, e[6] = c, e[7] = h) : h = e[7];
-  const g = h;
-  let x;
-  e[8] !== r ? (x = (k) => {
-    const $ = String(k.active.id);
-    i($);
-    const _ = de($);
-    n.current = _?.kind === "layer" ? X(r).getState().layers[_.id]?.groupId : void 0;
-  }, e[8] = r, e[9] = x) : x = e[9];
-  const b = x;
-  let S;
-  e[10] !== r ? (S = (k) => {
-    i(null);
-    const {
-      active: $,
-      over: _
-    } = k;
-    if (!_ || $.id === _.id)
-      return;
-    const G = de(String($.id)), m = de(String(_.id));
-    if (!G || G.kind !== m?.kind)
-      return;
-    const P = X(r).getState();
-    if (G.kind === "group") {
-      const R = ve(P).findIndex((H) => H.id === m.id);
-      R !== -1 && P.moveGroup(G.id, R);
-      return;
-    }
-    const z = P.layers[G.id], D = P.layers[m.id];
-    if (!z || !D || z.groupId !== D.groupId)
-      return;
-    const B = re(P, z.groupId).findIndex((R) => R.id === m.id);
-    B !== -1 && P.moveLayer(G.id, B);
-  }, e[10] = r, e[11] = S) : S = e[11];
-  const L = S;
-  let C;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = () => i(null), e[12] = C) : C = e[12];
-  let v;
-  e[13] !== o || e[14] !== a ? (v = /* @__PURE__ */ d(Ne, { items: a, strategy: Fe, children: o }), e[13] = o, e[14] = a, e[15] = v) : v = e[15];
-  let I;
-  e[16] !== l ? (I = l && /* @__PURE__ */ d(Co, { activeId: l }), e[16] = l, e[17] = I) : I = e[17];
-  let w;
-  e[18] !== I ? (w = /* @__PURE__ */ d(Bt, { children: I }), e[18] = I, e[19] = w) : w = e[19];
-  let O;
-  return e[20] !== g || e[21] !== L || e[22] !== b || e[23] !== y || e[24] !== w || e[25] !== v ? (O = /* @__PURE__ */ d(et.Provider, { value: !0, children: /* @__PURE__ */ M(Vt, { sensors: y, collisionDetection: g, onDragStart: b, onDragEnd: L, onDragCancel: C, children: [
-    v,
-    w
-  ] }) }), e[20] = g, e[21] = L, e[22] = b, e[23] = y, e[24] = w, e[25] = v, e[26] = O) : O = e[26], O;
-}
-function Lo(t) {
-  return [...ve(t).map(So), ...re(t, void 0).map(wo)];
-}
-function wo(t) {
-  return Se("layer", t.id);
-}
-function So(t) {
-  return Se("group", t.id);
-}
-function Co(t) {
-  const e = T(15), {
-    activeId: o
-  } = t, r = N();
-  let l;
-  e[0] !== o ? (l = de(o), e[0] = o, e[1] = l) : l = e[1];
-  const i = l;
-  let n;
-  e[2] !== i ? (n = (h) => i ? i.kind === "group" ? h.groups[i.id]?.label : h.layers[i.id]?.name : void 0, e[2] = i, e[3] = n) : n = e[3];
-  const a = j(r, n);
-  let s;
-  e[4] !== i ? (s = (h) => i?.kind === "group" ? h.groups[i.id]?.icon : void 0, e[4] = i, e[5] = s) : s = e[5];
-  const c = j(r, s);
-  if (!i || a === void 0)
-    return null;
-  let p;
-  e[6] !== c || e[7] !== i.kind ? (p = i.kind === "group" && c != null && /* @__PURE__ */ d(A, { sx: le.overlayIcon, children: c }), e[6] = c, e[7] = i.kind, e[8] = p) : p = e[8];
-  const f = i.kind === "group" ? "bold" : void 0;
-  let u;
-  e[9] !== a || e[10] !== f ? (u = /* @__PURE__ */ d(E, { variant: "button", fontWeight: f, color: "text.primary", sx: le.overlayLabel, children: a }), e[9] = a, e[10] = f, e[11] = u) : u = e[11];
-  let y;
-  return e[12] !== p || e[13] !== u ? (y = /* @__PURE__ */ M(A, { sx: le.overlay, children: [
-    p,
-    u
-  ] }), e[12] = p, e[13] = u, e[14] = y) : y = e[14], y;
-}
-const pe = {
-  // Figma "Legend Opacity": a soft rounded bar between the row header and the
-  // body — caption label + ✕ on the first line, slider + % input below.
-  inline: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5,
-    borderRadius: 1
-  },
-  inlineHeader: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  inlineControls: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1.5
-  },
-  slider: {
-    flex: 1
-  },
-  // Wide enough for "100 %" — the value must never ellipsize.
-  input: {
-    width: 72,
-    flexShrink: 0,
-    "& input": {
-      textAlign: "right"
-    }
-  }
-}, ze = (t) => Math.min(100, Math.max(0, Math.round(t)));
-function Io() {
-  const t = T(10), e = N(), o = Q();
-  let r;
-  t[0] !== o ? (r = (p) => o ? p.layers[o.layerId] : void 0, t[0] = o, t[1] = r) : r = t[1];
-  const l = Z(e, r), i = Z(e, ko), {
-    labels: n
-  } = W();
-  if (!o || !l?.visible || !l.opacityControl)
-    return null;
-  let a;
-  t[2] !== l || t[3] !== o || t[4] !== i ? (a = () => {
-    const p = !o.opacityOpen;
-    o.setOpacityOpen(p), p && l.collapsed && i(o.layerId, !1);
-  }, t[2] = l, t[3] = o, t[4] = i, t[5] = a) : a = t[5];
-  const s = a;
-  let c;
-  return t[6] !== n.opacity || t[7] !== o.opacityOpen || t[8] !== s ? (c = /* @__PURE__ */ d(q, { selected: o.opacityOpen, onClick: s, children: n.opacity }), t[6] = n.opacity, t[7] = o.opacityOpen, t[8] = s, t[9] = c) : c = t[9], c;
-}
-function ko(t) {
-  return t.setCollapsed;
-}
-function $o() {
-  const t = T(47), e = N(), o = Q(), r = o?.layerId;
-  let l;
-  t[0] !== r ? (l = (H) => r ? H.layers[r]?.opacity ?? 1 : 1, t[0] = r, t[1] = l) : l = t[1];
-  const i = j(e, l), n = j(e, _o), {
-    labels: a
-  } = W(), [s, c] = J(null), [p, f] = J(null);
-  if (!o || !r || !o.opacityOpen)
-    return null;
-  let u;
-  t[2] !== s || t[3] !== i ? (u = s ?? ze(i * 100), t[2] = s, t[3] = i, t[4] = u) : u = t[4];
-  const y = u;
-  let h;
-  t[5] !== r || t[6] !== n ? (h = (H) => {
-    const U = ze(H);
-    return n(r, U / 100), U;
-  }, t[5] = r, t[6] = n, t[7] = h) : h = t[7];
-  const g = h;
-  let x;
-  t[8] !== g ? (x = (H) => {
-    if (f(H), H.trim() === "")
-      return;
-    const U = Number(H);
-    if (!Number.isFinite(U))
-      return;
-    const se = g(U);
-    se !== U && f(String(se));
-  }, t[8] = g, t[9] = x) : x = t[9];
-  const b = x;
-  let S;
-  t[10] !== o ? (S = () => {
-    o.setOpacityOpen(!1), f(null), c(null);
-  }, t[10] = o, t[11] = S) : S = t[11];
-  const L = S;
-  let C;
-  t[12] !== a.opacity ? (C = /* @__PURE__ */ d(E, { variant: "caption", fontWeight: "medium", color: "text.primary", children: a.opacity }), t[12] = a.opacity, t[13] = C) : C = t[13];
-  let v;
-  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ d(At, { fontSize: "small" }), t[14] = v) : v = t[14];
-  let I;
-  t[15] !== L || t[16] !== a.close ? (I = /* @__PURE__ */ d(xe, { size: "small", onClick: L, "aria-label": a.close, children: v }), t[15] = L, t[16] = a.close, t[17] = I) : I = t[17];
-  let w;
-  t[18] !== a.close || t[19] !== I ? (w = /* @__PURE__ */ d(ie, { title: a.close, children: I }), t[18] = a.close, t[19] = I, t[20] = w) : w = t[20];
-  let O;
-  t[21] !== C || t[22] !== w ? (O = /* @__PURE__ */ M(A, { sx: pe.inlineHeader, children: [
-    C,
-    w
-  ] }), t[21] = C, t[22] = w, t[23] = O) : O = t[23];
-  let k;
-  t[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = (H, U) => {
-    c(U), f(null);
-  }, t[24] = k) : k = t[24];
-  let $;
-  t[25] !== g ? ($ = (H, U) => {
-    g(U), c(null);
-  }, t[25] = g, t[26] = $) : $ = t[26];
-  let _;
-  t[27] !== a.opacity || t[28] !== y || t[29] !== $ ? (_ = /* @__PURE__ */ d(Ct, { size: "small", min: 0, max: 100, step: 1, value: y, onChange: k, onChangeCommitted: $, "aria-label": a.opacity, sx: pe.slider }), t[27] = a.opacity, t[28] = y, t[29] = $, t[30] = _) : _ = t[30];
-  const G = p ?? String(y);
-  let m;
-  t[31] !== b ? (m = (H) => b(H.target.value), t[31] = b, t[32] = m) : m = t[32];
-  let P;
-  t[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = () => f(null), t[33] = P) : P = t[33];
-  let z;
-  t[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ d(It, { position: "end", children: "%" }), t[34] = z) : z = t[34];
-  let D;
-  t[35] !== a.opacity ? (D = {
-    inputMode: "numeric",
-    "aria-label": a.opacity
-  }, t[35] = a.opacity, t[36] = D) : D = t[36];
-  let V;
-  t[37] !== G || t[38] !== m || t[39] !== D ? (V = /* @__PURE__ */ d(kt, { size: "small", value: G, onChange: m, onBlur: P, onKeyDown: Oo, endAdornment: z, inputProps: D, sx: pe.input }), t[37] = G, t[38] = m, t[39] = D, t[40] = V) : V = t[40];
-  let B;
-  t[41] !== _ || t[42] !== V ? (B = /* @__PURE__ */ M(A, { sx: pe.inlineControls, children: [
-    _,
-    V
-  ] }), t[41] = _, t[42] = V, t[43] = B) : B = t[43];
-  let R;
-  return t[44] !== B || t[45] !== O ? (R = /* @__PURE__ */ M(A, { sx: pe.inline, children: [
-    O,
-    B
-  ] }), t[44] = B, t[45] = O, t[46] = R) : R = t[46], R;
-}
-function Oo(t) {
-  t.key === "Enter" && t.target.blur();
-}
-function _o(t) {
-  return t.setOpacity;
-}
-const Go = {
-  Item: Io,
-  Inline: $o
-}, ne = {
-  // Outlined-input look-alike trigger (the design's select has no floating
-  // label — just the value + chevron in a 32px bordered field).
-  trigger: {
-    width: "100%",
-    minHeight: 32,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 1,
-    padding: ({
-      spacing: t
-    }) => t(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: t
-    }) => t.create("transform")
-  },
-  chevronOpen: {
-    transform: "rotate(180deg)"
-  },
-  sectionTitle: {
-    padding: ({
-      spacing: t
-    }) => t(1, 2, 0.5, 2),
-    lineHeight: 1.5
-  },
-  // Figma: the active option reads as primary-colored text, no background.
-  option: {
-    "&.Mui-selected, &.Mui-selected:hover": {
-      backgroundColor: "transparent",
-      color: "primary.main"
-    }
-  }
-};
-function Po() {
-  const t = T(34), e = N(), r = Q()?.layerId;
-  let l;
-  t[0] !== r ? (l = (O) => r ? O.layers[r]?.sections : void 0, t[0] = r, t[1] = l) : l = t[1];
-  const i = Z(e, l), n = Z(e, Ao), {
-    labels: a
-  } = W(), [s, c] = J(null), p = !!s;
-  if (!r || !i || i.length === 0)
-    return null;
-  const f = i[0].active, u = i.length > 1;
-  let y;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (O) => c(O.currentTarget), t[2] = y) : y = t[2];
-  let h;
-  t[3] !== f ? (h = /* @__PURE__ */ d(E, { variant: "body2", sx: ne.value, children: f }), t[3] = f, t[4] = h) : h = t[4];
-  let g;
-  t[5] !== p ? (g = p ? {
-    ...ne.chevron,
-    ...ne.chevronOpen
-  } : ne.chevron, t[5] = p, t[6] = g) : g = t[6];
-  let x;
-  t[7] !== g ? (x = /* @__PURE__ */ d(Mt, { fontSize: "small", sx: g }), t[7] = g, t[8] = x) : x = t[8];
-  let b;
-  t[9] !== a.attribute || t[10] !== p || t[11] !== h || t[12] !== x ? (b = /* @__PURE__ */ M($t, { sx: ne.trigger, onClick: y, "aria-label": a.attribute, "aria-haspopup": "listbox", "aria-expanded": p, children: [
-    h,
-    x
-  ] }), t[9] = a.attribute, t[10] = p, t[11] = h, t[12] = x, t[13] = b) : b = t[13];
-  let S;
-  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = () => c(null), t[14] = S) : S = t[14];
-  const L = s?.clientWidth;
-  let C;
-  t[15] !== L ? (C = {
-    paper: {
-      sx: {
-        width: L
-      }
-    }
-  }, t[15] = L, t[16] = C) : C = t[16];
-  let v;
-  if (t[17] !== r || t[18] !== i || t[19] !== n || t[20] !== u) {
-    let O;
-    t[22] !== r || t[23] !== n || t[24] !== u ? (O = (k) => [u && k.title ? /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", component: "li", sx: ne.sectionTitle, children: k.title }, `${k.id}-title`) : null, ...k.options.map(($) => /* @__PURE__ */ d(q, { selected: $ === k.active, sx: ne.option, onClick: () => {
-      n(r, k.id, $), c(null);
-    }, children: $ }, `${k.id}-${$}`))], t[22] = r, t[23] = n, t[24] = u, t[25] = O) : O = t[25], v = i.map(O), t[17] = r, t[18] = i, t[19] = n, t[20] = u, t[21] = v;
-  } else
-    v = t[21];
-  let I;
-  t[26] !== s || t[27] !== p || t[28] !== C || t[29] !== v ? (I = /* @__PURE__ */ d(Oe, { anchorEl: s, open: p, onClose: S, slotProps: C, children: v }), t[26] = s, t[27] = p, t[28] = C, t[29] = v, t[30] = I) : I = t[30];
-  let w;
-  return t[31] !== I || t[32] !== b ? (w = /* @__PURE__ */ M(he, { children: [
-    b,
-    I
-  ] }), t[31] = I, t[32] = b, t[33] = w) : w = t[33], w;
-}
-function Ao(t) {
-  return t.setSectionValue;
-}
-const te = {
-  list: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5,
-    // Values are hidden until the legend content is hovered (or keyboard-
-    // focused). On hover-incapable (touch) devices they're always visible —
-    // tap-:hover is unreliable on non-interactive elements.
-    "&:hover .PsLegend-value, &:focus-within .PsLegend-value": {
-      opacity: 1
-    },
-    "@media (hover: none)": {
-      "& .PsLegend-value": {
-        opacity: 1
-      }
-    }
-  },
-  item: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1
-  },
-  // Fixed-width gutter so labels stay column-aligned regardless of swatch
-  // shape or per-item size; the swatch is centered within it.
-  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"
-  },
-  // ─── Horizontal orientation modifiers (spread over the vertical base) ───
-  // Items flow left-to-right and wrap; each is a compact swatch+label pair.
-  listHorizontal: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    columnGap: 2,
-    rowGap: 0.5
-  },
-  // No fixed gutter — the swatch sits at its natural size next to the label.
-  itemHorizontal: {
-    gap: 0.5
-  },
-  // Each chip sizes to its content (no flex-grow / ellipsis).
-  labelHorizontal: {
-    flex: "0 0 auto",
-    overflow: "visible",
-    textOverflow: "clip"
-  }
-}, Ge = 12, ye = 1.5, lt = 2, Mo = 1;
-function zo(t) {
-  switch (t) {
-    case "dashed":
-      return {
-        dash: "3 2"
-      };
-    case "dotted":
-      return {
-        dash: `0.1 ${ye * 2}`,
-        round: !0
-      };
-    // `dash-dot` is line-only and `corners` is handled separately: both
-    // degrade to a solid border here.
-    default:
-      return {};
-  }
-}
-function To(t) {
-  switch (t) {
-    case "dashed":
-      return {
-        dash: "4 3"
-      };
-    case "dotted":
-      return {
-        dash: `0.1 ${lt * 2}`,
-        round: !0
-      };
-    case "dash-dot":
-      return {
-        dash: "5 2 0.1 2",
-        round: !0
-      };
-    // `corners` is square-only → solid line.
-    default:
-      return {};
-  }
-}
-function Do(t, e) {
-  const o = (r) => /* @__PURE__ */ d("path", { d: r, stroke: e, strokeWidth: 1.2, fill: "none" });
-  switch (t) {
-    case "horizontal":
-      return {
-        size: 4,
-        content: o("M0 2 H4")
-      };
-    case "vertical":
-      return {
-        size: 4,
-        content: o("M2 0 V4")
-      };
-    case "diagonal":
-      return {
-        size: 4,
-        content: o("M0 4 L4 0 M-1 1 L1 -1 M3 5 L5 3")
-      };
-    case "diagonal-alt":
-      return {
-        size: 4,
-        content: o("M0 0 L4 4 M-1 3 L1 5 M3 -1 L5 1")
-      };
-    case "cross":
-      return {
-        size: 4,
-        content: o("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__ */ d("circle", { cx: 2, cy: 2, r: 0.9, fill: e })
-      };
-    case "grid":
-      return {
-        size: 3,
-        content: /* @__PURE__ */ d("circle", { cx: 1.5, cy: 1.5, r: 0.7, fill: e })
-      };
-    default:
-      return null;
-  }
-}
-function it(t) {
-  const e = T(46), {
-    shape: o,
-    color: r,
-    isStrokeColor: l,
-    fillPattern: i,
-    strokeStyle: n,
-    size: a
-  } = t, s = o === void 0 ? "circle" : o, c = l === void 0 ? !1 : l, p = i === void 0 ? "solid" : i, f = n === void 0 ? "solid" : n, u = a === void 0 ? Ge : a, y = ht();
-  if (s === "line") {
-    let V;
-    e[0] !== f ? (V = To(f), e[0] = f, e[1] = V) : V = e[1];
-    const {
-      dash: B,
-      round: R
-    } = V, H = `0 0 ${u} ${u}`;
-    let U;
-    e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
-      display: "block",
-      overflow: "visible"
-    }, e[2] = U) : U = e[2];
-    const se = u / 2, Ce = u / 2, Ie = R ? "round" : "butt";
-    let ae;
-    e[3] !== r || e[4] !== B || e[5] !== u || e[6] !== Ce || e[7] !== Ie || e[8] !== se ? (ae = /* @__PURE__ */ d("line", { x1: 0, y1: se, x2: u, y2: Ce, stroke: r, strokeWidth: lt, strokeDasharray: B, strokeLinecap: Ie }), e[3] = r, e[4] = B, e[5] = u, e[6] = Ce, e[7] = Ie, e[8] = se, e[9] = ae) : ae = e[9];
-    let Le;
-    return e[10] !== u || e[11] !== ae || e[12] !== H ? (Le = /* @__PURE__ */ d("svg", { width: u, height: u, viewBox: H, "aria-hidden": !0, "data-shape": "line", style: U, children: ae }), e[10] = u, e[11] = ae, e[12] = H, e[13] = Le) : Le = e[13], Le;
-  }
-  const h = c ? ye / 2 : 0, g = !c && p !== "solid";
-  let x;
-  e[14] !== r || e[15] !== p || e[16] !== g ? (x = g ? Do(p, r) : null, e[14] = r, e[15] = p, e[16] = g, e[17] = x) : x = e[17];
-  const b = x, S = c && f === "corners" && s === "square";
-  let L;
-  e[18] !== c || e[19] !== f ? (L = c ? zo(f) : {
-    dash: void 0,
-    round: !1
-  }, e[18] = c, e[19] = f, e[20] = L) : L = e[20];
-  const {
-    dash: C,
-    round: v
-  } = L, I = c ? ye : Mo, w = c ? C : void 0, O = v ? "round" : "butt";
-  let k;
-  e[21] !== r || e[22] !== O || e[23] !== I || e[24] !== w ? (k = {
-    stroke: r,
-    strokeWidth: I,
-    strokeDasharray: w,
-    strokeLinecap: O
-  }, e[21] = r, e[22] = O, e[23] = I, e[24] = w, e[25] = k) : k = e[25];
-  const $ = k, _ = c ? "none" : g ? `url(#${y})` : r, G = `0 0 ${u} ${u}`;
-  let m;
-  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    display: "block"
-  }, e[26] = m) : m = e[26];
-  let P;
-  e[27] !== y || e[28] !== b ? (P = b && /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("pattern", { id: y, patternUnits: "userSpaceOnUse", width: b.size, height: b.size, children: b.content }) }), e[27] = y, e[28] = b, e[29] = P) : P = e[29];
-  let z;
-  e[30] !== r || e[31] !== $ || e[32] !== _ || e[33] !== h || e[34] !== S || e[35] !== c || e[36] !== s || e[37] !== u || e[38] !== g ? (z = S ? /* @__PURE__ */ d(Eo, { size: u, color: r }) : s === "circle" ? /* @__PURE__ */ d("circle", { cx: u / 2, cy: u / 2, r: u / 2 - h, fill: _, ...$, stroke: c || g ? r : "none" }) : /* @__PURE__ */ d("rect", { x: h, y: h, width: u - h * 2, height: u - h * 2, fill: _, ...$, stroke: c || g ? r : "none" }), e[30] = r, e[31] = $, e[32] = _, e[33] = h, e[34] = S, e[35] = c, e[36] = s, e[37] = u, e[38] = g, e[39] = z) : z = e[39];
-  let D;
-  return e[40] !== s || e[41] !== u || e[42] !== G || e[43] !== P || e[44] !== z ? (D = /* @__PURE__ */ M("svg", { width: u, height: u, viewBox: G, "aria-hidden": !0, "data-shape": s, style: m, children: [
-    P,
-    z
-  ] }), e[40] = s, e[41] = u, e[42] = G, e[43] = P, e[44] = z, e[45] = D) : D = e[45], D;
-}
-function Eo(t) {
-  const e = T(19), {
-    size: o,
-    color: r
-  } = t, l = Math.max(2, o * 0.3), i = ye / 2, n = o - i;
-  let a;
-  e[0] !== r ? (a = {
-    stroke: r,
-    strokeWidth: ye,
-    fill: "none"
-  }, e[0] = r, e[1] = a) : a = e[1];
-  const s = a, c = `M${i} ${i + l} V${i} H${i + l}`;
-  let p;
-  e[2] !== s || e[3] !== c ? (p = /* @__PURE__ */ d("path", { d: c, ...s }), e[2] = s, e[3] = c, e[4] = p) : p = e[4];
-  const f = `M${n - l} ${i} H${n} V${i + l}`;
-  let u;
-  e[5] !== s || e[6] !== f ? (u = /* @__PURE__ */ d("path", { d: f, ...s }), e[5] = s, e[6] = f, e[7] = u) : u = e[7];
-  const y = `M${n} ${n - l} V${n} H${n - l}`;
-  let h;
-  e[8] !== s || e[9] !== y ? (h = /* @__PURE__ */ d("path", { d: y, ...s }), e[8] = s, e[9] = y, e[10] = h) : h = e[10];
-  const g = `M${i + l} ${n} H${i} V${n - l}`;
-  let x;
-  e[11] !== s || e[12] !== g ? (x = /* @__PURE__ */ d("path", { d: g, ...s }), e[11] = s, e[12] = g, e[13] = x) : x = e[13];
-  let b;
-  return e[14] !== p || e[15] !== u || e[16] !== h || e[17] !== x ? (b = /* @__PURE__ */ M(he, { children: [
-    p,
-    u,
-    h,
-    x
-  ] }), e[14] = p, e[15] = u, e[16] = h, e[17] = x, e[18] = b) : b = e[18], b;
-}
-const Ho = 16;
-function rt(t) {
-  const e = T(23), {
-    data: o
-  } = t, {
-    items: r,
-    shape: l,
-    isStrokeColor: i,
-    fillPattern: n,
-    strokeStyle: a,
-    orientation: s
-  } = o, c = l === void 0 ? "circle" : l, p = i === void 0 ? !1 : i, f = n === void 0 ? "solid" : n, u = a === void 0 ? "solid" : a, y = s === void 0 ? "vertical" : s, h = y === "horizontal";
-  let g;
-  e[0] !== r ? (g = r.reduce(Ro, 0), e[0] = r, e[1] = g) : g = e[1];
-  const b = Math.max(Ho, g), S = h ? te.listHorizontal : null;
-  let L;
-  e[2] !== S ? (L = {
-    ...te.list,
-    ...S
-  }, e[2] = S, e[3] = L) : L = e[3];
-  let C;
-  if (e[4] !== f || e[5] !== b || e[6] !== h || e[7] !== p || e[8] !== r || e[9] !== c || e[10] !== u) {
-    let I;
-    e[12] !== f || e[13] !== b || e[14] !== h || e[15] !== p || e[16] !== c || e[17] !== u ? (I = (w, O) => /* @__PURE__ */ M(A, { sx: {
-      ...te.item,
-      ...h ? te.itemHorizontal : null
-    }, children: [
-      /* @__PURE__ */ d(A, { sx: {
-        ...te.gutter,
-        width: h ? void 0 : b
-      }, children: /* @__PURE__ */ d(it, { shape: w.shape ?? c, color: w.color, isStrokeColor: w.isStrokeColor ?? p, fillPattern: w.fillPattern ?? f, strokeStyle: w.strokeStyle ?? u, size: w.size ?? Ge }) }),
-      /* @__PURE__ */ d(E, { variant: "caption", color: "text.primary", sx: {
-        ...te.label,
-        ...h ? te.labelHorizontal : null
-      }, children: w.label }),
-      w.value != null && /* @__PURE__ */ d(E, { className: "PsLegend-value", variant: "caption", color: "text.secondary", sx: te.value, children: w.value })
-    ] }, `${w.label}-${O}`), e[12] = f, e[13] = b, e[14] = h, e[15] = p, e[16] = c, e[17] = u, e[18] = I) : I = e[18], C = r.map(I), e[4] = f, e[5] = b, e[6] = h, e[7] = p, e[8] = r, e[9] = c, e[10] = u, e[11] = C;
-  } else
-    C = e[11];
-  let v;
-  return e[19] !== y || e[20] !== L || e[21] !== C ? (v = /* @__PURE__ */ d(A, { "data-orientation": y, sx: L, children: C }), e[19] = y, e[20] = L, e[21] = C, e[22] = v) : v = e[22], v;
-}
-function Ro(t, e) {
-  return Math.max(t, e.size ?? Ge);
-}
-const K = {
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5
-  },
-  attribute: {
-    display: "flex",
-    flexDirection: "column"
-  },
-  // Inline error shown when a discrete ramp's stop count is incoherent.
-  error: {
-    display: "flex",
-    alignItems: "center",
-    gap: 0.5,
-    color: "error.main"
-  },
-  // Positioning context for the avg marker; the inner bar keeps its rounded
-  // clip while the line is free to overflow vertically.
-  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
-  },
-  // Boundary mode: labels absolutely positioned so each centers on the line
-  // between adjacent color steps. The outer two clamp inside the bar's width
-  // (first left-aligned, last right-aligned) so nothing overflows the row.
-  // `left`/`transform` are applied inline per label in the renderer.
-  boundaryLabels: {
-    position: "relative",
-    height: 16
-  },
-  boundaryLabel: {
-    position: "absolute",
-    top: 0,
-    whiteSpace: "nowrap"
-  }
+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 }
 };
-function Vo(t) {
-  const {
-    avg: e,
-    stops: o
-  } = t;
-  if (e == null || o.length < 2) return null;
-  const r = o[0].value, l = o[o.length - 1].value;
-  if (r === l) return null;
-  const i = (e - r) / (l - r) * 100;
-  return Math.min(100, Math.max(0, i));
-}
-function st(t) {
-  const e = T(40), {
-    data: o,
-    labels: r
-  } = t, l = r === void 0 ? ge : r, {
-    colors: i,
-    stops: n,
-    isContinuous: a,
-    attribute: s,
-    formatValue: c
-  } = o, p = c === void 0 ? String : c;
-  let f;
-  e[0] !== o ? (f = Vo(o), e[0] = o, e[1] = f) : f = e[1];
-  const u = f, y = n[0], h = n[n.length - 1];
-  let g;
-  e[2] !== i ? (g = i.join(", "), e[2] = i, e[3] = g) : g = e[3];
-  const x = `linear-gradient(90deg, ${g})`, b = !a && n.length === i.length + 1, S = !a && !b;
-  let L;
-  e[4] !== n ? (L = (m) => `${n[m]?.label ?? ""} – ${n[m + 1]?.label ?? ""}`, e[4] = n, e[5] = L) : L = e[5];
-  const C = L;
-  let v;
-  e[6] !== s || e[7] !== l ? (v = s && /* @__PURE__ */ M(A, { sx: K.attribute, children: [
-    /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", children: l.colorBasedOn }),
-    /* @__PURE__ */ d(E, { variant: "caption", color: "text.primary", children: s })
-  ] }), e[6] = s, e[7] = l, e[8] = v) : v = e[8];
-  const I = v;
-  if (S) {
-    let m;
-    e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ d(zt, { fontSize: "small" }), e[9] = m) : m = e[9];
-    const P = `Discrete ramp needs ${i.length + 1} stops (one per color boundary) but got ${n.length}.`;
-    let z;
-    e[10] !== P ? (z = /* @__PURE__ */ M(A, { sx: K.error, children: [
-      m,
-      /* @__PURE__ */ d(E, { variant: "caption", color: "error", children: P })
-    ] }), e[10] = P, e[11] = z) : z = e[11];
-    let D;
-    return e[12] !== I || e[13] !== z ? (D = /* @__PURE__ */ M(A, { sx: K.container, children: [
-      I,
-      z
-    ] }), e[12] = I, e[13] = z, e[14] = D) : D = e[14], D;
-  }
-  let w;
-  e[15] !== i || e[16] !== x || e[17] !== a || e[18] !== l || e[19] !== C ? (w = a ? /* @__PURE__ */ d(A, { role: "img", "aria-label": l.colorGradient, sx: {
-    width: "100%",
-    height: "100%",
-    background: x
-  } }) : i.map((m, P) => /* @__PURE__ */ d(A, { role: "img", "aria-label": C(P), sx: {
-    ...K.step,
-    backgroundColor: m
-  } }, P)), e[15] = i, e[16] = x, e[17] = a, e[18] = l, e[19] = C, e[20] = w) : w = e[20];
-  let O;
-  e[21] !== w ? (O = /* @__PURE__ */ d(A, { sx: K.bar, children: w }), e[21] = w, e[22] = O) : O = e[22];
-  let k;
-  e[23] !== u || e[24] !== o.avg || e[25] !== p ? (k = u != null && o.avg != null && /* @__PURE__ */ d(ie, { title: p(o.avg), placement: "top", arrow: !0, children: /* @__PURE__ */ d(A, { sx: K.avgLine, style: {
-    left: `${u}%`
-  } }) }), e[23] = u, e[24] = o.avg, e[25] = p, e[26] = k) : k = e[26];
-  let $;
-  e[27] !== O || e[28] !== k ? ($ = /* @__PURE__ */ M(A, { sx: K.barWrap, children: [
-    O,
-    k
-  ] }), e[27] = O, e[28] = k, e[29] = $) : $ = e[29];
-  let _;
-  e[30] !== i.length || e[31] !== y?.label || e[32] !== b || e[33] !== h?.label || e[34] !== n ? (_ = b ? /* @__PURE__ */ d(A, { sx: K.boundaryLabels, children: n.map((m, P) => {
-    const z = P === n.length - 1, D = P === 0 ? void 0 : z ? "translateX(-100%)" : "translateX(-50%)";
-    return /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", sx: K.boundaryLabel, style: {
-      left: `${P / i.length * 100}%`,
-      transform: D
-    }, children: m.label }, `${m.label}-${P}`);
-  }) }) : /* @__PURE__ */ M(A, { sx: K.labels, children: [
-    /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", children: y?.label }),
-    /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", children: h?.label })
-  ] }), e[30] = i.length, e[31] = y?.label, e[32] = b, e[33] = h?.label, e[34] = n, e[35] = _) : _ = e[35];
-  let G;
-  return e[36] !== I || e[37] !== $ || e[38] !== _ ? (G = /* @__PURE__ */ M(A, { sx: K.container, children: [
-    I,
-    $,
-    _
-  ] }), e[36] = I, e[37] = $, e[38] = _, e[39] = G) : G = e[39], G;
-}
-const ce = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1
-  },
-  attribute: {
-    display: "flex",
-    flexDirection: "column"
-  },
-  body: {
-    display: "flex",
-    alignItems: "flex-end",
-    gap: 2,
-    paddingTop: 0.5
-  },
-  circles: {
-    position: "relative",
-    flexShrink: 0
-  },
-  // All circles share the bottom and right edges (anchored bottom-right), so
-  // they nest along the diagonal — largest fanning up-left, smallest in the
-  // bottom-right. Every circle has the SAME opaque fill, so overlaps don't
-  // compound (uniform colour) while the borders still read as nested rings.
-  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"
-  }
-}, fe = 72, Wo = 0.3, Te = 2, ke = 4;
-function Bo(t) {
-  const e = (t.stops ?? []).filter((i) => Number.isFinite(i));
-  if (e.length >= Te)
-    return e.sort((i, n) => n - i).slice(0, ke);
-  const {
-    min: o,
-    max: r
-  } = t;
-  if (o === r) return [r];
-  const l = Math.min(ke, Math.max(Te, t.steps ?? ke));
-  return Array.from({
-    length: l
-  }, (i, n) => r - (r - o) * n / (l - 1));
-}
-function No(t, e) {
-  if (e <= 1) return fe;
-  const o = 1 - (1 - Wo) * (t / (e - 1));
-  return fe * o;
-}
-function at(t) {
-  const e = T(40), {
-    data: o,
-    labels: r
-  } = t, l = r === void 0 ? ge : r, {
-    attribute: i,
-    formatValue: n
-  } = o, a = n === void 0 ? String : n;
-  let s, c, p, f, u, y, h, g, x;
-  if (e[0] !== i || e[1] !== o || e[2] !== a || e[3] !== l) {
-    const C = Bo(o), v = C.length;
-    let I;
-    e[13] !== a || e[14] !== l || e[15] !== v ? (I = (_, G) => {
-      const m = a(_);
-      return v <= 1 ? m : G === 0 ? /* @__PURE__ */ M(he, { children: [
-        l.maxPrefix,
-        m
-      ] }) : G === v - 1 ? /* @__PURE__ */ M(he, { children: [
-        l.minPrefix,
-        m
-      ] }) : m;
-    }, e[13] = a, e[14] = l, e[15] = v, e[16] = I) : I = e[16];
-    const w = I;
-    p = A, g = ce.root, e[17] !== i || e[18] !== l ? (x = i && /* @__PURE__ */ M(A, { sx: ce.attribute, children: [
-      /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", children: l.radiusRangeBy }),
-      /* @__PURE__ */ d(E, { variant: "caption", color: "text.primary", children: i })
-    ] }), e[17] = i, e[18] = l, e[19] = x) : x = e[19], c = A, y = ce.body;
-    let O;
-    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = {
-      ...ce.circles,
-      width: fe,
-      height: fe
-    }, e[20] = O) : O = e[20];
-    let k;
-    e[21] !== v ? (k = (_, G) => {
-      const m = No(G, v);
-      return /* @__PURE__ */ d(A, { "aria-hidden": !0, sx: {
-        ...ce.circle,
-        width: m,
-        height: m
-      } }, G);
-    }, e[21] = v, e[22] = k) : k = e[22], h = /* @__PURE__ */ d(A, { sx: O, children: C.map(k) }), s = A, e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-      ...ce.labels,
-      height: fe
-    }, e[23] = f) : f = e[23];
-    let $;
-    e[24] !== w ? ($ = (_, G) => /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: w(_, G) }, G), e[24] = w, e[25] = $) : $ = e[25], u = C.map($), e[0] = i, e[1] = o, e[2] = a, e[3] = l, e[4] = s, e[5] = c, e[6] = p, e[7] = f, e[8] = u, e[9] = y, e[10] = h, e[11] = g, e[12] = x;
-  } else
-    s = e[4], c = e[5], p = e[6], f = e[7], u = e[8], y = e[9], h = e[10], g = e[11], x = e[12];
-  let b;
-  e[26] !== s || e[27] !== f || e[28] !== u ? (b = /* @__PURE__ */ d(s, { sx: f, children: u }), e[26] = s, e[27] = f, e[28] = u, e[29] = b) : b = e[29];
-  let S;
-  e[30] !== c || e[31] !== y || e[32] !== h || e[33] !== b ? (S = /* @__PURE__ */ M(c, { sx: y, children: [
-    h,
-    b
-  ] }), e[30] = c, e[31] = y, e[32] = h, e[33] = b, e[34] = S) : S = e[34];
-  let L;
-  return e[35] !== p || e[36] !== S || e[37] !== g || e[38] !== x ? (L = /* @__PURE__ */ M(p, { sx: g, children: [
-    x,
-    S
-  ] }), e[35] = p, e[36] = S, e[37] = g, e[38] = x, e[39] = L) : L = e[39], L;
-}
-const oe = {
-  list: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5,
-    // Values are hidden until the legend content is hovered (or keyboard-
-    // focused). On hover-incapable (touch) devices they're always visible —
-    // tap-:hover is unreliable on non-interactive elements.
-    "&: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"
-  },
-  // ─── Horizontal orientation modifiers (spread over the vertical base) ───
-  listHorizontal: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    columnGap: 2,
-    rowGap: 0.5
-  },
-  itemHorizontal: {
-    gap: 0.5
-  },
-  labelHorizontal: {
-    flex: "0 0 auto",
-    overflow: "visible",
-    textOverflow: "clip"
-  }
+//#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"
+	} }
 };
-function ct(t) {
-  const e = T(11), {
-    data: o
-  } = t, r = o.orientation ?? "vertical", l = r === "horizontal", i = l ? oe.listHorizontal : null;
-  let n;
-  e[0] !== i ? (n = {
-    ...oe.list,
-    ...i
-  }, e[0] = i, e[1] = n) : n = e[1];
-  let a;
-  if (e[2] !== o.items || e[3] !== l) {
-    let c;
-    e[5] !== l ? (c = (p, f) => /* @__PURE__ */ M(A, { sx: {
-      ...oe.item,
-      ...l ? oe.itemHorizontal : null
-    }, children: [
-      /* @__PURE__ */ d(A, { component: "img", src: p.icon, alt: "", sx: oe.icon }),
-      /* @__PURE__ */ d(E, { variant: "caption", color: "text.primary", sx: {
-        ...oe.label,
-        ...l ? oe.labelHorizontal : null
-      }, children: p.label }),
-      p.value != null && /* @__PURE__ */ d(E, { className: "PsLegend-value", variant: "caption", color: "text.secondary", sx: oe.value, children: p.value })
-    ] }, `${p.label}-${f}`), e[5] = l, e[6] = c) : c = e[6], a = o.items.map(c), e[2] = o.items, e[3] = l, e[4] = a;
-  } else
-    a = e[4];
-  let s;
-  return e[7] !== r || e[8] !== n || e[9] !== a ? (s = /* @__PURE__ */ d(A, { "data-orientation": r, sx: n, children: a }), e[7] = r, e[8] = n, e[9] = a, e[10] = s) : s = e[10], s;
-}
-function dt(t) {
-  const e = T(10), {
-    data: o,
-    labels: r
-  } = t;
-  switch (o.type) {
-    case "category": {
-      let l;
-      return e[0] !== o ? (l = /* @__PURE__ */ d(rt, { data: o }), e[0] = o, e[1] = l) : l = e[1], l;
-    }
-    case "ramp": {
-      let l;
-      return e[2] !== o || e[3] !== r ? (l = /* @__PURE__ */ d(st, { data: o, labels: r }), e[2] = o, e[3] = r, e[4] = l) : l = e[4], l;
-    }
-    case "proportion": {
-      let l;
-      return e[5] !== o || e[6] !== r ? (l = /* @__PURE__ */ d(at, { data: o, labels: r }), e[5] = o, e[6] = r, e[7] = l) : l = e[7], l;
-    }
-    case "icon": {
-      let l;
-      return e[8] !== o ? (l = /* @__PURE__ */ d(ct, { data: o }), e[8] = o, e[9] = l) : l = e[9], l;
-    }
-    default:
-      return o;
-  }
-}
-const Fo = {
-  // Figma: stacked variable sections sit ~16px apart (wider than the row
-  // content's 8px block gap).
-  stack: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 2
-  }
+//#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"
+	}
 };
-function Uo() {
-  const t = T(9), e = N(), o = Q();
-  let r;
-  t[0] !== o ? (r = (s) => o ? s.layers[o.layerId]?.variables : void 0, t[0] = o, t[1] = r) : r = t[1];
-  const l = Z(e, r), {
-    labels: i
-  } = W();
-  if (!l || l.length === 0)
-    return null;
-  let n;
-  if (t[2] !== i || t[3] !== l) {
-    let s;
-    t[5] !== i ? (s = (c, p) => /* @__PURE__ */ d(dt, { data: c, labels: i }, p), t[5] = i, t[6] = s) : s = t[6], n = l.map(s), t[2] = i, t[3] = l, t[4] = n;
-  } else
-    n = t[4];
-  let a;
-  return t[7] !== n ? (a = /* @__PURE__ */ d(A, { sx: Fo.stack, children: n }), t[7] = n, t[8] = a) : a = t[8], a;
-}
-const an = {
-  // Composition shell
-  Provider: Nt,
-  Group: jt,
-  Row: Xt,
-  Actions: Ye,
-  Sortable: xo,
-  // Store-connected actions & controls (context-driven)
-  VisibilityToggle: Jt,
-  RowMenu: oo,
-  ZoomTo: no,
-  ShowOnlyLayer: lo,
-  ShowAllLayers: io,
-  GroupMenu: ro,
-  ShowOnlyGroup: so,
-  ShowAllGroups: ao,
-  CollapseAllGroups: co,
-  ZoomToGroup: uo,
-  PanelMenu: po,
-  VisibleLayers: ho,
-  Opacity: Go,
-  ConfigSelect: Po,
-  Item: Uo,
-  // Pure UI
-  ItemUI: dt,
-  Swatch: it,
-  CategoryUI: rt,
-  RampUI: st,
-  ProportionUI: at,
-  IconUI: ct
+//#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"
+	}
 };
-export {
-  ge as DEFAULT_LEGEND_LABELS,
-  an as Legend
+//#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
 };
-//# sourceMappingURL=legend.js.map
+//#endregion
+export { ye as DEFAULT_LEGEND_LABELS, $t as Legend };
+
+//# sourceMappingURL=legend.js.map