@carto/ps-react-ui 4.4.2 → 4.5.0

package/dist/widgets/category.js

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