@acronis-platform/ui-react 4.0.0 → 5.0.0

package/dist/components/ui/pie-chart/pie-chart.js

@@ -1,273 +1,194 @@
-import { jsxs as f, jsx as n, Fragment as re } from "react/jsx-runtime";
-import * as A from "react";
-import { cva as ne } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { PieChart as oe, Pie as le, Cell as ae, Label as ie, LabelList as ce, Curve as se } from "recharts";
-import { cn as F } from "../../../lib/utils.js";
-import { resolveAnimation as ue, CHART_LABEL_FONT_SIZE as R, resolveLabelFillClass as de, CHART_LABEL_FILL_CLASS as fe } from "../chart/chart-format.js";
-import { resolveChartColors as me, ChartTooltip as pe, ChartTooltipContent as g, ChartContainer as he, ChartLegendContent as xe } from "../chart/chart.js";
-import { CHART_DEFAULT_PALETTE as Ce } from "../chart/chart-palette.js";
-const ve = ne("", {
-  variants: {
-    shape: {
-      pie: "",
-      donut: ""
-    }
-  },
-  defaultVariants: {
-    shape: "pie"
-  }
-}), P = (o) => typeof o == "number" && Number.isFinite(o) ? o : void 0, z = (o, s) => {
-  const r = P(o);
-  if (!(r === void 0 || s <= 0))
-    return `${(r / s * 100).toFixed(1)}%`;
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { CHART_DEFAULT_PALETTE as n } from "../chart/chart-palette.js";
+import { ChartContainer as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o, resolveChartColors as s } from "../chart/chart.js";
+import { CHART_LABEL_FILL_CLASS as c, resolveAnimation as l, resolveLabelFillClass as ee } from "../chart/chart-format.js";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Cell as te, Curve as m, Label as ne, LabelList as re, Pie as ie, PieChart as ae } from "recharts";
+//#region src/components/ui/pie-chart/pie-chart.tsx
+var h = t("", {
+	variants: { shape: {
+		pie: "",
+		donut: ""
+	} },
+	defaultVariants: { shape: "pie" }
+}), g = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, _ = (e, t) => {
+	let n = g(e);
+	if (!(n === void 0 || t <= 0)) return `${(n / t * 100).toFixed(1)}%`;
 };
-function Le(o) {
-  const { format: s, name: r, value: i, total: c, formatter: e } = o, u = i == null ? "" : e ? e(i) : String(i), a = z(i, c);
-  switch (s) {
-    case "name-value":
-      return u ? `${r}: ${u}` : `${r}`;
-    case "name-percent":
-      return a ? `${r}: ${a}` : `${r}`;
-    case "percent":
-      return a ?? "";
-    default:
-      return u;
-  }
+function v(e) {
+	let { format: t, name: n, value: r, total: i, formatter: a } = e, o = r == null ? "" : a ? a(r) : String(r), s = _(r, i);
+	switch (t) {
+		case "name-value": return o ? `${n}: ${o}` : `${n}`;
+		case "name-percent": return s ? `${n}: ${s}` : `${n}`;
+		case "percent": return s ?? "";
+		default: return o;
+	}
 }
-function be(o) {
-  const { config: s, total: r } = o;
-  return function(c, e, u) {
-    var x;
-    const a = s[String(e)], p = z(c, r), h = (c == null ? void 0 : c.toLocaleString()) ?? "";
-    return /* @__PURE__ */ f(re, { children: [
-      a != null && a.icon ? /* @__PURE__ */ n(a.icon, {}) : /* @__PURE__ */ n(
-        "div",
-        {
-          className: "h-2.5 w-2.5 shrink-0 rounded-full",
-          style: { backgroundColor: ((x = u.payload) == null ? void 0 : x.fill) ?? u.color }
-        }
-      ),
-      /* @__PURE__ */ f("div", { className: "flex flex-1 items-center justify-between gap-4 leading-none", children: [
-        /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: (a == null ? void 0 : a.label) ?? e }),
-        /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-foreground", children: p ? `${h} (${p})` : h })
-      ] })
-    ] });
-  };
+function y(e) {
+	let { config: t, total: n } = e;
+	return function(e, r, i) {
+		let a = t[String(r)], o = _(e, n), s = e?.toLocaleString() ?? "";
+		return /* @__PURE__ */ p(d, { children: [a?.icon ? /* @__PURE__ */ f(a.icon, {}) : /* @__PURE__ */ f("div", {
+			className: "h-2.5 w-2.5 shrink-0 rounded-full",
+			style: { backgroundColor: i.payload?.fill ?? i.color }
+		}), /* @__PURE__ */ p("div", {
+			className: "flex flex-1 items-center justify-between gap-4 leading-none",
+			children: [/* @__PURE__ */ f("span", {
+				className: "text-muted-foreground",
+				children: a?.label ?? r
+			}), /* @__PURE__ */ f("span", {
+				className: "font-medium tabular-nums text-foreground",
+				children: o ? `${s} (${o})` : s
+			})]
+		})] });
+	};
 }
-function Ne(o) {
-  const { nameKey: s, config: r, total: i } = o;
-  return /* @__PURE__ */ n(
-    g,
-    {
-      nameKey: s,
-      hideLabel: !0,
-      formatter: be({ config: r, total: i })
-    }
-  );
+function b(e) {
+	let { nameKey: t, config: n, total: r } = e;
+	return /* @__PURE__ */ f(o, {
+		nameKey: t,
+		hideLabel: !0,
+		formatter: y({
+			config: n,
+			total: r
+		})
+	});
 }
-function Te({ centerLabel: o }) {
-  return function({ viewBox: r }) {
-    if (!r || !("cx" in r)) return null;
-    const { cx: i = 0, cy: c = 0 } = r, e = o.value != null, u = o.label != null, a = e && u;
-    return /* @__PURE__ */ f("g", { children: [
-      e && /* @__PURE__ */ n(
-        "text",
-        {
-          x: i,
-          y: a ? c - 10 : c,
-          textAnchor: "middle",
-          dominantBaseline: "central",
-          className: "fill-foreground text-2xl font-semibold",
-          children: o.value
-        }
-      ),
-      u && /* @__PURE__ */ n(
-        "text",
-        {
-          x: i,
-          y: a ? c + 13 : c,
-          textAnchor: "middle",
-          dominantBaseline: "central",
-          className: "fill-muted-foreground text-sm",
-          children: o.label
-        }
-      )
-    ] });
-  };
+function x({ centerLabel: e }) {
+	return function({ viewBox: t }) {
+		if (!t || !("cx" in t)) return null;
+		let { cx: n = 0, cy: r = 0 } = t, i = e.value != null, a = e.label != null, o = i && a;
+		return /* @__PURE__ */ p("g", { children: [i && /* @__PURE__ */ f("text", {
+			x: n,
+			y: o ? r - 10 : r,
+			textAnchor: "middle",
+			dominantBaseline: "central",
+			className: "fill-foreground text-2xl font-semibold",
+			children: e.value
+		}), a && /* @__PURE__ */ f("text", {
+			x: n,
+			y: o ? r + 13 : r,
+			textAnchor: "middle",
+			dominantBaseline: "central",
+			className: "fill-muted-foreground text-sm",
+			children: e.label
+		})] });
+	};
 }
-const Ae = A.forwardRef(
-  ({
-    className: o,
-    config: s,
-    palette: r,
-    data: i,
-    dataKey: c,
-    nameKey: e,
-    shape: u = "donut",
-    centerLabel: a,
-    innerRadius: p = 48,
-    outerRadius: h,
-    paddingAngle: x = 2,
-    cornerRadius: _,
-    startAngle: V = 90,
-    endAngle: y = -270,
-    minAngle: E,
-    sliceSettings: d,
-    showTooltip: S = !0,
-    showLegend: C = !0,
-    legendValueFormatter: j,
-    margin: k,
-    tooltipContent: B,
-    tooltipFormat: H = "value",
-    animate: I,
-    animationDuration: D,
-    animationBegin: M,
-    animationEasing: O,
-    showLabels: N = !1,
-    labelPosition: U,
-    labelFormat: Z = "value",
-    labelFormatter: q,
-    labelLine: G = !1,
-    ...J
-  }, Q) => {
-    const W = ue({
-      animate: I,
-      animationDuration: D,
-      animationBegin: M,
-      animationEasing: O
-    }), v = U ?? "outside", X = u === "donut" ? p : 0, m = A.useMemo(
-      () => C ? me(s, r ?? Ce) : null,
-      [C, s, r]
-    ), Y = A.useMemo(() => m ? i.map((t) => {
-      var l;
-      return {
-        value: String(t[e]),
-        dataKey: e,
-        color: ((l = m[String(t[e])]) == null ? void 0 : l.color) ?? `var(--color-${String(t[e])})`,
-        type: "rect",
-        payload: t
-      };
-    }) : [], [m, i, e]), $ = i.reduce(
-      (t, l) => t + (P(l[c]) ?? 0),
-      0
-    ), T = (t) => {
-      if (!t) return null;
-      const l = d == null ? void 0 : d[String(t[e])];
-      return l != null && l.hideLabel ? null : Le({
-        format: (l == null ? void 0 : l.labelFormat) ?? Z,
-        name: t[e],
-        value: t[c],
-        total: $,
-        formatter: q
-      }) || null;
-    }, L = N && G, w = (t) => {
-      const l = T(t.payload);
-      return l ? /* @__PURE__ */ n(
-        "text",
-        {
-          x: t.x,
-          y: t.y,
-          textAnchor: t.textAnchor,
-          dominantBaseline: "central",
-          className: fe,
-          fontSize: R,
-          children: l
-        }
-      ) : /* @__PURE__ */ n("g", {});
-    }, K = ({
-      key: t,
-      payload: l,
-      ...b
-    }) => T(l) ? /* @__PURE__ */ n(se, { ...b, type: "linear", className: "recharts-pie-label-line" }) : /* @__PURE__ */ n("g", {}), ee = /* @__PURE__ */ f(oe, { margin: k ?? { top: 0, right: 0, bottom: 0, left: 0 }, children: [
-      S && /* @__PURE__ */ n(
-        pe,
-        {
-          content: B ?? (H === "value-percent" ? Ne({ nameKey: e, config: s, total: $ }) : /* @__PURE__ */ n(g, { nameKey: e, hideLabel: !0 }))
-        }
-      ),
-      /* @__PURE__ */ f(
-        le,
-        {
-          data: i,
-          dataKey: c,
-          nameKey: e,
-          innerRadius: X,
-          outerRadius: h ?? 60,
-          paddingAngle: x,
-          cornerRadius: _,
-          startAngle: V,
-          endAngle: y,
-          minAngle: E,
-          label: L ? w : !1,
-          labelLine: L ? K : !1,
-          ...W,
-          children: [
-            i.map((t, l) => {
-              var b;
-              return (
-                // Keyed by index, not the name: two rows may share a nameKey
-                // value, which would collide as a React key. Same-named rows
-                // intentionally share a color/config entry via `--color-<name>`.
-                /* @__PURE__ */ n(
-                  ae,
-                  {
-                    fill: ((b = d == null ? void 0 : d[String(t[e])]) == null ? void 0 : b.color) ?? `var(--color-${t[e]})`
-                  },
-                  l
-                )
-              );
-            }),
-            u === "donut" && a && /* @__PURE__ */ n(ie, { content: Te({ centerLabel: a }) }),
-            N && !L && /* @__PURE__ */ n(
-              ce,
-              {
-                valueAccessor: (t) => T(t.payload),
-                position: v,
-                className: de(v),
-                fontSize: R
-              }
-            )
-          ]
-        }
-      )
-    ] }), te = N ? L ? "size-[320px]" : v === "outside" || v === "end" ? "size-[200px]" : "size-[120px]" : "size-[120px]";
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        ref: Q,
-        "data-shape": u,
-        className: F(
-          "flex flex-row items-center gap-4",
-          !C && "justify-center",
-          ve({ shape: u }),
-          o
-        ),
-        ...J,
-        children: [
-          /* @__PURE__ */ n("div", { className: F(te, "shrink-0"), children: /* @__PURE__ */ n(he, { config: s, palette: r, className: "size-full", children: ee }) }),
-          C && m && /* @__PURE__ */ n(
-            xe,
-            {
-              variant: "list",
-              payload: Y,
-              config: m,
-              nameKey: e,
-              valueKey: c,
-              valueFormatter: j,
-              className: "min-w-0 flex-1"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Ae.displayName = "PieChart";
-export {
-  Ae as PieChart,
-  Le as pieChartLabelText,
-  be as pieChartValuePercentRow,
-  Ne as pieChartValuePercentTooltip,
-  ve as pieChartVariants
-};
-//# sourceMappingURL=pie-chart.js.map
+var S = u.forwardRef(({ className: t, config: d, palette: _, data: y, dataKey: S, nameKey: C, shape: w = "donut", centerLabel: T, innerRadius: E = 48, outerRadius: D, paddingAngle: O = 2, cornerRadius: k, startAngle: A = 90, endAngle: j = -270, minAngle: M, sliceSettings: N, showTooltip: P = !0, showLegend: F = !0, legendValueFormatter: I, margin: L, tooltipContent: R, tooltipFormat: z = "value", animate: B, animationDuration: oe, animationBegin: V, animationEasing: H, showLabels: U = !1, labelPosition: W, labelFormat: G = "value", labelFormatter: K, labelLine: q = !1, ...se }, J) => {
+	let ce = l({
+		animate: B,
+		animationDuration: oe,
+		animationBegin: V,
+		animationEasing: H
+	}), Y = W ?? "outside", le = w === "donut" ? E : 0, X = u.useMemo(() => F ? s(d, _ ?? n) : null, [
+		F,
+		d,
+		_
+	]), ue = u.useMemo(() => X ? y.map((e) => ({
+		value: String(e[C]),
+		dataKey: C,
+		color: X[String(e[C])]?.color ?? `var(--color-${String(e[C])})`,
+		type: "rect",
+		payload: e
+	})) : [], [
+		X,
+		y,
+		C
+	]), Z = y.reduce((e, t) => e + (g(t[S]) ?? 0), 0), Q = (e) => {
+		if (!e) return null;
+		let t = N?.[String(e[C])];
+		return t?.hideLabel ? null : v({
+			format: t?.labelFormat ?? G,
+			name: e[C],
+			value: e[S],
+			total: Z,
+			formatter: K
+		}) || null;
+	}, $ = U && q, de = /* @__PURE__ */ p(ae, {
+		margin: L ?? {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		},
+		children: [P && /* @__PURE__ */ f(a, { content: R ?? (z === "value-percent" ? b({
+			nameKey: C,
+			config: d,
+			total: Z
+		}) : /* @__PURE__ */ f(o, {
+			nameKey: C,
+			hideLabel: !0
+		})) }), /* @__PURE__ */ p(ie, {
+			data: y,
+			dataKey: S,
+			nameKey: C,
+			innerRadius: le,
+			outerRadius: D ?? 60,
+			paddingAngle: O,
+			cornerRadius: k,
+			startAngle: A,
+			endAngle: j,
+			minAngle: M,
+			label: $ ? (e) => {
+				let t = Q(e.payload);
+				return t ? /* @__PURE__ */ f("text", {
+					x: e.x,
+					y: e.y,
+					textAnchor: e.textAnchor,
+					dominantBaseline: "central",
+					className: c,
+					fontSize: 12,
+					children: t
+				}) : /* @__PURE__ */ f("g", {});
+			} : !1,
+			labelLine: $ ? ({ key: e, payload: t, ...n }) => Q(t) ? /* @__PURE__ */ f(m, {
+				...n,
+				type: "linear",
+				className: "recharts-pie-label-line"
+			}) : /* @__PURE__ */ f("g", {}) : !1,
+			...ce,
+			children: [
+				y.map((e, t) => /* @__PURE__ */ f(te, { fill: N?.[String(e[C])]?.color ?? `var(--color-${e[C]})` }, t)),
+				w === "donut" && T && /* @__PURE__ */ f(ne, { content: x({ centerLabel: T }) }),
+				U && !$ && /* @__PURE__ */ f(re, {
+					valueAccessor: (e) => Q(e.payload),
+					position: Y,
+					className: ee(Y),
+					fontSize: 12
+				})
+			]
+		})]
+	}), fe = U ? $ ? "size-[320px]" : Y === "outside" || Y === "end" ? "size-[200px]" : "size-[120px]" : "size-[120px]";
+	return /* @__PURE__ */ p("div", {
+		ref: J,
+		"data-shape": w,
+		className: e("flex flex-row items-center gap-4", !F && "justify-center", h({ shape: w }), t),
+		...se,
+		children: [/* @__PURE__ */ f("div", {
+			className: e(fe, "shrink-0"),
+			children: /* @__PURE__ */ f(r, {
+				config: d,
+				palette: _,
+				className: "size-full",
+				children: de
+			})
+		}), F && X && /* @__PURE__ */ f(i, {
+			variant: "list",
+			payload: ue,
+			config: X,
+			nameKey: C,
+			valueKey: S,
+			valueFormatter: I,
+			className: "min-w-0 flex-1"
+		})]
+	});
+});
+S.displayName = "PieChart";
+//#endregion
+export { S as PieChart, v as pieChartLabelText, y as pieChartValuePercentRow, b as pieChartValuePercentTooltip, h as pieChartVariants };
+
+//# sourceMappingURL=pie-chart.js.map

package/dist/components/ui/pie-chart/pie-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.js","sources":["../../../../src/components/ui/pie-chart/pie-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Cell,\n  Curve,\n  Label,\n  LabelList,\n  Pie,\n  PieChart as RechartsPieChart,\n  type CurveProps,\n  type PieLabelRenderProps,\n} from 'recharts';\n\nimport type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  resolveChartColors,\n  resolveLabelFillClass,\n  CHART_DEFAULT_PALETTE,\n  CHART_LABEL_FILL_CLASS,\n  CHART_LABEL_FONT_SIZE,\n  type ChartConfig,\n  type ChartPalette,\n  type ChartTooltipContentProps,\n  type ChartAnimationProps,\n  type ChartDataLabelProps,\n  type PolarLabelPosition,\n  type TickFormatter,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The single\n// CVA axis is the design's Pie-chart variant set: `shape` (a filled pie vs a\n// hollow-centre donut). The class stays empty because recharts' SVG — not CSS —\n// draws the arc: `shape` drives the `<Pie>`'s `innerRadius` (0 for a pie, the\n// `innerRadius` prop for a donut). CVA is kept so the variant set is a\n// first-class, spec-conformant part of the API (matched against ui-spec's\n// api.yaml enums) and exposed via `VariantProps`; the resolved value is also\n// mirrored onto `data-shape`.\nconst pieChartVariants = cva('', {\n  variants: {\n    shape: {\n      pie: '',\n      donut: '',\n    },\n  },\n  defaultVariants: {\n    shape: 'pie',\n  },\n});\n\n/** Row-per-slice datum: the `nameKey` label plus the `dataKey` value. */\ntype PieChartDatum = Record<string, string | number>;\n\n/**\n * What a slice's data label reads. `percent` is the slice's share of the sum of\n * every slice value, to one decimal.\n */\nexport type PieChartLabelFormat =\n  | 'value'\n  | 'name-value'\n  | 'name-percent'\n  | 'percent';\n\n/** What the tooltip's value reads — the raw value, or the value and its share. */\nexport type PieChartTooltipFormat = 'value' | 'value-percent';\n\n/** Per-slice overrides, keyed by the slice's `nameKey` value. */\nexport interface PieChartSliceSettings {\n  /**\n   * Fill for this slice, overriding its `config` color. Reference an existing\n   * semantic `--ui-*` token, same as `config`.\n   */\n  color?: string;\n  /** Drop this slice's data label while every other slice keeps its own. */\n  hideLabel?: boolean;\n  /** Label format for this slice only — overrides the chart-level `labelFormat`. */\n  labelFormat?: PieChartLabelFormat;\n}\n\nconst toNumericValue = (value: unknown): number | undefined =>\n  typeof value === 'number' && Number.isFinite(value) ? value : undefined;\n\n/**\n * A slice's share of the chart's total, to one decimal. The single place the\n * share is computed, so a slice's label and its tooltip row can't disagree.\n * `undefined` when there is nothing to divide — a non-numeric slice value, or a\n * total of zero — which is what lets the callers degrade instead of printing\n * `NaN%`.\n */\nconst slicePercentText = (\n  value: unknown,\n  total: number\n): string | undefined => {\n  const numeric = toNumericValue(value);\n  if (numeric === undefined || total <= 0) return undefined;\n  return `${((numeric / total) * 100).toFixed(1)}%`;\n};\n\n/**\n * Compose one slice's data-label text. Exported for unit tests; not part of the\n * package's public API.\n *\n * A percent needs a numeric slice value *and* a non-zero total, and a value\n * label needs a value at all — so every format degrades rather than printing\n * `NaN%` or a dangling `\"Chrome: \"`. The two name-carrying formats fall back to\n * the bare name; the value-only ones to `''`, which `resolveSliceLabel`\n * normalizes to `null` (the one value recharts renders no `<text>` for).\n *\n * `labelFormatter` formats the slice's *value*, so it reaches `value` and\n * `name-value` only. A percent is always composed by `slicePercentText` and\n * never passes through the formatter.\n */\nexport function pieChartLabelText(options: {\n  format: PieChartLabelFormat;\n  name: string | number;\n  value: string | number | undefined;\n  total: number;\n  formatter?: TickFormatter;\n}): string {\n  const { format, name, value, total, formatter } = options;\n  const valueText =\n    value == null ? '' : formatter ? formatter(value) : String(value);\n  const percentText = slicePercentText(value, total);\n\n  switch (format) {\n    case 'name-value':\n      return valueText ? `${name}: ${valueText}` : `${name}`;\n    case 'name-percent':\n      return percentText ? `${name}: ${percentText}` : `${name}`;\n    case 'percent':\n      return percentText ?? '';\n    default:\n      return valueText;\n  }\n}\n\n/**\n * The row renderer behind `tooltipFormat=\"value-percent\"` — a slice's value\n * followed by its share. Exported for unit tests; not part of the package's\n * public API.\n *\n * A `formatter` replaces the default row wholesale, so the swatch and the name\n * are rebuilt here to match it: the shared `ChartTooltipContent` prefers a\n * `config` entry's `icon` over the color swatch, and this has to do the same or\n * a chart with icons would silently lose them under this preset — and the\n * name/value `gap-4`, which has to be repeated here because a `formatter`\n * replaces the shared row that carries it.\n */\nexport function pieChartValuePercentRow(options: {\n  config: ChartConfig;\n  total: number;\n}): NonNullable<ChartTooltipContentProps['formatter']> {\n  const { config, total } = options;\n  // Named rather than an arrow: it returns JSX, so an anonymous function reads\n  // to eslint-plugin-react as a component with no display name.\n  return function ValuePercentRow(value, name, item) {\n    const itemConfig = config[String(name)];\n    const percent = slicePercentText(value, total);\n    const valueText = value?.toLocaleString() ?? '';\n    return (\n      <>\n        {itemConfig?.icon ? (\n          <itemConfig.icon />\n        ) : (\n          <div\n            // Dotted, not the legend's square swatch: the shared row's\n            // \"a row is always dotted, whatever marker the legend gives that\n            // series\" invariant applies here too.\n            className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n            style={{ backgroundColor: item.payload?.fill ?? item.color }}\n          />\n        )}\n        {/*\n         * Mirrors the shared default row's `gap-4` (see `ChartTooltipContent`):\n         * a `formatter` replaces that row wholesale, so the floor under the\n         * name/value separation has to be restated here. Without it a value\n         * *and* its share outgrows the tooltip's `min-w-[8rem]`, leaving\n         * `justify-between` no free space to distribute.\n         */}\n        <div className=\"flex flex-1 items-center justify-between gap-4 leading-none\">\n          <span className=\"text-muted-foreground\">\n            {itemConfig?.label ?? name}\n          </span>\n          <span className=\"font-medium tabular-nums text-foreground\">\n            {percent ? `${valueText} (${percent})` : valueText}\n          </span>\n        </div>\n      </>\n    );\n  };\n}\n\n/**\n * The configured `ChartTooltipContent` for `tooltipFormat=\"value-percent\"`.\n * Exported so the visual-regression story renders the very same element the\n * component does — recharts can only open a hover tooltip statically via\n * `defaultIndex` on a raw composition, so the preset has to be reachable from\n * outside the component to be snapshotted at all.\n */\nexport function pieChartValuePercentTooltip(options: {\n  nameKey: string;\n  config: ChartConfig;\n  total: number;\n}): React.ReactElement {\n  const { nameKey, config, total } = options;\n  return (\n    <ChartTooltipContent\n      nameKey={nameKey}\n      hideLabel\n      formatter={pieChartValuePercentRow({ config, total })}\n    />\n  );\n}\n\nexport interface PieChartCenterLabel {\n  // Rendered as SVG <text>, which only lays out text — hence string | number,\n  // not ReactNode.\n  /** Headline metric rendered large in the donut hole (e.g. a total). */\n  value?: string | number;\n  /** Caption rendered under the value. */\n  label?: string | number;\n}\n\nexport interface PieChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof pieChartVariants>,\n    ChartAnimationProps,\n    ChartDataLabelProps {\n  /**\n   * The dataviz palette this chart's series are painted from. Series that\n   * state no `color` of their own take a stop of it. See `ChartPalette`.\n   */\n  palette?: ChartPalette;\n  /** Row-per-slice data. Each object holds the slice's `nameKey` label + its `dataKey` numeric value. */\n  data: ReadonlyArray<PieChartDatum>;\n  /**\n   * Per-slice map of `label` / `icon` / `tone`, keyed by the slice's `nameKey`\n   * value (imported from the shared `Chart` primitives). Turned into\n   * `--color-<name>` custom properties. Series take their colour from the\n   * container's `palette`; each entry maps a key to a `label` and an optional\n   * `tone`.\n   */\n  config: ChartConfig;\n  /** Numeric field that sizes each slice. */\n  dataKey: string;\n  /**\n   * Label field that names each slice (drives the legend, tooltip, and\n   * `--color-<name>` lookup). Values should be unique per chart — rows sharing a\n   * name share one `config`/color entry.\n   */\n  nameKey: string;\n  /** Inner radius of the arc when `shape=\"donut\"` (ignored for `shape=\"pie\"`). */\n  innerRadius?: number;\n  /**\n   * Custom content for the donut hole — a headline `value` and/or a `label`\n   * caption, stacked and centered. Rendered only for `shape=\"donut\"` (a filled\n   * pie has no hole).\n   */\n  centerLabel?: PieChartCenterLabel;\n  /** Outer radius of the arc. Omit to use recharts' responsive default. */\n  outerRadius?: number;\n  /** Gap between slices, in degrees. */\n  paddingAngle?: number;\n  /** Corner radius of each slice. */\n  cornerRadius?: number;\n  /**\n   * Angle the sweep starts at, in degrees (0 is 3 o'clock, counter-clockwise).\n   * Pair with `endAngle` for a semicircle (`180` → `0`) or an arc.\n   *\n   * A partial sweep still centres on the full plot area, so a half turn fills\n   * only half its box — give the chart a short, wide one rather than expecting\n   * the arc to grow into a square.\n   */\n  startAngle?: number;\n  /** Angle the sweep ends at, in degrees. Defaults to a full `360` circle. */\n  endAngle?: number;\n  /**\n   * Smallest angle a non-zero slice may occupy, in degrees — keeps a tiny slice\n   * visible (and hoverable) at the cost of being drawn out of proportion.\n   */\n  minAngle?: number;\n  /**\n   * Per-slice overrides keyed by the slice's `nameKey` value: its `color`, and\n   * whether/how its data label reads. A name with no entry keeps the chart-level\n   * behavior.\n   */\n  sliceSettings?: Record<string, PieChartSliceSettings>;\n  showTooltip?: boolean;\n  showLegend?: boolean;\n  /**\n   * Format each slice's value in the list legend. When omitted the raw value is\n   * stringified with `String()`.\n   */\n  legendValueFormatter?: (value: string | number) => string;\n  /** Plot-area margin, in px. Omit to use recharts' default (5 on every side). */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number };\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent`\n   * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —\n   * to customize formatting, per-slice rows, or extra fields without composing\n   * recharts yourself. Takes precedence over `tooltipFormat`. Ignored when\n   * `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n  /**\n   * How the default tooltip reads a slice: its `value` alone (the default), or\n   * the value followed by its share of the total (`value-percent`). The preset\n   * covers the common case without hand-rolling a `tooltipContent`.\n   *\n   * The share is rendered as `NN.N%`, same as a data label's — not locale-aware.\n   * Pass your own `tooltipContent` if you need to format it.\n   */\n  tooltipFormat?: PieChartTooltipFormat;\n  /**\n   * Position of the value labels when `showLabels` is on. Defaults to `outside`,\n   * which keeps them on the chart surface — the only placement that reliably\n   * has contrast, since slice fills are caller-supplied saturated colors. The\n   * on-arc placements are available but switch to the on-fill label token.\n   * Ignored when `labelLine` is on — a leader line only ever ends outside the arc.\n   */\n  labelPosition?: PolarLabelPosition;\n  /**\n   * What each data label reads when `showLabels` is on — the value alone (the\n   * default), or the slice name and/or its share of the total. Overridable per\n   * slice via `sliceSettings`.\n   *\n   * `labelFormatter` formats the slice's *value*, so it reaches `value` and\n   * `name-value` only: a share is always rendered as `NN.N%` (a `.` decimal and\n   * a bare `%`, not locale-aware) and never passes through the formatter.\n   */\n  labelFormat?: PieChartLabelFormat;\n  /**\n   * Draw a leader line from each slice to its data label, in the slice's own\n   * color. Moves the labels outside the arc (see `labelPosition`); slices whose\n   * label is hidden by `sliceSettings` get no line either.\n   *\n   * A label reaching out past the arc needs horizontal room — give the chart a\n   * box wider than it is tall, or shrink the arc (`outerRadius`/`margin`), or\n   * the outermost labels are clipped at the surface edge.\n   */\n  labelLine?: boolean;\n}\n\nfunction renderCenterLabel({ centerLabel }: { centerLabel: PieChartCenterLabel }) {\n  return function CenterLabelContent({ viewBox }: { viewBox?: object }) {\n    if (!viewBox || !('cx' in viewBox)) return null;\n    const { cx = 0, cy = 0 } = viewBox as { cx?: number; cy?: number };\n    const hasValue = centerLabel.value != null;\n    const hasLabel = centerLabel.label != null;\n    const both = hasValue && hasLabel;\n    return (\n      <g>\n        {hasValue && (\n          <text\n            x={cx}\n            y={both ? cy - 10 : cy}\n            textAnchor=\"middle\"\n            dominantBaseline=\"central\"\n            className=\"fill-foreground text-2xl font-semibold\"\n          >\n            {centerLabel.value}\n          </text>\n        )}\n        {hasLabel && (\n          <text\n            x={cx}\n            y={both ? cy + 13 : cy}\n            textAnchor=\"middle\"\n            dominantBaseline=\"central\"\n            className=\"fill-muted-foreground text-sm\"\n          >\n            {centerLabel.label}\n          </text>\n        )}\n      </g>\n    );\n  };\n}\n\nconst PieChart = React.forwardRef<HTMLDivElement, PieChartProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      data,\n      dataKey,\n      nameKey,\n      shape = 'donut',\n      centerLabel,\n      innerRadius = 48,\n      outerRadius,\n      paddingAngle = 2,\n      cornerRadius,\n      startAngle = 90,\n      endAngle = -270,\n      minAngle,\n      sliceSettings,\n      showTooltip = true,\n      showLegend = true,\n      legendValueFormatter,\n      margin,\n      tooltipContent,\n      tooltipFormat = 'value',\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      showLabels = false,\n      labelPosition,\n      labelFormat = 'value',\n      labelFormatter,\n      labelLine = false,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const pieLabelPosition = labelPosition ?? 'outside';\n    const resolvedInnerRadius = shape === 'donut' ? innerRadius : 0;\n\n    // Resolve colors so the external list legend has the same values as the chart\n    // plot without needing to be inside ChartContainer's context.\n    const resolvedConfigForLegend = React.useMemo(\n      () => (showLegend ? resolveChartColors(config, palette ?? CHART_DEFAULT_PALETTE) : null),\n      [showLegend, config, palette]\n    );\n    const rightLegendPayload: LegendPayload[] = React.useMemo(() => {\n      if (!resolvedConfigForLegend) return [];\n      return data.map((row) => ({\n        value: String(row[nameKey]),\n        dataKey: nameKey,\n        color:\n          resolvedConfigForLegend[String(row[nameKey])]?.color ??\n          `var(--color-${String(row[nameKey])})`,\n        type: 'rect' as const,\n        payload: row as Record<string, unknown>,\n      }));\n    }, [resolvedConfigForLegend, data, nameKey]);\n\n    // The denominator behind every percent — the labels' and the tooltip's — so\n    // the two always agree. Non-numeric cells count as nothing rather than NaN.\n    const total = data.reduce(\n      (sum, row) => sum + (toNumericValue(row[dataKey]) ?? 0),\n      0\n    );\n\n    // Always null, never '', for a slice with nothing to show — whether its\n    // label was switched off or its format degraded to empty. recharts renders\n    // no <text> at all for a nullish label value (`Label` bails on `isNullish`),\n    // where an empty string still emits one wrapping an empty <tspan>.\n    const resolveSliceLabel = (row: PieChartDatum | undefined): string | null => {\n      if (!row) return null;\n      const settings = sliceSettings?.[String(row[nameKey])];\n      if (settings?.hideLabel) return null;\n      return (\n        pieChartLabelText({\n          format: settings?.labelFormat ?? labelFormat,\n          name: row[nameKey],\n          value: row[dataKey],\n          total,\n          formatter: labelFormatter,\n        }) || null\n      );\n    };\n\n    // Leader lines are the one thing a `LabelList` can't draw: recharts only\n    // renders them alongside the `label` prop's own outside placement. So the\n    // labels move to that path when `labelLine` is on, and stay on the\n    // position-aware `LabelList` otherwise.\n    const showLeaderLines = showLabels && labelLine;\n\n    const renderLeaderLabel = (labelProps: PieLabelRenderProps) => {\n      const text = resolveSliceLabel(labelProps.payload as PieChartDatum);\n      // An empty <g>, not null: recharts only takes the render function's output\n      // when it's an element — a nullish return falls through to its own <Text>\n      // painting the raw value.\n      if (!text) return <g />;\n      return (\n        <text\n          x={labelProps.x}\n          y={labelProps.y}\n          textAnchor={labelProps.textAnchor}\n          dominantBaseline=\"central\"\n          // Always the on-surface fill: this path only ever places labels\n          // outside the arc, never over a slice.\n          className={CHART_LABEL_FILL_CLASS}\n          fontSize={CHART_LABEL_FONT_SIZE}\n        >\n          {text}\n        </text>\n      );\n    };\n\n    // recharts draws a line per sector independently of what the label renders,\n    // so a slice hidden via `sliceSettings` would keep a line pointing at\n    // nothing. Rebuilding the default `Curve` here is what lets it be dropped.\n    const renderLeaderLine = ({\n      key,\n      payload,\n      ...lineProps\n    }: CurveProps & { key?: React.Key; payload?: PieChartDatum }) => {\n      if (!resolveSliceLabel(payload)) return <g />;\n      return (\n        <Curve {...lineProps} type=\"linear\" className=\"recharts-pie-label-line\" />\n      );\n    };\n\n    // Shared recharts chart composition (used in both layout modes).\n    const pieChartContent = (\n      <RechartsPieChart margin={margin ?? { top: 0, right: 0, bottom: 0, left: 0 }}>\n        {showTooltip && (\n          <ChartTooltip\n            content={\n              tooltipContent ??\n              (tooltipFormat === 'value-percent' ? (\n                pieChartValuePercentTooltip({ nameKey, config, total })\n              ) : (\n                <ChartTooltipContent nameKey={nameKey} hideLabel />\n              ))\n            }\n          />\n        )}\n        <Pie\n          data={data as unknown[]}\n          dataKey={dataKey}\n          nameKey={nameKey}\n          innerRadius={resolvedInnerRadius}\n          outerRadius={outerRadius ?? 60}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          startAngle={startAngle}\n          endAngle={endAngle}\n          minAngle={minAngle}\n          label={showLeaderLines ? renderLeaderLabel : false}\n          labelLine={showLeaderLines ? renderLeaderLine : false}\n          {...animation}\n        >\n          {data.map((entry, index) => (\n            // Keyed by index, not the name: two rows may share a nameKey\n            // value, which would collide as a React key. Same-named rows\n            // intentionally share a color/config entry via `--color-<name>`.\n            <Cell\n              key={index}\n              fill={\n                sliceSettings?.[String(entry[nameKey])]?.color ??\n                `var(--color-${entry[nameKey]})`\n              }\n            />\n          ))}\n          {shape === 'donut' && centerLabel && (\n            <Label content={renderCenterLabel({ centerLabel })} />\n          )}\n          {showLabels && !showLeaderLines && (\n            <LabelList\n              // `valueAccessor` rather than `dataKey`: the label text can\n              // carry the slice's name and share, which only the whole row\n              // (and the chart's total) can compose. recharts ignores the\n              // accessor when a dataKey is set, so the two can't be combined.\n              valueAccessor={(entry) =>\n                resolveSliceLabel(entry.payload as PieChartDatum)\n              }\n              // Always explicit: recharts' polar fallback for an unset\n              // position is the sector centroid — inside the fill — which\n              // is exactly the placement the on-surface token can't survive.\n              position={pieLabelPosition}\n              className={resolveLabelFillClass(pieLabelPosition)}\n              fontSize={CHART_LABEL_FONT_SIZE}\n            />\n          )}\n        </Pie>\n      </RechartsPieChart>\n    );\n\n    // Grow the SVG container when labels need space outside the arc so they\n    // stay within the chart boundary instead of escaping into the layout.\n    const chartDivSize = showLabels\n      ? showLeaderLines\n        ? 'size-[320px]'\n        : pieLabelPosition === 'outside' || pieLabelPosition === 'end'\n          ? 'size-[200px]'\n          : 'size-[120px]'\n      : 'size-[120px]';\n\n    return (\n      <div\n        ref={ref}\n        data-shape={shape}\n        className={cn(\n          'flex flex-row items-center gap-4',\n          !showLegend && 'justify-center',\n          pieChartVariants({ shape }),\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(chartDivSize, 'shrink-0')}>\n          <ChartContainer config={config} palette={palette} className=\"size-full\">\n            {pieChartContent}\n          </ChartContainer>\n        </div>\n        {showLegend && resolvedConfigForLegend && (\n          <ChartLegendContent\n            variant=\"list\"\n            payload={rightLegendPayload}\n            config={resolvedConfigForLegend}\n            nameKey={nameKey}\n            valueKey={dataKey}\n            valueFormatter={legendValueFormatter}\n            className=\"min-w-0 flex-1\"\n          />\n        )}\n      </div>\n    );\n  }\n);\nPieChart.displayName = 'PieChart';\n\nexport { PieChart, pieChartVariants };\n"],"names":["pieChartVariants","cva","toNumericValue","value","slicePercentText","total","numeric","pieChartLabelText","options","format","name","formatter","valueText","percentText","pieChartValuePercentRow","config","item","itemConfig","percent","jsxs","Fragment","jsx","_a","pieChartValuePercentTooltip","nameKey","ChartTooltipContent","renderCenterLabel","centerLabel","viewBox","cx","cy","hasValue","hasLabel","both","PieChart","React","className","palette","data","dataKey","shape","innerRadius","outerRadius","paddingAngle","cornerRadius","startAngle","endAngle","minAngle","sliceSettings","showTooltip","showLegend","legendValueFormatter","margin","tooltipContent","tooltipFormat","animate","animationDuration","animationBegin","animationEasing","showLabels","labelPosition","labelFormat","labelFormatter","labelLine","props","ref","animation","resolveAnimation","pieLabelPosition","resolvedInnerRadius","resolvedConfigForLegend","resolveChartColors","CHART_DEFAULT_PALETTE","rightLegendPayload","row","sum","resolveSliceLabel","settings","showLeaderLines","renderLeaderLabel","labelProps","text","CHART_LABEL_FILL_CLASS","CHART_LABEL_FONT_SIZE","renderLeaderLine","key","payload","lineProps","Curve","pieChartContent","RechartsPieChart","ChartTooltip","Pie","entry","index","Cell","Label","LabelList","resolveLabelFillClass","chartDivSize","cn","ChartContainer","ChartLegendContent"],"mappings":"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"}
+{"version":3,"file":"pie-chart.js","names":[],"sources":["../../../../src/components/ui/pie-chart/pie-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Cell,\n  Curve,\n  Label,\n  LabelList,\n  Pie,\n  PieChart as RechartsPieChart,\n  type CurveProps,\n  type PieLabelRenderProps,\n} from 'recharts';\n\nimport type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  resolveChartColors,\n  resolveLabelFillClass,\n  CHART_DEFAULT_PALETTE,\n  CHART_LABEL_FILL_CLASS,\n  CHART_LABEL_FONT_SIZE,\n  type ChartConfig,\n  type ChartPalette,\n  type ChartTooltipContentProps,\n  type ChartAnimationProps,\n  type ChartDataLabelProps,\n  type PolarLabelPosition,\n  type TickFormatter,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The single\n// CVA axis is the design's Pie-chart variant set: `shape` (a filled pie vs a\n// hollow-centre donut). The class stays empty because recharts' SVG — not CSS —\n// draws the arc: `shape` drives the `<Pie>`'s `innerRadius` (0 for a pie, the\n// `innerRadius` prop for a donut). CVA is kept so the variant set is a\n// first-class, spec-conformant part of the API (matched against ui-spec's\n// api.yaml enums) and exposed via `VariantProps`; the resolved value is also\n// mirrored onto `data-shape`.\nconst pieChartVariants = cva('', {\n  variants: {\n    shape: {\n      pie: '',\n      donut: '',\n    },\n  },\n  defaultVariants: {\n    shape: 'pie',\n  },\n});\n\n/** Row-per-slice datum: the `nameKey` label plus the `dataKey` value. */\ntype PieChartDatum = Record<string, string | number>;\n\n/**\n * What a slice's data label reads. `percent` is the slice's share of the sum of\n * every slice value, to one decimal.\n */\nexport type PieChartLabelFormat =\n  | 'value'\n  | 'name-value'\n  | 'name-percent'\n  | 'percent';\n\n/** What the tooltip's value reads — the raw value, or the value and its share. */\nexport type PieChartTooltipFormat = 'value' | 'value-percent';\n\n/** Per-slice overrides, keyed by the slice's `nameKey` value. */\nexport interface PieChartSliceSettings {\n  /**\n   * Fill for this slice, overriding its `config` color. Reference an existing\n   * semantic `--ui-*` token, same as `config`.\n   */\n  color?: string;\n  /** Drop this slice's data label while every other slice keeps its own. */\n  hideLabel?: boolean;\n  /** Label format for this slice only — overrides the chart-level `labelFormat`. */\n  labelFormat?: PieChartLabelFormat;\n}\n\nconst toNumericValue = (value: unknown): number | undefined =>\n  typeof value === 'number' && Number.isFinite(value) ? value : undefined;\n\n/**\n * A slice's share of the chart's total, to one decimal. The single place the\n * share is computed, so a slice's label and its tooltip row can't disagree.\n * `undefined` when there is nothing to divide — a non-numeric slice value, or a\n * total of zero — which is what lets the callers degrade instead of printing\n * `NaN%`.\n */\nconst slicePercentText = (\n  value: unknown,\n  total: number\n): string | undefined => {\n  const numeric = toNumericValue(value);\n  if (numeric === undefined || total <= 0) return undefined;\n  return `${((numeric / total) * 100).toFixed(1)}%`;\n};\n\n/**\n * Compose one slice's data-label text. Exported for unit tests; not part of the\n * package's public API.\n *\n * A percent needs a numeric slice value *and* a non-zero total, and a value\n * label needs a value at all — so every format degrades rather than printing\n * `NaN%` or a dangling `\"Chrome: \"`. The two name-carrying formats fall back to\n * the bare name; the value-only ones to `''`, which `resolveSliceLabel`\n * normalizes to `null` (the one value recharts renders no `<text>` for).\n *\n * `labelFormatter` formats the slice's *value*, so it reaches `value` and\n * `name-value` only. A percent is always composed by `slicePercentText` and\n * never passes through the formatter.\n */\nexport function pieChartLabelText(options: {\n  format: PieChartLabelFormat;\n  name: string | number;\n  value: string | number | undefined;\n  total: number;\n  formatter?: TickFormatter;\n}): string {\n  const { format, name, value, total, formatter } = options;\n  const valueText =\n    value == null ? '' : formatter ? formatter(value) : String(value);\n  const percentText = slicePercentText(value, total);\n\n  switch (format) {\n    case 'name-value':\n      return valueText ? `${name}: ${valueText}` : `${name}`;\n    case 'name-percent':\n      return percentText ? `${name}: ${percentText}` : `${name}`;\n    case 'percent':\n      return percentText ?? '';\n    default:\n      return valueText;\n  }\n}\n\n/**\n * The row renderer behind `tooltipFormat=\"value-percent\"` — a slice's value\n * followed by its share. Exported for unit tests; not part of the package's\n * public API.\n *\n * A `formatter` replaces the default row wholesale, so the swatch and the name\n * are rebuilt here to match it: the shared `ChartTooltipContent` prefers a\n * `config` entry's `icon` over the color swatch, and this has to do the same or\n * a chart with icons would silently lose them under this preset — and the\n * name/value `gap-4`, which has to be repeated here because a `formatter`\n * replaces the shared row that carries it.\n */\nexport function pieChartValuePercentRow(options: {\n  config: ChartConfig;\n  total: number;\n}): NonNullable<ChartTooltipContentProps['formatter']> {\n  const { config, total } = options;\n  // Named rather than an arrow: it returns JSX, so an anonymous function reads\n  // to eslint-plugin-react as a component with no display name.\n  return function ValuePercentRow(value, name, item) {\n    const itemConfig = config[String(name)];\n    const percent = slicePercentText(value, total);\n    const valueText = value?.toLocaleString() ?? '';\n    return (\n      <>\n        {itemConfig?.icon ? (\n          <itemConfig.icon />\n        ) : (\n          <div\n            // Dotted, not the legend's square swatch: the shared row's\n            // \"a row is always dotted, whatever marker the legend gives that\n            // series\" invariant applies here too.\n            className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n            style={{ backgroundColor: item.payload?.fill ?? item.color }}\n          />\n        )}\n        {/*\n         * Mirrors the shared default row's `gap-4` (see `ChartTooltipContent`):\n         * a `formatter` replaces that row wholesale, so the floor under the\n         * name/value separation has to be restated here. Without it a value\n         * *and* its share outgrows the tooltip's `min-w-[8rem]`, leaving\n         * `justify-between` no free space to distribute.\n         */}\n        <div className=\"flex flex-1 items-center justify-between gap-4 leading-none\">\n          <span className=\"text-muted-foreground\">\n            {itemConfig?.label ?? name}\n          </span>\n          <span className=\"font-medium tabular-nums text-foreground\">\n            {percent ? `${valueText} (${percent})` : valueText}\n          </span>\n        </div>\n      </>\n    );\n  };\n}\n\n/**\n * The configured `ChartTooltipContent` for `tooltipFormat=\"value-percent\"`.\n * Exported so the visual-regression story renders the very same element the\n * component does — recharts can only open a hover tooltip statically via\n * `defaultIndex` on a raw composition, so the preset has to be reachable from\n * outside the component to be snapshotted at all.\n */\nexport function pieChartValuePercentTooltip(options: {\n  nameKey: string;\n  config: ChartConfig;\n  total: number;\n}): React.ReactElement {\n  const { nameKey, config, total } = options;\n  return (\n    <ChartTooltipContent\n      nameKey={nameKey}\n      hideLabel\n      formatter={pieChartValuePercentRow({ config, total })}\n    />\n  );\n}\n\nexport interface PieChartCenterLabel {\n  // Rendered as SVG <text>, which only lays out text — hence string | number,\n  // not ReactNode.\n  /** Headline metric rendered large in the donut hole (e.g. a total). */\n  value?: string | number;\n  /** Caption rendered under the value. */\n  label?: string | number;\n}\n\nexport interface PieChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof pieChartVariants>,\n    ChartAnimationProps,\n    ChartDataLabelProps {\n  /**\n   * The dataviz palette this chart's series are painted from. Series that\n   * state no `color` of their own take a stop of it. See `ChartPalette`.\n   */\n  palette?: ChartPalette;\n  /** Row-per-slice data. Each object holds the slice's `nameKey` label + its `dataKey` numeric value. */\n  data: ReadonlyArray<PieChartDatum>;\n  /**\n   * Per-slice map of `label` / `icon` / `tone`, keyed by the slice's `nameKey`\n   * value (imported from the shared `Chart` primitives). Turned into\n   * `--color-<name>` custom properties. Series take their colour from the\n   * container's `palette`; each entry maps a key to a `label` and an optional\n   * `tone`.\n   */\n  config: ChartConfig;\n  /** Numeric field that sizes each slice. */\n  dataKey: string;\n  /**\n   * Label field that names each slice (drives the legend, tooltip, and\n   * `--color-<name>` lookup). Values should be unique per chart — rows sharing a\n   * name share one `config`/color entry.\n   */\n  nameKey: string;\n  /** Inner radius of the arc when `shape=\"donut\"` (ignored for `shape=\"pie\"`). */\n  innerRadius?: number;\n  /**\n   * Custom content for the donut hole — a headline `value` and/or a `label`\n   * caption, stacked and centered. Rendered only for `shape=\"donut\"` (a filled\n   * pie has no hole).\n   */\n  centerLabel?: PieChartCenterLabel;\n  /** Outer radius of the arc. Omit to use recharts' responsive default. */\n  outerRadius?: number;\n  /** Gap between slices, in degrees. */\n  paddingAngle?: number;\n  /** Corner radius of each slice. */\n  cornerRadius?: number;\n  /**\n   * Angle the sweep starts at, in degrees (0 is 3 o'clock, counter-clockwise).\n   * Pair with `endAngle` for a semicircle (`180` → `0`) or an arc.\n   *\n   * A partial sweep still centres on the full plot area, so a half turn fills\n   * only half its box — give the chart a short, wide one rather than expecting\n   * the arc to grow into a square.\n   */\n  startAngle?: number;\n  /** Angle the sweep ends at, in degrees. Defaults to a full `360` circle. */\n  endAngle?: number;\n  /**\n   * Smallest angle a non-zero slice may occupy, in degrees — keeps a tiny slice\n   * visible (and hoverable) at the cost of being drawn out of proportion.\n   */\n  minAngle?: number;\n  /**\n   * Per-slice overrides keyed by the slice's `nameKey` value: its `color`, and\n   * whether/how its data label reads. A name with no entry keeps the chart-level\n   * behavior.\n   */\n  sliceSettings?: Record<string, PieChartSliceSettings>;\n  showTooltip?: boolean;\n  showLegend?: boolean;\n  /**\n   * Format each slice's value in the list legend. When omitted the raw value is\n   * stringified with `String()`.\n   */\n  legendValueFormatter?: (value: string | number) => string;\n  /** Plot-area margin, in px. Omit to use recharts' default (5 on every side). */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number };\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent`\n   * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —\n   * to customize formatting, per-slice rows, or extra fields without composing\n   * recharts yourself. Takes precedence over `tooltipFormat`. Ignored when\n   * `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n  /**\n   * How the default tooltip reads a slice: its `value` alone (the default), or\n   * the value followed by its share of the total (`value-percent`). The preset\n   * covers the common case without hand-rolling a `tooltipContent`.\n   *\n   * The share is rendered as `NN.N%`, same as a data label's — not locale-aware.\n   * Pass your own `tooltipContent` if you need to format it.\n   */\n  tooltipFormat?: PieChartTooltipFormat;\n  /**\n   * Position of the value labels when `showLabels` is on. Defaults to `outside`,\n   * which keeps them on the chart surface — the only placement that reliably\n   * has contrast, since slice fills are caller-supplied saturated colors. The\n   * on-arc placements are available but switch to the on-fill label token.\n   * Ignored when `labelLine` is on — a leader line only ever ends outside the arc.\n   */\n  labelPosition?: PolarLabelPosition;\n  /**\n   * What each data label reads when `showLabels` is on — the value alone (the\n   * default), or the slice name and/or its share of the total. Overridable per\n   * slice via `sliceSettings`.\n   *\n   * `labelFormatter` formats the slice's *value*, so it reaches `value` and\n   * `name-value` only: a share is always rendered as `NN.N%` (a `.` decimal and\n   * a bare `%`, not locale-aware) and never passes through the formatter.\n   */\n  labelFormat?: PieChartLabelFormat;\n  /**\n   * Draw a leader line from each slice to its data label, in the slice's own\n   * color. Moves the labels outside the arc (see `labelPosition`); slices whose\n   * label is hidden by `sliceSettings` get no line either.\n   *\n   * A label reaching out past the arc needs horizontal room — give the chart a\n   * box wider than it is tall, or shrink the arc (`outerRadius`/`margin`), or\n   * the outermost labels are clipped at the surface edge.\n   */\n  labelLine?: boolean;\n}\n\nfunction renderCenterLabel({ centerLabel }: { centerLabel: PieChartCenterLabel }) {\n  return function CenterLabelContent({ viewBox }: { viewBox?: object }) {\n    if (!viewBox || !('cx' in viewBox)) return null;\n    const { cx = 0, cy = 0 } = viewBox as { cx?: number; cy?: number };\n    const hasValue = centerLabel.value != null;\n    const hasLabel = centerLabel.label != null;\n    const both = hasValue && hasLabel;\n    return (\n      <g>\n        {hasValue && (\n          <text\n            x={cx}\n            y={both ? cy - 10 : cy}\n            textAnchor=\"middle\"\n            dominantBaseline=\"central\"\n            className=\"fill-foreground text-2xl font-semibold\"\n          >\n            {centerLabel.value}\n          </text>\n        )}\n        {hasLabel && (\n          <text\n            x={cx}\n            y={both ? cy + 13 : cy}\n            textAnchor=\"middle\"\n            dominantBaseline=\"central\"\n            className=\"fill-muted-foreground text-sm\"\n          >\n            {centerLabel.label}\n          </text>\n        )}\n      </g>\n    );\n  };\n}\n\nconst PieChart = React.forwardRef<HTMLDivElement, PieChartProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      data,\n      dataKey,\n      nameKey,\n      shape = 'donut',\n      centerLabel,\n      innerRadius = 48,\n      outerRadius,\n      paddingAngle = 2,\n      cornerRadius,\n      startAngle = 90,\n      endAngle = -270,\n      minAngle,\n      sliceSettings,\n      showTooltip = true,\n      showLegend = true,\n      legendValueFormatter,\n      margin,\n      tooltipContent,\n      tooltipFormat = 'value',\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      showLabels = false,\n      labelPosition,\n      labelFormat = 'value',\n      labelFormatter,\n      labelLine = false,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const pieLabelPosition = labelPosition ?? 'outside';\n    const resolvedInnerRadius = shape === 'donut' ? innerRadius : 0;\n\n    // Resolve colors so the external list legend has the same values as the chart\n    // plot without needing to be inside ChartContainer's context.\n    const resolvedConfigForLegend = React.useMemo(\n      () => (showLegend ? resolveChartColors(config, palette ?? CHART_DEFAULT_PALETTE) : null),\n      [showLegend, config, palette]\n    );\n    const rightLegendPayload: LegendPayload[] = React.useMemo(() => {\n      if (!resolvedConfigForLegend) return [];\n      return data.map((row) => ({\n        value: String(row[nameKey]),\n        dataKey: nameKey,\n        color:\n          resolvedConfigForLegend[String(row[nameKey])]?.color ??\n          `var(--color-${String(row[nameKey])})`,\n        type: 'rect' as const,\n        payload: row as Record<string, unknown>,\n      }));\n    }, [resolvedConfigForLegend, data, nameKey]);\n\n    // The denominator behind every percent — the labels' and the tooltip's — so\n    // the two always agree. Non-numeric cells count as nothing rather than NaN.\n    const total = data.reduce(\n      (sum, row) => sum + (toNumericValue(row[dataKey]) ?? 0),\n      0\n    );\n\n    // Always null, never '', for a slice with nothing to show — whether its\n    // label was switched off or its format degraded to empty. recharts renders\n    // no <text> at all for a nullish label value (`Label` bails on `isNullish`),\n    // where an empty string still emits one wrapping an empty <tspan>.\n    const resolveSliceLabel = (row: PieChartDatum | undefined): string | null => {\n      if (!row) return null;\n      const settings = sliceSettings?.[String(row[nameKey])];\n      if (settings?.hideLabel) return null;\n      return (\n        pieChartLabelText({\n          format: settings?.labelFormat ?? labelFormat,\n          name: row[nameKey],\n          value: row[dataKey],\n          total,\n          formatter: labelFormatter,\n        }) || null\n      );\n    };\n\n    // Leader lines are the one thing a `LabelList` can't draw: recharts only\n    // renders them alongside the `label` prop's own outside placement. So the\n    // labels move to that path when `labelLine` is on, and stay on the\n    // position-aware `LabelList` otherwise.\n    const showLeaderLines = showLabels && labelLine;\n\n    const renderLeaderLabel = (labelProps: PieLabelRenderProps) => {\n      const text = resolveSliceLabel(labelProps.payload as PieChartDatum);\n      // An empty <g>, not null: recharts only takes the render function's output\n      // when it's an element — a nullish return falls through to its own <Text>\n      // painting the raw value.\n      if (!text) return <g />;\n      return (\n        <text\n          x={labelProps.x}\n          y={labelProps.y}\n          textAnchor={labelProps.textAnchor}\n          dominantBaseline=\"central\"\n          // Always the on-surface fill: this path only ever places labels\n          // outside the arc, never over a slice.\n          className={CHART_LABEL_FILL_CLASS}\n          fontSize={CHART_LABEL_FONT_SIZE}\n        >\n          {text}\n        </text>\n      );\n    };\n\n    // recharts draws a line per sector independently of what the label renders,\n    // so a slice hidden via `sliceSettings` would keep a line pointing at\n    // nothing. Rebuilding the default `Curve` here is what lets it be dropped.\n    const renderLeaderLine = ({\n      key,\n      payload,\n      ...lineProps\n    }: CurveProps & { key?: React.Key; payload?: PieChartDatum }) => {\n      if (!resolveSliceLabel(payload)) return <g />;\n      return (\n        <Curve {...lineProps} type=\"linear\" className=\"recharts-pie-label-line\" />\n      );\n    };\n\n    // Shared recharts chart composition (used in both layout modes).\n    const pieChartContent = (\n      <RechartsPieChart margin={margin ?? { top: 0, right: 0, bottom: 0, left: 0 }}>\n        {showTooltip && (\n          <ChartTooltip\n            content={\n              tooltipContent ??\n              (tooltipFormat === 'value-percent' ? (\n                pieChartValuePercentTooltip({ nameKey, config, total })\n              ) : (\n                <ChartTooltipContent nameKey={nameKey} hideLabel />\n              ))\n            }\n          />\n        )}\n        <Pie\n          data={data as unknown[]}\n          dataKey={dataKey}\n          nameKey={nameKey}\n          innerRadius={resolvedInnerRadius}\n          outerRadius={outerRadius ?? 60}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          startAngle={startAngle}\n          endAngle={endAngle}\n          minAngle={minAngle}\n          label={showLeaderLines ? renderLeaderLabel : false}\n          labelLine={showLeaderLines ? renderLeaderLine : false}\n          {...animation}\n        >\n          {data.map((entry, index) => (\n            // Keyed by index, not the name: two rows may share a nameKey\n            // value, which would collide as a React key. Same-named rows\n            // intentionally share a color/config entry via `--color-<name>`.\n            <Cell\n              key={index}\n              fill={\n                sliceSettings?.[String(entry[nameKey])]?.color ??\n                `var(--color-${entry[nameKey]})`\n              }\n            />\n          ))}\n          {shape === 'donut' && centerLabel && (\n            <Label content={renderCenterLabel({ centerLabel })} />\n          )}\n          {showLabels && !showLeaderLines && (\n            <LabelList\n              // `valueAccessor` rather than `dataKey`: the label text can\n              // carry the slice's name and share, which only the whole row\n              // (and the chart's total) can compose. recharts ignores the\n              // accessor when a dataKey is set, so the two can't be combined.\n              valueAccessor={(entry) =>\n                resolveSliceLabel(entry.payload as PieChartDatum)\n              }\n              // Always explicit: recharts' polar fallback for an unset\n              // position is the sector centroid — inside the fill — which\n              // is exactly the placement the on-surface token can't survive.\n              position={pieLabelPosition}\n              className={resolveLabelFillClass(pieLabelPosition)}\n              fontSize={CHART_LABEL_FONT_SIZE}\n            />\n          )}\n        </Pie>\n      </RechartsPieChart>\n    );\n\n    // Grow the SVG container when labels need space outside the arc so they\n    // stay within the chart boundary instead of escaping into the layout.\n    const chartDivSize = showLabels\n      ? showLeaderLines\n        ? 'size-[320px]'\n        : pieLabelPosition === 'outside' || pieLabelPosition === 'end'\n          ? 'size-[200px]'\n          : 'size-[120px]'\n      : 'size-[120px]';\n\n    return (\n      <div\n        ref={ref}\n        data-shape={shape}\n        className={cn(\n          'flex flex-row items-center gap-4',\n          !showLegend && 'justify-center',\n          pieChartVariants({ shape }),\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(chartDivSize, 'shrink-0')}>\n          <ChartContainer config={config} palette={palette} className=\"size-full\">\n            {pieChartContent}\n          </ChartContainer>\n        </div>\n        {showLegend && resolvedConfigForLegend && (\n          <ChartLegendContent\n            variant=\"list\"\n            payload={rightLegendPayload}\n            config={resolvedConfigForLegend}\n            nameKey={nameKey}\n            valueKey={dataKey}\n            valueFormatter={legendValueFormatter}\n            className=\"min-w-0 flex-1\"\n          />\n        )}\n      </div>\n    );\n  }\n);\nPieChart.displayName = 'PieChart';\n\nexport { PieChart, pieChartVariants };\n"],"mappings":"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"}