@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/category-Ct2BzADB.js

@@ -1,753 +0,0 @@
-import { jsx as w, jsxs as V } from "react/jsx-runtime";
-import { c as P } from "react/compiler-runtime";
-import { useRef as $e, useState as ke } from "react";
-import { u as Ae } from "./widget-context-DTGO0Yta.js";
-import { u as Oe } from "./widget-store-registry-_W4Z4xp-.js";
-import "zustand";
-import { Box as T, Typography as E, useTheme as Ne } from "@mui/material";
-import "./lasso-tool-YLFRgb-S.js";
-import "./cjs-D4KH3azB.js";
-import { T as He } from "./tooltip-BDnrRKrp.js";
-import "@mui/icons-material";
-import "@carto/ps-utils";
-const Be = {
-  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"
-  }
-}, We = {
-  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"
-  }
-}, ze = {
-  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"
-  }
-}, b = {
-  // ── 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
-  },
-  // Layered on `list` only in scroll mode (`maxItems === 0`): right padding
-  // so the bars + right-aligned values clear the scrollbar. Right side only
-  // — the left edge stays at 0 so content stays aligned with the capped
-  // view. `overflowY` + the dynamic `maxHeight` remain on the inline style.
-  listScroll: {
-    pr: 1
-  },
-  // ── 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: Be,
-  barFill: We,
-  stackedSegment: ze,
-  // ── 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: (u) => `1px solid ${u.palette.divider}`
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1,
-    cursor: "pointer"
-  },
-  legendItemHidden: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1,
-    cursor: "pointer",
-    opacity: 0.5
-  },
-  legendDot: {
-    width: 14,
-    height: 14,
-    borderRadius: "50%"
-  },
-  legendLabel: {
-    color: "text.secondary",
-    textTransform: "uppercase",
-    fontWeight: "medium"
-  },
-  // ── "Other" overflow row ──────────────────────────────────────────
-  // Left-aligned `Others <count>` — the label sits next to a muted count
-  // (no parentheses). Only the label is the click target when interactive;
-  // the count is always static text beside it.
-  otherRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1,
-    py: 0.5,
-    px: 0.5
-  },
-  // Interactive affordances layered onto the "Others" label only (cursor,
-  // hover tint, focus ring). A negative LEFT margin + matching padding keep
-  // the hover pill breathing without shifting the label's text edge (it
-  // stays aligned with the category rows above). No right margin, so the
-  // row `gap` is preserved between the pill and the count.
-  otherLabelButton: {
-    cursor: "pointer",
-    userSelect: "none",
-    borderRadius: 1,
-    px: 0.5,
-    ml: -0.5,
-    transition: "background-color 80ms ease",
-    "&:hover": {
-      bgcolor: "action.hover"
-    },
-    "&:focus-visible": {
-      outline: "2px solid",
-      outlineColor: "primary.main",
-      outlineOffset: 2
-    }
-  },
-  otherLabel: {
-    color: "text.primary",
-    fontWeight: "medium"
-  },
-  otherCount: {
-    color: "text.secondary",
-    fontVariantNumeric: "tabular-nums"
-  }
-  // `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 Ie(u) {
-  const e = P(10), {
-    value: o,
-    maxValue: a,
-    color: n,
-    size: d
-  } = u, l = d === void 0 ? "small" : d, t = a > 0 ? o / a * 100 : 0, x = b.bar[l], r = b.barFill[l], m = `${t}%`;
-  let i;
-  e[0] !== n || e[1] !== m ? (i = {
-    width: m,
-    backgroundColor: n
-  }, e[0] = n, e[1] = m, e[2] = i) : i = e[2];
-  let c;
-  e[3] !== r || e[4] !== i ? (c = /* @__PURE__ */ w(T, { sx: r, style: i, "data-bar-fill": "true" }), e[3] = r, e[4] = i, e[5] = c) : c = e[5];
-  let s;
-  return e[6] !== l || e[7] !== x || e[8] !== c ? (s = /* @__PURE__ */ w(T, { sx: x, "data-size": l, children: c }), e[6] = l, e[7] = x, e[8] = c, e[9] = s) : s = e[9], s;
-}
-function Fe(u) {
-  const e = P(27), {
-    name: o,
-    displayName: a,
-    value: n,
-    maxValue: d,
-    color: l,
-    formatter: t,
-    selected: x,
-    onToggle: r,
-    size: m
-  } = u;
-  let i;
-  e[0] !== o || e[1] !== r ? (i = (C) => {
-    (C.key === "Enter" || C.key === " ") && (C.preventDefault(), r(o));
-  }, e[0] = o, e[1] = r, e[2] = i) : i = e[2];
-  const c = i;
-  let s;
-  e[3] !== o || e[4] !== r ? (s = () => r(o), e[3] = o, e[4] = r, e[5] = s) : s = e[5];
-  const p = a ?? o;
-  let f;
-  e[6] !== p ? (f = /* @__PURE__ */ w(E, { variant: "body2", sx: b.name, children: p }), e[6] = p, e[7] = f) : f = e[7];
-  let v;
-  e[8] !== t || e[9] !== n ? (v = t(n), e[8] = t, e[9] = n, e[10] = v) : v = e[10];
-  let h;
-  e[11] !== v ? (h = /* @__PURE__ */ w(E, { variant: "body2", sx: b.value, children: v }), e[11] = v, e[12] = h) : h = e[12];
-  let g;
-  e[13] !== f || e[14] !== h ? (g = /* @__PURE__ */ V(T, { sx: b.rowHeader, children: [
-    f,
-    h
-  ] }), e[13] = f, e[14] = h, e[15] = g) : g = e[15];
-  let k;
-  e[16] !== l || e[17] !== d || e[18] !== m || e[19] !== n ? (k = /* @__PURE__ */ w(Ie, { value: n, maxValue: d, color: l, size: m }), e[16] = l, e[17] = d, e[18] = m, e[19] = n, e[20] = k) : k = e[20];
-  let y;
-  return e[21] !== c || e[22] !== x || e[23] !== s || e[24] !== g || e[25] !== k ? (y = /* @__PURE__ */ V(T, { role: "button", "aria-pressed": x, tabIndex: 0, onClick: s, onKeyDown: c, sx: b.rowSingle, children: [
-    g,
-    k
-  ] }), e[21] = c, e[22] = x, e[23] = s, e[24] = g, e[25] = k, e[26] = y) : y = e[26], y;
-}
-function Ke(u) {
-  const e = P(27), {
-    name: o,
-    displayName: a,
-    values: n,
-    colors: d,
-    maxValue: l,
-    formatter: t,
-    selected: x,
-    onToggle: r,
-    size: m
-  } = u;
-  let i;
-  e[0] !== o || e[1] !== r ? (i = (g) => {
-    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), r(o));
-  }, e[0] = o, e[1] = r, e[2] = i) : i = e[2];
-  const c = i;
-  let s;
-  e[3] !== o || e[4] !== r ? (s = () => r(o), e[3] = o, e[4] = r, e[5] = s) : s = e[5];
-  const p = a ?? o;
-  let f;
-  e[6] !== p ? (f = /* @__PURE__ */ w(E, { variant: "body2", sx: b.multiName, children: p }), e[6] = p, e[7] = f) : f = e[7];
-  let v;
-  if (e[8] !== d || e[9] !== t || e[10] !== l || e[11] !== o || e[12] !== m || e[13] !== n) {
-    let g;
-    e[15] !== d || e[16] !== t || e[17] !== l || e[18] !== o || e[19] !== m ? (g = (k, y) => /* @__PURE__ */ V(T, { sx: b.multiBarRow, children: [
-      /* @__PURE__ */ w(T, { sx: b.multiBarContainer, children: /* @__PURE__ */ w(Ie, { value: k, maxValue: l, color: d[y] ?? "", size: m }) }),
-      /* @__PURE__ */ w(E, { variant: "body2", sx: b.value, children: t(k) })
-    ] }, `${o}-series-${y}`), e[15] = d, e[16] = t, e[17] = l, e[18] = o, e[19] = m, e[20] = g) : g = e[20], v = n.map(g), e[8] = d, e[9] = t, e[10] = l, e[11] = o, e[12] = m, e[13] = n, e[14] = v;
-  } else
-    v = e[14];
-  let h;
-  return e[21] !== c || e[22] !== x || e[23] !== s || e[24] !== f || e[25] !== v ? (h = /* @__PURE__ */ V(T, { role: "button", "aria-pressed": x, tabIndex: 0, onClick: s, onKeyDown: c, sx: b.rowMulti, children: [
-    f,
-    v
-  ] }), e[21] = c, e[22] = x, e[23] = s, e[24] = f, e[25] = v, e[26] = h) : h = e[26], h;
-}
-function Me(u) {
-  const e = P(17), {
-    values: o,
-    colors: a,
-    maxValue: n,
-    size: d
-  } = u, l = d === void 0 ? "small" : d;
-  let t;
-  if (e[0] !== o) {
-    t = [];
-    let i = 0;
-    for (const c of o)
-      t.push(i), i = i + c;
-    e[0] = o, e[1] = t;
-  } else
-    t = e[1];
-  const x = b.bar[l];
-  let r;
-  if (e[2] !== a || e[3] !== n || e[4] !== t || e[5] !== l || e[6] !== o) {
-    let i;
-    e[8] !== a || e[9] !== n || e[10] !== t || e[11] !== l ? (i = (c, s) => {
-      if (c <= 0)
-        return null;
-      const p = n > 0 ? t[s] / n * 100 : 0, f = n > 0 ? c / n * 100 : 0;
-      return /* @__PURE__ */ w(T, { sx: b.stackedSegment[l], style: {
-        left: `${p}%`,
-        width: `${f}%`,
-        backgroundColor: a[s] ?? ""
-      }, "data-bar-fill": "true" }, `seg-${a[s] ?? "none"}-${s}`);
-    }, e[8] = a, e[9] = n, e[10] = t, e[11] = l, e[12] = i) : i = e[12], r = o.map(i), e[2] = a, e[3] = n, e[4] = t, e[5] = l, e[6] = o, e[7] = r;
-  } else
-    r = e[7];
-  let m;
-  return e[13] !== l || e[14] !== x || e[15] !== r ? (m = /* @__PURE__ */ w(T, { sx: x, "data-size": l, children: r }), e[13] = l, e[14] = x, e[15] = r, e[16] = m) : m = e[16], m;
-}
-function Ee(u) {
-  const e = P(65), {
-    name: o,
-    displayName: a,
-    values: n,
-    colors: d,
-    seriesNames: l,
-    formatter: t,
-    selected: x,
-    onToggle: r,
-    size: m
-  } = u;
-  let i;
-  e[0] !== o || e[1] !== r ? (i = (D) => {
-    (D.key === "Enter" || D.key === " ") && (D.preventDefault(), r(o));
-  }, e[0] = o, e[1] = r, e[2] = i) : i = e[2];
-  const c = i;
-  let s, p, f, v, h, g, k, y, C, j, $, H, _, A, B;
-  if (e[3] !== a || e[4] !== t || e[5] !== c || e[6] !== o || e[7] !== r || e[8] !== x || e[9] !== n) {
-    B = n.reduce(Ve, 0), f = T, H = "button", _ = x, A = 0, e[25] !== o || e[26] !== r ? (v = () => r(o), e[25] = o, e[26] = r, e[27] = v) : v = e[27], h = c, g = b.rowStacked, p = T, j = b.stackedHeader;
-    const D = a ?? o;
-    e[28] !== D ? ($ = /* @__PURE__ */ w(E, { variant: "body2", sx: b.multiName, children: D }), e[28] = D, e[29] = $) : $ = e[29], s = E, k = "body2", y = b.stackedTotal, C = t(B), e[3] = a, e[4] = t, e[5] = c, e[6] = o, e[7] = r, e[8] = x, e[9] = n, e[10] = s, e[11] = p, e[12] = f, e[13] = v, e[14] = h, e[15] = g, e[16] = k, e[17] = y, e[18] = C, e[19] = j, e[20] = $, e[21] = H, e[22] = _, e[23] = A, e[24] = B;
-  } else
-    s = e[10], p = e[11], f = e[12], v = e[13], h = e[14], g = e[15], k = e[16], y = e[17], C = e[18], j = e[19], $ = e[20], H = e[21], _ = e[22], A = e[23], B = e[24];
-  let F;
-  e[30] !== s || e[31] !== k || e[32] !== y || e[33] !== C ? (F = /* @__PURE__ */ w(s, { variant: k, sx: y, children: C }), e[30] = s, e[31] = k, e[32] = y, e[33] = C, e[34] = F) : F = e[34];
-  let K;
-  e[35] !== p || e[36] !== F || e[37] !== j || e[38] !== $ ? (K = /* @__PURE__ */ V(p, { sx: j, children: [
-    $,
-    F
-  ] }), e[35] = p, e[36] = F, e[37] = j, e[38] = $, e[39] = K) : K = e[39];
-  let O;
-  e[40] !== d || e[41] !== m || e[42] !== B || e[43] !== n ? (O = /* @__PURE__ */ w(Me, { values: n, colors: d, maxValue: B, size: m }), e[40] = d, e[41] = m, e[42] = B, e[43] = n, e[44] = O) : O = e[44];
-  let G;
-  if (e[45] !== t || e[46] !== l || e[47] !== n) {
-    let D;
-    e[49] !== t || e[50] !== l ? (D = (J, z) => /* @__PURE__ */ w(E, { variant: "body2", sx: b.stackedBreakdownItem, children: `${l[z]}: ${t(J)}` }, `breakdown-${l[z]}`), e[49] = t, e[50] = l, e[51] = D) : D = e[51], G = n.map(D), e[45] = t, e[46] = l, e[47] = n, e[48] = G;
-  } else
-    G = e[48];
-  let M;
-  e[52] !== G ? (M = /* @__PURE__ */ w(T, { sx: b.stackedBreakdown, children: G }), e[52] = G, e[53] = M) : M = e[53];
-  let W;
-  return e[54] !== f || e[55] !== v || e[56] !== h || e[57] !== g || e[58] !== K || e[59] !== O || e[60] !== M || e[61] !== H || e[62] !== _ || e[63] !== A ? (W = /* @__PURE__ */ V(f, { role: H, "aria-pressed": _, tabIndex: A, onClick: v, onKeyDown: h, sx: g, children: [
-    K,
-    O,
-    M
-  ] }), e[54] = f, e[55] = v, e[56] = h, e[57] = g, e[58] = K, e[59] = O, e[60] = M, e[61] = H, e[62] = _, e[63] = A, e[64] = W) : W = e[64], W;
-}
-function Ve(u, e) {
-  return u + e;
-}
-function je(u) {
-  const e = P(23), {
-    hiddenCount: o,
-    otherLabel: a,
-    otherCountLabel: n,
-    onShowAll: d,
-    showAllLabel: l
-  } = u, t = a === void 0 ? "Others" : a, x = n === void 0 ? "{count}" : n, r = l === void 0 ? "Show all" : l;
-  let m;
-  e[0] !== o || e[1] !== x ? (m = x.replace("{count}", String(o)), e[0] = o, e[1] = x, e[2] = m) : m = e[2];
-  const i = m;
-  let c;
-  e[3] !== i ? (c = /* @__PURE__ */ w(E, { variant: "body2", sx: b.otherCount, children: i }), e[3] = i, e[4] = c) : c = e[4];
-  const s = c;
-  if (!d) {
-    let y;
-    e[5] !== t ? (y = /* @__PURE__ */ w(E, { variant: "body2", sx: b.otherLabel, children: t }), e[5] = t, e[6] = y) : y = e[6];
-    let C;
-    return e[7] !== s || e[8] !== y ? (C = /* @__PURE__ */ V(T, { sx: b.otherRow, children: [
-      y,
-      s
-    ] }), e[7] = s, e[8] = y, e[9] = C) : C = e[9], C;
-  }
-  let p;
-  e[10] !== d ? (p = (y) => {
-    (y.key === "Enter" || y.key === " ") && (y.preventDefault(), d());
-  }, e[10] = d, e[11] = p) : p = e[11];
-  const f = p;
-  let v;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
-    ...b.otherLabel,
-    ...b.otherLabelButton
-  }, e[12] = v) : v = e[12];
-  let h;
-  e[13] !== f || e[14] !== d || e[15] !== t ? (h = /* @__PURE__ */ w(E, { variant: "body2", component: "span", role: "button", tabIndex: 0, onClick: d, onKeyDown: f, sx: v, children: t }), e[13] = f, e[14] = d, e[15] = t, e[16] = h) : h = e[16];
-  let g;
-  e[17] !== r || e[18] !== h ? (g = /* @__PURE__ */ w(He, { title: r, children: h }), e[17] = r, e[18] = h, e[19] = g) : g = e[19];
-  let k;
-  return e[20] !== s || e[21] !== g ? (k = /* @__PURE__ */ V(T, { sx: b.otherRow, children: [
-    g,
-    s
-  ] }), e[20] = s, e[21] = g, e[22] = k) : k = e[22], k;
-}
-const Ge = /* @__PURE__ */ new Set();
-function Pe(u) {
-  const e = P(11), {
-    series: o,
-    colorAt: a,
-    hiddenSeries: n,
-    onToggle: d
-  } = u, l = n === void 0 ? Ge : n;
-  if (o.length === 0)
-    return null;
-  let t;
-  if (e[0] !== a || e[1] !== l || e[2] !== d || e[3] !== o) {
-    let r;
-    e[5] !== a || e[6] !== l || e[7] !== d ? (r = (m, i) => {
-      const c = l.has(i);
-      return /* @__PURE__ */ V(T, { role: "checkbox", "aria-checked": !c, tabIndex: 0, onClick: () => d?.(i), onKeyDown: (s) => {
-        (s.key === "Enter" || s.key === " ") && (s.preventDefault(), d?.(i));
-      }, sx: c ? b.legendItemHidden : b.legendItem, children: [
-        /* @__PURE__ */ w(T, { sx: b.legendDot, style: {
-          backgroundColor: m.color ?? a(i)
-        } }),
-        /* @__PURE__ */ w(E, { variant: "caption", sx: b.legendLabel, children: m.name })
-      ] }, m.name);
-    }, e[5] = a, e[6] = l, e[7] = d, e[8] = r) : r = e[8], t = o.map(r), e[0] = a, e[1] = l, e[2] = d, e[3] = o, e[4] = t;
-  } else
-    t = e[4];
-  let x;
-  return e[9] !== t ? (x = /* @__PURE__ */ w(T, { sx: b.legend, children: t }), e[9] = t, e[10] = x) : x = e[10], x;
-}
-const _e = 20, Ue = {
-  small: 36,
-  medium: 44
-}, Xe = 8;
-function qe(u) {
-  if (!u || u.length === 0) return [];
-  const e = Math.max(u.length, 1), o = /* @__PURE__ */ new Map(), a = [];
-  for (let n = 0; n < u.length; n++) {
-    const d = u[n] ?? [];
-    for (const l of d) {
-      let t = o.get(l.name);
-      t || (t = {
-        name: l.name,
-        values: new Array(e).fill(0),
-        rowColors: new Array(e).fill(void 0)
-      }, o.set(l.name, t), a.push(l.name)), t.values[n] = l.value, t.rowColors[n] = l.color;
-    }
-  }
-  return a.map((n) => o.get(n));
-}
-function Je(u) {
-  const e = P(83), {
-    data: o,
-    selection: a,
-    onSelectionChange: n,
-    formatter: d,
-    labelFormatter: l,
-    series: t,
-    maxItems: x,
-    labels: r,
-    onShowAll: m,
-    maxOverride: i,
-    size: c,
-    stacked: s
-  } = u, p = x === void 0 ? _e : x, f = c === void 0 ? "small" : c, v = s === void 0 ? !1 : s, h = Ne(), g = d ?? et, k = !!a && a.length > 0;
-  let y;
-  e[0] !== a ? (y = a ?? [], e[0] = a, e[1] = y) : y = e[1];
-  let C;
-  e[2] !== y ? (C = new Set(y), e[2] = y, e[3] = C) : C = e[3];
-  const j = C;
-  let $;
-  e[4] !== n || e[5] !== a ? ($ = (S) => {
-    if (!n)
-      return;
-    const L = a ?? [], I = L.includes(S) ? L.filter((ie) => ie !== S) : [...L, S];
-    n(I);
-  }, e[4] = n, e[5] = a, e[6] = $) : $ = e[6];
-  const H = $, _ = h.palette.secondary.main;
-  let A;
-  e[7] !== h.palette ? (A = Object.values(h.palette.qualitative?.bold ?? {}), e[7] = h.palette, e[8] = A) : A = e[8];
-  let B;
-  e[9] !== A || e[10] !== h.palette.secondary.main ? (B = [_, ...A], e[9] = A, e[10] = h.palette.secondary.main, e[11] = B) : B = e[11];
-  const F = B;
-  let K;
-  e[12] !== F || e[13] !== t || e[14] !== h.palette.secondary.main ? (K = (S, L) => {
-    if (L)
-      return L;
-    const I = t?.[S]?.color;
-    return I || (F[S % F.length] ?? h.palette.secondary.main);
-  }, e[12] = F, e[13] = t, e[14] = h.palette.secondary.main, e[15] = K) : K = e[15];
-  const O = K, G = h.palette.action.disabled;
-  let M;
-  e[16] !== o ? (M = qe(o), e[16] = o, e[17] = M) : M = e[17];
-  const W = M;
-  let D;
-  e: {
-    if (typeof i == "number" && i > 0) {
-      D = i;
-      break e;
-    }
-    let S = 0;
-    for (const L of W)
-      for (const I of L.values)
-        I > S && (S = I);
-    D = S;
-  }
-  const J = D, z = p === 0, Se = $e(!1), [ge, Te] = ke(null);
-  let ce;
-  e[18] !== z ? (ce = (S) => {
-    if (!S || Se.current || z)
-      return;
-    const L = S.clientHeight;
-    L > 0 && (Se.current = !0, Te(L));
-  }, e[18] = z, e[19] = ce) : ce = e[19];
-  const be = ce, [Y, Ce] = ke(Ze);
-  let de;
-  e[20] !== t ? (de = JSON.stringify(t?.map(Qe) ?? []), e[20] = t, e[21] = de) : de = e[21];
-  const xe = de, [De, Le] = ke(xe);
-  xe !== De && (Le(xe), Ce(/* @__PURE__ */ new Set()));
-  const Q = Math.max(o.length, 1);
-  let ue;
-  e[22] !== Q ? (ue = (S) => {
-    Ce((L) => {
-      const I = new Set(L);
-      return I.has(S) ? I.delete(S) : I.add(S), I.size >= Q ? /* @__PURE__ */ new Set() : I;
-    });
-  }, e[22] = Q, e[23] = ue) : ue = e[23];
-  const ye = ue;
-  if (W.length === 0)
-    return null;
-  let me;
-  e[24] !== p ? (me = typeof p == "number" && Number.isFinite(p) && p > 0, e[24] = p, e[25] = me) : me = e[25];
-  const fe = me;
-  let Z, ee, te, q, oe, U, X, le, ne;
-  if (e[26] !== O || e[27] !== o.length || e[28] !== G || e[29] !== g || e[30] !== W || e[31] !== fe || e[32] !== k || e[33] !== Y || e[34] !== l || e[35] !== be || e[36] !== p || e[37] !== J || e[38] !== ge || e[39] !== z || e[40] !== j || e[41] !== t || e[42] !== Q || e[43] !== f || e[44] !== v || e[45] !== H) {
-    const S = fe ? W.slice(0, p) : W;
-    q = fe ? W.length - S.length : 0;
-    const L = o.length > 1;
-    te = L && !!t && t.length > 0;
-    const I = Array.from({
-      length: Q
-    }, Ye).filter((R) => !Y.has(R)), ie = z ? ge ?? Ue[f] * Xe : void 0;
-    ee = T, ne = b.root, Z = T, oe = be, e[55] !== z ? (U = z ? {
-      ...b.list,
-      ...b.listScroll
-    } : b.list, e[55] = z, e[56] = U) : U = e[56], e[57] !== ie ? (X = ie !== void 0 ? {
-      maxHeight: ie,
-      overflowY: "auto"
-    } : void 0, e[57] = ie, e[58] = X) : X = e[58], le = S.map((R) => {
-      const pe = j.has(R.name), Re = k && !pe, ve = l ? l(R.name) : void 0, we = (N) => Re ? G : O(N, R.rowColors[N]);
-      return L ? v ? /* @__PURE__ */ w(Ee, { name: R.name, displayName: ve, values: I.map((N) => R.values[N]), colors: I.map((N) => we(N)), seriesNames: I.map((N) => t?.[N]?.name ?? `Series ${N + 1}`), formatter: g, selected: pe, onToggle: H, size: f }, String(R.name)) : /* @__PURE__ */ w(Ke, { name: R.name, displayName: ve, values: I.map((N) => R.values[N]), colors: I.map((N) => we(N)), maxValue: J, formatter: g, selected: pe, onToggle: H, size: f }, String(R.name)) : /* @__PURE__ */ w(Fe, { name: R.name, displayName: ve, value: R.values[0] ?? 0, maxValue: J, color: we(0), formatter: g, selected: pe, onToggle: H, size: f }, String(R.name));
-    }), e[26] = O, e[27] = o.length, e[28] = G, e[29] = g, e[30] = W, e[31] = fe, e[32] = k, e[33] = Y, e[34] = l, e[35] = be, e[36] = p, e[37] = J, e[38] = ge, e[39] = z, e[40] = j, e[41] = t, e[42] = Q, e[43] = f, e[44] = v, e[45] = H, e[46] = Z, e[47] = ee, e[48] = te, e[49] = q, e[50] = oe, e[51] = U, e[52] = X, e[53] = le, e[54] = ne;
-  } else
-    Z = e[46], ee = e[47], te = e[48], q = e[49], oe = e[50], U = e[51], X = e[52], le = e[53], ne = e[54];
-  let re;
-  e[59] !== q || e[60] !== r?.other || e[61] !== r?.otherCount || e[62] !== r?.showAll || e[63] !== m ? (re = q > 0 && /* @__PURE__ */ w(je, { hiddenCount: q, otherLabel: r?.other, otherCountLabel: r?.otherCount, showAllLabel: r?.showAll, onShowAll: m }), e[59] = q, e[60] = r?.other, e[61] = r?.otherCount, e[62] = r?.showAll, e[63] = m, e[64] = re) : re = e[64];
-  let se;
-  e[65] !== Z || e[66] !== oe || e[67] !== U || e[68] !== X || e[69] !== le || e[70] !== re ? (se = /* @__PURE__ */ V(Z, { ref: oe, sx: U, style: X, children: [
-    le,
-    re
-  ] }), e[65] = Z, e[66] = oe, e[67] = U, e[68] = X, e[69] = le, e[70] = re, e[71] = se) : se = e[71];
-  let ae;
-  e[72] !== O || e[73] !== te || e[74] !== Y || e[75] !== t || e[76] !== ye ? (ae = te && t && /* @__PURE__ */ w(Pe, { series: t, colorAt: (S) => O(S), hiddenSeries: Y, onToggle: ye }), e[72] = O, e[73] = te, e[74] = Y, e[75] = t, e[76] = ye, e[77] = ae) : ae = e[77];
-  let he;
-  return e[78] !== ee || e[79] !== ne || e[80] !== se || e[81] !== ae ? (he = /* @__PURE__ */ V(ee, { sx: ne, children: [
-    se,
-    ae
-  ] }), e[78] = ee, e[79] = ne, e[80] = se, e[81] = ae, e[82] = he) : he = e[82], he;
-}
-function Ye(u, e) {
-  return e;
-}
-function Qe(u) {
-  return u.name;
-}
-function Ze() {
-  return /* @__PURE__ */ new Set();
-}
-function et(u) {
-  return String(u);
-}
-const tt = (u) => ({
-  data: u.data ?? [],
-  rawData: u.rawData ?? void 0,
-  formatter: u.formatter,
-  labelFormatter: u.labelFormatter
-});
-function ot(u) {
-  if (!u) return 0;
-  let e = 0;
-  for (const o of u)
-    for (const a of o) a.value > e && (e = a.value);
-  return e;
-}
-function pt(u) {
-  const e = P(13), {
-    selection: o,
-    onSelectionChange: a,
-    series: n,
-    maxItems: d,
-    labels: l,
-    onShowAll: t,
-    maxOverride: x,
-    size: r,
-    stacked: m
-  } = u, i = Ae(), c = Oe(i, tt), s = ot(c.rawData), p = x ?? (s > 0 ? s : void 0);
-  let f;
-  return e[0] !== p || e[1] !== l || e[2] !== d || e[3] !== a || e[4] !== t || e[5] !== o || e[6] !== n || e[7] !== r || e[8] !== c.data || e[9] !== c.formatter || e[10] !== c.labelFormatter || e[11] !== m ? (f = /* @__PURE__ */ w(Je, { data: c.data, formatter: c.formatter, labelFormatter: c.labelFormatter, selection: o, onSelectionChange: a, series: n, maxItems: d, labels: l, onShowAll: t, maxOverride: p, size: r, stacked: m }), e[0] = p, e[1] = l, e[2] = d, e[3] = a, e[4] = t, e[5] = o, e[6] = n, e[7] = r, e[8] = c.data, e[9] = c.formatter, e[10] = c.labelFormatter, e[11] = m, e[12] = f) : f = e[12], f;
-}
-export {
-  pt as C,
-  Ie as a,
-  Pe as b,
-  Ke as c,
-  je as d,
-  Fe as e,
-  Je as f
-};
-//# sourceMappingURL=category-Ct2BzADB.js.map