@carto/ps-react-ui 4.16.0 → 4.17.0

package/dist/legend.js

@@ -1,18 +1,18 @@
-import { jsx as d, jsxs as P, Fragment as he } from "react/jsx-runtime";
+import { jsx as d, jsxs as z, 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 Ge, Children as pt, isValidElement as ft, useEffect as ht, useRef as Te, useId as gt } from "react";
-import { L as yt, h as mt, g as X, a as bt, m as xt, r as vt, u as Lt, n as N, o as Z, p as j, b as ke, i as re, f as St, e as De, s as ze, j as xe, l as Ee } from "./legend-store-registry-CVYzhR1-.js";
-import { Box as M, IconButton as ve, Typography as E, Collapse as He, createSvgIcon as Ct, Menu as $e, CircularProgress as Re, MenuItem as q, Divider as wt, Slider as It, InputAdornment as kt, OutlinedInput as $t, ButtonBase as Ot } from "@mui/material";
-import { DragIndicator as _t, LayersOutlined as Ve, ExpandMore as Be, VisibilityOffOutlined as Gt, VisibilityOutlined as We, MoreVert as zt, ChecklistOutlined as Mt, Close as Pt, ArrowDropDown as At, ErrorOutline as Tt } from "@mui/icons-material";
-import { useSortable as Dt, SortableContext as Ne, verticalListSortingStrategy as Fe } from "@dnd-kit/sortable";
-import { S as Ue } from "./smart-tooltip-D4vwQpFf.js";
-import { CSS as Et } from "@dnd-kit/utilities";
+import { createContext as me, useContext as be, useState as J, useLayoutEffect as Ge, Children as ut, isValidElement as pt, useEffect as ft, useRef as Te, useId as ht } from "react";
+import { L as gt, h as yt, g as X, a as mt, m as bt, r as xt, u as vt, n as N, o as Z, p as U, b as ke, i as re, f as Lt, e as De, s as Me, j as xe, l as Ee } from "./legend-store-registry-Bo8U_qWM.js";
+import { Box as P, IconButton as ve, Typography as E, Collapse as He, createSvgIcon as St, Menu as $e, CircularProgress as Re, MenuItem as q, Divider as Ct, Slider as wt, InputAdornment as It, OutlinedInput as kt, ButtonBase as $t } from "@mui/material";
+import { DragIndicator as Ot, ExpandMore as Ve, VisibilityOffOutlined as _t, VisibilityOutlined as Be, MoreVert as Gt, ChecklistOutlined as Mt, Close as Pt, ArrowDropDown as zt, ErrorOutline as At } from "@mui/icons-material";
+import { useSortable as Tt, SortableContext as We, verticalListSortingStrategy as Ne } from "@dnd-kit/sortable";
+import { S as Fe } from "./smart-tooltip-D4vwQpFf.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 Ht, useSensor as Me, PointerSensor as Rt, KeyboardSensor as Vt, DndContext as Bt, closestCenter as Wt, DragOverlay as Nt } from "@dnd-kit/core";
+import { useSensors as Et, useSensor as Pe, PointerSensor as Ht, KeyboardSensor as Rt, DndContext as Vt, closestCenter as Bt, DragOverlay as Wt } from "@dnd-kit/core";
 const ge = {
   expandLayer: "Expand layer",
   collapseLayer: "Collapse layer",
@@ -46,13 +46,13 @@ const ge = {
   colorGradient: "Color gradient",
   maxPrefix: "MAX: ",
   minPrefix: "MIN: "
-}, je = me({
+}, Ue = me({
   labels: ge
 });
 function B() {
-  return be(je);
+  return be(Ue);
 }
-function Ft(t) {
+function Nt(t) {
   const e = T(24), {
     id: o,
     layers: r,
@@ -63,86 +63,86 @@ function Ft(t) {
   } = t, s = n === void 0 ? !0 : n;
   let c;
   e[0] !== l || e[1] !== o || e[2] !== r ? (c = () => {
-    if (mt(o))
+    if (yt(o))
       return X(o);
-    const w = bt(o, {
+    const w = mt(o, {
       layers: r,
       groups: l
     });
-    return xt(o, w), w;
+    return bt(o, w), w;
   }, 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), () => {
-    Lt(o, {
+  e[4] !== o || e[5] !== s || e[6] !== p ? (f = () => (xt(o, p), () => {
+    vt(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]), Ge(f, u);
-  let y, g;
+  let y, h;
   e[9] !== l || e[10] !== r || e[11] !== p ? (y = () => {
     p.getState()._sync(r, l ?? []);
-  }, g = [p, r, l], e[9] = l, e[10] = r, e[11] = p, e[12] = y, e[13] = g) : (y = e[12], g = e[13]), Ge(y, g);
-  let h;
-  e[14] !== i ? (h = i ? {
+  }, 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]), Ge(y, h);
+  let g;
+  e[14] !== i ? (g = i ? {
     ...ge,
     ...i
-  } : ge, e[14] = i, e[15] = h) : h = e[15];
+  } : ge, e[14] = i, e[15] = g) : g = e[15];
   let v;
-  e[16] !== h ? (v = {
-    labels: h
-  }, e[16] = h, e[17] = v) : v = e[17];
+  e[16] !== g ? (v = {
+    labels: g
+  }, e[16] = g, e[17] = v) : v = e[17];
   const b = v;
   let C;
-  e[18] !== a || e[19] !== b ? (C = /* @__PURE__ */ d(je.Provider, { value: b, children: a }), e[18] = a, e[19] = b, e[20] = C) : C = e[20];
+  e[18] !== a || e[19] !== b ? (C = /* @__PURE__ */ d(Ue.Provider, { value: b, children: a }), e[18] = a, e[19] = b, e[20] = C) : C = e[20];
   let L;
-  return e[21] !== o || e[22] !== C ? (L = /* @__PURE__ */ d(yt.Provider, { value: o, children: C }), e[21] = o, e[22] = C, e[23] = L) : L = e[23], L;
+  return e[21] !== o || e[22] !== C ? (L = /* @__PURE__ */ d(gt.Provider, { value: o, children: C }), e[21] = o, e[22] = C, e[23] = L) : L = e[23], L;
 }
-function Ze(t) {
+function je(t) {
   return (e) => {
     (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
   };
 }
-const Ke = me(null);
+const Ze = me(null);
 function Q() {
+  return be(Ze);
+}
+const Ke = me(null);
+function ue() {
   return be(Ke);
 }
 const Xe = me(null);
-function ue() {
+function qe() {
   return be(Xe);
 }
-const qe = me(null);
-function Qe() {
-  return be(qe);
-}
-const Ut = {
+const Ft = {
   fadeGroup: {
     display: "flex",
     alignItems: "center",
     gap: 0.25
   }
 };
-function Ye(t) {
+function Qe(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(M, { className: l, sx: Ut.fadeGroup, children: o }), e[0] = o, e[1] = l, e[2] = i) : i = e[2], i;
+  return e[0] !== o || e[1] !== l ? (i = /* @__PURE__ */ d(P, { className: l, sx: Ft.fadeGroup, children: o }), e[0] = o, e[1] = l, e[2] = i) : i = e[2], i;
 }
-function Je(t) {
+function Ye(t) {
   const e = [], o = [];
-  for (const r of pt.toArray(t))
-    jt(r, Ye) ? e.push(r) : o.push(r);
+  for (const r of ut.toArray(t))
+    Ut(r, Qe) ? e.push(r) : o.push(r);
   return {
     actions: e,
     body: o
   };
 }
-function jt(t, e) {
-  return ft(t) && t.type === e;
+function Ut(t, e) {
+  return pt(t) && t.type === e;
 }
-const et = me(!1);
-function tt() {
-  return be(et);
+const Je = me(!1);
+function et() {
+  return be(Je);
 }
 const Se = (t, e) => `${t}:${e}`;
 function de(t) {
@@ -210,7 +210,7 @@ const le = {
     whiteSpace: "nowrap"
   }
 };
-function ot(t) {
+function tt(t) {
   const e = T(31), {
     kind: o,
     id: r,
@@ -231,12 +231,12 @@ function ot(t) {
     setActivatorNodeRef: f,
     transform: u,
     transition: y,
-    isDragging: g
-  } = Dt(a);
-  let h;
-  if (e[5] !== s || e[6] !== g || 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) {
+    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 v = {
-      transform: Et.Transform.toString(u ? {
+      transform: Dt.Transform.toString(u ? {
         ...u,
         x: 0
       } : null),
@@ -245,23 +245,23 @@ function ot(t) {
     let L;
     e[16] !== C ? (L = [le.handleSlot, C], e[16] = C, e[17] = L) : L = e[17];
     let w;
-    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ d(_t, {}), e[18] = w) : w = e[18];
+    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ d(Ot, {}), e[18] = w) : w = e[18];
     let x;
     e[19] !== s || e[20] !== i.reorder || e[21] !== c || e[22] !== f ? (x = /* @__PURE__ */ d(ve, { ref: f, size: "xsmall", "aria-label": i.reorder, ...s, ...c, sx: le.handle, children: w }), e[19] = s, e[20] = i.reorder, e[21] = c, e[22] = f, e[23] = x) : x = e[23];
     let I;
     e[24] !== i.reorder || e[25] !== x ? (I = /* @__PURE__ */ d(ie, { title: i.reorder, children: x }), e[24] = i.reorder, e[25] = x, e[26] = I) : I = e[26];
     let S;
-    e[27] !== b || e[28] !== L || e[29] !== I ? (S = /* @__PURE__ */ d(M, { component: "span", className: b, sx: L, children: I }), e[27] = b, e[28] = L, e[29] = I, e[30] = S) : S = e[30], h = l({
+    e[27] !== b || e[28] !== L || e[29] !== I ? (S = /* @__PURE__ */ d(P, { component: "span", className: b, sx: L, children: I }), e[27] = b, e[28] = L, e[29] = I, e[30] = S) : S = e[30], g = l({
       rootRef: p,
       rootStyle: v,
-      dragging: g,
+      dragging: h,
       handle: S
-    }), e[5] = s, e[6] = g, 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] = h;
+    }), 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
-    h = e[15];
-  return h;
+    g = e[15];
+  return g;
 }
-const nt = 48, Y = {
+const ot = 48, Y = {
   group: {
     display: "flex",
     flexDirection: "column",
@@ -327,7 +327,7 @@ const nt = 48, Y = {
     padding: ({
       spacing: t
     }) => t(1.5, 2, 1.5, 1),
-    minHeight: nt,
+    minHeight: ot,
     borderBottom: "1px solid",
     borderColor: "divider",
     position: "sticky",
@@ -395,60 +395,60 @@ const nt = 48, Y = {
     }
   }
 };
-function Zt(t) {
-  const e = T(26), {
+function jt(t) {
+  const e = T(27), {
     groupId: o,
     children: r
   } = t, l = N();
   let i;
   e[0] !== o ? (i = (x) => x.groups[o], e[0] = o, e[1] = i) : i = e[1];
-  const n = Z(l, i), a = Z(l, Xt);
+  const n = Z(l, i), a = Z(l, Kt);
   let s;
   e[2] !== o ? (s = (x) => ke(x, o) === "hidden", e[2] = o, e[3] = s) : s = e[3];
-  const c = j(l, s), p = tt();
+  const c = U(l, s), p = et();
   let f;
-  e[4] !== o ? (f = (x) => re(x, o).map(Kt), e[4] = o, e[5] = f) : f = e[5];
+  e[4] !== o ? (f = (x) => re(x, 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];
+  e[6] !== r ? (y = Ye(r), e[6] = r, e[7] = y) : y = e[7];
   const {
-    actions: g,
-    body: h
+    actions: h,
+    body: g
   } = y;
   let v;
   e[8] !== n.collapsed || e[9] !== o || e[10] !== a ? (v = () => a(o, !n.collapsed), e[8] = n.collapsed, e[9] = o, e[10] = a, e[11] = v) : v = e[11];
   const b = v;
   let C;
-  e[12] !== g || e[13] !== h || e[14] !== n.collapsed || e[15] !== n.label || e[16] !== o || e[17] !== c || e[18] !== u || e[19] !== p || e[20] !== b ? (C = (x) => /* @__PURE__ */ d(Xe.Provider, { value: o, children: /* @__PURE__ */ P(M, { ref: x?.rootRef, style: x?.rootStyle, sx: [Y.group, x?.dragging === !0 && Y.groupDragging], children: [
-    /* @__PURE__ */ P(M, { sx: Y.header, children: [
+  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 ? (C = (x) => /* @__PURE__ */ d(Ke.Provider, { value: o, children: /* @__PURE__ */ z(P, { ref: x?.rootRef, style: x?.rootStyle, sx: [Y.group, x?.dragging === !0 && Y.groupDragging], children: [
+    /* @__PURE__ */ z(P, { sx: Y.header, children: [
       x?.handle,
-      /* @__PURE__ */ P(M, { sx: Y.titleArea, role: "button", tabIndex: 0, "aria-expanded": !n.collapsed, onClick: b, onKeyDown: Ze(b), children: [
-        /* @__PURE__ */ d(M, { sx: Y.groupIcon, children: /* @__PURE__ */ d(Ve, { fontSize: "small" }) }),
-        /* @__PURE__ */ d(Ue, { title: n.label, dependencies: [n.label], children: (I) => {
+      /* @__PURE__ */ z(P, { sx: Y.titleArea, role: "button", tabIndex: 0, "aria-expanded": !n.collapsed, onClick: b, onKeyDown: je(b), children: [
+        n.icon != null && /* @__PURE__ */ d(P, { sx: Y.groupIcon, children: n.icon }),
+        /* @__PURE__ */ d(Fe, { title: n.label, dependencies: [n.label], children: (I) => {
           const {
             ref: S
           } = I;
           return /* @__PURE__ */ d(E, { ref: S, variant: "button", fontWeight: "bold", color: c ? "text.disabled" : "text.primary", sx: Y.label, children: n.label });
         } }),
-        /* @__PURE__ */ d(Be, { sx: [Y.chevron, n.collapsed && Y.chevronCollapsed] })
+        /* @__PURE__ */ d(Ve, { sx: [Y.chevron, n.collapsed && Y.chevronCollapsed] })
       ] }),
-      /* @__PURE__ */ d(M, { sx: Y.actions, children: g })
+      /* @__PURE__ */ d(P, { sx: Y.actions, children: h })
     ] }),
-    /* @__PURE__ */ d(He, { in: !n.collapsed, children: p ? /* @__PURE__ */ d(Ne, { items: u, strategy: Fe, children: h }) : h })
-  ] }) }), e[12] = g, e[13] = h, e[14] = n.collapsed, e[15] = n.label, e[16] = o, e[17] = c, e[18] = u, e[19] = p, e[20] = b, e[21] = C) : C = e[21];
+    /* @__PURE__ */ d(He, { in: !n.collapsed, children: p ? /* @__PURE__ */ d(We, { items: u, strategy: Ne, 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] = C) : C = e[22];
   const L = C;
   let w;
-  return e[22] !== o || e[23] !== L || e[24] !== p ? (w = p ? /* @__PURE__ */ d(ot, { kind: "group", id: o, render: L }) : L(), e[22] = o, e[23] = L, e[24] = p, e[25] = w) : w = e[25], w;
+  return e[23] !== o || e[24] !== L || e[25] !== p ? (w = p ? /* @__PURE__ */ d(tt, { kind: "group", id: o, render: L }) : L(), e[23] = o, e[24] = L, e[25] = p, e[26] = w) : w = e[26], w;
 }
-function Kt(t) {
+function Zt(t) {
   return Se("layer", t.id);
 }
-function Xt(t) {
+function Kt(t) {
   return t.setGroupCollapsed;
 }
-const U = {
+const j = {
   // Padding lives on header/content/footer (not the root) so the sticky
   // header is opaque and full-bleed while pinned.
   row: {
@@ -617,85 +617,85 @@ const U = {
     opacity: 0.5
   }
 };
-function qt(t) {
+function Xt(t) {
   const e = T(30), {
     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);
+  const n = Z(l, i), a = Z(l, qt);
   let s;
-  e[2] !== o ? (s = (m) => St(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), g = n?.visible ?? !0, h = u && g;
+  e[2] !== o ? (s = (m) => Lt(m, o), e[2] = o, e[3] = s) : s = e[3];
+  const c = U(l, s), p = ue() !== null, f = et(), [u, y] = J(!1), h = n?.visible ?? !0, g = u && h;
   let v;
-  e[4] !== o || e[5] !== h ? (v = {
+  e[4] !== o || e[5] !== g ? (v = {
     layerId: o,
-    opacityOpen: h,
+    opacityOpen: g,
     setOpacityOpen: y
-  }, e[4] = o, e[5] = h, e[6] = v) : v = e[6];
+  }, e[4] = o, e[5] = g, e[6] = v) : v = e[6];
   const b = v;
   if (!n)
     return null;
   let C;
-  e[7] !== r ? (C = Je(r), e[7] = r, e[8] = C) : C = e[8];
+  e[7] !== r ? (C = Ye(r), e[7] = r, e[8] = C) : C = e[8];
   const {
     actions: L,
     body: w
-  } = C, x = !n.visible || n.collapsed, I = p ? nt : 0, S = n.visible && c;
+  } = C, x = !n.visible || n.collapsed, I = p ? ot : 0, S = 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] !== w || e[15] !== S || e[16] !== x || e[17] !== n.collapsed || e[18] !== n.helperText || e[19] !== n.name || e[20] !== n.subtitle || e[21] !== n.visible || e[22] !== b || e[23] !== I || e[24] !== k ? ($ = (m) => /* @__PURE__ */ d(Ke.Provider, { value: b, children: /* @__PURE__ */ P(M, { ref: m?.rootRef, style: m?.rootStyle, sx: [U.row, m?.dragging === !0 && U.rowDragging], children: [
-    /* @__PURE__ */ P(M, { sx: U.header, style: {
+  e[13] !== L || e[14] !== w || e[15] !== S || e[16] !== x || e[17] !== n.collapsed || e[18] !== n.helperText || e[19] !== n.name || e[20] !== n.subtitle || e[21] !== n.visible || e[22] !== b || e[23] !== I || e[24] !== k ? ($ = (m) => /* @__PURE__ */ d(Ze.Provider, { value: b, children: /* @__PURE__ */ z(P, { ref: m?.rootRef, style: m?.rootStyle, sx: [j.row, m?.dragging === !0 && j.rowDragging], children: [
+    /* @__PURE__ */ z(P, { sx: j.header, style: {
       top: I
     }, children: [
       m?.handle,
-      /* @__PURE__ */ P(M, { sx: [U.titleBox, S && U.titleBoxInteractive], ...S && {
+      /* @__PURE__ */ z(P, { sx: [j.titleBox, S && j.titleBoxInteractive], ...S && {
         role: "button",
         tabIndex: 0,
         "aria-expanded": !n.collapsed,
         onClick: k,
-        onKeyDown: Ze(k)
+        onKeyDown: je(k)
       }, children: [
-        /* @__PURE__ */ P(M, { sx: U.titleLine, children: [
-          /* @__PURE__ */ d(Ue, { title: n.name, dependencies: [n.name], children: (z) => {
+        /* @__PURE__ */ z(P, { sx: j.titleLine, children: [
+          /* @__PURE__ */ d(Fe, { title: n.name, dependencies: [n.name], children: (M) => {
             const {
               ref: A
-            } = z;
-            return /* @__PURE__ */ d(E, { ref: A, variant: "button", color: n.visible ? "text.primary" : "text.disabled", sx: U.title, children: n.name });
+            } = M;
+            return /* @__PURE__ */ d(E, { ref: A, variant: "button", color: n.visible ? "text.primary" : "text.disabled", sx: j.title, children: n.name });
           } }),
-          S && /* @__PURE__ */ d(Be, { sx: [U.chevron, n.collapsed && U.chevronCollapsed] })
+          S && /* @__PURE__ */ d(Ve, { sx: [j.chevron, n.collapsed && j.chevronCollapsed] })
         ] }),
         n.subtitle && !x && /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: n.subtitle })
       ] }),
-      /* @__PURE__ */ d(M, { sx: U.actions, children: L })
+      /* @__PURE__ */ d(P, { sx: j.actions, children: L })
     ] }),
-    /* @__PURE__ */ P(He, { in: !x, children: [
-      /* @__PURE__ */ d(M, { sx: n.visible ? U.content : {
-        ...U.content,
-        ...U.dimmed
+    /* @__PURE__ */ z(He, { in: !x, children: [
+      /* @__PURE__ */ d(P, { sx: n.visible ? j.content : {
+        ...j.content,
+        ...j.dimmed
       }, children: w }),
-      n.helperText && /* @__PURE__ */ d(M, { sx: U.footer, children: typeof n.helperText == "string" ? /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: n.helperText }) : n.helperText })
+      n.helperText && /* @__PURE__ */ d(P, { sx: j.footer, children: typeof n.helperText == "string" ? /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: n.helperText }) : n.helperText })
     ] })
   ] }) }), e[13] = L, e[14] = w, e[15] = S, e[16] = x, e[17] = n.collapsed, e[18] = n.helperText, e[19] = n.name, e[20] = n.subtitle, e[21] = n.visible, e[22] = b, e[23] = I, e[24] = k, e[25] = $) : $ = e[25];
   const _ = $;
   let G;
-  return e[26] !== o || e[27] !== _ || e[28] !== f ? (G = f ? /* @__PURE__ */ d(ot, { kind: "layer", id: o, render: _ }) : _(), e[26] = o, e[27] = _, e[28] = f, e[29] = G) : G = e[29], G;
+  return e[26] !== o || e[27] !== _ || e[28] !== f ? (G = f ? /* @__PURE__ */ d(tt, { kind: "layer", id: o, render: _ }) : _(), e[26] = o, e[27] = _, e[28] = f, e[29] = G) : G = e[29], G;
 }
-function Qt(t) {
+function qt(t) {
   return t.setCollapsed;
 }
-const Yt = Ct(/* @__PURE__ */ P("g", { transform: "translate(12 12) scale(1.33333) translate(-184 -24)", children: [
+const Qt = St(/* @__PURE__ */ z("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"), Jt = {
-  visible: We,
-  hidden: Gt,
-  mixed: Yt
+] }), "VisibilityIndeterminate"), Yt = {
+  visible: Be,
+  hidden: _t,
+  mixed: Qt
 };
-function eo(t) {
+function Jt(t) {
   const e = T(36), {
     visibility: o,
     onToggle: r,
@@ -705,14 +705,14 @@ function eo(t) {
   } = B(), 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);
+  const f = U(i, p);
   let u;
   e[3] !== c || e[4] !== a || e[5] !== n ? (u = (m) => !c && !n && a ? ke(m, a) : "visible", e[3] = c, e[4] = a, e[5] = n, e[6] = u) : u = e[6];
-  const y = Z(i, u), g = j(i, oo), h = j(i, to);
+  const y = Z(i, u), h = U(i, to), g = U(i, eo);
   let v, b;
   e[7] !== c || e[8] !== a || e[9] !== n ? (v = () => {
     !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] = v, e[11] = b) : (v = e[10], b = e[11]), ht(v, b);
+  }, b = [c, n, a], e[7] = c, e[8] = a, e[9] = n, e[10] = v, e[11] = b) : (v = e[10], b = e[11]), ft(v, b);
   let C, L, w = l;
   if (c) {
     C = o;
@@ -721,22 +721,22 @@ function eo(t) {
   } else if (n) {
     C = f ? "visible" : "hidden";
     let m;
-    e[15] !== f || e[16] !== n || e[17] !== g ? (m = () => g(n.layerId, !f), e[15] = f, e[16] = n, e[17] = g, e[18] = m) : m = e[18], L = 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) {
     C = y;
     let m;
-    e[19] !== a || e[20] !== y || e[21] !== h ? (m = () => h(a, y === "hidden"), e[19] = a, e[20] = y, e[21] = h, e[22] = m) : m = e[22], L = m;
-    let z;
-    e[23] !== s || e[24] !== l ? (z = l ?? {
+    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 M;
+    e[23] !== s || e[24] !== l ? (M = l ?? {
       hideLayer: s.hideGroup,
       showLayer: s.showGroup
-    }, e[23] = s, e[24] = l, e[25] = z) : z = e[25], w = z;
+    }, e[23] = s, e[24] = l, e[25] = M) : M = e[25], w = M;
   } else
     return null;
   const {
     hideLayer: x,
     showLayer: I
-  } = w ?? s, S = Jt[C], O = C === "hidden" ? I : x, k = C === "visible" ? void 0 : "active";
+  } = w ?? s, S = Yt[C], O = C === "hidden" ? I : x, k = C === "visible" ? void 0 : "active";
   let $;
   e[26] !== S ? ($ = /* @__PURE__ */ d(S, { fontSize: "small" }), e[26] = S, e[27] = $) : $ = e[27];
   let _;
@@ -744,10 +744,10 @@ function eo(t) {
   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 to(t) {
+function eo(t) {
   return t.setGroupVisibility;
 }
-function oo(t) {
+function to(t) {
   return t.setVisibility;
 }
 function Oe(t) {
@@ -757,11 +757,11 @@ function Oe(t) {
     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 = Te(!1), y = !!s, {
-    labels: g
+    labels: h
   } = B();
-  let h;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => c(null), e[0] = h) : h = e[0];
-  const v = h;
+  let g;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = () => c(null), e[0] = g) : g = e[0];
+  const v = g;
   let b;
   e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (V) => {
     u.current = V, f(V);
@@ -791,20 +791,20 @@ function Oe(t) {
   }, 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(zt, { fontSize: "small" }), e[7] = G) : G = e[7];
+  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(ve, { 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 z;
-  e[12] !== g.moreOptions || e[13] !== m ? (z = /* @__PURE__ */ d(ie, { title: g.moreOptions, children: m }), e[12] = g.moreOptions, e[13] = m, e[14] = z) : z = e[14];
+  let M;
+  e[12] !== h.moreOptions || e[13] !== m ? (M = /* @__PURE__ */ d(ie, { title: h.moreOptions, children: m }), e[12] = h.moreOptions, e[13] = m, e[14] = M) : M = e[14];
   let A;
   e[15] !== s || e[16] !== o || e[17] !== y ? (A = /* @__PURE__ */ d($e, { anchorEl: s, open: y, onClose: I, onClick: I, children: o }), e[15] = s, e[16] = o, e[17] = y, e[18] = A) : A = e[18];
   let D;
-  return e[19] !== O || e[20] !== z || e[21] !== A ? (D = /* @__PURE__ */ P(qe.Provider, { value: O, children: [
-    z,
+  return e[19] !== O || e[20] !== M || e[21] !== A ? (D = /* @__PURE__ */ z(Xe.Provider, { value: O, children: [
+    M,
     A
-  ] }), e[19] = O, e[20] = z, e[21] = A, e[22] = D) : D = e[22], D;
+  ] }), e[19] = O, e[20] = M, e[21] = A, e[22] = D) : D = e[22], D;
 }
-function no(t) {
+function oo(t) {
   const e = T(5), {
     children: o
   } = t, r = Q(), {
@@ -813,7 +813,7 @@ function no(t) {
   let a;
   return e[0] !== o || e[1] !== l.layerOptions || e[2] !== i || e[3] !== n ? (a = /* @__PURE__ */ d(Oe, { 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 lt(t, e) {
+async function nt(t, e) {
   if (!t.isBusy()) {
     t.setBusy(!0);
     try {
@@ -823,21 +823,21 @@ async function lt(t, e) {
     }
   }
 }
-function lo(t) {
+function no(t) {
   const e = T(13), {
     onZoomTo: o
-  } = t, r = N(), l = Q(), i = Qe();
+  } = t, r = N(), l = Q(), i = qe();
   let n;
-  e[0] !== l ? (n = (h) => l ? h.layers[l.layerId]?.visible ?? !1 : !1, e[0] = l, e[1] = n) : n = e[1];
-  const a = j(r, 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 = U(r, n), {
     labels: s
   } = B();
   if (!l || !a)
     return null;
   const c = i?.busy ?? !1;
   let p;
-  e[2] !== i || e[3] !== o || e[4] !== l ? (p = (h) => {
-    h.stopPropagation(), i && lt(i, () => o(l.layerId));
+  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;
@@ -845,13 +845,13 @@ function lo(t) {
     mr: 1
   } }), e[6] = c, e[7] = u) : u = e[7];
   const y = c ? s.loading : s.zoomTo;
-  let g;
-  return e[8] !== c || e[9] !== f || e[10] !== u || e[11] !== y ? (g = /* @__PURE__ */ P(q, { disabled: c, onClick: f, children: [
+  let h;
+  return e[8] !== c || e[9] !== f || e[10] !== u || e[11] !== y ? (h = /* @__PURE__ */ z(q, { disabled: c, onClick: f, children: [
     u,
     y
-  ] }), e[8] = c, e[9] = f, e[10] = u, e[11] = y, e[12] = g) : g = e[12], g;
+  ] }), e[8] = c, e[9] = f, e[10] = u, e[11] = y, e[12] = h) : h = e[12], h;
 }
-function io() {
+function lo() {
   const t = T(6), e = N(), o = Q(), {
     labels: r
   } = B();
@@ -868,7 +868,7 @@ function io() {
   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 ro() {
+function io() {
   const t = T(6), e = N(), o = ue(), r = Q(), {
     labels: l
   } = B();
@@ -887,7 +887,7 @@ function ro() {
   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 so(t) {
+function ro(t) {
   const e = T(4), {
     children: o
   } = t, r = ue(), {
@@ -896,7 +896,7 @@ function so(t) {
   let n;
   return e[0] !== o || e[1] !== l.groupOptions || e[2] !== i ? (n = /* @__PURE__ */ d(Oe, { 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 ao() {
+function so() {
   const t = T(6), e = N(), o = ue(), {
     labels: r
   } = B();
@@ -914,8 +914,8 @@ function ao() {
   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 co() {
-  const t = T(5), e = N(), o = j(e, De), {
+function ao() {
+  const t = T(5), e = N(), o = U(e, De), {
     labels: r
   } = B();
   if (!o)
@@ -932,15 +932,15 @@ function co() {
   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 uo() {
-  const t = T(5), e = N(), o = j(e, De), r = j(e, ze), {
+function co() {
+  const t = T(5), e = N(), o = U(e, De), r = U(e, Me), {
     labels: l
   } = B();
   if (!o)
     return null;
   let i;
   t[0] !== e ? (i = () => {
-    const c = X(e).getState(), p = ze(c);
+    const c = X(e).getState(), p = Me(c);
     for (const f of xe(c))
       c.setGroupCollapsed(f.id, !p);
   }, t[0] = e, t[1] = i) : i = t[1];
@@ -948,21 +948,21 @@ function uo() {
   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 po(t) {
+function uo(t) {
   const e = T(13), {
     onZoomTo: o
-  } = t, r = N(), l = ue(), i = Qe();
+  } = t, r = N(), l = ue(), i = qe();
   let n;
-  e[0] !== l ? (n = (h) => l !== null && ke(h, l) === "hidden", e[0] = l, e[1] = n) : n = e[1];
-  const a = j(r, n), {
+  e[0] !== l ? (n = (g) => l !== null && ke(g, l) === "hidden", e[0] = l, e[1] = n) : n = e[1];
+  const a = U(r, n), {
     labels: s
   } = B();
   if (l === null || a)
     return null;
   const c = i?.busy ?? !1;
   let p;
-  e[2] !== l || e[3] !== i || e[4] !== o ? (p = (h) => {
-    h.stopPropagation(), i && lt(i, () => o(l));
+  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;
@@ -970,13 +970,13 @@ function po(t) {
     mr: 1
   } }), e[6] = c, e[7] = u) : u = e[7];
   const y = c ? s.loading : s.zoomToGroup;
-  let g;
-  return e[8] !== c || e[9] !== f || e[10] !== u || e[11] !== y ? (g = /* @__PURE__ */ P(q, { disabled: c, onClick: f, children: [
+  let h;
+  return e[8] !== c || e[9] !== f || e[10] !== u || e[11] !== y ? (h = /* @__PURE__ */ z(q, { disabled: c, onClick: f, children: [
     u,
     y
-  ] }), e[8] = c, e[9] = f, e[10] = u, e[11] = y, e[12] = g) : g = e[12], g;
+  ] }), e[8] = c, e[9] = f, e[10] = u, e[11] = y, e[12] = h) : h = e[12], h;
 }
-function fo(t) {
+function po(t) {
   const e = T(3), {
     children: o
   } = t, {
@@ -1044,25 +1044,25 @@ const ee = {
     marginY: 1
   }
 };
-function ho(t, e) {
+function fo(t, e) {
   return Ee(X(t).getState());
 }
-function go() {
+function ho() {
   const t = T(33), e = N(), [o, r] = J(null);
-  j(e, bo);
-  const l = ho(e), i = Z(e, mo), {
+  U(e, mo);
+  const l = fo(e), i = Z(e, yo), {
     labels: n
-  } = B(), a = l.reduce(yo, 0), s = !!o && a > 0;
+  } = B(), 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, g = a === 0;
-  let h;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ d(Mt, { fontSize: "small" }), t[2] = h) : h = t[2];
+  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(Mt, { fontSize: "small" }), t[2] = g) : g = t[2];
   let v;
-  t[3] !== n.enabledLayers || t[4] !== s || t[5] !== y || t[6] !== g ? (v = /* @__PURE__ */ d(M, { component: "span", sx: ee.triggerWrap, children: /* @__PURE__ */ d(ve, { size: "small", className: y, disabled: g, onClick: p, "aria-label": n.enabledLayers, "aria-haspopup": "menu", "aria-expanded": s, children: h }) }), t[3] = n.enabledLayers, t[4] = s, t[5] = y, t[6] = g, t[7] = v) : v = t[7];
+  t[3] !== n.enabledLayers || t[4] !== s || t[5] !== y || t[6] !== h ? (v = /* @__PURE__ */ d(P, { component: "span", sx: ee.triggerWrap, children: /* @__PURE__ */ d(ve, { 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] = v) : v = t[7];
   let b;
   t[8] !== n.toggleEnabledLayers || t[9] !== v ? (b = /* @__PURE__ */ d(ie, { title: n.toggleEnabledLayers, children: v }), t[8] = n.toggleEnabledLayers, t[9] = v, t[10] = b) : b = t[10];
   const C = $e;
@@ -1082,45 +1082,45 @@ function go() {
   let S;
   t[15] !== I ? (S = /* @__PURE__ */ d(E, { component: "div", variant: "caption", color: "text.primary", sx: ee.stickyHeader, children: I }), t[15] = I, t[16] = S) : S = t[16];
   let O;
-  t[17] !== n.hideLayer || t[18] !== i ? (O = (G, m) => [m > 0 ? /* @__PURE__ */ d(wt, { 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((z) => /* @__PURE__ */ P(q, { disableRipple: !0, sx: ee.item, onClick: () => i(z.id, !1), children: [
-    /* @__PURE__ */ d(E, { variant: "body2", sx: ee.itemName, children: z.name }),
-    /* @__PURE__ */ d(ie, { title: n.hideLayer, children: /* @__PURE__ */ d(We, { sx: ee.eye }) })
-  ] }, z.id))], t[17] = n.hideLayer, t[18] = i, t[19] = O) : O = t[19];
+  t[17] !== n.hideLayer || t[18] !== i ? (O = (G, m) => [m > 0 ? /* @__PURE__ */ d(Ct, { 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((M) => /* @__PURE__ */ z(q, { disableRipple: !0, sx: ee.item, onClick: () => i(M.id, !1), children: [
+    /* @__PURE__ */ d(E, { variant: "body2", sx: ee.itemName, children: M.name }),
+    /* @__PURE__ */ d(ie, { title: n.hideLayer, children: /* @__PURE__ */ d(Be, { sx: ee.eye }) })
+  ] }, M.id))], t[17] = n.hideLayer, t[18] = i, t[19] = O) : O = t[19];
   const k = l.flatMap(O);
   let $;
-  t[20] !== C || t[21] !== o || t[22] !== u || t[23] !== s || t[24] !== S || t[25] !== k || t[26] !== L || t[27] !== w || t[28] !== x ? ($ = /* @__PURE__ */ P(C, { anchorEl: o, open: s, onClose: u, TransitionProps: L, MenuListProps: w, slotProps: x, children: [
+  t[20] !== C || t[21] !== o || t[22] !== u || t[23] !== s || t[24] !== S || t[25] !== k || t[26] !== L || t[27] !== w || t[28] !== x ? ($ = /* @__PURE__ */ z(C, { anchorEl: o, open: s, onClose: u, TransitionProps: L, MenuListProps: w, slotProps: x, children: [
     S,
     k
   ] }), t[20] = C, t[21] = o, t[22] = u, t[23] = s, t[24] = S, t[25] = k, t[26] = L, t[27] = w, t[28] = x, t[29] = $) : $ = t[29];
   let _;
-  return t[30] !== $ || t[31] !== b ? (_ = /* @__PURE__ */ P(he, { children: [
+  return t[30] !== $ || t[31] !== b ? (_ = /* @__PURE__ */ z(he, { children: [
     b,
     $
   ] }), t[30] = $, t[31] = b, t[32] = _) : _ = t[32], _;
 }
-function yo(t, e) {
+function go(t, e) {
   return t + e.layers.length;
 }
-function mo(t) {
+function yo(t) {
   return t.setVisibility;
 }
-function bo(t) {
-  return Ee(t).map(xo).join("|");
+function mo(t) {
+  return Ee(t).map(bo).join("|");
 }
-function xo(t) {
+function bo(t) {
   const {
     group: e,
     layers: o
   } = t;
-  return `${e?.id ?? ""}${e?.label ?? ""}:${o.map(vo).join(",")}`;
+  return `${e?.id ?? ""}${e?.label ?? ""}:${o.map(xo).join(",")}`;
 }
-function vo(t) {
+function xo(t) {
   return `${t.id}${t.name}`;
 }
-function Lo(t) {
+function vo(t) {
   const e = T(27), {
     children: o
-  } = t, r = N(), [l, i] = J(null), n = Te(void 0), a = Z(r, So);
+  } = t, r = N(), [l, i] = J(null), n = Te(void 0), a = Z(r, Lo);
   let s;
   e[0] !== r ? (s = (k, $) => {
     const _ = de(k), G = de($);
@@ -1134,14 +1134,14 @@ function Lo(t) {
     } = $, {
       active: G,
       collisionRect: m,
-      droppableRects: z,
+      droppableRects: M,
       droppableContainers: A
     } = _;
     if (!G || !m || k.code !== "ArrowDown" && k.code !== "ArrowUp")
       return;
     k.preventDefault();
     const D = k.code === "ArrowDown", W = A.getEnabled().filter((R) => R.id !== G.id && c(String(G.id), String(R.id))).flatMap((R) => {
-      const H = z.get(R.id);
+      const H = M.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 W ? {
@@ -1154,16 +1154,16 @@ function Lo(t) {
   e[4] !== f ? (u = {
     coordinateGetter: f
   }, e[4] = f, e[5] = u) : u = e[5];
-  const y = Ht(Me(Rt), Me(Vt, u));
-  let g;
-  e[6] !== c ? (g = (k) => {
+  const y = Et(Pe(Ht), Pe(Rt, u));
+  let h;
+  e[6] !== c ? (h = (k) => {
     const $ = k.droppableContainers.filter((_) => c(String(k.active.id), String(_.id)));
-    return Wt({
+    return Bt({
       ...k,
       droppableContainers: $
     });
-  }, e[6] = c, e[7] = g) : g = e[7];
-  const h = g;
+  }, e[6] = c, e[7] = h) : h = e[7];
+  const g = h;
   let v;
   e[8] !== r ? (v = (k) => {
     const $ = String(k.active.id);
@@ -1184,64 +1184,67 @@ function Lo(t) {
     const G = de(String($.id)), m = de(String(_.id));
     if (!G || G.kind !== m?.kind)
       return;
-    const z = X(r).getState();
+    const M = X(r).getState();
     if (G.kind === "group") {
-      const R = xe(z).findIndex((H) => H.id === m.id);
-      R !== -1 && z.moveGroup(G.id, R);
+      const R = xe(M).findIndex((H) => H.id === m.id);
+      R !== -1 && M.moveGroup(G.id, R);
       return;
     }
-    const A = z.layers[G.id], D = z.layers[m.id];
+    const A = M.layers[G.id], D = M.layers[m.id];
     if (!A || !D || A.groupId !== D.groupId)
       return;
-    const W = re(z, A.groupId).findIndex((R) => R.id === m.id);
-    W !== -1 && z.moveLayer(G.id, W);
+    const W = re(M, A.groupId).findIndex((R) => R.id === m.id);
+    W !== -1 && M.moveLayer(G.id, W);
   }, e[10] = r, e[11] = C) : C = e[11];
   const L = C;
   let w;
   e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => i(null), e[12] = w) : w = e[12];
   let x;
-  e[13] !== o || e[14] !== a ? (x = /* @__PURE__ */ d(Ne, { items: a, strategy: Fe, children: o }), e[13] = o, e[14] = a, e[15] = x) : x = e[15];
+  e[13] !== o || e[14] !== a ? (x = /* @__PURE__ */ d(We, { items: a, strategy: Ne, children: o }), e[13] = o, e[14] = a, e[15] = x) : x = e[15];
   let I;
-  e[16] !== l ? (I = l && /* @__PURE__ */ d(Io, { activeId: l }), e[16] = l, e[17] = I) : I = e[17];
+  e[16] !== l ? (I = l && /* @__PURE__ */ d(wo, { activeId: l }), e[16] = l, e[17] = I) : I = e[17];
   let S;
-  e[18] !== I ? (S = /* @__PURE__ */ d(Nt, { children: I }), e[18] = I, e[19] = S) : S = e[19];
+  e[18] !== I ? (S = /* @__PURE__ */ d(Wt, { children: I }), e[18] = I, e[19] = S) : S = e[19];
   let O;
-  return e[20] !== h || e[21] !== L || e[22] !== b || e[23] !== y || e[24] !== S || e[25] !== x ? (O = /* @__PURE__ */ d(et.Provider, { value: !0, children: /* @__PURE__ */ P(Bt, { sensors: y, collisionDetection: h, onDragStart: b, onDragEnd: L, onDragCancel: w, children: [
+  return e[20] !== g || e[21] !== L || e[22] !== b || e[23] !== y || e[24] !== S || e[25] !== x ? (O = /* @__PURE__ */ d(Je.Provider, { value: !0, children: /* @__PURE__ */ z(Vt, { sensors: y, collisionDetection: g, onDragStart: b, onDragEnd: L, onDragCancel: w, children: [
     x,
     S
-  ] }) }), e[20] = h, e[21] = L, e[22] = b, e[23] = y, e[24] = S, e[25] = x, e[26] = O) : O = e[26], O;
+  ] }) }), e[20] = g, e[21] = L, e[22] = b, e[23] = y, e[24] = S, e[25] = x, e[26] = O) : O = e[26], O;
 }
-function So(t) {
-  return [...xe(t).map(wo), ...re(t, void 0).map(Co)];
+function Lo(t) {
+  return [...xe(t).map(Co), ...re(t, void 0).map(So)];
 }
-function Co(t) {
+function So(t) {
   return Se("layer", t.id);
 }
-function wo(t) {
+function Co(t) {
   return Se("group", t.id);
 }
-function Io(t) {
-  const e = T(12), {
+function wo(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 = (u) => i ? i.kind === "group" ? u.groups[i.id]?.label : u.layers[i.id]?.name : void 0, e[2] = i, e[3] = n) : n = e[3];
-  const a = j(r, 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 = U(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 = U(r, s);
   if (!i || a === void 0)
     return null;
-  let s;
-  e[4] !== i.kind ? (s = i.kind === "group" && /* @__PURE__ */ d(M, { sx: le.overlayIcon, children: /* @__PURE__ */ d(Ve, { fontSize: "small" }) }), e[4] = i.kind, e[5] = s) : s = e[5];
-  const c = i.kind === "group" ? "bold" : void 0;
   let p;
-  e[6] !== a || e[7] !== c ? (p = /* @__PURE__ */ d(E, { variant: "button", fontWeight: c, color: "text.primary", sx: le.overlayLabel, children: a }), e[6] = a, e[7] = c, e[8] = p) : p = e[8];
-  let f;
-  return e[9] !== s || e[10] !== p ? (f = /* @__PURE__ */ P(M, { sx: le.overlay, children: [
-    s,
-    p
-  ] }), e[9] = s, e[10] = p, e[11] = f) : f = e[11], f;
+  e[6] !== c || e[7] !== i.kind ? (p = i.kind === "group" && c != null && /* @__PURE__ */ d(P, { 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__ */ z(P, { 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
@@ -1273,12 +1276,12 @@ const pe = {
       textAlign: "right"
     }
   }
-}, Pe = (t) => Math.min(100, Math.max(0, Math.round(t)));
-function ko() {
+}, 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, $o), {
+  const l = Z(e, r), i = Z(e, ko), {
     labels: n
   } = B();
   if (!o || !l?.visible || !l.opacityControl)
@@ -1292,37 +1295,37 @@ function ko() {
   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 $o(t) {
+function ko(t) {
   return t.setCollapsed;
 }
-function Oo() {
+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, Go), {
+  const i = U(e, l), n = U(e, _o), {
     labels: a
   } = B(), [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 ?? Pe(i * 100), t[2] = s, t[3] = i, t[4] = u) : u = t[4];
+  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 g;
-  t[5] !== r || t[6] !== n ? (g = (H) => {
-    const F = Pe(H);
+  let h;
+  t[5] !== r || t[6] !== n ? (h = (H) => {
+    const F = ze(H);
     return n(r, F / 100), F;
-  }, t[5] = r, t[6] = n, t[7] = g) : g = t[7];
-  const h = g;
+  }, t[5] = r, t[6] = n, t[7] = h) : h = t[7];
+  const g = h;
   let v;
-  t[8] !== h ? (v = (H) => {
+  t[8] !== g ? (v = (H) => {
     if (f(H), H.trim() === "")
       return;
     const F = Number(H);
     if (!Number.isFinite(F))
       return;
-    const se = h(F);
+    const se = g(F);
     se !== F && f(String(se));
-  }, t[8] = h, t[9] = v) : v = t[9];
+  }, t[8] = g, t[9] = v) : v = t[9];
   const b = v;
   let C;
   t[10] !== o ? (C = () => {
@@ -1338,7 +1341,7 @@ function Oo() {
   let S;
   t[18] !== a.close || t[19] !== I ? (S = /* @__PURE__ */ d(ie, { title: a.close, children: I }), t[18] = a.close, t[19] = I, t[20] = S) : S = t[20];
   let O;
-  t[21] !== w || t[22] !== S ? (O = /* @__PURE__ */ P(M, { sx: pe.inlineHeader, children: [
+  t[21] !== w || t[22] !== S ? (O = /* @__PURE__ */ z(P, { sx: pe.inlineHeader, children: [
     w,
     S
   ] }), t[21] = w, t[22] = S, t[23] = O) : O = t[23];
@@ -1347,45 +1350,45 @@ function Oo() {
     c(F), f(null);
   }, t[24] = k) : k = t[24];
   let $;
-  t[25] !== h ? ($ = (H, F) => {
-    h(F), c(null);
-  }, t[25] = h, t[26] = $) : $ = t[26];
+  t[25] !== g ? ($ = (H, F) => {
+    g(F), c(null);
+  }, t[25] = g, t[26] = $) : $ = t[26];
   let _;
-  t[27] !== a.opacity || t[28] !== y || t[29] !== $ ? (_ = /* @__PURE__ */ d(It, { 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];
+  t[27] !== a.opacity || t[28] !== y || t[29] !== $ ? (_ = /* @__PURE__ */ d(wt, { 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 z;
-  t[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => f(null), t[33] = z) : z = t[33];
+  let M;
+  t[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => f(null), t[33] = M) : M = t[33];
   let A;
-  t[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ d(kt, { position: "end", children: "%" }), t[34] = A) : A = t[34];
+  t[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ d(It, { position: "end", children: "%" }), t[34] = A) : A = 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($t, { size: "small", value: G, onChange: m, onBlur: z, onKeyDown: _o, endAdornment: A, inputProps: D, sx: pe.input }), t[37] = G, t[38] = m, t[39] = D, t[40] = V) : V = t[40];
+  t[37] !== G || t[38] !== m || t[39] !== D ? (V = /* @__PURE__ */ d(kt, { size: "small", value: G, onChange: m, onBlur: M, onKeyDown: Oo, endAdornment: A, inputProps: D, sx: pe.input }), t[37] = G, t[38] = m, t[39] = D, t[40] = V) : V = t[40];
   let W;
-  t[41] !== _ || t[42] !== V ? (W = /* @__PURE__ */ P(M, { sx: pe.inlineControls, children: [
+  t[41] !== _ || t[42] !== V ? (W = /* @__PURE__ */ z(P, { sx: pe.inlineControls, children: [
     _,
     V
   ] }), t[41] = _, t[42] = V, t[43] = W) : W = t[43];
   let R;
-  return t[44] !== W || t[45] !== O ? (R = /* @__PURE__ */ P(M, { sx: pe.inline, children: [
+  return t[44] !== W || t[45] !== O ? (R = /* @__PURE__ */ z(P, { sx: pe.inline, children: [
     O,
     W
   ] }), t[44] = W, t[45] = O, t[46] = R) : R = t[46], R;
 }
-function _o(t) {
+function Oo(t) {
   t.key === "Enter" && t.target.blur();
 }
-function Go(t) {
+function _o(t) {
   return t.setOpacity;
 }
-const zo = {
-  Item: ko,
-  Inline: Oo
+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).
@@ -1450,20 +1453,20 @@ function Mo() {
   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 g;
-  t[3] !== f ? (g = /* @__PURE__ */ d(E, { variant: "body2", sx: ne.value, children: f }), t[3] = f, t[4] = g) : g = t[4];
   let h;
-  t[5] !== p ? (h = p ? {
+  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] = h) : h = t[6];
+  } : ne.chevron, t[5] = p, t[6] = g) : g = t[6];
   let v;
-  t[7] !== h ? (v = /* @__PURE__ */ d(At, { fontSize: "small", sx: h }), t[7] = h, t[8] = v) : v = t[8];
+  t[7] !== g ? (v = /* @__PURE__ */ d(zt, { fontSize: "small", sx: g }), t[7] = g, t[8] = v) : v = t[8];
   let b;
-  t[9] !== a.attribute || t[10] !== p || t[11] !== g || t[12] !== v ? (b = /* @__PURE__ */ P(Ot, { sx: ne.trigger, onClick: y, "aria-label": a.attribute, "aria-haspopup": "listbox", "aria-expanded": p, children: [
-    g,
+  t[9] !== a.attribute || t[10] !== p || t[11] !== h || t[12] !== v ? (b = /* @__PURE__ */ z($t, { sx: ne.trigger, onClick: y, "aria-label": a.attribute, "aria-haspopup": "listbox", "aria-expanded": p, children: [
+    h,
     v
-  ] }), t[9] = a.attribute, t[10] = p, t[11] = g, t[12] = v, t[13] = b) : b = t[13];
+  ] }), t[9] = a.attribute, t[10] = p, t[11] = h, t[12] = v, t[13] = b) : b = t[13];
   let C;
   t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = () => c(null), t[14] = C) : C = t[14];
   const L = s?.clientWidth;
@@ -1486,7 +1489,7 @@ function Mo() {
   let I;
   t[26] !== s || t[27] !== p || t[28] !== w || t[29] !== x ? (I = /* @__PURE__ */ d($e, { anchorEl: s, open: p, onClose: C, slotProps: w, children: x }), t[26] = s, t[27] = p, t[28] = w, t[29] = x, t[30] = I) : I = t[30];
   let S;
-  return t[31] !== I || t[32] !== b ? (S = /* @__PURE__ */ P(he, { children: [
+  return t[31] !== I || t[32] !== b ? (S = /* @__PURE__ */ z(he, { children: [
     b,
     I
   ] }), t[31] = I, t[32] = b, t[33] = S) : S = t[33], S;
@@ -1554,8 +1557,8 @@ const te = {
     overflow: "visible",
     textOverflow: "clip"
   }
-}, _e = 12, ye = 1.5, it = 2, Ao = 1;
-function To(t) {
+}, _e = 12, ye = 1.5, lt = 2, zo = 1;
+function Ao(t) {
   switch (t) {
     case "dashed":
       return {
@@ -1572,7 +1575,7 @@ function To(t) {
       return {};
   }
 }
-function Do(t) {
+function To(t) {
   switch (t) {
     case "dashed":
       return {
@@ -1580,7 +1583,7 @@ function Do(t) {
       };
     case "dotted":
       return {
-        dash: `0.1 ${it * 2}`,
+        dash: `0.1 ${lt * 2}`,
         round: !0
       };
     case "dash-dot":
@@ -1593,7 +1596,7 @@ function Do(t) {
       return {};
   }
 }
-function Eo(t, e) {
+function Do(t, e) {
   const o = (r) => /* @__PURE__ */ d("path", { d: r, stroke: e, strokeWidth: 1.2, fill: "none" });
   switch (t) {
     case "horizontal":
@@ -1635,7 +1638,7 @@ function Eo(t, e) {
       return null;
   }
 }
-function rt(t) {
+function it(t) {
   const e = T(46), {
     shape: o,
     color: r,
@@ -1643,10 +1646,10 @@ function rt(t) {
     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 ? _e : a, y = gt();
+  } = 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 ? _e : a, y = ht();
   if (s === "line") {
     let V;
-    e[0] !== f ? (V = Do(f), e[0] = f, e[1] = V) : V = e[1];
+    e[0] !== f ? (V = To(f), e[0] = f, e[1] = V) : V = e[1];
     const {
       dash: W,
       round: R
@@ -1658,23 +1661,23 @@ function rt(t) {
     }, e[2] = F) : F = e[2];
     const se = u / 2, Ce = u / 2, we = R ? "round" : "butt";
     let ae;
-    e[3] !== r || e[4] !== W || e[5] !== u || e[6] !== Ce || e[7] !== we || e[8] !== se ? (ae = /* @__PURE__ */ d("line", { x1: 0, y1: se, x2: u, y2: Ce, stroke: r, strokeWidth: it, strokeDasharray: W, strokeLinecap: we }), e[3] = r, e[4] = W, e[5] = u, e[6] = Ce, e[7] = we, e[8] = se, e[9] = ae) : ae = e[9];
+    e[3] !== r || e[4] !== W || e[5] !== u || e[6] !== Ce || e[7] !== we || e[8] !== se ? (ae = /* @__PURE__ */ d("line", { x1: 0, y1: se, x2: u, y2: Ce, stroke: r, strokeWidth: lt, strokeDasharray: W, strokeLinecap: we }), e[3] = r, e[4] = W, e[5] = u, e[6] = Ce, e[7] = we, 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: F, children: ae }), e[10] = u, e[11] = ae, e[12] = H, e[13] = Le) : Le = e[13], Le;
   }
-  const g = c ? ye / 2 : 0, h = !c && p !== "solid";
+  const h = c ? ye / 2 : 0, g = !c && p !== "solid";
   let v;
-  e[14] !== r || e[15] !== p || e[16] !== h ? (v = h ? Eo(p, r) : null, e[14] = r, e[15] = p, e[16] = h, e[17] = v) : v = e[17];
+  e[14] !== r || e[15] !== p || e[16] !== g ? (v = g ? Do(p, r) : null, e[14] = r, e[15] = p, e[16] = g, e[17] = v) : v = e[17];
   const b = v, C = c && f === "corners" && s === "square";
   let L;
-  e[18] !== c || e[19] !== f ? (L = c ? To(f) : {
+  e[18] !== c || e[19] !== f ? (L = c ? Ao(f) : {
     dash: void 0,
     round: !1
   }, e[18] = c, e[19] = f, e[20] = L) : L = e[20];
   const {
     dash: w,
     round: x
-  } = L, I = c ? ye : Ao, S = c ? w : void 0, O = x ? "round" : "butt";
+  } = L, I = c ? ye : zo, S = c ? w : void 0, O = x ? "round" : "butt";
   let k;
   e[21] !== r || e[22] !== O || e[23] !== I || e[24] !== S ? (k = {
     stroke: r,
@@ -1682,22 +1685,22 @@ function rt(t) {
     strokeDasharray: S,
     strokeLinecap: O
   }, e[21] = r, e[22] = O, e[23] = I, e[24] = S, e[25] = k) : k = e[25];
-  const $ = k, _ = c ? "none" : h ? `url(#${y})` : r, G = `0 0 ${u} ${u}`;
+  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 z;
-  e[27] !== y || e[28] !== b ? (z = 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] = z) : z = e[29];
+  let M;
+  e[27] !== y || e[28] !== b ? (M = 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] = M) : M = e[29];
   let A;
-  e[30] !== r || e[31] !== $ || e[32] !== _ || e[33] !== g || e[34] !== C || e[35] !== c || e[36] !== s || e[37] !== u || e[38] !== h ? (A = C ? /* @__PURE__ */ d(Ho, { size: u, color: r }) : s === "circle" ? /* @__PURE__ */ d("circle", { cx: u / 2, cy: u / 2, r: u / 2 - g, fill: _, ...$, stroke: c || h ? r : "none" }) : /* @__PURE__ */ d("rect", { x: g, y: g, width: u - g * 2, height: u - g * 2, fill: _, ...$, stroke: c || h ? r : "none" }), e[30] = r, e[31] = $, e[32] = _, e[33] = g, e[34] = C, e[35] = c, e[36] = s, e[37] = u, e[38] = h, e[39] = A) : A = e[39];
+  e[30] !== r || e[31] !== $ || e[32] !== _ || e[33] !== h || e[34] !== C || e[35] !== c || e[36] !== s || e[37] !== u || e[38] !== g ? (A = C ? /* @__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] = C, e[35] = c, e[36] = s, e[37] = u, e[38] = g, e[39] = A) : A = e[39];
   let D;
-  return e[40] !== s || e[41] !== u || e[42] !== G || e[43] !== z || e[44] !== A ? (D = /* @__PURE__ */ P("svg", { width: u, height: u, viewBox: G, "aria-hidden": !0, "data-shape": s, style: m, children: [
-    z,
+  return e[40] !== s || e[41] !== u || e[42] !== G || e[43] !== M || e[44] !== A ? (D = /* @__PURE__ */ z("svg", { width: u, height: u, viewBox: G, "aria-hidden": !0, "data-shape": s, style: m, children: [
+    M,
     A
-  ] }), e[40] = s, e[41] = u, e[42] = G, e[43] = z, e[44] = A, e[45] = D) : D = e[45], D;
+  ] }), e[40] = s, e[41] = u, e[42] = G, e[43] = M, e[44] = A, e[45] = D) : D = e[45], D;
 }
-function Ho(t) {
+function Eo(t) {
   const e = T(19), {
     size: o,
     color: r
@@ -1715,21 +1718,21 @@ function Ho(t) {
   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 g;
-  e[8] !== s || e[9] !== y ? (g = /* @__PURE__ */ d("path", { d: y, ...s }), e[8] = s, e[9] = y, e[10] = g) : g = e[10];
-  const h = `M${i + l} ${n} H${i} V${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 v;
-  e[11] !== s || e[12] !== h ? (v = /* @__PURE__ */ d("path", { d: h, ...s }), e[11] = s, e[12] = h, e[13] = v) : v = e[13];
+  e[11] !== s || e[12] !== g ? (v = /* @__PURE__ */ d("path", { d: g, ...s }), e[11] = s, e[12] = g, e[13] = v) : v = e[13];
   let b;
-  return e[14] !== p || e[15] !== u || e[16] !== g || e[17] !== v ? (b = /* @__PURE__ */ P(he, { children: [
+  return e[14] !== p || e[15] !== u || e[16] !== h || e[17] !== v ? (b = /* @__PURE__ */ z(he, { children: [
     p,
     u,
-    g,
+    h,
     v
-  ] }), e[14] = p, e[15] = u, e[16] = g, e[17] = v, e[18] = b) : b = e[18], b;
+  ] }), e[14] = p, e[15] = u, e[16] = h, e[17] = v, e[18] = b) : b = e[18], b;
 }
-const Ro = 16;
-function st(t) {
+const Ho = 16;
+function rt(t) {
   const e = T(23), {
     data: o
   } = t, {
@@ -1739,38 +1742,38 @@ function st(t) {
     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, g = y === "horizontal";
-  let h;
-  e[0] !== r ? (h = r.reduce(Vo, 0), e[0] = r, e[1] = h) : h = e[1];
-  const b = Math.max(Ro, h), C = g ? te.listHorizontal : null;
+  } = 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), C = h ? te.listHorizontal : null;
   let L;
   e[2] !== C ? (L = {
     ...te.list,
     ...C
   }, e[2] = C, e[3] = L) : L = e[3];
   let w;
-  if (e[4] !== f || e[5] !== b || e[6] !== g || e[7] !== p || e[8] !== r || e[9] !== c || e[10] !== u) {
+  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] !== g || e[15] !== p || e[16] !== c || e[17] !== u ? (I = (S, O) => /* @__PURE__ */ P(M, { sx: {
+    e[12] !== f || e[13] !== b || e[14] !== h || e[15] !== p || e[16] !== c || e[17] !== u ? (I = (S, O) => /* @__PURE__ */ z(P, { sx: {
       ...te.item,
-      ...g ? te.itemHorizontal : null
+      ...h ? te.itemHorizontal : null
     }, children: [
-      /* @__PURE__ */ d(M, { sx: {
+      /* @__PURE__ */ d(P, { sx: {
         ...te.gutter,
-        width: g ? void 0 : b
-      }, children: /* @__PURE__ */ d(rt, { shape: S.shape ?? c, color: S.color, isStrokeColor: S.isStrokeColor ?? p, fillPattern: S.fillPattern ?? f, strokeStyle: S.strokeStyle ?? u, size: S.size ?? _e }) }),
+        width: h ? void 0 : b
+      }, children: /* @__PURE__ */ d(it, { shape: S.shape ?? c, color: S.color, isStrokeColor: S.isStrokeColor ?? p, fillPattern: S.fillPattern ?? f, strokeStyle: S.strokeStyle ?? u, size: S.size ?? _e }) }),
       /* @__PURE__ */ d(E, { variant: "caption", color: "text.primary", sx: {
         ...te.label,
-        ...g ? te.labelHorizontal : null
+        ...h ? te.labelHorizontal : null
       }, children: S.label }),
       S.value != null && /* @__PURE__ */ d(E, { className: "PsLegend-value", variant: "caption", color: "text.secondary", sx: te.value, children: S.value })
-    ] }, `${S.label}-${O}`), e[12] = f, e[13] = b, e[14] = g, e[15] = p, e[16] = c, e[17] = u, e[18] = I) : I = e[18], w = r.map(I), e[4] = f, e[5] = b, e[6] = g, e[7] = p, e[8] = r, e[9] = c, e[10] = u, e[11] = w;
+    ] }, `${S.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], w = 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] = w;
   } else
     w = e[11];
   let x;
-  return e[19] !== y || e[20] !== L || e[21] !== w ? (x = /* @__PURE__ */ d(M, { "data-orientation": y, sx: L, children: w }), e[19] = y, e[20] = L, e[21] = w, e[22] = x) : x = e[22], x;
+  return e[19] !== y || e[20] !== L || e[21] !== w ? (x = /* @__PURE__ */ d(P, { "data-orientation": y, sx: L, children: w }), e[19] = y, e[20] = L, e[21] = w, e[22] = x) : x = e[22], x;
 }
-function Vo(t, e) {
+function Ro(t, e) {
   return Math.max(t, e.size ?? _e);
 }
 const K = {
@@ -1833,7 +1836,7 @@ const K = {
     whiteSpace: "nowrap"
   }
 };
-function Bo(t) {
+function Vo(t) {
   const {
     avg: e,
     stops: o
@@ -1844,7 +1847,7 @@ function Bo(t) {
   const i = (e - r) / (l - r) * 100;
   return Math.min(100, Math.max(0, i));
 }
-function at(t) {
+function st(t) {
   const e = T(40), {
     data: o,
     labels: r
@@ -1856,68 +1859,68 @@ function at(t) {
     formatValue: c
   } = o, p = c === void 0 ? String : c;
   let f;
-  e[0] !== o ? (f = Bo(o), e[0] = o, e[1] = f) : f = e[1];
-  const u = f, y = n[0], g = n[n.length - 1];
-  let h;
-  e[2] !== i ? (h = i.join(", "), e[2] = i, e[3] = h) : h = e[3];
-  const v = `linear-gradient(90deg, ${h})`, b = !a && n.length === i.length + 1, C = !a && !b;
+  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 v = `linear-gradient(90deg, ${g})`, b = !a && n.length === i.length + 1, C = !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 w = L;
   let x;
-  e[6] !== s || e[7] !== l ? (x = s && /* @__PURE__ */ P(M, { sx: K.attribute, children: [
+  e[6] !== s || e[7] !== l ? (x = s && /* @__PURE__ */ z(P, { 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] = x) : x = e[8];
   const I = x;
   if (C) {
     let m;
-    e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ d(Tt, { fontSize: "small" }), e[9] = m) : m = e[9];
-    const z = `Discrete ramp needs ${i.length + 1} stops (one per color boundary) but got ${n.length}.`;
+    e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ d(At, { fontSize: "small" }), e[9] = m) : m = e[9];
+    const M = `Discrete ramp needs ${i.length + 1} stops (one per color boundary) but got ${n.length}.`;
     let A;
-    e[10] !== z ? (A = /* @__PURE__ */ P(M, { sx: K.error, children: [
+    e[10] !== M ? (A = /* @__PURE__ */ z(P, { sx: K.error, children: [
       m,
-      /* @__PURE__ */ d(E, { variant: "caption", color: "error", children: z })
-    ] }), e[10] = z, e[11] = A) : A = e[11];
+      /* @__PURE__ */ d(E, { variant: "caption", color: "error", children: M })
+    ] }), e[10] = M, e[11] = A) : A = e[11];
     let D;
-    return e[12] !== I || e[13] !== A ? (D = /* @__PURE__ */ P(M, { sx: K.container, children: [
+    return e[12] !== I || e[13] !== A ? (D = /* @__PURE__ */ z(P, { sx: K.container, children: [
       I,
       A
     ] }), e[12] = I, e[13] = A, e[14] = D) : D = e[14], D;
   }
   let S;
-  e[15] !== i || e[16] !== v || e[17] !== a || e[18] !== l || e[19] !== w ? (S = a ? /* @__PURE__ */ d(M, { role: "img", "aria-label": l.colorGradient, sx: {
+  e[15] !== i || e[16] !== v || e[17] !== a || e[18] !== l || e[19] !== w ? (S = a ? /* @__PURE__ */ d(P, { role: "img", "aria-label": l.colorGradient, sx: {
     width: "100%",
     height: "100%",
     background: v
-  } }) : i.map((m, z) => /* @__PURE__ */ d(M, { role: "img", "aria-label": w(z), sx: {
+  } }) : i.map((m, M) => /* @__PURE__ */ d(P, { role: "img", "aria-label": w(M), sx: {
     ...K.step,
     backgroundColor: m
-  } }, z)), e[15] = i, e[16] = v, e[17] = a, e[18] = l, e[19] = w, e[20] = S) : S = e[20];
+  } }, M)), e[15] = i, e[16] = v, e[17] = a, e[18] = l, e[19] = w, e[20] = S) : S = e[20];
   let O;
-  e[21] !== S ? (O = /* @__PURE__ */ d(M, { sx: K.bar, children: S }), e[21] = S, e[22] = O) : O = e[22];
+  e[21] !== S ? (O = /* @__PURE__ */ d(P, { sx: K.bar, children: S }), e[21] = S, 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(M, { sx: K.avgLine, style: {
+  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(P, { 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__ */ P(M, { sx: K.barWrap, children: [
+  e[27] !== O || e[28] !== k ? ($ = /* @__PURE__ */ z(P, { 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] !== g?.label || e[34] !== n ? (_ = b ? /* @__PURE__ */ d(M, { sx: K.boundaryLabels, children: n.map((m, z) => {
-    const A = z === n.length - 1, D = z === 0 ? void 0 : A ? "translateX(-100%)" : "translateX(-50%)";
+  e[30] !== i.length || e[31] !== y?.label || e[32] !== b || e[33] !== h?.label || e[34] !== n ? (_ = b ? /* @__PURE__ */ d(P, { sx: K.boundaryLabels, children: n.map((m, M) => {
+    const A = M === n.length - 1, D = M === 0 ? void 0 : A ? "translateX(-100%)" : "translateX(-50%)";
     return /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", sx: K.boundaryLabel, style: {
-      left: `${z / i.length * 100}%`,
+      left: `${M / i.length * 100}%`,
       transform: D
-    }, children: m.label }, `${m.label}-${z}`);
-  }) }) : /* @__PURE__ */ P(M, { sx: K.labels, children: [
+    }, children: m.label }, `${m.label}-${M}`);
+  }) }) : /* @__PURE__ */ z(P, { sx: K.labels, children: [
     /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", children: y?.label }),
-    /* @__PURE__ */ d(E, { variant: "overline", color: "text.secondary", children: g?.label })
-  ] }), e[30] = i.length, e[31] = y?.label, e[32] = b, e[33] = g?.label, e[34] = n, e[35] = _) : _ = e[35];
+    /* @__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__ */ P(M, { sx: K.container, children: [
+  return e[36] !== I || e[37] !== $ || e[38] !== _ ? (G = /* @__PURE__ */ z(P, { sx: K.container, children: [
     I,
     $,
     _
@@ -1963,8 +1966,8 @@ const ce = {
     flexDirection: "column",
     justifyContent: "space-between"
   }
-}, fe = 72, Wo = 0.3, Ae = 2, Ie = 4;
-function No(t) {
+}, fe = 72, Bo = 0.3, Ae = 2, Ie = 4;
+function Wo(t) {
   const e = (t.stops ?? []).filter((i) => Number.isFinite(i));
   if (e.length >= Ae)
     return e.sort((i, n) => n - i).slice(0, Ie);
@@ -1978,12 +1981,12 @@ function No(t) {
     length: l
   }, (i, n) => r - (r - o) * n / (l - 1));
 }
-function Fo(t, e) {
+function No(t, e) {
   if (e <= 1) return fe;
-  const o = 1 - (1 - Wo) * (t / (e - 1));
+  const o = 1 - (1 - Bo) * (t / (e - 1));
   return fe * o;
 }
-function ct(t) {
+function at(t) {
   const e = T(40), {
     data: o,
     labels: r
@@ -1991,25 +1994,25 @@ function ct(t) {
     attribute: i,
     formatValue: n
   } = o, a = n === void 0 ? String : n;
-  let s, c, p, f, u, y, g, h, v;
+  let s, c, p, f, u, y, h, g, v;
   if (e[0] !== i || e[1] !== o || e[2] !== a || e[3] !== l) {
-    const w = No(o), x = w.length;
+    const w = Wo(o), x = w.length;
     let I;
     e[13] !== a || e[14] !== l || e[15] !== x ? (I = (_, G) => {
       const m = a(_);
-      return x <= 1 ? m : G === 0 ? /* @__PURE__ */ P(he, { children: [
+      return x <= 1 ? m : G === 0 ? /* @__PURE__ */ z(he, { children: [
         l.maxPrefix,
         m
-      ] }) : G === x - 1 ? /* @__PURE__ */ P(he, { children: [
+      ] }) : G === x - 1 ? /* @__PURE__ */ z(he, { children: [
         l.minPrefix,
         m
       ] }) : m;
     }, e[13] = a, e[14] = l, e[15] = x, e[16] = I) : I = e[16];
     const S = I;
-    p = M, h = ce.root, e[17] !== i || e[18] !== l ? (v = i && /* @__PURE__ */ P(M, { sx: ce.attribute, children: [
+    p = P, g = ce.root, e[17] !== i || e[18] !== l ? (v = i && /* @__PURE__ */ z(P, { 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] = v) : v = e[19], c = M, y = ce.body;
+    ] }), e[17] = i, e[18] = l, e[19] = v) : v = e[19], c = P, y = ce.body;
     let O;
     e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = {
       ...ce.circles,
@@ -2018,32 +2021,32 @@ function ct(t) {
     }, e[20] = O) : O = e[20];
     let k;
     e[21] !== x ? (k = (_, G) => {
-      const m = Fo(G, x);
-      return /* @__PURE__ */ d(M, { "aria-hidden": !0, sx: {
+      const m = No(G, x);
+      return /* @__PURE__ */ d(P, { "aria-hidden": !0, sx: {
         ...ce.circle,
         width: m,
         height: m
       } }, G);
-    }, e[21] = x, e[22] = k) : k = e[22], g = /* @__PURE__ */ d(M, { sx: O, children: w.map(k) }), s = M, e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    }, e[21] = x, e[22] = k) : k = e[22], h = /* @__PURE__ */ d(P, { sx: O, children: w.map(k) }), s = P, e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
       ...ce.labels,
       height: fe
     }, e[23] = f) : f = e[23];
     let $;
-    e[24] !== S ? ($ = (_, G) => /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: S(_, G) }, G), e[24] = S, e[25] = $) : $ = e[25], u = w.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] = g, e[11] = h, e[12] = v;
+    e[24] !== S ? ($ = (_, G) => /* @__PURE__ */ d(E, { variant: "caption", color: "text.secondary", children: S(_, G) }, G), e[24] = S, e[25] = $) : $ = e[25], u = w.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] = v;
   } else
-    s = e[4], c = e[5], p = e[6], f = e[7], u = e[8], y = e[9], g = e[10], h = e[11], v = e[12];
+    s = e[4], c = e[5], p = e[6], f = e[7], u = e[8], y = e[9], h = e[10], g = e[11], v = 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 C;
-  e[30] !== c || e[31] !== y || e[32] !== g || e[33] !== b ? (C = /* @__PURE__ */ P(c, { sx: y, children: [
-    g,
+  e[30] !== c || e[31] !== y || e[32] !== h || e[33] !== b ? (C = /* @__PURE__ */ z(c, { sx: y, children: [
+    h,
     b
-  ] }), e[30] = c, e[31] = y, e[32] = g, e[33] = b, e[34] = C) : C = e[34];
+  ] }), e[30] = c, e[31] = y, e[32] = h, e[33] = b, e[34] = C) : C = e[34];
   let L;
-  return e[35] !== p || e[36] !== C || e[37] !== h || e[38] !== v ? (L = /* @__PURE__ */ P(p, { sx: h, children: [
+  return e[35] !== p || e[36] !== C || e[37] !== g || e[38] !== v ? (L = /* @__PURE__ */ z(p, { sx: g, children: [
     v,
     C
-  ] }), e[35] = p, e[36] = C, e[37] = h, e[38] = v, e[39] = L) : L = e[39], L;
+  ] }), e[35] = p, e[36] = C, e[37] = g, e[38] = v, e[39] = L) : L = e[39], L;
 }
 const oe = {
   list: {
@@ -2101,7 +2104,7 @@ const oe = {
     textOverflow: "clip"
   }
 };
-function dt(t) {
+function ct(t) {
   const e = T(11), {
     data: o
   } = t, r = o.orientation ?? "vertical", l = r === "horizontal", i = l ? oe.listHorizontal : null;
@@ -2113,11 +2116,11 @@ function dt(t) {
   let a;
   if (e[2] !== o.items || e[3] !== l) {
     let c;
-    e[5] !== l ? (c = (p, f) => /* @__PURE__ */ P(M, { sx: {
+    e[5] !== l ? (c = (p, f) => /* @__PURE__ */ z(P, { sx: {
       ...oe.item,
       ...l ? oe.itemHorizontal : null
     }, children: [
-      /* @__PURE__ */ d(M, { component: "img", src: p.icon, alt: "", sx: oe.icon }),
+      /* @__PURE__ */ d(P, { component: "img", src: p.icon, alt: "", sx: oe.icon }),
       /* @__PURE__ */ d(E, { variant: "caption", color: "text.primary", sx: {
         ...oe.label,
         ...l ? oe.labelHorizontal : null
@@ -2127,9 +2130,9 @@ function dt(t) {
   } else
     a = e[4];
   let s;
-  return e[7] !== r || e[8] !== n || e[9] !== a ? (s = /* @__PURE__ */ d(M, { "data-orientation": r, sx: n, children: a }), e[7] = r, e[8] = n, e[9] = a, e[10] = s) : s = e[10], s;
+  return e[7] !== r || e[8] !== n || e[9] !== a ? (s = /* @__PURE__ */ d(P, { "data-orientation": r, sx: n, children: a }), e[7] = r, e[8] = n, e[9] = a, e[10] = s) : s = e[10], s;
 }
-function ut(t) {
+function dt(t) {
   const e = T(10), {
     data: o,
     labels: r
@@ -2137,25 +2140,25 @@ function ut(t) {
   switch (o.type) {
     case "category": {
       let l;
-      return e[0] !== o ? (l = /* @__PURE__ */ d(st, { data: o }), e[0] = o, e[1] = l) : l = e[1], 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(at, { data: o, labels: r }), e[2] = o, e[3] = r, e[4] = l) : l = e[4], 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(ct, { data: o, labels: r }), e[5] = o, e[6] = r, e[7] = l) : l = e[7], 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(dt, { data: o }), e[8] = o, e[9] = l) : l = e[9], 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 Uo = {
+const Fo = {
   // Figma: stacked variable sections sit ~16px apart (wider than the row
   // content's 8px block gap).
   stack: {
@@ -2164,7 +2167,7 @@ const Uo = {
     gap: 2
   }
 };
-function jo() {
+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];
@@ -2176,45 +2179,45 @@ function jo() {
   let n;
   if (t[2] !== i || t[3] !== l) {
     let s;
-    t[5] !== i ? (s = (c, p) => /* @__PURE__ */ d(ut, { 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;
+    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(M, { sx: Uo.stack, children: n }), t[7] = n, t[8] = a) : a = t[8], a;
+  return t[7] !== n ? (a = /* @__PURE__ */ d(P, { sx: Fo.stack, children: n }), t[7] = n, t[8] = a) : a = t[8], a;
 }
-const cn = {
+const an = {
   // Composition shell
-  Provider: Ft,
-  Group: Zt,
-  Row: qt,
-  Actions: Ye,
-  Sortable: Lo,
+  Provider: Nt,
+  Group: jt,
+  Row: Xt,
+  Actions: Qe,
+  Sortable: vo,
   // Store-connected actions & controls (context-driven)
-  VisibilityToggle: eo,
-  RowMenu: no,
-  ZoomTo: lo,
-  ShowOnlyLayer: io,
-  ShowAllLayers: ro,
-  GroupMenu: so,
-  ShowOnlyGroup: ao,
-  ShowAllGroups: co,
-  CollapseAllGroups: uo,
-  ZoomToGroup: po,
-  PanelMenu: fo,
-  VisibleLayers: go,
-  Opacity: zo,
+  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: Mo,
-  Item: jo,
+  Item: Uo,
   // Pure UI
-  ItemUI: ut,
-  Swatch: rt,
-  CategoryUI: st,
-  RampUI: at,
-  ProportionUI: ct,
-  IconUI: dt
+  ItemUI: dt,
+  Swatch: it,
+  CategoryUI: rt,
+  RampUI: st,
+  ProportionUI: at,
+  IconUI: ct
 };
 export {
   ge as DEFAULT_LEGEND_LABELS,
-  cn as Legend
+  an as Legend
 };
 //# sourceMappingURL=legend.js.map