@carto/ps-react-ui 4.4.0-chat-ui.6 → 4.4.0-chat-ui.7

package/dist/widgets/category.js

@@ -1,33 +1,37 @@
-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 { 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 "react-markdown";
-import { d as Y, a as Q } 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 "@carto/ps-utils";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-const d = {
+import "react-dom";
+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 +69,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 +87,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 +120,7 @@ const d = {
   multiBarRow: {
     display: "flex",
     alignItems: "center",
-    gap: (o) => o.spacing(1)
+    gap: (t) => t.spacing(1)
   },
   multiBarValue: {
     typography: "body2",
@@ -143,276 +147,283 @@ const d = {
     color: "text.disabled"
   }
 };
-function Z(o) {
-  const e = V(6), {
-    value: t,
-    maxValue: r,
-    color: l,
+function z(t) {
+  const e = M(6), {
+    value: o,
+    maxValue: l,
+    color: r,
     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,
+  } = 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: `${s}%`,
-    backgroundColor: l
+    backgroundColor: r
   } : {
-    ...d.barFill,
-    ...d.barFillMuted,
+    ...u.barFill,
+    ...u.barFillMuted,
     width: `${s}%`
-  }, e[0] = l, e[1] = s, e[2] = i, e[3] = g) : g = e[3];
-  const n = g;
+  }, 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__ */ m(b, { sx: d.bar, children: /* @__PURE__ */ m(b, { sx: n }) }), e[4] = n, 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 le(o) {
-  const e = V(23), {
-    name: t,
-    value: r,
-    maxValue: l,
+function te(t) {
+  const e = M(26), {
+    name: o,
+    value: l,
+    maxValue: r,
     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];
-  let p;
-  e[5] !== i || e[6] !== r ? (p = i(r), e[5] = i, e[6] = r, e[7] = p) : p = e[7];
+    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[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[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,
-    x
-  ] }), e[10] = h, e[11] = x, e[12] = C) : C = e[12];
-  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];
+  e[6] !== b ? (x = /* @__PURE__ */ h(D, { sx: u.rowLabel, children: b }), e[6] = b, e[7] = x) : x = e[7];
+  let f;
+  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;
-  return e[18] !== u || e[19] !== y || e[20] !== C || e[21] !== w ? (v = /* @__PURE__ */ k(b, { sx: y, onClick: u, children: [
-    C,
-    w
-  ] }), e[18] = u, e[19] = y, e[20] = C, e[21] = w, e[22] = v) : v = e[22], 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 re(o) {
-  const e = V(25), {
-    name: t,
-    values: r,
-    maxValue: l,
+function oe(t) {
+  const e = M(28), {
+    name: o,
+    values: l,
+    maxValue: r,
     colors: 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];
-  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];
+    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[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[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;
+  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 ne(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;
+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] !== 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] !== 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__ */ m(T, { sx: d.otherLabel, children: c }), e[3] = c, e[4] = n) : n = e[4];
+  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] !== g ? (a = /* @__PURE__ */ k(T, { sx: d.otherCount, children: [
+  e[5] !== d ? (a = /* @__PURE__ */ S(D, { sx: u.otherCount, children: [
     "(",
-    g,
+    d,
     ")"
-  ] }), 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] = 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] = n, e[8] = a, e[9] = u) : u = e[9], u;
+  ] }), e[7] = n, e[8] = a, e[9] = m) : m = e[9], m;
 }
-function ie(o) {
-  const e = V(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 r;
+  if (e[0] !== l || e[1] !== o) {
     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]
+    e[3] !== l ? (i = (s, d) => /* @__PURE__ */ S(C, { sx: u.legendItem, children: [
+      /* @__PURE__ */ h(C, { sx: {
+        ...u.legendDot,
+        backgroundColor: s.color ?? l[d % 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(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];
+    r = 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;
+  return e[5] !== r ? (c = /* @__PURE__ */ h(C, { sx: u.legend, children: r }), e[5] = r, e[6] = c) : c = e[6], c;
 }
-const se = (o) => o.toString();
-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 ?? se, 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 Fe(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 f = ce({
-        data: n
+      const _ = ie({
+        data: d
       });
-      if (f.length === 0) {
-        j = null;
+      if (_.length === 0) {
+        W = 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(re, { name: $.name, values: $.values, maxValue: U, colors: M, formatter: P, onClick: x, selected: w?.($.name) ?? !0 }, $.name)) : z.map(($) => /* @__PURE__ */ m(le, { name: $.name, value: $.values[0] ?? 0, selected: w?.($.name) ?? !0, maxValue: U, color: M[0], formatter: P, onClick: x }, $.name));
+      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[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[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] = 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
-    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;
+    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[37] !== L || e[38] !== h?.other || e[39] !== h?.otherCount ? (O = L > 0 && /* @__PURE__ */ m(ne, { 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];
+  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;
-  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,
+  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[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(ie, { 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;
+  ] }), e[37] = $, e[38] = B, e[39] = I, e[40] = A, e[41] = O, e[42] = H) : H = e[42], H;
 }
-function ae(o) {
-  return o.values;
+function ne(t) {
+  return t.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 ce({
-  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 c = o[l];
+  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 = t.get(i.name);
-      s || (s = new Array(e).fill(0), t.set(i.name, s), r.push(i.name)), s[l] = i.value;
+      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 de = [85, 70, 55, 75, 60];
+const se = [85, 70, 55, 75, 60];
 function Ie() {
-  const o = V(1);
+  const t = M(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(C, { sx: u.list, "aria-label": "Category skeleton", children: Array.from({
     length: 5
-  }).map(ue) }), o[0] = e) : e = o[0], e;
+  }).map(ce) }), 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 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__ */ m(K, { variant: "rectangular", height: 4, sx: {
+    /* @__PURE__ */ h(P, { variant: "rectangular", height: 4, sx: {
       borderRadius: 2,
-      width: `${de[e]}%`
+      width: `${se[e]}%`
     } })
   ] }, e);
 }
-function Re({
-  refUI: o,
+function _e({
+  refUI: t,
   series: e
 }) {
   return [{
-    ...Y,
-    modifier: () => Y.modifier(o)
+    ...U,
+    modifier: () => U.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;
+    ...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 i = c.map((n) => [n, ...l.get(n)]), g = r > 1 ? ["Category", ...e?.map((n) => n.name) ?? Array.from({
-        length: r
+      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 Q.modifier([g, ...i]);
+      return N.modifier([d, ...i]);
     }
   }];
 }
@@ -424,14 +435,14 @@ function De() {
   };
 }
 export {
-  Z as CategoryBar,
-  ie as CategoryLegend,
-  re as CategoryRowMulti,
-  ne as CategoryRowOther,
-  le as CategoryRowSingle,
+  z as CategoryBar,
+  le as CategoryLegend,
+  oe as CategoryRowMulti,
+  re as CategoryRowOther,
+  te as CategoryRowSingle,
   Ie as CategorySkeleton,
-  We as CategoryUI,
+  Fe as CategoryUI,
   De as categoryConfig,
-  Re as categoryDownloadConfig
+  _e as categoryDownloadConfig
 };
 //# sourceMappingURL=category.js.map