@carto/ps-react-ui 4.7.1 → 4.9.0

package/dist/widgets-v2.js

@@ -0,0 +1,953 @@
+import { jsx as a, jsxs as V, Fragment as re } from "react/jsx-runtime";
+import { c as k } from "react/compiler-runtime";
+import { useState as H, useLayoutEffect as J, 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 Ce, e as Ee, 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 "zustand";
+import { Box as $, LinearProgress as We, Typography as Z, 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 pe } from "@mui/material";
+import ze from "@mui/icons-material/ExpandMore";
+import { S as He } from "./smart-tooltip-D4vwQpFf.js";
+import { createPortal as Ve } from "react-dom";
+import Ge from "@mui/icons-material/Close";
+import { WidgetOptions as qe } from "@carto/meridian-ds/custom-icons";
+import "./lasso-tool-BYbxrJ-7.js";
+import "./cjs-D4KH3azB.js";
+import { T as Xe } from "./tooltip-BDnrRKrp.js";
+import "@mui/icons-material";
+import { o as Ze, a as Ke, E as Ye } from "./echart-CU0KmClP.js";
+import { D as $n } from "./echart-CU0KmClP.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, i as rt, R as it, B as lt, Z as st, k as at, j as ct, S as dt } from "./change-column-Cidl_M-4.js";
+import "html2canvas";
+import "@mui/icons-material/ImageOutlined";
+import { a as ft, F as pt } from "./formula-DuC0NQLH.js";
+import "react-markdown";
+import { b as ut, a as mt } from "./spread-CTuIXZSM.js";
+import { a as gt, R as ht } from "./range-l4fNHLEg.js";
+import { f as yt, C as xt } from "./category-DwaeYjpX.js";
+import { c as bt, T as vt } from "./table-CQCAnDLb.js";
+function St(t) {
+  const e = k(31), {
+    id: n,
+    data: r,
+    isLoading: o,
+    isFetching: i,
+    error: s,
+    formatter: c,
+    labelFormatter: p,
+    keepAlive: u,
+    children: m
+  } = 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] !== p ? (g = () => {
+    if (we(n))
+      return Ce(n);
+    const w = Ee(n, {
+      data: r,
+      isLoading: o,
+      isFetching: i,
+      error: s,
+      formatter: c,
+      labelFormatter: p
+    });
+    return Te(n, w), w;
+  }, e[0] = r, e[1] = s, e[2] = c, e[3] = n, e[4] = i, e[5] = o, e[6] = p, e[7] = g) : g = e[7];
+  const [l] = H(g);
+  let d, h;
+  e[8] !== n || e[9] !== f || e[10] !== l ? (d = () => (ke(n, l), () => {
+    _e(n, {
+      keepAlive: f
+    });
+  }), h = [n, l, f], e[8] = n, e[9] = f, e[10] = l, e[11] = d, e[12] = h) : (d = e[11], h = e[12]), J(d, h);
+  let x, y;
+  e[13] !== r || e[14] !== l ? (x = () => {
+    l.setState({
+      rawData: r
+    });
+  }, y = [l, r], e[13] = r, e[14] = l, e[15] = x, e[16] = y) : (x = e[15], y = e[16]), J(x, y);
+  let E, v;
+  e[17] !== s || e[18] !== i || e[19] !== o || e[20] !== l ? (E = () => {
+    l.setState({
+      isLoading: o ?? !1,
+      isFetching: i ?? !1,
+      error: s
+    });
+  }, v = [l, o, i, s], e[17] = s, e[18] = i, e[19] = o, e[20] = l, e[21] = E, e[22] = v) : (E = e[21], v = e[22]), J(E, v);
+  let L, S;
+  e[23] !== c || e[24] !== p || e[25] !== l ? (S = () => {
+    l.setState({
+      rawFormatter: c,
+      formatter: c,
+      labelFormatter: p
+    });
+  }, L = [l, c, p], e[23] = c, e[24] = p, e[25] = l, e[26] = L, e[27] = S) : (L = e[26], S = e[27]), J(S, L);
+  let W;
+  return e[28] !== m || e[29] !== n ? (W = /* @__PURE__ */ a(Se.Provider, { value: n, children: m }), e[28] = m, e[29] = n, e[30] = W) : W = e[30], W;
+}
+const N = {
+  root: {
+    position: "relative",
+    width: "100%",
+    minWidth: 0,
+    bgcolor: "background.paper",
+    border: "1px solid",
+    borderColor: "divider",
+    borderRadius: 1,
+    overflow: "hidden",
+    // MUI Accordion ships its own collapsed-state divider rules; clear them
+    // so they don't fight our card border.
+    "&::before": {
+      display: "none"
+    },
+    // Hover-fade actions (v1 parity). Direct children of
+    // `.widget-wrapper-actions` are dimmed by default on fine-pointer devices
+    // and fade in on hover; an action carrying the `.active` class stays
+    // full-opacity even outside hover. Coarse-pointer devices show actions
+    // always.
+    //
+    // The class must sit on the action element itself
+    // (`<IconButton className='active'>`). v2 does NOT wrap each action in
+    // an extra container the way v1 does, so the `> *` selector lands on the
+    // action button directly — `&:has(.active)` would only match if the
+    // class were on a descendant, which is never the case here.
+    "& .widget-wrapper-actions > *": {
+      opacity: 1,
+      transition: ({
+        transitions: t
+      }) => t.create("opacity", {
+        duration: t.duration.standard,
+        easing: t.easing.easeInOut
+      }),
+      "@media (hover: hover)": {
+        opacity: 0
+      },
+      "&.active": {
+        opacity: 1
+      }
+    },
+    "&:hover .widget-wrapper-actions > *": {
+      opacity: 1
+    },
+    '&[data-collapsed="true"] .widget-wrapper-actions > *': {
+      opacity: 0,
+      pointerEvents: "none",
+      "&.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: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: ({
+      spacing: t
+    }) => t(0.35),
+    zIndex: 1
+  },
+  summary: {
+    minHeight: ({
+      spacing: t
+    }) => t(7),
+    "& .MuiAccordionSummary-content": {
+      gap: ({
+        spacing: t
+      }) => t(0.5),
+      paddingInlineEnd: ({
+        spacing: t
+      }) => t(0.75),
+      alignItems: "center"
+    }
+  },
+  titleCell: {
+    flexGrow: 1,
+    flexShrink: 1,
+    minWidth: 0,
+    display: "flex",
+    alignItems: "center",
+    minHeight: ({
+      spacing: t
+    }) => t(3)
+  },
+  titleText: {
+    minWidth: 0,
+    wordBreak: "break-word",
+    overflow: "hidden",
+    display: "-webkit-box",
+    WebkitLineClamp: 2,
+    WebkitBoxOrient: "vertical"
+  },
+  actions: {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.5,
+    justifyContent: "flex-end",
+    flexShrink: 0,
+    "& > *": {
+      pointerEvents: "auto"
+    }
+  },
+  options: {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.5,
+    flexShrink: 0
+  },
+  detail: {
+    display: "flex",
+    flexDirection: "column",
+    gap: ({
+      spacing: t
+    }) => t(1),
+    paddingTop: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  content: {
+    minWidth: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: 1
+  },
+  footer: {
+    pt: 1
+  }
+};
+function ue(t) {
+  const e = k(5), {
+    sx: n,
+    children: r
+  } = t;
+  let o;
+  e[0] !== n ? (o = {
+    ...N.actions,
+    ...n
+  }, e[0] = n, e[1] = o) : o = e[1];
+  let i;
+  return e[2] !== r || e[3] !== o ? (i = /* @__PURE__ */ a($, { className: "widget-wrapper-actions", onClick: wt, sx: o, children: r }), e[2] = r, e[3] = o, e[4] = i) : i = e[4], i;
+}
+function wt(t) {
+  return t.stopPropagation();
+}
+function me(t) {
+  const e = k(5), {
+    sx: n,
+    children: r
+  } = t;
+  let o;
+  e[0] !== n ? (o = {
+    ...N.options,
+    ...n
+  }, e[0] = n, e[1] = o) : o = e[1];
+  let i;
+  return e[2] !== r || e[3] !== o ? (i = /* @__PURE__ */ a($, { onClick: Ct, sx: o, children: r }), e[2] = r, e[3] = o, e[4] = i) : i = e[4], i;
+}
+function Ct(t) {
+  return t.stopPropagation();
+}
+const Et = {
+  collapse: "Collapse",
+  expand: "Expand",
+  errorFallbackTitle: "Widget failed to render"
+};
+function Tt(t) {
+  const e = k(34), {
+    title: n,
+    collapsed: r,
+    onCollapseChange: o,
+    defaultCollapsed: i,
+    disabled: s,
+    labels: c,
+    expandIcon: p,
+    iconProps: u,
+    sx: m,
+    children: f
+  } = t, g = i === void 0 ? !1 : i, l = s === void 0 ? !1 : s, d = p === void 0 ? ze : p, h = fe(), x = Ie(h, kt), y = r !== void 0, [E, v] = H(g), L = y ? r : E;
+  let S;
+  e[0] !== o ? (S = (j, q) => {
+    const z = !q;
+    o?.(z), v(z);
+  }, e[0] = o, e[1] = S) : S = e[1];
+  const W = S;
+  let w;
+  e[2] !== c ? (w = {
+    ...Et,
+    ...c
+  }, e[2] = c, e[3] = w) : w = e[3];
+  const D = w;
+  let _;
+  e[4] !== f ? (_ = _t(f), e[4] = f, e[5] = _) : _ = e[5];
+  const {
+    summary: I,
+    details: C
+  } = _, b = L ? D.expand : D.collapse, G = L ? "true" : void 0, Q = !L;
+  let A;
+  e[6] !== m ? (A = {
+    ...N.root,
+    ...m
+  }, e[6] = m, e[7] = A) : A = e[7];
+  let P;
+  e[8] !== x ? (P = x ? /* @__PURE__ */ a(We, { sx: N.loading, color: "primary" }) : null, e[8] = x, e[9] = P) : P = e[9];
+  let F;
+  e[10] !== d || e[11] !== u ? (F = /* @__PURE__ */ a(d, { fontSize: "small", ...u }), e[10] = d, e[11] = u, e[12] = F) : F = e[12];
+  let B;
+  e[13] !== n ? (B = (j) => {
+    const {
+      ref: q
+    } = j;
+    return /* @__PURE__ */ a($, { sx: N.titleCell, children: /* @__PURE__ */ a(Z, { ref: q, variant: "subtitle1", sx: N.titleText, textTransform: "none", children: n }) });
+  }, e[13] = n, e[14] = B) : B = e[14];
+  let O;
+  e[15] !== B || e[16] !== n ? (O = /* @__PURE__ */ a(He, { title: n, children: B }), e[15] = B, e[16] = n, e[17] = O) : O = e[17];
+  let M;
+  e[18] !== b || e[19] !== I || e[20] !== F || e[21] !== O ? (M = /* @__PURE__ */ V($e, { expandIcon: F, "aria-label": b, sx: N.summary, children: [
+    O,
+    I
+  ] }), e[18] = b, e[19] = I, e[20] = F, e[21] = O, e[22] = M) : M = e[22];
+  let U;
+  e[23] !== C ? (U = /* @__PURE__ */ a(De, { sx: N.detail, children: C }), e[23] = C, e[24] = U) : U = e[24];
+  let R;
+  return e[25] !== l || e[26] !== W || e[27] !== P || e[28] !== M || e[29] !== U || e[30] !== G || e[31] !== Q || e[32] !== A ? (R = /* @__PURE__ */ V(Fe, { "data-collapsed": G, expanded: Q, onChange: W, disabled: l, disableGutters: !0, elevation: 0, square: !0, sx: A, children: [
+    P,
+    M,
+    U
+  ] }), e[25] = l, e[26] = W, e[27] = P, e[28] = M, e[29] = U, e[30] = G, e[31] = Q, e[32] = A, e[33] = R) : R = e[33], R;
+}
+function kt(t) {
+  return t.isFetching;
+}
+function _t(t) {
+  const e = [], n = [];
+  for (const r of ae.toArray(t))
+    se(r, ue) || se(r, me) ? e.push(r) : n.push(r);
+  return {
+    summary: e,
+    details: n
+  };
+}
+function se(t, e) {
+  return ce(t) && t.type === e;
+}
+function It(t) {
+  const e = k(5), {
+    sx: n,
+    children: r
+  } = t;
+  let o;
+  e[0] !== n ? (o = {
+    ...N.content,
+    ...n
+  }, e[0] = n, e[1] = o) : o = e[1];
+  let i;
+  return e[2] !== r || e[3] !== o ? (i = /* @__PURE__ */ a($, { "data-slot": "content", sx: o, children: r }), e[2] = r, e[3] = o, e[4] = i) : i = e[4], i;
+}
+function At(t) {
+  const e = k(5), {
+    sx: n,
+    children: r
+  } = t;
+  let o;
+  e[0] !== n ? (o = {
+    ...N.footer,
+    ...n
+  }, e[0] = n, e[1] = o) : o = e[1];
+  let i;
+  return e[2] !== r || e[3] !== o ? (i = /* @__PURE__ */ a($, { "data-slot": "footer", sx: o, children: r }), e[2] = r, e[3] = o, e[4] = i) : i = e[4], i;
+}
+const Lt = {
+  root: {
+    display: "grid",
+    gridTemplateColumns: "1fr auto",
+    alignItems: "center",
+    gap: 1,
+    minHeight: 32,
+    pb: 1
+  }
+};
+function Wt(t) {
+  const e = k(5), {
+    sx: n,
+    children: r
+  } = t;
+  let o;
+  e[0] !== n ? (o = {
+    ...Lt.root,
+    ...n
+  }, e[0] = n, e[1] = o) : o = e[1];
+  let i;
+  return e[2] !== r || e[3] !== o ? (i = /* @__PURE__ */ a($, { sx: o, children: r }), e[2] = r, e[3] = o, e[4] = i) : i = e[4], i;
+}
+const ge = {
+  emptyRoot: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 1,
+    paddingTop: 1,
+    paddingBottom: 2,
+    paddingX: 2,
+    width: "100%",
+    minHeight: "100%"
+  },
+  // Stable wrapper around the success-path children. Real layout (flex
+  // column) so html2canvas has a non-zero bounding rect to rasterise.
+  // `flex: 1; min-height: 0` lets nested scroll regions / fixed-height
+  // chart canvases size correctly inside Widget.Content's flex column.
+  captureBox: {
+    width: "100%",
+    minHeight: 0,
+    display: "flex",
+    flexDirection: "column",
+    flex: 1
+  }
+}, $t = {
+  errorTitle: "Something went wrong",
+  errorMessage: (t) => t instanceof Error ? t.message : typeof t == "string" ? t : t && typeof t == "object" && "message" in t ? String(t.message) : "Unknown error",
+  emptyTitle: "No data",
+  emptyDescription: "Try adjusting filters or wait for data to load."
+}, Dt = (t) => ({
+  isLoading: t.isLoading,
+  isFetching: t.isFetching,
+  error: t.error,
+  rawData: t.rawData
+});
+function Ft(t) {
+  const e = k(17), {
+    skeleton: n,
+    children: r,
+    isEmpty: o,
+    fallback: i,
+    labels: s
+  } = t, c = o === void 0 ? Rt : o, p = fe(), u = Ae(p, Dt);
+  let m;
+  e[0] !== s ? (m = {
+    ...$t,
+    ...s
+  }, e[0] = s, e[1] = m) : m = e[1];
+  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;
+  }
+  if (u.error !== void 0 && u.error !== null) {
+    let d;
+    if (e[4] !== f || e[5] !== i || e[6] !== u.error) {
+      const h = Pt(u.error);
+      d = i ? /* @__PURE__ */ a(re, { children: i(h) }) : /* @__PURE__ */ a(he, { error: h, labels: f }), e[4] = f, e[5] = i, e[6] = u.error, e[7] = d;
+    } else
+      d = e[7];
+    return d;
+  }
+  if (c(u.rawData)) {
+    let d;
+    return e[8] !== f ? (d = /* @__PURE__ */ a(Ot, { labels: f }), e[8] = f, e[9] = d) : d = e[9], d;
+  }
+  let g;
+  e[10] !== r || e[11] !== p ? (g = /* @__PURE__ */ a(Bt, { id: p, children: r }), e[10] = r, e[11] = p, e[12] = g) : g = e[12];
+  let 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 Bt(t) {
+  const e = k(5), {
+    id: n,
+    children: r
+  } = t;
+  let o;
+  e[0] !== n ? (o = (c) => Le(n, c), e[0] = n, e[1] = o) : o = e[1];
+  const i = o;
+  let s;
+  return e[2] !== r || e[3] !== i ? (s = /* @__PURE__ */ a($, { ref: i, sx: ge.captureBox, children: r }), e[2] = r, e[3] = i, e[4] = s) : s = e[4], s;
+}
+function he(t) {
+  const e = k(8), {
+    error: n,
+    labels: r
+  } = t;
+  let o;
+  e[0] !== r.errorTitle ? (o = /* @__PURE__ */ a(Be, { children: r.errorTitle }), e[0] = r.errorTitle, e[1] = o) : o = e[1];
+  let i;
+  e[2] !== n || e[3] !== r ? (i = r.errorMessage(n), e[2] = n, e[3] = r, e[4] = i) : i = e[4];
+  let s;
+  return e[5] !== o || e[6] !== i ? (s = /* @__PURE__ */ V(Oe, { severity: "error", children: [
+    o,
+    i
+  ] }), e[5] = o, e[6] = i, e[7] = s) : s = e[7], s;
+}
+function Ot(t) {
+  const e = k(7), {
+    labels: n
+  } = t;
+  let r;
+  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(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__ */ V($, { sx: ge.emptyRoot, children: [
+    r,
+    o
+  ] }), e[4] = r, e[5] = o, e[6] = i) : i = e[6], i;
+}
+class Mt extends be {
+  state = {
+    error: null
+  };
+  static getDerivedStateFromError(e) {
+    return {
+      error: e
+    };
+  }
+  componentDidCatch(e) {
+    console.error("[widgets-v2] Render error in <Widget.State> child:", e);
+  }
+  render() {
+    const {
+      error: e
+    } = this.state;
+    if (e !== null) {
+      const {
+        fallback: n,
+        labels: r
+      } = this.props;
+      return n ? n(e) : /* @__PURE__ */ a(he, { error: e, labels: r });
+    }
+    return this.props.children;
+  }
+}
+function Rt(t) {
+  return t == null ? !0 : Array.isArray(t) ? !!(t.length === 0 || t.every((e) => Array.isArray(e) && e.length === 0)) : typeof t == "object" && Object.keys(t).length === 0;
+}
+function Pt(t) {
+  return t instanceof Error ? t : typeof t == "string" ? new Error(t) : t && typeof t == "object" && "message" in t ? new Error(String(t.message)) : new Error("Unknown error");
+}
+const Ut = {
+  allSelected: "All selected",
+  selections: (t) => `${t} selected`,
+  clear: "Clear"
+}, te = {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.5,
+    minHeight: 24
+  },
+  label: {
+    color: "text.secondary"
+  }
+};
+function Nt(t) {
+  const e = k(28), {
+    count: n,
+    total: r,
+    onClear: o,
+    labels: i,
+    icon: s,
+    iconProps: c
+  } = t;
+  if (r === 0)
+    return null;
+  let p, u, m, f, g, l, d, h;
+  if (e[0] !== s || e[1] !== n || e[2] !== c || e[3] !== i) {
+    h = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      if (m = {
+        ...Ut,
+        ...i
+      }, n === 0) {
+        let v;
+        e[12] !== s || e[13] !== c ? (v = s ? /* @__PURE__ */ a(s, { fontSize: "small", ...c }) : null, e[12] = s, e[13] = c, e[14] = v) : v = e[14], h = /* @__PURE__ */ V($, { sx: te.root, children: [
+          v,
+          /* @__PURE__ */ a(Z, { variant: "caption", sx: te.label, children: m.allSelected })
+        ] });
+        break e;
+      }
+      u = $, d = te.root, p = Z, f = "caption", g = te.label, l = m.selections(n);
+    }
+    e[0] = s, e[1] = n, e[2] = c, e[3] = i, e[4] = p, e[5] = u, e[6] = m, e[7] = f, e[8] = g, e[9] = l, e[10] = d, e[11] = h;
+  } else
+    p = e[4], u = e[5], m = e[6], f = e[7], g = e[8], l = e[9], d = e[10], h = e[11];
+  if (h !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return h;
+  let x;
+  e[15] !== p || e[16] !== f || e[17] !== g || e[18] !== l ? (x = /* @__PURE__ */ a(p, { variant: f, sx: g, children: l }), e[15] = p, e[16] = f, e[17] = g, e[18] = l, e[19] = x) : x = e[19];
+  let y;
+  e[20] !== m || e[21] !== o ? (y = o && /* @__PURE__ */ a(Me, { size: "small", variant: "text", onClick: o, children: m.clear }), e[20] = m, e[21] = o, e[22] = y) : y = e[22];
+  let E;
+  return e[23] !== u || e[24] !== d || e[25] !== x || e[26] !== y ? (E = /* @__PURE__ */ V(u, { sx: d, children: [
+    x,
+    y
+  ] }), e[23] = u, e[24] = d, e[25] = x, e[26] = y, e[27] = E) : E = e[27], E;
+}
+const jt = {
+  trigger: "More actions",
+  close: "Close"
+}, ne = {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.25,
+    width: "fit-content",
+    borderRadius: 0.5,
+    gridColumn: 2,
+    height: "fit-content"
+  },
+  preview: {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.25
+  },
+  triggerActive: {
+    bgcolor: "primary.relatedLight"
+  },
+  paper: {
+    // Positioning is handled by Popper; only visual styles here.
+    display: "flex",
+    alignItems: "center",
+    gap: 0.25,
+    px: 0.25,
+    py: 0.25,
+    mx: 0.25,
+    mt: "0 !important",
+    // Popper's placement adds a margin-top to offset from the trigger; we want to override that.
+    bgcolor: "background.paper",
+    borderRadius: 0.5
+  }
+};
+function zt(t) {
+  const e = k(44), {
+    visibleCount: n,
+    labels: r,
+    icon: o,
+    iconProps: i,
+    direction: s,
+    sx: c,
+    children: p
+  } = t, u = o === void 0 ? qe : o, m = s === void 0 ? "right" : s;
+  let f;
+  e[0] !== r ? (f = {
+    ...jt,
+    ...r
+  }, e[0] = r, e[1] = f) : f = e[1];
+  const g = f, [l, d] = H(!1), [h, x] = H(null), [y, E] = H(null), [v, L] = H(null);
+  let S;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = () => d(qt), e[2] = S) : S = e[2];
+  const W = S;
+  let w;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (T) => {
+    x(T);
+  }, e[3] = w) : w = e[3];
+  const D = w;
+  let _, I;
+  e[4] !== l ? (_ = () => {
+    if (!l)
+      return;
+    const T = (Y) => {
+      Y.key === "Escape" && d(!1);
+    };
+    return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
+  }, I = [l], e[4] = l, e[5] = _, e[6] = I) : (_ = e[5], I = e[6]), de(_, I);
+  const [C] = H(Gt);
+  let b, G;
+  e[7] !== p ? (b = ae.toArray(p).filter(Vt), G = b.reduce(Ht, 0), e[7] = p, e[8] = b, e[9] = G) : (b = e[8], G = e[9]);
+  const A = n !== void 0 && G > n;
+  let P;
+  e: {
+    if (!A || n === void 0) {
+      P = null;
+      break e;
+    }
+    let T;
+    e[10] !== b || e[11] !== n ? (T = Xt(b, n), e[10] = b, e[11] = n, e[12] = T) : T = e[12], P = T;
+  }
+  const F = P;
+  !A && l && d(!1);
+  let B, O;
+  if (e[13] !== C || e[14] !== y || e[15] !== l || e[16] !== v ? (B = () => {
+    const T = l && v ? v : y;
+    C && T && C.parentNode !== T && T.appendChild(C);
+  }, O = [l, y, v, C], e[13] = C, e[14] = y, e[15] = l, e[16] = v, e[17] = B, e[18] = O) : (B = e[17], O = e[18]), J(B, O), b.length === 0)
+    return null;
+  const M = l ? g.close : g.trigger, U = m === "left" ? "row-reverse" : "row";
+  let R;
+  e[19] !== U || e[20] !== c ? (R = {
+    ...ne.root,
+    flexDirection: U,
+    ...c
+  }, e[19] = U, e[20] = c, e[21] = R) : R = e[21];
+  let j;
+  e[22] !== u || e[23] !== i || e[24] !== l || e[25] !== A || e[26] !== M ? (j = A && /* @__PURE__ */ V(re, { children: [
+    /* @__PURE__ */ a(Xe, { title: M, children: /* @__PURE__ */ a(Re, { ref: D, size: "small", "aria-label": M, "aria-pressed": l, onClick: W, className: l ? "active" : void 0, sx: {
+      ...l && ne.triggerActive
+    }, children: l ? /* @__PURE__ */ a(Ge, { 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] = A, e[26] = M, e[27] = j) : j = e[27];
+  let q;
+  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ a($, { ref: E, sx: ne.preview }), e[28] = q) : q = e[28];
+  let z;
+  e[29] !== h || e[30] !== m || e[31] !== l || e[32] !== A ? (z = A && /* @__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: (T) => {
+    const {
+      TransitionProps: Y
+    } = T;
+    return /* @__PURE__ */ a(Ne, { ...Y, style: {
+      transformOrigin: m === "left" ? "right center" : "left center"
+    }, children: /* @__PURE__ */ a(je, { ref: L, sx: ne.paper }) });
+  } }), e[29] = h, e[30] = m, e[31] = l, e[32] = A, e[33] = z) : z = e[33];
+  let K;
+  e[34] !== C || e[35] !== F || e[36] !== b || e[37] !== l ? (K = C ? Ve(b.map((T, Y) => {
+    const le = l || !F || F.has(Y), xe = T.key ?? Y;
+    return /* @__PURE__ */ a("div", { "data-toolbox-item-visible": le ? "true" : "false", style: {
+      display: le ? "contents" : "none"
+    }, children: T }, xe);
+  }), C) : null, e[34] = C, e[35] = F, e[36] = b, e[37] = l, e[38] = K) : K = e[38];
+  let ee;
+  return e[39] !== R || e[40] !== j || e[41] !== z || e[42] !== K ? (ee = /* @__PURE__ */ V($, { sx: R, children: [
+    j,
+    q,
+    z,
+    K
+  ] }), e[39] = R, e[40] = j, e[41] = z, e[42] = K, e[43] = ee) : ee = e[43], ee;
+}
+function Ht(t, e) {
+  return t + (ie(e) ? 0 : 1);
+}
+function Vt(t) {
+  return ce(t);
+}
+function Gt() {
+  if (typeof document > "u")
+    return null;
+  const t = document.createElement("div");
+  return t.style.display = "contents", t;
+}
+function qt(t) {
+  return !t;
+}
+function ie(t) {
+  return t.props["data-toolbar-hidden"] === !0;
+}
+function Xt(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.pop();
+  return new Set(n);
+}
+const Zt = {
+  showMore: "Show more",
+  showLess: "Show less"
+}, oe = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 0.5
+  },
+  text: {
+    color: "text.secondary",
+    overflow: "hidden",
+    overflowWrap: "anywhere"
+  },
+  clamped: {
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: 3
+  },
+  toggle: {
+    alignSelf: "flex-start",
+    color: "primary.main",
+    fontWeight: 500,
+    cursor: "pointer",
+    "&:hover": {
+      textDecoration: "underline"
+    }
+  }
+};
+function X(t) {
+  const e = k(3), {
+    children: n
+  } = t;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    m: 0
+  }, e[0] = r) : r = e[0];
+  let 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 Kt = {
+  // Headings demoted to caption typography — a Note can't introduce a
+  // heading into the page outline.
+  h1: X,
+  h2: X,
+  h3: X,
+  h4: X,
+  h5: X,
+  h6: X,
+  p: X,
+  // External-safe link defaults; inherit colour from the muted caption.
+  a: ({
+    children: t,
+    href: e
+  }) => /* @__PURE__ */ a(pe, { href: e, target: "_blank", rel: "noopener noreferrer", color: "inherit", underline: "always", children: t })
+};
+function Yt(t) {
+  const e = k(7), {
+    lineClamp: n,
+    labels: r,
+    children: o
+  } = t, i = n === void 0 ? 3 : n;
+  let s;
+  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 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;
+}
+function Jt(t) {
+  const e = k(7), {
+    content: n,
+    lineClamp: r,
+    labels: o
+  } = t, i = r === void 0 ? 3 : r;
+  let s;
+  e[0] !== n ? (s = /* @__PURE__ */ a(Je, { content: n, components: Kt }), 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;
+}
+const Qt = Object.assign(Yt, {
+  Markdown: Jt
+});
+function ye(t) {
+  const e = k(27), {
+    lineClamp: n,
+    labels: r,
+    dependency: o,
+    children: i
+  } = t;
+  let s;
+  e[0] !== r ? (s = {
+    ...Zt,
+    ...r
+  }, e[0] = r, e[1] = s) : s = e[1];
+  const c = s, p = ve(null), [u, m] = H(!1), [f, g] = H(!1), l = n <= 0;
+  let d;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => {
+    const b = p.current;
+    b && m(b.scrollHeight > b.clientHeight + 1);
+  }, e[2] = d) : d = e[2];
+  const h = d;
+  let x;
+  e[3] !== l ? (x = () => {
+    if (l)
+      return;
+    const b = p.current;
+    if (b)
+      return h(), Ze(b, h);
+  }, e[3] = l, e[4] = x) : x = e[4];
+  let y;
+  e[5] !== l || e[6] !== o ? (y = [h, o, l], e[5] = l, e[6] = o, e[7] = y) : y = e[7], de(x, y);
+  let E;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => g(en), e[8] = E) : E = e[8];
+  const v = E, L = !f && !l;
+  let S;
+  e[9] !== L || e[10] !== n ? (S = L ? {
+    ...oe.clamped,
+    WebkitLineClamp: n
+  } : null, e[9] = L, e[10] = n, e[11] = S) : S = e[11];
+  const W = S;
+  let w;
+  e[12] !== W ? (w = W ?? {}, e[12] = W, e[13] = w) : w = e[13];
+  let D;
+  e[14] !== w ? (D = {
+    ...oe.text,
+    ...w
+  }, e[14] = w, e[15] = D) : D = e[15];
+  let _;
+  e[16] !== i || e[17] !== D ? (_ = /* @__PURE__ */ a($, { ref: p, sx: D, children: i }), e[16] = i, e[17] = D, e[18] = _) : _ = e[18];
+  let I;
+  e[19] !== c || e[20] !== l || e[21] !== f || e[22] !== u ? (I = !l && (u || f) && /* @__PURE__ */ a(pe, { component: "button", variant: "caption", underline: "none", onClick: v, sx: oe.toggle, children: f ? c.showLess : c.showMore }), e[19] = c, e[20] = l, e[21] = f, e[22] = u, e[23] = I) : I = e[23];
+  let C;
+  return e[24] !== I || e[25] !== _ ? (C = /* @__PURE__ */ V($, { sx: oe.root, children: [
+    _,
+    I
+  ] }), e[24] = I, e[25] = _, e[26] = C) : C = e[26], C;
+}
+function en(t) {
+  return !t;
+}
+const An = {
+  // Composition shell
+  Provider: St,
+  Wrapper: Tt,
+  Actions: ue,
+  Options: me,
+  Content: It,
+  Footer: At,
+  Subheader: Wt,
+  State: Ft,
+  SelectionSummary: Nt,
+  Toolbox: zt,
+  Note: Qt,
+  // ECharts bridge
+  Echart: Ye,
+  EchartUI: Ke,
+  // Actions
+  Searcher: dt,
+  SearcherToggle: ct,
+  StackToggle: at,
+  ZoomToggle: st,
+  BrushToggle: lt,
+  RelativeData: it,
+  Download: rt,
+  FullScreen: ot,
+  LockSelection: nt,
+  ChangeColumn: tt,
+  // Widget primitives (renderer bridges + pure UI). Pre-composed widget
+  // modules (Bar, FormulaWidget, TableWidget, etc.) are application-level
+  // compositions of these primitives and live outside the library —
+  // see `apps/storybook/stories/modules/widgets/` for canonical examples.
+  Formula: pt,
+  FormulaUI: ft,
+  Markdown: et,
+  MarkdownUI: Qe,
+  Spread: mt,
+  SpreadUI: ut,
+  Range: ht,
+  RangeUI: gt,
+  Category: xt,
+  CategoryUI: yt,
+  Table: vt,
+  TableUI: bt
+};
+export {
+  $n as DEFAULT_INIT_OPTS,
+  Zt as DEFAULT_NOTE_LABELS,
+  Ut as DEFAULT_SELECTION_SUMMARY_LABELS,
+  $t as DEFAULT_STATE_LABELS,
+  jt as DEFAULT_TOOLBOX_LABELS,
+  Et as DEFAULT_WRAPPER_LABELS,
+  An as Widget
+};
+//# sourceMappingURL=widgets-v2.js.map