@carto/ps-react-ui 4.4.3 → 4.5.1

package/dist/widgets/category.js

@@ -1,13 +1,14 @@
-import { jsx as g, jsxs as $ } from "react/jsx-runtime";
-import { c as B } from "react/compiler-runtime";
-import { Box as C, Typography as V, useTheme as re, Skeleton as Y } from "@mui/material";
-import { u as F } from "../widget-store-CzDt8oSK.js";
-import { useShallow as I } from "zustand/shallow";
-import { useState as ne } from "react";
-import { a as ie, d as ae } from "../formatter-B9Bxn1k7.js";
+import { jsx as h, jsxs as S } from "react/jsx-runtime";
+import { c as M } from "react/compiler-runtime";
+import { Box as C, Typography as D, useTheme as K, Skeleton as P } from "@mui/material";
+import { u as Q } from "../use-widget-selector-DqRmWQ1K.js";
+import { useState as X } from "react";
+import { a as Y, d as Z } from "../formatter-B9Bxn1k7.js";
+import { u as ee } from "../use-widget-ref-BFazQvJK.js";
+import "../widget-store-CIrb9RKP.js";
+import "zustand/shallow";
 import "@mui/icons-material";
-import "react-markdown";
-import { d as te, a as Z } from "../exports-Cr43OCul.js";
+import { d as U, a as N } from "../exports-Cr43OCul.js";
 import "../lasso-tool-BYbxrJ-7.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
@@ -17,17 +18,18 @@ const u = {
   root: {
     display: "flex",
     flexDirection: "column",
-    position: "relative"
+    position: "relative",
+    width: "100%"
   },
   list: {
     display: "flex",
     flexDirection: "column",
-    gap: (o) => o.spacing(1)
+    gap: (t) => t.spacing(1)
   },
   row: {
     display: "flex",
     flexDirection: "column",
-    gap: (o) => o.spacing(0.5),
+    gap: (t) => t.spacing(0.5),
     pointerEvents: "none"
   },
   rowClickable: {
@@ -65,13 +67,13 @@ const u = {
   bar: {
     height: 4,
     borderRadius: 2,
-    backgroundColor: (o) => o.palette.action.disabledBackground,
+    backgroundColor: (t) => t.palette.action.disabledBackground,
     overflow: "hidden",
     position: "relative",
     transition: "background-color 0.15s ease-in-out",
     cursor: "pointer",
     "&:hover": {
-      backgroundColor: (o) => o.palette.action.hover,
+      backgroundColor: (t) => t.palette.action.hover,
       "& > div": {
         filter: "brightness(1.2)"
       }
@@ -83,24 +85,24 @@ const u = {
     transition: "width 0.3s ease-in-out, background-color 0.15s ease-in-out"
   },
   barFillMuted: {
-    backgroundColor: (o) => o.palette.action.disabled
+    backgroundColor: (t) => t.palette.action.disabled
   },
   legend: {
     display: "flex",
     alignItems: "center",
-    gap: (o) => o.spacing(2),
+    gap: (t) => t.spacing(2),
     flexWrap: "wrap",
-    paddingTop: (o) => o.spacing(2),
+    paddingTop: (t) => t.spacing(2),
     position: "sticky",
     bottom: 0,
     backgroundColor: "background.paper",
-    borderTop: (o) => `1px solid ${o.palette.divider}`,
-    marginTop: (o) => o.spacing(2)
+    borderTop: (t) => `1px solid ${t.palette.divider}`,
+    marginTop: (t) => t.spacing(2)
   },
   legendItem: {
     display: "flex",
     alignItems: "center",
-    gap: (o) => o.spacing(1)
+    gap: (t) => t.spacing(1)
   },
   legendDot: {
     width: 8,
@@ -116,7 +118,7 @@ const u = {
   multiBarRow: {
     display: "flex",
     alignItems: "center",
-    gap: (o) => o.spacing(1)
+    gap: (t) => t.spacing(1)
   },
   multiBarValue: {
     typography: "body2",
@@ -143,288 +145,287 @@ const u = {
     color: "text.disabled"
   }
 };
-function oe(o) {
-  const e = B(6), {
-    value: t,
-    maxValue: r,
-    color: l,
-    selected: s
-  } = o, n = s === void 0 ? !0 : s, i = r > 0 ? t / r * 100 : 0;
-  let c;
-  e[0] !== l || e[1] !== i || e[2] !== n ? (c = n ? {
+function z(t) {
+  const e = M(6), {
+    value: o,
+    maxValue: l,
+    color: r,
+    selected: c
+  } = t, i = c === void 0 ? !0 : c, s = l > 0 ? o / l * 100 : 0;
+  let d;
+  e[0] !== r || e[1] !== s || e[2] !== i ? (d = i ? {
     ...u.barFill,
-    width: `${i}%`,
-    backgroundColor: l
+    width: `${s}%`,
+    backgroundColor: r
   } : {
     ...u.barFill,
     ...u.barFillMuted,
-    width: `${i}%`
-  }, e[0] = l, e[1] = i, e[2] = n, e[3] = c) : c = e[3];
-  const d = c;
+    width: `${s}%`
+  }, e[0] = r, e[1] = s, e[2] = i, e[3] = d) : d = e[3];
+  const n = d;
   let a;
-  return e[4] !== d ? (a = /* @__PURE__ */ g(C, { sx: u.bar, children: /* @__PURE__ */ g(C, { sx: d }) }), e[4] = d, e[5] = a) : a = e[5], a;
+  return e[4] !== n ? (a = /* @__PURE__ */ h(C, { sx: u.bar, children: /* @__PURE__ */ h(C, { sx: n }) }), e[4] = n, e[5] = a) : a = e[5], a;
 }
-function se(o) {
-  const e = B(26), {
-    name: t,
-    value: r,
-    maxValue: l,
-    color: s,
-    formatter: n,
-    labelFormatter: i,
-    onClick: c,
-    selected: d
-  } = o, a = d === void 0 ? !0 : d;
-  let f;
-  e[0] !== t || e[1] !== c ? (f = c ? () => c({
-    name: t
-  }) : void 0, e[0] = t, e[1] = c, e[2] = f) : f = e[2];
-  const y = f, k = c ? u.rowClickable : u.row;
-  let p;
-  e[3] !== i || e[4] !== t ? (p = i ? i(t) : t, e[3] = i, e[4] = t, e[5] = p) : p = e[5];
-  let h;
-  e[6] !== p ? (h = /* @__PURE__ */ g(V, { sx: u.rowLabel, children: p }), e[6] = p, e[7] = h) : h = e[7];
+function te(t) {
+  const e = M(26), {
+    name: o,
+    value: l,
+    maxValue: r,
+    color: c,
+    formatter: i,
+    labelFormatter: s,
+    onClick: d,
+    selected: n
+  } = t, a = n === void 0 ? !0 : n;
+  let m;
+  e[0] !== o || e[1] !== d ? (m = d ? () => d({
+    name: o
+  }) : void 0, e[0] = o, e[1] = d, e[2] = m) : m = e[2];
+  const y = m, k = d ? u.rowClickable : u.row;
   let b;
-  e[8] !== n || e[9] !== r ? (b = n(r), e[8] = n, e[9] = r, e[10] = b) : b = e[10];
+  e[3] !== s || e[4] !== o ? (b = s ? s(o) : o, e[3] = s, e[4] = o, e[5] = b) : b = e[5];
   let x;
-  e[11] !== b ? (x = /* @__PURE__ */ g(V, { sx: u.rowValue, children: b }), e[11] = b, e[12] = x) : x = e[12];
-  let w;
-  e[13] !== h || e[14] !== x ? (w = /* @__PURE__ */ $(C, { sx: u.rowHeader, children: [
-    h,
-    x
-  ] }), e[13] = h, e[14] = x, e[15] = w) : w = e[15];
-  let v;
-  e[16] !== s || e[17] !== l || e[18] !== a || e[19] !== r ? (v = /* @__PURE__ */ g(oe, { value: r, maxValue: l, color: s, selected: a }), e[16] = s, e[17] = l, e[18] = a, e[19] = r, e[20] = v) : v = e[20];
-  let S;
-  return e[21] !== y || e[22] !== k || e[23] !== w || e[24] !== v ? (S = /* @__PURE__ */ $(C, { sx: k, onClick: y, children: [
-    w,
-    v
-  ] }), e[21] = y, e[22] = k, e[23] = w, e[24] = v, e[25] = S) : S = e[25], S;
-}
-function ce(o) {
-  const e = B(28), {
-    name: t,
-    values: r,
-    maxValue: l,
-    colors: s,
-    formatter: n,
-    labelFormatter: i,
-    onClick: c,
-    selected: d
-  } = o, a = d === void 0 ? !0 : d;
+  e[6] !== b ? (x = /* @__PURE__ */ h(D, { sx: u.rowLabel, children: b }), e[6] = b, e[7] = x) : x = e[7];
   let f;
-  e[0] !== t || e[1] !== c ? (f = c ? () => c({
-    name: t
-  }) : void 0, e[0] = t, e[1] = c, e[2] = f) : f = e[2];
-  const y = f, k = c ? u.rowClickable : u.row;
+  e[8] !== i || e[9] !== l ? (f = i(l), e[8] = i, e[9] = l, e[10] = f) : f = e[10];
+  let g;
+  e[11] !== f ? (g = /* @__PURE__ */ h(D, { sx: u.rowValue, children: f }), e[11] = f, e[12] = g) : g = e[12];
+  let v;
+  e[13] !== x || e[14] !== g ? (v = /* @__PURE__ */ S(C, { sx: u.rowHeader, children: [
+    x,
+    g
+  ] }), e[13] = x, e[14] = g, e[15] = v) : v = e[15];
   let p;
-  e[3] !== i || e[4] !== t ? (p = i ? i(t) : t, e[3] = i, e[4] = t, e[5] = p) : p = e[5];
-  let h;
-  e[6] !== p ? (h = /* @__PURE__ */ g(V, { sx: u.rowLabel, children: p }), e[6] = p, e[7] = h) : h = e[7];
+  e[16] !== c || e[17] !== r || e[18] !== a || e[19] !== l ? (p = /* @__PURE__ */ h(z, { value: l, maxValue: r, color: c, selected: a }), e[16] = c, e[17] = r, e[18] = a, e[19] = l, e[20] = p) : p = e[20];
+  let w;
+  return e[21] !== y || e[22] !== k || e[23] !== v || e[24] !== p ? (w = /* @__PURE__ */ S(C, { sx: k, onClick: y, children: [
+    v,
+    p
+  ] }), e[21] = y, e[22] = k, e[23] = v, e[24] = p, e[25] = w) : w = e[25], w;
+}
+function oe(t) {
+  const e = M(28), {
+    name: o,
+    values: l,
+    maxValue: r,
+    colors: c,
+    formatter: i,
+    labelFormatter: s,
+    onClick: d,
+    selected: n
+  } = t, a = n === void 0 ? !0 : n;
+  let m;
+  e[0] !== o || e[1] !== d ? (m = d ? () => d({
+    name: o
+  }) : void 0, e[0] = o, e[1] = d, e[2] = m) : m = e[2];
+  const y = m, k = d ? u.rowClickable : u.row;
   let b;
-  if (e[8] !== s || e[9] !== n || e[10] !== l || e[11] !== t || e[12] !== a || e[13] !== r) {
-    let v;
-    e[15] !== s || e[16] !== n || e[17] !== l || e[18] !== t || e[19] !== a ? (v = (S, _) => /* @__PURE__ */ $(C, { sx: u.multiBarRow, children: [
-      /* @__PURE__ */ g(C, { sx: u.multiBarContainer, children: /* @__PURE__ */ g(oe, { value: S, maxValue: l, color: s[_ % s.length] ?? "", selected: a }) }),
-      /* @__PURE__ */ g(V, { sx: u.multiBarValue, children: n(S) })
-    ] }, `${t}-${S}-${_}`), e[15] = s, e[16] = n, e[17] = l, e[18] = t, e[19] = a, e[20] = v) : v = e[20], b = r.map(v), e[8] = s, e[9] = n, e[10] = l, e[11] = t, e[12] = a, e[13] = r, e[14] = b;
-  } else
-    b = e[14];
+  e[3] !== s || e[4] !== o ? (b = s ? s(o) : o, e[3] = s, e[4] = o, e[5] = b) : b = e[5];
   let x;
-  e[21] !== b ? (x = /* @__PURE__ */ g(C, { sx: u.barContainer, children: b }), e[21] = b, e[22] = x) : x = e[22];
-  let w;
-  return e[23] !== y || e[24] !== k || e[25] !== h || e[26] !== x ? (w = /* @__PURE__ */ $(C, { sx: k, onClick: y, children: [
-    h,
-    x
-  ] }), e[23] = y, e[24] = k, e[25] = h, e[26] = x, e[27] = w) : w = e[27], w;
+  e[6] !== b ? (x = /* @__PURE__ */ h(D, { sx: u.rowLabel, children: b }), e[6] = b, e[7] = x) : x = e[7];
+  let f;
+  if (e[8] !== c || e[9] !== i || e[10] !== r || e[11] !== o || e[12] !== a || e[13] !== l) {
+    let p;
+    e[15] !== c || e[16] !== i || e[17] !== r || e[18] !== o || e[19] !== a ? (p = (w, $) => /* @__PURE__ */ S(C, { sx: u.multiBarRow, children: [
+      /* @__PURE__ */ h(C, { sx: u.multiBarContainer, children: /* @__PURE__ */ h(z, { value: w, maxValue: r, color: c[$ % c.length] ?? "", selected: a }) }),
+      /* @__PURE__ */ h(D, { sx: u.multiBarValue, children: i(w) })
+    ] }, `${o}-${w}-${$}`), e[15] = c, e[16] = i, e[17] = r, e[18] = o, e[19] = a, e[20] = p) : p = e[20], f = l.map(p), e[8] = c, e[9] = i, e[10] = r, e[11] = o, e[12] = a, e[13] = l, e[14] = f;
+  } else
+    f = e[14];
+  let g;
+  e[21] !== f ? (g = /* @__PURE__ */ h(C, { sx: u.barContainer, children: f }), e[21] = f, e[22] = g) : g = e[22];
+  let v;
+  return e[23] !== y || e[24] !== k || e[25] !== x || e[26] !== g ? (v = /* @__PURE__ */ S(C, { sx: k, onClick: y, children: [
+    x,
+    g
+  ] }), e[23] = y, e[24] = k, e[25] = x, e[26] = g, e[27] = v) : v = e[27], v;
 }
-function de(o) {
-  const e = B(10), {
-    hiddenCount: t,
-    otherLabel: r,
-    otherCountLabel: l
-  } = o, s = r === void 0 ? "Other" : r, n = l === void 0 ? "{count} more" : l;
-  let i;
-  e[0] !== t || e[1] !== n ? (i = n.replace("{count}", String(t)), e[0] = t, e[1] = n, e[2] = i) : i = e[2];
-  const c = i;
-  let d;
-  e[3] !== s ? (d = /* @__PURE__ */ g(V, { sx: u.otherLabel, children: s }), e[3] = s, e[4] = d) : d = e[4];
+function re(t) {
+  const e = M(10), {
+    hiddenCount: o,
+    otherLabel: l,
+    otherCountLabel: r
+  } = t, c = l === void 0 ? "Other" : l, i = r === void 0 ? "{count} more" : r;
+  let s;
+  e[0] !== o || e[1] !== i ? (s = i.replace("{count}", String(o)), e[0] = o, e[1] = i, e[2] = s) : s = e[2];
+  const d = s;
+  let n;
+  e[3] !== c ? (n = /* @__PURE__ */ h(D, { sx: u.otherLabel, children: c }), e[3] = c, e[4] = n) : n = e[4];
   let a;
-  e[5] !== c ? (a = /* @__PURE__ */ $(V, { sx: u.otherCount, children: [
+  e[5] !== d ? (a = /* @__PURE__ */ S(D, { sx: u.otherCount, children: [
     "(",
-    c,
-    ")"
-  ] }), e[5] = c, e[6] = a) : a = e[6];
-  let f;
-  return e[7] !== d || e[8] !== a ? (f = /* @__PURE__ */ $(C, { sx: u.otherRow, children: [
     d,
+    ")"
+  ] }), e[5] = d, e[6] = a) : a = e[6];
+  let m;
+  return e[7] !== n || e[8] !== a ? (m = /* @__PURE__ */ S(C, { sx: u.otherRow, children: [
+    n,
     a
-  ] }), e[7] = d, e[8] = a, e[9] = f) : f = e[9], f;
+  ] }), e[7] = n, e[8] = a, e[9] = m) : m = e[9], m;
 }
-function ue(o) {
-  const e = B(7), {
-    series: t,
-    colors: r
-  } = o;
-  if (t.length === 0)
+function le(t) {
+  const e = M(7), {
+    series: o,
+    colors: l
+  } = t;
+  if (o.length === 0)
     return null;
-  let l;
-  if (e[0] !== r || e[1] !== t) {
-    let n;
-    e[3] !== r ? (n = (i, c) => /* @__PURE__ */ $(C, { sx: u.legendItem, children: [
-      /* @__PURE__ */ g(C, { sx: {
+  let r;
+  if (e[0] !== l || e[1] !== o) {
+    let i;
+    e[3] !== l ? (i = (s, d) => /* @__PURE__ */ S(C, { sx: u.legendItem, children: [
+      /* @__PURE__ */ h(C, { sx: {
         ...u.legendDot,
-        backgroundColor: i.color ?? r[c % r.length]
+        backgroundColor: s.color ?? l[d % l.length]
       } }),
-      /* @__PURE__ */ g(V, { sx: u.legendLabel, children: i.name })
-    ] }, i.name), e[3] = r, e[4] = n) : n = e[4], l = t.map(n), e[0] = r, e[1] = t, e[2] = l;
+      /* @__PURE__ */ h(D, { sx: u.legendLabel, children: s.name })
+    ] }, s.name), e[3] = l, e[4] = i) : i = e[4], r = o.map(i), e[0] = l, e[1] = o, e[2] = r;
   } else
-    l = e[2];
-  let s;
-  return e[5] !== l ? (s = /* @__PURE__ */ g(C, { sx: u.legend, children: l }), e[5] = l, e[6] = s) : s = e[6], s;
-}
-function De(o) {
-  const e = B(58), {
-    id: t
-  } = o, r = re();
-  let l;
-  e[0] !== t ? (l = (m) => m.getWidget(t)?.formatter, e[0] = t, e[1] = l) : l = e[1];
-  const s = F(I(l));
-  let n;
-  e[2] !== t ? (n = (m) => m.getWidget(t)?.labelFormatter, e[2] = t, e[3] = n) : n = e[3];
-  const i = F(I(n));
+    r = e[2];
   let c;
-  e[4] !== t ? (c = (m) => m.getWidget(t)?.series, e[4] = t, e[5] = c) : c = e[5];
-  const d = F(I(c));
-  let a;
-  e[6] !== t ? (a = (m) => m.getWidget(t)?.data, e[6] = t, e[7] = a) : a = e[7];
-  const f = F(I(a));
-  let y;
-  e[8] !== t ? (y = (m) => m.getWidget(t)?.maxItems, e[8] = t, e[9] = y) : y = e[9];
-  const k = F(I(y));
-  let p;
-  e[10] !== t ? (p = (m) => m.getWidget(t)?.labels, e[10] = t, e[11] = p) : p = e[11];
-  const h = F(I(p));
-  let b;
-  e[12] !== t ? (b = (m) => m.getWidget(t)?.onRowClick, e[12] = t, e[13] = b) : b = e[13];
-  const x = F(I(b));
-  let w;
-  e[14] !== t ? (w = (m) => m.getWidget(t)?.selected, e[14] = t, e[15] = w) : w = e[15];
-  const v = F(I(w));
-  let S;
-  e[16] !== t ? (S = (m) => m.getWidget(t)?.max, e[16] = t, e[17] = S) : S = e[17];
-  const _ = F(I(S)), U = s ?? ae, z = i ?? ie, L = d ?? [], [N] = ne(k ? 40 * (L.length || 1) * k : void 0), ee = Object.values(r.palette.qualitative.bold), T = L.length > 0 ? L.map((m, K) => m.color ?? ee[K % ee.length] ?? r.palette.secondary.main) : [r.palette.secondary.main];
-  let j, A, R, O, D, H, M, q;
-  if (e[18] !== T || e[19] !== f || e[20] !== U || e[21] !== z || e[22] !== _ || e[23] !== N || e[24] !== k || e[25] !== x || e[26] !== v || e[27] !== L) {
-    q = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+  return e[5] !== r ? (c = /* @__PURE__ */ h(C, { sx: u.legend, children: r }), e[5] = r, e[6] = c) : c = e[6], c;
+}
+function Le(t) {
+  const e = M(43), {
+    id: o
+  } = t, {
+    ref: l
+  } = ee(o), r = K(), {
+    _formatter: c,
+    _labelFormatter: i,
+    _series: s,
+    data: d,
+    maxItems: n,
+    labels: a,
+    onRowClick: m,
+    selected: y,
+    max: k
+  } = Q(o, ae), b = c ?? Z, x = i ?? Y, f = s ?? [], [g] = X(n ? 40 * (f.length || 1) * n : void 0), v = Object.values(r.palette.qualitative.bold), p = f.length > 0 ? f.map((_, q) => _.color ?? v[q % v.length] ?? r.palette.secondary.main) : [r.palette.secondary.main];
+  let w, $, R, T, F, V, B, I, W;
+  if (e[0] !== p || e[1] !== d || e[2] !== b || e[3] !== x || e[4] !== k || e[5] !== g || e[6] !== n || e[7] !== m || e[8] !== l || e[9] !== y || e[10] !== f) {
+    W = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     e: {
-      const m = fe({
-        data: f
+      const _ = ie({
+        data: d
       });
-      if (m.length === 0) {
-        q = null;
+      if (_.length === 0) {
+        W = null;
         break e;
       }
-      const K = _ ?? Math.max(...m.flatMap(me)), Q = k !== void 0 && k >= 0 ? m.slice(0, k) : m;
-      R = m.length - Q.length;
-      const le = L.length > 1;
-      A = C, e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+      const q = k ?? Math.max(..._.flatMap(ne)), E = n !== void 0 && n >= 0 ? _.slice(0, n) : _;
+      R = _.length - E.length;
+      const J = f.length > 1;
+      $ = C, B = l, e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
         ...u.root
-      }, e[36] = M) : M = e[36], j = C, O = u.list;
-      const X = R === 0 ? "auto" : "hidden";
-      e[37] !== N || e[38] !== X ? (D = {
-        maxHeight: N,
-        overflow: X
-      }, e[37] = N, e[38] = X, e[39] = D) : D = e[39], H = le ? Q.map((W) => /* @__PURE__ */ g(ce, { name: W.name, values: W.values, maxValue: K, colors: T, formatter: U, labelFormatter: z, onClick: x, selected: v?.(W.name) ?? !0 }, W.name)) : Q.map((W) => /* @__PURE__ */ g(se, { name: W.name, value: W.values[0] ?? 0, selected: v?.(W.name) ?? !0, maxValue: K, color: T[0], formatter: U, labelFormatter: z, onClick: x }, W.name));
+      }, e[20] = I) : I = e[20], w = C, T = u.list;
+      const G = R === 0 ? "auto" : "hidden";
+      e[21] !== g || e[22] !== G ? (F = {
+        maxHeight: g,
+        overflow: G
+      }, e[21] = g, e[22] = G, e[23] = F) : F = e[23], V = J ? E.map((L) => /* @__PURE__ */ h(oe, { name: L.name, values: L.values, maxValue: q, colors: p, formatter: b, labelFormatter: x, onClick: m, selected: y?.(L.name) ?? !0 }, L.name)) : E.map((L) => /* @__PURE__ */ h(te, { name: L.name, value: L.values[0] ?? 0, selected: y?.(L.name) ?? !0, maxValue: q, color: p[0], formatter: b, labelFormatter: x, onClick: m }, L.name));
     }
-    e[18] = T, e[19] = f, e[20] = U, e[21] = z, e[22] = _, e[23] = N, e[24] = k, e[25] = x, e[26] = v, e[27] = L, e[28] = j, e[29] = A, e[30] = R, e[31] = O, e[32] = D, e[33] = H, e[34] = M, e[35] = q;
+    e[0] = p, e[1] = d, e[2] = b, e[3] = x, e[4] = k, e[5] = g, e[6] = n, e[7] = m, e[8] = l, e[9] = y, e[10] = f, e[11] = w, e[12] = $, e[13] = R, e[14] = T, e[15] = F, e[16] = V, e[17] = B, e[18] = I, e[19] = W;
   } else
-    j = e[28], A = e[29], R = e[30], O = e[31], D = e[32], H = e[33], M = e[34], q = e[35];
-  if (q !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return q;
-  let E;
-  e[40] !== R || e[41] !== h?.other || e[42] !== h?.otherCount ? (E = R > 0 && /* @__PURE__ */ g(de, { hiddenCount: R, otherLabel: h?.other, otherCountLabel: h?.otherCount }), e[40] = R, e[41] = h?.other, e[42] = h?.otherCount, e[43] = E) : E = e[43];
-  let G;
-  e[44] !== j || e[45] !== O || e[46] !== D || e[47] !== H || e[48] !== E ? (G = /* @__PURE__ */ $(j, { sx: O, style: D, children: [
-    H,
-    E
-  ] }), e[44] = j, e[45] = O, e[46] = D, e[47] = H, e[48] = E, e[49] = G) : G = e[49];
-  let P;
-  e[50] !== T || e[51] !== L ? (P = L.length > 0 && /* @__PURE__ */ g(ue, { series: L, colors: T }), e[50] = T, e[51] = L, e[52] = P) : P = e[52];
-  let J;
-  return e[53] !== A || e[54] !== M || e[55] !== G || e[56] !== P ? (J = /* @__PURE__ */ $(A, { sx: M, children: [
-    G,
-    P
-  ] }), e[53] = A, e[54] = M, e[55] = G, e[56] = P, e[57] = J) : J = e[57], J;
+    w = e[11], $ = e[12], R = e[13], T = e[14], F = e[15], V = e[16], B = e[17], I = e[18], W = e[19];
+  if (W !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return W;
+  let j;
+  e[24] !== R || e[25] !== a?.other || e[26] !== a?.otherCount ? (j = R > 0 && /* @__PURE__ */ h(re, { hiddenCount: R, otherLabel: a?.other, otherCountLabel: a?.otherCount }), e[24] = R, e[25] = a?.other, e[26] = a?.otherCount, e[27] = j) : j = e[27];
+  let A;
+  e[28] !== w || e[29] !== T || e[30] !== F || e[31] !== V || e[32] !== j ? (A = /* @__PURE__ */ S(w, { sx: T, style: F, children: [
+    V,
+    j
+  ] }), e[28] = w, e[29] = T, e[30] = F, e[31] = V, e[32] = j, e[33] = A) : A = e[33];
+  let O;
+  e[34] !== p || e[35] !== f ? (O = f.length > 0 && /* @__PURE__ */ h(le, { series: f, colors: p }), e[34] = p, e[35] = f, e[36] = O) : O = e[36];
+  let H;
+  return e[37] !== $ || e[38] !== B || e[39] !== I || e[40] !== A || e[41] !== O ? (H = /* @__PURE__ */ S($, { ref: B, sx: I, children: [
+    A,
+    O
+  ] }), e[37] = $, e[38] = B, e[39] = I, e[40] = A, e[41] = O, e[42] = H) : H = e[42], H;
+}
+function ne(t) {
+  return t.values;
 }
-function me(o) {
-  return o.values;
+function ae(t) {
+  const e = t;
+  return {
+    _formatter: e?.formatter,
+    _labelFormatter: e?.labelFormatter,
+    _series: e?.series,
+    data: e?.data,
+    maxItems: e?.maxItems,
+    labels: e?.labels,
+    onRowClick: e?.onRowClick,
+    selected: e?.selected,
+    max: e?.max
+  };
 }
-function fe({
-  data: o
+function ie({
+  data: t
 }) {
-  if (!o || o.length === 0) return [];
-  const e = Math.max(o.length, 1), t = /* @__PURE__ */ new Map(), r = [];
-  for (let l = 0; l < o.length; l++) {
-    const s = o[l];
-    for (const n of s) {
-      let i = t.get(n.name);
-      i || (i = new Array(e).fill(0), t.set(n.name, i), r.push(n.name)), i[l] = n.value;
+  if (!t || t.length === 0) return [];
+  const e = Math.max(t.length, 1), o = /* @__PURE__ */ new Map(), l = [];
+  for (let r = 0; r < t.length; r++) {
+    const c = t[r];
+    for (const i of c) {
+      let s = o.get(i.name);
+      s || (s = new Array(e).fill(0), o.set(i.name, s), l.push(i.name)), s[r] = i.value;
     }
   }
-  return r.map((l) => ({
-    name: l,
-    values: t.get(l)
+  return l.map((r) => ({
+    name: r,
+    values: o.get(r)
   }));
 }
-const ge = [85, 70, 55, 75, 60];
-function Me() {
-  const o = B(1);
+const se = [85, 70, 55, 75, 60];
+function Re() {
+  const t = M(1);
   let e;
-  return o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g(C, { sx: u.list, "aria-label": "Category skeleton", children: Array.from({
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ h(C, { sx: u.list, "aria-label": "Category skeleton", children: Array.from({
     length: 5
-  }).map(he) }), o[0] = e) : e = o[0], e;
+  }).map(ce) }), t[0] = e) : e = t[0], e;
 }
-function he(o, e) {
-  return /* @__PURE__ */ $(C, { sx: u.row, children: [
-    /* @__PURE__ */ $(C, { sx: u.rowHeader, children: [
-      /* @__PURE__ */ g(Y, { width: 80, height: 16 }),
-      /* @__PURE__ */ g(Y, { width: 40, height: 16 })
+function ce(t, e) {
+  return /* @__PURE__ */ S(C, { sx: u.row, children: [
+    /* @__PURE__ */ S(C, { sx: u.rowHeader, children: [
+      /* @__PURE__ */ h(P, { width: 80, height: 16 }),
+      /* @__PURE__ */ h(P, { width: 40, height: 16 })
     ] }),
-    /* @__PURE__ */ g(Y, { variant: "rectangular", height: 4, sx: {
+    /* @__PURE__ */ h(P, { variant: "rectangular", height: 4, sx: {
       borderRadius: 2,
-      width: `${ge[e]}%`
+      width: `${se[e]}%`
     } })
   ] }, e);
 }
-function Te({
-  refUI: o,
+function Fe({
+  refUI: t,
   series: e
 }) {
   return [{
-    ...te,
-    modifier: () => te.modifier(o)
+    ...U,
+    modifier: () => U.modifier(t)
   }, {
-    ...Z,
-    modifier: async (t) => {
-      if (!t?.length || t[0]?.length === 0)
-        return Z.modifier([]);
-      const r = t.length, l = /* @__PURE__ */ new Map(), s = [];
-      for (let d = 0; d < r; d++) {
-        const a = t[d];
-        for (const f of a) {
-          let y = l.get(f.name);
-          y || (y = new Array(r).fill(0), l.set(f.name, y), s.push(f.name)), y[d] = f.value;
+    ...N,
+    modifier: async (o) => {
+      if (!o?.length || o[0]?.length === 0)
+        return N.modifier([]);
+      const l = o.length, r = /* @__PURE__ */ new Map(), c = [];
+      for (let n = 0; n < l; n++) {
+        const a = o[n];
+        for (const m of a) {
+          let y = r.get(m.name);
+          y || (y = new Array(l).fill(0), r.set(m.name, y), c.push(m.name)), y[n] = m.value;
         }
       }
-      const n = s.map((d) => [d, ...l.get(d)]), c = r > 1 ? ["Category", ...e?.map((d) => d.name) ?? Array.from({
-        length: r
-      }, (d, a) => `Series ${a + 1}`)] : ["Category", "Value"];
-      return Z.modifier([c, ...n]);
+      const i = c.map((n) => [n, ...r.get(n)]), d = l > 1 ? ["Category", ...e?.map((n) => n.name) ?? Array.from({
+        length: l
+      }, (n, a) => `Series ${a + 1}`)] : ["Category", "Value"];
+      return N.modifier([d, ...i]);
     }
   }];
 }
-function Ve() {
+function Ie() {
   return {
     series: [],
     maxItems: 10,
@@ -432,14 +433,14 @@ function Ve() {
   };
 }
 export {
-  oe as CategoryBar,
-  ue as CategoryLegend,
-  ce as CategoryRowMulti,
-  de as CategoryRowOther,
-  se as CategoryRowSingle,
-  Me as CategorySkeleton,
-  De as CategoryUI,
-  Ve as categoryConfig,
-  Te as categoryDownloadConfig
+  z as CategoryBar,
+  le as CategoryLegend,
+  oe as CategoryRowMulti,
+  re as CategoryRowOther,
+  te as CategoryRowSingle,
+  Re as CategorySkeleton,
+  Le as CategoryUI,
+  Ie as categoryConfig,
+  Fe as categoryDownloadConfig
 };
 //# sourceMappingURL=category.js.map