@carto/ps-react-ui 4.11.1 → 4.11.3

package/dist/widgets-v2.js

@@ -1,10 +1,10 @@
-import { jsx as a, jsxs as G, Fragment as re } from "react/jsx-runtime";
+import { jsx as a, jsxs as G, Fragment as ie } from "react/jsx-runtime";
 import { c as T } from "react/compiler-runtime";
-import { useState as V, useLayoutEffect as ee, Children as ae, isValidElement as ce, Component as be, useEffect as de, useRef as ve } from "react";
-import { W as Se, u as pe } from "./widget-context-DTGO0Yta.js";
-import { j as we, i as Ee, e as Ce, n as Te, r as ke, q as _e, v as Ie, u as Ae, s as Le } from "./widget-store-registry-_W4Z4xp-.js";
+import { useState as V, useLayoutEffect as te, Children as ae, isValidElement as ce, Component as be, useEffect as de, useRef as ve } from "react";
+import { W as Se, u as fe } from "./widget-context-DTGO0Yta.js";
+import { j as we, i as Ee, e as Ce, n as Te, r as ke, q as _e, v as Ie, u as Le, s as Ae } from "./widget-store-registry-_W4Z4xp-.js";
 import "zustand";
-import { Box as W, LinearProgress as We, Typography as X, AccordionSummary as $e, AccordionDetails as De, Accordion as Fe, AlertTitle as Be, Alert as Oe, Button as Me, IconButton as Re, Divider as Pe, Popper as Ue, Grow as Ne, Paper as je, Link as fe } from "@mui/material";
+import { Box as W, LinearProgress as We, Typography as Z, AccordionSummary as $e, AccordionDetails as De, Accordion as Fe, AlertTitle as Be, Alert as Oe, Button as Re, IconButton as Me, Divider as Pe, Popper as Ue, Grow as Ne, Paper as je, Link as pe } from "@mui/material";
 import { ExpandMore as ze, Close as He } from "@mui/icons-material";
 import { S as Ve } from "./smart-tooltip-D4vwQpFf.js";
 import { createPortal as Ge } from "react-dom";
@@ -13,12 +13,12 @@ import "./lasso-tool-CDFj4zKY.js";
 import "./cjs-D4KH3azB.js";
 import { T as Xe } from "./tooltip-BDnrRKrp.js";
 import "@carto/ps-utils";
-import { o as Ze, a as Ke, E as Ye } from "./echart-CU0KmClP.js";
-import { D as Wn } from "./echart-CU0KmClP.js";
+import { o as Ze, a as Ke, E as Ye } from "./echart-BMPpj7n_.js";
+import { D as Wn } from "./echart-BMPpj7n_.js";
 import { a as Je, b as Qe, M as et } from "./markdown-BD1jcknS.js";
-import { C as tt, L as nt, F as ot, j as rt, R as it, B as lt, Z as st, m as at, n as ct, l as dt, k as pt } from "./change-column-DjjwoPt1.js";
+import { C as tt, L as nt, F as ot, j as rt, R as it, B as lt, Z as st, m as at, n as ct, l as dt, k as ft } from "./change-column-DjjwoPt1.js";
 import "html2canvas";
-import { a as ft, F as mt } from "./formula-DuC0NQLH.js";
+import { a as pt, F as mt } from "./formula-DuC0NQLH.js";
 import "react-markdown";
 import { b as ut, a as gt } from "./spread-DYNpzgh_.js";
 import { a as ht, R as yt } from "./range-l4fNHLEg.js";
@@ -31,56 +31,56 @@ function wt(t) {
     isLoading: o,
     isFetching: i,
     error: s,
-    formatter: c,
-    labelFormatter: f,
+    formatter: d,
+    labelFormatter: p,
     keepAlive: u,
     children: m
-  } = t, p = u === void 0 ? !1 : u;
+  } = t, f = u === void 0 ? !1 : u;
   let g;
-  e[0] !== r || e[1] !== s || e[2] !== c || e[3] !== n || e[4] !== i || e[5] !== o || e[6] !== f ? (g = () => {
+  e[0] !== r || e[1] !== s || e[2] !== d || e[3] !== n || e[4] !== i || e[5] !== o || e[6] !== p ? (g = () => {
     if (we(n))
       return Ee(n);
-    const E = Ce(n, {
+    const C = Ce(n, {
       data: r,
       isLoading: o,
       isFetching: i,
       error: s,
-      formatter: c,
-      labelFormatter: f
+      formatter: d,
+      labelFormatter: p
     });
-    return Te(n, E), E;
-  }, e[0] = r, e[1] = s, e[2] = c, e[3] = n, e[4] = i, e[5] = o, e[6] = f, e[7] = g) : g = e[7];
+    return Te(n, C), C;
+  }, e[0] = r, e[1] = s, e[2] = d, e[3] = n, e[4] = i, e[5] = o, e[6] = p, e[7] = g) : g = e[7];
   const [l] = V(g);
-  let d, h;
-  e[8] !== n || e[9] !== p || e[10] !== l ? (d = () => (ke(n, l), () => {
+  let c, h;
+  e[8] !== n || e[9] !== f || e[10] !== l ? (c = () => (ke(n, l), () => {
     _e(n, {
-      keepAlive: p
+      keepAlive: f
     });
-  }), h = [n, l, p], e[8] = n, e[9] = p, e[10] = l, e[11] = d, e[12] = h) : (d = e[11], h = e[12]), ee(d, h);
+  }), h = [n, l, f], e[8] = n, e[9] = f, e[10] = l, e[11] = c, e[12] = h) : (c = e[11], h = e[12]), te(c, h);
   let y, x;
   e[13] !== r || e[14] !== l ? (y = () => {
     l.setState({
       rawData: r
     });
-  }, x = [l, r], e[13] = r, e[14] = l, e[15] = y, e[16] = x) : (y = e[15], x = e[16]), ee(y, x);
-  let b, w;
+  }, x = [l, r], e[13] = r, e[14] = l, e[15] = y, e[16] = x) : (y = e[15], x = e[16]), te(y, x);
+  let b, E;
   e[17] !== s || e[18] !== i || e[19] !== o || e[20] !== l ? (b = () => {
     l.setState({
       isLoading: o ?? !1,
       isFetching: i ?? !1,
       error: s
     });
-  }, w = [l, o, i, s], e[17] = s, e[18] = i, e[19] = o, e[20] = l, e[21] = b, e[22] = w) : (b = e[21], w = e[22]), ee(b, w);
+  }, E = [l, o, i, s], e[17] = s, e[18] = i, e[19] = o, e[20] = l, e[21] = b, e[22] = E) : (b = e[21], E = e[22]), te(b, E);
   let k, _;
-  e[23] !== c || e[24] !== f || e[25] !== l ? (_ = () => {
+  e[23] !== d || e[24] !== p || e[25] !== l ? (_ = () => {
     l.setState({
-      rawFormatter: c,
-      formatter: c,
-      labelFormatter: f
+      rawFormatter: d,
+      formatter: d,
+      labelFormatter: p
     });
-  }, k = [l, c, f], e[23] = c, e[24] = f, e[25] = l, e[26] = k, e[27] = _) : (k = e[26], _ = e[27]), ee(_, k);
-  let A;
-  return e[28] !== m || e[29] !== n ? (A = /* @__PURE__ */ a(Se.Provider, { value: n, children: m }), e[28] = m, e[29] = n, e[30] = A) : A = e[30], A;
+  }, k = [l, d, p], e[23] = d, e[24] = p, e[25] = l, e[26] = k, e[27] = _) : (k = e[26], _ = e[27]), te(_, k);
+  let L;
+  return e[28] !== m || e[29] !== n ? (L = /* @__PURE__ */ a(Se.Provider, { value: n, children: m }), e[28] = m, e[29] = n, e[30] = L) : L = e[30], L;
 }
 const j = {
   root: {
@@ -131,23 +131,6 @@ const j = {
       "&.active": {
         opacity: 1
       }
-    },
-    // Disabled state — only block interaction; keep visuals unchanged.
-    // MUI's default `.Mui-disabled` rules dim the AccordionSummary's color
-    // and add a faded background; we override them so the wrapper looks
-    // identical to its enabled form. The single behavioral change is
-    // `pointer-events: none`, which propagates to every descendant.
-    "&.Mui-disabled": {
-      pointerEvents: "none",
-      bgcolor: "background.paper",
-      "& .MuiAccordionSummary-root.Mui-disabled": {
-        opacity: 1,
-        color: "inherit",
-        backgroundColor: "transparent"
-      },
-      "& .MuiAccordionSummary-expandIconWrapper": {
-        display: "none"
-      }
     }
   },
   loading: {
@@ -174,6 +157,19 @@ const j = {
       alignItems: "center"
     }
   },
+  // Disabled state — only the collapse toggle is inert (enforced by the
+  // guarded `onChange` handler, not `pointer-events`). Actions and Options in
+  // the summary row, and the details panel, all keep their events. We just
+  // drop the toggle affordance: hide the chevron (handled in the component)
+  // and clear the pointer cursor. MUI's AccordionSummary sets
+  // `cursor: pointer` via `&:hover:not(.Mui-disabled)` — a two-class selector
+  // that outranks a plain `cursor` rule — so we override at matching
+  // specificity. Action/Option buttons restore their own pointer cursor.
+  summaryDisabled: {
+    "&, &:hover:not(.Mui-disabled)": {
+      cursor: "default"
+    }
+  },
   titleCell: {
     flexGrow: 1,
     flexShrink: 1,
@@ -266,68 +262,76 @@ const Tt = {
   errorFallbackTitle: "Widget failed to render"
 };
 function kt(t) {
-  const e = T(35), {
+  const e = T(40), {
     title: n,
     collapsed: r,
     onCollapseChange: o,
     defaultCollapsed: i,
     disabled: s,
-    variant: c,
-    labels: f,
+    variant: d,
+    labels: p,
     expandIcon: u,
     iconProps: m,
-    sx: p,
+    sx: f,
     children: g
-  } = t, l = i === void 0 ? !1 : i, d = s === void 0 ? !1 : s, h = c === void 0 ? "elevation" : c, y = u === void 0 ? ze : u, x = pe(), b = Ie(x, _t), w = r !== void 0, [k, _] = V(l), A = w ? r : k;
-  let E;
-  e[0] !== o ? (E = (H, N) => {
-    const K = !N;
-    o?.(K), _(K);
-  }, e[0] = o, e[1] = E) : E = e[1];
-  const F = E;
+  } = t, l = i === void 0 ? !1 : i, c = s === void 0 ? !1 : s, h = d === void 0 ? "elevation" : d, y = u === void 0 ? ze : u, x = fe(), b = Ie(x, _t), E = r !== void 0, [k, _] = V(l), L = E ? r : k;
+  let C;
+  e[0] !== c || e[1] !== o ? (C = (S, z) => {
+    if (c)
+      return;
+    const Q = !z;
+    o?.(Q), _(Q);
+  }, e[0] = c, e[1] = o, e[2] = C) : C = e[2];
+  const O = C;
   let I;
-  e[2] !== f ? (I = {
+  e[3] !== p ? (I = {
     ...Tt,
-    ...f
-  }, e[2] = f, e[3] = I) : I = e[3];
-  const L = I;
-  let S;
-  e[4] !== g ? (S = It(g), e[4] = g, e[5] = S) : S = e[5];
+    ...p
+  }, e[3] = p, e[4] = I) : I = e[4];
+  const A = I;
+  let w;
+  e[5] !== g ? (w = It(g), e[5] = g, e[6] = w) : w = e[6];
   const {
     summary: v,
     details: q
-  } = S, te = A ? L.expand : L.collapse, B = A ? "true" : void 0, Z = !A;
-  let O;
-  e[6] !== p ? (O = {
-    ...j.root,
-    ...p
-  }, e[6] = p, e[7] = O) : O = e[7];
+  } = w, ne = L ? A.expand : A.collapse, R = L ? "true" : void 0, K = !L;
   let M;
-  e[8] !== b ? (M = b ? /* @__PURE__ */ a(We, { sx: j.loading, color: "primary" }) : null, e[8] = b, e[9] = M) : M = e[9];
-  let R;
-  e[10] !== y || e[11] !== m ? (R = /* @__PURE__ */ a(y, { fontSize: "small", ...m }), e[10] = y, e[11] = m, e[12] = R) : R = e[12];
+  e[7] !== f ? (M = {
+    ...j.root,
+    ...f
+  }, e[7] = f, e[8] = M) : M = e[8];
   let P;
-  e[13] !== n ? (P = (H) => {
-    const {
-      ref: N
-    } = H;
-    return /* @__PURE__ */ a(W, { sx: j.titleCell, children: /* @__PURE__ */ a(X, { ref: N, variant: "subtitle1", sx: j.titleText, textTransform: "none", children: n }) });
-  }, e[13] = n, e[14] = P) : P = e[14];
+  e[9] !== b ? (P = b ? /* @__PURE__ */ a(We, { sx: j.loading, color: "primary" }) : null, e[9] = b, e[10] = P) : P = e[10];
   let U;
-  e[15] !== P || e[16] !== n ? (U = /* @__PURE__ */ a(Ve, { title: n, children: P }), e[15] = P, e[16] = n, e[17] = U) : U = e[17];
+  e[11] !== y || e[12] !== c || e[13] !== m ? (U = c ? null : /* @__PURE__ */ a(y, { fontSize: "small", ...m }), e[11] = y, e[12] = c, e[13] = m, e[14] = U) : U = e[14];
+  const X = c || void 0, Y = c ? j.summaryDisabled : null;
   let $;
-  e[18] !== te || e[19] !== v || e[20] !== R || e[21] !== U ? ($ = /* @__PURE__ */ G($e, { expandIcon: R, "aria-label": te, sx: j.summary, children: [
-    U,
-    v
-  ] }), e[18] = te, e[19] = v, e[20] = R, e[21] = U, e[22] = $) : $ = e[22];
+  e[15] !== Y ? ($ = {
+    ...j.summary,
+    ...Y
+  }, e[15] = Y, e[16] = $) : $ = e[16];
   let D;
-  e[23] !== q ? (D = /* @__PURE__ */ a(De, { sx: j.detail, children: q }), e[23] = q, e[24] = D) : D = e[24];
-  let z;
-  return e[25] !== d || e[26] !== F || e[27] !== O || e[28] !== M || e[29] !== $ || e[30] !== D || e[31] !== B || e[32] !== Z || e[33] !== h ? (z = /* @__PURE__ */ G(Fe, { "data-collapsed": B, expanded: Z, onChange: F, disabled: d, disableGutters: !0, elevation: 0, variant: h, square: !0, sx: O, children: [
-    M,
-    $,
-    D
-  ] }), e[25] = d, e[26] = F, e[27] = O, e[28] = M, e[29] = $, e[30] = D, e[31] = B, e[32] = Z, e[33] = h, e[34] = z) : z = e[34], z;
+  e[17] !== n ? (D = (S) => {
+    const {
+      ref: z
+    } = S;
+    return /* @__PURE__ */ a(W, { sx: j.titleCell, children: /* @__PURE__ */ a(Z, { ref: z, variant: "subtitle1", sx: j.titleText, textTransform: "none", children: n }) });
+  }, e[17] = n, e[18] = D) : D = e[18];
+  let N;
+  e[19] !== D || e[20] !== n ? (N = /* @__PURE__ */ a(Ve, { title: n, children: D }), e[19] = D, e[20] = n, e[21] = N) : N = e[21];
+  let F;
+  e[22] !== ne || e[23] !== v || e[24] !== U || e[25] !== X || e[26] !== $ || e[27] !== N ? (F = /* @__PURE__ */ G($e, { expandIcon: U, "aria-label": ne, "aria-disabled": X, sx: $, children: [
+    N,
+    v
+  ] }), e[22] = ne, e[23] = v, e[24] = U, e[25] = X, e[26] = $, e[27] = N, e[28] = F) : F = e[28];
+  let B;
+  e[29] !== q ? (B = /* @__PURE__ */ a(De, { sx: j.detail, children: q }), e[29] = q, e[30] = B) : B = e[30];
+  let H;
+  return e[31] !== O || e[32] !== M || e[33] !== P || e[34] !== F || e[35] !== B || e[36] !== R || e[37] !== K || e[38] !== h ? (H = /* @__PURE__ */ G(Fe, { "data-collapsed": R, expanded: K, onChange: O, disableGutters: !0, elevation: 0, variant: h, square: !0, sx: M, children: [
+    P,
+    F,
+    B
+  ] }), e[31] = O, e[32] = M, e[33] = P, e[34] = F, e[35] = B, e[36] = R, e[37] = K, e[38] = h, e[39] = H) : H = e[39], H;
 }
 function _t(t) {
   return t.isFetching;
@@ -344,7 +348,7 @@ function It(t) {
 function se(t, e) {
   return ce(t) && t.type === e;
 }
-function At(t) {
+function Lt(t) {
   const e = T(5), {
     sx: n,
     children: r
@@ -357,7 +361,7 @@ function At(t) {
   let i;
   return e[2] !== r || e[3] !== o ? (i = /* @__PURE__ */ a(W, { "data-slot": "content", sx: o, children: r }), e[2] = r, e[3] = o, e[4] = i) : i = e[4], i;
 }
-function Lt(t) {
+function At(t) {
   const e = T(5), {
     sx: n,
     children: r
@@ -433,34 +437,34 @@ function Bt(t) {
     isEmpty: o,
     fallback: i,
     labels: s
-  } = t, c = o === void 0 ? Pt : o, f = pe(), u = Ae(f, Ft);
+  } = t, d = o === void 0 ? Pt : o, p = fe(), u = Le(p, Ft);
   let m;
   e[0] !== s ? (m = {
     ...Dt,
     ...s
   }, e[0] = s, e[1] = m) : m = e[1];
-  const p = m;
+  const f = m;
   if (u.isLoading) {
-    let d;
-    return e[2] !== n ? (d = /* @__PURE__ */ a(re, { children: n }), e[2] = n, e[3] = d) : d = e[3], d;
+    let c;
+    return e[2] !== n ? (c = /* @__PURE__ */ a(ie, { children: n }), e[2] = n, e[3] = c) : c = e[3], c;
   }
   if (u.error !== void 0 && u.error !== null) {
-    let d;
-    if (e[4] !== p || e[5] !== i || e[6] !== u.error) {
+    let c;
+    if (e[4] !== f || e[5] !== i || e[6] !== u.error) {
       const h = Ut(u.error);
-      d = i ? /* @__PURE__ */ a(re, { children: i(h) }) : /* @__PURE__ */ a(he, { error: h, labels: p }), e[4] = p, e[5] = i, e[6] = u.error, e[7] = d;
+      c = i ? /* @__PURE__ */ a(ie, { children: i(h) }) : /* @__PURE__ */ a(he, { error: h, labels: f }), e[4] = f, e[5] = i, e[6] = u.error, e[7] = c;
     } else
-      d = e[7];
-    return d;
+      c = e[7];
+    return c;
   }
-  if (c(u.rawData)) {
-    let d;
-    return e[8] !== p ? (d = /* @__PURE__ */ a(Mt, { labels: p }), e[8] = p, e[9] = d) : d = e[9], d;
+  if (d(u.rawData)) {
+    let c;
+    return e[8] !== f ? (c = /* @__PURE__ */ a(Rt, { labels: f }), e[8] = f, e[9] = c) : c = e[9], c;
   }
   let g;
-  e[10] !== r || e[11] !== f ? (g = /* @__PURE__ */ a(Ot, { id: f, children: r }), e[10] = r, e[11] = f, e[12] = g) : g = e[12];
+  e[10] !== r || e[11] !== p ? (g = /* @__PURE__ */ a(Ot, { id: p, children: r }), e[10] = r, e[11] = p, e[12] = g) : g = e[12];
   let l;
-  return e[13] !== p || e[14] !== i || e[15] !== g ? (l = /* @__PURE__ */ a(Rt, { fallback: i, labels: p, children: g }), e[13] = p, e[14] = i, e[15] = g, e[16] = l) : l = e[16], l;
+  return e[13] !== f || e[14] !== i || e[15] !== g ? (l = /* @__PURE__ */ a(Mt, { fallback: i, labels: f, children: g }), e[13] = f, e[14] = i, e[15] = g, e[16] = l) : l = e[16], l;
 }
 function Ot(t) {
   const e = T(5), {
@@ -468,7 +472,7 @@ function Ot(t) {
     children: r
   } = t;
   let o;
-  e[0] !== n ? (o = (c) => Le(n, c), e[0] = n, e[1] = o) : o = e[1];
+  e[0] !== n ? (o = (d) => Ae(n, d), e[0] = n, e[1] = o) : o = e[1];
   const i = o;
   let s;
   return e[2] !== r || e[3] !== i ? (s = /* @__PURE__ */ a(W, { ref: i, sx: ge.captureBox, children: r }), e[2] = r, e[3] = i, e[4] = s) : s = e[4], s;
@@ -488,21 +492,21 @@ function he(t) {
     i
   ] }), e[5] = o, e[6] = i, e[7] = s) : s = e[7], s;
 }
-function Mt(t) {
+function Rt(t) {
   const e = T(7), {
     labels: n
   } = t;
   let r;
-  e[0] !== n.emptyTitle ? (r = /* @__PURE__ */ a(X, { variant: "body2", color: "text.primary", children: n.emptyTitle }), e[0] = n.emptyTitle, e[1] = r) : r = e[1];
+  e[0] !== n.emptyTitle ? (r = /* @__PURE__ */ a(Z, { variant: "body2", color: "text.primary", children: n.emptyTitle }), e[0] = n.emptyTitle, e[1] = r) : r = e[1];
   let o;
-  e[2] !== n.emptyDescription ? (o = /* @__PURE__ */ a(X, { variant: "caption", color: "text.secondary", children: n.emptyDescription }), e[2] = n.emptyDescription, e[3] = o) : o = e[3];
+  e[2] !== n.emptyDescription ? (o = /* @__PURE__ */ a(Z, { variant: "caption", color: "text.secondary", children: n.emptyDescription }), e[2] = n.emptyDescription, e[3] = o) : o = e[3];
   let i;
   return e[4] !== r || e[5] !== o ? (i = /* @__PURE__ */ G(W, { sx: ge.emptyRoot, children: [
     r,
     o
   ] }), e[4] = r, e[5] = o, e[6] = i) : i = e[6], i;
 }
-class Rt extends be {
+class Mt extends be {
   state = {
     error: null
   };
@@ -536,7 +540,7 @@ function Ut(t) {
 }
 const Nt = {
   clear: "Clear"
-}, Q = {
+}, ee = {
   root: {
     display: "flex",
     alignItems: "center",
@@ -566,39 +570,39 @@ function jt(t) {
     onClear: o,
     labels: i,
     icon: s,
-    iconProps: c
+    iconProps: d
   } = t;
   if (!r)
     return null;
-  let f, u, m, p, g, l, d, h, y;
-  if (e[0] !== s || e[1] !== n || e[2] !== c || e[3] !== i || e[4] !== r) {
+  let p, u, m, f, g, l, c, h, y;
+  if (e[0] !== s || e[1] !== n || e[2] !== d || e[3] !== i || e[4] !== r) {
     m = {
       ...Nt,
       ...i
     };
     const k = n === 0 ? r : n;
-    u = W, h = Q.root, e[14] !== s || e[15] !== c ? (y = s ? /* @__PURE__ */ a(s, { fontSize: "small", ...c }) : null, e[14] = s, e[15] = c, e[16] = y) : y = e[16], f = W, p = "span", g = Q.count, l = `${k} / ${r}`, d = m.summary ? m.summary(k, r) : /* @__PURE__ */ G(re, { children: [
-      /* @__PURE__ */ a(X, { component: "span", variant: "caption", sx: Q.selected, children: k }),
-      /* @__PURE__ */ a(X, { component: "span", variant: "caption", sx: Q.separator, children: "/" }),
-      /* @__PURE__ */ a(X, { component: "span", variant: "caption", sx: Q.total, children: r })
-    ] }), e[0] = s, e[1] = n, e[2] = c, e[3] = i, e[4] = r, e[5] = f, e[6] = u, e[7] = m, e[8] = p, e[9] = g, e[10] = l, e[11] = d, e[12] = h, e[13] = y;
+    u = W, h = ee.root, e[14] !== s || e[15] !== d ? (y = s ? /* @__PURE__ */ a(s, { fontSize: "small", ...d }) : null, e[14] = s, e[15] = d, e[16] = y) : y = e[16], p = W, f = "span", g = ee.count, l = `${k} / ${r}`, c = m.summary ? m.summary(k, r) : /* @__PURE__ */ G(ie, { children: [
+      /* @__PURE__ */ a(Z, { component: "span", variant: "caption", sx: ee.selected, children: k }),
+      /* @__PURE__ */ a(Z, { component: "span", variant: "caption", sx: ee.separator, children: "/" }),
+      /* @__PURE__ */ a(Z, { component: "span", variant: "caption", sx: ee.total, children: r })
+    ] }), e[0] = s, e[1] = n, e[2] = d, e[3] = i, e[4] = r, e[5] = p, e[6] = u, e[7] = m, e[8] = f, e[9] = g, e[10] = l, e[11] = c, e[12] = h, e[13] = y;
   } else
-    f = e[5], u = e[6], m = e[7], p = e[8], g = e[9], l = e[10], d = e[11], h = e[12], y = e[13];
+    p = e[5], u = e[6], m = e[7], f = e[8], g = e[9], l = e[10], c = e[11], h = e[12], y = e[13];
   let x;
-  e[17] !== f || e[18] !== p || e[19] !== g || e[20] !== l || e[21] !== d ? (x = /* @__PURE__ */ a(f, { component: p, sx: g, "aria-label": l, children: d }), e[17] = f, e[18] = p, e[19] = g, e[20] = l, e[21] = d, e[22] = x) : x = e[22];
+  e[17] !== p || e[18] !== f || e[19] !== g || e[20] !== l || e[21] !== c ? (x = /* @__PURE__ */ a(p, { component: f, sx: g, "aria-label": l, children: c }), e[17] = p, e[18] = f, e[19] = g, e[20] = l, e[21] = c, e[22] = x) : x = e[22];
   let b;
-  e[23] !== m || e[24] !== n || e[25] !== o ? (b = n > 0 && o && /* @__PURE__ */ a(Me, { size: "small", variant: "text", onClick: o, children: m.clear }), e[23] = m, e[24] = n, e[25] = o, e[26] = b) : b = e[26];
-  let w;
-  return e[27] !== u || e[28] !== h || e[29] !== y || e[30] !== x || e[31] !== b ? (w = /* @__PURE__ */ G(u, { sx: h, children: [
+  e[23] !== m || e[24] !== n || e[25] !== o ? (b = n > 0 && o && /* @__PURE__ */ a(Re, { size: "small", variant: "text", onClick: o, children: m.clear }), e[23] = m, e[24] = n, e[25] = o, e[26] = b) : b = e[26];
+  let E;
+  return e[27] !== u || e[28] !== h || e[29] !== y || e[30] !== x || e[31] !== b ? (E = /* @__PURE__ */ G(u, { sx: h, children: [
     y,
     x,
     b
-  ] }), e[27] = u, e[28] = h, e[29] = y, e[30] = x, e[31] = b, e[32] = w) : w = e[32], w;
+  ] }), e[27] = u, e[28] = h, e[29] = y, e[30] = x, e[31] = b, e[32] = E) : E = e[32], E;
 }
 const zt = {
   trigger: "More actions",
   close: "Close"
-}, ne = {
+}, oe = {
   root: {
     display: "flex",
     alignItems: "center",
@@ -637,103 +641,103 @@ function Ht(t) {
     icon: o,
     iconProps: i,
     direction: s,
-    sx: c,
-    children: f
+    sx: d,
+    children: p
   } = t, u = o === void 0 ? qe : o, m = s === void 0 ? "right" : s;
-  let p;
-  e[0] !== r ? (p = {
+  let f;
+  e[0] !== r ? (f = {
     ...zt,
     ...r
-  }, e[0] = r, e[1] = p) : p = e[1];
-  const g = p, [l, d] = V(!1), [h, y] = V(null), [x, b] = V(null), [w, k] = V(null);
+  }, e[0] = r, e[1] = f) : f = e[1];
+  const g = f, [l, c] = V(!1), [h, y] = V(null), [x, b] = V(null), [E, k] = V(null);
   let _;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => d(Xt), e[2] = _) : _ = e[2];
-  const A = _;
-  let E;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (C) => {
-    y(C);
-  }, e[3] = E) : E = e[3];
-  const F = E;
-  let I, L;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => c(Xt), e[2] = _) : _ = e[2];
+  const L = _;
+  let C;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = (S) => {
+    y(S);
+  }, e[3] = C) : C = e[3];
+  const O = C;
+  let I, A;
   e[4] !== l ? (I = () => {
     if (!l)
       return;
-    const C = (J) => {
-      J.key === "Escape" && d(!1);
+    const S = (z) => {
+      z.key === "Escape" && c(!1);
     };
-    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, L = [l], e[4] = l, e[5] = I, e[6] = L) : (I = e[5], L = e[6]), de(I, L);
-  const [S] = V(qt);
+    return document.addEventListener("keydown", S), () => document.removeEventListener("keydown", S);
+  }, A = [l], e[4] = l, e[5] = I, e[6] = A) : (I = e[5], A = e[6]), de(I, A);
+  const [w] = V(qt);
   let v, q;
-  e[7] !== f ? (v = ae.toArray(f).filter(Gt), q = v.reduce(Vt, 0), e[7] = f, e[8] = v, e[9] = q) : (v = e[8], q = e[9]);
-  const B = n !== void 0 && q > n;
-  let Z;
+  e[7] !== p ? (v = ae.toArray(p).filter(Gt), q = v.reduce(Vt, 0), e[7] = p, e[8] = v, e[9] = q) : (v = e[8], q = e[9]);
+  const R = n !== void 0 && q > n;
+  let K;
   e: {
-    if (!B || n === void 0) {
-      Z = null;
+    if (!R || n === void 0) {
+      K = null;
       break e;
     }
-    let C;
-    e[10] !== v || e[11] !== n ? (C = Zt(v, n), e[10] = v, e[11] = n, e[12] = C) : C = e[12], Z = C;
+    let S;
+    e[10] !== v || e[11] !== n ? (S = Zt(v, n), e[10] = v, e[11] = n, e[12] = S) : S = e[12], K = S;
   }
-  const O = Z;
-  !B && l && d(!1);
-  let M, R;
-  if (e[13] !== S || e[14] !== x || e[15] !== l || e[16] !== w ? (M = () => {
-    const C = l && w ? w : x;
-    S && C && S.parentNode !== C && C.appendChild(S);
-  }, R = [l, x, w, S], e[13] = S, e[14] = x, e[15] = l, e[16] = w, e[17] = M, e[18] = R) : (M = e[17], R = e[18]), ee(M, R), v.length === 0)
+  const M = K;
+  !R && l && c(!1);
+  let P, U;
+  if (e[13] !== w || e[14] !== x || e[15] !== l || e[16] !== E ? (P = () => {
+    const S = l && E ? E : x;
+    w && S && w.parentNode !== S && S.appendChild(w);
+  }, U = [l, x, E, w], e[13] = w, e[14] = x, e[15] = l, e[16] = E, e[17] = P, e[18] = U) : (P = e[17], U = e[18]), te(P, U), v.length === 0)
     return null;
-  const P = l ? g.close : g.trigger, U = m === "left" ? "row-reverse" : "row";
+  const X = l ? g.close : g.trigger, Y = m === "left" ? "row-reverse" : "row";
   let $;
-  e[19] !== U || e[20] !== c ? ($ = {
-    ...ne.root,
-    flexDirection: U,
-    ...c
-  }, e[19] = U, e[20] = c, e[21] = $) : $ = e[21];
+  e[19] !== Y || e[20] !== d ? ($ = {
+    ...oe.root,
+    flexDirection: Y,
+    ...d
+  }, e[19] = Y, e[20] = d, e[21] = $) : $ = e[21];
   let D;
-  e[22] !== u || e[23] !== i || e[24] !== l || e[25] !== B || e[26] !== P ? (D = B && /* @__PURE__ */ G(re, { children: [
-    /* @__PURE__ */ a(Xe, { title: P, children: /* @__PURE__ */ a(Re, { ref: F, size: "small", "aria-label": P, "aria-pressed": l, onClick: A, className: l ? "active" : void 0, sx: {
-      ...l && ne.triggerActive
+  e[22] !== u || e[23] !== i || e[24] !== l || e[25] !== R || e[26] !== X ? (D = R && /* @__PURE__ */ G(ie, { children: [
+    /* @__PURE__ */ a(Xe, { title: X, children: /* @__PURE__ */ a(Me, { ref: O, size: "small", "aria-label": X, "aria-pressed": l, onClick: L, className: l ? "active" : void 0, sx: {
+      ...l && oe.triggerActive
     }, children: l ? /* @__PURE__ */ a(He, { fontSize: "small" }) : /* @__PURE__ */ a(u, { fontSize: "small", ...i }) }) }),
     /* @__PURE__ */ a(Pe, { orientation: "vertical", flexItem: !0, sx: {
       mx: 0.5
     } })
-  ] }), e[22] = u, e[23] = i, e[24] = l, e[25] = B, e[26] = P, e[27] = D) : D = e[27];
-  let z;
-  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ a(W, { ref: b, sx: ne.preview }), e[28] = z) : z = e[28];
-  let H;
-  e[29] !== h || e[30] !== m || e[31] !== l || e[32] !== B ? (H = B && /* @__PURE__ */ a(Ue, { open: l, anchorEl: h, placement: m === "left" ? "left" : "right", transition: !0, modifiers: [{
+  ] }), e[22] = u, e[23] = i, e[24] = l, e[25] = R, e[26] = X, e[27] = D) : D = e[27];
+  let N;
+  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ a(W, { ref: b, sx: oe.preview }), e[28] = N) : N = e[28];
+  let F;
+  e[29] !== h || e[30] !== m || e[31] !== l || e[32] !== R ? (F = R && /* @__PURE__ */ a(Ue, { open: l, anchorEl: h, placement: m === "left" ? "left" : "right", transition: !0, modifiers: [{
     name: "flip",
     enabled: !1
   }], sx: {
     zIndex: "tooltip",
     mt: 0
-  }, children: (C) => {
+  }, children: (S) => {
     const {
-      TransitionProps: J
-    } = C;
-    return /* @__PURE__ */ a(Ne, { ...J, style: {
+      TransitionProps: z
+    } = S;
+    return /* @__PURE__ */ a(Ne, { ...z, style: {
       transformOrigin: m === "left" ? "right center" : "left center"
-    }, children: /* @__PURE__ */ a(je, { ref: k, sx: ne.paper }) });
-  } }), e[29] = h, e[30] = m, e[31] = l, e[32] = B, e[33] = H) : H = e[33];
-  let N;
-  e[34] !== S || e[35] !== O || e[36] !== v || e[37] !== l ? (N = S ? Ge(v.map((C, J) => {
-    const le = l || !O || O.has(J), xe = C.key ?? J;
-    return /* @__PURE__ */ a("div", { "data-toolbox-item-visible": le ? "true" : "false", style: {
-      display: le ? "contents" : "none"
-    }, children: C }, xe);
-  }), S) : null, e[34] = S, e[35] = O, e[36] = v, e[37] = l, e[38] = N) : N = e[38];
-  let K;
-  return e[39] !== $ || e[40] !== D || e[41] !== H || e[42] !== N ? (K = /* @__PURE__ */ G(W, { sx: $, children: [
+    }, children: /* @__PURE__ */ a(je, { ref: k, sx: oe.paper }) });
+  } }), e[29] = h, e[30] = m, e[31] = l, e[32] = R, e[33] = F) : F = e[33];
+  let B;
+  e[34] !== w || e[35] !== M || e[36] !== v || e[37] !== l ? (B = w ? Ge(v.map((S, z) => {
+    const Q = l || !M || M.has(z), xe = S.key ?? z;
+    return /* @__PURE__ */ a("div", { "data-toolbox-item-visible": Q ? "true" : "false", style: {
+      display: Q ? "contents" : "none"
+    }, children: S }, xe);
+  }), w) : null, e[34] = w, e[35] = M, e[36] = v, e[37] = l, e[38] = B) : B = e[38];
+  let H;
+  return e[39] !== $ || e[40] !== D || e[41] !== F || e[42] !== B ? (H = /* @__PURE__ */ G(W, { sx: $, children: [
     D,
-    z,
-    H,
-    N
-  ] }), e[39] = $, e[40] = D, e[41] = H, e[42] = N, e[43] = K) : K = e[43], K;
+    N,
+    F,
+    B
+  ] }), e[39] = $, e[40] = D, e[41] = F, e[42] = B, e[43] = H) : H = e[43], H;
 }
 function Vt(t, e) {
-  return t + (ie(e) ? 0 : 1);
+  return t + (le(e) ? 0 : 1);
 }
 function Gt(t) {
   return ce(t);
@@ -747,22 +751,22 @@ function qt() {
 function Xt(t) {
   return !t;
 }
-function ie(t) {
+function le(t) {
   return t.props["data-toolbar-hidden"] === !0;
 }
 function Zt(t, e) {
   const n = [];
   let r = 0;
   for (let o = 0; o < t.length && !(r >= e); o++)
-    n.push(o), ie(t[o]) || r++;
-  for (; n.length > 0 && ie(t[n[n.length - 1]]); )
+    n.push(o), le(t[o]) || r++;
+  for (; n.length > 0 && le(t[n[n.length - 1]]); )
     n.pop();
   return new Set(n);
 }
 const Kt = {
   showMore: "Show more",
   showLess: "Show less"
-}, oe = {
+}, re = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -788,7 +792,7 @@ const Kt = {
     }
   }
 };
-function Y(t) {
+function J(t) {
   const e = T(3), {
     children: n
   } = t;
@@ -797,23 +801,23 @@ function Y(t) {
     m: 0
   }, e[0] = r) : r = e[0];
   let o;
-  return e[1] !== n ? (o = /* @__PURE__ */ a(X, { variant: "caption", component: "p", color: "inherit", sx: r, children: n }), e[1] = n, e[2] = o) : o = e[2], o;
+  return e[1] !== n ? (o = /* @__PURE__ */ a(Z, { variant: "caption", component: "p", color: "inherit", sx: r, children: n }), e[1] = n, e[2] = o) : o = e[2], o;
 }
 const Yt = {
   // Headings demoted to caption typography — a Note can't introduce a
   // heading into the page outline.
-  h1: Y,
-  h2: Y,
-  h3: Y,
-  h4: Y,
-  h5: Y,
-  h6: Y,
-  p: Y,
+  h1: J,
+  h2: J,
+  h3: J,
+  h4: J,
+  h5: J,
+  h6: J,
+  p: J,
   // External-safe link defaults; inherit colour from the muted caption.
   a: ({
     children: t,
     href: e
-  }) => /* @__PURE__ */ a(fe, { href: e, target: "_blank", rel: "noopener noreferrer", color: "inherit", underline: "always", children: t })
+  }) => /* @__PURE__ */ a(pe, { href: e, target: "_blank", rel: "noopener noreferrer", color: "inherit", underline: "always", children: t })
 };
 function Jt(t) {
   const e = T(7), {
@@ -822,9 +826,9 @@ function Jt(t) {
     children: o
   } = t, i = n === void 0 ? 3 : n;
   let s;
-  e[0] !== o ? (s = /* @__PURE__ */ a(X, { variant: "caption", component: "div", color: "inherit", children: o }), e[0] = o, e[1] = s) : s = e[1];
-  let c;
-  return e[2] !== o || e[3] !== r || e[4] !== i || e[5] !== s ? (c = /* @__PURE__ */ a(ye, { lineClamp: i, labels: r, dependency: o, children: s }), e[2] = o, e[3] = r, e[4] = i, e[5] = s, e[6] = c) : c = e[6], c;
+  e[0] !== o ? (s = /* @__PURE__ */ a(Z, { variant: "caption", component: "div", color: "inherit", children: o }), e[0] = o, e[1] = s) : s = e[1];
+  let d;
+  return e[2] !== o || e[3] !== r || e[4] !== i || e[5] !== s ? (d = /* @__PURE__ */ a(ye, { lineClamp: i, labels: r, dependency: o, children: s }), e[2] = o, e[3] = r, e[4] = i, e[5] = s, e[6] = d) : d = e[6], d;
 }
 function Qt(t) {
   const e = T(7), {
@@ -834,8 +838,8 @@ function Qt(t) {
   } = t, i = r === void 0 ? 3 : r;
   let s;
   e[0] !== n ? (s = /* @__PURE__ */ a(Je, { content: n, components: Yt }), e[0] = n, e[1] = s) : s = e[1];
-  let c;
-  return e[2] !== n || e[3] !== o || e[4] !== i || e[5] !== s ? (c = /* @__PURE__ */ a(ye, { lineClamp: i, labels: o, dependency: n, children: s }), e[2] = n, e[3] = o, e[4] = i, e[5] = s, e[6] = c) : c = e[6], c;
+  let d;
+  return e[2] !== n || e[3] !== o || e[4] !== i || e[5] !== s ? (d = /* @__PURE__ */ a(ye, { lineClamp: i, labels: o, dependency: n, children: s }), e[2] = n, e[3] = o, e[4] = i, e[5] = s, e[6] = d) : d = e[6], d;
 }
 const en = Object.assign(Jt, {
   Markdown: Qt
@@ -852,18 +856,18 @@ function ye(t) {
     ...Kt,
     ...r
   }, e[0] = r, e[1] = s) : s = e[1];
-  const c = s, f = ve(null), [u, m] = V(!1), [p, g] = V(!1), l = n <= 0;
-  let d;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => {
-    const v = f.current;
+  const d = s, p = ve(null), [u, m] = V(!1), [f, g] = V(!1), l = n <= 0;
+  let c;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+    const v = p.current;
     v && m(v.scrollHeight > v.clientHeight + 1);
-  }, e[2] = d) : d = e[2];
-  const h = d;
+  }, e[2] = c) : c = e[2];
+  const h = c;
   let y;
   e[3] !== l ? (y = () => {
     if (l)
       return;
-    const v = f.current;
+    const v = p.current;
     if (v)
       return h(), Ze(v, h);
   }, e[3] = l, e[4] = y) : y = e[4];
@@ -871,29 +875,29 @@ function ye(t) {
   e[5] !== l || e[6] !== o ? (x = [h, o, l], e[5] = l, e[6] = o, e[7] = x) : x = e[7], de(y, x);
   let b;
   e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => g(tn), e[8] = b) : b = e[8];
-  const w = b, k = !p && !l;
+  const E = b, k = !f && !l;
   let _;
   e[9] !== k || e[10] !== n ? (_ = k ? {
-    ...oe.clamped,
+    ...re.clamped,
     WebkitLineClamp: n
   } : null, e[9] = k, e[10] = n, e[11] = _) : _ = e[11];
-  const A = _;
-  let E;
-  e[12] !== A ? (E = A ?? {}, e[12] = A, e[13] = E) : E = e[13];
-  let F;
-  e[14] !== E ? (F = {
-    ...oe.text,
-    ...E
-  }, e[14] = E, e[15] = F) : F = e[15];
+  const L = _;
+  let C;
+  e[12] !== L ? (C = L ?? {}, e[12] = L, e[13] = C) : C = e[13];
+  let O;
+  e[14] !== C ? (O = {
+    ...re.text,
+    ...C
+  }, e[14] = C, e[15] = O) : O = e[15];
   let I;
-  e[16] !== i || e[17] !== F ? (I = /* @__PURE__ */ a(W, { ref: f, sx: F, children: i }), e[16] = i, e[17] = F, e[18] = I) : I = e[18];
-  let L;
-  e[19] !== c || e[20] !== l || e[21] !== p || e[22] !== u ? (L = !l && (u || p) && /* @__PURE__ */ a(fe, { component: "button", variant: "caption", underline: "none", onClick: w, sx: oe.toggle, children: p ? c.showLess : c.showMore }), e[19] = c, e[20] = l, e[21] = p, e[22] = u, e[23] = L) : L = e[23];
-  let S;
-  return e[24] !== L || e[25] !== I ? (S = /* @__PURE__ */ G(W, { sx: oe.root, children: [
+  e[16] !== i || e[17] !== O ? (I = /* @__PURE__ */ a(W, { ref: p, sx: O, children: i }), e[16] = i, e[17] = O, e[18] = I) : I = e[18];
+  let A;
+  e[19] !== d || e[20] !== l || e[21] !== f || e[22] !== u ? (A = !l && (u || f) && /* @__PURE__ */ a(pe, { component: "button", variant: "caption", underline: "none", onClick: E, sx: re.toggle, children: f ? d.showLess : d.showMore }), e[19] = d, e[20] = l, e[21] = f, e[22] = u, e[23] = A) : A = e[23];
+  let w;
+  return e[24] !== A || e[25] !== I ? (w = /* @__PURE__ */ G(W, { sx: re.root, children: [
     I,
-    L
-  ] }), e[24] = L, e[25] = I, e[26] = S) : S = e[26], S;
+    A
+  ] }), e[24] = A, e[25] = I, e[26] = w) : w = e[26], w;
 }
 function tn(t) {
   return !t;
@@ -904,8 +908,8 @@ const In = {
   Wrapper: kt,
   Actions: me,
   Options: ue,
-  Content: At,
-  Footer: Lt,
+  Content: Lt,
+  Footer: At,
   Subheader: $t,
   State: Bt,
   SelectionSummary: jt,
@@ -915,7 +919,7 @@ const In = {
   Echart: Ye,
   EchartUI: Ke,
   // Actions
-  Searcher: pt,
+  Searcher: ft,
   SearcherToggle: dt,
   StackToggle: ct,
   ShowAllToggle: at,
@@ -931,7 +935,7 @@ const In = {
   // compositions of these primitives and live outside the library —
   // see `apps/storybook/stories/modules/widgets/` for canonical examples.
   Formula: mt,
-  FormulaUI: ft,
+  FormulaUI: pt,
   Markdown: et,
   MarkdownUI: Qe,
   Spread: gt,