@carto/ps-react-ui 4.9.1 → 4.11.0

package/dist/category-DwaeYjpX.js

@@ -1,656 +0,0 @@
-import { jsx as w, jsxs as H } from "react/jsx-runtime";
-import { c as E } from "react/compiler-runtime";
-import { useRef as he, useState as be } from "react";
-import { u as xe } from "./widget-context-DTGO0Yta.js";
-import { u as ye } from "./widget-store-registry-_W4Z4xp-.js";
-import "zustand";
-import { Box as I, Typography as V, useTheme as ve } from "@mui/material";
-const we = {
-  small: {
-    position: "relative",
-    height: 4,
-    bgcolor: "action.hover",
-    borderRadius: 1,
-    overflow: "hidden",
-    transition: "background-color 150ms ease"
-  },
-  medium: {
-    position: "relative",
-    height: 12,
-    bgcolor: "action.hover",
-    borderRadius: 0.25,
-    overflow: "hidden",
-    transition: "background-color 150ms ease"
-  }
-}, ke = {
-  small: {
-    position: "absolute",
-    inset: "0 auto 0 0",
-    borderRadius: 1,
-    transition: "width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
-  },
-  medium: {
-    position: "absolute",
-    inset: "0 auto 0 0",
-    borderRadius: 0.25,
-    transition: "width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
-  }
-}, Ce = {
-  small: {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    transition: "left 300ms ease-in-out, width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
-  },
-  medium: {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    transition: "left 300ms ease-in-out, width 300ms ease-in-out, background-color 150ms ease, filter 150ms ease"
-  }
-}, x = {
-  // ── Top-level container ────────────────────────────────────────────
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    position: "relative",
-    width: "100%"
-  },
-  // Flat list of category rows. Holds both single + multi rows.
-  list: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    py: 0.5
-  },
-  // ── Single-series row ─────────────────────────────────────────────
-  // v1 layout: label + value share a top flex row (justify-between); the
-  // bar fills the row width below. Mirrors `rowMulti` for visual
-  // consistency.
-  rowSingle: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5,
-    // py: 0.5,
-    // px: 0.5,
-    cursor: "pointer",
-    userSelect: "none",
-    transition: "background-color 80ms ease",
-    // Hovering anywhere in the row also brightens the bar fill, matching
-    // what the bar got from `bar:hover` before. `data-bar-fill` is set
-    // on `barFill` by <CategoryBar>; descendant selector reaches it
-    // through `bar` in single rows and through `multiBarRow > bar` in
-    // multi rows.
-    '&:hover [data-bar-fill="true"]': {
-      filter: "brightness(1.2)"
-    },
-    "&:focus-visible": {
-      outline: "2px solid",
-      outlineColor: "primary.main",
-      outlineOffset: -2
-    }
-  },
-  // Top row of `rowSingle`: label on the left, value on the right.
-  rowHeader: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: 1
-  },
-  // ── Multi-series row ──────────────────────────────────────────────
-  // Flex column: label fills the top row; bar+value pairs stack below.
-  // Bars get full track width — better legibility for N>=2 series than a
-  // shared grid would give.
-  rowMulti: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5,
-    // py: 0.5,
-    // px: 0.5,
-    cursor: "pointer",
-    userSelect: "none",
-    transition: "background-color 80ms ease",
-    // Row-hover brightens every bar fill inside the multi-row.
-    '&:hover [data-bar-fill="true"]': {
-      filter: "brightness(1.2)"
-    },
-    "&:focus-visible": {
-      outline: "2px solid",
-      outlineColor: "primary.main",
-      outlineOffset: -2
-    }
-  },
-  // ── Row labels / values ───────────────────────────────────────────
-  // Matches v1: name uses medium-weight body2 in primary text color,
-  // value uses regular body2 in secondary text color. Same font size,
-  // visual hierarchy via weight + color.
-  name: {
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    textOverflow: "ellipsis",
-    color: "text.primary",
-    fontWeight: "medium"
-  },
-  multiName: {
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    textOverflow: "ellipsis",
-    color: "text.primary",
-    fontWeight: "medium"
-  },
-  value: {
-    color: "text.secondary",
-    fontVariantNumeric: "tabular-nums",
-    // Right-align + minWidth keeps `rowMulti`'s per-bar value column
-    // tidy (where the bar grows on the left and the number sits at a
-    // fixed right edge). `rowSingle` uses `rowHeader`'s flex
-    // justify-between to push the value to the trailing edge, so the
-    // minWidth here is also harmless in that context.
-    minWidth: 48,
-    textAlign: "right"
-  },
-  // ── Bar (track + fill) ────────────────────────────────────────────
-  // Size-keyed maps live above the `styles` object; `<CategoryBar>` picks
-  // the variant via its `size` prop. Hover brightening still fires from
-  // the parent row (`&:hover [data-bar-fill]`), so it works regardless
-  // of which size variant the bar uses.
-  bar: we,
-  barFill: ke,
-  stackedSegment: Ce,
-  // ── Multi-series internals ────────────────────────────────────────
-  // One [bar | value] flex row per series, inside `rowMulti`'s column.
-  multiBarRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1
-  },
-  multiBarContainer: {
-    flex: 1
-  },
-  // ── Stacked-mode row ──────────────────────────────────────────────
-  // Mirror `rowMulti`'s outer shape (click target + hover brightening +
-  // focus ring) but stack three children vertically: header line, bar,
-  // breakdown line.
-  rowStacked: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0.5,
-    cursor: "pointer",
-    userSelect: "none",
-    transition: "background-color 80ms ease",
-    '&:hover [data-bar-fill="true"]': {
-      filter: "brightness(1.2)"
-    },
-    "&:focus-visible": {
-      outline: "2px solid",
-      outlineColor: "primary.main",
-      outlineOffset: -2
-    }
-  },
-  stackedHeader: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: 1
-  },
-  // Right-aligned total in the header. Tabular-nums keeps totals lined
-  // up vertically across rows; minWidth reuses the per-series-value
-  // column width so the right edge sits at the same spot as `rowMulti`'s
-  // value column when both modes co-exist in the same widget card.
-  stackedTotal: {
-    color: "text.primary",
-    fontWeight: "medium",
-    fontVariantNumeric: "tabular-nums",
-    minWidth: 48,
-    textAlign: "right"
-  },
-  // Flex row of "{seriesName}: {value}" pairs. Wraps gracefully when
-  // series names are long or there are many series.
-  stackedBreakdown: {
-    display: "flex",
-    flexWrap: "wrap",
-    columnGap: 2,
-    rowGap: 0.25
-  },
-  stackedBreakdownItem: {
-    color: "text.secondary",
-    fontVariantNumeric: "tabular-nums"
-  },
-  // ── Legend (sticky bottom) ────────────────────────────────────────
-  legend: {
-    display: "flex",
-    alignItems: "center",
-    gap: 2,
-    flexWrap: "wrap",
-    pt: 2,
-    mt: 2,
-    position: "sticky",
-    bottom: 0,
-    bgcolor: "background.paper",
-    borderTop: (c) => `1px solid ${c.palette.divider}`
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1
-  },
-  legendDot: {
-    width: 8,
-    height: 8,
-    borderRadius: "50%"
-  },
-  legendLabel: {
-    color: "text.secondary",
-    textTransform: "uppercase",
-    fontWeight: "medium"
-  },
-  // ── "Other" overflow row ──────────────────────────────────────────
-  otherRow: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    py: 0.5,
-    px: 0.5
-  },
-  otherLabel: {
-    fontStyle: "italic",
-    color: "text.secondary",
-    fontWeight: "medium"
-  },
-  otherCount: {
-    color: "text.disabled"
-  }
-  // `bar` / `barFill` are size-keyed (`Record<CategorySize, SxProps>`);
-  // every other entry is a single `SxProps<Theme>`. The mixed shape means
-  // we can't apply the file-wide `satisfies Record<string, SxProps<Theme>>`
-  // constraint that the other widget style files use — consumers of
-  // individual tokens still get full type-checking at the call site via
-  // the typed `Box`/`Typography` `sx` prop.
-};
-function me(c) {
-  const e = E(10), {
-    value: t,
-    maxValue: s,
-    color: l,
-    size: u
-  } = c, n = u === void 0 ? "small" : u, o = s > 0 ? t / s * 100 : 0, m = x.bar[n], r = x.barFill[n], d = `${o}%`;
-  let a;
-  e[0] !== l || e[1] !== d ? (a = {
-    width: d,
-    backgroundColor: l
-  }, e[0] = l, e[1] = d, e[2] = a) : a = e[2];
-  let g;
-  e[3] !== r || e[4] !== a ? (g = /* @__PURE__ */ w(I, { sx: r, style: a, "data-bar-fill": "true" }), e[3] = r, e[4] = a, e[5] = g) : g = e[5];
-  let i;
-  return e[6] !== n || e[7] !== m || e[8] !== g ? (i = /* @__PURE__ */ w(I, { sx: m, "data-size": n, children: g }), e[6] = n, e[7] = m, e[8] = g, e[9] = i) : i = e[9], i;
-}
-function Se(c) {
-  const e = E(27), {
-    name: t,
-    displayName: s,
-    value: l,
-    maxValue: u,
-    color: n,
-    formatter: o,
-    selected: m,
-    onToggle: r,
-    size: d
-  } = c;
-  let a;
-  e[0] !== t || e[1] !== r ? (a = (R) => {
-    (R.key === "Enter" || R.key === " ") && (R.preventDefault(), r(t));
-  }, e[0] = t, e[1] = r, e[2] = a) : a = e[2];
-  const g = a;
-  let i;
-  e[3] !== t || e[4] !== r ? (i = () => r(t), e[3] = t, e[4] = r, e[5] = i) : i = e[5];
-  const p = s ?? t;
-  let h;
-  e[6] !== p ? (h = /* @__PURE__ */ w(V, { variant: "body2", sx: x.name, children: p }), e[6] = p, e[7] = h) : h = e[7];
-  let f;
-  e[8] !== o || e[9] !== l ? (f = o(l), e[8] = o, e[9] = l, e[10] = f) : f = e[10];
-  let y;
-  e[11] !== f ? (y = /* @__PURE__ */ w(V, { variant: "body2", sx: x.value, children: f }), e[11] = f, e[12] = y) : y = e[12];
-  let b;
-  e[13] !== h || e[14] !== y ? (b = /* @__PURE__ */ H(I, { sx: x.rowHeader, children: [
-    h,
-    y
-  ] }), e[13] = h, e[14] = y, e[15] = b) : b = e[15];
-  let k;
-  e[16] !== n || e[17] !== u || e[18] !== d || e[19] !== l ? (k = /* @__PURE__ */ w(me, { value: l, maxValue: u, color: n, size: d }), e[16] = n, e[17] = u, e[18] = d, e[19] = l, e[20] = k) : k = e[20];
-  let S;
-  return e[21] !== g || e[22] !== m || e[23] !== i || e[24] !== b || e[25] !== k ? (S = /* @__PURE__ */ H(I, { role: "button", "aria-pressed": m, tabIndex: 0, onClick: i, onKeyDown: g, sx: x.rowSingle, children: [
-    b,
-    k
-  ] }), e[21] = g, e[22] = m, e[23] = i, e[24] = b, e[25] = k, e[26] = S) : S = e[26], S;
-}
-function $e(c) {
-  const e = E(27), {
-    name: t,
-    displayName: s,
-    values: l,
-    colors: u,
-    maxValue: n,
-    formatter: o,
-    selected: m,
-    onToggle: r,
-    size: d
-  } = c;
-  let a;
-  e[0] !== t || e[1] !== r ? (a = (b) => {
-    (b.key === "Enter" || b.key === " ") && (b.preventDefault(), r(t));
-  }, e[0] = t, e[1] = r, e[2] = a) : a = e[2];
-  const g = a;
-  let i;
-  e[3] !== t || e[4] !== r ? (i = () => r(t), e[3] = t, e[4] = r, e[5] = i) : i = e[5];
-  const p = s ?? t;
-  let h;
-  e[6] !== p ? (h = /* @__PURE__ */ w(V, { variant: "body2", sx: x.multiName, children: p }), e[6] = p, e[7] = h) : h = e[7];
-  let f;
-  if (e[8] !== u || e[9] !== o || e[10] !== n || e[11] !== t || e[12] !== d || e[13] !== l) {
-    let b;
-    e[15] !== u || e[16] !== o || e[17] !== n || e[18] !== t || e[19] !== d ? (b = (k, S) => /* @__PURE__ */ H(I, { sx: x.multiBarRow, children: [
-      /* @__PURE__ */ w(I, { sx: x.multiBarContainer, children: /* @__PURE__ */ w(me, { value: k, maxValue: n, color: u[S] ?? "", size: d }) }),
-      /* @__PURE__ */ w(V, { variant: "body2", sx: x.value, children: o(k) })
-    ] }, `${t}-series-${S}`), e[15] = u, e[16] = o, e[17] = n, e[18] = t, e[19] = d, e[20] = b) : b = e[20], f = l.map(b), e[8] = u, e[9] = o, e[10] = n, e[11] = t, e[12] = d, e[13] = l, e[14] = f;
-  } else
-    f = e[14];
-  let y;
-  return e[21] !== g || e[22] !== m || e[23] !== i || e[24] !== h || e[25] !== f ? (y = /* @__PURE__ */ H(I, { role: "button", "aria-pressed": m, tabIndex: 0, onClick: i, onKeyDown: g, sx: x.rowMulti, children: [
-    h,
-    f
-  ] }), e[21] = g, e[22] = m, e[23] = i, e[24] = h, e[25] = f, e[26] = y) : y = e[26], y;
-}
-function Ie(c) {
-  const e = E(17), {
-    values: t,
-    colors: s,
-    maxValue: l,
-    size: u
-  } = c, n = u === void 0 ? "small" : u;
-  let o;
-  if (e[0] !== t) {
-    o = [];
-    let a = 0;
-    for (const g of t)
-      o.push(a), a = a + g;
-    e[0] = t, e[1] = o;
-  } else
-    o = e[1];
-  const m = x.bar[n];
-  let r;
-  if (e[2] !== s || e[3] !== l || e[4] !== o || e[5] !== n || e[6] !== t) {
-    let a;
-    e[8] !== s || e[9] !== l || e[10] !== o || e[11] !== n ? (a = (g, i) => {
-      if (g <= 0)
-        return null;
-      const p = l > 0 ? o[i] / l * 100 : 0, h = l > 0 ? g / l * 100 : 0;
-      return /* @__PURE__ */ w(I, { sx: x.stackedSegment[n], style: {
-        left: `${p}%`,
-        width: `${h}%`,
-        backgroundColor: s[i] ?? ""
-      }, "data-bar-fill": "true" }, `seg-${s[i] ?? "none"}-${i}`);
-    }, e[8] = s, e[9] = l, e[10] = o, e[11] = n, e[12] = a) : a = e[12], r = t.map(a), e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = t, e[7] = r;
-  } else
-    r = e[7];
-  let d;
-  return e[13] !== n || e[14] !== m || e[15] !== r ? (d = /* @__PURE__ */ w(I, { sx: m, "data-size": n, children: r }), e[13] = n, e[14] = m, e[15] = r, e[16] = d) : d = e[16], d;
-}
-function Re(c) {
-  const e = E(65), {
-    name: t,
-    displayName: s,
-    values: l,
-    colors: u,
-    seriesNames: n,
-    formatter: o,
-    selected: m,
-    onToggle: r,
-    size: d
-  } = c;
-  let a;
-  e[0] !== t || e[1] !== r ? (a = ($) => {
-    ($.key === "Enter" || $.key === " ") && ($.preventDefault(), r(t));
-  }, e[0] = t, e[1] = r, e[2] = a) : a = e[2];
-  const g = a;
-  let i, p, h, f, y, b, k, S, R, z, T, K, O, B, N;
-  if (e[3] !== s || e[4] !== o || e[5] !== g || e[6] !== t || e[7] !== r || e[8] !== m || e[9] !== l) {
-    N = l.reduce(Te, 0), h = I, K = "button", O = m, B = 0, e[25] !== t || e[26] !== r ? (f = () => r(t), e[25] = t, e[26] = r, e[27] = f) : f = e[27], y = g, b = x.rowStacked, p = I, z = x.stackedHeader;
-    const $ = s ?? t;
-    e[28] !== $ ? (T = /* @__PURE__ */ w(V, { variant: "body2", sx: x.multiName, children: $ }), e[28] = $, e[29] = T) : T = e[29], i = V, k = "body2", S = x.stackedTotal, R = o(N), e[3] = s, e[4] = o, e[5] = g, e[6] = t, e[7] = r, e[8] = m, e[9] = l, e[10] = i, e[11] = p, e[12] = h, e[13] = f, e[14] = y, e[15] = b, e[16] = k, e[17] = S, e[18] = R, e[19] = z, e[20] = T, e[21] = K, e[22] = O, e[23] = B, e[24] = N;
-  } else
-    i = e[10], p = e[11], h = e[12], f = e[13], y = e[14], b = e[15], k = e[16], S = e[17], R = e[18], z = e[19], T = e[20], K = e[21], O = e[22], B = e[23], N = e[24];
-  let M;
-  e[30] !== i || e[31] !== k || e[32] !== S || e[33] !== R ? (M = /* @__PURE__ */ w(i, { variant: k, sx: S, children: R }), e[30] = i, e[31] = k, e[32] = S, e[33] = R, e[34] = M) : M = e[34];
-  let D;
-  e[35] !== p || e[36] !== M || e[37] !== z || e[38] !== T ? (D = /* @__PURE__ */ H(p, { sx: z, children: [
-    T,
-    M
-  ] }), e[35] = p, e[36] = M, e[37] = z, e[38] = T, e[39] = D) : D = e[39];
-  let W;
-  e[40] !== u || e[41] !== d || e[42] !== N || e[43] !== l ? (W = /* @__PURE__ */ w(Ie, { values: l, colors: u, maxValue: N, size: d }), e[40] = u, e[41] = d, e[42] = N, e[43] = l, e[44] = W) : W = e[44];
-  let A;
-  if (e[45] !== o || e[46] !== n || e[47] !== l) {
-    let $;
-    e[49] !== o || e[50] !== n ? ($ = (P, G) => /* @__PURE__ */ w(V, { variant: "body2", sx: x.stackedBreakdownItem, children: `${n[G] ?? `Series ${G + 1}`}: ${o(P)}` }, `breakdown-${n[G] ?? `series-${G}`}`), e[49] = o, e[50] = n, e[51] = $) : $ = e[51], A = l.map($), e[45] = o, e[46] = n, e[47] = l, e[48] = A;
-  } else
-    A = e[48];
-  let L;
-  e[52] !== A ? (L = /* @__PURE__ */ w(I, { sx: x.stackedBreakdown, children: A }), e[52] = A, e[53] = L) : L = e[53];
-  let j;
-  return e[54] !== h || e[55] !== f || e[56] !== y || e[57] !== b || e[58] !== D || e[59] !== W || e[60] !== L || e[61] !== K || e[62] !== O || e[63] !== B ? (j = /* @__PURE__ */ H(h, { role: K, "aria-pressed": O, tabIndex: B, onClick: f, onKeyDown: y, sx: b, children: [
-    D,
-    W,
-    L
-  ] }), e[54] = h, e[55] = f, e[56] = y, e[57] = b, e[58] = D, e[59] = W, e[60] = L, e[61] = K, e[62] = O, e[63] = B, e[64] = j) : j = e[64], j;
-}
-function Te(c, e) {
-  return c + e;
-}
-function De(c) {
-  const e = E(10), {
-    hiddenCount: t,
-    otherLabel: s,
-    otherCountLabel: l
-  } = c, u = s === void 0 ? "Other" : s, n = l === void 0 ? "{count} more" : l;
-  let o;
-  e[0] !== t || e[1] !== n ? (o = n.replace("{count}", String(t)), e[0] = t, e[1] = n, e[2] = o) : o = e[2];
-  const m = o;
-  let r;
-  e[3] !== u ? (r = /* @__PURE__ */ w(V, { variant: "body2", sx: x.otherLabel, children: u }), e[3] = u, e[4] = r) : r = e[4];
-  let d;
-  e[5] !== m ? (d = /* @__PURE__ */ H(V, { variant: "body2", sx: x.otherCount, children: [
-    "(",
-    m,
-    ")"
-  ] }), e[5] = m, e[6] = d) : d = e[6];
-  let a;
-  return e[7] !== r || e[8] !== d ? (a = /* @__PURE__ */ H(I, { sx: x.otherRow, children: [
-    r,
-    d
-  ] }), e[7] = r, e[8] = d, e[9] = a) : a = e[9], a;
-}
-function Le(c) {
-  const e = E(7), {
-    series: t,
-    colorAt: s
-  } = c;
-  if (t.length === 0)
-    return null;
-  let l;
-  if (e[0] !== s || e[1] !== t) {
-    let n;
-    e[3] !== s ? (n = (o, m) => /* @__PURE__ */ H(I, { sx: x.legendItem, children: [
-      /* @__PURE__ */ w(I, { sx: x.legendDot, style: {
-        backgroundColor: o.color ?? s(m)
-      } }),
-      /* @__PURE__ */ w(V, { variant: "caption", sx: x.legendLabel, children: o.name })
-    ] }, o.name), e[3] = s, e[4] = n) : n = e[4], l = t.map(n), e[0] = s, e[1] = t, e[2] = l;
-  } else
-    l = e[2];
-  let u;
-  return e[5] !== l ? (u = /* @__PURE__ */ w(I, { sx: x.legend, children: l }), e[5] = l, e[6] = u) : u = e[6], u;
-}
-const Oe = 20, Ne = {
-  small: 36,
-  medium: 44
-}, We = 8;
-function Fe(c) {
-  if (!c || c.length === 0) return [];
-  const e = Math.max(c.length, 1), t = /* @__PURE__ */ new Map(), s = [];
-  for (let l = 0; l < c.length; l++) {
-    const u = c[l] ?? [];
-    for (const n of u) {
-      let o = t.get(n.name);
-      o || (o = {
-        name: n.name,
-        values: new Array(e).fill(0),
-        rowColors: new Array(e).fill(void 0)
-      }, t.set(n.name, o), s.push(n.name)), o.values[l] = n.value, o.rowColors[l] = n.color;
-    }
-  }
-  return s.map((l) => t.get(l));
-}
-function ze(c) {
-  const e = E(71), {
-    data: t,
-    selection: s,
-    onSelectionChange: l,
-    formatter: u,
-    labelFormatter: n,
-    series: o,
-    maxItems: m,
-    labels: r,
-    maxOverride: d,
-    size: a,
-    stacked: g
-  } = c, i = m === void 0 ? Oe : m, p = a === void 0 ? "small" : a, h = g === void 0 ? !1 : g, f = ve(), y = u ?? Me, b = !!s && s.length > 0;
-  let k;
-  e[0] !== s ? (k = s ?? [], e[0] = s, e[1] = k) : k = e[1];
-  let S;
-  e[2] !== k ? (S = new Set(k), e[2] = k, e[3] = S) : S = e[3];
-  const R = S;
-  let z;
-  e[4] !== l || e[5] !== s ? (z = (C) => {
-    if (!l)
-      return;
-    const v = s ?? [], F = v.includes(C) ? v.filter((ce) => ce !== C) : [...v, C];
-    l(F);
-  }, e[4] = l, e[5] = s, e[6] = z) : z = e[6];
-  const T = z, K = f.palette.secondary.main;
-  let O;
-  e[7] !== f.palette ? (O = Object.values(f.palette.qualitative?.bold ?? {}), e[7] = f.palette, e[8] = O) : O = e[8];
-  let B;
-  e[9] !== O || e[10] !== f.palette.secondary.main ? (B = [K, ...O], e[9] = O, e[10] = f.palette.secondary.main, e[11] = B) : B = e[11];
-  const N = B;
-  let M;
-  e[12] !== N || e[13] !== o || e[14] !== f.palette.secondary.main ? (M = (C, v) => {
-    if (v)
-      return v;
-    const F = o?.[C]?.color;
-    return F || (N[C % N.length] ?? f.palette.secondary.main);
-  }, e[12] = N, e[13] = o, e[14] = f.palette.secondary.main, e[15] = M) : M = e[15];
-  const D = M, W = f.palette.action.disabled;
-  let A;
-  e[16] !== t ? (A = Fe(t), e[16] = t, e[17] = A) : A = e[17];
-  const L = A;
-  let j;
-  e: {
-    if (typeof d == "number" && d > 0) {
-      j = d;
-      break e;
-    }
-    let C = 0;
-    for (const v of L)
-      for (const F of v.values)
-        F > C && (C = F);
-    j = C;
-  }
-  const $ = j, P = i === 0, G = he(!1), [pe, ge] = be(null);
-  let Z;
-  e[18] !== P ? (Z = (C) => {
-    if (!C || G.current || P)
-      return;
-    const v = C.clientHeight;
-    v > 0 && (G.current = !0, ge(v));
-  }, e[18] = P, e[19] = Z) : Z = e[19];
-  const se = Z;
-  if (L.length === 0)
-    return null;
-  let _;
-  e[20] !== i ? (_ = typeof i == "number" && Number.isFinite(i) && i > 0, e[20] = i, e[21] = _) : _ = e[21];
-  const ee = _;
-  let te;
-  e[22] !== L || e[23] !== ee || e[24] !== i ? (te = ee ? L.slice(0, i) : L, e[22] = L, e[23] = ee, e[24] = i, e[25] = te) : te = e[25];
-  const oe = te, le = ee ? L.length - oe.length : 0, U = t.length > 1, ie = U && !!o && o.length > 0, ne = P ? pe ?? Ne[p] * We : void 0;
-  let X;
-  e[26] !== ne ? (X = ne !== void 0 ? {
-    maxHeight: ne,
-    overflowY: "auto"
-  } : void 0, e[26] = ne, e[27] = X) : X = e[27];
-  let q;
-  if (e[28] !== D || e[29] !== W || e[30] !== y || e[31] !== b || e[32] !== U || e[33] !== n || e[34] !== $ || e[35] !== R || e[36] !== o || e[37] !== p || e[38] !== h || e[39] !== T || e[40] !== oe) {
-    let C;
-    e[42] !== D || e[43] !== W || e[44] !== y || e[45] !== b || e[46] !== U || e[47] !== n || e[48] !== $ || e[49] !== R || e[50] !== o || e[51] !== p || e[52] !== h || e[53] !== T ? (C = (v) => {
-      const F = R.has(v.name), ce = b && !F, ue = n ? n(v.name) : void 0, de = (ae) => ce ? W : D(ae, v.rowColors[ae]);
-      return U ? h ? /* @__PURE__ */ w(Re, { name: v.name, displayName: ue, values: v.values, colors: v.values.map((ae, fe) => de(fe)), seriesNames: o?.map(Be) ?? [], formatter: y, selected: F, onToggle: T, size: p }, String(v.name)) : /* @__PURE__ */ w($e, { name: v.name, displayName: ue, values: v.values, colors: v.values.map((ae, fe) => de(fe)), maxValue: $, formatter: y, selected: F, onToggle: T, size: p }, String(v.name)) : /* @__PURE__ */ w(Se, { name: v.name, displayName: ue, value: v.values[0] ?? 0, maxValue: $, color: de(0), formatter: y, selected: F, onToggle: T, size: p }, String(v.name));
-    }, e[42] = D, e[43] = W, e[44] = y, e[45] = b, e[46] = U, e[47] = n, e[48] = $, e[49] = R, e[50] = o, e[51] = p, e[52] = h, e[53] = T, e[54] = C) : C = e[54], q = oe.map(C), e[28] = D, e[29] = W, e[30] = y, e[31] = b, e[32] = U, e[33] = n, e[34] = $, e[35] = R, e[36] = o, e[37] = p, e[38] = h, e[39] = T, e[40] = oe, e[41] = q;
-  } else
-    q = e[41];
-  let Y;
-  e[55] !== le || e[56] !== r?.other || e[57] !== r?.otherCount ? (Y = le > 0 && /* @__PURE__ */ w(De, { hiddenCount: le, otherLabel: r?.other, otherCountLabel: r?.otherCount }), e[55] = le, e[56] = r?.other, e[57] = r?.otherCount, e[58] = Y) : Y = e[58];
-  let J;
-  e[59] !== se || e[60] !== X || e[61] !== q || e[62] !== Y ? (J = /* @__PURE__ */ H(I, { ref: se, sx: x.list, style: X, children: [
-    q,
-    Y
-  ] }), e[59] = se, e[60] = X, e[61] = q, e[62] = Y, e[63] = J) : J = e[63];
-  let Q;
-  e[64] !== D || e[65] !== ie || e[66] !== o ? (Q = ie && o && /* @__PURE__ */ w(Le, { series: o, colorAt: (C) => D(C) }), e[64] = D, e[65] = ie, e[66] = o, e[67] = Q) : Q = e[67];
-  let re;
-  return e[68] !== J || e[69] !== Q ? (re = /* @__PURE__ */ H(I, { sx: x.root, children: [
-    J,
-    Q
-  ] }), e[68] = J, e[69] = Q, e[70] = re) : re = e[70], re;
-}
-function Be(c) {
-  return c.name;
-}
-function Me(c) {
-  return String(c);
-}
-const Ae = (c) => ({
-  data: c.data ?? [],
-  rawData: c.rawData ?? void 0,
-  formatter: c.formatter,
-  labelFormatter: c.labelFormatter
-});
-function He(c) {
-  if (!c) return 0;
-  let e = 0;
-  for (const t of c)
-    for (const s of t) s.value > e && (e = s.value);
-  return e;
-}
-function Xe(c) {
-  const e = E(12), {
-    selection: t,
-    onSelectionChange: s,
-    series: l,
-    maxItems: u,
-    labels: n,
-    maxOverride: o,
-    size: m,
-    stacked: r
-  } = c, d = xe(), a = ye(d, Ae), g = He(a.rawData), i = o ?? (g > 0 ? g : void 0);
-  let p;
-  return e[0] !== i || e[1] !== n || e[2] !== u || e[3] !== s || e[4] !== t || e[5] !== l || e[6] !== m || e[7] !== a.data || e[8] !== a.formatter || e[9] !== a.labelFormatter || e[10] !== r ? (p = /* @__PURE__ */ w(ze, { data: a.data, formatter: a.formatter, labelFormatter: a.labelFormatter, selection: t, onSelectionChange: s, series: l, maxItems: u, labels: n, maxOverride: i, size: m, stacked: r }), e[0] = i, e[1] = n, e[2] = u, e[3] = s, e[4] = t, e[5] = l, e[6] = m, e[7] = a.data, e[8] = a.formatter, e[9] = a.labelFormatter, e[10] = r, e[11] = p) : p = e[11], p;
-}
-export {
-  Xe as C,
-  me as a,
-  Le as b,
-  $e as c,
-  De as d,
-  Se as e,
-  ze as f
-};
-//# sourceMappingURL=category-DwaeYjpX.js.map