@acronis-platform/ui-react 5.2.0 → 5.3.0

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

@@ -1,13 +1,13 @@
 "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 { CHART_LABEL_MARGIN as s, dropProjectionPayload as c, resolveAnimation as l, resolveAxisDomain as u, resolveBrushProps as d, resolveChartReferenceValue as f, resolveLabelFillClass as p, resolveReferenceLineProps as ee, resolveRotatedTickAnchor as te, resolveXAxisHeight as ne, resolveXAxisTitle as re, resolveYAxisTitle as ie, toLabelFormatter as ae, toReferenceLineList as oe } from "../chart/chart-format.js";
+import { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o, toCssKey as s } from "../chart/chart.js";
+import { CHART_LABEL_MARGIN as c, dropProjectionPayload as l, resolveAnimation as u, resolveAxisDomain as d, resolveBrushProps as f, resolveChartReferenceValue as p, resolveLabelFillClass as ee, resolveReferenceLineProps as te, resolveRotatedTickAnchor as ne, resolveXAxisHeight as re, resolveXAxisTitle as ie, resolveYAxisTitle as ae, toLabelFormatter as oe, toReferenceLineList as se } from "../chart/chart-format.js";
 import * as m from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Area as se, Brush as ce, CartesianGrid as le, ComposedChart as ue, LabelList as de, Line as v, LineChart as fe, ReferenceLine as y, Text as pe, XAxis as me, YAxis as he, usePlotArea as b, useXAxisScale as x } from "recharts";
+import { Area as ce, Brush as le, CartesianGrid as v, ComposedChart as y, LabelList as ue, Line as b, LineChart as de, ReferenceLine as fe, Text as pe, XAxis as me, YAxis as he, usePlotArea as x, useXAxisScale as S } from "recharts";
 //#region src/components/ui/line-chart/line-chart.tsx
-var S = t("", {
+var C = t("", {
 	variants: {
 		curve: {
 			linear: "",
@@ -29,7 +29,7 @@ var S = t("", {
 	}
 });
 function ge({ projectionStart: e, prevTick: t, clipId: n, dataKeys: r }) {
-	let i = x(), a = b();
+	let i = S(), a = x();
 	if (!i || !a) return null;
 	let o = i(t), s = i(e);
 	if (o == null || s == null) return null;
@@ -63,15 +63,15 @@ function ge({ projectionStart: e, prevTick: t, clipId: n, dataKeys: r }) {
 		})
 	] });
 }
-var C = "__band_";
-function w(e) {
-	return e?.filter((e) => !String(e.dataKey).startsWith(C));
-}
+var w = "__band_";
 function T(e) {
+	return e?.filter((e) => !String(e.dataKey).startsWith(w));
+}
+function E(e) {
 	return function(t) {
 		let n = {
 			...t,
-			payload: w(t.payload)
+			payload: T(t.payload)
 		};
 		return typeof e == "function" ? /* @__PURE__ */ g(e, { ...n }) : m.cloneElement(e, n);
 	};
@@ -80,24 +80,24 @@ function _e(e) {
 	return function(t) {
 		let n = {
 			...t,
-			payload: c(t.payload)
+			payload: l(t.payload)
 		};
 		return typeof e == "function" ? /* @__PURE__ */ g(e, { ...n }) : m.cloneElement(e, n);
 	};
 }
-var E = m.forwardRef(({ className: t, config: h, palette: b, data: x, dataKeys: E, comparisonKeys: D, deltaBands: ve, xKey: O, xAxisLabel: k, yAxisLabel: A, yUnit: ye, curve: j = "monotone", lineStyle: M = "solid", strokeWidth: N = 2, showDots: P = !1, dotSize: be = 3, showActiveDot: xe, connectNulls: F = !1, lineSettings: I, referenceLine: Se, projectionStart: L, showGrid: Ce = !0, showTooltip: we = !0, showLegend: Te = !0, showXAxis: Ee = !0, showYAxis: De = !0, xTickFormatter: R, yTickFormatter: Oe, xAxisAngle: z, xAxisInterval: ke, yAxisTickCount: Ae, yAxisDomain: je, gridDashed: Me, gridHorizontal: Ne, gridVertical: Pe, tooltipContent: B, animate: Fe, animationDuration: Ie, animationBegin: Le, animationEasing: Re, showLabels: V = !1, labelPosition: ze, labelFormatter: Be, showBrush: Ve = !1, brushHeight: He, brushAriaLabel: Ue, ...We }, Ge) => {
-	let H = l({
+var D = m.forwardRef(({ className: t, config: h, palette: x, data: S, dataKeys: D, comparisonKeys: O, deltaBands: ve, xKey: k, xAxisLabel: A, yAxisLabel: j, yUnit: ye, curve: M = "monotone", lineStyle: N = "solid", strokeWidth: P = 2, showDots: be = !1, dotSize: xe = 3, showActiveDot: Se, connectNulls: F = !1, lineSettings: I, referenceLine: Ce, projectionStart: L, showGrid: we = !0, showTooltip: Te = !0, showLegend: Ee = !0, showXAxis: De = !0, showYAxis: Oe = !0, xTickFormatter: R, yTickFormatter: ke, xAxisAngle: z, xAxisInterval: Ae, yAxisTickCount: je, yAxisDomain: B, gridDashed: Me, gridHorizontal: Ne, gridVertical: Pe, tooltipContent: V, animate: Fe, animationDuration: Ie, animationBegin: Le, animationEasing: Re, showLabels: H = !1, labelPosition: ze, labelFormatter: Be, showBrush: Ve = !1, brushHeight: He, brushAriaLabel: Ue, ...We }, Ge) => {
+	let U = u({
 		animate: Fe,
 		animationDuration: Ie,
 		animationBegin: Le,
 		animationEasing: Re
-	}), Ke = ze ?? "top", qe = u(je), Je = oe(Se), U = (e) => I?.[e]?.color ?? `var(--color-${e})`, W = (e) => I?.[e]?.curveType ?? j ?? "monotone", Ye = V || Object.values(I ?? {}).some((e) => e.showLabel), G = ne(k, z), K = m.useMemo(() => L === void 0 ? -1 : x.findIndex((e) => e[O] === L), [
+	}), Ke = ze ?? "top", qe = d(B), Je = se(Ce), W = (e) => I?.[e]?.color ?? `var(--color-${s(e)})`, G = (e) => I?.[e]?.curveType ?? M ?? "monotone", Ye = H || Object.values(I ?? {}).some((e) => e.showLabel), Xe = re(A, z), K = m.useMemo(() => L === void 0 ? -1 : S.findIndex((e) => e[k] === L), [
 		L,
-		x,
-		O
+		S,
+		k
 	]), q = K > 0, J = m.useMemo(() => {
 		if (!q) return;
-		let e = new Set(x.slice(K).map((e) => e[O]));
+		let e = new Set(S.slice(K).map((e) => e[k]));
 		return ({ payload: t, index: n, ...r }) => /* @__PURE__ */ g(pe, {
 			...r,
 			fontSize: 12,
@@ -107,168 +107,168 @@ var E = m.forwardRef(({ className: t, config: h, palette: b, data: x, dataKeys:
 	}, [
 		q,
 		K,
-		x,
-		O,
+		S,
+		k,
 		R
-	]), Y = m.useMemo(() => q ? x.map((e) => ({
+	]), Y = m.useMemo(() => q ? S.map((e) => ({
 		...e,
-		...Object.fromEntries(E.map((t) => [`_proj_${t}`, e[t]]))
-	})) : x, [
+		...Object.fromEntries(D.map((t) => [`_proj_${t}`, e[t]]))
+	})) : S, [
 		q,
-		x,
-		E
+		S,
+		D
 	]), X = m.useMemo(() => {
-		if (!(K <= 0)) return x[K - 1]?.[O];
+		if (!(K <= 0)) return S[K - 1]?.[k];
 	}, [
 		K,
-		x,
-		O
-	]), Z = `line-proj-${m.useId().replace(/:/g, "")}`, Xe = m.useMemo(() => {
-		if (!B) return;
-		let e = T(B);
+		S,
+		k
+	]), Z = `line-proj-${m.useId().replace(/:/g, "")}`, Ze = m.useMemo(() => {
+		if (!V) return;
+		let e = E(V);
 		return q ? _e(e) : e;
-	}, [B, q]), Ze = re(k), Qe = ie(A), Q = (ve ?? []).map(([e, t], n) => ({
-		field: `${C}${n}`,
+	}, [V, q]), Qe = ie(A), $e = ae(j), Q = (ve ?? []).map(([e, t], n) => ({
+		field: `${w}${n}`,
 		current: e,
 		comparison: t
-	})), $ = Q.length > 0, $e = Xe ?? ($ || q ? ((e) => /* @__PURE__ */ g(o, {
+	})), $ = Q.length > 0, et = Ze ?? ($ || q ? ((e) => /* @__PURE__ */ g(o, {
 		active: e.active,
 		label: e.label,
-		payload: c(w(e.payload))
-	})) : /* @__PURE__ */ g(o, {})), et = $ || q ? ((e) => /* @__PURE__ */ g(i, {
+		payload: l(T(e.payload))
+	})) : /* @__PURE__ */ g(o, {})), tt = $ || q ? ((e) => /* @__PURE__ */ g(i, {
 		verticalAlign: e.verticalAlign,
-		payload: c(w(e.payload))
-	})) : /* @__PURE__ */ g(i, {}), tt = Q.length ? Y.map((e) => {
+		payload: l(T(e.payload))
+	})) : /* @__PURE__ */ g(i, {}), nt = Q.length ? Y.map((e) => {
 		let t = { ...e };
 		for (let { field: n, current: r, comparison: i } of Q) {
 			let a = e[r], o = e[i];
 			t[n] = typeof a == "number" && typeof o == "number" ? [Math.min(a, o), Math.max(a, o)] : void 0;
 		}
 		return t;
-	}) : Y, nt = Q.length > 0 ? ue : fe;
+	}) : Y, rt = Q.length > 0 ? y : de;
 	return /* @__PURE__ */ g("div", {
 		ref: Ge,
-		"data-curve": j,
-		"data-line-style": M,
-		className: e(S({
-			curve: j,
-			lineStyle: M
+		"data-curve": M,
+		"data-line-style": N,
+		className: e(C({
+			curve: M,
+			lineStyle: N
 		}), t),
 		...We,
 		children: /* @__PURE__ */ g(n, {
 			config: h,
-			palette: b,
+			palette: x,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ _(nt, {
-				data: tt,
-				margin: Ye ? s : void 0,
+			children: /* @__PURE__ */ _(rt, {
+				data: nt,
+				margin: Ye ? c : void 0,
 				children: [
-					Ce && /* @__PURE__ */ g(le, {
+					we && /* @__PURE__ */ g(v, {
 						horizontal: Ne ?? !0,
 						vertical: Pe ?? !1,
 						strokeDasharray: Me ? "3 3" : void 0
 					}),
 					/* @__PURE__ */ g(me, {
-						dataKey: O,
+						dataKey: k,
 						type: "category",
-						hide: !Ee,
+						hide: !De,
 						tickLine: !1,
 						axisLine: !1,
 						tickMargin: 8,
 						tickFormatter: J ? void 0 : R,
 						tick: J,
 						angle: z,
-						interval: ke,
-						textAnchor: te(z),
-						height: G,
-						label: Ze
+						interval: Ae,
+						textAnchor: ne(z),
+						height: Xe,
+						label: Qe
 					}),
 					/* @__PURE__ */ g(he, {
 						type: "number",
-						hide: !De,
+						hide: !Oe,
 						tickLine: !1,
 						axisLine: !1,
 						unit: ye,
-						tickFormatter: Oe,
-						tickCount: Ae,
+						tickFormatter: ke,
+						tickCount: je,
 						domain: qe,
-						width: A ? 72 : void 0,
-						label: Qe
+						width: j ? 72 : void 0,
+						label: $e
 					}),
-					we && /* @__PURE__ */ g(a, { content: $e }),
-					Te && /* @__PURE__ */ g(r, { content: et }),
+					Te && /* @__PURE__ */ g(a, { content: et }),
+					Ee && /* @__PURE__ */ g(r, { content: tt }),
 					q && X != null && /* @__PURE__ */ g(ge, {
 						projectionStart: L,
 						prevTick: X,
 						clipId: Z,
-						dataKeys: E
+						dataKeys: D
 					}),
-					Q.map(({ field: e, current: t }) => /* @__PURE__ */ g(se, {
+					Q.map(({ field: e, current: t }) => /* @__PURE__ */ g(ce, {
 						dataKey: e,
-						type: W(t),
+						type: G(t),
 						stroke: "none",
-						fill: U(t),
+						fill: W(t),
 						fillOpacity: .12,
 						connectNulls: F,
 						dot: !1,
 						activeDot: !1,
 						clipPath: q ? `url(#${Z}-actual)` : void 0,
-						...H,
+						...U,
 						legendType: "none",
 						tooltipType: "none"
 					}, e)),
-					E.map((e, t) => {
-						let n = D?.includes(e), r = I?.[e], i = !n && (r?.showDots ?? P), a = r?.dotSize ?? be, o = !n && (xe ?? i), s = r?.dashed ?? M === "dashed", c = r?.showLabel ?? V, l = r?.labelPosition ?? Ke;
-						return /* @__PURE__ */ g(v, {
+					D.map((e, t) => {
+						let n = O?.includes(e), r = I?.[e], i = !n && (r?.showDots ?? be), a = r?.dotSize ?? xe, o = !n && (Se ?? i), s = r?.dashed ?? N === "dashed", c = r?.showLabel ?? H, l = r?.labelPosition ?? Ke;
+						return /* @__PURE__ */ g(b, {
 							className: q && !n ? `actual-${Z}-${t}` : void 0,
-							type: W(e),
+							type: G(e),
 							dataKey: e,
-							stroke: U(e),
-							strokeWidth: r?.strokeWidth ?? N,
+							stroke: W(e),
+							strokeWidth: r?.strokeWidth ?? P,
 							strokeDasharray: n || s ? "5 5" : void 0,
 							strokeOpacity: n ? .5 : void 0,
 							dot: i ? { r: a } : !1,
 							activeDot: o ? { r: a + 2 } : !1,
 							connectNulls: F,
-							...H,
-							children: c && /* @__PURE__ */ g(de, {
+							...U,
+							children: c && /* @__PURE__ */ g(ue, {
 								dataKey: e,
 								position: l,
-								formatter: ae(Be),
-								className: p(l),
+								formatter: oe(Be),
+								className: ee(l),
 								fontSize: 12
 							})
 						}, e);
 					}),
-					q && E.map((e, t) => {
-						if (D?.includes(e)) return null;
+					q && D.map((e, t) => {
+						if (O?.includes(e)) return null;
 						let n = I?.[e];
-						return /* @__PURE__ */ g(v, {
+						return /* @__PURE__ */ g(b, {
 							className: `proj-${Z}-${t}`,
-							type: W(e),
+							type: G(e),
 							dataKey: `_proj_${e}`,
 							name: e,
-							stroke: U(e),
-							strokeWidth: n?.strokeWidth ?? N,
+							stroke: W(e),
+							strokeWidth: n?.strokeWidth ?? P,
 							strokeDasharray: "5 5",
 							dot: !1,
 							activeDot: !1,
 							legendType: "none",
 							tooltipType: "none",
-							...H
+							...U
 						}, `_proj_${e}`);
 					}),
 					Je.map((e, t) => {
-						let n = f(e, x, E);
-						return n === void 0 ? null : /* @__PURE__ */ g(y, {
+						let n = p(e, S, D);
+						return n === void 0 ? null : /* @__PURE__ */ g(fe, {
 							y: n,
-							...ee(e.label, e.labelPosition)
+							...te(e.label, e.labelPosition)
 						}, `${e.label ?? "ref"}-${t}`);
 					}),
-					Ve && /* @__PURE__ */ g(ce, {
-						dataKey: O,
+					Ve && /* @__PURE__ */ g(le, {
+						dataKey: k,
 						tickFormatter: R,
-						...d({
+						...f({
 							brushHeight: He,
 							brushAriaLabel: Ue
 						})
@@ -278,8 +278,8 @@ var E = m.forwardRef(({ className: t, config: h, palette: b, data: x, dataKeys:
 		})
 	});
 });
-E.displayName = "LineChart";
+D.displayName = "LineChart";
 //#endregion
-export { E as LineChart, T as createBandStrippedTooltip, w as dropBandSeries, S as lineChartVariants };
+export { D as LineChart, E as createBandStrippedTooltip, T as dropBandSeries, C as lineChartVariants };
 
 //# sourceMappingURL=line-chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","names":[],"sources":["../../../../src/components/ui/line-chart/line-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Area,\n  Brush,\n  CartesianGrid,\n  ComposedChart,\n  LabelList,\n  Line,\n  LineChart as RechartsLineChart,\n  ReferenceLine,\n  Text,\n  XAxis,\n  YAxis,\n  useXAxisScale,\n  usePlotArea,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  CHART_LABEL_FONT_SIZE,\n  CHART_LABEL_MARGIN,\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  resolveAxisDomain,\n  resolveBrushProps,\n  dropProjectionPayload,\n  resolveChartReferenceValue,\n  resolveLabelFillClass,\n  resolveReferenceLineProps,\n  resolveRotatedTickAnchor,\n  resolveXAxisHeight,\n  resolveXAxisTitle,\n  resolveYAxisTitle,\n  toLabelFormatter,\n  toReferenceLineList,\n  type ChartConfig,\n  type ChartPalette,\n  type ChartLegendContentProps,\n  type ChartTooltipContentProps,\n  type CartesianChartProps,\n  type ChartAnimationProps,\n  type ChartBrushProps,\n  type ChartCurveType,\n  type ChartDataLabelProps,\n  type ChartReferenceLine,\n  type CartesianLabelPosition,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The two CVA\n// axes are the design's Line-chart variant set: `curve` (how the segments\n// interpolate between points — straight, smoothed, or stepped; the seven values\n// are documented on the shared `ChartCurveType`) and `lineStyle` (a solid or\n// dashed stroke). \"single\" vs \"multi\" line is not a variant — it\n// falls out of how many `dataKeys` the caller plots. The classes stay empty\n// because recharts' SVG — not CSS — draws the lines: `curve` drives each\n// `<Line type>` and `lineStyle` drives its `strokeDasharray`. CVA is kept so the\n// variant 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 values\n// are also mirrored onto `data-curve` / `data-line-style` for styling hooks and\n// tests.\nconst lineChartVariants = cva('', {\n  variants: {\n    curve: {\n      linear: '',\n      monotone: '',\n      natural: '',\n      basis: '',\n      step: '',\n      stepBefore: '',\n      stepAfter: '',\n    },\n    lineStyle: {\n      solid: '',\n      dashed: '',\n    },\n  },\n  defaultVariants: {\n    curve: 'monotone',\n    lineStyle: 'solid',\n  },\n});\n\n// Renders two <clipPath> defs (actual / projection), a CSS <style> that clips\n// each recharts Line layer to its half, and a dashed separator line at the\n// visual midpoint between the last actual tick and the first projection tick.\n//\n// recharts' StaticCurve explicitly overwrites any clipPath prop passed to\n// <Line> with its own plot-area URL, so the prop-based approach used by\n// <Area> cannot be used here. Instead we apply CSS clip-path to the outer <g>\n// that recharts wraps each Line series in (targeted via a unique className we\n// set on the <Line> component). CSS clip-path on a class selector (specificity\n// 0,1,0) beats the SVG presentation attribute recharts sets on the inner\n// <path> (specificity 0), so the two clips compose: outer = our half, inner =\n// recharts' plot-area — net effect is the correct half within the plot area.\nfunction ProjectionClip({\n  projectionStart,\n  prevTick,\n  clipId,\n  dataKeys,\n}: {\n  projectionStart: string | number;\n  prevTick: string | number;\n  clipId: string;\n  dataKeys: string[];\n}) {\n  const xScale = useXAxisScale();\n  const plotArea = usePlotArea();\n  if (!xScale || !plotArea) return null;\n  const prevX = xScale(prevTick as string);\n  const currX = xScale(projectionStart as string);\n  if (prevX == null || currX == null) return null;\n  const midX = (prevX + currX) / 2;\n  const { x, y, width, height } = plotArea;\n  const css = dataKeys\n    .map(\n      (_, i) =>\n        `.actual-${clipId}-${i}{clip-path:url(#${clipId}-actual)}` +\n        `.proj-${clipId}-${i}{clip-path:url(#${clipId}-projection)}`\n    )\n    .join('');\n  return (\n    <>\n      <defs>\n        <clipPath id={`${clipId}-actual`}>\n          <rect x={x} y={y} width={midX - x} height={height} />\n        </clipPath>\n        <clipPath id={`${clipId}-projection`}>\n          <rect x={midX} y={y} width={x + width - midX} height={height} />\n        </clipPath>\n      </defs>\n      <style>{css}</style>\n      <line\n        x1={midX}\n        y1={y}\n        x2={midX}\n        y2={y + height}\n        stroke=\"var(--ui-border-on-surface-border)\"\n        strokeDasharray=\"4 4\"\n      />\n    </>\n  );\n}\n\n// Reserved field prefix for the synthetic delta-band range series. Each band\n// mints one `__band_<n>` field that feeds an <Area>; it must never surface in\n// the tooltip or legend (those describe only real, caller-supplied series).\nconst BAND_FIELD_PREFIX = '__band_';\n\n/**\n * Drop the synthetic delta-band range series from a recharts tooltip/legend\n * payload, keeping the real series (and their order). recharts already excludes\n * the band via `legendType`/`tooltipType=\"none\"`, so this is a second, explicit\n * guard — hence it's unit-tested rather than relying on that behavior.\n */\nexport function dropBandSeries<T extends { dataKey?: unknown }>(\n  payload: readonly T[] | undefined\n): T[] | undefined {\n  return payload?.filter(\n    (item) => !String(item.dataKey).startsWith(BAND_FIELD_PREFIX)\n  );\n}\n\ntype TooltipContentType = NonNullable<\n  React.ComponentProps<typeof ChartTooltip>['content']\n>;\ntype TooltipContentFn = Extract<TooltipContentType, (...args: never[]) => unknown>;\ntype LegendContentFn = Extract<\n  React.ComponentProps<typeof ChartLegend>['content'],\n  (...args: never[]) => unknown\n>;\ntype LegendContentProps = Parameters<LegendContentFn>[0];\ntype TooltipRenderProps = Parameters<TooltipContentFn>[0];\n\n/**\n * Wrap a caller-supplied `tooltipContent` so the synthetic delta bands are\n * stripped from the payload before it renders, while preserving recharts' own\n * mount semantics — a function is mounted via `createElement` (its own component\n * identity + hook state), an element via `cloneElement`. This mirrors what the\n * pass-through charts get by handing `content` straight to recharts, so a\n * function-form tooltip keeps its state across re-renders here too. The returned\n * component is a stable content type (memoize it on `tooltipContent`).\n */\nexport function createBandStrippedTooltip(tooltipContent: TooltipContentType) {\n  return function BandStrippedTooltip(props: TooltipRenderProps) {\n    const merged = {\n      ...props,\n      payload: dropBandSeries(props.payload),\n    } as TooltipRenderProps;\n    if (typeof tooltipContent === 'function') {\n      const Comp = tooltipContent as React.FunctionComponent<TooltipRenderProps>;\n      return <Comp {...merged} />;\n    }\n    // Element-form tooltip: cloneElement is the React-idiomatic way to\n    // re-render an existing element with new props (preserves refs & keys).\n    return React.cloneElement(tooltipContent, merged);\n  };\n}\n\nfunction createProjectionTooltip(tooltipContent: TooltipContentType) {\n  return function ProjectionTooltip(props: TooltipRenderProps) {\n    const merged = {\n      ...props,\n      payload: dropProjectionPayload(props.payload),\n    } as TooltipRenderProps;\n    if (typeof tooltipContent === 'function') {\n      const Comp = tooltipContent as React.FunctionComponent<TooltipRenderProps>;\n      return <Comp {...merged} />;\n    }\n    // Element-form tooltip: cloneElement is the React-idiomatic way to\n    // re-render an existing element with new props (preserves refs & keys).\n    return React.cloneElement(tooltipContent, merged);\n  };\n}\n\n/**\n * Style override for one series, keyed by its `dataKeys` entry. Anything left\n * unset falls back to the chart-wide prop, so an entry only states what differs\n * — e.g. one thicker, dashed \"target\" line among otherwise identical series.\n *\n * A series listed in `comparisonKeys` keeps its dashed, dimmed, dot-less\n * treatment: `color`, `strokeWidth` and `curveType` still apply to it, but\n * `showDots` / `dotSize` do not (the overlay is defined by having no dots).\n */\nexport interface LineChartLineSettings {\n  /** Stroke color. Defaults to the series' `config` color. */\n  color?: string;\n  /** Stroke width. Defaults to the chart's `strokeWidth`. */\n  strokeWidth?: number;\n  /** Dash this series' stroke, whatever the chart-wide `lineStyle` is. */\n  dashed?: boolean;\n  /** Interpolation for this series only. Defaults to the chart's `curve`. */\n  curveType?: ChartCurveType;\n  /** Render this series' per-point dots. Defaults to the chart's `showDots`. */\n  showDots?: boolean;\n  /** Dot radius for this series, in px. Defaults to the chart's `dotSize`. */\n  dotSize?: number;\n  /** Show/hide this series' value labels, overriding the chart's `showLabels`. */\n  showLabel?: boolean;\n  /** Position of this series' value labels. Defaults to the chart's `labelPosition`. */\n  labelPosition?: CartesianLabelPosition;\n}\n\nexport interface LineChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof lineChartVariants>,\n    CartesianChartProps,\n    ChartAnimationProps,\n    ChartBrushProps,\n    ChartDataLabelProps {\n  /**\n   * The dataviz palette this chart's series are painted from. Series that\n   * state no `color` of their own take a stop of it. See `ChartPalette`.\n   */\n  palette?: ChartPalette;\n  /** Row-per-point data. Each object holds the category key + one numeric field per series (`null` breaks the line unless `connectNulls`). */\n  data: ReadonlyArray<Record<string, string | number | null>>;\n  /**\n   * Per-series map of `label` / `icon` / `tone` (from the shared `Chart`\n   * primitives). Series take their colour from the container's `palette`; each\n   * entry maps a key to a `label` and an optional `tone`.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Line>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /**\n   * Subset of `dataKeys` to render as comparison/trend overlays (e.g. a\n   * previous quarter or year) — dashed, dimmed, and dot-less, so they read as\n   * secondary to the current-period lines. Keeps each series' own `config` color.\n   */\n  comparisonKeys?: string[];\n  /**\n   * Pairs of `[currentKey, comparisonKey]` to shade a delta band between — a\n   * dimmed area filling the gap between the two series at each point,\n   * visualizing the QoQ/YoY difference. Tinted with the first key's `config`\n   * color. Rows where either value isn't numeric are left un-banded.\n   *\n   * Each pair mints an internal `__band_<n>` field (kept out of the tooltip and\n   * legend), so avoid data/`config` keys with that reserved prefix.\n   */\n  deltaBands?: Array<[string, string]>;\n  /** Category axis key (the shared dimension across rows, e.g. `\"month\"`). */\n  xKey: string;\n  /** Stroke width of each line. */\n  strokeWidth?: number;\n  /** Render a dot at each data point. */\n  showDots?: boolean;\n  /** Radius of each point's dot, in px. Its hover dot is 2px larger. */\n  dotSize?: number;\n  /**\n   * Enlarge the hovered point's dot. Defaults to following `showDots`, so pass\n   * it explicitly to get hover dots on a dot-less line (`showDots={false}`\n   * with `showActiveDot`) or a static-only line (dots without the hover one).\n   */\n  showActiveDot?: boolean;\n  /** Bridge `null` gaps in the data instead of breaking the line. */\n  connectNulls?: boolean;\n  /**\n   * Per-series style overrides, keyed by `dataKeys` entry. Series with no entry\n   * render from the chart-wide props.\n   */\n  lineSettings?: Record<string, LineChartLineSettings>;\n  /**\n   * One or more dashed reference/average lines on the value axis — a target, a\n   * threshold, or a series mean. Pass a single object or an array to draw\n   * several at once.\n   */\n  referenceLine?: ChartReferenceLine | ChartReferenceLine[];\n  /**\n   * The category value (matching an `xKey` entry) at which the projection\n   * zone starts. Ticks from this point onward render in the disabled text\n   * color (`--ui-text-on-surface-disabled`). The chart data and series\n   * themselves are not affected — only the X-axis tick appearance changes.\n   *\n   * Use this when displaying a forecast/projection range where future\n   * data points should be visually de-emphasized on the axis.\n   */\n  projectionStart?: string | number;\n  showLegend?: boolean;\n  /** Position of the value labels when `showLabels` is on. Defaults to `top`. */\n  labelPosition?: CartesianLabelPosition;\n}\n\nconst LineChart = React.forwardRef<HTMLDivElement, LineChartProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      data,\n      dataKeys,\n      comparisonKeys,\n      deltaBands,\n      xKey,\n      xAxisLabel,\n      yAxisLabel,\n      yUnit,\n      curve = 'monotone',\n      lineStyle = 'solid',\n      strokeWidth = 2,\n      showDots = false,\n      dotSize = 3,\n      showActiveDot,\n      connectNulls = false,\n      lineSettings,\n      referenceLine,\n      projectionStart,\n      showGrid = true,\n      showTooltip = true,\n      showLegend = true,\n      showXAxis = true,\n      showYAxis = true,\n      xTickFormatter,\n      yTickFormatter,\n      xAxisAngle,\n      xAxisInterval,\n      yAxisTickCount,\n      yAxisDomain,\n      gridDashed,\n      gridHorizontal,\n      gridVertical,\n      tooltipContent,\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      showLabels = false,\n      labelPosition,\n      labelFormatter,\n      showBrush = false,\n      brushHeight,\n      brushAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const lineLabelPosition = labelPosition ?? 'top';\n    const yDomain = resolveAxisDomain(yAxisDomain);\n    const referenceLines = toReferenceLineList(referenceLine);\n\n    // A series' own `color` and `curveType` overrides also drive its delta band,\n    // so the band keeps following the line it belongs to instead of the\n    // chart-wide defaults.\n    const colorFor = (key: string) =>\n      lineSettings?.[key]?.color ?? `var(--color-${key})`;\n    const curveFor = (key: string) =>\n      lineSettings?.[key]?.curveType ?? curve ?? 'monotone';\n\n    // The plot inset is needed as soon as *any* series carries outside labels —\n    // a per-series `showLabel` counts, not only the chart-wide `showLabels`.\n    const hasLabels =\n      showLabels ||\n      Object.values(lineSettings ?? {}).some((settings) => settings.showLabel);\n\n    const xAxisHeight = resolveXAxisHeight(xAxisLabel, xAxisAngle);\n\n    const projStartIndex = React.useMemo(() => {\n      if (projectionStart === undefined) return -1;\n      return data.findIndex((row) => row[xKey] === projectionStart);\n    }, [projectionStart, data, xKey]);\n    // projStartIndex === 0 (boundary at the first tick) is excluded: there is no\n    // \"previous tick\" to define the clip midpoint, so clipPath defs can't be\n    // emitted, which would make all series invisible. Treat it as no-projection.\n    const hasProjection = projStartIndex > 0;\n\n    // Build the projection tick renderer when projectionStart is set. Each tick\n    // past (and including) the start value renders in the disabled text color;\n    // ticks before it stay in the muted-foreground color. Returns undefined when\n    // projectionStart is absent or not found so recharts uses its own renderer.\n    const projectionTick = React.useMemo(() => {\n      if (!hasProjection) return undefined;\n      const projectedValues = new Set(\n        data.slice(projStartIndex).map((row) => row[xKey])\n      );\n      const ProjectionTick = ({\n        payload,\n        index,\n        ...tickProps\n      }: {\n        payload: { value: string | number };\n        index?: number;\n        [key: string]: unknown;\n      }) => (\n        <Text\n          {...(tickProps as React.ComponentProps<typeof Text>)}\n          fontSize={12}\n          className={\n            projectedValues.has(payload.value)\n              ? 'fill-[var(--ui-text-on-surface-disabled)]'\n              : 'fill-muted-foreground'\n          }\n        >\n          {xTickFormatter\n            ? xTickFormatter(payload.value as never, index)\n            : payload.value}\n        </Text>\n      );\n      return ProjectionTick;\n    }, [hasProjection, projStartIndex, data, xKey, xTickFormatter]);\n\n    // When projection is active, copy each series value to `_proj_${key}` — same\n    // data, no nulls. Both the actual and projection <Line> see the identical curve;\n    // the clipPath (computed in ProjectionClip) restricts which half each paints.\n    const projectionData = React.useMemo(() => {\n      if (!hasProjection) return data;\n      return data.map((row) => ({\n        ...row,\n        ...Object.fromEntries(\n          dataKeys.map((k) => [`_proj_${k}`, row[k]])\n        ),\n      }));\n    }, [hasProjection, data, dataKeys]);\n\n    // The tick immediately before the projection boundary — needed to compute the\n    // visual midpoint where the clip edge and separator line are placed.\n    const prevTickValue = React.useMemo(() => {\n      if (projStartIndex <= 0) return undefined;\n      return data[projStartIndex - 1]?.[xKey];\n    }, [projStartIndex, data, xKey]);\n\n    const clipId = `line-proj-${React.useId().replace(/:/g, '')}`;\n\n    // Memoized so recharts sees a stable content type across renders — a fresh\n    // wrapper each render would remount the caller's tooltip and reset its state.\n    const customTooltip = React.useMemo(() => {\n      if (!tooltipContent) return undefined;\n      const bandStripped = createBandStrippedTooltip(tooltipContent);\n      return hasProjection ? createProjectionTooltip(bandStripped) : bandStripped;\n    }, [tooltipContent, hasProjection]);\n\n    // Axis titles: the X title sits below the ticks; the Y title is rotated in\n    // the left gutter. Passed to recharts' native `label` (themed via the\n    // `.recharts-label` fill selector on the container).\n    const xAxisTitle = resolveXAxisTitle(xAxisLabel);\n    const yAxisTitle = resolveYAxisTitle(yAxisLabel);\n\n    // Each delta band becomes a synthetic `[min, max]` range field per row that\n    // a recharts <Area> shades. Rows where either series isn't numeric are left\n    // un-banded (the area breaks there).\n    const bands = (deltaBands ?? []).map(([current, comparison], index) => ({\n      field: `${BAND_FIELD_PREFIX}${index}`,\n      current,\n      comparison,\n    }));\n\n    // A delta band is a synthetic `__band_*` series feeding an <Area>, not a\n    // trend of its own — so it has to be stripped from the tooltip rows and the\n    // legend entries before either is rendered. A caller's own tooltip is\n    // already wrapped for that above; these cover the two default contents.\n    const hasBands = bands.length > 0;\n    const tooltipNode =\n      customTooltip ??\n      (hasBands || hasProjection ? (\n        (props: TooltipRenderProps) => (\n          <ChartTooltipContent\n            active={props.active}\n            label={props.label}\n            payload={\n              dropProjectionPayload(\n                dropBandSeries(props.payload)\n              ) as ChartTooltipContentProps['payload']\n            }\n          />\n        )\n      ) : (\n        <ChartTooltipContent />\n      ));\n    const legendNode = hasBands || hasProjection ? (\n      (props: LegendContentProps) => (\n        <ChartLegendContent\n          verticalAlign={props.verticalAlign}\n          payload={\n            dropProjectionPayload(\n              dropBandSeries(props.payload)\n            ) as ChartLegendContentProps['payload']\n          }\n        />\n      )\n    ) : (\n      <ChartLegendContent />\n    );\n    // Bands are computed over the full (projection-augmented) rows; when\n    // projection is active the band <Area> is clipped to the actual zone.\n    const chartData = bands.length\n      ? projectionData.map((row) => {\n          const augmented: Record<string, unknown> = { ...row };\n          for (const { field, current, comparison } of bands) {\n            const a = row[current];\n            const b = row[comparison];\n            augmented[field] =\n              typeof a === 'number' && typeof b === 'number'\n                ? [Math.min(a, b), Math.max(a, b)]\n                : undefined;\n          }\n          return augmented;\n        })\n      : projectionData;\n\n    // Only a delta band needs an <Area>, which recharts renders under\n    // ComposedChart, not LineChart. Escalate to ComposedChart only then, so\n    // plain line charts keep the LineChart base (and their baselines) untouched.\n    const RootChart = bands.length > 0 ? ComposedChart : RechartsLineChart;\n\n    return (\n      <div\n        ref={ref}\n        data-curve={curve}\n        data-line-style={lineStyle}\n        className={cn(lineChartVariants({ curve, lineStyle }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          palette={palette}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RootChart\n            data={chartData as readonly unknown[]}\n            margin={hasLabels ? CHART_LABEL_MARGIN : undefined}\n          >\n            {showGrid && (\n              <CartesianGrid\n                horizontal={gridHorizontal ?? true}\n                vertical={gridVertical ?? false}\n                strokeDasharray={gridDashed ? '3 3' : undefined}\n              />\n            )}\n            <XAxis\n              dataKey={xKey}\n              type=\"category\"\n              hide={!showXAxis}\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={projectionTick ? undefined : xTickFormatter}\n              tick={projectionTick}\n              angle={xAxisAngle}\n              interval={xAxisInterval}\n              textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n              height={xAxisHeight}\n              label={xAxisTitle}\n            />\n            <YAxis\n              type=\"number\"\n              hide={!showYAxis}\n              tickLine={false}\n              axisLine={false}\n              unit={yUnit}\n              tickFormatter={yTickFormatter}\n              tickCount={yAxisTickCount}\n              domain={yDomain}\n              width={yAxisLabel ? 72 : undefined}\n              label={yAxisTitle}\n            />\n            {showTooltip && <ChartTooltip content={tooltipNode} />}\n            {showLegend && <ChartLegend content={legendNode} />}\n            {hasProjection && prevTickValue != null && (\n              <ProjectionClip\n                projectionStart={projectionStart!}\n                prevTick={prevTickValue}\n                clipId={clipId}\n                dataKeys={dataKeys}\n              />\n            )}\n            {/* Delta bands render before the lines so the lines draw on top.\n                When projection is active, clip bands to the actual zone — the\n                comparison series they measure against is absent past the\n                boundary, so an unclipped band would shade a region with no\n                visible far edge. */}\n            {bands.map(({ field, current }) => (\n              <Area\n                key={field}\n                dataKey={field}\n                // An <Area> takes one interpolation, so a pair whose two series\n                // set different `curveType`s can only follow the current one.\n                type={curveFor(current)}\n                stroke=\"none\"\n                fill={colorFor(current)}\n                fillOpacity={0.12}\n                connectNulls={connectNulls}\n                dot={false}\n                activeDot={false}\n                clipPath={hasProjection ? `url(#${clipId}-actual)` : undefined}\n                {...animation}\n                legendType=\"none\"\n                tooltipType=\"none\"\n              />\n            ))}\n            {dataKeys.map((key, index) => {\n              // Comparison series read as secondary: always dashed, dimmed, and\n              // dot-less, regardless of the global lineStyle / showDots.\n              const isComparison = comparisonKeys?.includes(key);\n              const settings = lineSettings?.[key];\n              const seriesDots =\n                !isComparison && (settings?.showDots ?? showDots);\n              const dotRadius = settings?.dotSize ?? dotSize;\n              // The hover dot follows the static dots unless asked otherwise, so\n              // a chart that sets neither renders exactly as before.\n              const activeDot = !isComparison && (showActiveDot ?? seriesDots);\n              const seriesDashed = settings?.dashed ?? lineStyle === 'dashed';\n              const seriesLabel = settings?.showLabel ?? showLabels;\n              const seriesLabelPosition =\n                settings?.labelPosition ?? lineLabelPosition;\n              // Comparison series have no projection counterpart — they render\n              // unclipped across the full width so they don't vanish at the\n              // projection boundary.\n              return (\n                <Line\n                  key={key}\n                  className={hasProjection && !isComparison ? `actual-${clipId}-${index}` : undefined}\n                  type={curveFor(key)}\n                  dataKey={key}\n                  stroke={colorFor(key)}\n                  strokeWidth={settings?.strokeWidth ?? strokeWidth}\n                  strokeDasharray={isComparison || seriesDashed ? '5 5' : undefined}\n                  strokeOpacity={isComparison ? 0.5 : undefined}\n                  dot={seriesDots ? { r: dotRadius } : false}\n                  activeDot={activeDot ? { r: dotRadius + 2 } : false}\n                  connectNulls={connectNulls}\n                  {...animation}\n                >\n                  {seriesLabel && (\n                    <LabelList\n                      dataKey={key}\n                      position={seriesLabelPosition}\n                      formatter={toLabelFormatter(labelFormatter)}\n                      className={resolveLabelFillClass(seriesLabelPosition)}\n                      fontSize={CHART_LABEL_FONT_SIZE}\n                    />\n                  )}\n                </Line>\n              );\n            })}\n            {hasProjection &&\n              dataKeys.map((key, index) => {\n                const isComparison = comparisonKeys?.includes(key);\n                if (isComparison) return null;\n                const settings = lineSettings?.[key];\n                return (\n                  <Line\n                    key={`_proj_${key}`}\n                    className={`proj-${clipId}-${index}`}\n                    type={curveFor(key)}\n                    dataKey={`_proj_${key}`}\n                    name={key}\n                    stroke={colorFor(key)}\n                    strokeWidth={settings?.strokeWidth ?? strokeWidth}\n                    strokeDasharray=\"5 5\"\n                    dot={false}\n                    activeDot={false}\n                    legendType=\"none\"\n                    tooltipType=\"none\"\n                    {...animation}\n                  />\n                );\n              })}\n            {/* Annotations draw over the series they describe. */}\n            {referenceLines.map((ref, index) => {\n              const value = resolveChartReferenceValue(ref, data, dataKeys);\n              if (value === undefined) return null;\n              return (\n                <ReferenceLine\n                  key={`${ref.label ?? 'ref'}-${index}`}\n                  y={value}\n                  {...resolveReferenceLineProps(ref.label, ref.labelPosition)}\n                />\n              );\n            })}\n            {showBrush && (\n              <Brush\n                dataKey={xKey}\n                tickFormatter={xTickFormatter}\n                {...resolveBrushProps({ brushHeight, brushAriaLabel })}\n              />\n            )}\n          </RootChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nLineChart.displayName = 'LineChart';\n\nexport { LineChart, lineChartVariants };\n"],"mappings":"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"}
+{"version":3,"file":"line-chart.js","names":[],"sources":["../../../../src/components/ui/line-chart/line-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Area,\n  Brush,\n  CartesianGrid,\n  ComposedChart,\n  LabelList,\n  Line,\n  LineChart as RechartsLineChart,\n  ReferenceLine,\n  Text,\n  XAxis,\n  YAxis,\n  useXAxisScale,\n  usePlotArea,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  CHART_LABEL_FONT_SIZE,\n  CHART_LABEL_MARGIN,\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  resolveAxisDomain,\n  resolveBrushProps,\n  dropProjectionPayload,\n  resolveChartReferenceValue,\n  resolveLabelFillClass,\n  resolveReferenceLineProps,\n  resolveRotatedTickAnchor,\n  resolveXAxisHeight,\n  resolveXAxisTitle,\n  resolveYAxisTitle,\n  toLabelFormatter,\n  toReferenceLineList,\n  type ChartConfig,\n  type ChartPalette,\n  type ChartLegendContentProps,\n  type ChartTooltipContentProps,\n  type CartesianChartProps,\n  type ChartAnimationProps,\n  type ChartBrushProps,\n  type ChartCurveType,\n  type ChartDataLabelProps,\n  toCssKey,\n  type ChartReferenceLine,\n  type CartesianLabelPosition,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The two CVA\n// axes are the design's Line-chart variant set: `curve` (how the segments\n// interpolate between points — straight, smoothed, or stepped; the seven values\n// are documented on the shared `ChartCurveType`) and `lineStyle` (a solid or\n// dashed stroke). \"single\" vs \"multi\" line is not a variant — it\n// falls out of how many `dataKeys` the caller plots. The classes stay empty\n// because recharts' SVG — not CSS — draws the lines: `curve` drives each\n// `<Line type>` and `lineStyle` drives its `strokeDasharray`. CVA is kept so the\n// variant 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 values\n// are also mirrored onto `data-curve` / `data-line-style` for styling hooks and\n// tests.\nconst lineChartVariants = cva('', {\n  variants: {\n    curve: {\n      linear: '',\n      monotone: '',\n      natural: '',\n      basis: '',\n      step: '',\n      stepBefore: '',\n      stepAfter: '',\n    },\n    lineStyle: {\n      solid: '',\n      dashed: '',\n    },\n  },\n  defaultVariants: {\n    curve: 'monotone',\n    lineStyle: 'solid',\n  },\n});\n\n// Renders two <clipPath> defs (actual / projection), a CSS <style> that clips\n// each recharts Line layer to its half, and a dashed separator line at the\n// visual midpoint between the last actual tick and the first projection tick.\n//\n// recharts' StaticCurve explicitly overwrites any clipPath prop passed to\n// <Line> with its own plot-area URL, so the prop-based approach used by\n// <Area> cannot be used here. Instead we apply CSS clip-path to the outer <g>\n// that recharts wraps each Line series in (targeted via a unique className we\n// set on the <Line> component). CSS clip-path on a class selector (specificity\n// 0,1,0) beats the SVG presentation attribute recharts sets on the inner\n// <path> (specificity 0), so the two clips compose: outer = our half, inner =\n// recharts' plot-area — net effect is the correct half within the plot area.\nfunction ProjectionClip({\n  projectionStart,\n  prevTick,\n  clipId,\n  dataKeys,\n}: {\n  projectionStart: string | number;\n  prevTick: string | number;\n  clipId: string;\n  dataKeys: string[];\n}) {\n  const xScale = useXAxisScale();\n  const plotArea = usePlotArea();\n  if (!xScale || !plotArea) return null;\n  const prevX = xScale(prevTick as string);\n  const currX = xScale(projectionStart as string);\n  if (prevX == null || currX == null) return null;\n  const midX = (prevX + currX) / 2;\n  const { x, y, width, height } = plotArea;\n  const css = dataKeys\n    .map(\n      (_, i) =>\n        `.actual-${clipId}-${i}{clip-path:url(#${clipId}-actual)}` +\n        `.proj-${clipId}-${i}{clip-path:url(#${clipId}-projection)}`\n    )\n    .join('');\n  return (\n    <>\n      <defs>\n        <clipPath id={`${clipId}-actual`}>\n          <rect x={x} y={y} width={midX - x} height={height} />\n        </clipPath>\n        <clipPath id={`${clipId}-projection`}>\n          <rect x={midX} y={y} width={x + width - midX} height={height} />\n        </clipPath>\n      </defs>\n      <style>{css}</style>\n      <line\n        x1={midX}\n        y1={y}\n        x2={midX}\n        y2={y + height}\n        stroke=\"var(--ui-border-on-surface-border)\"\n        strokeDasharray=\"4 4\"\n      />\n    </>\n  );\n}\n\n// Reserved field prefix for the synthetic delta-band range series. Each band\n// mints one `__band_<n>` field that feeds an <Area>; it must never surface in\n// the tooltip or legend (those describe only real, caller-supplied series).\nconst BAND_FIELD_PREFIX = '__band_';\n\n/**\n * Drop the synthetic delta-band range series from a recharts tooltip/legend\n * payload, keeping the real series (and their order). recharts already excludes\n * the band via `legendType`/`tooltipType=\"none\"`, so this is a second, explicit\n * guard — hence it's unit-tested rather than relying on that behavior.\n */\nexport function dropBandSeries<T extends { dataKey?: unknown }>(\n  payload: readonly T[] | undefined\n): T[] | undefined {\n  return payload?.filter(\n    (item) => !String(item.dataKey).startsWith(BAND_FIELD_PREFIX)\n  );\n}\n\ntype TooltipContentType = NonNullable<\n  React.ComponentProps<typeof ChartTooltip>['content']\n>;\ntype TooltipContentFn = Extract<TooltipContentType, (...args: never[]) => unknown>;\ntype LegendContentFn = Extract<\n  React.ComponentProps<typeof ChartLegend>['content'],\n  (...args: never[]) => unknown\n>;\ntype LegendContentProps = Parameters<LegendContentFn>[0];\ntype TooltipRenderProps = Parameters<TooltipContentFn>[0];\n\n/**\n * Wrap a caller-supplied `tooltipContent` so the synthetic delta bands are\n * stripped from the payload before it renders, while preserving recharts' own\n * mount semantics — a function is mounted via `createElement` (its own component\n * identity + hook state), an element via `cloneElement`. This mirrors what the\n * pass-through charts get by handing `content` straight to recharts, so a\n * function-form tooltip keeps its state across re-renders here too. The returned\n * component is a stable content type (memoize it on `tooltipContent`).\n */\nexport function createBandStrippedTooltip(tooltipContent: TooltipContentType) {\n  return function BandStrippedTooltip(props: TooltipRenderProps) {\n    const merged = {\n      ...props,\n      payload: dropBandSeries(props.payload),\n    } as TooltipRenderProps;\n    if (typeof tooltipContent === 'function') {\n      const Comp = tooltipContent as React.FunctionComponent<TooltipRenderProps>;\n      return <Comp {...merged} />;\n    }\n    // Element-form tooltip: cloneElement is the React-idiomatic way to\n    // re-render an existing element with new props (preserves refs & keys).\n    return React.cloneElement(tooltipContent, merged);\n  };\n}\n\nfunction createProjectionTooltip(tooltipContent: TooltipContentType) {\n  return function ProjectionTooltip(props: TooltipRenderProps) {\n    const merged = {\n      ...props,\n      payload: dropProjectionPayload(props.payload),\n    } as TooltipRenderProps;\n    if (typeof tooltipContent === 'function') {\n      const Comp = tooltipContent as React.FunctionComponent<TooltipRenderProps>;\n      return <Comp {...merged} />;\n    }\n    // Element-form tooltip: cloneElement is the React-idiomatic way to\n    // re-render an existing element with new props (preserves refs & keys).\n    return React.cloneElement(tooltipContent, merged);\n  };\n}\n\n/**\n * Style override for one series, keyed by its `dataKeys` entry. Anything left\n * unset falls back to the chart-wide prop, so an entry only states what differs\n * — e.g. one thicker, dashed \"target\" line among otherwise identical series.\n *\n * A series listed in `comparisonKeys` keeps its dashed, dimmed, dot-less\n * treatment: `color`, `strokeWidth` and `curveType` still apply to it, but\n * `showDots` / `dotSize` do not (the overlay is defined by having no dots).\n */\nexport interface LineChartLineSettings {\n  /** Stroke color. Defaults to the series' `config` color. */\n  color?: string;\n  /** Stroke width. Defaults to the chart's `strokeWidth`. */\n  strokeWidth?: number;\n  /** Dash this series' stroke, whatever the chart-wide `lineStyle` is. */\n  dashed?: boolean;\n  /** Interpolation for this series only. Defaults to the chart's `curve`. */\n  curveType?: ChartCurveType;\n  /** Render this series' per-point dots. Defaults to the chart's `showDots`. */\n  showDots?: boolean;\n  /** Dot radius for this series, in px. Defaults to the chart's `dotSize`. */\n  dotSize?: number;\n  /** Show/hide this series' value labels, overriding the chart's `showLabels`. */\n  showLabel?: boolean;\n  /** Position of this series' value labels. Defaults to the chart's `labelPosition`. */\n  labelPosition?: CartesianLabelPosition;\n}\n\nexport interface LineChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof lineChartVariants>,\n    CartesianChartProps,\n    ChartAnimationProps,\n    ChartBrushProps,\n    ChartDataLabelProps {\n  /**\n   * The dataviz palette this chart's series are painted from. Series that\n   * state no `color` of their own take a stop of it. See `ChartPalette`.\n   */\n  palette?: ChartPalette;\n  /** Row-per-point data. Each object holds the category key + one numeric field per series (`null` breaks the line unless `connectNulls`). */\n  data: ReadonlyArray<Record<string, string | number | null>>;\n  /**\n   * Per-series map of `label` / `icon` / `tone` (from the shared `Chart`\n   * primitives). Series take their colour from the container's `palette`; each\n   * entry maps a key to a `label` and an optional `tone`.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Line>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /**\n   * Subset of `dataKeys` to render as comparison/trend overlays (e.g. a\n   * previous quarter or year) — dashed, dimmed, and dot-less, so they read as\n   * secondary to the current-period lines. Keeps each series' own `config` color.\n   */\n  comparisonKeys?: string[];\n  /**\n   * Pairs of `[currentKey, comparisonKey]` to shade a delta band between — a\n   * dimmed area filling the gap between the two series at each point,\n   * visualizing the QoQ/YoY difference. Tinted with the first key's `config`\n   * color. Rows where either value isn't numeric are left un-banded.\n   *\n   * Each pair mints an internal `__band_<n>` field (kept out of the tooltip and\n   * legend), so avoid data/`config` keys with that reserved prefix.\n   */\n  deltaBands?: Array<[string, string]>;\n  /** Category axis key (the shared dimension across rows, e.g. `\"month\"`). */\n  xKey: string;\n  /** Stroke width of each line. */\n  strokeWidth?: number;\n  /** Render a dot at each data point. */\n  showDots?: boolean;\n  /** Radius of each point's dot, in px. Its hover dot is 2px larger. */\n  dotSize?: number;\n  /**\n   * Enlarge the hovered point's dot. Defaults to following `showDots`, so pass\n   * it explicitly to get hover dots on a dot-less line (`showDots={false}`\n   * with `showActiveDot`) or a static-only line (dots without the hover one).\n   */\n  showActiveDot?: boolean;\n  /** Bridge `null` gaps in the data instead of breaking the line. */\n  connectNulls?: boolean;\n  /**\n   * Per-series style overrides, keyed by `dataKeys` entry. Series with no entry\n   * render from the chart-wide props.\n   */\n  lineSettings?: Record<string, LineChartLineSettings>;\n  /**\n   * One or more dashed reference/average lines on the value axis — a target, a\n   * threshold, or a series mean. Pass a single object or an array to draw\n   * several at once.\n   */\n  referenceLine?: ChartReferenceLine | ChartReferenceLine[];\n  /**\n   * The category value (matching an `xKey` entry) at which the projection\n   * zone starts. Ticks from this point onward render in the disabled text\n   * color (`--ui-text-on-surface-disabled`). The chart data and series\n   * themselves are not affected — only the X-axis tick appearance changes.\n   *\n   * Use this when displaying a forecast/projection range where future\n   * data points should be visually de-emphasized on the axis.\n   */\n  projectionStart?: string | number;\n  showLegend?: boolean;\n  /** Position of the value labels when `showLabels` is on. Defaults to `top`. */\n  labelPosition?: CartesianLabelPosition;\n}\n\nconst LineChart = React.forwardRef<HTMLDivElement, LineChartProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      data,\n      dataKeys,\n      comparisonKeys,\n      deltaBands,\n      xKey,\n      xAxisLabel,\n      yAxisLabel,\n      yUnit,\n      curve = 'monotone',\n      lineStyle = 'solid',\n      strokeWidth = 2,\n      showDots = false,\n      dotSize = 3,\n      showActiveDot,\n      connectNulls = false,\n      lineSettings,\n      referenceLine,\n      projectionStart,\n      showGrid = true,\n      showTooltip = true,\n      showLegend = true,\n      showXAxis = true,\n      showYAxis = true,\n      xTickFormatter,\n      yTickFormatter,\n      xAxisAngle,\n      xAxisInterval,\n      yAxisTickCount,\n      yAxisDomain,\n      gridDashed,\n      gridHorizontal,\n      gridVertical,\n      tooltipContent,\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      showLabels = false,\n      labelPosition,\n      labelFormatter,\n      showBrush = false,\n      brushHeight,\n      brushAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const lineLabelPosition = labelPosition ?? 'top';\n    const yDomain = resolveAxisDomain(yAxisDomain);\n    const referenceLines = toReferenceLineList(referenceLine);\n\n    // A series' own `color` and `curveType` overrides also drive its delta band,\n    // so the band keeps following the line it belongs to instead of the\n    // chart-wide defaults.\n    const colorFor = (key: string) =>\n      lineSettings?.[key]?.color ?? `var(--color-${toCssKey(key)})`;\n    const curveFor = (key: string) =>\n      lineSettings?.[key]?.curveType ?? curve ?? 'monotone';\n\n    // The plot inset is needed as soon as *any* series carries outside labels —\n    // a per-series `showLabel` counts, not only the chart-wide `showLabels`.\n    const hasLabels =\n      showLabels ||\n      Object.values(lineSettings ?? {}).some((settings) => settings.showLabel);\n\n    const xAxisHeight = resolveXAxisHeight(xAxisLabel, xAxisAngle);\n\n    const projStartIndex = React.useMemo(() => {\n      if (projectionStart === undefined) return -1;\n      return data.findIndex((row) => row[xKey] === projectionStart);\n    }, [projectionStart, data, xKey]);\n    // projStartIndex === 0 (boundary at the first tick) is excluded: there is no\n    // \"previous tick\" to define the clip midpoint, so clipPath defs can't be\n    // emitted, which would make all series invisible. Treat it as no-projection.\n    const hasProjection = projStartIndex > 0;\n\n    // Build the projection tick renderer when projectionStart is set. Each tick\n    // past (and including) the start value renders in the disabled text color;\n    // ticks before it stay in the muted-foreground color. Returns undefined when\n    // projectionStart is absent or not found so recharts uses its own renderer.\n    const projectionTick = React.useMemo(() => {\n      if (!hasProjection) return undefined;\n      const projectedValues = new Set(\n        data.slice(projStartIndex).map((row) => row[xKey])\n      );\n      const ProjectionTick = ({\n        payload,\n        index,\n        ...tickProps\n      }: {\n        payload: { value: string | number };\n        index?: number;\n        [key: string]: unknown;\n      }) => (\n        <Text\n          {...(tickProps as React.ComponentProps<typeof Text>)}\n          fontSize={12}\n          className={\n            projectedValues.has(payload.value)\n              ? 'fill-[var(--ui-text-on-surface-disabled)]'\n              : 'fill-muted-foreground'\n          }\n        >\n          {xTickFormatter\n            ? xTickFormatter(payload.value as never, index)\n            : payload.value}\n        </Text>\n      );\n      return ProjectionTick;\n    }, [hasProjection, projStartIndex, data, xKey, xTickFormatter]);\n\n    // When projection is active, copy each series value to `_proj_${key}` — same\n    // data, no nulls. Both the actual and projection <Line> see the identical curve;\n    // the clipPath (computed in ProjectionClip) restricts which half each paints.\n    const projectionData = React.useMemo(() => {\n      if (!hasProjection) return data;\n      return data.map((row) => ({\n        ...row,\n        ...Object.fromEntries(\n          dataKeys.map((k) => [`_proj_${k}`, row[k]])\n        ),\n      }));\n    }, [hasProjection, data, dataKeys]);\n\n    // The tick immediately before the projection boundary — needed to compute the\n    // visual midpoint where the clip edge and separator line are placed.\n    const prevTickValue = React.useMemo(() => {\n      if (projStartIndex <= 0) return undefined;\n      return data[projStartIndex - 1]?.[xKey];\n    }, [projStartIndex, data, xKey]);\n\n    const clipId = `line-proj-${React.useId().replace(/:/g, '')}`;\n\n    // Memoized so recharts sees a stable content type across renders — a fresh\n    // wrapper each render would remount the caller's tooltip and reset its state.\n    const customTooltip = React.useMemo(() => {\n      if (!tooltipContent) return undefined;\n      const bandStripped = createBandStrippedTooltip(tooltipContent);\n      return hasProjection ? createProjectionTooltip(bandStripped) : bandStripped;\n    }, [tooltipContent, hasProjection]);\n\n    // Axis titles: the X title sits below the ticks; the Y title is rotated in\n    // the left gutter. Passed to recharts' native `label` (themed via the\n    // `.recharts-label` fill selector on the container).\n    const xAxisTitle = resolveXAxisTitle(xAxisLabel);\n    const yAxisTitle = resolveYAxisTitle(yAxisLabel);\n\n    // Each delta band becomes a synthetic `[min, max]` range field per row that\n    // a recharts <Area> shades. Rows where either series isn't numeric are left\n    // un-banded (the area breaks there).\n    const bands = (deltaBands ?? []).map(([current, comparison], index) => ({\n      field: `${BAND_FIELD_PREFIX}${index}`,\n      current,\n      comparison,\n    }));\n\n    // A delta band is a synthetic `__band_*` series feeding an <Area>, not a\n    // trend of its own — so it has to be stripped from the tooltip rows and the\n    // legend entries before either is rendered. A caller's own tooltip is\n    // already wrapped for that above; these cover the two default contents.\n    const hasBands = bands.length > 0;\n    const tooltipNode =\n      customTooltip ??\n      (hasBands || hasProjection ? (\n        (props: TooltipRenderProps) => (\n          <ChartTooltipContent\n            active={props.active}\n            label={props.label}\n            payload={\n              dropProjectionPayload(\n                dropBandSeries(props.payload)\n              ) as ChartTooltipContentProps['payload']\n            }\n          />\n        )\n      ) : (\n        <ChartTooltipContent />\n      ));\n    const legendNode = hasBands || hasProjection ? (\n      (props: LegendContentProps) => (\n        <ChartLegendContent\n          verticalAlign={props.verticalAlign}\n          payload={\n            dropProjectionPayload(\n              dropBandSeries(props.payload)\n            ) as ChartLegendContentProps['payload']\n          }\n        />\n      )\n    ) : (\n      <ChartLegendContent />\n    );\n    // Bands are computed over the full (projection-augmented) rows; when\n    // projection is active the band <Area> is clipped to the actual zone.\n    const chartData = bands.length\n      ? projectionData.map((row) => {\n          const augmented: Record<string, unknown> = { ...row };\n          for (const { field, current, comparison } of bands) {\n            const a = row[current];\n            const b = row[comparison];\n            augmented[field] =\n              typeof a === 'number' && typeof b === 'number'\n                ? [Math.min(a, b), Math.max(a, b)]\n                : undefined;\n          }\n          return augmented;\n        })\n      : projectionData;\n\n    // Only a delta band needs an <Area>, which recharts renders under\n    // ComposedChart, not LineChart. Escalate to ComposedChart only then, so\n    // plain line charts keep the LineChart base (and their baselines) untouched.\n    const RootChart = bands.length > 0 ? ComposedChart : RechartsLineChart;\n\n    return (\n      <div\n        ref={ref}\n        data-curve={curve}\n        data-line-style={lineStyle}\n        className={cn(lineChartVariants({ curve, lineStyle }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          palette={palette}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RootChart\n            data={chartData as readonly unknown[]}\n            margin={hasLabels ? CHART_LABEL_MARGIN : undefined}\n          >\n            {showGrid && (\n              <CartesianGrid\n                horizontal={gridHorizontal ?? true}\n                vertical={gridVertical ?? false}\n                strokeDasharray={gridDashed ? '3 3' : undefined}\n              />\n            )}\n            <XAxis\n              dataKey={xKey}\n              type=\"category\"\n              hide={!showXAxis}\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={projectionTick ? undefined : xTickFormatter}\n              tick={projectionTick}\n              angle={xAxisAngle}\n              interval={xAxisInterval}\n              textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n              height={xAxisHeight}\n              label={xAxisTitle}\n            />\n            <YAxis\n              type=\"number\"\n              hide={!showYAxis}\n              tickLine={false}\n              axisLine={false}\n              unit={yUnit}\n              tickFormatter={yTickFormatter}\n              tickCount={yAxisTickCount}\n              domain={yDomain}\n              width={yAxisLabel ? 72 : undefined}\n              label={yAxisTitle}\n            />\n            {showTooltip && <ChartTooltip content={tooltipNode} />}\n            {showLegend && <ChartLegend content={legendNode} />}\n            {hasProjection && prevTickValue != null && (\n              <ProjectionClip\n                projectionStart={projectionStart!}\n                prevTick={prevTickValue}\n                clipId={clipId}\n                dataKeys={dataKeys}\n              />\n            )}\n            {/* Delta bands render before the lines so the lines draw on top.\n                When projection is active, clip bands to the actual zone — the\n                comparison series they measure against is absent past the\n                boundary, so an unclipped band would shade a region with no\n                visible far edge. */}\n            {bands.map(({ field, current }) => (\n              <Area\n                key={field}\n                dataKey={field}\n                // An <Area> takes one interpolation, so a pair whose two series\n                // set different `curveType`s can only follow the current one.\n                type={curveFor(current)}\n                stroke=\"none\"\n                fill={colorFor(current)}\n                fillOpacity={0.12}\n                connectNulls={connectNulls}\n                dot={false}\n                activeDot={false}\n                clipPath={hasProjection ? `url(#${clipId}-actual)` : undefined}\n                {...animation}\n                legendType=\"none\"\n                tooltipType=\"none\"\n              />\n            ))}\n            {dataKeys.map((key, index) => {\n              // Comparison series read as secondary: always dashed, dimmed, and\n              // dot-less, regardless of the global lineStyle / showDots.\n              const isComparison = comparisonKeys?.includes(key);\n              const settings = lineSettings?.[key];\n              const seriesDots =\n                !isComparison && (settings?.showDots ?? showDots);\n              const dotRadius = settings?.dotSize ?? dotSize;\n              // The hover dot follows the static dots unless asked otherwise, so\n              // a chart that sets neither renders exactly as before.\n              const activeDot = !isComparison && (showActiveDot ?? seriesDots);\n              const seriesDashed = settings?.dashed ?? lineStyle === 'dashed';\n              const seriesLabel = settings?.showLabel ?? showLabels;\n              const seriesLabelPosition =\n                settings?.labelPosition ?? lineLabelPosition;\n              // Comparison series have no projection counterpart — they render\n              // unclipped across the full width so they don't vanish at the\n              // projection boundary.\n              return (\n                <Line\n                  key={key}\n                  className={hasProjection && !isComparison ? `actual-${clipId}-${index}` : undefined}\n                  type={curveFor(key)}\n                  dataKey={key}\n                  stroke={colorFor(key)}\n                  strokeWidth={settings?.strokeWidth ?? strokeWidth}\n                  strokeDasharray={isComparison || seriesDashed ? '5 5' : undefined}\n                  strokeOpacity={isComparison ? 0.5 : undefined}\n                  dot={seriesDots ? { r: dotRadius } : false}\n                  activeDot={activeDot ? { r: dotRadius + 2 } : false}\n                  connectNulls={connectNulls}\n                  {...animation}\n                >\n                  {seriesLabel && (\n                    <LabelList\n                      dataKey={key}\n                      position={seriesLabelPosition}\n                      formatter={toLabelFormatter(labelFormatter)}\n                      className={resolveLabelFillClass(seriesLabelPosition)}\n                      fontSize={CHART_LABEL_FONT_SIZE}\n                    />\n                  )}\n                </Line>\n              );\n            })}\n            {hasProjection &&\n              dataKeys.map((key, index) => {\n                const isComparison = comparisonKeys?.includes(key);\n                if (isComparison) return null;\n                const settings = lineSettings?.[key];\n                return (\n                  <Line\n                    key={`_proj_${key}`}\n                    className={`proj-${clipId}-${index}`}\n                    type={curveFor(key)}\n                    dataKey={`_proj_${key}`}\n                    name={key}\n                    stroke={colorFor(key)}\n                    strokeWidth={settings?.strokeWidth ?? strokeWidth}\n                    strokeDasharray=\"5 5\"\n                    dot={false}\n                    activeDot={false}\n                    legendType=\"none\"\n                    tooltipType=\"none\"\n                    {...animation}\n                  />\n                );\n              })}\n            {/* Annotations draw over the series they describe. */}\n            {referenceLines.map((ref, index) => {\n              const value = resolveChartReferenceValue(ref, data, dataKeys);\n              if (value === undefined) return null;\n              return (\n                <ReferenceLine\n                  key={`${ref.label ?? 'ref'}-${index}`}\n                  y={value}\n                  {...resolveReferenceLineProps(ref.label, ref.labelPosition)}\n                />\n              );\n            })}\n            {showBrush && (\n              <Brush\n                dataKey={xKey}\n                tickFormatter={xTickFormatter}\n                {...resolveBrushProps({ brushHeight, brushAriaLabel })}\n              />\n            )}\n          </RootChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nLineChart.displayName = 'LineChart';\n\nexport { LineChart, lineChartVariants };\n"],"mappings":"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"}