@ledgerhq/lumen-ui-react 0.1.56 → 0.1.58

package/dist/lib/Components/visualization/Legend/types.d.ts

@@ -0,0 +1,32 @@
+export type LegendItem = {
+    /**
+     * Stable identifier for the series or segment.
+     */
+    id: string;
+    /**
+     * Human-readable label.
+     * Falls back to `id` when omitted.
+     */
+    label?: string;
+    /**
+     * Swatch color.
+     * Falls back to the neutral default when omitted.
+     */
+    color?: string;
+};
+export type LegendProps = {
+    /**
+     * Series or segments to display in the legend.
+     */
+    series: LegendItem[];
+    /**
+     * Accessible label for the legend group.
+     * @default 'Legend'
+     */
+    ariaLabel?: string;
+    /**
+     * Additional custom CSS classes to apply to the root list.
+     */
+    className?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/visualization/Legend/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Legend/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/lib/Components/visualization/Line/Line.d.ts

@@ -0,0 +1,3 @@
+import { LineProps } from './types';
+export declare const Line: import('react').NamedExoticComponent<LineProps>;
+//# sourceMappingURL=Line.d.ts.map

package/dist/lib/Components/visualization/Line/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Line/Line.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,IAAI,iDA8Ff,CAAC"}

package/dist/lib/Components/visualization/Line/Line.js

@@ -0,0 +1,82 @@
+import { jsxs as c, jsx as o, Fragment as j } from "react/jsx-runtime";
+import { memo as N, useId as O, useMemo as d } from "react";
+import { chartConfig as b } from "../config.js";
+import { isNumericScale as A } from "../utils/scales/scales.js";
+import { toScaledPoints as G, buildLinePath as I, buildAreaPath as M } from "./utils.js";
+import { useCartesianChartContext as T } from "../CartesianChart/context/cartesianChartContext.js";
+import { usePathReveal as W } from "../CartesianChart/RevealAnimation/context.js";
+const { color: X, strokeWidth: D, line: F } = b, J = N(function({
+  seriesId: g,
+  stroke: x,
+  showArea: i = !1,
+  areaType: Y = "gradient",
+  curve: C,
+  connectNulls: k
+}) {
+  const { getXScale: y, getYScale: P, getXAxisConfig: S, drawingArea: s, seriesMap: v } = T(), L = W(), l = y(), n = P(), p = S(), f = O(), t = v.get(g), r = (x ?? t?.stroke) || X.stroke, a = C ?? t?.curve, u = k ?? t?.connectNulls ?? !1, e = d(
+    () => t?.data && l && n && A(n) ? G(
+      t.data,
+      l,
+      n,
+      p?.data,
+      u
+    ) : null,
+    [t, l, n, p, u]
+  ), m = d(
+    () => e ? I(e, a) : null,
+    [e, a]
+  ), h = d(
+    () => i && e && s ? M(e, s, a) : null,
+    [i, e, s, a]
+  );
+  return m ? /* @__PURE__ */ c("g", { clipPath: L, children: [
+    i && h && r && /* @__PURE__ */ c(j, { children: [
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ c(
+        "linearGradient",
+        {
+          "data-testid": "line-gradient",
+          id: f,
+          x1: "0",
+          y1: "0",
+          x2: "0",
+          y2: "1",
+          children: [
+            /* @__PURE__ */ o(
+              "stop",
+              {
+                offset: "0%",
+                stopColor: r,
+                stopOpacity: F.areaGradientOpacity
+              }
+            ),
+            /* @__PURE__ */ o("stop", { offset: "100%", stopColor: r, stopOpacity: 0 })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          "data-testid": "line-area",
+          d: h,
+          fill: `url(#${f})`,
+          stroke: "none"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        "data-testid": "line-path",
+        d: m,
+        fill: "none",
+        stroke: r,
+        strokeWidth: D.line,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }) : null;
+});
+export {
+  J as Line
+};

package/dist/lib/Components/visualization/Line/index.d.ts

@@ -0,0 +1,3 @@
+export { Line } from './Line';
+export type { CurveType, LineProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/visualization/Line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Line/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/visualization/Line/types.d.ts

@@ -0,0 +1,45 @@
+import { CurveType } from '../utils/types';
+export type { CurveType };
+/**
+ * Rendering options shared by `Line` (per-line) and `LineChart` (applied to
+ * every line). Owned here so both types stay in sync.
+ */
+export type LineRenderOptions = {
+    /**
+     * Whether to render a filled area under the line.
+     * @default false
+     */
+    showArea?: boolean;
+    /**
+     * Area fill style.
+     * When `'gradient'`, renders a vertical gradient from the stroke color to transparent.
+     * @default 'gradient'
+     */
+    areaType?: 'gradient';
+};
+export type LineProps = LineRenderOptions & {
+    /**
+     * The ID of the series to render.
+     * Must match a `Series.id` provided to the parent chart.
+     */
+    seriesId: string;
+    /**
+     * Override color for the line stroke.
+     * When omitted, falls back to the `stroke` defined on the series.
+     */
+    stroke?: string;
+    /**
+     * Override interpolation used to draw the line between data points.
+     * When omitted, falls back to the `curve` defined on the series.
+     * @default 'bump'
+     */
+    curve?: CurveType;
+    /**
+     * When true, skips null values and draws a continuous line across gaps.
+     * When false, null values create gaps in the line.
+     * When omitted, falls back to the `connectNulls` defined on the series.
+     * @default false
+     */
+    connectNulls?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/visualization/Line/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Line/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}

package/dist/lib/Components/visualization/Line/utils.d.ts

@@ -0,0 +1,28 @@
+import { ChartScaleFunction, CurveType, DrawingArea, NumericScale } from '../utils/types';
+type Point = [x: number, y: number | null];
+/**
+ * Project series data into scaled [x, y] pixel coordinates.
+ *
+ * When `xData` contains numeric values, those values are fed into the scale
+ * instead of the array index so the points honour a numeric X domain.
+ *
+ * When `xData` is provided, iteration is capped at `xData.length` so a series
+ * with more points than the axis has labels does not overflow past the right
+ * edge of the chart. The axis is treated as authoritative for the X domain.
+ *
+ * Null values (and other non-finite numbers) are handled according to `connectNulls`:
+ * - `false` (default): kept as `[x, null]` holes so the line/area break into
+ *   gaps via the generators' `.defined()` check.
+ * - `true`: skipped entirely so the line is drawn continuously across gaps.
+ */
+export declare const toScaledPoints: (data: (number | null)[], xScale: ChartScaleFunction, yScale: NumericScale, xData?: readonly (string | number)[], connectNulls?: boolean) => Point[] | null;
+/**
+ * Build the SVG `d` attribute for the line stroke.
+ */
+export declare const buildLinePath: (points: Point[], curve?: CurveType) => string | null;
+/**
+ * Build the SVG `d` attribute for the filled area beneath the line.
+ */
+export declare const buildAreaPath: (points: Point[], drawingArea: DrawingArea, curve?: CurveType) => string | null;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/Line/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Line/utils.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AAExB,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAoB3C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EACvB,QAAQ,kBAAkB,EAC1B,QAAQ,YAAY,EACpB,QAAQ,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACpC,sBAAoB,KACnB,KAAK,EAAE,GAAG,IA4BZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,QAAQ,SAAS,KAChB,MAAM,GAAG,IAQX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,EACxB,QAAQ,SAAS,KAChB,MAAM,GAAG,IAWX,CAAC"}

package/dist/lib/Components/visualization/Line/utils.js

@@ -0,0 +1,34 @@
+import { line as y, curveStepBefore as d, curveStepAfter as C, curveStep as g, curveNatural as F, curveMonotoneX as a, curveLinear as A, curveBumpX as B, area as E } from "d3-shape";
+import { isFiniteNumber as L } from "../utils/numbers.js";
+import { isCategoricalScale as P } from "../utils/scales/scales.js";
+const m = {
+  bump: B,
+  linear: A,
+  monotone: a,
+  natural: F,
+  step: g,
+  stepAfter: C,
+  stepBefore: d
+}, h = "bump", v = (e = h) => m[e] ?? m[h], V = (e, t, n, o, r = !1) => {
+  const i = [], b = o ? Math.min(e.length, o.length) : e.length;
+  let l = 0;
+  for (let u = 0; u < b; u++) {
+    const c = e[u], s = L(c);
+    if (!s && r) continue;
+    const p = o && typeof o[u] == "number" ? o[u] : u, f = P(t) ? (t(p) ?? 0) + t.bandwidth() / 2 : t(p);
+    if (!s) {
+      i.push([f, null]);
+      continue;
+    }
+    i.push([f, n(c)]), l++;
+  }
+  return l >= 2 ? i : null;
+}, I = (e, t) => y().defined((n) => n[1] !== null).x((n) => n[0]).y((n) => n[1]).curve(v(t))(e) ?? null, M = (e, t, n) => {
+  const o = t.y + t.height;
+  return E().defined((r) => r[1] !== null).x((r) => r[0]).y0(o).y1((r) => r[1]).curve(v(n))(e) ?? null;
+};
+export {
+  M as buildAreaPath,
+  I as buildLinePath,
+  V as toScaledPoints
+};

package/dist/lib/Components/visualization/LineChart/LineChart.d.ts

@@ -0,0 +1,3 @@
+import { LineChartProps } from './types';
+export declare function LineChart({ series: seriesProp, showArea, areaType, connectNulls, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, loading, emptyLabel, enableColorContrast, children, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/lib/Components/visualization/LineChart/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/LineChart/LineChart.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,SAAS,CAAC;AA+GjB,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,QAAgB,EAChB,QAAqB,EACrB,YAAY,EACZ,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,OAAe,EACf,UAAgD,EAChD,mBAA2B,EAC3B,QAAQ,GACT,EAAE,cAAc,2CAuFhB"}

package/dist/lib/Components/visualization/LineChart/LineChart.js

@@ -0,0 +1,181 @@
+import { jsx as t, jsxs as D, Fragment as C } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { ChartEmptyLabel as R } from "../CartesianChart/ChartEmptyLabel/ChartEmptyLabel.js";
+import { useShimmerAnimation as q } from "../CartesianChart/hooks/useShimmerAnimation.js";
+import { chartConfig as h } from "../config.js";
+import { mergeDefaults as b, computeAxisPadding as z, canRenderLine as J, getChartAriaLabel as K, getChartDisplayStates as Q } from "./utils.js";
+import { CartesianChart as U } from "../CartesianChart/CartesianChart.js";
+import { LineChartEmptyState as V } from "./LineChartEmptyState/LineChartEmptyState.js";
+import { XAxis as X } from "../Axis/XAxis/XAxis.js";
+import { YAxis as Y } from "../Axis/YAxis/YAxis.js";
+import { Line as Z } from "../Line/Line.js";
+import { useTheme as _ } from "../../core/ThemeProvider/ThemeProvider.js";
+import { getContrastSafeColor as $ } from "../../../../libs/design-core/dist/lib/colorContrast/colorContrast.js";
+import { primitiveColorTokens as v } from "../../../../libs/design-core/dist/lib/themes/js/primitives/primitive.colors.js";
+const N = {
+  position: "bottom",
+  showGrid: !1,
+  showLine: !1,
+  showTickMark: !1,
+  scaleType: "linear",
+  nice: !1
+}, tt = {
+  position: "start",
+  showGrid: !1,
+  showLine: !1,
+  showTickMark: !1,
+  scaleType: "linear",
+  nice: !0,
+  width: h.axis.defaultWidth
+}, E = ({
+  series: e,
+  showArea: r,
+  areaType: s,
+  connectNulls: a,
+  stroke: o
+}) => /* @__PURE__ */ t(C, { children: e.map((i) => /* @__PURE__ */ t(
+  Z,
+  {
+    seriesId: i.id,
+    stroke: o ?? i.stroke,
+    showArea: r,
+    areaType: s,
+    connectNulls: a
+  },
+  i.id
+)) }), it = ({
+  series: e,
+  showArea: r,
+  areaType: s,
+  connectNulls: a
+}) => {
+  const { animationStyle: o, keyframe: i } = q();
+  return /* @__PURE__ */ D(C, { children: [
+    /* @__PURE__ */ t("style", { children: i }),
+    /* @__PURE__ */ t("g", { style: { animation: o }, children: /* @__PURE__ */ t(
+      E,
+      {
+        series: e,
+        showArea: r,
+        areaType: s,
+        connectNulls: a,
+        stroke: h.color.mutedLine
+      }
+    ) })
+  ] });
+}, et = ({
+  series: e,
+  showArea: r,
+  areaType: s,
+  connectNulls: a,
+  showXAxis: o,
+  showYAxis: i,
+  xAxisConfig: n,
+  yAxisConfig: m,
+  isTransitionLoading: p,
+  children: g
+}) => /* @__PURE__ */ D(C, { children: [
+  o && /* @__PURE__ */ t(X, { ...n }),
+  i && /* @__PURE__ */ t(Y, { ...m }),
+  p ? /* @__PURE__ */ t(
+    it,
+    {
+      series: e,
+      showArea: r,
+      areaType: s,
+      connectNulls: a
+    }
+  ) : /* @__PURE__ */ t(
+    E,
+    {
+      series: e,
+      showArea: r,
+      areaType: s,
+      connectNulls: a
+    }
+  ),
+  g
+] });
+function ut({
+  series: e,
+  showArea: r = !1,
+  areaType: s = "gradient",
+  connectNulls: a,
+  showXAxis: o = !1,
+  showYAxis: i = !1,
+  xAxis: n,
+  yAxis: m,
+  width: p = "100%",
+  height: g = h.root.defaultHeight,
+  inset: M,
+  enableScrubbing: j,
+  onScrubberPositionChange: G,
+  animate: W,
+  magnetRadius: B,
+  loading: L = !1,
+  emptyLabel: k = h.emptyState.defaultLabel,
+  enableColorContrast: x = !1,
+  children: F
+}) {
+  const { colorScheme: H } = _(), T = H === "dark" ? v.dark.grey["050"] : v.light.grey["050"], u = d(
+    () => e?.map((y) => ({
+      ...y,
+      ...y.stroke && x && {
+        stroke: $(y.stroke, T)
+      }
+    })),
+    [e, x, T]
+  ), l = d(
+    () => b(N, n),
+    [n]
+  ), c = d(
+    () => b(tt, m),
+    [m]
+  ), A = l.position, S = c.position, P = c.width, I = d(
+    () => z({
+      showXAxis: o,
+      showYAxis: i,
+      xAxisPosition: A,
+      yAxisPosition: S,
+      yAxisWidth: P
+    }),
+    [o, i, A, S, P]
+  ), w = J(u, l.data), f = Q({ loading: L, hasData: w }), O = K({ loading: L, hasData: w, emptyLabel: k });
+  return /* @__PURE__ */ t(
+    U,
+    {
+      series: u ?? [],
+      xAxis: l,
+      yAxis: c,
+      width: p,
+      height: g,
+      inset: M,
+      axisPadding: I,
+      enableScrubbing: j,
+      onScrubberPositionChange: G,
+      animate: W,
+      magnetRadius: B,
+      ariaLabel: O,
+      ariaBusy: L,
+      overlay: f.showEmptyOverlay ? /* @__PURE__ */ t(R, { children: k }) : void 0,
+      children: f.showPlaceholder ? /* @__PURE__ */ t(V, { loading: f.placeholderLoading }) : /* @__PURE__ */ t(
+        et,
+        {
+          series: u ?? [],
+          showArea: r,
+          areaType: s,
+          connectNulls: a,
+          showXAxis: o,
+          showYAxis: i,
+          xAxisConfig: l,
+          yAxisConfig: c,
+          isTransitionLoading: f.isTransitionLoading,
+          children: F
+        }
+      )
+    }
+  );
+}
+export {
+  ut as LineChart
+};

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/LineChartEmptyState.d.ts

@@ -0,0 +1,9 @@
+import { LineChartEmptyStateProps } from './types';
+/**
+ * SVG placeholder line shown when a LineChart is loading with no data yet (with
+ * a shimmer) or has no data to display (static). Uses a fixed line shape scaled
+ * into the chart's reserved drawing area, plus static horizontal grid lines, so
+ * axes are not needed.
+ */
+export declare function LineChartEmptyState({ loading, }: Readonly<LineChartEmptyStateProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LineChartEmptyState.d.ts.map

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/LineChartEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartEmptyState.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/LineChart/LineChartEmptyState/LineChartEmptyState.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAKxD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAe,GAChB,EAAE,QAAQ,CAAC,wBAAwB,CAAC,kDAkDpC"}

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/LineChartEmptyState.js

@@ -0,0 +1,51 @@
+import { jsxs as o, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { useShimmerAnimation as p } from "../../CartesianChart/hooks/useShimmerAnimation.js";
+import { chartConfig as f } from "../../config.js";
+import { buildPlaceholderTransform as y } from "./utils.js";
+import { useCartesianChartContext as g } from "../../CartesianChart/context/cartesianChartContext.js";
+import { usePathReveal as u } from "../../CartesianChart/RevealAnimation/context.js";
+const { color: a, strokeWidth: s, emptyState: h } = f;
+function j({
+  loading: r = !1
+}) {
+  const { drawingArea: t } = g(), { animationStyle: d, keyframe: m } = p(), l = u();
+  return t.width <= 0 || t.height <= 0 ? null : /* @__PURE__ */ o(c, { children: [
+    r && /* @__PURE__ */ e("style", { children: m }),
+    /* @__PURE__ */ o("g", { "data-testid": "chart-empty-state", children: [
+      /* @__PURE__ */ e("g", { "data-testid": "chart-empty-state-grid", children: h.gridLineRatios.map((i) => {
+        const n = t.y + t.height * i;
+        return /* @__PURE__ */ e(
+          "line",
+          {
+            x1: t.x,
+            y1: n,
+            x2: t.x + t.width,
+            y2: n,
+            style: {
+              stroke: a.gridLine
+            },
+            strokeWidth: s.hairline
+          },
+          i
+        );
+      }) }),
+      /* @__PURE__ */ e("g", { clipPath: l, children: /* @__PURE__ */ e("g", { style: r ? { animation: d } : void 0, children: /* @__PURE__ */ e(
+        "path",
+        {
+          "data-testid": "chart-empty-state-line",
+          d: h.placeholderLinePath,
+          transform: y(t),
+          vectorEffect: "non-scaling-stroke",
+          fill: "none",
+          stroke: a.mutedLine,
+          strokeWidth: s.line,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) })
+    ] })
+  ] });
+}
+export {
+  j as LineChartEmptyState
+};

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/index.d.ts

@@ -0,0 +1,3 @@
+export { LineChartEmptyState } from './LineChartEmptyState';
+export type { LineChartEmptyStateProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/LineChart/LineChartEmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/types.d.ts

@@ -0,0 +1,3 @@
+import { LineChartProps } from '../types';
+export type LineChartEmptyStateProps = Pick<LineChartProps, 'loading'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/LineChart/LineChartEmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/utils.d.ts

@@ -0,0 +1,8 @@
+import { DrawingArea } from '../../utils/types';
+/**
+ * Transform that fits `chartConfig.emptyState.placeholderLinePath` into the
+ * drawing area. Pair with `vector-effect: non-scaling-stroke` on the path so the
+ * stroke keeps a constant width despite the (potentially non-uniform) scale.
+ */
+export declare const buildPlaceholderTransform: (drawingArea: DrawingArea) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/LineChart/LineChartEmptyState/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,aAAa,WAAW,KAAG,MAOpE,CAAC"}

package/dist/lib/Components/visualization/LineChart/LineChartEmptyState/utils.js

@@ -0,0 +1,8 @@
+import { chartConfig as e } from "../../config.js";
+const h = (t) => {
+  const l = t.width / e.emptyState.placeholderViewWidth, o = t.height / e.emptyState.placeholderViewHeight;
+  return `translate(${t.x}, ${t.y}) scale(${l}, ${o})`;
+};
+export {
+  h as buildPlaceholderTransform
+};

package/dist/lib/Components/visualization/LineChart/index.d.ts

@@ -0,0 +1,3 @@
+export { LineChart } from './LineChart';
+export type { LineChartProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/visualization/LineChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/LineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/visualization/LineChart/types.d.ts

@@ -0,0 +1,82 @@
+import { XAxisProps } from '../Axis/XAxis';
+import { YAxisProps } from '../Axis/YAxis';
+import { CartesianChartProps } from '../CartesianChart/types';
+import { LineRenderOptions } from '../Line/types';
+import { Series } from '../utils/types';
+export type LineChartProps = LineRenderOptions & Pick<CartesianChartProps, 'width' | 'height' | 'inset' | 'animate' | 'children' | 'enableScrubbing' | 'onScrubberPositionChange' | 'magnetRadius'> & {
+    /**
+     * Data series to render as lines.
+     * Each series produces one `<Line>` element.
+     */
+    series?: Series[];
+    /**
+     * Chart-wide override controlling how null values are handled across all lines.
+     * When true, skips null values and draws continuous lines across gaps.
+     * When false, null values create gaps in the lines.
+     * When omitted, each series' own `connectNulls` value is used (defaulting to `false`).
+     */
+    connectNulls?: boolean;
+    /**
+     * Whether to render an x-axis.
+     * @default false
+     */
+    showXAxis?: boolean;
+    /**
+     * Whether to render a y-axis.
+     * @default false
+     */
+    showYAxis?: boolean;
+    /**
+     * Combined axis configuration and visual props for the x-axis.
+     * Includes scale/domain settings as well as visual options like `showGrid` and `showLine`.
+     */
+    xAxis?: XAxisProps;
+    /**
+     * Combined axis configuration and visual props for the y-axis.
+     * Includes scale/domain settings as well as visual options like `showGrid` and `showLine`.
+     */
+    yAxis?: YAxisProps;
+    /**
+     * Whether the chart is loading. When there is no data, renders an animated
+     * shimmer placeholder line (initial loading). When data is present (e.g. a
+     * time-range change), the current line is recoloured to a muted grey and
+     * shimmers until the new `series` is provided (transition loading).
+     *
+     * To get the transition behaviour, keep passing the previous `series` while
+     * refetching; clearing it falls back to the initial placeholder.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Text shown in the centre of the chart when there is no data and the chart
+     * is not loading.
+     * @default 'No data'
+     */
+    emptyLabel?: string;
+    /**
+     * When `true`, each series' `stroke` color is nudged so its HSL lightness
+     * differs from the surface background by at least 20 units.
+     *
+     * Colors that already meet that minimum are left untouched. Only applies to
+     * explicit 6-digit hex stroke values; other formats are passed through unchanged.
+     * @default false
+     */
+    enableColorContrast?: boolean;
+};
+/**
+ * Series-render fields shared by `LineChart` and its internal line
+ * sub-components. Derived from {@link LineChartProps} so the option types stay
+ * in sync.
+ */
+type LineSeriesRenderProps = Required<Pick<LineChartProps, 'series' | 'showArea' | 'areaType'>>;
+export type LineChartLinesProps = LineSeriesRenderProps & Pick<LineChartProps, 'connectNulls'> & {
+    stroke?: string;
+};
+export type LineChartTransitionLinesProps = Omit<LineChartLinesProps, 'stroke'>;
+export type LineChartContentProps = LineChartLinesProps & Required<Pick<LineChartProps, 'showXAxis' | 'showYAxis'>> & Pick<LineChartProps, 'children'> & {
+    xAxisConfig: XAxisProps;
+    yAxisConfig: YAxisProps;
+    isTransitionLoading: boolean;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/visualization/LineChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAC5C,IAAI,CACF,mBAAmB,EACjB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,GACV,iBAAiB,GACjB,0BAA0B,GAC1B,cAAc,CACjB,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEJ;;;;GAIG;AACH,KAAK,qBAAqB,GAAG,QAAQ,CACnC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,CACzD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,GACrD,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEJ,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;AAEhF,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,GACrD,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC,GACzD,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IACjC,WAAW,EAAE,UAAU,CAAC;IACxB,WAAW,EAAE,UAAU,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC"}