@acronis-platform/ui-react 4.0.0 → 5.0.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.js","sources":["../../../../src/components/ui/radar-chart/radar-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  LabelList,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  type AxisDomainItem,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  toLabelFormatter,\n  resolveLabelFillClass,\n  CHART_LABEL_FONT_SIZE,\n  type ChartConfig,\n  type ChartPalette,\n  type ChartAnimationProps,\n  type ChartDataLabelProps,\n  type CartesianLabelPosition,\n  type ResolvedAnimation,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives — the first\n// polar chart type. The single CVA axis is the design's Radar-chart variant set:\n// `gridType` (the polar web is drawn as straight-edged `polygon` rings or smooth\n// `circle` rings). The class stays empty because recharts' SVG — not CSS — draws\n// the web: `gridType` drives `<PolarGrid gridType>`. CVA is kept so the variant\n// set is a first-class, spec-conformant part of the API (matched against\n// ui-spec's api.yaml enums) and exposed via `VariantProps`; the resolved value is\n// also mirrored onto `data-grid-type`.\nconst radarChartVariants = cva('', {\n  variants: {\n    gridType: {\n      polygon: '',\n      circle: '',\n    },\n  },\n  defaultVariants: {\n    gridType: 'polygon',\n  },\n});\n\n/** Per-series overrides, keyed by the series' `dataKeys` entry. */\nexport interface RadarChartSeriesSettings {\n  /**\n   * Fill for this series' area, overriding its `config` color. Reference an\n   * existing semantic `--ui-*` token, same as `config`.\n   */\n  color?: string;\n  /**\n   * Outline color, when it should read differently from the fill (e.g. a solid\n   * outline over a barely-tinted area). Defaults to the fill.\n   *\n   * recharts derives a Radar's legend/tooltip color from its stroke first, so\n   * setting this alone also recolors that series' legend swatch and tooltip dot\n   * — set `color` too if the marker should keep following the fill.\n   */\n  stroke?: string;\n  /** Fill opacity for this series, overriding the chart-level `fillOpacity`. */\n  fillOpacity?: number;\n  /** Outline width for this series, overriding the chart-level `strokeWidth`. */\n  strokeWidth?: number;\n  /** Per-point dots for this series, overriding the chart-level `showDots`. */\n  dot?: boolean;\n  /** Dot radius for this series, overriding the chart-level `dotRadius`. */\n  dotRadius?: number;\n  /**\n   * Highlight this series' hovered point, overriding the chart-level\n   * `activeDot`.\n   */\n  activeDot?: boolean;\n}\n\n/**\n * Map the `radiusAxisDomain` preset to a recharts radius-axis `domain`. Exported\n * for unit tests; not part of the package's public API.\n *\n * The radius axis is what scales the web, so this is the difference between \"the\n * largest value in the data reaches the outer ring\" (recharts' own behavior, and\n * what an unset preset keeps) and \"the outer ring is a known maximum\" (`fixed`\n * plus `radiusAxisDomainMax`). The two only mean something together: a `fixed`\n * preset with no maximum falls back to the data's own top, i.e. that same\n * default.\n */\nexport function radarRadiusAxisDomain(\n  preset: 'auto' | 'fixed' | undefined,\n  max: number | undefined\n): Readonly<[AxisDomainItem, AxisDomainItem]> | undefined {\n  switch (preset) {\n    case 'auto':\n      return ['auto', 'auto'];\n    case 'fixed':\n      // A maximum that isn't a positive, finite number can't bound a scale that\n      // grows outward from 0: `[0, 0]` collapses the web onto its centre and a\n      // negative inverts it. A computed max (`Math.max` over an empty or all-zero\n      // series) reaches this, so fall back to the data's own top — the same\n      // behavior as `fixed` with no maximum at all.\n      return [0, max !== undefined && Number.isFinite(max) && max > 0 ? max : 'auto'];\n    default:\n      return undefined;\n  }\n}\n\n/** The chart-level styling a `seriesSettings` entry overrides. */\nexport interface RadarSeriesDefaults {\n  fillOpacity: number;\n  strokeWidth: number;\n  showDots: boolean;\n  dotRadius: number;\n  activeDot: boolean | undefined;\n}\n\n/** Resolved recharts `<Radar>` styling for one series. */\nexport interface RadarSeriesStyle {\n  fill: string;\n  stroke: string;\n  fillOpacity: number;\n  strokeWidth: number;\n  dot: { r: number } | false;\n  activeDot: boolean | undefined;\n}\n\n/**\n * Fold a series' `seriesSettings` entry over the chart-level styling. Exported\n * for unit tests; not part of the package's public API.\n *\n * Every fallback is `??`, not `||`, so a deliberate falsy override survives —\n * `fillOpacity: 0` (outline only), `strokeWidth: 0` (fill only), `dot: false`\n * and `activeDot: false` all have to beat a truthy chart-level value. An\n * un-overridden fill stays the `--color-<key>` custom property the shared\n * `ChartContainer` injects from `config`, so the series a caller doesn't name\n * keeps reading its config color.\n */\nexport function radarSeriesStyle(\n  key: string,\n  settings: RadarChartSeriesSettings | undefined,\n  defaults: RadarSeriesDefaults\n): RadarSeriesStyle {\n  const fill = settings?.color ?? `var(--color-${key})`;\n  const dot = settings?.dot ?? defaults.showDots;\n  return {\n    fill,\n    stroke: settings?.stroke ?? fill,\n    fillOpacity: settings?.fillOpacity ?? defaults.fillOpacity,\n    strokeWidth: settings?.strokeWidth ?? defaults.strokeWidth,\n    dot: dot ? { r: settings?.dotRadius ?? defaults.dotRadius } : false,\n    activeDot: settings?.activeDot ?? defaults.activeDot,\n  };\n}\n\nexport interface RadarChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof radarChartVariants>,\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  /**\n   * Row-per-axis data. Each object holds the `angleKey` label + one numeric field\n   * per series. Every plotted series needs a value in every row: recharts places a\n   * missing one at the centre, which reads as a zero rather than as a gap.\n   */\n  data: ReadonlyArray<Record<string, string | number>>;\n  /**\n   * Per-series map of `label` / `icon` / `tone` (imported from the shared\n   * `Chart` primitives). Turned into `--color-<key>` custom properties. Series\n   * take their colour from the container's `palette`; each entry maps a key to a\n   * `label` and an optional `tone`.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Radar>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /** The categorical axis key placed around the web (e.g. `\"subject\"`). */\n  angleKey: string;\n  /**\n   * Per-series style overrides, keyed by a `dataKeys` entry — color, outline, and\n   * dots for one series while the rest keep the chart-level values. Keys that\n   * aren't plotted are ignored. An overridden `color` — or `stroke`, which\n   * recharts reads first — follows through to that series' legend swatch and\n   * tooltip dot.\n   */\n  seriesSettings?: Record<string, RadarChartSeriesSettings>;\n  /** Fill opacity of each radar area. */\n  fillOpacity?: number;\n  /** Stroke width of each radar outline. */\n  strokeWidth?: number;\n  /** Render a dot at each axis point. */\n  showDots?: boolean;\n  /** Radius of the per-point dots when `showDots` is on. */\n  dotRadius?: number;\n  /**\n   * Enlarge the hovered point's dot. On by default (recharts' behavior) — pass\n   * `false` for a chart that shouldn't react to the pointer at all.\n   */\n  activeDot?: boolean;\n  /** Render the polar grid (the web). */\n  showGrid?: boolean;\n  /**\n   * Draw the grid's spokes — the radial lines from the centre out to each\n   * category. Defaults to `true`; off leaves only the concentric rings.\n   */\n  radialLines?: boolean;\n  /**\n   * Render the categorical axis around the web (its spoke labels, tick lines,\n   * and outer line). Defaults to `true`. Turning it off keeps the axis itself —\n   * so the tooltip still names each category — and only hides its chrome.\n   */\n  showAngleAxis?: boolean;\n  /** Place the spoke labels outside the web (default) or inside it. */\n  angleAxisOrientation?: 'inner' | 'outer';\n  /** Draw the line around the web that the spoke labels sit against. Defaults to `true`. */\n  angleAxisLine?: boolean;\n  /**\n   * Shape of that line: straight-edged `polygon` (recharts' default) or a smooth\n   * `circle`. Independent of `gridType`, so pair them to keep a circular web's\n   * outline circular too.\n   */\n  angleAxisLineType?: 'polygon' | 'circle';\n  /** Draw a tick line from the axis line to each spoke label. Defaults to `true`. */\n  angleTickLine?: boolean;\n  /**\n   * Distance from the web to the spoke labels, in px (recharts' default is 8).\n   * Left alone, `showLabels` widens it so a vertex's value can't land on its own\n   * category label.\n   */\n  angleTickSize?: number;\n  /**\n   * Render the value scale — a radial axis of ticks from the centre outward, so\n   * an area can be read as a number and not only compared to its neighbours.\n   * Defaults to `false` (recharts draws no radius axis unless asked).\n   *\n   * `radiusAxisAngle` and `radiusAxisOrientation` only describe the drawn scale,\n   * so they need it shown. `radiusAxisDomain`, `radiusAxisReversed` and\n   * `radiusAxisTickCount` apply while it's hidden too — the first two scale the\n   * web, and the third sets how many rings the grid draws (recharts takes the\n   * grid's concentric radii from the radius axis' ticks).\n   */\n  showRadiusAxis?: boolean;\n  /**\n   * Angle the value scale is drawn at, in degrees counter-clockwise from 3\n   * o'clock (recharts' default is `0`). Point it *between* two spokes: on a\n   * spoke, the outermost tick collides with that category's own label.\n   *\n   * The ticks sit over the areas at any angle — a radar's plot area is its\n   * areas — so this trades one overlap for none of the other.\n   */\n  radiusAxisAngle?: number;\n  /** Which side of the scale its tick labels sit on. Defaults to `right`. */\n  radiusAxisOrientation?: 'left' | 'right' | 'middle';\n  /**\n   * How the value scale is bounded — and with it the web, since the radius axis\n   * is what maps a value to a radius:\n   *\n   * - unset — recharts' own scaling: the data's largest value reaches the outer\n   *   ring, so two charts of the same metric aren't comparable.\n   * - `fixed` — pin the outer ring to `radiusAxisDomainMax` (the metric's own\n   *   maximum, e.g. a score out of 150), which is what makes a radar readable as\n   *   an absolute profile rather than a relative one.\n   * - `auto` — fit the data at both ends; the scale need not start at 0.\n   *\n   * Takes effect whether or not the scale is shown, so a chart can be scaled to a\n   * known maximum without displaying the ticks.\n   */\n  radiusAxisDomain?: 'auto' | 'fixed';\n  /**\n   * The value at the outer ring when `radiusAxisDomain` is `fixed`. Must be\n   * positive — a `0` or negative maximum can't bound an outward-growing scale, so\n   * it falls back to the data's own top.\n   */\n  radiusAxisDomainMax?: number;\n  /**\n   * Desired number of ticks on the value scale (a hint, not exact). Defaults to\n   * recharts' `5`. Also sets how many rings the grid draws, whether or not the\n   * scale itself is shown.\n   */\n  radiusAxisTickCount?: number;\n  /**\n   * Invert the value scale — the maximum at the centre and 0 at the outer ring —\n   * for a metric where less is better (latency, error rate), so a good profile\n   * still reads as a large area.\n   */\n  radiusAxisReversed?: boolean;\n  /** Horizontal centre of the web, in px or a percentage of the width. Defaults to `50%`. */\n  cx?: number | string;\n  /** Vertical centre of the web, in px or a percentage of the height. Defaults to `50%`. */\n  cy?: number | string;\n  /** Angle the first category sits at, in degrees. Defaults to `90` (12 o'clock). */\n  startAngle?: number;\n  /**\n   * Angle the sweep ends at, in degrees. Defaults to `-270` — a full turn\n   * clockwise from `startAngle`. Together the two rotate the web (or wrap the\n   * categories into a partial sweep).\n   */\n  endAngle?: number;\n  /**\n   * Radius of the hole at the centre, in px or a percentage of the available\n   * radius. Defaults to `0`. Also lifts the grid and the areas off the centre,\n   * which separates the series where they all bottom out.\n   */\n  innerRadius?: number | string;\n  /** Outer radius of the web, in px or a percentage of the available radius. Defaults to `80%`. */\n  outerRadius?: number | string;\n  /**\n   * Plot-area margin, in px. Omit it entirely to use recharts' default (5 on\n   * every side) — passing the object replaces all four, and recharts fills the\n   * sides you leave out with `0`, not with `5`. Name every side you want.\n   */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number };\n  showTooltip?: boolean;\n  showLegend?: boolean;\n  /** Which side of the chart the legend sits on. Defaults to `bottom`. */\n  legendPosition?: 'top' | 'bottom';\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-series rows, or extra fields without composing\n   * recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n  /** Position of the value labels when `showLabels` is on. Defaults to `top`. */\n  labelPosition?: CartesianLabelPosition;\n}\n\n// Distance from the polygon to the category tick text when value labels are on\n// (recharts' default is 8). Has to clear a CHART_LABEL_FONT_SIZE line plus the\n// LabelList's own 5px offset, or the topmost vertex's value overlaps its tick.\nconst RADAR_LABEL_TICK_SIZE = 30;\n\n/**\n * One series' `<Radar>` (and its value labels).\n *\n * Called as a plain function rather than mounted as `<RadarSeries />`, purely\n * to keep the chart's children readable as a flat list — recharts imposes no\n * constraint here. `RadarChart` picks up the series from the store `<Radar>`\n * registers itself in, and `Radar` passes its children straight through to a\n * label-list context instead of scanning them by type. `<Cell>` is the only\n * child recharts still looks up by element type, and a radar series has none.\n */\nfunction radarSeries({\n  seriesKey,\n  style,\n  animation,\n  showLabels,\n  labelPosition,\n  labelFormatter,\n}: {\n  seriesKey: string;\n  style: RadarSeriesStyle;\n  animation: ResolvedAnimation;\n  showLabels: boolean;\n  labelPosition: CartesianLabelPosition;\n  labelFormatter: ChartDataLabelProps['labelFormatter'];\n}) {\n  return (\n    <Radar\n      key={seriesKey}\n      dataKey={seriesKey}\n      stroke={style.stroke}\n      fill={style.fill}\n      fillOpacity={style.fillOpacity}\n      strokeWidth={style.strokeWidth}\n      dot={style.dot}\n      activeDot={style.activeDot}\n      {...animation}\n    >\n      {showLabels && (\n        <LabelList\n          dataKey={seriesKey}\n          position={labelPosition}\n          formatter={toLabelFormatter(labelFormatter)}\n          // A radar area is a flat `fillOpacity`, so an `inside*` label sits on\n          // the *surface tinted by* the series color, not on the color itself —\n          // the white on-fill token disappears into it in light mode. Same call\n          // as the other translucent families (Area, the composed chart's areas).\n          className={resolveLabelFillClass(labelPosition, {\n            translucentSeries: true,\n          })}\n          fontSize={CHART_LABEL_FONT_SIZE}\n        />\n      )}\n    </Radar>\n  );\n}\n\nconst RadarChart = React.forwardRef<HTMLDivElement, RadarChartProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      data,\n      dataKeys,\n      angleKey,\n      seriesSettings,\n      gridType = 'polygon',\n      fillOpacity = 0.3,\n      strokeWidth = 2,\n      showDots = false,\n      dotRadius = 3,\n      activeDot,\n      showGrid = true,\n      radialLines = true,\n      showAngleAxis = true,\n      angleAxisOrientation,\n      angleAxisLine = true,\n      angleAxisLineType,\n      angleTickLine = true,\n      angleTickSize,\n      showRadiusAxis = false,\n      radiusAxisAngle,\n      radiusAxisOrientation,\n      radiusAxisDomain,\n      radiusAxisDomainMax,\n      radiusAxisTickCount,\n      radiusAxisReversed = false,\n      cx,\n      cy,\n      startAngle,\n      endAngle,\n      innerRadius,\n      outerRadius,\n      margin,\n      showTooltip = true,\n      showLegend = true,\n      legendPosition = 'bottom',\n      tooltipContent,\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      showLabels = false,\n      labelPosition,\n      labelFormatter,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const radarLabelPosition = labelPosition ?? 'top';\n    const radiusDomain = radarRadiusAxisDomain(\n      radiusAxisDomain,\n      radiusAxisDomainMax\n    );\n    // The radius axis is only mounted when it has something to do: it either\n    // paints the scale, or it carries a domain/reversal that rescales the web\n    // (recharts registers those from the element even when nothing is drawn).\n    // Without one of the three, leaving the element out keeps recharts' own\n    // implicit axis — and every existing chart's geometry.\n    const hasRadiusAxis =\n      showRadiusAxis || radiusDomain !== undefined || radiusAxisReversed;\n    const seriesDefaults: RadarSeriesDefaults = {\n      fillOpacity,\n      strokeWidth,\n      showDots,\n      dotRadius,\n      activeDot,\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-grid-type={gridType}\n        className={cn(radarChartVariants({ gridType }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          palette={palette}\n          // The shared container themes cartesian axis ticks but not polar ones,\n          // so scope the angle-axis (spoke) labels and the radius-axis scale to\n          // the muted-foreground / border tokens here — otherwise they render\n          // near-black (or recharts' raw `#ccc`) and vanish in dark mode. This\n          // is a shared-primitives gap (a Chart task); worked around locally, not\n          // by editing chart.tsx.\n          className=\"size-full [&_.recharts-polar-angle-axis-tick_text]:fill-muted-foreground [&_.recharts-polar-radius-axis-line]:stroke-border [&_.recharts-polar-radius-axis-tick_text]:fill-muted-foreground\"\n        >\n          <RechartsRadarChart\n            data={data as readonly unknown[]}\n            cx={cx}\n            cy={cy}\n            startAngle={startAngle}\n            endAngle={endAngle}\n            innerRadius={innerRadius}\n            outerRadius={outerRadius}\n            margin={margin}\n          >\n            {showTooltip && (\n              <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n            )}\n            {showGrid && (\n              <PolarGrid gridType={gridType ?? 'polygon'} radialLines={radialLines} />\n            )}\n            <PolarAngleAxis\n              dataKey={angleKey}\n              orientation={angleAxisOrientation}\n              axisLineType={angleAxisLineType}\n              // `showAngleAxis` hides the chrome rather than dropping the axis:\n              // the angle axis is also what maps a row to its category name, so\n              // removing it would leave the tooltip labelling rows by index.\n              tick={showAngleAxis}\n              axisLine={showAngleAxis && angleAxisLine}\n              tickLine={showAngleAxis && angleTickLine}\n              // Push the category ticks out when value labels are on. recharts\n              // gives a Radar's label list a *cartesian* viewBox (width/height 0\n              // at the vertex), so `top` offsets straight up in screen space —\n              // at the topmost vertex the value lands on its own category tick.\n              // The tick text is drawn at `outerRadius + tickSize`, so this is\n              // the only lever that adds *absolute* clearance: shrinking\n              // outerRadius scales the tick ring down with the polygon and keeps\n              // the overlap.\n              tickSize={\n                angleTickSize ?? (showLabels ? RADAR_LABEL_TICK_SIZE : undefined)\n              }\n            />\n            {hasRadiusAxis && (\n              <PolarRadiusAxis\n                angle={radiusAxisAngle}\n                orientation={radiusAxisOrientation}\n                domain={radiusDomain}\n                tickCount={radiusAxisTickCount}\n                reversed={radiusAxisReversed}\n                tick={showRadiusAxis}\n                axisLine={showRadiusAxis}\n              />\n            )}\n            {showLegend && (\n              <ChartLegend\n                verticalAlign={legendPosition}\n                content={<ChartLegendContent verticalAlign={legendPosition} />}\n              />\n            )}\n            {dataKeys.map((key) =>\n              radarSeries({\n                seriesKey: key,\n                style: radarSeriesStyle(\n                  key,\n                  seriesSettings?.[key],\n                  seriesDefaults\n                ),\n                animation,\n                showLabels,\n                labelPosition: radarLabelPosition,\n                labelFormatter,\n              })\n            )}\n          </RechartsRadarChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nRadarChart.displayName = 'RadarChart';\n\nexport { RadarChart, radarChartVariants };\n"],"names":["radarChartVariants","cva","radarRadiusAxisDomain","preset","max","radarSeriesStyle","key","settings","defaults","fill","dot","RADAR_LABEL_TICK_SIZE","radarSeries","seriesKey","style","animation","showLabels","labelPosition","labelFormatter","jsx","Radar","LabelList","toLabelFormatter","resolveLabelFillClass","CHART_LABEL_FONT_SIZE","RadarChart","React","className","config","palette","data","dataKeys","angleKey","seriesSettings","gridType","fillOpacity","strokeWidth","showDots","dotRadius","activeDot","showGrid","radialLines","showAngleAxis","angleAxisOrientation","angleAxisLine","angleAxisLineType","angleTickLine","angleTickSize","showRadiusAxis","radiusAxisAngle","radiusAxisOrientation","radiusAxisDomain","radiusAxisDomainMax","radiusAxisTickCount","radiusAxisReversed","cx","cy","startAngle","endAngle","innerRadius","outerRadius","margin","showTooltip","showLegend","legendPosition","tooltipContent","animate","animationDuration","animationBegin","animationEasing","props","ref","resolveAnimation","radarLabelPosition","radiusDomain","hasRadiusAxis","seriesDefaults","cn","ChartContainer","jsxs","RechartsRadarChart","ChartTooltip","ChartTooltipContent","PolarGrid","PolarAngleAxis","PolarRadiusAxis","ChartLegend","ChartLegendContent"],"mappings":"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"}
+{"version":3,"file":"radar-chart.js","names":[],"sources":["../../../../src/components/ui/radar-chart/radar-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  LabelList,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  type AxisDomainItem,\n} from 'recharts';\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  toLabelFormatter,\n  resolveLabelFillClass,\n  CHART_LABEL_FONT_SIZE,\n  type ChartConfig,\n  type ChartPalette,\n  type ChartAnimationProps,\n  type ChartDataLabelProps,\n  type CartesianLabelPosition,\n  type ResolvedAnimation,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives — the first\n// polar chart type. The single CVA axis is the design's Radar-chart variant set:\n// `gridType` (the polar web is drawn as straight-edged `polygon` rings or smooth\n// `circle` rings). The class stays empty because recharts' SVG — not CSS — draws\n// the web: `gridType` drives `<PolarGrid gridType>`. CVA is kept so the variant\n// set is a first-class, spec-conformant part of the API (matched against\n// ui-spec's api.yaml enums) and exposed via `VariantProps`; the resolved value is\n// also mirrored onto `data-grid-type`.\nconst radarChartVariants = cva('', {\n  variants: {\n    gridType: {\n      polygon: '',\n      circle: '',\n    },\n  },\n  defaultVariants: {\n    gridType: 'polygon',\n  },\n});\n\n/** Per-series overrides, keyed by the series' `dataKeys` entry. */\nexport interface RadarChartSeriesSettings {\n  /**\n   * Fill for this series' area, overriding its `config` color. Reference an\n   * existing semantic `--ui-*` token, same as `config`.\n   */\n  color?: string;\n  /**\n   * Outline color, when it should read differently from the fill (e.g. a solid\n   * outline over a barely-tinted area). Defaults to the fill.\n   *\n   * recharts derives a Radar's legend/tooltip color from its stroke first, so\n   * setting this alone also recolors that series' legend swatch and tooltip dot\n   * — set `color` too if the marker should keep following the fill.\n   */\n  stroke?: string;\n  /** Fill opacity for this series, overriding the chart-level `fillOpacity`. */\n  fillOpacity?: number;\n  /** Outline width for this series, overriding the chart-level `strokeWidth`. */\n  strokeWidth?: number;\n  /** Per-point dots for this series, overriding the chart-level `showDots`. */\n  dot?: boolean;\n  /** Dot radius for this series, overriding the chart-level `dotRadius`. */\n  dotRadius?: number;\n  /**\n   * Highlight this series' hovered point, overriding the chart-level\n   * `activeDot`.\n   */\n  activeDot?: boolean;\n}\n\n/**\n * Map the `radiusAxisDomain` preset to a recharts radius-axis `domain`. Exported\n * for unit tests; not part of the package's public API.\n *\n * The radius axis is what scales the web, so this is the difference between \"the\n * largest value in the data reaches the outer ring\" (recharts' own behavior, and\n * what an unset preset keeps) and \"the outer ring is a known maximum\" (`fixed`\n * plus `radiusAxisDomainMax`). The two only mean something together: a `fixed`\n * preset with no maximum falls back to the data's own top, i.e. that same\n * default.\n */\nexport function radarRadiusAxisDomain(\n  preset: 'auto' | 'fixed' | undefined,\n  max: number | undefined\n): Readonly<[AxisDomainItem, AxisDomainItem]> | undefined {\n  switch (preset) {\n    case 'auto':\n      return ['auto', 'auto'];\n    case 'fixed':\n      // A maximum that isn't a positive, finite number can't bound a scale that\n      // grows outward from 0: `[0, 0]` collapses the web onto its centre and a\n      // negative inverts it. A computed max (`Math.max` over an empty or all-zero\n      // series) reaches this, so fall back to the data's own top — the same\n      // behavior as `fixed` with no maximum at all.\n      return [0, max !== undefined && Number.isFinite(max) && max > 0 ? max : 'auto'];\n    default:\n      return undefined;\n  }\n}\n\n/** The chart-level styling a `seriesSettings` entry overrides. */\nexport interface RadarSeriesDefaults {\n  fillOpacity: number;\n  strokeWidth: number;\n  showDots: boolean;\n  dotRadius: number;\n  activeDot: boolean | undefined;\n}\n\n/** Resolved recharts `<Radar>` styling for one series. */\nexport interface RadarSeriesStyle {\n  fill: string;\n  stroke: string;\n  fillOpacity: number;\n  strokeWidth: number;\n  dot: { r: number } | false;\n  activeDot: boolean | undefined;\n}\n\n/**\n * Fold a series' `seriesSettings` entry over the chart-level styling. Exported\n * for unit tests; not part of the package's public API.\n *\n * Every fallback is `??`, not `||`, so a deliberate falsy override survives —\n * `fillOpacity: 0` (outline only), `strokeWidth: 0` (fill only), `dot: false`\n * and `activeDot: false` all have to beat a truthy chart-level value. An\n * un-overridden fill stays the `--color-<key>` custom property the shared\n * `ChartContainer` injects from `config`, so the series a caller doesn't name\n * keeps reading its config color.\n */\nexport function radarSeriesStyle(\n  key: string,\n  settings: RadarChartSeriesSettings | undefined,\n  defaults: RadarSeriesDefaults\n): RadarSeriesStyle {\n  const fill = settings?.color ?? `var(--color-${key})`;\n  const dot = settings?.dot ?? defaults.showDots;\n  return {\n    fill,\n    stroke: settings?.stroke ?? fill,\n    fillOpacity: settings?.fillOpacity ?? defaults.fillOpacity,\n    strokeWidth: settings?.strokeWidth ?? defaults.strokeWidth,\n    dot: dot ? { r: settings?.dotRadius ?? defaults.dotRadius } : false,\n    activeDot: settings?.activeDot ?? defaults.activeDot,\n  };\n}\n\nexport interface RadarChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof radarChartVariants>,\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  /**\n   * Row-per-axis data. Each object holds the `angleKey` label + one numeric field\n   * per series. Every plotted series needs a value in every row: recharts places a\n   * missing one at the centre, which reads as a zero rather than as a gap.\n   */\n  data: ReadonlyArray<Record<string, string | number>>;\n  /**\n   * Per-series map of `label` / `icon` / `tone` (imported from the shared\n   * `Chart` primitives). Turned into `--color-<key>` custom properties. Series\n   * take their colour from the container's `palette`; each entry maps a key to a\n   * `label` and an optional `tone`.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Radar>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /** The categorical axis key placed around the web (e.g. `\"subject\"`). */\n  angleKey: string;\n  /**\n   * Per-series style overrides, keyed by a `dataKeys` entry — color, outline, and\n   * dots for one series while the rest keep the chart-level values. Keys that\n   * aren't plotted are ignored. An overridden `color` — or `stroke`, which\n   * recharts reads first — follows through to that series' legend swatch and\n   * tooltip dot.\n   */\n  seriesSettings?: Record<string, RadarChartSeriesSettings>;\n  /** Fill opacity of each radar area. */\n  fillOpacity?: number;\n  /** Stroke width of each radar outline. */\n  strokeWidth?: number;\n  /** Render a dot at each axis point. Defaults to `true`. */\n  showDots?: boolean;\n  /** Radius of the per-point dots when `showDots` is on. Defaults to `2`. */\n  dotRadius?: number;\n  /**\n   * Enlarge the hovered point's dot. On by default (recharts' behavior) — pass\n   * `false` for a chart that shouldn't react to the pointer at all.\n   */\n  activeDot?: boolean;\n  /** Render the polar grid (the web). */\n  showGrid?: boolean;\n  /**\n   * Draw the grid's spokes — the radial lines from the centre out to each\n   * category. Defaults to `true`; off leaves only the concentric rings.\n   */\n  radialLines?: boolean;\n  /**\n   * Render the categorical axis around the web (its spoke labels, tick lines,\n   * and outer line). Defaults to `true`. Turning it off keeps the axis itself —\n   * so the tooltip still names each category — and only hides its chrome.\n   */\n  showAngleAxis?: boolean;\n  /** Place the spoke labels outside the web (default) or inside it. */\n  angleAxisOrientation?: 'inner' | 'outer';\n  /** Draw the line around the web that the spoke labels sit against. Defaults to `true`. */\n  angleAxisLine?: boolean;\n  /**\n   * Shape of that line: straight-edged `polygon` (recharts' default) or a smooth\n   * `circle`. Independent of `gridType`, so pair them to keep a circular web's\n   * outline circular too.\n   */\n  angleAxisLineType?: 'polygon' | 'circle';\n  /** Draw a tick line from the axis line to each spoke label. Defaults to `true`. */\n  angleTickLine?: boolean;\n  /**\n   * Distance from each polygon vertex to its outer category label, in px.\n   * Defaults to `4` (Figma geometry). When `showLabels` is on and no explicit\n   * value is given, widens automatically to clear the value labels.\n   */\n  angleTickSize?: number;\n  /**\n   * Render the value scale — a radial axis of ticks from the centre outward, so\n   * an area can be read as a number and not only compared to its neighbours.\n   * Defaults to `false` (recharts draws no radius axis unless asked).\n   *\n   * `radiusAxisAngle` and `radiusAxisOrientation` only describe the drawn scale,\n   * so they need it shown. `radiusAxisDomain`, `radiusAxisReversed` and\n   * `radiusAxisTickCount` apply while it's hidden too — the first two scale the\n   * web, and the third sets how many rings the grid draws (recharts takes the\n   * grid's concentric radii from the radius axis' ticks).\n   */\n  showRadiusAxis?: boolean;\n  /**\n   * Angle the value scale is drawn at, in degrees counter-clockwise from 3\n   * o'clock (recharts' default is `0`). Point it *between* two spokes: on a\n   * spoke, the outermost tick collides with that category's own label.\n   *\n   * The ticks sit over the areas at any angle — a radar's plot area is its\n   * areas — so this trades one overlap for none of the other.\n   */\n  radiusAxisAngle?: number;\n  /** Which side of the scale its tick labels sit on. Defaults to `right`. */\n  radiusAxisOrientation?: 'left' | 'right' | 'middle';\n  /**\n   * How the value scale is bounded — and with it the web, since the radius axis\n   * is what maps a value to a radius:\n   *\n   * - unset — recharts' own scaling: the data's largest value reaches the outer\n   *   ring, so two charts of the same metric aren't comparable.\n   * - `fixed` — pin the outer ring to `radiusAxisDomainMax` (the metric's own\n   *   maximum, e.g. a score out of 150), which is what makes a radar readable as\n   *   an absolute profile rather than a relative one.\n   * - `auto` — fit the data at both ends; the scale need not start at 0.\n   *\n   * Takes effect whether or not the scale is shown, so a chart can be scaled to a\n   * known maximum without displaying the ticks.\n   */\n  radiusAxisDomain?: 'auto' | 'fixed';\n  /**\n   * The value at the outer ring when `radiusAxisDomain` is `fixed`. Must be\n   * positive — a `0` or negative maximum can't bound an outward-growing scale, so\n   * it falls back to the data's own top.\n   */\n  radiusAxisDomainMax?: number;\n  /**\n   * Desired number of ticks on the value scale (a hint, not exact). Defaults to\n   * recharts' `5`. Also sets how many rings the grid draws, whether or not the\n   * scale itself is shown.\n   */\n  radiusAxisTickCount?: number;\n  /**\n   * Invert the value scale — the maximum at the centre and 0 at the outer ring —\n   * for a metric where less is better (latency, error rate), so a good profile\n   * still reads as a large area.\n   */\n  radiusAxisReversed?: boolean;\n  /** Horizontal centre of the web, in px or a percentage of the width. Defaults to `50%`. */\n  cx?: number | string;\n  /**\n   * Vertical centre of the web, in px or a percentage of the height. Defaults to\n   * the middle of the plot band — i.e. `50%` of what the legend leaves, not of\n   * the whole box (see `radarPlotBox`).\n   */\n  cy?: number | string;\n  /** Angle the first category sits at, in degrees. Defaults to `90` (12 o'clock). */\n  startAngle?: number;\n  /**\n   * Angle the sweep ends at, in degrees. Defaults to `-270` — a full turn\n   * clockwise from `startAngle`. Together the two rotate the web (or wrap the\n   * categories into a partial sweep).\n   */\n  endAngle?: number;\n  /**\n   * Radius of the hole at the centre, in px or a percentage of the available\n   * radius. Defaults to `0`. Also lifts the grid and the areas off the centre,\n   * which separates the series where they all bottom out.\n   */\n  innerRadius?: number | string;\n  /**\n   * Outer radius of the web, in px or a percentage of the available radius.\n   * Defaults to `78px`, matching the Figma radar geometry. The legend and labels\n   * do not change the radius — they change the box it is drawn in (see\n   * `radarPlotBox`).\n   */\n  outerRadius?: number | string;\n  /**\n   * Plot-area margin, in px. Omit it entirely to use recharts' default (5 on\n   * every side) — passing the object replaces all four, and recharts fills the\n   * sides you leave out with `0`, not with `5`. Name every side you want.\n   */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number };\n  showTooltip?: boolean;\n  showLegend?: boolean;\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-series rows, or extra fields without composing\n   * recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n  /** Position of the value labels when `showLabels` is on. Defaults to `top`. */\n  labelPosition?: CartesianLabelPosition;\n}\n\n// Distance from the polygon to the category tick text when value labels are on\n// (recharts' default is 8). Has to clear a CHART_LABEL_FONT_SIZE line plus the\n// LabelList's own 5px offset, or the topmost vertex's value overlaps its tick.\nconst RADAR_LABEL_TICK_SIZE = 30;\n\n// Vertical geometry of the chart's own box, in px.\n//\n// recharts centres a polar chart on the *whole* SVG: `cy` falls back to\n// `height / 2` and — unlike a percentage `outerRadius`, which it does fit to the\n// plot area — takes no account of the legend band it reserves at the bottom.\n// With the fixed-px `outerRadius` the Figma geometry asks for, that leaves the\n// ring the category labels are drawn on centred over rows the legend has\n// already claimed: the bottom label lands behind the legend and the top one runs\n// off the edge. `radarPlotBox` derives the box height and `cy` together so the\n// ring always has somewhere to go.\n\n// Half a `text-xs` line (16px). recharts anchors the top and bottom category\n// ticks' text *on* their point (`verticalAnchor: 'middle'`), so this much of the\n// text falls beyond the ring on each side.\nconst RADAR_TICK_TEXT_HALF_LINE = 8;\n// Figma's plot band. Holds the 78px web plus its 4px tick ring and that half\n// line (90px each side of the centre) with a little to spare.\nconst RADAR_PLOT_BAND = 187;\n// What a chart whose category ring outgrows RADAR_PLOT_BAND gets instead:\n// 2 × (78 + RADAR_LABEL_TICK_SIZE + RADAR_TICK_TEXT_HALF_LINE) — the cost of\n// `showLabels` at the Figma radius — rounded up to keep the same few px of slack\n// Figma's 187 leaves around the 4px ring.\nconst RADAR_LABELLED_PLOT_BAND = 240;\n// Figma's legend row, and what recharts' wrapper occupies too: it parks the\n// wrapper at `margin.bottom` (5) and `ChartLegendContent` is a `pt-3` above a\n// 16px line.\nconst RADAR_LEGEND_BAND = 32;\n\n/** The chart's own box: the height it reserves, and the polar centre inside it. */\nexport interface RadarPlotBox {\n  /**\n   * Tailwind height for the outer element. Merged *before* the consumer's\n   * `className`, so a caller-supplied height still wins.\n   */\n  heightClass: string;\n  /** `cy` for recharts, or `undefined` to keep its own `height / 2` default. */\n  cy: string | undefined;\n}\n\n/**\n * Size the chart's box around its category ring, and centre the web in the part\n * of that box the legend does not take. Exported for unit tests; not part of the\n * package's public API.\n *\n * `ringRadius` is how far the category labels reach from the centre —\n * `outerRadius + angleTickSize + RADAR_TICK_TEXT_HALF_LINE` — or `undefined`\n * when `outerRadius` is a percentage, which recharts already fits to the plot\n * area (legend included) on its own.\n *\n * `cy` comes back as a percentage rather than the px it resolves to at the\n * default height, so a caller-supplied height keeps the proportion instead of\n * pinning the web to an absolute offset. On a taller box that lifts the web a\n * little further than the legend alone needs — towards the side with the slack.\n */\nexport function radarPlotBox(\n  ringRadius: number | undefined,\n  showLegend: boolean\n): RadarPlotBox {\n  const tall = ringRadius !== undefined && ringRadius > RADAR_PLOT_BAND / 2;\n  const plotBand = tall ? RADAR_LABELLED_PLOT_BAND : RADAR_PLOT_BAND;\n  if (!showLegend) {\n    // 240 / 187 — the plot band on its own.\n    return { heightClass: tall ? 'h-[240px]' : 'h-[187px]', cy: undefined };\n  }\n  return {\n    // 240 + 32 / 187 + 32 — the plot band above the legend band. Tailwind only\n    // sees classes it can read in the source, so these stay literal.\n    heightClass: tall ? 'h-[272px]' : 'h-[219px]',\n    // Truncated rather than rounded: the leftover fraction has to come off the\n    // top, the side with the slack, and never off the legend's.\n    cy: `${Math.floor((plotBand / 2 / (plotBand + RADAR_LEGEND_BAND)) * 1e5) / 1e3}%`,\n  };\n}\n\n/**\n * One series' `<Radar>` (and its value labels).\n *\n * Called as a plain function rather than mounted as `<RadarSeries />`, purely\n * to keep the chart's children readable as a flat list — recharts imposes no\n * constraint here. `RadarChart` picks up the series from the store `<Radar>`\n * registers itself in, and `Radar` passes its children straight through to a\n * label-list context instead of scanning them by type. `<Cell>` is the only\n * child recharts still looks up by element type, and a radar series has none.\n */\nfunction radarSeries({\n  seriesKey,\n  style,\n  animation,\n  showLabels,\n  labelPosition,\n  labelFormatter,\n}: {\n  seriesKey: string;\n  style: RadarSeriesStyle;\n  animation: ResolvedAnimation;\n  showLabels: boolean;\n  labelPosition: CartesianLabelPosition;\n  labelFormatter: ChartDataLabelProps['labelFormatter'];\n}) {\n  return (\n    <Radar\n      key={seriesKey}\n      dataKey={seriesKey}\n      stroke={style.stroke}\n      fill={style.fill}\n      fillOpacity={style.fillOpacity}\n      strokeWidth={style.strokeWidth}\n      dot={style.dot}\n      activeDot={style.activeDot}\n      {...animation}\n    >\n      {showLabels && (\n        <LabelList\n          dataKey={seriesKey}\n          position={labelPosition}\n          formatter={toLabelFormatter(labelFormatter)}\n          // A radar area is a flat `fillOpacity`, so an `inside*` label sits on\n          // the *surface tinted by* the series color, not on the color itself —\n          // the white on-fill token disappears into it in light mode. Same call\n          // as the other translucent families (Area, the composed chart's areas).\n          className={resolveLabelFillClass(labelPosition, {\n            translucentSeries: true,\n          })}\n          fontSize={CHART_LABEL_FONT_SIZE}\n        />\n      )}\n    </Radar>\n  );\n}\n\nconst RadarChart = React.forwardRef<HTMLDivElement, RadarChartProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      data,\n      dataKeys,\n      angleKey,\n      seriesSettings,\n      gridType = 'polygon',\n      fillOpacity = 0.3,\n      strokeWidth = 2,\n      showDots = true,\n      dotRadius = 2,\n      activeDot,\n      showGrid = true,\n      radialLines = true,\n      showAngleAxis = true,\n      angleAxisOrientation,\n      angleAxisLine = true,\n      angleAxisLineType,\n      angleTickLine = true,\n      angleTickSize,\n      showRadiusAxis = false,\n      radiusAxisAngle,\n      radiusAxisOrientation,\n      radiusAxisDomain,\n      radiusAxisDomainMax,\n      radiusAxisTickCount,\n      radiusAxisReversed = false,\n      cx,\n      cy,\n      startAngle,\n      endAngle,\n      innerRadius,\n      outerRadius: outerRadiusProp,\n      margin,\n      showTooltip = true,\n      showLegend = true,\n      tooltipContent,\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      showLabels = false,\n      labelPosition,\n      labelFormatter,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const radarLabelPosition = labelPosition ?? 'top';\n    const radiusDomain = radarRadiusAxisDomain(\n      radiusAxisDomain,\n      radiusAxisDomainMax\n    );\n    // The radius axis is only mounted when it has something to do: it either\n    // paints the scale, or it carries a domain/reversal that rescales the web\n    // (recharts registers those from the element even when nothing is drawn).\n    // Without one of the three, leaving the element out keeps recharts' own\n    // implicit axis — and every existing chart's geometry.\n    const hasRadiusAxis =\n      showRadiusAxis || radiusDomain !== undefined || radiusAxisReversed;\n    const seriesDefaults: RadarSeriesDefaults = {\n      fillOpacity,\n      strokeWidth,\n      showDots,\n      dotRadius,\n      activeDot,\n    };\n    const outerRadius = outerRadiusProp ?? 78;\n    const resolvedTickSize =\n      angleTickSize ?? (showLabels ? RADAR_LABEL_TICK_SIZE : 4);\n    // A percentage `outerRadius` is already fitted to the plot area by recharts,\n    // so only a fixed radius has a ring whose reach the box has to be sized to.\n    const plotBox = radarPlotBox(\n      typeof outerRadius === 'number'\n        ? outerRadius + resolvedTickSize + RADAR_TICK_TEXT_HALF_LINE\n        : undefined,\n      showLegend\n    );\n    // When the consumer supplies their own height (size-*, h-*, min-h-*, max-h-*)\n    // the plotBox.cy percentage — calibrated for the compact default heights — would\n    // shift the web too far up in a taller box. Fall back to recharts' default\n    // cy = height/2 in that case; a large container has room for ring + legend\n    // without the legend-band compensation radarPlotBox does.\n    const consumerOwnsHeight = /(?:^|\\s)(?:h-|size-|min-h-|max-h-)/.test(\n      className ?? ''\n    );\n    return (\n      <div\n        ref={ref}\n        data-grid-type={gridType}\n        // Default height matches the Figma geometry (187px plot + 32px legend),\n        // widening only when the category ring outgrows it (see `radarPlotBox`).\n        // The consumer's `className` is merged after the default, so a\n        // caller-supplied height (e.g. `h-[380px]`) wins via Tailwind's\n        // last-class-wins rule.\n        className={cn(\n          radarChartVariants({ gridType }),\n          plotBox.heightClass,\n          className\n        )}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          palette={palette}\n          // The shared container themes cartesian axis ticks but not polar ones,\n          // so scope the angle-axis (spoke) labels and the radius-axis scale to\n          // the muted-foreground / border tokens here — otherwise they render\n          // near-black (or recharts' raw `#ccc`) and vanish in dark mode. This\n          // is a shared-primitives gap (a Chart task); worked around locally, not\n          // by editing chart.tsx.\n          className={cn(\n            'size-full',\n            \"[&_.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\"\n          )}\n        >\n          <RechartsRadarChart\n            data={data as readonly unknown[]}\n            cx={cx}\n            cy={cy ?? (consumerOwnsHeight ? undefined : plotBox.cy)}\n            startAngle={startAngle}\n            endAngle={endAngle}\n            innerRadius={innerRadius}\n            outerRadius={outerRadius}\n            margin={margin}\n          >\n            {showTooltip && (\n              <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n            )}\n            {showGrid && (\n              <PolarGrid gridType={gridType ?? 'polygon'} radialLines={radialLines} />\n            )}\n            <PolarAngleAxis\n              dataKey={angleKey}\n              orientation={angleAxisOrientation}\n              axisLineType={angleAxisLineType}\n              // `showAngleAxis` hides the chrome rather than dropping the axis:\n              // the angle axis is also what maps a row to its category name, so\n              // removing it would leave the tooltip labelling rows by index.\n              tick={showAngleAxis}\n              axisLine={showAngleAxis && angleAxisLine}\n              tickLine={showAngleAxis && angleTickLine}\n              // Push the category ticks out when value labels are on. recharts\n              // gives a Radar's label list a *cartesian* viewBox (width/height 0\n              // at the vertex), so `top` offsets straight up in screen space —\n              // at the topmost vertex the value lands on its own category tick.\n              // The tick text is drawn at `outerRadius + tickSize`, so this is\n              // the only lever that adds *absolute* clearance: shrinking\n              // outerRadius scales the tick ring down with the polygon and keeps\n              // the overlap. Default 4px matches the Figma geometry when labels\n              // are off. The box grows to fit whatever this resolves to — see\n              // `radarPlotBox`.\n              tickSize={resolvedTickSize}\n            />\n            {hasRadiusAxis && (\n              <PolarRadiusAxis\n                angle={radiusAxisAngle}\n                orientation={radiusAxisOrientation}\n                domain={radiusDomain}\n                tickCount={radiusAxisTickCount}\n                reversed={radiusAxisReversed}\n                tick={showRadiusAxis}\n                axisLine={showRadiusAxis}\n              />\n            )}\n            {showLegend && (\n              <ChartLegend\n                verticalAlign=\"bottom\"\n                content={<ChartLegendContent verticalAlign=\"bottom\" />}\n              />\n            )}\n            {dataKeys.map((key) =>\n              radarSeries({\n                seriesKey: key,\n                style: radarSeriesStyle(\n                  key,\n                  seriesSettings?.[key],\n                  seriesDefaults\n                ),\n                animation,\n                showLabels,\n                labelPosition: radarLabelPosition,\n                labelFormatter,\n              })\n            )}\n          </RechartsRadarChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nRadarChart.displayName = 'RadarChart';\n\nexport { RadarChart, radarChartVariants };\n"],"mappings":";;;;;;;;;AAwCA,IAAM,IAAqB,EAAI,IAAI;CACjC,UAAU,EACR,UAAU;EACR,SAAS;EACT,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,UAAU,UACZ;AACF,CAAC;AA4CD,SAAgB,EACd,GACA,GACwD;CACxD,QAAQ,GAAR;EACE,KAAK,QACH,OAAO,CAAC,QAAQ,MAAM;EACxB,KAAK,SAMH,OAAO,CAAC,GAAG,MAAQ,KAAA,KAAa,OAAO,SAAS,CAAG,KAAK,IAAM,IAAI,IAAM,MAAM;EAChF,SACE;CACJ;AACF;AAgCA,SAAgB,EACd,GACA,GACA,GACkB;CAClB,IAAM,IAAO,GAAU,SAAS,eAAe,EAAI,IAC7C,IAAM,GAAU,OAAO,EAAS;CACtC,OAAO;EACL;EACA,QAAQ,GAAU,UAAU;EAC5B,aAAa,GAAU,eAAe,EAAS;EAC/C,aAAa,GAAU,eAAe,EAAS;EAC/C,KAAK,IAAM,EAAE,GAAG,GAAU,aAAa,EAAS,UAAU,IAAI;EAC9D,WAAW,GAAU,aAAa,EAAS;CAC7C;AACF;AA4LA,IAAM,IAAwB,IAgBxB,KAA4B,GAG5B,IAAkB,KAKlB,IAA2B,KAI3B,IAAoB;AA4B1B,SAAgB,EACd,GACA,GACc;CACd,IAAM,IAAO,MAAe,KAAA,KAAa,IAAa,IAAkB,GAClE,IAAW,IAAO,IAA2B;CAKnD,OAJK,IAIE;EAGL,aAAa,IAAO,cAAc;EAGlC,IAAI,GAAG,KAAK,MAAO,IAAW,KAAK,IAAW,KAAsB,GAAG,IAAI,IAAI;CACjF,IATS;EAAE,aAAa,IAAO,cAAc;EAAa,IAAI,KAAA;CAAU;AAU1E;AAYA,SAAS,GAAY,EACnB,cACA,UACA,cACA,eACA,kBACA,qBAQC;CACD,OACE,kBAAC,GAAD;EAEE,SAAS;EACT,QAAQ,EAAM;EACd,MAAM,EAAM;EACZ,aAAa,EAAM;EACnB,aAAa,EAAM;EACnB,KAAK,EAAM;EACX,WAAW,EAAM;EACjB,GAAI;EAEH,UAAA,KACC,kBAAC,GAAD;GACE,SAAS;GACT,UAAU;GACV,WAAW,EAAiB,CAAc;GAK1C,WAAW,EAAsB,GAAe,EAC9C,mBAAmB,GACrB,CAAC;GACD,UAAA;EACD,CAAA;CAEE,GAzBA,CAyBA;AAEX;AAEA,IAAM,IAAa,EAAM,YAErB,EACE,cACA,WACA,YACA,SACA,aACA,aACA,mBACA,cAAW,WACX,iBAAc,IACd,iBAAc,GACd,cAAW,IACX,eAAY,GACZ,cACA,cAAW,IACX,iBAAc,IACd,mBAAgB,IAChB,yBACA,mBAAgB,IAChB,sBACA,mBAAgB,IAChB,kBACA,oBAAiB,IACjB,oBACA,0BACA,qBACA,wBACA,wBACA,wBAAqB,IACrB,OACA,OACA,gBACA,aACA,gBACA,aAAa,GACb,WACA,kBAAc,IACd,gBAAa,IACb,oBACA,aACA,uBACA,oBACA,qBACA,gBAAa,IACb,mBACA,oBACA,GAAG,MAEL,OACG;CACH,IAAM,IAAY,GAAiB;EACjC;EACA;EACA;EACA;CACF,CAAC,GACK,KAAqB,MAAiB,OACtC,IAAe,EACnB,GACA,CACF,GAMM,KACJ,KAAkB,MAAiB,KAAA,KAAa,GAC5C,KAAsC;EAC1C;EACA;EACA;EACA;EACA;CACF,GACM,IAAc,KAAmB,IACjC,IACJ,MAAkB,IAAa,IAAwB,IAGnD,IAAU,EACd,OAAO,KAAgB,WACnB,IAAc,IAAmB,KACjC,KAAA,GACJ,CACF,GAMM,KAAqB,qCAAqC,KAC9D,KAAa,EACf;CACA,OACE,kBAAC,OAAD;EACO;EACL,kBAAgB;EAMhB,WAAW,EACT,EAAmB,EAAE,YAAS,CAAC,GAC/B,EAAQ,aACR,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,GAAD;GACU;GACC;GAOT,WAAW,EACT,aACA,ybACF;GAEA,UAAA,mBAAC,IAAD;IACQ;IACF;IACJ,IAAI,MAAO,KAAqB,KAAA,IAAY,EAAQ;IACxC;IACF;IACG;IACA;IACL;IARV,UAAA;KAUG,MACC,kBAAC,GAAD,EAAc,SAAS,MAAkB,kBAAC,GAAD,CAAsB,CAAA,EAAI,CAAA;KAEpE,KACC,kBAAC,IAAD;MAAW,UAAU,KAAY;MAAwB;KAAc,CAAA;KAEzE,kBAAC,GAAD;MACE,SAAS;MACT,aAAa;MACb,cAAc;MAId,MAAM;MACN,UAAU,KAAiB;MAC3B,UAAU,KAAiB;MAW3B,UAAU;KACX,CAAA;KACA,MACC,kBAAC,IAAD;MACE,OAAO;MACP,aAAa;MACb,QAAQ;MACR,WAAW;MACX,UAAU;MACV,MAAM;MACN,UAAU;KACX,CAAA;KAEF,KACC,kBAAC,GAAD;MACE,eAAc;MACd,SAAS,kBAAC,GAAD,EAAoB,eAAc,SAAU,CAAA;KACtD,CAAA;KAEF,EAAS,KAAK,MACb,GAAY;MACV,WAAW;MACX,OAAO,EACL,GACA,IAAiB,IACjB,EACF;MACA;MACA;MACA,eAAe;MACf;KACF,CAAC,CACH;IACkB;;EACN,CAAA;CACb,CAAA;AAET,CACF;AACA,EAAW,cAAc"}