@carto/ps-react-ui 5.0.0-widgets.9 → 5.1.0

package/dist/widgets/category.js

@@ -1,467 +1,450 @@
-import { jsx as h, jsxs as R } from "react/jsx-runtime";
-import { c as M } from "react/compiler-runtime";
-import { Box as C, Typography as L, useTheme as Q, Skeleton as N } from "@mui/material";
-import "react";
-import { u as X } from "../widget-store-CB6Trp_0.js";
-import { useShallow as Y } from "zustand/shallow";
-import "@mui/icons-material";
-import "react-markdown";
-import { d as z, a as U } from "../exports-Cr43OCul.js";
-import "../lasso-tool-CYn3ivf-.js";
-import "../cjs-D9ro6BXv.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-const u = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    position: "relative",
-    overflow: "auto"
-  },
-  list: {
-    display: "flex",
-    flexDirection: "column",
-    gap: (t) => t.spacing(1)
-  },
-  row: {
-    display: "flex",
-    flexDirection: "column",
-    gap: (t) => t.spacing(0.5),
-    pointerEvents: "none"
-  },
-  rowClickable: {
-    pointerEvents: "auto"
-    // display: 'flex',
-    // flexDirection: 'column',
-    // gap: (theme: Theme) => theme.spacing(0.5),
-    // cursor: 'pointer',
-    // borderRadius: 1,
-    // padding: (theme: Theme) => theme.spacing(0.5),
-    // margin: (theme: Theme) => theme.spacing(-0.5),
-    // transition: 'background-color 0.15s ease-in-out',
-    // '&:hover': {
-    //   backgroundColor: (theme: Theme) => theme.palette.action.hover,
-    // },
-  },
-  rowHeader: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  rowLabel: {
-    typography: "body2",
-    fontWeight: "medium",
-    color: "text.primary"
-  },
-  rowValue: {
-    typography: "body2",
-    color: "text.secondary"
-  },
-  barContainer: {
-    display: "flex",
-    flexDirection: "column"
-  },
-  bar: {
-    height: 4,
-    borderRadius: 2,
-    backgroundColor: (t) => t.palette.action.disabledBackground,
-    overflow: "hidden",
-    position: "relative",
-    transition: "background-color 0.15s ease-in-out",
-    cursor: "pointer",
-    "&:hover": {
-      backgroundColor: (t) => t.palette.action.hover,
-      "& > div": {
-        filter: "brightness(1.2)"
-      }
-    }
-  },
-  barFill: {
-    height: "100%",
-    borderRadius: 2,
-    transition: "width 0.3s ease-in-out, background-color 0.15s ease-in-out"
-  },
-  barFillMuted: {
-    backgroundColor: (t) => t.palette.action.disabled
-  },
-  legend: {
-    display: "flex",
-    alignItems: "center",
-    gap: (t) => t.spacing(2),
-    flexWrap: "wrap",
-    paddingTop: (t) => t.spacing(2),
-    position: "sticky",
-    bottom: 0,
-    backgroundColor: "background.paper",
-    borderTop: (t) => `1px solid ${t.palette.divider}`,
-    marginTop: (t) => t.spacing(2)
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: (t) => t.spacing(1)
-  },
-  legendDot: {
-    width: 8,
-    height: 8,
-    borderRadius: "50%"
-  },
-  legendLabel: {
-    typography: "caption",
-    color: "text.secondary",
-    textTransform: "uppercase",
-    fontWeight: "medium"
-  },
-  multiBarRow: {
-    display: "flex",
-    alignItems: "center",
-    gap: (t) => t.spacing(1)
-  },
-  multiBarValue: {
-    typography: "body2",
-    color: "text.secondary",
-    minWidth: 48,
-    textAlign: "right"
-  },
-  multiBarContainer: {
-    flex: 1
-  },
-  otherRow: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  otherLabel: {
-    typography: "body2",
-    fontWeight: "medium",
-    color: "text.secondary",
-    fontStyle: "italic"
-  },
-  otherCount: {
-    typography: "body2",
-    color: "text.disabled"
-  }
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { _ as t, v as n } from "../actions-CGJD6q0t.js";
+import { n as r, t as i } from "../formatter-wVO81tYk.js";
+import { t as a } from "../hooks-zf5gKZYq.js";
+import { c as o } from "react/compiler-runtime";
+import { useState as s } from "react";
+import { Box as c, Skeleton as l, Typography as u, useTheme as d } from "@mui/material";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/widgets/category/style.ts
+var m = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		width: "100%"
+	},
+	list: {
+		display: "flex",
+		flexDirection: "column",
+		gap: (e) => e.spacing(1)
+	},
+	row: {
+		display: "flex",
+		flexDirection: "column",
+		gap: (e) => e.spacing(.5),
+		pointerEvents: "none"
+	},
+	rowClickable: { pointerEvents: "auto" },
+	rowHeader: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center"
+	},
+	rowLabel: {
+		typography: "body2",
+		fontWeight: "medium",
+		color: "text.primary"
+	},
+	rowValue: {
+		typography: "body2",
+		color: "text.secondary"
+	},
+	barContainer: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	bar: {
+		height: 4,
+		borderRadius: 2,
+		backgroundColor: (e) => e.palette.action.disabledBackground,
+		overflow: "hidden",
+		position: "relative",
+		transition: "background-color 0.15s ease-in-out",
+		cursor: "pointer",
+		"&:hover": {
+			backgroundColor: (e) => e.palette.action.hover,
+			"& > div": { filter: "brightness(1.2)" }
+		}
+	},
+	barFill: {
+		height: "100%",
+		borderRadius: 2,
+		transition: "width 0.3s ease-in-out, background-color 0.15s ease-in-out"
+	},
+	barFillMuted: { backgroundColor: (e) => e.palette.action.disabled },
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: (e) => e.spacing(2),
+		flexWrap: "wrap",
+		paddingTop: (e) => e.spacing(2),
+		position: "sticky",
+		bottom: 0,
+		backgroundColor: "background.paper",
+		borderTop: (e) => `1px solid ${e.palette.divider}`,
+		marginTop: (e) => e.spacing(2)
+	},
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: (e) => e.spacing(1)
+	},
+	legendDot: {
+		width: 8,
+		height: 8,
+		borderRadius: "50%"
+	},
+	legendLabel: {
+		typography: "caption",
+		color: "text.secondary",
+		textTransform: "uppercase",
+		fontWeight: "medium"
+	},
+	multiBarRow: {
+		display: "flex",
+		alignItems: "center",
+		gap: (e) => e.spacing(1)
+	},
+	multiBarValue: {
+		typography: "body2",
+		color: "text.secondary",
+		minWidth: 48,
+		textAlign: "right"
+	},
+	multiBarContainer: { flex: 1 },
+	otherRow: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center"
+	},
+	otherLabel: {
+		typography: "body2",
+		fontWeight: "medium",
+		color: "text.secondary",
+		fontStyle: "italic"
+	},
+	otherCount: {
+		typography: "body2",
+		color: "text.disabled"
+	}
 };
-function J(t) {
-  const e = M(6), {
-    value: r,
-    maxValue: o,
-    color: i,
-    selected: n
-  } = t, c = n === void 0 ? !0 : n, a = o > 0 ? r / o * 100 : 0;
-  let d;
-  e[0] !== i || e[1] !== a || e[2] !== c ? (d = c ? {
-    ...u.barFill,
-    width: `${a}%`,
-    backgroundColor: i
-  } : {
-    ...u.barFill,
-    ...u.barFillMuted,
-    width: `${a}%`
-  }, e[0] = i, e[1] = a, e[2] = c, e[3] = d) : d = e[3];
-  const l = d;
-  let m;
-  return e[4] !== l ? (m = /* @__PURE__ */ h(C, { sx: u.bar, children: /* @__PURE__ */ h(C, { sx: l }) }), e[4] = l, e[5] = m) : m = e[5], m;
+//#endregion
+//#region src/widgets/category/components/category-bar.tsx
+function h(e) {
+	let t = o(6), { value: n, maxValue: r, color: i, selected: a } = e, s = a === void 0 || a, l = r > 0 ? n / r * 100 : 0, u;
+	t[0] !== i || t[1] !== l || t[2] !== s ? (u = s ? {
+		...m.barFill,
+		width: `${l}%`,
+		backgroundColor: i
+	} : {
+		...m.barFill,
+		...m.barFillMuted,
+		width: `${l}%`
+	}, t[0] = i, t[1] = l, t[2] = s, t[3] = u) : u = t[3];
+	let d = u, p;
+	return t[4] === d ? p = t[5] : (p = /* @__PURE__ */ f(c, {
+		sx: m.bar,
+		children: /* @__PURE__ */ f(c, { sx: d })
+	}), t[4] = d, t[5] = p), p;
 }
-function Z(t) {
-  const e = M(23), {
-    name: r,
-    value: o,
-    maxValue: i,
-    color: n,
-    formatter: c,
-    onClick: a,
-    selected: d
-  } = t, l = d === void 0 ? !0 : d;
-  let m;
-  e[0] !== r || e[1] !== a ? (m = a ? () => a({
-    name: r
-  }) : void 0, e[0] = r, e[1] = a, e[2] = m) : m = e[2];
-  const f = m, y = a ? u.rowClickable : u.row;
-  let g;
-  e[3] !== r ? (g = /* @__PURE__ */ h(L, { sx: u.rowLabel, children: r }), e[3] = r, e[4] = g) : g = e[4];
-  let w;
-  e[5] !== c || e[6] !== o ? (w = c(o), e[5] = c, e[6] = o, e[7] = w) : w = e[7];
-  let x;
-  e[8] !== w ? (x = /* @__PURE__ */ h(L, { sx: u.rowValue, children: w }), e[8] = w, e[9] = x) : x = e[9];
-  let b;
-  e[10] !== g || e[11] !== x ? (b = /* @__PURE__ */ R(C, { sx: u.rowHeader, children: [
-    g,
-    x
-  ] }), e[10] = g, e[11] = x, e[12] = b) : b = e[12];
-  let k;
-  e[13] !== n || e[14] !== i || e[15] !== l || e[16] !== o ? (k = /* @__PURE__ */ h(J, { value: o, maxValue: i, color: n, selected: l }), e[13] = n, e[14] = i, e[15] = l, e[16] = o, e[17] = k) : k = e[17];
-  let v;
-  return e[18] !== f || e[19] !== y || e[20] !== b || e[21] !== k ? (v = /* @__PURE__ */ R(C, { sx: y, onClick: f, children: [
-    b,
-    k
-  ] }), e[18] = f, e[19] = y, e[20] = b, e[21] = k, e[22] = v) : v = e[22], v;
+//#endregion
+//#region src/widgets/category/components/category-row-single.tsx
+function g(e) {
+	let t = o(26), { name: n, value: r, maxValue: i, color: a, formatter: s, labelFormatter: l, onClick: d, selected: g } = e, _ = g === void 0 || g, v;
+	t[0] !== n || t[1] !== d ? (v = d ? () => d({ name: n }) : void 0, t[0] = n, t[1] = d, t[2] = v) : v = t[2];
+	let y = v, b = d ? m.rowClickable : m.row, x;
+	t[3] !== l || t[4] !== n ? (x = l ? l(n) : n, t[3] = l, t[4] = n, t[5] = x) : x = t[5];
+	let S;
+	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ f(u, {
+		sx: m.rowLabel,
+		children: x
+	}), t[6] = x, t[7] = S);
+	let C;
+	t[8] !== s || t[9] !== r ? (C = s(r), t[8] = s, t[9] = r, t[10] = C) : C = t[10];
+	let w;
+	t[11] === C ? w = t[12] : (w = /* @__PURE__ */ f(u, {
+		sx: m.rowValue,
+		children: C
+	}), t[11] = C, t[12] = w);
+	let T;
+	t[13] !== S || t[14] !== w ? (T = /* @__PURE__ */ p(c, {
+		sx: m.rowHeader,
+		children: [S, w]
+	}), t[13] = S, t[14] = w, t[15] = T) : T = t[15];
+	let E;
+	t[16] !== a || t[17] !== i || t[18] !== _ || t[19] !== r ? (E = /* @__PURE__ */ f(h, {
+		value: r,
+		maxValue: i,
+		color: a,
+		selected: _
+	}), t[16] = a, t[17] = i, t[18] = _, t[19] = r, t[20] = E) : E = t[20];
+	let D;
+	return t[21] !== y || t[22] !== b || t[23] !== T || t[24] !== E ? (D = /* @__PURE__ */ p(c, {
+		sx: b,
+		onClick: y,
+		children: [T, E]
+	}), t[21] = y, t[22] = b, t[23] = T, t[24] = E, t[25] = D) : D = t[25], D;
 }
-function ee(t) {
-  const e = M(25), {
-    name: r,
-    values: o,
-    maxValue: i,
-    colors: n,
-    formatter: c,
-    onClick: a,
-    selected: d
-  } = t, l = d === void 0 ? !0 : d;
-  let m;
-  e[0] !== r || e[1] !== a ? (m = a ? () => a({
-    name: r
-  }) : void 0, e[0] = r, e[1] = a, e[2] = m) : m = e[2];
-  const f = m, y = a ? u.rowClickable : u.row;
-  let g;
-  e[3] !== r ? (g = /* @__PURE__ */ h(L, { sx: u.rowLabel, children: r }), e[3] = r, e[4] = g) : g = e[4];
-  let w;
-  if (e[5] !== n || e[6] !== c || e[7] !== i || e[8] !== r || e[9] !== l || e[10] !== o) {
-    let k;
-    e[12] !== n || e[13] !== c || e[14] !== i || e[15] !== r || e[16] !== l ? (k = (v, D) => /* @__PURE__ */ R(C, { sx: u.multiBarRow, children: [
-      /* @__PURE__ */ h(C, { sx: u.multiBarContainer, children: /* @__PURE__ */ h(J, { value: v, maxValue: i, color: n[D % n.length] ?? "", selected: l }) }),
-      /* @__PURE__ */ h(L, { sx: u.multiBarValue, children: c(v) })
-    ] }, `${r}-${v}-${D}`), e[12] = n, e[13] = c, e[14] = i, e[15] = r, e[16] = l, e[17] = k) : k = e[17], w = o.map(k), e[5] = n, e[6] = c, e[7] = i, e[8] = r, e[9] = l, e[10] = o, e[11] = w;
-  } else
-    w = e[11];
-  let x;
-  e[18] !== w ? (x = /* @__PURE__ */ h(C, { sx: u.barContainer, children: w }), e[18] = w, e[19] = x) : x = e[19];
-  let b;
-  return e[20] !== f || e[21] !== y || e[22] !== g || e[23] !== x ? (b = /* @__PURE__ */ R(C, { sx: y, onClick: f, children: [
-    g,
-    x
-  ] }), e[20] = f, e[21] = y, e[22] = g, e[23] = x, e[24] = b) : b = e[24], b;
+//#endregion
+//#region src/widgets/category/components/category-row-multi.tsx
+function _(e) {
+	let t = o(28), { name: n, values: r, maxValue: i, colors: a, formatter: s, labelFormatter: l, onClick: d, selected: g } = e, _ = g === void 0 || g, v;
+	t[0] !== n || t[1] !== d ? (v = d ? () => d({ name: n }) : void 0, t[0] = n, t[1] = d, t[2] = v) : v = t[2];
+	let y = v, b = d ? m.rowClickable : m.row, x;
+	t[3] !== l || t[4] !== n ? (x = l ? l(n) : n, t[3] = l, t[4] = n, t[5] = x) : x = t[5];
+	let S;
+	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ f(u, {
+		sx: m.rowLabel,
+		children: x
+	}), t[6] = x, t[7] = S);
+	let C;
+	if (t[8] !== a || t[9] !== s || t[10] !== i || t[11] !== n || t[12] !== _ || t[13] !== r) {
+		let e;
+		t[15] !== a || t[16] !== s || t[17] !== i || t[18] !== n || t[19] !== _ ? (e = (e, t) => /* @__PURE__ */ p(c, {
+			sx: m.multiBarRow,
+			children: [/* @__PURE__ */ f(c, {
+				sx: m.multiBarContainer,
+				children: /* @__PURE__ */ f(h, {
+					value: e,
+					maxValue: i,
+					color: a[t % a.length] ?? "",
+					selected: _
+				})
+			}), /* @__PURE__ */ f(u, {
+				sx: m.multiBarValue,
+				children: s(e)
+			})]
+		}, `${n}-${e}-${t}`), t[15] = a, t[16] = s, t[17] = i, t[18] = n, t[19] = _, t[20] = e) : e = t[20], C = r.map(e), t[8] = a, t[9] = s, t[10] = i, t[11] = n, t[12] = _, t[13] = r, t[14] = C;
+	} else C = t[14];
+	let w;
+	t[21] === C ? w = t[22] : (w = /* @__PURE__ */ f(c, {
+		sx: m.barContainer,
+		children: C
+	}), t[21] = C, t[22] = w);
+	let T;
+	return t[23] !== y || t[24] !== b || t[25] !== S || t[26] !== w ? (T = /* @__PURE__ */ p(c, {
+		sx: b,
+		onClick: y,
+		children: [S, w]
+	}), t[23] = y, t[24] = b, t[25] = S, t[26] = w, t[27] = T) : T = t[27], T;
 }
-function te(t) {
-  const e = M(10), {
-    hiddenCount: r,
-    otherLabel: o,
-    otherCountLabel: i
-  } = t, n = o === void 0 ? "Other" : o, c = i === void 0 ? "{count} more" : i;
-  let a;
-  e[0] !== r || e[1] !== c ? (a = c.replace("{count}", String(r)), e[0] = r, e[1] = c, e[2] = a) : a = e[2];
-  const d = a;
-  let l;
-  e[3] !== n ? (l = /* @__PURE__ */ h(L, { sx: u.otherLabel, children: n }), e[3] = n, e[4] = l) : l = e[4];
-  let m;
-  e[5] !== d ? (m = /* @__PURE__ */ R(L, { sx: u.otherCount, children: [
-    "(",
-    d,
-    ")"
-  ] }), e[5] = d, e[6] = m) : m = e[6];
-  let f;
-  return e[7] !== l || e[8] !== m ? (f = /* @__PURE__ */ R(C, { sx: u.otherRow, children: [
-    l,
-    m
-  ] }), e[7] = l, e[8] = m, e[9] = f) : f = e[9], f;
+//#endregion
+//#region src/widgets/category/components/category-row-other.tsx
+function v(e) {
+	let t = o(10), { hiddenCount: n, otherLabel: r, otherCountLabel: i } = e, a = r === void 0 ? "Other" : r, s = i === void 0 ? "{count} more" : i, l;
+	t[0] !== n || t[1] !== s ? (l = s.replace("{count}", String(n)), t[0] = n, t[1] = s, t[2] = l) : l = t[2];
+	let d = l, h;
+	t[3] === a ? h = t[4] : (h = /* @__PURE__ */ f(u, {
+		sx: m.otherLabel,
+		children: a
+	}), t[3] = a, t[4] = h);
+	let g;
+	t[5] === d ? g = t[6] : (g = /* @__PURE__ */ p(u, {
+		sx: m.otherCount,
+		children: [
+			"(",
+			d,
+			")"
+		]
+	}), t[5] = d, t[6] = g);
+	let _;
+	return t[7] !== h || t[8] !== g ? (_ = /* @__PURE__ */ p(c, {
+		sx: m.otherRow,
+		children: [h, g]
+	}), t[7] = h, t[8] = g, t[9] = _) : _ = t[9], _;
 }
-function oe(t) {
-  const e = M(7), {
-    series: r,
-    colors: o
-  } = t;
-  if (r.length === 0)
-    return null;
-  let i;
-  if (e[0] !== o || e[1] !== r) {
-    let c;
-    e[3] !== o ? (c = (a, d) => /* @__PURE__ */ R(C, { sx: u.legendItem, children: [
-      /* @__PURE__ */ h(C, { sx: {
-        ...u.legendDot,
-        backgroundColor: a.color ?? o[d % o.length]
-      } }),
-      /* @__PURE__ */ h(L, { sx: u.legendLabel, children: a.name })
-    ] }, a.name), e[3] = o, e[4] = c) : c = e[4], i = r.map(c), e[0] = o, e[1] = r, e[2] = i;
-  } else
-    i = e[2];
-  let n;
-  return e[5] !== i ? (n = /* @__PURE__ */ h(C, { sx: u.legend, children: i }), e[5] = i, e[6] = n) : n = e[6], n;
+//#endregion
+//#region src/widgets/category/components/category-legend.tsx
+function y(e) {
+	let t = o(7), { series: n, colors: r } = e;
+	if (n.length === 0) return null;
+	let i;
+	if (t[0] !== r || t[1] !== n) {
+		let e;
+		t[3] === r ? e = t[4] : (e = (e, t) => /* @__PURE__ */ p(c, {
+			sx: m.legendItem,
+			children: [/* @__PURE__ */ f(c, { sx: {
+				...m.legendDot,
+				backgroundColor: e.color ?? r[t % r.length]
+			} }), /* @__PURE__ */ f(u, {
+				sx: m.legendLabel,
+				children: e.name
+			})]
+		}, e.name), t[3] = r, t[4] = e), i = n.map(e), t[0] = r, t[1] = n, t[2] = i;
+	} else i = t[2];
+	let a;
+	return t[5] === i ? a = t[6] : (a = /* @__PURE__ */ f(c, {
+		sx: m.legend,
+		children: i
+	}), t[5] = i, t[6] = a), a;
 }
-const le = (t) => t.toString();
-function we(t) {
-  const e = M(46), {
-    id: r
-  } = t, o = Q();
-  let i;
-  e[0] !== r ? (i = (s) => {
-    const p = s.getWidget(r);
-    return {
-      formatter: p?.formatter,
-      series: p?.series,
-      data: p?.data,
-      maxItems: p?.maxItems,
-      labels: p?.labels,
-      onRowClick: p?.onRowClick,
-      selected: p?.selected,
-      max: p?.max
-    };
-  }, e[0] = r, e[1] = i) : i = e[1];
-  const n = X(Y(i)), c = n?.formatter ?? le;
-  n?.series;
-  let a;
-  e[2] !== n?.series ? (a = n?.series ?? [], e[2] = n?.series, e[3] = a) : a = e[3];
-  const d = a, l = n?.data, m = n?.maxItems, f = n?.labels, y = n?.onRowClick, g = n?.selected, w = n?.max;
-  let x;
-  e[4] !== o.palette.qualitative.bold ? (x = Object.values(o.palette.qualitative.bold), e[4] = o.palette.qualitative.bold, e[5] = x) : x = e[5];
-  const b = x;
-  let k;
-  e: {
-    if (d.length > 0) {
-      let p;
-      if (e[6] !== b || e[7] !== d || e[8] !== o.palette.primary.main) {
-        let $;
-        e[10] !== b || e[11] !== o.palette.primary.main ? ($ = (_, S) => _.color ?? b[S % b.length] ?? o.palette.primary.main, e[10] = b, e[11] = o.palette.primary.main, e[12] = $) : $ = e[12], p = d.map($), e[6] = b, e[7] = d, e[8] = o.palette.primary.main, e[9] = p;
-      } else
-        p = e[9];
-      k = p;
-      break e;
-    }
-    let s;
-    e[13] !== o.palette.primary.main ? (s = [o.palette.primary.main], e[13] = o.palette.primary.main, e[14] = s) : s = e[14], k = s;
-  }
-  const v = k;
-  let D;
-  e: {
-    if (!l || l.length === 0) {
-      let $;
-      e[15] === Symbol.for("react.memo_cache_sentinel") ? ($ = [], e[15] = $) : $ = e[15], D = $;
-      break e;
-    }
-    const s = Math.max(l.length, 1);
-    let p;
-    if (e[16] !== l || e[17] !== s) {
-      const $ = /* @__PURE__ */ new Map(), _ = [];
-      for (let S = 0; S < l.length; S++) {
-        const K = l[S];
-        for (const E of K) {
-          let P = $.get(E.name);
-          P || (P = new Array(s).fill(0), $.set(E.name, P), _.push(E.name)), P[S] = E.value;
-        }
-      }
-      p = _.map((S) => ({
-        name: S,
-        values: $.get(S)
-      })), e[16] = l, e[17] = s, e[18] = p;
-    } else
-      p = e[18];
-    D = p;
-  }
-  const I = D;
-  let j;
-  e: {
-    if (w !== void 0) {
-      j = w;
-      break e;
-    }
-    if (I.length === 0) {
-      j = 0;
-      break e;
-    }
-    let s;
-    e[19] !== I ? (s = I.flatMap(re), e[19] = I, e[20] = s) : s = e[20], j = Math.max(...s);
-  }
-  const A = j;
-  let O;
-  e: {
-    if (m === void 0) {
-      O = I;
-      break e;
-    }
-    const s = Math.max(0, m);
-    if (s >= I.length) {
-      O = I;
-      break e;
-    }
-    let p;
-    e[21] !== I || e[22] !== s ? (p = I.slice(0, s), e[21] = I, e[22] = s, e[23] = p) : p = e[23], O = p;
-  }
-  const W = O, q = I.length - W.length;
-  if (I.length === 0)
-    return null;
-  const G = d.length > 1;
-  let V;
-  e[24] !== v || e[25] !== c || e[26] !== G || e[27] !== A || e[28] !== y || e[29] !== g || e[30] !== o || e[31] !== W ? (V = G ? W.map((s) => /* @__PURE__ */ h(ee, { name: s.name, values: s.values, maxValue: A, colors: v, formatter: c, onClick: y, selected: g?.(s.name) ?? !0 }, s.name)) : W.map((s) => /* @__PURE__ */ h(Z, { name: s.name, value: s.values[0] ?? 0, selected: g?.(s.name) ?? !0, maxValue: A, color: v[0] ?? o.palette.primary.main, formatter: c, onClick: y }, s.name)), e[24] = v, e[25] = c, e[26] = G, e[27] = A, e[28] = y, e[29] = g, e[30] = o, e[31] = W, e[32] = V) : V = e[32];
-  let B;
-  e[33] !== q || e[34] !== f?.other || e[35] !== f?.otherCount ? (B = q > 0 && /* @__PURE__ */ h(te, { hiddenCount: q, otherLabel: f?.other, otherCountLabel: f?.otherCount }), e[33] = q, e[34] = f?.other, e[35] = f?.otherCount, e[36] = B) : B = e[36];
-  let T;
-  e[37] !== V || e[38] !== B ? (T = /* @__PURE__ */ R(C, { sx: u.list, children: [
-    V,
-    B
-  ] }), e[37] = V, e[38] = B, e[39] = T) : T = e[39];
-  let F;
-  e[40] !== v || e[41] !== d ? (F = d.length > 0 && /* @__PURE__ */ h(oe, { series: d, colors: v }), e[40] = v, e[41] = d, e[42] = F) : F = e[42];
-  let H;
-  return e[43] !== T || e[44] !== F ? (H = /* @__PURE__ */ R(C, { sx: u.root, children: [
-    T,
-    F
-  ] }), e[43] = T, e[44] = F, e[45] = H) : H = e[45], H;
+//#endregion
+//#region src/widgets/category/category-ui.tsx
+function b(t) {
+	let n = o(49), { id: l } = t, { ref: u } = a(l), h = d(), { _formatter: b, _labelFormatter: w, _series: T, data: E, maxItems: D, labels: O, onRowClick: k, selected: A, max: j } = e(l, S), M = b ?? i, N = w ?? r, P;
+	n[0] === T ? P = n[1] : (P = T ?? [], n[0] = T, n[1] = P);
+	let F = P, [I] = s(D ? 40 * (F.length || 1) * D : void 0), L;
+	if (n[2] !== F || n[3] !== h.palette.qualitative.bold || n[4] !== h.palette.secondary) {
+		let e = Object.values(h.palette.qualitative.bold);
+		L = F.length > 0 ? F.map((t, n) => t.color ?? e[n % e.length] ?? h.palette.secondary.main) : [h.palette.secondary.main], n[2] = F, n[3] = h.palette.qualitative.bold, n[4] = h.palette.secondary, n[5] = L;
+	} else L = n[5];
+	let R = L, z, B, V, H, U, W, G, K, q;
+	if (n[6] !== R || n[7] !== E || n[8] !== M || n[9] !== N || n[10] !== j || n[11] !== I || n[12] !== D || n[13] !== k || n[14] !== u || n[15] !== A || n[16] !== F.length) {
+		q = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let e = C({ data: E });
+			if (e.length === 0) {
+				q = null;
+				break bb0;
+			}
+			let t = j ?? Math.max(...e.flatMap(x)), r = D !== void 0 && D >= 0 ? e.slice(0, D) : e;
+			V = e.length - r.length;
+			let i = F.length > 1;
+			B = c, G = u, n[26] === Symbol.for("react.memo_cache_sentinel") ? (K = { ...m.root }, n[26] = K) : K = n[26], z = c, H = m.list;
+			let a = V === 0 ? "auto" : "hidden";
+			n[27] !== I || n[28] !== a ? (U = {
+				maxHeight: I,
+				overflow: a
+			}, n[27] = I, n[28] = a, n[29] = U) : U = n[29], W = i ? r.map((e) => /* @__PURE__ */ f(_, {
+				name: e.name,
+				values: e.values,
+				maxValue: t,
+				colors: R,
+				formatter: M,
+				labelFormatter: N,
+				onClick: k,
+				selected: A?.(e.name) ?? !0
+			}, e.name)) : r.map((e) => /* @__PURE__ */ f(g, {
+				name: e.name,
+				value: e.values[0] ?? 0,
+				selected: A?.(e.name) ?? !0,
+				maxValue: t,
+				color: R[0],
+				formatter: M,
+				labelFormatter: N,
+				onClick: k
+			}, e.name));
+		}
+		n[6] = R, n[7] = E, n[8] = M, n[9] = N, n[10] = j, n[11] = I, n[12] = D, n[13] = k, n[14] = u, n[15] = A, n[16] = F.length, n[17] = z, n[18] = B, n[19] = V, n[20] = H, n[21] = U, n[22] = W, n[23] = G, n[24] = K, n[25] = q;
+	} else z = n[17], B = n[18], V = n[19], H = n[20], U = n[21], W = n[22], G = n[23], K = n[24], q = n[25];
+	if (q !== Symbol.for("react.early_return_sentinel")) return q;
+	let J;
+	n[30] !== V || n[31] !== O?.other || n[32] !== O?.otherCount ? (J = V > 0 && /* @__PURE__ */ f(v, {
+		hiddenCount: V,
+		otherLabel: O?.other,
+		otherCountLabel: O?.otherCount
+	}), n[30] = V, n[31] = O?.other, n[32] = O?.otherCount, n[33] = J) : J = n[33];
+	let Y;
+	n[34] !== z || n[35] !== H || n[36] !== U || n[37] !== W || n[38] !== J ? (Y = /* @__PURE__ */ p(z, {
+		sx: H,
+		style: U,
+		children: [W, J]
+	}), n[34] = z, n[35] = H, n[36] = U, n[37] = W, n[38] = J, n[39] = Y) : Y = n[39];
+	let X;
+	n[40] !== R || n[41] !== F ? (X = F.length > 0 && /* @__PURE__ */ f(y, {
+		series: F,
+		colors: R
+	}), n[40] = R, n[41] = F, n[42] = X) : X = n[42];
+	let Z;
+	return n[43] !== B || n[44] !== Y || n[45] !== X || n[46] !== G || n[47] !== K ? (Z = /* @__PURE__ */ p(B, {
+		ref: G,
+		sx: K,
+		children: [Y, X]
+	}), n[43] = B, n[44] = Y, n[45] = X, n[46] = G, n[47] = K, n[48] = Z) : Z = n[48], Z;
 }
-function re(t) {
-  return t.values;
+function x(e) {
+	return e.values;
 }
-const ne = [85, 70, 55, 75, 60];
-function ve() {
-  const t = M(1);
-  let e;
-  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ h(C, { sx: u.list, "aria-label": "Category skeleton", children: Array.from({
-    length: 5
-  }).map(ie) }), t[0] = e) : e = t[0], e;
+function S(e) {
+	let t = e;
+	return {
+		_formatter: t?.formatter,
+		_labelFormatter: t?.labelFormatter,
+		_series: t?.series,
+		data: t?.data,
+		maxItems: t?.maxItems,
+		labels: t?.labels,
+		onRowClick: t?.onRowClick,
+		selected: t?.selected,
+		max: t?.max
+	};
 }
-function ie(t, e) {
-  return /* @__PURE__ */ R(C, { sx: u.row, children: [
-    /* @__PURE__ */ R(C, { sx: u.rowHeader, children: [
-      /* @__PURE__ */ h(N, { width: 80, height: 16 }),
-      /* @__PURE__ */ h(N, { width: 40, height: 16 })
-    ] }),
-    /* @__PURE__ */ h(N, { variant: "rectangular", height: 4, sx: {
-      borderRadius: 2,
-      width: `${ne[e]}%`
-    } })
-  ] }, e);
+function C({ data: e }) {
+	if (!e || e.length === 0) return [];
+	let t = Math.max(e.length, 1), n = /* @__PURE__ */ new Map(), r = [];
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		for (let e of a) {
+			let a = n.get(e.name);
+			a || (a = Array(t).fill(0), n.set(e.name, a), r.push(e.name)), a[i] = e.value;
+		}
+	}
+	return r.map((e) => ({
+		name: e,
+		values: n.get(e)
+	}));
 }
-function ke({
-  refUI: t,
-  series: e
-}) {
-  return [{
-    ...z,
-    modifier: () => z.modifier(t)
-  }, {
-    ...U,
-    modifier: async (r) => {
-      if (!r?.length || r[0]?.length === 0)
-        return U.modifier([]);
-      const o = r.length, i = /* @__PURE__ */ new Map(), n = [];
-      for (let l = 0; l < o; l++) {
-        const m = r[l];
-        for (const f of m) {
-          let y = i.get(f.name);
-          y || (y = new Array(o).fill(0), i.set(f.name, y), n.push(f.name)), y[l] = f.value;
-        }
-      }
-      const c = n.map((l) => [l, ...i.get(l)]), d = o > 1 ? ["Category", ...e?.map((l) => l.name) ?? Array.from({
-        length: o
-      }, (l, m) => `Series ${m + 1}`)] : ["Category", "Value"];
-      return U.modifier([d, ...c]);
-    }
-  }];
+//#endregion
+//#region src/widgets/category/skeleton.tsx
+var w = [
+	85,
+	70,
+	55,
+	75,
+	60
+];
+function T() {
+	let e = o(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(c, {
+		sx: m.list,
+		"aria-label": "Category skeleton",
+		children: Array.from({ length: 5 }).map(E)
+	}), e[0] = t) : t = e[0], t;
 }
-function $e() {
-  return {
-    series: [],
-    maxItems: void 0,
-    max: void 0
-  };
+function E(e, t) {
+	return /* @__PURE__ */ p(c, {
+		sx: m.row,
+		children: [/* @__PURE__ */ p(c, {
+			sx: m.rowHeader,
+			children: [/* @__PURE__ */ f(l, {
+				width: 80,
+				height: 16
+			}), /* @__PURE__ */ f(l, {
+				width: 40,
+				height: 16
+			})]
+		}), /* @__PURE__ */ f(l, {
+			variant: "rectangular",
+			height: 4,
+			sx: {
+				borderRadius: 2,
+				width: `${w[t]}%`
+			}
+		})]
+	}, t);
 }
-export {
-  J as CategoryBar,
-  oe as CategoryLegend,
-  ee as CategoryRowMulti,
-  te as CategoryRowOther,
-  Z as CategoryRowSingle,
-  ve as CategorySkeleton,
-  we as CategoryUI,
-  $e as categoryConfig,
-  ke as categoryDownloadConfig
-};
-//# sourceMappingURL=category.js.map
+//#endregion
+//#region src/widgets/category/config.ts
+function D({ refUI: e, series: r }) {
+	return [{
+		...n,
+		modifier: () => n.modifier(e)
+	}, {
+		...t,
+		modifier: async (e) => {
+			if (!e?.length || e[0]?.length === 0) return t.modifier([]);
+			let n = e.length, i = /* @__PURE__ */ new Map(), a = [];
+			for (let t = 0; t < n; t++) {
+				let r = e[t];
+				for (let e of r) {
+					let r = i.get(e.name);
+					r || (r = Array(n).fill(0), i.set(e.name, r), a.push(e.name)), r[t] = e.value;
+				}
+			}
+			let o = a.map((e) => [e, ...i.get(e)]), s = n > 1 ? ["Category", ...r?.map((e) => e.name) ?? Array.from({ length: n }, (e, t) => `Series ${t + 1}`)] : ["Category", "Value"];
+			return t.modifier([s, ...o]);
+		}
+	}];
+}
+function O() {
+	return {
+		series: [],
+		maxItems: 10,
+		max: void 0
+	};
+}
+//#endregion
+export { h as CategoryBar, y as CategoryLegend, _ as CategoryRowMulti, v as CategoryRowOther, g as CategoryRowSingle, T as CategorySkeleton, b as CategoryUI, O as categoryConfig, D as categoryDownloadConfig };
+
+//# sourceMappingURL=category.js.map