@carto/ps-react-ui 4.5.0 → 4.6.0

package/dist/widgets/category.js

@@ -1,13 +1,14 @@
-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 { 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-DFl2hW0R.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-Ddr_SlJJ.js";
+import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import "@mui/icons-material";
-import { d as P, a as G } 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,7 +18,8 @@ const u = {
   root: {
     display: "flex",
     flexDirection: "column",
-    position: "relative"
+    position: "relative",
+    width: "100%"
   },
   list: {
     display: "flex",
@@ -143,126 +145,126 @@ const u = {
     color: "text.disabled"
   }
 };
-function N(t) {
-  const e = D(6), {
+function z(t) {
+  const e = M(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 ? {
+    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: `${a}%`,
+    width: `${s}%`,
     backgroundColor: r
   } : {
     ...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;
+    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] !== 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 Y(t) {
-  const e = D(26), {
+function te(t) {
+  const e = M(26), {
     name: o,
     value: l,
     maxValue: r,
-    color: d,
-    formatter: s,
-    labelFormatter: a,
-    onClick: i,
+    color: c,
+    formatter: i,
+    labelFormatter: s,
+    onClick: d,
     selected: n
-  } = t, c = n === void 0 ? !0 : n;
+  } = t, a = n === void 0 ? !0 : n;
   let m;
-  e[0] !== o || e[1] !== i ? (m = i ? () => i({
+  e[0] !== o || e[1] !== d ? (m = d ? () => d({
     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;
+  }) : 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[3] !== a || e[4] !== o ? (b = a ? a(o) : o, e[3] = a, e[4] = o, e[5] = b) : b = e[5];
+  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[6] !== b ? (x = /* @__PURE__ */ h(D, { sx: u.rowLabel, children: b }), e[6] = b, e[7] = x) : x = e[7];
   let f;
-  e[6] !== b ? (f = /* @__PURE__ */ h(_, { sx: u.rowLabel, children: b }), e[6] = b, e[7] = f) : f = e[7];
+  e[8] !== i || e[9] !== l ? (f = i(l), e[8] = i, e[9] = l, e[10] = f) : f = e[10];
   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[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[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];
+  e[11] !== f ? (g = /* @__PURE__ */ h(D, { sx: u.rowValue, children: f }), e[11] = f, e[12] = g) : g = e[12];
   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[21] = C, e[22] = k, e[23] = p, e[24] = x, e[25] = v) : v = e[25], 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[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 Z(t) {
-  const e = D(28), {
+function oe(t) {
+  const e = M(28), {
     name: o,
     values: l,
     maxValue: r,
-    colors: d,
-    formatter: s,
-    labelFormatter: a,
-    onClick: i,
+    colors: c,
+    formatter: i,
+    labelFormatter: s,
+    onClick: d,
     selected: n
-  } = t, c = n === void 0 ? !0 : n;
+  } = t, a = n === void 0 ? !0 : n;
   let m;
-  e[0] !== o || e[1] !== i ? (m = i ? () => i({
+  e[0] !== o || e[1] !== d ? (m = d ? () => d({
     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;
+  }) : 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[3] !== a || e[4] !== o ? (b = a ? a(o) : o, e[3] = a, e[4] = o, e[5] = b) : b = e[5];
+  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[6] !== b ? (x = /* @__PURE__ */ h(D, { sx: u.rowLabel, children: b }), e[6] = b, e[7] = x) : x = e[7];
   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;
+  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
-    g = e[14];
-  let w;
-  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[23] = C, e[24] = k, e[25] = f, e[26] = w, e[27] = p) : p = e[27], p;
+    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 ee(t) {
-  const e = D(10), {
+function re(t) {
+  const e = M(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] !== 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;
+  } = 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] !== 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: [
+  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] !== d ? (a = /* @__PURE__ */ S(D, { sx: u.otherCount, children: [
     "(",
-    i,
+    d,
     ")"
-  ] }), e[5] = i, e[6] = c) : c = e[6];
+  ] }), e[5] = d, e[6] = a) : a = e[6];
   let m;
-  return e[7] !== n || e[8] !== c ? (m = /* @__PURE__ */ $(y, { sx: u.otherRow, children: [
+  return e[7] !== n || e[8] !== a ? (m = /* @__PURE__ */ S(C, { sx: u.otherRow, children: [
     n,
-    c
-  ] }), e[7] = n, e[8] = c, e[9] = m) : m = e[9], m;
+    a
+  ] }), e[7] = n, e[8] = a, e[9] = m) : m = e[9], m;
 }
-function te(t) {
-  const e = D(7), {
+function le(t) {
+  const e = M(7), {
     series: o,
     colors: l
   } = t;
@@ -270,80 +272,82 @@ function te(t) {
     return null;
   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: {
+    let i;
+    e[3] !== l ? (i = (s, d) => /* @__PURE__ */ S(C, { sx: u.legendItem, children: [
+      /* @__PURE__ */ h(C, { sx: {
         ...u.legendDot,
-        backgroundColor: a.color ?? l[i % l.length]
+        backgroundColor: s.color ?? l[d % l.length]
       } }),
-      /* @__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;
+      /* @__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
     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;
+  let c;
+  return e[5] !== r ? (c = /* @__PURE__ */ h(C, { sx: u.legend, children: r }), e[5] = r, e[6] = c) : c = e[6], c;
 }
-function ve(t) {
-  const e = D(40), {
+function Le(t) {
+  const e = M(43), {
     id: o
-  } = t, l = z(), {
-    _formatter: r,
-    _labelFormatter: d,
+  } = t, {
+    ref: l
+  } = ee(o), r = K(), {
+    _formatter: c,
+    _labelFormatter: i,
     _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");
+    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 R = le({
-        data: a
+      const _ = ie({
+        data: d
       });
-      if (R.length === 0) {
-        V = null;
+      if (_.length === 0) {
+        W = null;
         break e;
       }
-      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 = {
+      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[18] = I) : I = e[18], x = y, M = u.list;
-      const q = S === 0 ? "auto" : "hidden";
-      e[19] !== g || e[20] !== q ? (F = {
+      }, 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: 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));
+        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[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;
+    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
-    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];
+    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[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];
+  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;
-  return e[35] !== v || e[36] !== I || e[37] !== W || e[38] !== j ? (A = /* @__PURE__ */ $(v, { sx: I, children: [
-    W,
+  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[35] = v, e[36] = I, e[37] = W, e[38] = j, e[39] = A) : A = e[39], A;
+  ] }), 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 oe(t) {
+function ne(t) {
   return t.values;
 }
-function re(t) {
+function ae(t) {
   const e = t;
   return {
     _formatter: e?.formatter,
@@ -357,16 +361,16 @@ function re(t) {
     max: e?.max
   };
 }
-function le({
+function ie({
   data: t
 }) {
   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;
+    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 l.map((r) => ({
@@ -374,54 +378,54 @@ function le({
     values: o.get(r)
   }));
 }
-const ne = [85, 70, 55, 75, 60];
-function ke() {
-  const t = D(1);
+const se = [85, 70, 55, 75, 60];
+function Re() {
+  const t = M(1);
   let e;
-  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ h(y, { 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(ae) }), t[0] = e) : e = t[0], e;
+  }).map(ce) }), t[0] = e) : e = t[0], e;
 }
-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 })
+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__ */ h(E, { variant: "rectangular", height: 4, sx: {
+    /* @__PURE__ */ h(P, { variant: "rectangular", height: 4, sx: {
       borderRadius: 2,
-      width: `${ne[e]}%`
+      width: `${se[e]}%`
     } })
   ] }, e);
 }
-function Se({
+function Fe({
   refUI: t,
   series: e
 }) {
   return [{
-    ...P,
-    modifier: () => P.modifier(t)
+    ...U,
+    modifier: () => U.modifier(t)
   }, {
-    ...G,
+    ...N,
     modifier: async (o) => {
       if (!o?.length || o[0]?.length === 0)
-        return G.modifier([]);
-      const l = o.length, r = /* @__PURE__ */ new Map(), d = [];
+        return N.modifier([]);
+      const l = o.length, r = /* @__PURE__ */ new Map(), c = [];
       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 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 s = d.map((n) => [n, ...r.get(n)]), i = l > 1 ? ["Category", ...e?.map((n) => n.name) ?? Array.from({
+      const i = c.map((n) => [n, ...r.get(n)]), d = l > 1 ? ["Category", ...e?.map((n) => n.name) ?? Array.from({
         length: l
-      }, (n, c) => `Series ${c + 1}`)] : ["Category", "Value"];
-      return G.modifier([i, ...s]);
+      }, (n, a) => `Series ${a + 1}`)] : ["Category", "Value"];
+      return N.modifier([d, ...i]);
     }
   }];
 }
-function $e() {
+function Ie() {
   return {
     series: [],
     maxItems: 10,
@@ -429,14 +433,14 @@ function $e() {
   };
 }
 export {
-  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
+  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