@acronis-platform/ui-react 0.60.0 → 0.62.0

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

@@ -1,16 +1,20 @@
-import { jsx as e, jsxs as at } from "react/jsx-runtime";
-import * as m from "react";
-import { cva as nt } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { ComposedChart as ot, LineChart as it, CartesianGrid as rt, XAxis as lt, YAxis as st, Area as dt, Line as ct } from "recharts";
-import { cn as mt } from "../../../lib/utils.js";
-import { ChartContainer as ft, ChartTooltip as C, ChartTooltipContent as b, ChartLegend as _, ChartLegendContent as B } from "../chart/chart.js";
-import { resolveAxisDomain as ht } from "../chart/chart-format.js";
-const ut = nt("", {
+import { jsx as t, jsxs as Re } from "react/jsx-runtime";
+import * as u from "react";
+import { cva as _e } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { ComposedChart as Be, LineChart as xe, CartesianGrid as Fe, XAxis as Ne, YAxis as ke, Area as Ee, Line as Pe, LabelList as $e, ReferenceLine as Me, Brush as ze } from "recharts";
+import { cn as He } from "../../../lib/utils.js";
+import { resolveAnimation as Ie, CHART_LABEL_MARGIN as Oe, resolveRotatedTickAnchor as Xe, CHART_LABEL_FONT_SIZE as je, resolveLabelFillClass as Ve, toLabelFormatter as We, resolveChartReferenceValue as we, resolveReferenceLineProps as Ge, resolveBrushProps as Ye, resolveXAxisTitle as Ze, resolveXAxisHeight as qe, resolveYAxisTitle as Je, resolveAxisDomain as Ke, toReferenceLineList as Qe } from "../chart/chart-format.js";
+import { ChartContainer as Ue, ChartTooltip as ge, ChartLegend as Se, ChartTooltipContent as P, ChartLegendContent as $ } from "../chart/chart.js";
+const eo = _e("", {
   variants: {
     curve: {
       linear: "",
       monotone: "",
-      step: ""
+      natural: "",
+      basis: "",
+      step: "",
+      stepBefore: "",
+      stepAfter: ""
     },
     lineStyle: {
       solid: "",
@@ -21,214 +25,253 @@ const ut = nt("", {
     curve: "monotone",
     lineStyle: "solid"
   }
-}), $ = "__band_";
-function T(n) {
+}), M = "__band_";
+function A(n) {
   return n == null ? void 0 : n.filter(
-    (l) => !String(l.dataKey).startsWith($)
+    (h) => !String(h.dataKey).startsWith(M)
   );
 }
-function vt(n) {
+function oo(n) {
   return function(i) {
     const s = {
       ...i,
-      payload: T(i.payload)
+      payload: A(i.payload)
     };
-    return typeof n == "function" ? m.createElement(
+    return typeof n == "function" ? u.createElement(
       n,
       s
-    ) : m.cloneElement(n, s);
+    ) : u.cloneElement(n, s);
   };
 }
-const pt = m.forwardRef(
+const ao = u.forwardRef(
   ({
     className: n,
-    config: l,
+    config: h,
     data: i,
     dataKeys: s,
-    comparisonKeys: f,
-    deltaBands: A,
-    xKey: E,
-    xAxisLabel: d,
-    yAxisLabel: h,
-    yUnit: F,
-    curve: c = "monotone",
-    lineStyle: u = "solid",
-    strokeWidth: M = 2,
-    showDots: k = !0,
-    connectNulls: D = !1,
-    showGrid: R = !0,
-    showTooltip: S = !0,
-    showLegend: N = !0,
-    showXAxis: j = !0,
-    showYAxis: z = !0,
-    xTickFormatter: I,
-    yTickFormatter: O,
-    xAxisAngle: r,
-    xAxisInterval: V,
-    yAxisTickCount: X,
-    yAxisDomain: G,
-    gridDashed: H,
-    gridHorizontal: P,
-    gridVertical: W,
-    tooltipContent: v,
-    ...Y
-  }, q) => {
-    const x = u === "dashed" ? "5 5" : void 0, J = ht(G), K = d || r != null ? 30 + (r != null ? 20 : 0) + (d ? 18 : 0) : void 0, L = m.useMemo(
-      () => v ? vt(v) : void 0,
-      [v]
-    ), Q = d ? { value: d, position: "insideBottom", offset: 0 } : void 0, U = h ? {
-      value: h,
-      angle: -90,
-      position: "insideLeft",
-      style: { textAnchor: "middle" }
-    } : void 0, o = (A ?? []).map(([t, a], p) => ({
-      field: `${$}${p}`,
-      current: t,
+    comparisonKeys: v,
+    deltaBands: z,
+    xKey: T,
+    xAxisLabel: y,
+    yAxisLabel: D,
+    yUnit: H,
+    curve: p = "monotone",
+    lineStyle: L = "solid",
+    strokeWidth: I = 2,
+    showDots: O = !0,
+    dotSize: X = 3,
+    showActiveDot: j,
+    connectNulls: R = !1,
+    lineSettings: r,
+    referenceLine: V,
+    showGrid: W = !0,
+    showTooltip: w = !0,
+    showLegend: G = !0,
+    showXAxis: Y = !0,
+    showYAxis: Z = !0,
+    xTickFormatter: _,
+    yTickFormatter: q,
+    xAxisAngle: b,
+    xAxisInterval: J,
+    yAxisTickCount: K,
+    yAxisDomain: Q,
+    gridDashed: U,
+    gridHorizontal: g,
+    gridVertical: S,
+    tooltipContent: C,
+    animate: ee,
+    animationDuration: oe,
+    animationBegin: ae,
+    animationEasing: te,
+    showLabels: B = !1,
+    labelPosition: re,
+    labelFormatter: ne,
+    showBrush: ie = !1,
+    brushHeight: se,
+    brushAriaLabel: le,
+    ...ce
+  }, de) => {
+    const x = Ie({
+      animate: ee,
+      animationDuration: oe,
+      animationBegin: ae,
+      animationEasing: te
+    }), he = re ?? "top", me = Ke(Q), fe = Qe(V), F = (e) => {
+      var a;
+      return ((a = r == null ? void 0 : r[e]) == null ? void 0 : a.color) ?? `var(--color-${e})`;
+    }, N = (e) => {
+      var a;
+      return ((a = r == null ? void 0 : r[e]) == null ? void 0 : a.curveType) ?? p ?? "monotone";
+    }, ue = B || Object.values(r ?? {}).some((e) => e.showLabel), ve = qe(y, b), pe = u.useMemo(
+      () => C ? oo(C) : void 0,
+      [C]
+    ), Le = Ze(y), be = Je(D), l = (z ?? []).map(([e, a], o) => ({
+      field: `${M}${o}`,
+      current: e,
       comparison: a
-    })), Z = o.length ? i.map((t) => {
-      const a = { ...t };
-      for (const { field: p, current: tt, comparison: et } of o) {
-        const y = t[tt], g = t[et];
-        a[p] = typeof y == "number" && typeof g == "number" ? [Math.min(y, g), Math.max(y, g)] : void 0;
+    })), k = l.length > 0, Ce = pe ?? (k ? ((e) => /* @__PURE__ */ t(
+      P,
+      {
+        active: e.active,
+        label: e.label,
+        payload: A(
+          e.payload
+        )
+      }
+    )) : /* @__PURE__ */ t(P, {})), Ae = k ? ((e) => /* @__PURE__ */ t(
+      $,
+      {
+        verticalAlign: e.verticalAlign,
+        payload: A(e.payload)
+      }
+    )) : /* @__PURE__ */ t($, {}), Te = l.length ? i.map((e) => {
+      const a = { ...e };
+      for (const { field: o, current: m, comparison: f } of l) {
+        const c = e[m], d = e[f];
+        a[o] = typeof c == "number" && typeof d == "number" ? [Math.min(c, d), Math.max(c, d)] : void 0;
       }
       return a;
-    }) : i, w = o.length > 0 ? ot : it;
-    return /* @__PURE__ */ e(
+    }) : i, ye = l.length > 0 ? Be : xe;
+    return /* @__PURE__ */ t(
       "div",
       {
-        ref: q,
-        "data-curve": c,
-        "data-line-style": u,
-        className: mt(ut({ curve: c, lineStyle: u }), n),
-        ...Y,
-        children: /* @__PURE__ */ e(
-          ft,
+        ref: de,
+        "data-curve": p,
+        "data-line-style": L,
+        className: He(eo({ curve: p, lineStyle: L }), n),
+        ...ce,
+        children: /* @__PURE__ */ t(
+          Ue,
           {
-            config: l,
+            config: h,
             className: "size-full [&_.recharts-label]:fill-foreground",
-            children: /* @__PURE__ */ at(w, { data: Z, children: [
-              R && /* @__PURE__ */ e(
-                rt,
-                {
-                  horizontal: P ?? !0,
-                  vertical: W ?? !1,
-                  strokeDasharray: H ? "3 3" : void 0
-                }
-              ),
-              /* @__PURE__ */ e(
-                lt,
-                {
-                  dataKey: E,
-                  type: "category",
-                  hide: !j,
-                  tickLine: !1,
-                  axisLine: !1,
-                  tickMargin: 8,
-                  tickFormatter: I,
-                  angle: r,
-                  interval: V,
-                  textAnchor: r != null ? r < 0 ? "end" : "start" : void 0,
-                  height: K,
-                  label: Q
-                }
-              ),
-              /* @__PURE__ */ e(
-                st,
-                {
-                  type: "number",
-                  hide: !z,
-                  tickLine: !1,
-                  axisLine: !1,
-                  unit: F,
-                  tickFormatter: O,
-                  tickCount: X,
-                  domain: J,
-                  width: h ? 72 : void 0,
-                  label: U
-                }
-              ),
-              S && (L ? (
-                // Strips the synthetic delta bands before the caller's tooltip
-                // sees them — the `__band_*` series feed the Areas, not the
-                // tooltip (a no-op when no bands are configured).
-                /* @__PURE__ */ e(C, { content: L })
-              ) : o.length > 0 ? /* @__PURE__ */ e(
-                C,
-                {
-                  content: (t) => /* @__PURE__ */ e(
-                    b,
+            children: /* @__PURE__ */ Re(
+              ye,
+              {
+                data: Te,
+                margin: ue ? Oe : void 0,
+                children: [
+                  W && /* @__PURE__ */ t(
+                    Fe,
                     {
-                      active: t.active,
-                      label: t.label,
-                      payload: T(
-                        t.payload
-                      )
+                      horizontal: g ?? !0,
+                      vertical: S ?? !1,
+                      strokeDasharray: U ? "3 3" : void 0
                     }
-                  )
-                }
-              ) : /* @__PURE__ */ e(C, { content: /* @__PURE__ */ e(b, {}) })),
-              N && (o.length > 0 ? /* @__PURE__ */ e(
-                _,
-                {
-                  content: (t) => /* @__PURE__ */ e(
-                    B,
+                  ),
+                  /* @__PURE__ */ t(
+                    Ne,
+                    {
+                      dataKey: T,
+                      type: "category",
+                      hide: !Y,
+                      tickLine: !1,
+                      axisLine: !1,
+                      tickMargin: 8,
+                      tickFormatter: _,
+                      angle: b,
+                      interval: J,
+                      textAnchor: Xe(b),
+                      height: ve,
+                      label: Le
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    ke,
+                    {
+                      type: "number",
+                      hide: !Z,
+                      tickLine: !1,
+                      axisLine: !1,
+                      unit: H,
+                      tickFormatter: q,
+                      tickCount: K,
+                      domain: me,
+                      width: D ? 72 : void 0,
+                      label: be
+                    }
+                  ),
+                  w && /* @__PURE__ */ t(ge, { content: Ce }),
+                  G && /* @__PURE__ */ t(Se, { content: Ae }),
+                  l.map(({ field: e, current: a }) => /* @__PURE__ */ t(
+                    Ee,
+                    {
+                      dataKey: e,
+                      type: N(a),
+                      stroke: "none",
+                      fill: F(a),
+                      fillOpacity: 0.12,
+                      connectNulls: R,
+                      dot: !1,
+                      activeDot: !1,
+                      ...x,
+                      legendType: "none",
+                      tooltipType: "none"
+                    },
+                    e
+                  )),
+                  s.map((e) => {
+                    const a = v == null ? void 0 : v.includes(e), o = r == null ? void 0 : r[e], m = !a && ((o == null ? void 0 : o.showDots) ?? O), f = (o == null ? void 0 : o.dotSize) ?? X, c = !a && (j ?? m), d = (o == null ? void 0 : o.dashed) ?? L === "dashed", De = (o == null ? void 0 : o.showLabel) ?? B, E = (o == null ? void 0 : o.labelPosition) ?? he;
+                    return /* @__PURE__ */ t(
+                      Pe,
+                      {
+                        type: N(e),
+                        dataKey: e,
+                        stroke: F(e),
+                        strokeWidth: (o == null ? void 0 : o.strokeWidth) ?? I,
+                        strokeDasharray: a || d ? "5 5" : void 0,
+                        strokeOpacity: a ? 0.5 : void 0,
+                        dot: m ? { r: f } : !1,
+                        activeDot: c ? { r: f + 2 } : !1,
+                        connectNulls: R,
+                        ...x,
+                        children: De && /* @__PURE__ */ t(
+                          $e,
+                          {
+                            dataKey: e,
+                            position: E,
+                            formatter: We(ne),
+                            className: Ve(E),
+                            fontSize: je
+                          }
+                        )
+                      },
+                      e
+                    );
+                  }),
+                  fe.map((e, a) => {
+                    const o = we(e, i, s);
+                    return o === void 0 ? null : /* @__PURE__ */ t(
+                      Me,
+                      {
+                        y: o,
+                        ...Ge(e.label, e.labelPosition)
+                      },
+                      `${e.label ?? "ref"}-${a}`
+                    );
+                  }),
+                  ie && /* @__PURE__ */ t(
+                    ze,
                     {
-                      verticalAlign: t.verticalAlign,
-                      payload: T(
-                        t.payload
-                      )
+                      dataKey: T,
+                      tickFormatter: _,
+                      ...Ye({ brushHeight: se, brushAriaLabel: le })
                     }
                   )
-                }
-              ) : /* @__PURE__ */ e(_, { content: /* @__PURE__ */ e(B, {}) })),
-              o.map(({ field: t, current: a }) => /* @__PURE__ */ e(
-                dt,
-                {
-                  dataKey: t,
-                  type: c ?? "monotone",
-                  stroke: "none",
-                  fill: `var(--color-${a})`,
-                  fillOpacity: 0.12,
-                  connectNulls: D,
-                  dot: !1,
-                  activeDot: !1,
-                  isAnimationActive: !1,
-                  legendType: "none",
-                  tooltipType: "none"
-                },
-                t
-              )),
-              s.map((t) => {
-                const a = f == null ? void 0 : f.includes(t);
-                return /* @__PURE__ */ e(
-                  ct,
-                  {
-                    type: c ?? "monotone",
-                    dataKey: t,
-                    stroke: `var(--color-${t})`,
-                    strokeWidth: M,
-                    strokeDasharray: a ? "5 5" : x,
-                    strokeOpacity: a ? 0.5 : void 0,
-                    dot: !a && k ? { r: 3 } : !1,
-                    activeDot: !a && k ? { r: 5 } : !1,
-                    connectNulls: D,
-                    isAnimationActive: !1
-                  },
-                  t
-                );
-              })
-            ] })
+                ]
+              }
+            )
           }
         )
       }
     );
   }
 );
-pt.displayName = "LineChart";
+ao.displayName = "LineChart";
 export {
-  pt as LineChart,
-  vt as createBandStrippedTooltip,
-  T as dropBandSeries,
-  ut as lineChartVariants
+  ao as LineChart,
+  oo as createBandStrippedTooltip,
+  A as dropBandSeries,
+  eo 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","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  CartesianGrid,\n  ComposedChart,\n  Line,\n  LineChart as RechartsLineChart,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAxisDomain,\n  type ChartConfig,\n  type ChartLegendContentProps,\n  type ChartTooltipContentProps,\n  type CartesianChartProps,\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) and `lineStyle`\n// (a solid or 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      step: '',\n    },\n    lineStyle: {\n      solid: '',\n      dashed: '',\n    },\n  },\n  defaultVariants: {\n    curve: 'monotone',\n    lineStyle: 'solid',\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 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    return typeof tooltipContent === 'function'\n      ? React.createElement(\n          tooltipContent as React.FunctionComponent<TooltipRenderProps>,\n          merged\n        )\n      : React.cloneElement(tooltipContent, merged);\n  };\n}\n\nexport interface LineChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof lineChartVariants>,\n    CartesianChartProps {\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` / `color` (imported from the shared `Chart`\n   * primitives). Series colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\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  /** Bridge `null` gaps in the data instead of breaking the line. */\n  connectNulls?: boolean;\n  showLegend?: boolean;\n}\n\nconst LineChart = React.forwardRef<HTMLDivElement, LineChartProps>(\n  (\n    {\n      className,\n      config,\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 = true,\n      connectNulls = false,\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      ...props\n    },\n    ref\n  ) => {\n    const dashArray = lineStyle === 'dashed' ? '5 5' : undefined;\n    const yDomain = resolveAxisDomain(yAxisDomain);\n\n    // Room for the X tick row: recharts' default 30, plus a rotated tick row\n    // (+20) and/or the axis title (+18). Additive — both can be present at once,\n    // which the old label-or-angle ternary under-allocated.\n    const xAxisHeight =\n      xAxisLabel || xAxisAngle != null\n        ? 30 + (xAxisAngle != null ? 20 : 0) + (xAxisLabel ? 18 : 0)\n        : undefined;\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      () =>\n        tooltipContent ? createBandStrippedTooltip(tooltipContent) : undefined,\n      [tooltipContent]\n    );\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 = xAxisLabel\n      ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n      : undefined;\n    const yAxisTitle = yAxisLabel\n      ? {\n          value: yAxisLabel,\n          angle: -90,\n          position: 'insideLeft' as const,\n          style: { textAnchor: 'middle' as const },\n        }\n      : undefined;\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    const chartData = bands.length\n      ? data.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      : data;\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          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RootChart data={chartData as readonly unknown[]}>\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={xTickFormatter}\n              angle={xAxisAngle}\n              interval={xAxisInterval}\n              textAnchor={\n                xAxisAngle != null ? (xAxisAngle < 0 ? 'end' : 'start') : undefined\n              }\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 &&\n              (customTooltip ? (\n                // Strips the synthetic delta bands before the caller's tooltip\n                // sees them — the `__band_*` series feed the Areas, not the\n                // tooltip (a no-op when no bands are configured).\n                <ChartTooltip content={customTooltip} />\n              ) : bands.length > 0 ? (\n                <ChartTooltip\n                  content={(props) => (\n                    <ChartTooltipContent\n                      active={props.active}\n                      label={props.label}\n                      payload={\n                        dropBandSeries(\n                          props.payload\n                        ) as ChartTooltipContentProps['payload']\n                      }\n                    />\n                  )}\n                />\n              ) : (\n                <ChartTooltip content={<ChartTooltipContent />} />\n              ))}\n            {showLegend &&\n              (bands.length > 0 ? (\n                <ChartLegend\n                  content={(props) => (\n                    <ChartLegendContent\n                      verticalAlign={props.verticalAlign}\n                      payload={\n                        dropBandSeries(\n                          props.payload\n                        ) as ChartLegendContentProps['payload']\n                      }\n                    />\n                  )}\n                />\n              ) : (\n                <ChartLegend content={<ChartLegendContent />} />\n              ))}\n            {/* Delta bands render before the lines so the lines draw on top. */}\n            {bands.map(({ field, current }) => (\n              <Area\n                key={field}\n                dataKey={field}\n                type={curve ?? 'monotone'}\n                stroke=\"none\"\n                fill={`var(--color-${current})`}\n                fillOpacity={0.12}\n                connectNulls={connectNulls}\n                dot={false}\n                activeDot={false}\n                isAnimationActive={false}\n                legendType=\"none\"\n                tooltipType=\"none\"\n              />\n            ))}\n            {dataKeys.map((key) => {\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              return (\n                <Line\n                  key={key}\n                  type={curve ?? 'monotone'}\n                  dataKey={key}\n                  stroke={`var(--color-${key})`}\n                  strokeWidth={strokeWidth}\n                  strokeDasharray={isComparison ? '5 5' : dashArray}\n                  strokeOpacity={isComparison ? 0.5 : undefined}\n                  dot={!isComparison && showDots ? { r: 3 } : false}\n                  activeDot={!isComparison && showDots ? { r: 5 } : false}\n                  connectNulls={connectNulls}\n                  isAnimationActive={false}\n                />\n              );\n            })}\n          </RootChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nLineChart.displayName = 'LineChart';\n\nexport { LineChart, lineChartVariants };\n"],"names":["lineChartVariants","cva","BAND_FIELD_PREFIX","dropBandSeries","payload","item","createBandStrippedTooltip","tooltipContent","props","merged","React","LineChart","className","config","data","dataKeys","comparisonKeys","deltaBands","xKey","xAxisLabel","yAxisLabel","yUnit","curve","lineStyle","strokeWidth","showDots","connectNulls","showGrid","showTooltip","showLegend","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","gridDashed","gridHorizontal","gridVertical","ref","dashArray","yDomain","resolveAxisDomain","xAxisHeight","customTooltip","xAxisTitle","yAxisTitle","bands","current","comparison","index","chartData","row","augmented","field","a","b","RootChart","ComposedChart","RechartsLineChart","jsx","cn","ChartContainer","jsxs","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","ChartLegend","ChartLegendContent","Area","key","isComparison","Line"],"mappings":"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"}
+{"version":3,"file":"line-chart.js","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  XAxis,\n  YAxis,\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  resolveChartReferenceValue,\n  resolveLabelFillClass,\n  resolveReferenceLineProps,\n  resolveRotatedTickAnchor,\n  resolveXAxisHeight,\n  resolveXAxisTitle,\n  resolveYAxisTitle,\n  toLabelFormatter,\n  toReferenceLineList,\n  type ChartConfig,\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// 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    return typeof tooltipContent === 'function'\n      ? React.createElement(\n          tooltipContent as React.FunctionComponent<TooltipRenderProps>,\n          merged\n        )\n      : 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  /** 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` / `color` (imported from the shared `Chart`\n   * primitives). Series colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\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  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      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 = true,\n      dotSize = 3,\n      showActiveDot,\n      connectNulls = false,\n      lineSettings,\n      referenceLine,\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    // 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      () =>\n        tooltipContent ? createBandStrippedTooltip(tooltipContent) : undefined,\n      [tooltipContent]\n    );\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 ? (\n        (props: TooltipRenderProps) => (\n          <ChartTooltipContent\n            active={props.active}\n            label={props.label}\n            payload={\n              dropBandSeries(\n                props.payload\n              ) as ChartTooltipContentProps['payload']\n            }\n          />\n        )\n      ) : (\n        <ChartTooltipContent />\n      ));\n    const legendNode = hasBands ? (\n      (props: LegendContentProps) => (\n        <ChartLegendContent\n          verticalAlign={props.verticalAlign}\n          payload={\n            dropBandSeries(props.payload) as ChartLegendContentProps['payload']\n          }\n        />\n      )\n    ) : (\n      <ChartLegendContent />\n    );\n    const chartData = bands.length\n      ? data.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      : data;\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          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={xTickFormatter}\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            {/* Delta bands render before the lines so the lines draw on top. */}\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                {...animation}\n                legendType=\"none\"\n                tooltipType=\"none\"\n              />\n            ))}\n            {dataKeys.map((key) => {\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              return (\n                <Line\n                  key={key}\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            {/* 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"],"names":["lineChartVariants","cva","BAND_FIELD_PREFIX","dropBandSeries","payload","item","createBandStrippedTooltip","tooltipContent","props","merged","React","LineChart","className","config","data","dataKeys","comparisonKeys","deltaBands","xKey","xAxisLabel","yAxisLabel","yUnit","curve","lineStyle","strokeWidth","showDots","dotSize","showActiveDot","connectNulls","lineSettings","referenceLine","showGrid","showTooltip","showLegend","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","gridDashed","gridHorizontal","gridVertical","animate","animationDuration","animationBegin","animationEasing","showLabels","labelPosition","labelFormatter","showBrush","brushHeight","brushAriaLabel","ref","animation","resolveAnimation","lineLabelPosition","yDomain","resolveAxisDomain","referenceLines","toReferenceLineList","colorFor","key","_a","curveFor","hasLabels","settings","xAxisHeight","resolveXAxisHeight","customTooltip","xAxisTitle","resolveXAxisTitle","yAxisTitle","resolveYAxisTitle","bands","current","comparison","index","hasBands","tooltipNode","jsx","ChartTooltipContent","legendNode","ChartLegendContent","chartData","row","augmented","field","a","b","RootChart","ComposedChart","RechartsLineChart","cn","ChartContainer","jsxs","CHART_LABEL_MARGIN","CartesianGrid","XAxis","resolveRotatedTickAnchor","YAxis","ChartTooltip","ChartLegend","Area","isComparison","seriesDots","dotRadius","activeDot","seriesDashed","seriesLabel","seriesLabelPosition","Line","LabelList","toLabelFormatter","resolveLabelFillClass","CHART_LABEL_FONT_SIZE","value","resolveChartReferenceValue","ReferenceLine","resolveReferenceLineProps","Brush","resolveBrushProps"],"mappings":"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"}