@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets/category.js

@@ -1,448 +1,443 @@
-import { jsx as h, jsxs as S } from "react/jsx-runtime";
-import { c as M } from "react/compiler-runtime";
-import { Box as C, Typography as D, useTheme as K, Skeleton as P } from "@mui/material";
-import { u as Q } from "../use-widget-selector-DFl2hW0R.js";
-import { useState as X } from "react";
-import { a as Y, d as Z } from "../formatter-B9Bxn1k7.js";
-import { u as ee } from "../use-widget-ref-Ddr_SlJJ.js";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import "@mui/icons-material";
-import { d as U, a as N } from "../exports-Cr43OCul.js";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-const u = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    position: "relative",
-    width: "100%"
-  },
-  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-DKX98LlI.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 z(t) {
-  const e = M(6), {
-    value: o,
-    maxValue: l,
-    color: r,
-    selected: c
-  } = t, i = c === void 0 ? !0 : c, s = l > 0 ? o / l * 100 : 0;
-  let d;
-  e[0] !== r || e[1] !== s || e[2] !== i ? (d = i ? {
-    ...u.barFill,
-    width: `${s}%`,
-    backgroundColor: r
-  } : {
-    ...u.barFill,
-    ...u.barFillMuted,
-    width: `${s}%`
-  }, e[0] = r, e[1] = s, e[2] = i, e[3] = d) : d = e[3];
-  const n = d;
-  let a;
-  return e[4] !== n ? (a = /* @__PURE__ */ h(C, { sx: u.bar, children: /* @__PURE__ */ h(C, { sx: n }) }), e[4] = n, e[5] = a) : a = e[5], a;
+//#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 te(t) {
-  const e = M(26), {
-    name: o,
-    value: l,
-    maxValue: r,
-    color: c,
-    formatter: i,
-    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[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;
-  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;
+//#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 oe(t) {
-  const e = M(28), {
-    name: o,
-    values: l,
-    maxValue: r,
-    colors: c,
-    formatter: i,
-    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[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;
+//#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 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] !== 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__ */ h(D, { sx: u.otherLabel, children: c }), e[3] = c, e[4] = n) : n = e[4];
-  let a;
-  e[5] !== d ? (a = /* @__PURE__ */ S(D, { sx: u.otherCount, children: [
-    "(",
-    d,
-    ")"
-  ] }), 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] = m) : m = e[9], m;
+//#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 le(t) {
-  const e = M(7), {
-    series: o,
-    colors: l
-  } = t;
-  if (o.length === 0)
-    return null;
-  let r;
-  if (e[0] !== l || e[1] !== o) {
-    let i;
-    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__ */ h(D, { sx: u.legendLabel, children: s.name })
-    ] }, s.name), e[3] = l, e[4] = i) : i = e[4], r = o.map(i), e[0] = l, e[1] = o, e[2] = r;
-  } else
-    r = e[2];
-  let c;
-  return e[5] !== r ? (c = /* @__PURE__ */ h(C, { sx: u.legend, children: r }), e[5] = r, e[6] = c) : c = e[6], c;
+//#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;
 }
-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 _ = ie({
-        data: d
-      });
-      if (_.length === 0) {
-        W = null;
-        break e;
-      }
-      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[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
-    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[34] !== p || e[35] !== f ? (O = f.length > 0 && /* @__PURE__ */ h(le, { series: f, colors: p }), e[34] = p, e[35] = f, e[36] = O) : O = e[36];
-  let H;
-  return e[37] !== $ || e[38] !== B || e[39] !== I || e[40] !== A || e[41] !== O ? (H = /* @__PURE__ */ S($, { ref: B, sx: I, children: [
-    A,
-    O
-  ] }), e[37] = $, e[38] = B, e[39] = I, e[40] = A, e[41] = O, e[42] = H) : H = e[42], H;
+//#endregion
+//#region src/widgets/category/category-ui.tsx
+function b(t) {
+	let n = o(43), { 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 = T ?? [], [F] = s(D ? 40 * (P.length || 1) * D : void 0), I = Object.values(h.palette.qualitative.bold), L = P.length > 0 ? P.map((e, t) => e.color ?? I[t % I.length] ?? h.palette.secondary.main) : [h.palette.secondary.main], R, z, B, V, H, U, W, G, K;
+	if (n[0] !== L || n[1] !== E || n[2] !== M || n[3] !== N || n[4] !== j || n[5] !== F || n[6] !== D || n[7] !== k || n[8] !== u || n[9] !== A || n[10] !== P) {
+		K = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let e = C({ data: E });
+			if (e.length === 0) {
+				K = null;
+				break bb0;
+			}
+			let t = j ?? Math.max(...e.flatMap(x)), r = D !== void 0 && D >= 0 ? e.slice(0, D) : e;
+			B = e.length - r.length;
+			let i = P.length > 1;
+			z = c, W = u, n[20] === Symbol.for("react.memo_cache_sentinel") ? (G = { ...m.root }, n[20] = G) : G = n[20], R = c, V = m.list;
+			let a = B === 0 ? "auto" : "hidden";
+			n[21] !== F || n[22] !== a ? (H = {
+				maxHeight: F,
+				overflow: a
+			}, n[21] = F, n[22] = a, n[23] = H) : H = n[23], U = i ? r.map((e) => /* @__PURE__ */ f(_, {
+				name: e.name,
+				values: e.values,
+				maxValue: t,
+				colors: L,
+				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: L[0],
+				formatter: M,
+				labelFormatter: N,
+				onClick: k
+			}, e.name));
+		}
+		n[0] = L, n[1] = E, n[2] = M, n[3] = N, n[4] = j, n[5] = F, n[6] = D, n[7] = k, n[8] = u, n[9] = A, n[10] = P, n[11] = R, n[12] = z, n[13] = B, n[14] = V, n[15] = H, n[16] = U, n[17] = W, n[18] = G, n[19] = K;
+	} else R = n[11], z = n[12], B = n[13], V = n[14], H = n[15], U = n[16], W = n[17], G = n[18], K = n[19];
+	if (K !== Symbol.for("react.early_return_sentinel")) return K;
+	let q;
+	n[24] !== B || n[25] !== O?.other || n[26] !== O?.otherCount ? (q = B > 0 && /* @__PURE__ */ f(v, {
+		hiddenCount: B,
+		otherLabel: O?.other,
+		otherCountLabel: O?.otherCount
+	}), n[24] = B, n[25] = O?.other, n[26] = O?.otherCount, n[27] = q) : q = n[27];
+	let J;
+	n[28] !== R || n[29] !== V || n[30] !== H || n[31] !== U || n[32] !== q ? (J = /* @__PURE__ */ p(R, {
+		sx: V,
+		style: H,
+		children: [U, q]
+	}), n[28] = R, n[29] = V, n[30] = H, n[31] = U, n[32] = q, n[33] = J) : J = n[33];
+	let Y;
+	n[34] !== L || n[35] !== P ? (Y = P.length > 0 && /* @__PURE__ */ f(y, {
+		series: P,
+		colors: L
+	}), n[34] = L, n[35] = P, n[36] = Y) : Y = n[36];
+	let X;
+	return n[37] !== z || n[38] !== W || n[39] !== G || n[40] !== J || n[41] !== Y ? (X = /* @__PURE__ */ p(z, {
+		ref: W,
+		sx: G,
+		children: [J, Y]
+	}), n[37] = z, n[38] = W, n[39] = G, n[40] = J, n[41] = Y, n[42] = X) : X = n[42], X;
 }
-function ne(t) {
-  return t.values;
+function x(e) {
+	return e.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 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({
-  data: t
-}) {
-  if (!t || t.length === 0) return [];
-  const e = Math.max(t.length, 1), o = /* @__PURE__ */ new Map(), l = [];
-  for (let r = 0; r < t.length; r++) {
-    const c = t[r];
-    for (const i of c) {
-      let s = o.get(i.name);
-      s || (s = new Array(e).fill(0), o.set(i.name, s), l.push(i.name)), s[r] = i.value;
-    }
-  }
-  return l.map((r) => ({
-    name: r,
-    values: o.get(r)
-  }));
+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)
+	}));
 }
-const se = [85, 70, 55, 75, 60];
-function Ie() {
-  const t = M(1);
-  let e;
-  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(ce) }), t[0] = e) : e = t[0], e;
+//#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 ce(t, e) {
-  return /* @__PURE__ */ S(C, { sx: u.row, children: [
-    /* @__PURE__ */ S(C, { sx: u.rowHeader, children: [
-      /* @__PURE__ */ h(P, { width: 80, height: 16 }),
-      /* @__PURE__ */ h(P, { width: 40, height: 16 })
-    ] }),
-    /* @__PURE__ */ h(P, { variant: "rectangular", height: 4, sx: {
-      borderRadius: 2,
-      width: `${se[e]}%`
-    } })
-  ] }, e);
+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);
 }
-function _e({
-  refUI: t,
-  series: e
-}) {
-  return [{
-    ...U,
-    modifier: () => U.modifier(t)
-  }, {
-    ...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, ...r.get(n)]), d = l > 1 ? ["Category", ...e?.map((n) => n.name) ?? Array.from({
-        length: l
-      }, (n, a) => `Series ${a + 1}`)] : ["Category", "Value"];
-      return N.modifier([d, ...i]);
-    }
-  }];
+//#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 De() {
-  return {
-    series: [],
-    maxItems: 10,
-    max: void 0
-  };
+function O() {
+	return {
+		series: [],
+		maxItems: 10,
+		max: void 0
+	};
 }
-export {
-  z as CategoryBar,
-  le as CategoryLegend,
-  oe as CategoryRowMulti,
-  re as CategoryRowOther,
-  te as CategoryRowSingle,
-  Ie as CategorySkeleton,
-  Fe as CategoryUI,
-  De as categoryConfig,
-  _e as categoryDownloadConfig
-};
-//# sourceMappingURL=category.js.map
+//#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