@acronis-platform/ui-react 5.4.4 → 5.5.0

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

@@ -78,44 +78,44 @@ function ae({ centerLabel: e }) {
 		})] });
 	};
 }
-var C = f.forwardRef(({ className: t, config: p, palette: y, data: x, dataKey: C, nameKey: w, shape: T = "donut", centerLabel: E, innerRadius: D = 48, outerRadius: O, paddingAngle: k = 2, cornerRadius: A, startAngle: j = 90, endAngle: M = -270, minAngle: N, sliceSettings: P, showTooltip: F = !0, showLegend: I = !0, legendValueFormatter: L, margin: R, tooltipContent: z, tooltipFormat: B = "value", animate: V, animationDuration: oe, animationBegin: H, animationEasing: U, showLabels: W = !1, labelPosition: G, labelFormat: K = "value", labelFormatter: q, labelLine: se = !1, ...ce }, le) => {
-	let ue = u({
-		animate: V,
-		animationDuration: oe,
-		animationBegin: H,
-		animationEasing: U
-	}), J = G ?? "outside", Y = T === "donut" ? D : 0, X = f.useMemo(() => I ? s(p, y ?? n) : null, [
+var C = f.forwardRef(({ className: t, config: p, palette: y, data: x, dataKey: C, nameKey: w, shape: T = "donut", centerLabel: E, innerRadius: D = 48, outerRadius: O, paddingAngle: k = 2, cornerRadius: A, startAngle: j = 90, endAngle: M = -270, minAngle: N, sliceSettings: P, showTooltip: F = !0, showLegend: I = !0, legendFontSize: L, legendValueFormatter: R, margin: z, tooltipContent: B, tooltipFormat: V = "value", animate: oe, animationDuration: H, animationBegin: U, animationEasing: W, showLabels: G = !1, labelPosition: K, labelFormat: q = "value", labelFormatter: se, labelLine: ce = !1, ...le }, ue) => {
+	let de = u({
+		animate: oe,
+		animationDuration: H,
+		animationBegin: U,
+		animationEasing: W
+	}), J = K ?? "outside", fe = T === "donut" ? D : 0, Y = f.useMemo(() => I ? s(p, y ?? n) : null, [
 		I,
 		p,
 		y
-	]), de = f.useMemo(() => X ? x.map((e) => ({
+	]), X = f.useMemo(() => Y ? x.map((e) => ({
 		value: String(e[w]),
 		dataKey: w,
-		color: X[String(e[w])]?.color ?? `var(--color-${c(String(e[w]))})`,
+		color: Y[String(e[w])]?.color ?? `var(--color-${c(String(e[w]))})`,
 		type: "rect",
 		payload: e
 	})) : [], [
-		X,
+		Y,
 		x,
 		w
 	]), Z = x.reduce((e, t) => e + (v(t[C]) ?? 0), 0), Q = (e) => {
 		if (!e) return null;
 		let t = P?.[String(e[w])];
 		return t?.hideLabel ? null : b({
-			format: t?.labelFormat ?? K,
+			format: t?.labelFormat ?? q,
 			name: e[w],
 			value: e[C],
 			total: Z,
-			formatter: q
+			formatter: se
 		}) || null;
-	}, $ = W && se, fe = /* @__PURE__ */ h(ie, {
-		margin: R ?? {
+	}, $ = G && ce, pe = /* @__PURE__ */ h(ie, {
+		margin: z ?? {
 			top: 0,
 			right: 0,
 			bottom: 0,
 			left: 0
 		},
-		children: [F && /* @__PURE__ */ m(a, { content: z ?? (B === "value-percent" ? S({
+		children: [F && /* @__PURE__ */ m(a, { content: B ?? (V === "value-percent" ? S({
 			nameKey: w,
 			config: p,
 			total: Z
@@ -126,7 +126,7 @@ var C = f.forwardRef(({ className: t, config: p, palette: y, data: x, dataKey: C
 			data: x,
 			dataKey: C,
 			nameKey: w,
-			innerRadius: Y,
+			innerRadius: fe,
 			outerRadius: O ?? 60,
 			paddingAngle: k,
 			cornerRadius: A,
@@ -150,11 +150,11 @@ var C = f.forwardRef(({ className: t, config: p, palette: y, data: x, dataKey: C
 				type: "linear",
 				className: "recharts-pie-label-line"
 			}) : /* @__PURE__ */ m("g", {}) : !1,
-			...ue,
+			...de,
 			children: [
 				x.map((e, t) => /* @__PURE__ */ m(g, { fill: P?.[String(e[w])]?.color ?? `var(--color-${c(String(e[w]))})` }, t)),
 				T === "donut" && E && /* @__PURE__ */ m(te, { content: ae({ centerLabel: E }) }),
-				W && !$ && /* @__PURE__ */ m(ne, {
+				G && !$ && /* @__PURE__ */ m(ne, {
 					valueAccessor: (e) => Q(e.payload),
 					position: J,
 					className: d(J),
@@ -162,27 +162,28 @@ var C = f.forwardRef(({ className: t, config: p, palette: y, data: x, dataKey: C
 				})
 			]
 		})]
-	}), pe = W ? $ ? "size-[320px]" : J === "outside" || J === "end" ? "size-[200px]" : "size-[120px]" : "size-[120px]";
+	}), me = G ? $ ? "size-[320px]" : J === "outside" || J === "end" ? "size-[200px]" : "size-[120px]" : "size-[120px]";
 	return /* @__PURE__ */ h("div", {
-		ref: le,
+		ref: ue,
 		"data-shape": T,
 		className: e("flex flex-row items-center gap-4", !I && "justify-center", _({ shape: T }), t),
-		...ce,
+		...le,
 		children: [/* @__PURE__ */ m("div", {
-			className: e(pe, "shrink-0"),
+			className: e(me, "shrink-0"),
 			children: /* @__PURE__ */ m(r, {
 				config: p,
 				palette: y,
 				className: "size-full",
-				children: fe
+				children: pe
 			})
-		}), I && X && /* @__PURE__ */ m(i, {
+		}), I && Y && /* @__PURE__ */ m(i, {
 			variant: "list",
-			payload: de,
-			config: X,
+			payload: X,
+			config: Y,
 			nameKey: w,
+			fontSize: L,
 			valueKey: C,
-			valueFormatter: L,
+			valueFormatter: R,
 			className: "min-w-0 flex-1"
 		})]
 	});

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

@@ -1 +1 @@
-{"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  toCssKey,\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-${toCssKey(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-${toCssKey(String(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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"}
+{"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  toCssKey,\n  type ChartConfig,\n  type ChartLegendFontSize,\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   * Font size of the legend text (labels and values). Defaults to `'xs'` —\n   * the size the legend has always rendered at. See `ChartLegendFontSize`.\n   */\n  legendFontSize?: ChartLegendFontSize;\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      legendFontSize,\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-${toCssKey(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-${toCssKey(String(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            fontSize={legendFontSize}\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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"}

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

@@ -2,26 +2,26 @@
 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 { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o, toCssKey as s } from "../chart/chart.js";
-import { resolveAnimation as ee, resolveLabelFillClass as c, toLabelFormatter as l } from "../chart/chart-format.js";
-import * as u from "react";
-import { jsx as d, jsxs as te } from "react/jsx-runtime";
-import { LabelList as f, PolarAngleAxis as p, PolarGrid as ne, PolarRadiusAxis as re, Radar as m, RadarChart as ie } from "recharts";
+import { resolveAnimation as c, resolveLabelFillClass as l, toLabelFormatter as u } from "../chart/chart-format.js";
+import * as d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { LabelList as m, PolarAngleAxis as ee, PolarGrid as te, PolarRadiusAxis as ne, Radar as h, RadarChart as re } from "recharts";
 //#region src/components/ui/radar-chart/radar-chart.tsx
-var h = t("", {
+var g = t("", {
 	variants: { gridType: {
 		polygon: "",
 		circle: ""
 	} },
 	defaultVariants: { gridType: "polygon" }
 });
-function g(e, t) {
+function _(e, t) {
 	switch (e) {
 		case "auto": return ["auto", "auto"];
 		case "fixed": return [0, t !== void 0 && Number.isFinite(t) && t > 0 ? t : "auto"];
 		default: return;
 	}
 }
-function _(e, t, n) {
+function v(e, t, n) {
 	let r = t?.color ?? `var(--color-${s(e)})`, i = t?.dot ?? n.showDots;
 	return {
 		fill: r,
@@ -32,19 +32,19 @@ function _(e, t, n) {
 		activeDot: t?.activeDot ?? n.activeDot
 	};
 }
-var v = 30, ae = 8, y = 187, b = 240, x = 32;
-function S(e, t) {
-	let n = e !== void 0 && e > y / 2, r = n ? b : y;
+var y = 30, b = 8, x = 187, S = 240, C = 32;
+function w(e, t) {
+	let n = e !== void 0 && e > x / 2, r = n ? S : x;
 	return t ? {
 		heightClass: n ? "h-[272px]" : "h-[219px]",
-		cy: `${Math.floor(r / 2 / (r + x) * 1e5) / 1e3}%`
+		cy: `${Math.floor(r / 2 / (r + C) * 1e5) / 1e3}%`
 	} : {
 		heightClass: n ? "h-[240px]" : "h-[187px]",
 		cy: void 0
 	};
 }
-function oe({ seriesKey: e, style: t, animation: n, showLabels: r, labelPosition: i, labelFormatter: a }) {
-	return /* @__PURE__ */ d(m, {
+function ie({ seriesKey: e, style: t, animation: n, showLabels: r, labelPosition: i, labelFormatter: a }) {
+	return /* @__PURE__ */ f(h, {
 		dataKey: e,
 		stroke: t.stroke,
 		fill: t.fill,
@@ -53,80 +53,83 @@ function oe({ seriesKey: e, style: t, animation: n, showLabels: r, labelPosition
 		dot: t.dot,
 		activeDot: t.activeDot,
 		...n,
-		children: r && /* @__PURE__ */ d(f, {
+		children: r && /* @__PURE__ */ f(m, {
 			dataKey: e,
 			position: i,
-			formatter: l(a),
-			className: c(i, { translucentSeries: !0 }),
+			formatter: u(a),
+			className: l(i, { translucentSeries: !0 }),
 			fontSize: 12
 		})
 	}, e);
 }
-var C = u.forwardRef(({ className: t, config: s, palette: c, data: l, dataKeys: u, angleKey: f, seriesSettings: m, gridType: y = "polygon", fillOpacity: b = .3, strokeWidth: x = 2, showDots: C = !0, dotRadius: w = 2, activeDot: T, showGrid: E = !0, radialLines: D = !0, showAngleAxis: O = !0, angleAxisOrientation: k, angleAxisLine: A = !0, angleAxisLineType: j, angleTickLine: M = !0, angleTickSize: N, showRadiusAxis: P = !1, radiusAxisAngle: F, radiusAxisOrientation: I, radiusAxisDomain: L, radiusAxisDomainMax: R, radiusAxisTickCount: z, radiusAxisReversed: B = !1, cx: V, cy: H, startAngle: U, endAngle: se, innerRadius: W, outerRadius: G, margin: K, showTooltip: ce = !0, showLegend: q = !0, tooltipContent: le, animate: ue, animationDuration: de, animationBegin: fe, animationEasing: pe, showLabels: J = !1, labelPosition: me, labelFormatter: he, ...ge }, _e) => {
-	let Y = ee({
+var T = d.forwardRef(({ className: t, config: s, palette: l, data: u, dataKeys: d, angleKey: m, seriesSettings: h, gridType: x = "polygon", fillOpacity: S = .3, strokeWidth: C = 2, showDots: T = !0, dotRadius: ae = 2, activeDot: E, showGrid: D = !0, radialLines: O = !0, showAngleAxis: k = !0, angleAxisOrientation: A, angleAxisLine: j = !0, angleAxisLineType: M, angleTickLine: N = !0, angleTickSize: P, showRadiusAxis: F = !1, radiusAxisAngle: I, radiusAxisOrientation: L, radiusAxisDomain: R, radiusAxisDomainMax: z, radiusAxisTickCount: B, radiusAxisReversed: V = !1, cx: H, cy: U, startAngle: W, endAngle: oe, innerRadius: G, outerRadius: K, margin: q, showTooltip: se = !0, showLegend: J = !0, legendFontSize: ce, tooltipContent: le, animate: ue, animationDuration: de, animationBegin: fe, animationEasing: pe, showLabels: Y = !1, labelPosition: me, labelFormatter: he, ...ge }, _e) => {
+	let ve = c({
 		animate: ue,
 		animationDuration: de,
 		animationBegin: fe,
 		animationEasing: pe
-	}), ve = me ?? "top", X = g(L, R), ye = P || X !== void 0 || B, be = {
-		fillOpacity: b,
-		strokeWidth: x,
-		showDots: C,
-		dotRadius: w,
-		activeDot: T
-	}, Z = G ?? 78, Q = N ?? (J ? v : 4), $ = S(typeof Z == "number" ? Z + Q + ae : void 0, q), xe = /(?:^|\s)(?:h-|size-|min-h-|max-h-)/.test(t ?? "");
-	return /* @__PURE__ */ d("div", {
+	}), ye = me ?? "top", X = _(R, z), be = F || X !== void 0 || V, xe = {
+		fillOpacity: S,
+		strokeWidth: C,
+		showDots: T,
+		dotRadius: ae,
+		activeDot: E
+	}, Z = K ?? 78, Q = P ?? (Y ? y : 4), $ = w(typeof Z == "number" ? Z + Q + b : void 0, J), Se = /(?:^|\s)(?:h-|size-|min-h-|max-h-)/.test(t ?? "");
+	return /* @__PURE__ */ f("div", {
 		ref: _e,
-		"data-grid-type": y,
-		className: e(h({ gridType: y }), $.heightClass, t),
+		"data-grid-type": x,
+		className: e(g({ gridType: x }), $.heightClass, t),
 		...ge,
-		children: /* @__PURE__ */ d(n, {
+		children: /* @__PURE__ */ f(n, {
 			config: s,
-			palette: c,
+			palette: l,
 			className: e("size-full", "[&_.recharts-polar-angle-axis-tick_text]:fill-[var(--ui-text-on-surface-secondary)]! [&_.recharts-polar-angle-axis-tick_text]:text-xs [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-[var(--ui-border-on-surface-divider)]! [&_.recharts-polar-radius-axis-line]:stroke-[var(--ui-border-on-surface-divider)]! [&_.recharts-polar-radius-axis-tick_text]:fill-[var(--ui-text-on-surface-secondary)]! [&_.recharts-polar-radius-axis-tick_text]:text-xs"),
-			children: /* @__PURE__ */ te(ie, {
-				data: l,
-				cx: V,
-				cy: H ?? (xe ? void 0 : $.cy),
-				startAngle: U,
-				endAngle: se,
-				innerRadius: W,
+			children: /* @__PURE__ */ p(re, {
+				data: u,
+				cx: H,
+				cy: U ?? (Se ? void 0 : $.cy),
+				startAngle: W,
+				endAngle: oe,
+				innerRadius: G,
 				outerRadius: Z,
-				margin: K,
+				margin: q,
 				children: [
-					ce && /* @__PURE__ */ d(a, { content: le ?? /* @__PURE__ */ d(o, {}) }),
-					E && /* @__PURE__ */ d(ne, {
-						gridType: y ?? "polygon",
-						radialLines: D
+					se && /* @__PURE__ */ f(a, { content: le ?? /* @__PURE__ */ f(o, {}) }),
+					D && /* @__PURE__ */ f(te, {
+						gridType: x ?? "polygon",
+						radialLines: O
 					}),
-					/* @__PURE__ */ d(p, {
-						dataKey: f,
-						orientation: k,
-						axisLineType: j,
-						tick: O,
-						axisLine: O && A,
-						tickLine: O && M,
+					/* @__PURE__ */ f(ee, {
+						dataKey: m,
+						orientation: A,
+						axisLineType: M,
+						tick: k,
+						axisLine: k && j,
+						tickLine: k && N,
 						tickSize: Q
 					}),
-					ye && /* @__PURE__ */ d(re, {
-						angle: F,
-						orientation: I,
+					be && /* @__PURE__ */ f(ne, {
+						angle: I,
+						orientation: L,
 						domain: X,
-						tickCount: z,
-						reversed: B,
-						tick: P,
-						axisLine: P
+						tickCount: B,
+						reversed: V,
+						tick: F,
+						axisLine: F
 					}),
-					q && /* @__PURE__ */ d(r, {
+					J && /* @__PURE__ */ f(r, {
 						verticalAlign: "bottom",
-						content: /* @__PURE__ */ d(i, { verticalAlign: "bottom" })
+						content: /* @__PURE__ */ f(i, {
+							verticalAlign: "bottom",
+							fontSize: ce
+						})
 					}),
-					u.map((e) => oe({
+					d.map((e) => ie({
 						seriesKey: e,
-						style: _(e, m?.[e], be),
-						animation: Y,
-						showLabels: J,
-						labelPosition: ve,
+						style: v(e, h?.[e], xe),
+						animation: ve,
+						showLabels: Y,
+						labelPosition: ye,
 						labelFormatter: he
 					}))
 				]
@@ -134,8 +137,8 @@ var C = u.forwardRef(({ className: t, config: s, palette: c, data: l, dataKeys:
 		})
 	});
 });
-C.displayName = "RadarChart";
+T.displayName = "RadarChart";
 //#endregion
-export { C as RadarChart, h as radarChartVariants, S as radarPlotBox, g as radarRadiusAxisDomain, _ as radarSeriesStyle };
+export { T as RadarChart, g as radarChartVariants, w as radarPlotBox, _ as radarRadiusAxisDomain, v as radarSeriesStyle };
 
 //# sourceMappingURL=radar-chart.js.map