npm - @acronis-platform/ui-react - Versions diffs - 5.4.3 → 5.4.5 - Mend

@acronis-platform/ui-react 5.4.3 → 5.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/ui/chart/chart.js +92 -88
package/dist/components/ui/chart/chart.js.map +1 -1
package/dist/components/ui/dialog/dialog.js +69 -67
package/dist/components/ui/dialog/dialog.js.map +1 -1
package/dist/index.js +106 -106
package/dist/llms.txt +1 -1
package/dist/react.js +106 -106
package/dist/ui-react.css +1 -1
package/package.json +3 -3

package/dist/components/ui/chart/chart.js CHANGED Viewed

@@ -1,21 +1,22 @@
 "use client";
 import { cn as e } from "../../../lib/utils.js";
-import { CHART_DEFAULT_PALETTE as t, CHART_DIVERGING_TOKENS as n, CHART_STATUS_TOKENS as r, resolveSeriesColor as i } from "./chart-palette.js";
-import * as a from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import * as l from "recharts";
+import { TruncateText as t } from "../truncate-text/truncate-text.js";
+import { CHART_DEFAULT_PALETTE as n, CHART_DIVERGING_TOKENS as r, CHART_STATUS_TOKENS as i, resolveSeriesColor as a } from "./chart-palette.js";
+import * as o from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import * as u from "recharts";
 //#region src/components/ui/chart/chart.tsx
-var u = /* @__PURE__ */ new Set();
-function d(e) {
+var d = /* @__PURE__ */ new Set();
+function f(e) {
 	let t = e.replace(/[^-a-zA-Z0-9_-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-	return process.env.NODE_ENV !== "production" && t !== e && !u.has(e) && (u.add(e), console.warn(`[ui-react] Chart config key "${e}" is not CSS-safe and was sanitized to "${t}". Use CSS-safe keys (ASCII letters, digits, hyphens, underscores, or non-ASCII characters) to avoid this.`)), t;
+	return process.env.NODE_ENV !== "production" && t !== e && !d.has(e) && (d.add(e), console.warn(`[ui-react] Chart config key "${e}" is not CSS-safe and was sanitized to "${t}". Use CSS-safe keys (ASCII letters, digits, hyphens, underscores, or non-ASCII characters) to avoid this.`)), t;
 }
-function f(e, t) {
-	let a = Object.entries(e), o = (e) => !!e.tone?.sameAs, s = {}, c = (e) => {
+function p(e, t) {
+	let n = Object.entries(e), o = (e) => !!e.tone?.sameAs, s = {}, c = (e) => {
 		process.env.NODE_ENV !== "production" && e && (e.status ? console.warn(`[ui-react] A chart series names a status ("${e.status}") under the "diverging" palette, which has no status tones. Ignoring.`) : typeof e.slot == "number" && console.warn(`[ui-react] A chart series pins slot ${e.slot} under the "diverging" palette, whose stops are a ramp and are not individually selectable. Ignoring.`));
 	};
 	if (t.type === "diverging") {
-		let e = n[t.pair], r = {
+		let e = r[t.pair], i = {
 			a: [
 				e[0],
 				e[2],
@@ -26,36 +27,36 @@ function f(e, t) {
 				e[3],
 				e[5]
 			]
-		}, i = {
+		}, a = {
 			a: 0,
 			b: 0
 		}, l = /* @__PURE__ */ new Set();
-		for (let [e, t] of a) {
+		for (let [e, t] of n) {
 			if (o(t) || !t.tone?.side) continue;
 			c(t.tone);
-			let n = t.tone.side, a = r[n], u = a[i[n]++ % a.length];
+			let n = t.tone.side, r = i[n], u = r[a[n]++ % r.length];
 			l.add(u), s[e] = {
 				...t,
 				color: u
 			};
 		}
 		let u = e.filter((e) => !l.has(e)), d = u.length > 0 ? u : e, f = 0;
-		for (let [e, t] of a) o(t) || t.tone?.side || (c(t.tone), s[e] = {
+		for (let [e, t] of n) o(t) || t.tone?.side || (c(t.tone), s[e] = {
 			...t,
 			color: d[f++ % d.length]
 		});
 	} else {
 		let e = 0;
-		for (let [n, r] of a) o(r) || (s[n] = {
-			...r,
-			color: i(t, {
+		for (let [r, i] of n) o(i) || (s[r] = {
+			...i,
+			color: a(t, {
 				index: e++,
-				tone: r.tone
+				tone: i.tone
 			})
 		});
 	}
 	let l = /* @__PURE__ */ new Map();
-	for (let [e, t] of a) o(t) && l.set(e, t.tone.sameAs);
+	for (let [e, t] of n) o(t) && l.set(e, t.tone.sameAs);
 	let u = !0;
 	for (; u && l.size > 0;) {
 		u = !1;
@@ -69,171 +70,174 @@ function f(e, t) {
 	}
 	for (let [t, n] of l) process.env.NODE_ENV !== "production" && console.warn(`[ui-react] Chart series "${t}" aliases "${n}", which is not a palette-assigned series in this config. Falling back to neutral.`), s[t] = {
 		...e[t],
-		color: r.neutral
+		color: i.neutral
 	};
-	return Object.fromEntries(a.map(([e]) => [e, s[e]]));
+	return Object.fromEntries(n.map(([e]) => [e, s[e]]));
 }
-var p = a.createContext(null);
-function m() {
-	let e = a.useContext(p);
+var m = o.createContext(null);
+function h() {
+	let e = o.useContext(m);
 	if (!e) throw Error("useChart must be used within a <ChartContainer />");
 	return e;
 }
-var h = a.forwardRef(function({ id: n, className: r, children: i, config: o, palette: u = t, ...d }, m) {
-	let h = a.useId(), _ = `chart-${n || h.replace(/:/g, "")}`, v = a.useMemo(() => f(o, u), [o, u]);
-	return /* @__PURE__ */ s(p.Provider, {
+var g = o.forwardRef(function({ id: t, className: r, children: i, config: a, palette: s = n, ...d }, f) {
+	let h = o.useId(), g = `chart-${t || h.replace(/:/g, "")}`, v = o.useMemo(() => p(a, s), [a, s]);
+	return /* @__PURE__ */ c(m.Provider, {
 		value: { config: v },
-		children: /* @__PURE__ */ c("div", {
-			ref: m,
-			id: n,
+		children: /* @__PURE__ */ l("div", {
+			ref: f,
+			id: t,
 			"data-slot": "chart",
-			"data-chart": _,
+			"data-chart": g,
 			className: e("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_.recharts-trapezoid[stroke='#fff']]:stroke-transparent", "[&_.recharts-brush-traveller:focus-visible]:[outline:3px_solid_var(--ui-focus-primary)] [&_.recharts-brush-traveller:focus-visible]:[outline-offset:1px]", "[&_.recharts-surface]:[direction:ltr] rtl:[&_.recharts-surface_foreignObject]:[direction:rtl]", r),
 			...d,
-			children: [/* @__PURE__ */ s(g, {
-				id: _,
+			children: [/* @__PURE__ */ c(_, {
+				id: g,
 				config: v
-			}), /* @__PURE__ */ s(l.ResponsiveContainer, { children: i })]
+			}), /* @__PURE__ */ c(u.ResponsiveContainer, { children: i })]
 		})
 	});
 });
-h.displayName = "ChartContainer";
-var g = ({ id: e, config: t }) => {
+g.displayName = "ChartContainer";
+var _ = ({ id: e, config: t }) => {
 	let n = Object.entries(t);
 	if (!n.length) return null;
 	if (process.env.NODE_ENV !== "production") {
 		let e = /* @__PURE__ */ new Map();
 		for (let [t] of n) {
-			let n = d(t), r = e.get(n);
+			let n = f(t), r = e.get(n);
 			r === void 0 ? e.set(n, t) : console.warn(`[ui-react] Chart config keys "${r}" and "${t}" both sanitize to "--color-${n}". One will overwrite the other — use unique CSS-safe keys.`);
 		}
 	}
-	return /* @__PURE__ */ s("style", { children: `[data-chart=${e}] {\n${n.map(([e, t]) => `  --color-${d(e)}: ${t.color};`).join("\n")}\n}` });
-}, _ = l.Tooltip;
-function v({ item: e, index: t, payload: n, itemConfig: r, indicatorColor: i, hideIndicator: a, formatter: l }) {
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ c("style", { children: `[data-chart=${e}] {\n${n.map(([e, t]) => `  --color-${f(e)}: ${t.color};`).join("\n")}\n}` });
+}, v = u.Tooltip;
+function y({ item: e, index: t, payload: n, itemConfig: r, indicatorColor: i, hideIndicator: a, formatter: o }) {
+	return /* @__PURE__ */ c("div", {
 		className: "flex w-full flex-wrap items-center gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-		children: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, n) : /* @__PURE__ */ c(o, { children: [r?.icon ? /* @__PURE__ */ s(r.icon, {}) : !a && /* @__PURE__ */ s("div", {
+		children: o && e?.value !== void 0 && e.name ? o(e.value, e.name, e, t, n) : /* @__PURE__ */ l(s, { children: [r?.icon ? /* @__PURE__ */ c(r.icon, {}) : !a && /* @__PURE__ */ c("div", {
 			className: "h-2.5 w-2.5 shrink-0 rounded-full",
 			style: { backgroundColor: i }
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "flex flex-1 items-center justify-between gap-4 leading-none",
-			children: [/* @__PURE__ */ s("span", {
+			children: [/* @__PURE__ */ c("span", {
 				className: "text-muted-foreground",
 				children: r?.label || e.name
-			}), e.value != null && /* @__PURE__ */ s("span", {
+			}), e.value != null && /* @__PURE__ */ c("span", {
 				className: "font-medium tabular-nums text-foreground",
 				children: e.value.toLocaleString()
 			})]
 		})] })
 	});
 }
-function y({ active: t, payload: n, label: r, className: i, hideLabel: o = !1, hideIndicator: l = !1, labelFormatter: u, formatter: d, labelClassName: f, color: p, nameKey: h, labelKey: g }) {
-	let { config: _ } = m(), y = a.useMemo(() => {
-		if (o || !n?.length) return null;
-		let [t] = n, i = `${g || t?.dataKey || t?.name || "value"}`, a = w(_, t, i), c = (() => {
-			let e = !g && typeof r == "string" ? _[r]?.label ?? r : a?.label;
+function b({ active: t, payload: n, label: r, className: i, hideLabel: a = !1, hideIndicator: s = !1, labelFormatter: u, formatter: d, labelClassName: f, color: p, nameKey: m, labelKey: g }) {
+	let { config: _ } = h(), v = o.useMemo(() => {
+		if (a || !n?.length) return null;
+		let [t] = n, i = `${g || t?.dataKey || t?.name || "value"}`, o = T(_, t, i), s = (() => {
+			let e = !g && typeof r == "string" ? _[r]?.label ?? r : o?.label;
 			return typeof e == "string" || typeof e == "number" ? e : void 0;
 		})();
-		return u ? /* @__PURE__ */ s("div", {
+		return u ? /* @__PURE__ */ c("div", {
 			className: e("font-medium", f),
-			children: u(c, n)
-		}) : c ? /* @__PURE__ */ s("div", {
+			children: u(s, n)
+		}) : s ? /* @__PURE__ */ c("div", {
 			className: e("font-medium", f),
-			children: c
+			children: s
 		}) : null;
 	}, [
 		r,
 		u,
 		n,
-		o,
+		a,
 		f,
 		_,
 		g
 	]);
-	return !t || !n?.length ? null : /* @__PURE__ */ c("div", {
+	return !t || !n?.length ? null : /* @__PURE__ */ l("div", {
 		className: e("grid min-w-[8rem] items-start gap-1.5 rounded-[var(--ui-tooltip-container-border-radius)] border border-border bg-background px-[var(--ui-tooltip-container-padding-x)] py-[var(--ui-tooltip-container-padding-y)] text-xs text-foreground shadow-md", i),
-		children: [y, /* @__PURE__ */ s("div", {
+		children: [v, /* @__PURE__ */ c("div", {
 			className: "grid gap-1.5",
 			children: n.map((e, t) => {
-				let r = `${h || e.name || e.dataKey || "value"}`;
-				return /* @__PURE__ */ s(v, {
+				let r = `${m || e.name || e.dataKey || "value"}`;
+				return /* @__PURE__ */ c(y, {
 					item: e,
 					index: t,
 					payload: n,
-					itemConfig: w(_, e, r),
+					itemConfig: T(_, e, r),
 					indicatorColor: p || e.payload.fill || e.color,
-					hideIndicator: l,
+					hideIndicator: s,
 					formatter: d
 				}, r);
 			})
 		})]
 	});
 }
-var b = l.Legend;
-function x({ item: t, itemConfig: n, valueKey: r, valueFormatter: i, valueClassName: a }) {
-	let o = r ? t.payload?.[r] : void 0, l = o == null ? void 0 : i ? i(o) : String(o);
-	return /* @__PURE__ */ c("div", {
+var x = u.Legend;
+function S({ item: n, itemConfig: r, valueKey: i, valueFormatter: a, valueClassName: o }) {
+	let s = i ? n.payload?.[i] : void 0, u = s == null ? void 0 : a ? a(s) : String(s), d = r?.label ?? n.value;
+	return /* @__PURE__ */ l("div", {
 		className: "flex w-full items-start gap-2 overflow-hidden",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "flex min-w-0 flex-1 items-center gap-2",
-			children: [n?.icon ? /* @__PURE__ */ s(n.icon, {}) : /* @__PURE__ */ s("div", {
+			children: [r?.icon ? /* @__PURE__ */ c(r.icon, {}) : /* @__PURE__ */ c("div", {
 				className: "h-2.5 w-2.5 shrink-0 rounded-full",
-				style: { backgroundColor: t.color }
-			}), /* @__PURE__ */ s("span", {
+				style: { backgroundColor: n.color }
+			}), typeof d == "string" || typeof d == "number" ? /* @__PURE__ */ c(t, {
+				className: "min-w-0 flex-1 text-xs text-foreground",
+				children: String(d)
+			}) : /* @__PURE__ */ c("span", {
 				className: "min-w-0 flex-1 truncate text-xs text-foreground",
-				children: n?.label ?? t.value
+				children: d
 			})]
-		}), l != null && /* @__PURE__ */ s("span", {
-			className: e("shrink-0 text-xs font-semibold text-[var(--ui-text-on-surface-link-idle)]", a),
-			children: l
+		}), u != null && /* @__PURE__ */ c("span", {
+			className: e("shrink-0 text-xs font-semibold text-[var(--ui-text-on-surface-link-idle)]", o),
+			children: u
 		})]
 	});
 }
-function S({ item: t, itemConfig: n, hideIcon: r }) {
-	return /* @__PURE__ */ c("div", {
+function C({ item: t, itemConfig: n, hideIcon: r }) {
+	return /* @__PURE__ */ l("div", {
 		className: e("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
-		children: [n?.icon && !r ? /* @__PURE__ */ s(n.icon, {}) : /* @__PURE__ */ s("div", {
+		children: [n?.icon && !r ? /* @__PURE__ */ c(n.icon, {}) : /* @__PURE__ */ c("div", {
 			className: "h-2.5 w-2.5 shrink-0 rounded-full",
 			style: { backgroundColor: t.color }
 		}), n?.label ?? t.value]
 	});
 }
-function C({ className: t, hideIcon: n = !1, payload: r, verticalAlign: i = "bottom", nameKey: o, config: c, variant: l = "default", valueKey: u, valueFormatter: d, valueClassName: f }) {
-	let m = a.useContext(p)?.config, h = c ?? m;
+function w({ className: t, hideIcon: n = !1, payload: r, verticalAlign: i = "bottom", nameKey: a, config: s, variant: l = "default", valueKey: u, valueFormatter: d, valueClassName: f }) {
+	let p = o.useContext(m)?.config, h = s ?? p;
 	if (!h) throw Error("ChartLegendContent must be used within a <ChartContainer /> or given a `config` prop");
-	return r?.length ? l === "list" ? /* @__PURE__ */ s("div", {
+	return r?.length ? l === "list" ? /* @__PURE__ */ c("div", {
 		"data-slot": "chart-legend",
 		className: e("flex flex-col", t),
 		children: r.map((e) => {
-			let t = `${o || e.dataKey || "value"}`;
-			return /* @__PURE__ */ s(x, {
+			let t = `${a || e.dataKey || "value"}`;
+			return /* @__PURE__ */ c(S, {
 				item: e,
-				itemConfig: w(h, e, t),
+				itemConfig: T(h, e, t),
 				valueKey: u,
 				valueFormatter: d,
 				valueClassName: f
 			}, e.value);
 		})
-	}) : /* @__PURE__ */ s("div", {
+	}) : /* @__PURE__ */ c("div", {
 		"data-slot": "chart-legend",
 		className: e("flex flex-wrap items-center justify-center gap-x-6 gap-y-2", i === "top" ? "pb-3" : "pt-3", t),
 		children: r.map((e) => {
-			let t = `${o || e.dataKey || "value"}`;
-			return /* @__PURE__ */ s(S, {
+			let t = `${a || e.dataKey || "value"}`;
+			return /* @__PURE__ */ c(C, {
 				item: e,
-				itemConfig: w(h, e, t),
+				itemConfig: T(h, e, t),
 				hideIcon: n
 			}, e.value);
 		})
 	}) : null;
 }
-function w(e, t, n) {
+function T(e, t, n) {
 	if (typeof t != "object" || !t) return;
 	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
 	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
 }
 //#endregion
-export { h as ChartContainer, b as ChartLegend, C as ChartLegendContent, g as ChartStyle, _ as ChartTooltip, y as ChartTooltipContent, f as resolveChartColors, d as toCssKey };
+export { g as ChartContainer, x as ChartLegend, w as ChartLegendContent, _ as ChartStyle, v as ChartTooltip, b as ChartTooltipContent, p as resolveChartColors, f as toCssKey };
 //# sourceMappingURL=chart.js.map

package/dist/components/ui/chart/chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chart.js","names":[],"sources":["../../../../src/components/ui/chart/chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\nimport type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';\nimport {\n NameType,\n Payload,\n ValueType,\n} from 'recharts/types/component/DefaultTooltipContent';\nimport type { Props as LegendProps } from 'recharts/types/component/Legend';\nimport { TooltipContentProps } from 'recharts/types/component/Tooltip';\n\nimport { cn } from '@/lib/utils';\nimport {\n CHART_DEFAULT_PALETTE,\n CHART_DIVERGING_TOKENS,\n CHART_STATUS_TOKENS,\n resolveSeriesColor,\n type ChartDivergingSide,\n type ChartPalette,\n type ChartSeriesTone,\n} from './chart-palette';\n\n/*\n Normalize a config key / data name to a CSS-safe custom-property fragment.\n \n A `--color-<key>` custom property is invalid when `key` contains a space or\n * other ASCII special character — the browser discards it, and the element\n * falls back to SVG's default black. This function replaces every invalid ASCII\n * character with a hyphen, collapses runs, and trims leading/trailing hyphens.\n \n Non-ASCII code points (U+0080+) are preserved: CSS Syntax Level 3\n * §4.3.7 classifies them as valid ident-code-points, so `--color-日本` and\n * `--color-Москва` are legal custom properties. Replacing them would collapse\n * all-non-ASCII keys to the empty string and silently make distinct series\n * collide on `--color-`.\n \n For an already-CSS-safe key (ASCII letters, digits, `-`, `_`) the output is\n * identical (identity), so existing consumers are unaffected. If the entire\n * input collapses to an empty string (e.g. all ASCII special characters),\n * `--color-` is produced — an edge case with no worse outcome than before.\n \n The dev-mode warning fires once per unique unsanitized key per page load,\n * so render loops (hover, re-render) do not flood the console.\n /\n// Tracks keys that have already triggered a dev warning — one per page load.\nconst _toCssKeyWarned = new Set<string>();\n\nexport function toCssKey(key: string): string {\n // Only strip ASCII characters that are not valid CSS ident chars.\n // U+0080+ are preserved — they are valid per CSS Syntax L3 §4.3.7.\n const safe = key\n .replace(/[^-a-zA-Z0-9_-]/g, '-')\n .replace(/-+/g, '-')\n .replace(/^-\|-$/g, '');\n\n if (process.env.NODE_ENV !== 'production' && safe !== key && !_toCssKeyWarned.has(key)) {\n _toCssKeyWarned.add(key);\n console.warn(\n `[ui-react] Chart config key \"${key}\" is not CSS-safe and was sanitized to \"${safe}\". ` +\n `Use CSS-safe keys (ASCII letters, digits, hyphens, underscores, or non-ASCII characters) to avoid this.`\n );\n }\n\n return safe;\n}\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode;\n icon?: React.ComponentType;\n /\n Which stop of the container's `palette` this series paints with. Left\n * unset, it is assigned from the series' position. See `ChartSeriesTone`.\n \n There is deliberately no free-form `color` here: every series colour\n * comes from the chart's palette, so a chart cannot paint a hue the design\n * system does not define. Pick a different palette on `ChartContainer`, or\n * a different stop of it with this.\n /\n tone?: ChartSeriesTone;\n };\n};\n\n/\n A `ChartConfig` with every series' palette colour filled in. This is what the\n * container puts on the context, so the plot, the tooltip rows and the legend\n * markers all read the same resolved colour.\n /\nexport type ResolvedChartConfig = {\n [k in string]: ChartConfig[string] & { color: string };\n};\n\n/\n Resolve each series' colour out of `palette` — in the palette's defined\n * order, honouring any `tone` a series named.\n \n Exported for tests and for the widget editor, which needs the same resolved\n * map to detect duplicate colours (`findDuplicateTones`) without re-deriving it.\n /\nexport function resolveChartColors(\n config: ChartConfig,\n palette: ChartPalette\n): ResolvedChartConfig {\n const entries = Object.entries(config);\n\n // An aliased series (`tone: { sameAs }`) doesn't take a stop of its own — it\n // is the same metric drawn a second way, so it must not consume a colour or\n // shift the series after it along the palette.\n const isAlias = (item: ChartConfig[string]) => Boolean(item.tone?.sameAs);\n const resolved: Record<string, ChartConfig[string] & { color: string }> = {};\n\n // Warn about overrides that are meaningless under a diverging palette.\n // resolveSeriesColor issues the same warnings for every other palette type,\n // but the diverging branch below bypasses it, so we replicate the check here\n // to preserve the documented dev-warning contract (see ChartSeriesTone).\n const warnDivergingMismatch = (tone: ChartSeriesTone \| undefined) => {\n if (process.env.NODE_ENV !== 'production' && tone) {\n if (tone.status) {\n console.warn(\n `[ui-react] A chart series names a status (\"${tone.status}\") under the \"diverging\" palette, which has no status tones. Ignoring.`\n );\n } else if (typeof tone.slot === 'number') {\n console.warn(\n `[ui-react] A chart series pins slot ${tone.slot} under the \"diverging\" palette, whose stops are a ramp and are not individually selectable. Ignoring.`\n );\n }\n }\n };\n\n if (palette.type === 'diverging') {\n const interleavedStops = CHART_DIVERGING_TOKENS[palette.pair];\n // Derive each side's three stops from the interleaved ramp (a at even\n // indices, b at odd indices): a3, a2, a1 and b3, b2, b1.\n const sideStops: Record<ChartDivergingSide, readonly string[]> = {\n a: [interleavedStops[0], interleavedStops[2], interleavedStops[4]],\n b: [interleavedStops[1], interleavedStops[3], interleavedStops[5]],\n };\n\n // First pass: assign sided series — group by side, each group walks its\n // side's three stops strongest-first, wrapping if there are more than three.\n const sideCounters: Record<ChartDivergingSide, number> = { a: 0, b: 0 };\n const takenStops = new Set<string>();\n for (const [key, item] of entries) {\n if (isAlias(item) \|\| !item.tone?.side) continue;\n warnDivergingMismatch(item.tone);\n const side = item.tone.side;\n const stops = sideStops[side];\n const stop = stops[sideCounters[side]++ % stops.length];\n takenStops.add(stop);\n resolved[key] = { ...item, color: stop };\n }\n\n // Second pass: assign un-sided series from the remaining interleaved stops,\n // skipping any stop already claimed by a sided series. Fall back to the\n // full interleaved ramp if all stops were consumed.\n const available = interleavedStops.filter((s) => !takenStops.has(s));\n const pool = available.length > 0 ? available : interleavedStops;\n let unsidedIdx = 0;\n for (const [key, item] of entries) {\n if (isAlias(item) \|\| item.tone?.side) continue;\n warnDivergingMismatch(item.tone);\n resolved[key] = { ...item, color: pool[unsidedIdx++ % pool.length] };\n }\n } else {\n let index = 0;\n for (const [key, item] of entries) {\n if (isAlias(item)) continue;\n resolved[key] = {\n ...item,\n color: resolveSeriesColor(palette, { index: index++, tone: item.tone }),\n };\n }\n }\n\n // An alias may point at another alias, in any order, so a single pass over\n // the aliases can miss a chain that is fully resolvable. Keep sweeping the\n // pending set until nothing more resolves; what is left is a cycle or a\n // target that isn't in this config at all.\n const pending = new Map<string, string>();\n for (const [key, item] of entries) {\n if (isAlias(item)) {\n pending.set(key, item.tone!.sameAs as string);\n }\n }\n\n let changed = true;\n while (changed && pending.size > 0) {\n changed = false;\n for (const [key, target] of pending) {\n const targetColor = resolved[target]?.color;\n if (targetColor !== undefined) {\n resolved[key] = { ...config[key], color: targetColor };\n pending.delete(key);\n changed = true;\n }\n }\n }\n\n for (const [key, target] of pending) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n `[ui-react] Chart series \"${key}\" aliases \"${target}\", which is not a palette-assigned series in this config. Falling back to neutral.`\n );\n }\n resolved[key] = { ...config[key], color: CHART_STATUS_TOKENS.neutral };\n }\n\n // Rebuilt in the config's own order: the passes above visit non-aliases\n // first, and callers (legend order, `Object.entries` consumers) rely on the\n // order they wrote.\n return Object.fromEntries(entries.map(([key]) => [key, resolved[key]]));\n}\n\ntype ChartContextProps = {\n config: ResolvedChartConfig;\n};\n\nexport type ChartTooltipContentProps = Partial<\n TooltipContentProps<ValueType, NameType>\n> & {\n className?: string;\n hideLabel?: boolean;\n hideIndicator?: boolean;\n nameKey?: string;\n labelKey?: string;\n labelFormatter?: (\n label: TooltipContentProps<number, string>['label'],\n payload: TooltipContentProps<number, string>['payload']\n ) => React.ReactNode;\n formatter?: (\n value: number \| string,\n name: string,\n item: Payload<number \| string, string>,\n index: number,\n payload: ReadonlyArray<Payload<number \| string, string>>\n ) => React.ReactNode;\n labelClassName?: string;\n color?: string;\n};\n\nexport type ChartLegendContentProps = {\n className?: string;\n hideIcon?: boolean;\n verticalAlign?: LegendProps['verticalAlign'];\n payload?: LegendPayload[];\n nameKey?: string;\n /\n The series config the entries take their labels and icons from. Defaults to\n * the enclosing `ChartContainer`'s — pass it only to render the legend outside\n * the container, which a chart type has to do when the renderer can't lay a\n * legend out inside its plot (see `Treemap`).\n /\n config?: ChartConfig;\n /\n `default` — the current horizontal wrap layout (one row of chips).\n * `list` — a vertical list where each entry is `[dot] [label flex-1] [value]`,\n * matching the Figma donut/radial widget legend. Use alongside a manually-built\n * `payload` passed from outside the chart's recharts composition.\n /\n variant?: 'default' \| 'list';\n /\n When `variant=\"list\"`, the field on `payload[i].payload` to display as the\n * right-hand value. Typically the chart's `dataKey` (the numeric series field).\n /\n valueKey?: string;\n /\n Format the value shown in each list entry. When omitted the raw value is\n * stringified with `String()`.\n /\n valueFormatter?: (value: string \| number) => string;\n /\n Extra Tailwind class(es) applied to the right-hand value in a list entry,\n * merged on top of the default colour (`text-[var(--ui-text-on-surface-link-idle)]`).\n * Pass a replacement colour class to override the default; other utilities\n * (e.g. `tabular-nums`) are additive and leave the default colour in place.\n /\n valueClassName?: string;\n};\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null);\n\nfunction useChart() {\n const context = React.useContext(ChartContext);\n\n if (!context) {\n throw new Error('useChart must be used within a <ChartContainer />');\n }\n\n return context;\n}\n\nexport interface ChartContainerProps extends React.ComponentProps<'div'> {\n /\n The series this chart draws, keyed by data field.\n \n Declare exactly what the chart plots. A stop is assigned by an entry's\n * position here, not by which series end up rendered, so an entry for a\n * series the chart doesn't draw still consumes a colour and shifts the ones\n * that follow it. (That is deliberate: a series then keeps its colour when a\n * sibling is toggled off, instead of the whole chart recolouring.)\n /\n config: ChartConfig;\n /\n The dataviz palette this chart's series are painted from. Series take a\n * stop of it in the palette's defined order, or the one their `tone` names.\n * Defaults to `categorical` — there is no \"no palette\" state.\n /\n palette?: ChartPalette;\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >['children'];\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(\n function ChartContainer(\n { id, className, children, config, palette = CHART_DEFAULT_PALETTE, ...props },\n ref\n ) {\n const uniqueId = React.useId();\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, '')}`;\n // Resolved once and shared with the context, so the tooltip rows and legend\n // markers read the same colors the plot paints with.\n const resolvedConfig = React.useMemo(\n () => resolveChartColors(config, palette),\n [config, palette]\n );\n\n return (\n <ChartContext.Provider value={{ config: resolvedConfig }}>\n <div\n ref={ref}\n id={id}\n data-slot=\"chart\"\n data-chart={chartId}\n // The `[stroke='#fff']` rules undo recharts' hardcoded white outlines —\n // on pie/radial sectors, line dots and funnel trapezoids. They don't\n // follow the theme, so in dark mode they read as a light hairline around\n // every segment.\n className={cn(\n \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_.recharts-trapezoid[stroke='#fff']]:stroke-transparent\",\n // A `<Brush>` traveller is the one `.recharts-layer` that is a real\n // control (`role=\"slider\"`, tabbable, arrow-key driven), so the blanket\n // `outline-hidden` above would leave it with no focus indicator. Restore\n // one — the `:focus-visible` pseudo-class outranks that rule, so this\n // wins regardless of the order Tailwind emits them in. An `outline`\n // rather than the usual `ring`: box-shadow doesn't paint on SVG children.\n '[&_.recharts-brush-traveller:focus-visible]:[outline:3px_solid_var(--ui-focus-primary)] [&_.recharts-brush-traveller:focus-visible]:[outline-offset:1px]',\n // recharts anchors its axis tick text with the direction-relative\n // SVG keywords (`text-anchor: start\|end`, see `getTickTextAnchor` in\n // `CartesianAxis`), while placing every mark at a computed physical\n // coordinate. Inheriting `direction: rtl` therefore flips only the\n // text: an `end`-anchored Y tick mirrors about its anchor and lands\n // inside the plot (measured: +24px to +39px), rotated ticks shift\n // ~+15px, and a `ReferenceLine` label at the right edge overflows the\n // surface. Pinning the surface keeps the plot's own coordinate system\n // consistent with the geometry recharts computed for it. The chrome\n // that should* mirror — tooltip and legend — is HTML outside\n // `.recharts-surface`, so it is unaffected.\n //\n // `Treemap` is the exception: its cell labels are HTML in a\n // `<foreignObject>` inside the surface, put there precisely so they\n // mirror with the page (see `treemap.tsx`). That is ordinary flow\n // layout, not a computed SVG coordinate, so the pin has to stop at the\n // `<foreignObject>` boundary and hand the page's direction back.\n '[&_.recharts-surface]:[direction:ltr] rtl:[&_.recharts-surface_foreignObject]:[direction:rtl]',\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={resolvedConfig} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n );\n }\n);\n\nChartContainer.displayName = 'ChartContainer';\n\nconst ChartStyle = ({\n id,\n config,\n}: {\n id: string;\n config: ResolvedChartConfig;\n}) => {\n const entries = Object.entries(config);\n\n if (!entries.length) {\n return null;\n }\n\n // One block, no light/dark split: every colour is now a `--ui-dataviz-`\n // token, and those are `light-dark()` pairs that follow `color-scheme`\n // themselves. The old per-theme `[data-theme='dark']` duplication existed\n // only for hand-written `theme: { light, dark }` config entries, which the\n // palette replaced.\n //\n // Rendered as a text child (not dangerouslySetInnerHTML): React sets it via\n // textContent, which the browser does not HTML-parse, so a `</style>` in a\n // colour can't break out of the tag.\n if (process.env.NODE_ENV !== 'production') {\n const seen = new Map<string, string>();\n for (const [key] of entries) {\n const safe = toCssKey(key);\n const prior = seen.get(safe);\n if (prior !== undefined) {\n console.warn(\n `[ui-react] Chart config keys \"${prior}\" and \"${key}\" both sanitize to \"--color-${safe}\". ` +\n `One will overwrite the other — use unique CSS-safe keys.`\n );\n } else {\n seen.set(safe, key);\n }\n }\n }\n\n return (\n <style>\n {`[data-chart=${id}] {\\n${entries\n .map(([key, itemConfig]) => ` --color-${toCssKey(key)}: ${itemConfig.color};`)\n .join('\\n')}\\n}`}\n </style>\n );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* The `content` a caller passes to override the default tooltip (recharts' `Tooltip['content']`). /\nexport type ChartTooltipContentType = React.ComponentProps<\n typeof ChartTooltip\n>['content'];\n\n/\n What `getPayloadConfigFromPayload` resolves a payload item to — the lookup can\n * miss, so every consumer has to cope with `undefined`. Derived from the helper\n * rather than restated, so the two can't drift.\n /\ntype ChartItemConfig = ReturnType<typeof getPayloadConfigFromPayload>;\n\n/* One row of the tooltip's payload, after the `active`/empty guard. /\ntype ChartTooltipItem = NonNullable<\n ChartTooltipContentProps['payload']\n>[number];\n\n/\n One tooltip row. Its own three-way branching (caller formatter, config icon,\n * default dot) is what drove the nesting in `ChartTooltipContent`; as a\n * component the map body reads as a single element.\n /\nfunction ChartTooltipRow({\n item,\n index,\n payload,\n itemConfig,\n indicatorColor,\n hideIndicator,\n formatter,\n}: {\n item: ChartTooltipItem;\n index: number;\n payload: NonNullable<ChartTooltipContentProps['payload']>;\n itemConfig: ChartItemConfig;\n indicatorColor?: string;\n hideIndicator: boolean;\n formatter: ChartTooltipContentProps['formatter'];\n}) {\n return (\n <div className=\"flex w-full flex-wrap items-center gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\">\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n // A row is always dotted, whatever marker the legend\n // gives that series.\n <div\n className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n style={{ backgroundColor: indicatorColor }}\n />\n )\n )}\n {/\n * `gap-4` puts a floor under the name/value separation.\n * `justify-between` alone only separates them while the\n * container has free space to distribute — which the tooltip's\n * `min-w-[8rem]` guarantees for a short value and not for a\n * long one (a currency `tickFormatter`, a `labelFormatter`\n * with units, a value plus its share), where the two would\n * otherwise butt up against each other. A minimum, so a row\n * with slack renders as before.\n /}\n <div className=\"flex flex-1 items-center justify-between gap-4 leading-none\">\n <span className=\"text-muted-foreground\">\n {itemConfig?.label \|\| item.name}\n </span>\n {item.value != null && (\n <span className=\"font-medium tabular-nums text-foreground\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n );\n}\n\nfunction ChartTooltipContent({\n active,\n payload,\n label,\n className,\n hideLabel = false,\n hideIndicator = false,\n labelFormatter,\n formatter,\n labelClassName,\n color,\n nameKey,\n labelKey,\n}: ChartTooltipContentProps) {\n const { config } = useChart();\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel \|\| !payload?.length) {\n return null;\n }\n\n const [item] = payload;\n const key = `${labelKey \|\| item?.dataKey \|\| item?.name \|\| 'value'}`;\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\n const value = (() => {\n const v =\n !labelKey && typeof label === 'string'\n ? (config[label as keyof typeof config]?.label ?? label)\n : itemConfig?.label;\n\n return typeof v === 'string' \|\| typeof v === 'number' ? v : undefined;\n })();\n\n if (labelFormatter) {\n return (\n <div className={cn('font-medium', labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n );\n }\n\n if (!value) {\n return null;\n }\n\n return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ]);\n\n if (!active \|\| !payload?.length) {\n return null;\n }\n\n return (\n <div\n className={cn(\n 'grid min-w-[8rem] items-start gap-1.5 rounded-[var(--ui-tooltip-container-border-radius)] border border-border bg-background px-[var(--ui-tooltip-container-padding-x)] py-[var(--ui-tooltip-container-padding-y)] text-xs text-foreground shadow-md',\n className\n )}\n >\n {tooltipLabel}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| 'value'}`;\n\n return (\n <ChartTooltipRow\n key={key}\n item={item}\n index={index}\n payload={payload}\n itemConfig={getPayloadConfigFromPayload(config, item, key)}\n indicatorColor={color \|\| item.payload.fill \|\| item.color}\n hideIndicator={hideIndicator}\n formatter={formatter}\n />\n );\n })}\n </div>\n </div>\n );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/\n One entry in the `variant=\"list\"` legend: `[dot] [label flex-1] [value]`.\n \n The dot is always a circle, regardless of the series' recharts type — the\n * list layout is only used for polar charts (donut, radial) where the fill\n * marker matches the slice/arc color.\n /\nfunction ChartLegendListEntry({\n item,\n itemConfig,\n valueKey,\n valueFormatter,\n valueClassName,\n}: {\n item: LegendPayload;\n itemConfig: ChartItemConfig;\n valueKey?: string;\n valueFormatter?: (value: string \| number) => string;\n valueClassName?: string;\n}) {\n const raw = valueKey\n ? (item.payload as Record<string, unknown> \| undefined)?.[valueKey]\n : undefined;\n const displayValue =\n raw != null\n ? valueFormatter\n ? valueFormatter(raw as string \| number)\n : String(raw)\n : undefined;\n\n return (\n <div className=\"flex w-full items-start gap-2 overflow-hidden\">\n <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n style={{ backgroundColor: item.color }}\n />\n )}\n <span className=\"min-w-0 flex-1 truncate text-xs text-foreground\">\n {itemConfig?.label ?? item.value}\n </span>\n </div>\n {displayValue != null && (\n <span\n className={cn(\n 'shrink-0 text-xs font-semibold text-[var(--ui-text-on-surface-link-idle)]',\n valueClassName\n )}\n >\n {displayValue}\n </span>\n )}\n </div>\n );\n}\n\n/\n One legend entry. Split out so the marker it has to derive from the payload\n * sits next to the markup that uses it, instead of above a nested map body.\n /\nfunction ChartLegendEntry({\n item,\n itemConfig,\n hideIcon,\n}: {\n item: LegendPayload;\n itemConfig: ChartItemConfig;\n hideIcon: boolean;\n}) {\n return (\n <div\n className={cn(\n 'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground'\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n style={{ backgroundColor: item.color }}\n />\n )}\n {/\n * Falls back to the series key, the way the tooltip row and the\n * treemap's on-cell label both do. `label` is optional on a\n * `ChartConfig` entry, and `getPayloadConfigFromPayload` can miss\n * entirely, so without this an entry renders as a marker with no\n * text — worst on the charts whose legend is the only place a series\n * is named.\n */}\n {itemConfig?.label ?? item.value}\n </div>\n );\n}\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = 'bottom',\n nameKey,\n config: configFromProps,\n variant = 'default',\n valueKey,\n valueFormatter,\n valueClassName,\n}: ChartLegendContentProps) {\n // The context read directly rather than through `useChart()`: a caller that\n // passes its own `config` is rendering the legend outside the container, where\n // the context is absent by design rather than by mistake. Every other caller\n // still gets `useChart()`'s error — the legend has no way to label itself\n // without a config, and failing loudly beats rendering an empty row.\n const contextConfig = React.useContext(ChartContext)?.config;\n const config = configFromProps ?? contextConfig;\n\n if (!config) {\n throw new Error(\n 'ChartLegendContent must be used within a <ChartContainer /> or given a `config` prop'\n );\n }\n\n if (!payload?.length) {\n return null;\n }\n\n if (variant === 'list') {\n return (\n <div data-slot=\"chart-legend\" className={cn('flex flex-col', className)}>\n {payload.map((item) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`;\n return (\n <ChartLegendListEntry\n key={item.value}\n item={item}\n itemConfig={getPayloadConfigFromPayload(config, item, key)}\n valueKey={valueKey}\n valueFormatter={valueFormatter}\n valueClassName={valueClassName}\n />\n );\n })}\n </div>\n );\n }\n\n return (\n <div\n data-slot=\"chart-legend\"\n className={cn(\n // Wraps rather than overflowing: a legend with many entries (a treemap's\n // one-per-tile, a pie's one-per-slice) is wider than the chart on a narrow\n // surface, and a row that can't wrap paints past the chart's edge. The\n // column gap is unchanged, so a legend that already fits on one row keeps\n // its exact layout.\n 'flex flex-wrap items-center justify-center gap-x-6 gap-y-2',\n verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`;\n\n return (\n <ChartLegendEntry\n key={item.value}\n item={item}\n itemConfig={getPayloadConfigFromPayload(config, item, key)}\n hideIcon={hideIcon}\n />\n );\n })}\n </div>\n );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== 'object' \|\| payload === null) {\n return undefined;\n }\n\n const payloadPayload =\n 'payload' in payload &&\n typeof payload.payload === 'object' &&\n payload.payload !== null\n ? payload.payload\n : undefined;\n\n let configLabelKey: string = key;\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === 'string'\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string;\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string;\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config];\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n};\n"],"mappings":";;;;;;;AA+CA,IAAM,oBAAkB,IAAI,IAAY;AAExC,SAAgB,EAAS,GAAqB;CAG5C,IAAM,IAAO,EACV,QAAQ,sBAAsB,GAAG,CAAC,CAClC,QAAQ,OAAO,GAAG,CAAC,CACnB,QAAQ,UAAU,EAAE;CAUvB,OARA,QAAA,IAAA,aAA6B,gBAAgB,MAAS,KAAO,CAAC,EAAgB,IAAI,CAAG,MACnF,EAAgB,IAAI,CAAG,GACvB,QAAQ,KACN,gCAAgC,EAAI,0CAA0C,EAAK,2GAErF,IAGK;AACT;AAmCA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAU,OAAO,QAAQ,CAAM,GAK/B,KAAW,MAA8B,EAAQ,EAAK,MAAM,QAC5D,IAAoE,CAAC,GAMrE,KAAyB,MAAsC;EACnE,AAAA,QAAA,IAAA,aAA6B,gBAAgB,MACvC,EAAK,SACP,QAAQ,KACN,8CAA8C,EAAK,OAAO,uEAC5D,IACS,OAAO,EAAK,QAAS,YAC9B,QAAQ,KACN,uCAAuC,EAAK,KAAK,sGACnD;CAGN;CAEA,IAAI,EAAQ,SAAS,aAAa;EAChC,IAAM,IAAmB,EAAuB,EAAQ,OAGlD,IAA2D;GAC/D,GAAG;IAAC,EAAiB;IAAI,EAAiB;IAAI,EAAiB;GAAE;GACjE,GAAG;IAAC,EAAiB;IAAI,EAAiB;IAAI,EAAiB;GAAE;EACnE,GAIM,IAAmD;GAAE,GAAG;GAAG,GAAG;EAAE,GAChE,oBAAa,IAAI,IAAY;EACnC,KAAK,IAAM,CAAC,GAAK,MAAS,GAAS;GACjC,IAAI,EAAQ,CAAI,KAAK,CAAC,EAAK,MAAM,MAAM;GACvC,EAAsB,EAAK,IAAI;GAC/B,IAAM,IAAO,EAAK,KAAK,MACjB,IAAQ,EAAU,IAClB,IAAO,EAAM,EAAa,EAAK,KAAK,EAAM;GAEhD,AADA,EAAW,IAAI,CAAI,GACnB,EAAS,KAAO;IAAE,GAAG;IAAM,OAAO;GAAK;EACzC;EAKA,IAAM,IAAY,EAAiB,QAAQ,MAAM,CAAC,EAAW,IAAI,CAAC,CAAC,GAC7D,IAAO,EAAU,SAAS,IAAI,IAAY,GAC5C,IAAa;EACjB,KAAK,IAAM,CAAC,GAAK,MAAS,GACpB,EAAQ,CAAI,KAAK,EAAK,MAAM,SAChC,EAAsB,EAAK,IAAI,GAC/B,EAAS,KAAO;GAAE,GAAG;GAAM,OAAO,EAAK,MAAe,EAAK;EAAQ;CAEvE,OAAO;EACL,IAAI,IAAQ;EACZ,KAAK,IAAM,CAAC,GAAK,MAAS,GACpB,EAAQ,CAAI,MAChB,EAAS,KAAO;GACd,GAAG;GACH,OAAO,EAAmB,GAAS;IAAE,OAAO;IAAS,MAAM,EAAK;GAAK,CAAC;EACxE;CAEJ;CAMA,IAAM,oBAAU,IAAI,IAAoB;CACxC,KAAK,IAAM,CAAC,GAAK,MAAS,GACxB,AAAI,EAAQ,CAAI,KACd,EAAQ,IAAI,GAAK,EAAK,KAAM,MAAgB;CAIhD,IAAI,IAAU;CACd,OAAO,KAAW,EAAQ,OAAO,IAAG;EAClC,IAAU;EACV,KAAK,IAAM,CAAC,GAAK,MAAW,GAAS;GACnC,IAAM,IAAc,EAAS,EAAO,EAAE;GACtC,AAAI,MAAgB,KAAA,MAClB,EAAS,KAAO;IAAE,GAAG,EAAO;IAAM,OAAO;GAAY,GACrD,EAAQ,OAAO,CAAG,GAClB,IAAU;EAEd;CACF;CAEA,KAAK,IAAM,CAAC,GAAK,MAAW,GAM1B,AALA,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,4BAA4B,EAAI,aAAa,EAAO,mFACtD,GAEF,EAAS,KAAO;EAAE,GAAG,EAAO;EAAM,OAAO,EAAoB;CAAQ;CAMvE,OAAO,OAAO,YAAY,EAAQ,KAAK,CAAC,OAAS,CAAC,GAAK,EAAS,EAAI,CAAC,CAAC;AACxE;AAoEA,IAAM,IAAe,EAAM,cAAwC,IAAI;AAEvE,SAAS,IAAW;CAClB,IAAM,IAAU,EAAM,WAAW,CAAY;CAE7C,IAAI,CAAC,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAO;AACT;AAwBA,IAAM,IAAiB,EAAM,WAC3B,SACE,EAAE,OAAI,cAAW,aAAU,WAAQ,aAAU,GAAuB,GAAG,KACvE,GACA;CACF,IAAM,IAAW,EAAM,MAAM,GACvB,IAAU,SAAS,KAAM,EAAS,QAAQ,MAAM,EAAE,KAGlD,IAAiB,EAAM,cACrB,EAAmB,GAAQ,CAAO,GACxC,CAAC,GAAQ,CAAO,CAClB;CAEA,OACE,kBAAC,EAAa,UAAd;EAAuB,OAAO,EAAE,QAAQ,EAAe;EACrD,UAAA,kBAAC,OAAD;GACO;GACD;GACJ,aAAU;GACV,cAAY;GAKZ,WAAW,EACT,ytBAOA,4JAkBA,iGACA,CACF;GACA,GAAI;GAtCN,UAAA,CAwCE,kBAAC,GAAD;IAAY,IAAI;IAAS,QAAQ;GAAiB,CAAA,GAClD,kBAAC,EAAkB,qBAAnB,EACG,YACoC,CAAA,CACpC;;CACgB,CAAA;AAEzB,CACF;AAEA,EAAe,cAAc;AAE7B,IAAM,KAAc,EAClB,OACA,gBAII;CACJ,IAAM,IAAU,OAAO,QAAQ,CAAM;CAErC,IAAI,CAAC,EAAQ,QACX,OAAO;CAYT,IAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,IAAM,oBAAO,IAAI,IAAoB;EACrC,KAAK,IAAM,CAAC,MAAQ,GAAS;GAC3B,IAAM,IAAO,EAAS,CAAG,GACnB,IAAQ,EAAK,IAAI,CAAI;GAC3B,AAAI,MAAU,KAAA,IAMZ,EAAK,IAAI,GAAM,CAAG,IALlB,QAAQ,KACN,iCAAiC,EAAM,SAAS,EAAI,8BAA8B,EAAK,4DAEzF;EAIJ;CACF;CAEA,OACE,kBAAC,SAAD,EAAA,UACG,eAAe,EAAG,OAAO,EACvB,KAAK,CAAC,GAAK,OAAgB,aAAa,EAAS,CAAG,EAAE,IAAI,EAAW,MAAM,EAAE,CAAC,CAC9E,KAAK,IAAI,EAAE,KACT,CAAA;AAEX,GAEM,IAAe,EAAkB;AAwBvC,SAAS,EAAgB,EACvB,SACA,UACA,YACA,eACA,mBACA,kBACA,gBASC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,KAAa,GAAM,UAAU,KAAA,KAAa,EAAK,OAC9C,EAAU,EAAK,OAAO,EAAK,MAAM,GAAM,GAAO,CAAO,IAErD,kBAAA,GAAA,EAAA,UAAA,CACG,GAAY,OACX,kBAAC,EAAW,MAAZ,CAAkB,CAAA,IAElB,CAAC,KAGC,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,EAAe;EAC1C,CAAA,GAaL,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;IACb,UAAA,GAAY,SAAS,EAAK;GACvB,CAAA,GACL,EAAK,SAAS,QACb,kBAAC,QAAD;IAAM,WAAU;IACb,UAAA,EAAK,MAAM,eAAe;GACvB,CAAA,CAEL;EACL,CAAA,CAAA,EAAA,CAAA;CAED,CAAA;AAET;AAEA,SAAS,EAAoB,EAC3B,WACA,YACA,UACA,cACA,eAAY,IACZ,mBAAgB,IAChB,mBACA,cACA,mBACA,UACA,YACA,eAC2B;CAC3B,IAAM,EAAE,cAAW,EAAS,GAEtB,IAAe,EAAM,cAAc;EACvC,IAAI,KAAa,CAAC,GAAS,QACzB,OAAO;EAGT,IAAM,CAAC,KAAQ,GACT,IAAM,GAAG,KAAY,GAAM,WAAW,GAAM,QAAQ,WACpD,IAAa,EAA4B,GAAQ,GAAM,CAAG,GAC1D,WAAe;GACnB,IAAM,IACJ,CAAC,KAAY,OAAO,KAAU,WACzB,EAAO,EAA6B,EAAE,SAAS,IAChD,GAAY;GAElB,OAAO,OAAO,KAAM,YAAY,OAAO,KAAM,WAAW,IAAI,KAAA;EAC9D,EAAA,CAAG;EAcH,OAZI,IAEA,kBAAC,OAAD;GAAK,WAAW,EAAG,eAAe,CAAc;GAC7C,UAAA,EAAe,GAAO,CAAO;EAC3B,CAAA,IAIJ,IAIE,kBAAC,OAAD;GAAK,WAAW,EAAG,eAAe,CAAc;GAAI,UAAA;EAAW,CAAA,IAH7D;CAIX,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAMD,OAJI,CAAC,KAAU,CAAC,GAAS,SAChB,OAIP,kBAAC,OAAD;EACE,WAAW,EACT,wPACA,CACF;EAJF,UAAA,CAMG,GACD,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,EAAQ,KAAK,GAAM,MAAU;IAC5B,IAAM,IAAM,GAAG,KAAW,EAAK,QAAQ,EAAK,WAAW;IAEvD,OACE,kBAAC,GAAD;KAEQ;KACC;KACE;KACT,YAAY,EAA4B,GAAQ,GAAM,CAAG;KACzD,gBAAgB,KAAS,EAAK,QAAQ,QAAQ,EAAK;KACpC;KACJ;IACZ,GARM,CAQN;GAEL,CAAC;EACE,CAAA,CACF;;AAET;AAEA,IAAM,IAAc,EAAkB;AAStC,SAAS,EAAqB,EAC5B,SACA,eACA,aACA,mBACA,qBAOC;CACD,IAAM,IAAM,IACP,EAAK,UAAkD,KACxD,KAAA,GACE,IACJ,KAAO,OAIH,KAAA,IAHA,IACE,EAAe,CAAsB,IACrC,OAAO,CAAG;CAGlB,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,GAAY,OACX,kBAAC,EAAW,MAAZ,CAAkB,CAAA,IAElB,kBAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,EAAK,MAAM;GACtC,CAAA,GAEH,kBAAC,QAAD;IAAM,WAAU;IACb,UAAA,GAAY,SAAS,EAAK;GACvB,CAAA,CACH;EACJ,CAAA,GAAA,KAAgB,QACf,kBAAC,QAAD;GACE,WAAW,EACT,6EACA,CACF;GAEC,UAAA;EACG,CAAA,CAEL;;AAET;AAMA,SAAS,EAAiB,EACxB,SACA,eACA,eAKC;CACD,OACE,kBAAC,OAAD;EACE,WAAW,EACT,iFACF;EAHF,UAAA,CAKG,GAAY,QAAQ,CAAC,IACpB,kBAAC,EAAW,MAAZ,CAAkB,CAAA,IAElB,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,EAAK,MAAM;EACtC,CAAA,GAUF,GAAY,SAAS,EAAK,KACxB;;AAET;AAEA,SAAS,EAAmB,EAC1B,cACA,cAAW,IACX,YACA,mBAAgB,UAChB,YACA,QAAQ,GACR,aAAU,WACV,aACA,mBACA,qBAC0B;CAM1B,IAAM,IAAgB,EAAM,WAAW,CAAY,CAAC,EAAE,QAChD,IAAS,KAAmB;CAElC,IAAI,CAAC,GACH,MAAU,MACR,sFACF;CA2BF,OAxBK,GAAS,SAIV,MAAY,SAEZ,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,iBAAiB,CAAS;EACnE,UAAA,EAAQ,KAAK,MAAS;GACrB,IAAM,IAAM,GAAG,KAAW,EAAK,WAAW;GAC1C,OACE,kBAAC,GAAD;IAEQ;IACN,YAAY,EAA4B,GAAQ,GAAM,CAAG;IAC/C;IACM;IACA;GACjB,GANM,EAAK,KAMX;EAEL,CAAC;CACE,CAAA,IAKP,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAMT,8DACA,MAAkB,QAAQ,SAAS,QACnC,CACF;EAEC,UAAA,EAAQ,KAAK,MAAS;GACrB,IAAM,IAAM,GAAG,KAAW,EAAK,WAAW;GAE1C,OACE,kBAAC,GAAD;IAEQ;IACN,YAAY,EAA4B,GAAQ,GAAM,CAAG;IAC/C;GACX,GAJM,EAAK,KAIX;EAEL,CAAC;CACE,CAAA,IAjDE;AAmDX;AAGA,SAAS,EACP,GACA,GACA,GACA;CACA,IAAI,OAAO,KAAY,aAAY,GACjC;CAGF,IAAM,IACJ,aAAa,KACb,OAAO,EAAQ,WAAY,YAC3B,EAAQ,YAAY,OAChB,EAAQ,UACR,KAAA,GAEF,IAAyB;CAiB7B,OAdE,KAAO,KACP,OAAO,EAAQ,MAAiC,WAEhD,IAAiB,EAAQ,KAEzB,KACA,KAAO,KACP,OAAO,EAAe,MAAwC,aAE9D,IAAiB,EACf,KAIG,KAAkB,IACrB,EAAO,KACP,EAAO;AACb"}
1	+ {"version":3,"file":"chart.js","names":[],"sources":["../../../../src/components/ui/chart/chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\nimport type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';\nimport {\n NameType,\n Payload,\n ValueType,\n} from 'recharts/types/component/DefaultTooltipContent';\nimport type { Props as LegendProps } from 'recharts/types/component/Legend';\nimport { TooltipContentProps } from 'recharts/types/component/Tooltip';\n\nimport { cn } from '@/lib/utils';\nimport { TruncateText } from '../truncate-text';\nimport {\n CHART_DEFAULT_PALETTE,\n CHART_DIVERGING_TOKENS,\n CHART_STATUS_TOKENS,\n resolveSeriesColor,\n type ChartDivergingSide,\n type ChartPalette,\n type ChartSeriesTone,\n} from './chart-palette';\n\n/*\n Normalize a config key / data name to a CSS-safe custom-property fragment.\n \n A `--color-<key>` custom property is invalid when `key` contains a space or\n * other ASCII special character — the browser discards it, and the element\n * falls back to SVG's default black. This function replaces every invalid ASCII\n * character with a hyphen, collapses runs, and trims leading/trailing hyphens.\n \n Non-ASCII code points (U+0080+) are preserved: CSS Syntax Level 3\n * §4.3.7 classifies them as valid ident-code-points, so `--color-日本` and\n * `--color-Москва` are legal custom properties. Replacing them would collapse\n * all-non-ASCII keys to the empty string and silently make distinct series\n * collide on `--color-`.\n \n For an already-CSS-safe key (ASCII letters, digits, `-`, `_`) the output is\n * identical (identity), so existing consumers are unaffected. If the entire\n * input collapses to an empty string (e.g. all ASCII special characters),\n * `--color-` is produced — an edge case with no worse outcome than before.\n \n The dev-mode warning fires once per unique unsanitized key per page load,\n * so render loops (hover, re-render) do not flood the console.\n /\n// Tracks keys that have already triggered a dev warning — one per page load.\nconst _toCssKeyWarned = new Set<string>();\n\nexport function toCssKey(key: string): string {\n // Only strip ASCII characters that are not valid CSS ident chars.\n // U+0080+ are preserved — they are valid per CSS Syntax L3 §4.3.7.\n const safe = key\n .replace(/[^-a-zA-Z0-9_-]/g, '-')\n .replace(/-+/g, '-')\n .replace(/^-\|-$/g, '');\n\n if (process.env.NODE_ENV !== 'production' && safe !== key && !_toCssKeyWarned.has(key)) {\n _toCssKeyWarned.add(key);\n console.warn(\n `[ui-react] Chart config key \"${key}\" is not CSS-safe and was sanitized to \"${safe}\". ` +\n `Use CSS-safe keys (ASCII letters, digits, hyphens, underscores, or non-ASCII characters) to avoid this.`\n );\n }\n\n return safe;\n}\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode;\n icon?: React.ComponentType;\n /\n Which stop of the container's `palette` this series paints with. Left\n * unset, it is assigned from the series' position. See `ChartSeriesTone`.\n \n There is deliberately no free-form `color` here: every series colour\n * comes from the chart's palette, so a chart cannot paint a hue the design\n * system does not define. Pick a different palette on `ChartContainer`, or\n * a different stop of it with this.\n /\n tone?: ChartSeriesTone;\n };\n};\n\n/\n A `ChartConfig` with every series' palette colour filled in. This is what the\n * container puts on the context, so the plot, the tooltip rows and the legend\n * markers all read the same resolved colour.\n /\nexport type ResolvedChartConfig = {\n [k in string]: ChartConfig[string] & { color: string };\n};\n\n/\n Resolve each series' colour out of `palette` — in the palette's defined\n * order, honouring any `tone` a series named.\n \n Exported for tests and for the widget editor, which needs the same resolved\n * map to detect duplicate colours (`findDuplicateTones`) without re-deriving it.\n /\nexport function resolveChartColors(\n config: ChartConfig,\n palette: ChartPalette\n): ResolvedChartConfig {\n const entries = Object.entries(config);\n\n // An aliased series (`tone: { sameAs }`) doesn't take a stop of its own — it\n // is the same metric drawn a second way, so it must not consume a colour or\n // shift the series after it along the palette.\n const isAlias = (item: ChartConfig[string]) => Boolean(item.tone?.sameAs);\n const resolved: Record<string, ChartConfig[string] & { color: string }> = {};\n\n // Warn about overrides that are meaningless under a diverging palette.\n // resolveSeriesColor issues the same warnings for every other palette type,\n // but the diverging branch below bypasses it, so we replicate the check here\n // to preserve the documented dev-warning contract (see ChartSeriesTone).\n const warnDivergingMismatch = (tone: ChartSeriesTone \| undefined) => {\n if (process.env.NODE_ENV !== 'production' && tone) {\n if (tone.status) {\n console.warn(\n `[ui-react] A chart series names a status (\"${tone.status}\") under the \"diverging\" palette, which has no status tones. Ignoring.`\n );\n } else if (typeof tone.slot === 'number') {\n console.warn(\n `[ui-react] A chart series pins slot ${tone.slot} under the \"diverging\" palette, whose stops are a ramp and are not individually selectable. Ignoring.`\n );\n }\n }\n };\n\n if (palette.type === 'diverging') {\n const interleavedStops = CHART_DIVERGING_TOKENS[palette.pair];\n // Derive each side's three stops from the interleaved ramp (a at even\n // indices, b at odd indices): a3, a2, a1 and b3, b2, b1.\n const sideStops: Record<ChartDivergingSide, readonly string[]> = {\n a: [interleavedStops[0], interleavedStops[2], interleavedStops[4]],\n b: [interleavedStops[1], interleavedStops[3], interleavedStops[5]],\n };\n\n // First pass: assign sided series — group by side, each group walks its\n // side's three stops strongest-first, wrapping if there are more than three.\n const sideCounters: Record<ChartDivergingSide, number> = { a: 0, b: 0 };\n const takenStops = new Set<string>();\n for (const [key, item] of entries) {\n if (isAlias(item) \|\| !item.tone?.side) continue;\n warnDivergingMismatch(item.tone);\n const side = item.tone.side;\n const stops = sideStops[side];\n const stop = stops[sideCounters[side]++ % stops.length];\n takenStops.add(stop);\n resolved[key] = { ...item, color: stop };\n }\n\n // Second pass: assign un-sided series from the remaining interleaved stops,\n // skipping any stop already claimed by a sided series. Fall back to the\n // full interleaved ramp if all stops were consumed.\n const available = interleavedStops.filter((s) => !takenStops.has(s));\n const pool = available.length > 0 ? available : interleavedStops;\n let unsidedIdx = 0;\n for (const [key, item] of entries) {\n if (isAlias(item) \|\| item.tone?.side) continue;\n warnDivergingMismatch(item.tone);\n resolved[key] = { ...item, color: pool[unsidedIdx++ % pool.length] };\n }\n } else {\n let index = 0;\n for (const [key, item] of entries) {\n if (isAlias(item)) continue;\n resolved[key] = {\n ...item,\n color: resolveSeriesColor(palette, { index: index++, tone: item.tone }),\n };\n }\n }\n\n // An alias may point at another alias, in any order, so a single pass over\n // the aliases can miss a chain that is fully resolvable. Keep sweeping the\n // pending set until nothing more resolves; what is left is a cycle or a\n // target that isn't in this config at all.\n const pending = new Map<string, string>();\n for (const [key, item] of entries) {\n if (isAlias(item)) {\n pending.set(key, item.tone!.sameAs as string);\n }\n }\n\n let changed = true;\n while (changed && pending.size > 0) {\n changed = false;\n for (const [key, target] of pending) {\n const targetColor = resolved[target]?.color;\n if (targetColor !== undefined) {\n resolved[key] = { ...config[key], color: targetColor };\n pending.delete(key);\n changed = true;\n }\n }\n }\n\n for (const [key, target] of pending) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n `[ui-react] Chart series \"${key}\" aliases \"${target}\", which is not a palette-assigned series in this config. Falling back to neutral.`\n );\n }\n resolved[key] = { ...config[key], color: CHART_STATUS_TOKENS.neutral };\n }\n\n // Rebuilt in the config's own order: the passes above visit non-aliases\n // first, and callers (legend order, `Object.entries` consumers) rely on the\n // order they wrote.\n return Object.fromEntries(entries.map(([key]) => [key, resolved[key]]));\n}\n\ntype ChartContextProps = {\n config: ResolvedChartConfig;\n};\n\nexport type ChartTooltipContentProps = Partial<\n TooltipContentProps<ValueType, NameType>\n> & {\n className?: string;\n hideLabel?: boolean;\n hideIndicator?: boolean;\n nameKey?: string;\n labelKey?: string;\n labelFormatter?: (\n label: TooltipContentProps<number, string>['label'],\n payload: TooltipContentProps<number, string>['payload']\n ) => React.ReactNode;\n formatter?: (\n value: number \| string,\n name: string,\n item: Payload<number \| string, string>,\n index: number,\n payload: ReadonlyArray<Payload<number \| string, string>>\n ) => React.ReactNode;\n labelClassName?: string;\n color?: string;\n};\n\nexport type ChartLegendContentProps = {\n className?: string;\n hideIcon?: boolean;\n verticalAlign?: LegendProps['verticalAlign'];\n payload?: LegendPayload[];\n nameKey?: string;\n /\n The series config the entries take their labels and icons from. Defaults to\n * the enclosing `ChartContainer`'s — pass it only to render the legend outside\n * the container, which a chart type has to do when the renderer can't lay a\n * legend out inside its plot (see `Treemap`).\n /\n config?: ChartConfig;\n /\n `default` — the current horizontal wrap layout (one row of chips).\n * `list` — a vertical list where each entry is `[dot] [label flex-1] [value]`,\n * matching the Figma donut/radial widget legend. Use alongside a manually-built\n * `payload` passed from outside the chart's recharts composition.\n /\n variant?: 'default' \| 'list';\n /\n When `variant=\"list\"`, the field on `payload[i].payload` to display as the\n * right-hand value. Typically the chart's `dataKey` (the numeric series field).\n /\n valueKey?: string;\n /\n Format the value shown in each list entry. When omitted the raw value is\n * stringified with `String()`.\n /\n valueFormatter?: (value: string \| number) => string;\n /\n Extra Tailwind class(es) applied to the right-hand value in a list entry,\n * merged on top of the default colour (`text-[var(--ui-text-on-surface-link-idle)]`).\n * Pass a replacement colour class to override the default; other utilities\n * (e.g. `tabular-nums`) are additive and leave the default colour in place.\n /\n valueClassName?: string;\n};\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null);\n\nfunction useChart() {\n const context = React.useContext(ChartContext);\n\n if (!context) {\n throw new Error('useChart must be used within a <ChartContainer />');\n }\n\n return context;\n}\n\nexport interface ChartContainerProps extends React.ComponentProps<'div'> {\n /\n The series this chart draws, keyed by data field.\n \n Declare exactly what the chart plots. A stop is assigned by an entry's\n * position here, not by which series end up rendered, so an entry for a\n * series the chart doesn't draw still consumes a colour and shifts the ones\n * that follow it. (That is deliberate: a series then keeps its colour when a\n * sibling is toggled off, instead of the whole chart recolouring.)\n /\n config: ChartConfig;\n /\n The dataviz palette this chart's series are painted from. Series take a\n * stop of it in the palette's defined order, or the one their `tone` names.\n * Defaults to `categorical` — there is no \"no palette\" state.\n /\n palette?: ChartPalette;\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >['children'];\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(\n function ChartContainer(\n { id, className, children, config, palette = CHART_DEFAULT_PALETTE, ...props },\n ref\n ) {\n const uniqueId = React.useId();\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, '')}`;\n // Resolved once and shared with the context, so the tooltip rows and legend\n // markers read the same colors the plot paints with.\n const resolvedConfig = React.useMemo(\n () => resolveChartColors(config, palette),\n [config, palette]\n );\n\n return (\n <ChartContext.Provider value={{ config: resolvedConfig }}>\n <div\n ref={ref}\n id={id}\n data-slot=\"chart\"\n data-chart={chartId}\n // The `[stroke='#fff']` rules undo recharts' hardcoded white outlines —\n // on pie/radial sectors, line dots and funnel trapezoids. They don't\n // follow the theme, so in dark mode they read as a light hairline around\n // every segment.\n className={cn(\n \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_.recharts-trapezoid[stroke='#fff']]:stroke-transparent\",\n // A `<Brush>` traveller is the one `.recharts-layer` that is a real\n // control (`role=\"slider\"`, tabbable, arrow-key driven), so the blanket\n // `outline-hidden` above would leave it with no focus indicator. Restore\n // one — the `:focus-visible` pseudo-class outranks that rule, so this\n // wins regardless of the order Tailwind emits them in. An `outline`\n // rather than the usual `ring`: box-shadow doesn't paint on SVG children.\n '[&_.recharts-brush-traveller:focus-visible]:[outline:3px_solid_var(--ui-focus-primary)] [&_.recharts-brush-traveller:focus-visible]:[outline-offset:1px]',\n // recharts anchors its axis tick text with the direction-relative\n // SVG keywords (`text-anchor: start\|end`, see `getTickTextAnchor` in\n // `CartesianAxis`), while placing every mark at a computed physical\n // coordinate. Inheriting `direction: rtl` therefore flips only the\n // text: an `end`-anchored Y tick mirrors about its anchor and lands\n // inside the plot (measured: +24px to +39px), rotated ticks shift\n // ~+15px, and a `ReferenceLine` label at the right edge overflows the\n // surface. Pinning the surface keeps the plot's own coordinate system\n // consistent with the geometry recharts computed for it. The chrome\n // that should* mirror — tooltip and legend — is HTML outside\n // `.recharts-surface`, so it is unaffected.\n //\n // `Treemap` is the exception: its cell labels are HTML in a\n // `<foreignObject>` inside the surface, put there precisely so they\n // mirror with the page (see `treemap.tsx`). That is ordinary flow\n // layout, not a computed SVG coordinate, so the pin has to stop at the\n // `<foreignObject>` boundary and hand the page's direction back.\n '[&_.recharts-surface]:[direction:ltr] rtl:[&_.recharts-surface_foreignObject]:[direction:rtl]',\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={resolvedConfig} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n );\n }\n);\n\nChartContainer.displayName = 'ChartContainer';\n\nconst ChartStyle = ({\n id,\n config,\n}: {\n id: string;\n config: ResolvedChartConfig;\n}) => {\n const entries = Object.entries(config);\n\n if (!entries.length) {\n return null;\n }\n\n // One block, no light/dark split: every colour is now a `--ui-dataviz-`\n // token, and those are `light-dark()` pairs that follow `color-scheme`\n // themselves. The old per-theme `[data-theme='dark']` duplication existed\n // only for hand-written `theme: { light, dark }` config entries, which the\n // palette replaced.\n //\n // Rendered as a text child (not dangerouslySetInnerHTML): React sets it via\n // textContent, which the browser does not HTML-parse, so a `</style>` in a\n // colour can't break out of the tag.\n if (process.env.NODE_ENV !== 'production') {\n const seen = new Map<string, string>();\n for (const [key] of entries) {\n const safe = toCssKey(key);\n const prior = seen.get(safe);\n if (prior !== undefined) {\n console.warn(\n `[ui-react] Chart config keys \"${prior}\" and \"${key}\" both sanitize to \"--color-${safe}\". ` +\n `One will overwrite the other — use unique CSS-safe keys.`\n );\n } else {\n seen.set(safe, key);\n }\n }\n }\n\n return (\n <style>\n {`[data-chart=${id}] {\\n${entries\n .map(([key, itemConfig]) => ` --color-${toCssKey(key)}: ${itemConfig.color};`)\n .join('\\n')}\\n}`}\n </style>\n );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* The `content` a caller passes to override the default tooltip (recharts' `Tooltip['content']`). /\nexport type ChartTooltipContentType = React.ComponentProps<\n typeof ChartTooltip\n>['content'];\n\n/\n What `getPayloadConfigFromPayload` resolves a payload item to — the lookup can\n * miss, so every consumer has to cope with `undefined`. Derived from the helper\n * rather than restated, so the two can't drift.\n /\ntype ChartItemConfig = ReturnType<typeof getPayloadConfigFromPayload>;\n\n/* One row of the tooltip's payload, after the `active`/empty guard. /\ntype ChartTooltipItem = NonNullable<\n ChartTooltipContentProps['payload']\n>[number];\n\n/\n One tooltip row. Its own three-way branching (caller formatter, config icon,\n * default dot) is what drove the nesting in `ChartTooltipContent`; as a\n * component the map body reads as a single element.\n /\nfunction ChartTooltipRow({\n item,\n index,\n payload,\n itemConfig,\n indicatorColor,\n hideIndicator,\n formatter,\n}: {\n item: ChartTooltipItem;\n index: number;\n payload: NonNullable<ChartTooltipContentProps['payload']>;\n itemConfig: ChartItemConfig;\n indicatorColor?: string;\n hideIndicator: boolean;\n formatter: ChartTooltipContentProps['formatter'];\n}) {\n return (\n <div className=\"flex w-full flex-wrap items-center gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\">\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n // A row is always dotted, whatever marker the legend\n // gives that series.\n <div\n className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n style={{ backgroundColor: indicatorColor }}\n />\n )\n )}\n {/\n * `gap-4` puts a floor under the name/value separation.\n * `justify-between` alone only separates them while the\n * container has free space to distribute — which the tooltip's\n * `min-w-[8rem]` guarantees for a short value and not for a\n * long one (a currency `tickFormatter`, a `labelFormatter`\n * with units, a value plus its share), where the two would\n * otherwise butt up against each other. A minimum, so a row\n * with slack renders as before.\n /}\n <div className=\"flex flex-1 items-center justify-between gap-4 leading-none\">\n <span className=\"text-muted-foreground\">\n {itemConfig?.label \|\| item.name}\n </span>\n {item.value != null && (\n <span className=\"font-medium tabular-nums text-foreground\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n );\n}\n\nfunction ChartTooltipContent({\n active,\n payload,\n label,\n className,\n hideLabel = false,\n hideIndicator = false,\n labelFormatter,\n formatter,\n labelClassName,\n color,\n nameKey,\n labelKey,\n}: ChartTooltipContentProps) {\n const { config } = useChart();\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel \|\| !payload?.length) {\n return null;\n }\n\n const [item] = payload;\n const key = `${labelKey \|\| item?.dataKey \|\| item?.name \|\| 'value'}`;\n const itemConfig = getPayloadConfigFromPayload(config, item, key);\n const value = (() => {\n const v =\n !labelKey && typeof label === 'string'\n ? (config[label as keyof typeof config]?.label ?? label)\n : itemConfig?.label;\n\n return typeof v === 'string' \|\| typeof v === 'number' ? v : undefined;\n })();\n\n if (labelFormatter) {\n return (\n <div className={cn('font-medium', labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n );\n }\n\n if (!value) {\n return null;\n }\n\n return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ]);\n\n if (!active \|\| !payload?.length) {\n return null;\n }\n\n return (\n <div\n className={cn(\n 'grid min-w-[8rem] items-start gap-1.5 rounded-[var(--ui-tooltip-container-border-radius)] border border-border bg-background px-[var(--ui-tooltip-container-padding-x)] py-[var(--ui-tooltip-container-padding-y)] text-xs text-foreground shadow-md',\n className\n )}\n >\n {tooltipLabel}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| 'value'}`;\n\n return (\n <ChartTooltipRow\n key={key}\n item={item}\n index={index}\n payload={payload}\n itemConfig={getPayloadConfigFromPayload(config, item, key)}\n indicatorColor={color \|\| item.payload.fill \|\| item.color}\n hideIndicator={hideIndicator}\n formatter={formatter}\n />\n );\n })}\n </div>\n </div>\n );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/\n One entry in the `variant=\"list\"` legend: `[dot] [label flex-1] [value]`.\n \n The dot is always a circle, regardless of the series' recharts type — the\n * list layout is only used for polar charts (donut, radial) where the fill\n * marker matches the slice/arc color.\n /\nfunction ChartLegendListEntry({\n item,\n itemConfig,\n valueKey,\n valueFormatter,\n valueClassName,\n}: {\n item: LegendPayload;\n itemConfig: ChartItemConfig;\n valueKey?: string;\n valueFormatter?: (value: string \| number) => string;\n valueClassName?: string;\n}) {\n const raw = valueKey\n ? (item.payload as Record<string, unknown> \| undefined)?.[valueKey]\n : undefined;\n const displayValue =\n raw != null\n ? valueFormatter\n ? valueFormatter(raw as string \| number)\n : String(raw)\n : undefined;\n const label = itemConfig?.label ?? item.value;\n\n return (\n <div className=\"flex w-full items-start gap-2 overflow-hidden\">\n <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n style={{ backgroundColor: item.color }}\n />\n )}\n {typeof label === 'string' \|\| typeof label === 'number' ? (\n <TruncateText className=\"min-w-0 flex-1 text-xs text-foreground\">\n {String(label)}\n </TruncateText>\n ) : (\n <span className=\"min-w-0 flex-1 truncate text-xs text-foreground\">{label}</span>\n )}\n </div>\n {displayValue != null && (\n <span\n className={cn(\n 'shrink-0 text-xs font-semibold text-[var(--ui-text-on-surface-link-idle)]',\n valueClassName\n )}\n >\n {displayValue}\n </span>\n )}\n </div>\n );\n}\n\n/\n One legend entry. Split out so the marker it has to derive from the payload\n * sits next to the markup that uses it, instead of above a nested map body.\n /\nfunction ChartLegendEntry({\n item,\n itemConfig,\n hideIcon,\n}: {\n item: LegendPayload;\n itemConfig: ChartItemConfig;\n hideIcon: boolean;\n}) {\n return (\n <div\n className={cn(\n 'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground'\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n style={{ backgroundColor: item.color }}\n />\n )}\n {/\n * Falls back to the series key, the way the tooltip row and the\n * treemap's on-cell label both do. `label` is optional on a\n * `ChartConfig` entry, and `getPayloadConfigFromPayload` can miss\n * entirely, so without this an entry renders as a marker with no\n * text — worst on the charts whose legend is the only place a series\n * is named.\n */}\n {itemConfig?.label ?? item.value}\n </div>\n );\n}\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = 'bottom',\n nameKey,\n config: configFromProps,\n variant = 'default',\n valueKey,\n valueFormatter,\n valueClassName,\n}: ChartLegendContentProps) {\n // The context read directly rather than through `useChart()`: a caller that\n // passes its own `config` is rendering the legend outside the container, where\n // the context is absent by design rather than by mistake. Every other caller\n // still gets `useChart()`'s error — the legend has no way to label itself\n // without a config, and failing loudly beats rendering an empty row.\n const contextConfig = React.useContext(ChartContext)?.config;\n const config = configFromProps ?? contextConfig;\n\n if (!config) {\n throw new Error(\n 'ChartLegendContent must be used within a <ChartContainer /> or given a `config` prop'\n );\n }\n\n if (!payload?.length) {\n return null;\n }\n\n if (variant === 'list') {\n return (\n <div data-slot=\"chart-legend\" className={cn('flex flex-col', className)}>\n {payload.map((item) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`;\n return (\n <ChartLegendListEntry\n key={item.value}\n item={item}\n itemConfig={getPayloadConfigFromPayload(config, item, key)}\n valueKey={valueKey}\n valueFormatter={valueFormatter}\n valueClassName={valueClassName}\n />\n );\n })}\n </div>\n );\n }\n\n return (\n <div\n data-slot=\"chart-legend\"\n className={cn(\n // Wraps rather than overflowing: a legend with many entries (a treemap's\n // one-per-tile, a pie's one-per-slice) is wider than the chart on a narrow\n // surface, and a row that can't wrap paints past the chart's edge. The\n // column gap is unchanged, so a legend that already fits on one row keeps\n // its exact layout.\n 'flex flex-wrap items-center justify-center gap-x-6 gap-y-2',\n verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`;\n\n return (\n <ChartLegendEntry\n key={item.value}\n item={item}\n itemConfig={getPayloadConfigFromPayload(config, item, key)}\n hideIcon={hideIcon}\n />\n );\n })}\n </div>\n );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== 'object' \|\| payload === null) {\n return undefined;\n }\n\n const payloadPayload =\n 'payload' in payload &&\n typeof payload.payload === 'object' &&\n payload.payload !== null\n ? payload.payload\n : undefined;\n\n let configLabelKey: string = key;\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === 'string'\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string;\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string;\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config];\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n};\n"],"mappings":"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"}