@ledgerhq/lumen-ui-react-visualization 0.1.9 → 0.1.10

package/dist/index.js

@@ -1,7 +1,11 @@
-import { LineChart as t } from "./lib/Components/LineChart/LineChart.js";
-import { Point as i, PointLabel as n } from "./lib/Components/Point/Point.js";
+import { LineChart as e } from "./lib/Components/LineChart/LineChart.js";
+import { Point as b, PointLabel as x } from "./lib/Components/Point/Point.js";
+import { Scrubber as m } from "./lib/Components/Scrubber/Scrubber.js";
+import { useScrubberContext as p } from "./lib/Components/Scrubber/context/scrubberContext.js";
 export {
-  t as LineChart,
-  i as Point,
-  n as PointLabel
+  e as LineChart,
+  b as Point,
+  x as PointLabel,
+  m as Scrubber,
+  p as useScrubberContext
 };

package/dist/lib/Components/Axis/XAxis/XAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/XAxis/XAxis.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,wBAAgB,KAAK,CAAC,EACpB,aAAwB,EACxB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAqFZ"}
+{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/XAxis/XAxis.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,wBAAgB,KAAK,CAAC,EACpB,aAAuB,EACvB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAuFZ"}

package/dist/lib/Components/Axis/XAxis/XAxis.js

@@ -5,9 +5,9 @@ import { useCartesianChartContext as D } from "../../CartesianChart/context/cart
 import { cssVar as o } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
 const c = 4, S = 6, F = 28;
 function K({
-  gridLineStyle: h = "dashed",
+  gridLineStyle: p = "solid",
   position: l = "bottom",
-  showGrid: p = !1,
+  showGrid: h = !1,
   showLine: u = !1,
   showTickMark: g = !1,
   ticks: d,
@@ -21,16 +21,18 @@ function K({
     return null;
   const f = l === "top", s = f ? e.y : e.y + e.height, y = f ? -1 : 1, b = s + y * (c + S);
   return /* @__PURE__ */ k("g", { "data-testid": "x-axis", children: [
-    p && n.filter((t) => E(t, e)).map((t, i) => /* @__PURE__ */ a(
+    h && n.filter((t) => E(t, e)).map((t, i) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
         y1: e.y,
         x2: t.position,
         y2: e.y + e.height,
-        style: { stroke: o("var(--border-muted-subtle)") },
+        style: {
+          stroke: o("var(--border-muted-subtle-transparent)")
+        },
         strokeWidth: o("var(--stroke-1)"),
-        strokeDasharray: h === "dashed" ? "3 3" : void 0
+        strokeDasharray: p === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${i}`
     )),

package/dist/lib/Components/Axis/YAxis/YAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/YAxis.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,wBAAgB,KAAK,CAAC,EACpB,aAAwB,EACxB,QAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAqFZ"}
+{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/YAxis.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,wBAAgB,KAAK,CAAC,EACpB,aAAuB,EACvB,QAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAuFZ"}

package/dist/lib/Components/Axis/YAxis/YAxis.js

@@ -5,10 +5,10 @@ import { useCartesianChartContext as T } from "../../CartesianChart/context/cart
 import { cssVar as s } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
 const f = 4, E = 6, w = 40;
 function F({
-  gridLineStyle: h = "dashed",
+  gridLineStyle: h = "solid",
   position: l = "start",
-  showGrid: u = !1,
-  showLine: p = !1,
+  showGrid: p = !1,
+  showLine: u = !1,
   showTickMark: v = !1,
   ticks: d,
   tickLabelFormatter: x
@@ -21,20 +21,22 @@ function F({
     return null;
   const y = l === "start", r = y ? e.x : e.x + e.width, c = y ? -1 : 1, k = r + c * (f + E);
   return /* @__PURE__ */ b("g", { "data-testid": "y-axis", children: [
-    u && n.filter((t) => S(t, e)).map((t, o) => /* @__PURE__ */ a(
+    p && n.filter((t) => S(t, e)).map((t, o) => /* @__PURE__ */ a(
       "line",
       {
         x1: e.x,
         y1: t.position,
         x2: e.x + e.width,
         y2: t.position,
-        style: { stroke: s("var(--border-muted-subtle)") },
+        style: {
+          stroke: s("var(--border-muted-subtle-transparent)")
+        },
         strokeWidth: s("var(--stroke-1)"),
         strokeDasharray: h === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${o}`
     )),
-    p && /* @__PURE__ */ a(
+    u && /* @__PURE__ */ a(
       "line",
       {
         x1: r,

package/dist/lib/Components/CartesianChart/CartesianChart.d.ts

@@ -1,3 +1,3 @@
 import { CartesianChartProps } from './types';
-export declare function CartesianChart({ series, xAxis, yAxis, width, height, inset, axisPadding, ariaLabel, children, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartesianChart({ series, xAxis, yAxis, width, height, inset, axisPadding, ariaLabel, enableScrubbing, onScrubberPositionChange, children, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CartesianChart.d.ts.map

package/dist/lib/Components/CartesianChart/CartesianChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,QAAQ,GACT,EAAE,mBAAmB,2CA2FrB"}
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,eAAuB,EACvB,wBAAwB,EACxB,QAAQ,GACT,EAAE,mBAAmB,2CA4GrB"}

package/dist/lib/Components/CartesianChart/CartesianChart.js

@@ -1,79 +1,96 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as I, useState as M, useCallback as O, useEffect as W, useMemo as v } from "react";
-import { resolveInset as g, resolveAxisPadding as z, OVERFLOW_NEGATIVE_MARGIN as m, DEFAULT_HEIGHT as G } from "./utils.js";
-import { useBuildChartContext as P } from "./context/useBuildChartContext.js";
-import { CartesianChartProvider as T } from "./context/cartesianChartContext.js";
-function L({
-  series: b,
-  xAxis: p,
-  yAxis: C,
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as C, useState as W, useCallback as z, useEffect as G, useMemo as y } from "react";
+import { ScrubberProvider as T } from "../Scrubber/ScrubberProvider.js";
+import { resolveInset as V, resolveAxisPadding as _, OVERFLOW_NEGATIVE_MARGIN as R, DEFAULT_HEIGHT as k } from "./utils.js";
+import { useBuildChartContext as F } from "./context/useBuildChartContext.js";
+import { CartesianChartProvider as H } from "./context/cartesianChartContext.js";
+function D({
+  series: h,
+  xAxis: x,
+  yAxis: E,
   width: e = "100%",
-  height: t = G,
+  height: r = k,
   inset: a,
-  axisPadding: d,
-  ariaLabel: y = "Chart",
-  children: h
+  axisPadding: c,
+  ariaLabel: I = "Chart",
+  enableScrubbing: o = !1,
+  onScrubberPositionChange: b,
+  children: l
 }) {
-  const s = I(null), [c, R] = M(
+  const n = C(null), f = C(null), [u, A] = W(
     typeof e == "number" ? e : void 0
-  ), o = typeof e != "number", l = O((r) => {
-    const [f] = r;
-    f && R(f.contentRect.width);
+  ), i = typeof e != "number", v = z((s) => {
+    const [p] = s;
+    p && A(p.contentRect.width);
   }, []);
-  W(() => {
-    if (!o || !s.current || typeof ResizeObserver > "u")
+  G(() => {
+    if (!i || !n.current || typeof ResizeObserver > "u")
       return;
-    const r = new ResizeObserver(l);
-    return r.observe(s.current), () => r.disconnect();
-  }, [o, l]);
-  const i = typeof e == "number" ? e : c ?? 0, x = v(() => g(a), [a]), E = v(
-    () => z(d),
-    [d]
-  ), A = P({
-    series: b,
-    xAxis: p,
-    yAxis: C,
-    width: i,
-    height: t,
-    inset: x,
-    axisPadding: E
-  }), u = /* @__PURE__ */ n(
+    const s = new ResizeObserver(v);
+    return s.observe(n.current), () => s.disconnect();
+  }, [i, v]);
+  const d = typeof e == "number" ? e : u ?? 0, M = y(() => V(a), [a]), O = y(
+    () => _(c),
+    [c]
+  ), P = F({
+    series: h,
+    xAxis: x,
+    yAxis: E,
+    width: d,
+    height: r,
+    inset: M,
+    axisPadding: O
+  }), m = /* @__PURE__ */ t(
     "svg",
     {
+      ref: f,
       "data-testid": "chart-svg",
-      width: i,
-      height: t,
+      width: d,
+      height: r,
       role: "img",
-      "aria-label": y || "Chart",
-      style: { display: "block", overflow: "visible" },
-      children: /* @__PURE__ */ n(T, { value: A, children: h })
+      "aria-label": I || "Chart",
+      tabIndex: o ? 0 : void 0,
+      style: {
+        display: "block",
+        overflow: "visible",
+        outline: o ? "none" : void 0
+      },
+      children: /* @__PURE__ */ t(H, { value: P, children: o ? /* @__PURE__ */ t(
+        T,
+        {
+          svgRef: f,
+          enableScrubbing: o,
+          onScrubberPositionChange: b,
+          children: l
+        }
+      ) : l })
     }
   );
-  return o ? /* @__PURE__ */ n(
+  return i ? /* @__PURE__ */ t(
     "div",
     {
-      ref: s,
+      ref: n,
       "data-testid": "chart-container",
       style: {
         width: e,
-        height: t,
-        ...m
+        height: r,
+        ...R
       },
-      children: c !== void 0 && u
+      children: u !== void 0 && m
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ t(
     "div",
     {
       "data-testid": "chart-container",
       style: {
-        width: i,
-        height: t,
-        ...m
+        width: d,
+        height: r,
+        ...R
       },
-      children: u
+      children: m
     }
   );
 }
 export {
-  L as CartesianChart
+  D as CartesianChart
 };

package/dist/lib/Components/CartesianChart/types.d.ts

@@ -46,5 +46,16 @@ export type CartesianChartProps = {
      * SVG content rendered inside the chart's context provider.
      */
     children?: ReactNode;
+    /**
+     * Enables scrubbing (hover/touch/keyboard) interactions on the chart.
+     * When true, the SVG becomes focusable and captures pointer/keyboard events.
+     * @default false
+     */
+    enableScrubbing?: boolean;
+    /**
+     * Callback fired whenever the scrubber moves to a new data index or is cleared.
+     * Receives `undefined` when the scrubber leaves the chart.
+     */
+    onScrubberPositionChange?: (index: number | undefined) => void;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/CartesianChart/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC"}

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

@@ -4,7 +4,7 @@ import { isNumericScale as A } from "../../utils/scales/scales.js";
 import { toScaledPoints as P, buildLinePath as I, buildAreaPath as L } from "./utils.js";
 import { useCartesianChartContext as T } from "../CartesianChart/context/cartesianChartContext.js";
 import { cssVar as j } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-const O = 0.2;
+const O = 0.15;
 function N({
   seriesId: g,
   stroke: h,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,2CAwEhB"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,QAAQ,GACT,EAAE,cAAc,2CA0EhB"}

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

@@ -1,10 +1,10 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { useMemo as E } from "react";
-import { DEFAULT_AXIS_WIDTH as H, YAxis as j } from "../Axis/YAxis/YAxis.js";
-import { DEFAULT_AXIS_HEIGHT as m, XAxis as F } from "../Axis/XAxis/XAxis.js";
-import { CartesianChart as U } from "../CartesianChart/CartesianChart.js";
-import { Line as V } from "../Line/Line.js";
-function q({
+import { jsxs as H, jsx as e } from "react/jsx-runtime";
+import { useMemo as j } from "react";
+import { DEFAULT_AXIS_WIDTH as F, YAxis as U } from "../Axis/YAxis/YAxis.js";
+import { DEFAULT_AXIS_HEIGHT as m, XAxis as V } from "../Axis/XAxis/XAxis.js";
+import { CartesianChart as W } from "../CartesianChart/CartesianChart.js";
+import { Line as h } from "../Line/Line.js";
+function B({
   series: r,
   showArea: d = !1,
   areaType: c = "gradient",
@@ -15,29 +15,31 @@ function q({
   width: x = "100%",
   height: y = 160,
   inset: T,
-  children: g
+  enableScrubbing: g,
+  onScrubberPositionChange: u,
+  children: A
 }) {
   const {
-    scaleType: u,
-    data: A,
-    domain: D,
+    scaleType: D,
+    data: C,
+    domain: I,
     ...n
   } = f ?? {}, {
-    scaleType: C,
-    data: I,
-    domain: P,
+    scaleType: P,
+    data: L,
+    domain: S,
     ...o
-  } = l ?? {}, L = {
-    scaleType: u,
-    data: A,
-    domain: D
-  }, S = {
-    scaleType: C,
-    data: I,
-    domain: P
-  }, _ = E(() => {
+  } = l ?? {}, _ = {
+    scaleType: D,
+    data: C,
+    domain: I
+  }, b = {
+    scaleType: P,
+    data: L,
+    domain: S
+  }, E = j(() => {
     if (!t && !i) return;
-    const a = n.position === "top" ? "top" : "bottom", s = o.position === "end" ? "right" : "left", p = o.width ?? H;
+    const a = n.position === "top" ? "top" : "bottom", s = o.position === "end" ? "right" : "left", p = o.width ?? F;
     return {
       top: t && a === "top" ? m : 0,
       bottom: t && a === "bottom" ? m : 0,
@@ -51,21 +53,23 @@ function q({
     o.position,
     o.width
   ]);
-  return /* @__PURE__ */ b(
-    U,
+  return /* @__PURE__ */ H(
+    W,
     {
       series: r ?? [],
-      xAxis: L,
-      yAxis: S,
+      xAxis: _,
+      yAxis: b,
       width: x,
       height: y,
       inset: T,
-      axisPadding: _,
+      axisPadding: E,
+      enableScrubbing: g,
+      onScrubberPositionChange: u,
       children: [
-        t && /* @__PURE__ */ e(F, { ...n }),
-        i && /* @__PURE__ */ e(j, { ...o }),
+        t && /* @__PURE__ */ e(V, { ...n }),
+        i && /* @__PURE__ */ e(U, { ...o }),
         r?.map((a) => /* @__PURE__ */ e(
-          V,
+          h,
           {
             seriesId: a.id,
             showArea: d,
@@ -73,11 +77,11 @@ function q({
           },
           a.id
         )),
-        g
+        A
       ]
     }
   );
 }
 export {
-  q as LineChart
+  B as LineChart
 };

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

@@ -59,5 +59,16 @@ export type LineChartProps = {
      * Additional SVG content rendered inside the chart after lines and axes.
      */
     children?: ReactNode;
+    /**
+     * Enables scrubbing (hover/touch/keyboard) interactions on the chart.
+     * When true, add a `<Scrubber>` as a child to visualise the interaction.
+     * @default false
+     */
+    enableScrubbing?: boolean;
+    /**
+     * Callback fired whenever the scrubber moves to a new data index or is cleared.
+     * Receives `undefined` when the scrubber leaves the chart.
+     */
+    onScrubberPositionChange?: (index: number | undefined) => void;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC"}

package/dist/lib/Components/Scrubber/Scrubber.d.ts

@@ -0,0 +1,17 @@
+import { ScrubberProps } from './types';
+/**
+ * Renders the scrubber visuals: vertical reference line, future-data overlay
+ * rect, per-series beacon dots, and an optional formatted label above the line.
+ *
+ * Must be used as a child of `LineChart` (or `CartesianChart`) with
+ * `enableScrubbing` enabled. Renders nothing when no scrubber position is active.
+ *
+ * @example
+ * ```tsx
+ * <LineChart series={data} enableScrubbing>
+ *   <Scrubber label={(i) => data[i].date} />
+ * </LineChart>
+ * ```
+ */
+export declare function Scrubber({ label, hideLine, hideOverlay, showBeacons, }: Readonly<ScrubberProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Scrubber.d.ts.map

package/dist/lib/Components/Scrubber/Scrubber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/Scrubber.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAgB,EAChB,WAAmB,EACnB,WAAmB,GACpB,EAAE,QAAQ,CAAC,aAAa,CAAC,kDA0IzB"}

package/dist/lib/Components/Scrubber/Scrubber.js

@@ -0,0 +1,134 @@
+import { jsxs as l, jsx as i, Fragment as F } from "react/jsx-runtime";
+import { useId as N, useMemo as c } from "react";
+import { resolvePixelX as R, resolvePixelY as W, LINE_GRADIENT_EDGE_OPACITY as g, OVERLAY_OPACITY as X, LABEL_OFFSET_Y as D, BEACON_STROKE_WIDTH as P, BEACON_RADIUS as G, OVERLAY_OFFSET as f, OVERLAY_LINE_INSET as E } from "./utils.js";
+import { useScrubberContext as V } from "./context/scrubberContext.js";
+import { useCartesianChartContext as H } from "../CartesianChart/context/cartesianChartContext.js";
+import { cssVar as t } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+function K({
+  label: a,
+  hideLine: A = !1,
+  hideOverlay: C = !1,
+  showBeacons: d = !1
+}) {
+  const u = N(), { scrubberPosition: e } = V(), {
+    getXScale: b,
+    getXAxisConfig: v,
+    getYScale: p,
+    drawingArea: O,
+    series: x,
+    seriesMap: y
+  } = H(), o = c(() => {
+    if (e !== void 0)
+      return R(e, b, v());
+  }, [e, b, v]), Y = c(() => e === void 0 || !d ? [] : x.map((r) => {
+    const w = y.get(r.id)?.data, h = W(e, w, p);
+    return h === void 0 ? null : { id: r.id, stroke: r.stroke, pixelY: h };
+  }).filter(
+    (r) => r !== null
+  ), [e, d, x, y, p]), m = c(() => {
+    if (!(e === void 0 || !a))
+      return a(e);
+  }, [e, a]);
+  if (e === void 0 || o === void 0)
+    return null;
+  const {
+    x: _,
+    y: s,
+    width: S,
+    height: n
+  } = O, k = o + E, I = s - f, L = Math.max(
+    0,
+    _ + S - o - E + f
+  ), T = n + f * 2;
+  return /* @__PURE__ */ l("g", { "data-testid": "scrubber", children: [
+    !A && /* @__PURE__ */ l(F, { children: [
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ l(
+        "linearGradient",
+        {
+          id: u,
+          gradientUnits: "userSpaceOnUse",
+          x1: o,
+          y1: s,
+          x2: o,
+          y2: s + n,
+          children: [
+            /* @__PURE__ */ i(
+              "stop",
+              {
+                offset: "0%",
+                stopColor: t("var(--border-base)"),
+                stopOpacity: g
+              }
+            ),
+            /* @__PURE__ */ i("stop", { offset: "20%", stopColor: t("var(--border-base)") }),
+            /* @__PURE__ */ i("stop", { offset: "80%", stopColor: t("var(--border-base)") }),
+            /* @__PURE__ */ i(
+              "stop",
+              {
+                offset: "100%",
+                stopColor: t("var(--border-base)"),
+                stopOpacity: g
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ i(
+        "line",
+        {
+          "data-testid": "scrubber-line",
+          x1: o,
+          y1: s,
+          x2: o,
+          y2: s + n,
+          stroke: `url(#${u})`,
+          strokeWidth: t("var(--stroke-1)")
+        }
+      )
+    ] }),
+    !C && /* @__PURE__ */ i(
+      "rect",
+      {
+        "data-testid": "scrubber-overlay",
+        x: k,
+        y: I,
+        width: L,
+        height: T,
+        fill: t("var(--background-base)"),
+        opacity: X
+      }
+    ),
+    m !== void 0 && /* @__PURE__ */ i(
+      "text",
+      {
+        "data-testid": "scrubber-label",
+        x: o,
+        y: s - D,
+        textAnchor: "middle",
+        style: {
+          fill: t("var(--text-base)"),
+          fontSize: t("var(--font-style-body-4-size)"),
+          fontWeight: t("var(--font-style-body-4-weight-medium)"),
+          fontFamily: t("var(--font-family-font)")
+        },
+        children: m
+      }
+    ),
+    d && Y.map((r) => /* @__PURE__ */ i(
+      "circle",
+      {
+        "data-testid": `scrubber-beacon-${r.id}`,
+        cx: o,
+        cy: r.pixelY,
+        r: G,
+        fill: r.stroke,
+        stroke: t("var(--background-canvas)"),
+        strokeWidth: P
+      },
+      r.id
+    ))
+  ] });
+}
+export {
+  K as Scrubber
+};

package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts

@@ -0,0 +1,3 @@
+import { ScrubberProviderProps } from './types';
+export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrubberProvider.d.ts.map

package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAG3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,GACzB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAiLjC"}

package/dist/lib/Components/Scrubber/ScrubberProvider.js

@@ -0,0 +1,122 @@
+import { jsx as D } from "react/jsx-runtime";
+import { useState as w, useRef as y, useCallback as a, useEffect as R, useMemo as T } from "react";
+import { getDataIndexFromPosition as X } from "./utils.js";
+import { useCartesianChartContext as A } from "../CartesianChart/context/cartesianChartContext.js";
+import { ScrubberContextProvider as B } from "./context/scrubberContext.js";
+function N({
+  children: k,
+  svgRef: L,
+  enableScrubbing: o,
+  onScrubberPositionChange: x
+}) {
+  const { getXScale: M, getXAxisConfig: g, dataLength: s } = A(), [m, C] = w(
+    void 0
+  ), v = y(m);
+  v.current = m;
+  const c = a(
+    (t) => {
+      const e = t === void 0 ? void 0 : Math.max(0, Math.min(t, s - 1));
+      C(e), x?.(e);
+    },
+    [s, x]
+  ), i = a(
+    (t) => {
+      const e = M();
+      if (!e || !o || s <= 0) return;
+      const n = X(
+        t,
+        e,
+        g(),
+        s
+      );
+      n !== v.current && c(n);
+    },
+    [
+      o,
+      M,
+      g,
+      s,
+      c
+    ]
+  ), r = a(() => {
+    o && c(void 0);
+  }, [o, c]), h = a(
+    (t) => {
+      const n = t.currentTarget.getBoundingClientRect();
+      i(t.clientX - n.left);
+    },
+    [i]
+  ), f = a(
+    (t) => {
+      if (!o || !t.touches.length) return;
+      const e = t.touches[0], u = t.currentTarget.getBoundingClientRect();
+      i(e.clientX - u.left);
+    },
+    [o, i]
+  ), l = a(
+    (t) => {
+      if (!t.touches.length) return;
+      t.preventDefault();
+      const e = t.touches[0], u = t.currentTarget.getBoundingClientRect();
+      i(e.clientX - u.left);
+    },
+    [i]
+  ), E = a(
+    (t) => {
+      if (!o || s <= 0) return;
+      const e = s - 1, n = v.current ?? e, u = t.shiftKey ? Math.min(10, Math.max(1, Math.floor(e * 0.1))) : 1;
+      let d;
+      switch (t.key) {
+        case "ArrowLeft":
+          t.preventDefault(), d = Math.max(0, n - u);
+          break;
+        case "ArrowRight":
+          t.preventDefault(), d = Math.min(e, n + u);
+          break;
+        case "Home":
+          t.preventDefault(), d = 0;
+          break;
+        case "End":
+          t.preventDefault(), d = e;
+          break;
+        case "Escape":
+          t.preventDefault(), d = void 0;
+          break;
+        default:
+          return;
+      }
+      c(d);
+    },
+    [o, s, c]
+  ), p = a(() => {
+    !o || v.current === void 0 || r();
+  }, [o, r]);
+  R(() => {
+    const t = L.current;
+    if (!(!t || !o))
+      return t.addEventListener("mousemove", h), t.addEventListener("mouseleave", r), t.addEventListener("touchstart", f, { passive: !1 }), t.addEventListener("touchmove", l, { passive: !1 }), t.addEventListener("touchend", r), t.addEventListener("touchcancel", r), t.addEventListener("keydown", E), t.addEventListener("blur", p), () => {
+        t.removeEventListener("mousemove", h), t.removeEventListener("mouseleave", r), t.removeEventListener("touchstart", f), t.removeEventListener("touchmove", l), t.removeEventListener("touchend", r), t.removeEventListener("touchcancel", r), t.removeEventListener("keydown", E), t.removeEventListener("blur", p);
+      };
+  }, [
+    L,
+    o,
+    h,
+    r,
+    f,
+    l,
+    E,
+    p
+  ]);
+  const P = T(
+    () => ({
+      enableScrubbing: o,
+      scrubberPosition: m,
+      onScrubberPositionChange: c
+    }),
+    [o, m, c]
+  );
+  return /* @__PURE__ */ D(B, { value: P, children: k });
+}
+export {
+  N as ScrubberProvider
+};

package/dist/lib/Components/Scrubber/context/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrubberContextProvider, useScrubberContext } from './scrubberContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Scrubber/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/lib/Components/Scrubber/context/scrubberContext.d.ts

@@ -0,0 +1,8 @@
+import { ScrubberContextValue } from '../types';
+declare const ScrubberContextProvider: import('react').FC<{
+    children: import('react').ReactNode;
+    value: ScrubberContextValue;
+}>;
+export declare const useScrubberContext: () => ScrubberContextValue;
+export { ScrubberContextProvider };
+//# sourceMappingURL=scrubberContext.d.ts.map

package/dist/lib/Components/Scrubber/context/scrubberContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrubberContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/context/scrubberContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,QAAA,MAAO,uBAAuB;;;EACuB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,QAAO,oBAIlC,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/lib/Components/Scrubber/context/scrubberContext.js

@@ -0,0 +1,9 @@
+import { createSafeContext as e } from "../../../../libs/utils-shared/dist/index.js";
+const [o, r] = e("Scrubber"), u = () => r({
+  consumerName: "useScrubberContext",
+  contextRequired: !0
+});
+export {
+  o as ScrubberContextProvider,
+  u as useScrubberContext
+};

package/dist/lib/Components/Scrubber/index.d.ts

@@ -0,0 +1,4 @@
+export { Scrubber } from './Scrubber';
+export { useScrubberContext } from './context';
+export type { ScrubberProps, ScrubberContextValue } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Scrubber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/Scrubber/types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, RefObject } from 'react';
+export type ScrubberContextValue = {
+    /**
+     * Whether scrubbing interactions are enabled.
+     */
+    enableScrubbing: boolean;
+    /**
+     * The current data index of the scrubber, or undefined when idle.
+     */
+    scrubberPosition: number | undefined;
+    /**
+     * Callback to update the scrubber position.
+     */
+    onScrubberPositionChange: (index: number | undefined) => void;
+};
+export type ScrubberProviderProps = {
+    children: ReactNode;
+    /**
+     * Ref to the root SVG element where event listeners will be attached.
+     */
+    svgRef: RefObject<SVGSVGElement | null>;
+    /**
+     * Whether scrubbing is enabled.
+     */
+    enableScrubbing: boolean;
+    /**
+     * Optional external callback fired whenever the scrubber position changes.
+     */
+    onScrubberPositionChange?: (index: number | undefined) => void;
+};
+export type ScrubberProps = {
+    /**
+     * Formats a label string shown above the reference line for a given data index.
+     * When omitted, no label is rendered.
+     */
+    label?: (dataIndex: number) => string;
+    /**
+     * Hides the vertical reference line.
+     * @default false
+     */
+    hideLine?: boolean;
+    /**
+     * Hides the semi-transparent overlay that dims data after the scrubber position.
+     * @default false
+     */
+    hideOverlay?: boolean;
+    /**
+     * Shows the beacon dots on each series at the scrubbed data index.
+     * @default false
+     */
+    showBeacons?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/Scrubber/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACxC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/dist/lib/Components/Scrubber/utils.d.ts

@@ -0,0 +1,30 @@
+import { AxisConfigProps, ChartScaleFunction } from '../../utils/types';
+import { useCartesianChartContext } from '../CartesianChart/context';
+export declare const BEACON_RADIUS = 5;
+export declare const BEACON_STROKE_WIDTH = 2;
+export declare const LABEL_OFFSET_Y = 12;
+export declare const OVERLAY_OFFSET = 2;
+export declare const OVERLAY_LINE_INSET = 0.5;
+export declare const OVERLAY_OPACITY = 0.8;
+export declare const LINE_GRADIENT_EDGE_OPACITY = 0.1;
+/**
+ * Converts a pixel position along the x-axis into the nearest data index.
+ *
+ * For band (categorical) scales, finds the band whose center is closest to
+ * `pixelX`. For numeric scales, uses `scale.invert()` and rounds to the
+ * nearest integer, clamped to the valid index range.
+ */
+export declare const getDataIndexFromPosition: (pixelX: number, scale: ChartScaleFunction, axisConfig: Partial<AxisConfigProps> | undefined, dataLength: number) => number;
+/**
+ * Resolves the pixel y-coordinate for a given series data point at a data index.
+ * Returns undefined when the value is null/missing or the scale is unavailable.
+ */
+export declare const resolvePixelY: (dataIndex: number, seriesData: (number | null)[] | undefined, getYScale: ReturnType<typeof useCartesianChartContext>["getYScale"]) => number | undefined;
+/**
+ * Resolves the pixel x-coordinate for a given data index using the x-scale.
+ * When numeric x-axis data is provided, the corresponding axis value is used;
+ * otherwise the data index is used as the x input.
+ * Returns undefined when the scale is unavailable or the value cannot be mapped.
+ */
+export declare const resolvePixelX: (dataIndex: number, getXScale: ReturnType<typeof useCartesianChartContext>["getXScale"], axisConfig?: AxisConfigProps) => number | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/Scrubber/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/utils.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAgC9C;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GACnC,QAAQ,MAAM,EACd,OAAO,kBAAkB,EACzB,YAAY,OAAO,CAAC,eAAe,CAAC,GAAG,SAAS,EAChD,YAAY,MAAM,KACjB,MA2BF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,EACzC,WAAW,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,WAAW,CAAC,KAClE,MAAM,GAAG,SASX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,WAAW,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,WAAW,CAAC,EACnE,aAAa,eAAe,KAC3B,MAAM,GAAG,SAMX,CAAC"}

package/dist/lib/Components/Scrubber/utils.js

@@ -0,0 +1,57 @@
+import { getPointOnScale as d, isNumericScale as u, isCategoricalScale as l } from "../../utils/scales/scales.js";
+const v = 5, _ = 2, m = 12, A = 2, I = 0.5, O = 0.8, h = 0.1, f = (o) => typeof o[0] == "number", a = (o, n, r) => {
+  let e = 0, t = 1 / 0;
+  for (let i = 0; i < o; i++) {
+    const s = r(i);
+    if (s === void 0) continue;
+    const c = Math.abs(n - s);
+    c < t && (t = c, e = i);
+  }
+  return e;
+}, S = (o, n, r, e) => {
+  if (l(n)) {
+    const t = n.domain(), i = n.bandwidth();
+    return a(t.length, o, (s) => {
+      const c = n(t[s]);
+      return c === void 0 ? void 0 : c + i / 2;
+    });
+  }
+  if (u(n)) {
+    const t = r?.data;
+    if (t && t.length > 0 && f(t))
+      return a(
+        t.length,
+        o,
+        (s) => n(t[s])
+      );
+    const i = n.invert(o);
+    return Math.max(
+      0,
+      Math.min(Math.round(i), e - 1)
+    );
+  }
+  return 0;
+}, x = (o, n, r) => {
+  const e = r();
+  if (!e || !u(e) || !n) return;
+  const t = n[o];
+  if (t != null)
+    return e(t);
+}, N = (o, n, r) => {
+  const e = n();
+  if (!e) return;
+  const t = r?.data?.[o];
+  return d(typeof t == "number" ? t : o, e);
+};
+export {
+  v as BEACON_RADIUS,
+  _ as BEACON_STROKE_WIDTH,
+  m as LABEL_OFFSET_Y,
+  h as LINE_GRADIENT_EDGE_OPACITY,
+  I as OVERLAY_LINE_INSET,
+  A as OVERLAY_OFFSET,
+  O as OVERLAY_OPACITY,
+  S as getDataIndexFromPosition,
+  N as resolvePixelX,
+  x as resolvePixelY
+};

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

@@ -1,3 +1,4 @@
 export * from './LineChart';
 export * from './Point';
+export * from './Scrubber';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/lib/utils/scales/scales.d.ts

@@ -25,6 +25,11 @@ export declare const isCategoricalScale: (scale: ChartScaleFunction) => scale is
  * Checks if a scale is a numeric scale.
  */
 export declare const isNumericScale: (scale: ChartScaleFunction) => scale is NumericScale;
+/**
+ * Converts a single data-space value to pixel-space on a given scale.
+ * For band scales the result is centered within the band.
+ */
+export declare const getPointOnScale: (value: number, scale: ChartScaleFunction) => number;
 /**
  * Projects a single data-space coordinate pair into pixel-space.
  * Handles centering for categorical (band) scales.

package/dist/lib/utils/scales/scales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/scales/scales.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACb,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;CACnB,KAAG,YAMH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6BAIjC;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAG,gBAUH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,eAAe,CAAC,WAAW,CAAC,KACtC,SAAS,IAAI,MAA8B,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,kBAAkB,KACxB,KAAK,IAAI,gBAEX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,KACxB,KAAK,IAAI,YAEX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,OAAO,MAAM,EACb,QAAQ,kBAAkB,EAC1B,QAAQ,kBAAkB,KACzB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAQxB,CAAC"}
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/scales/scales.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACb,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;CACnB,KAAG,YAMH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6BAIjC;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAG,gBAUH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,eAAe,CAAC,WAAW,CAAC,KACtC,SAAS,IAAI,MAA8B,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,kBAAkB,KACxB,KAAK,IAAI,gBAEX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,KACxB,KAAK,IAAI,YAEX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,EACb,OAAO,kBAAkB,KACxB,MAKF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,OAAO,MAAM,EACb,QAAQ,kBAAkB,EAC1B,QAAQ,kBAAkB,KACzB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAGvB,CAAC"}

package/dist/lib/utils/scales/scales.js

@@ -1,29 +1,30 @@
 import c from "../../../node_modules/d3-scale/src/band.js";
-import a from "../../../node_modules/d3-scale/src/log.js";
-import s from "../../../node_modules/d3-scale/src/linear.js";
+import m from "../../../node_modules/d3-scale/src/log.js";
+import d from "../../../node_modules/d3-scale/src/linear.js";
 const p = ({
   scaleType: n,
-  domain: r,
-  range: t
-}) => (n === "log" ? a() : s()).domain([r.min, r.max]).nice().range([t.min, t.max]), b = ({
+  domain: t,
+  range: r
+}) => (n === "log" ? m() : d()).domain([t.min, t.max]).nice().range([r.min, r.max]), f = ({
   domain: n,
-  range: r,
-  padding: t = 0.1
+  range: t,
+  padding: r = 0.1
 }) => {
-  const o = Array.from(
+  const i = Array.from(
     { length: n.max - n.min + 1 },
-    (m, i) => n.min + i
+    (s, a) => n.min + a
   );
-  return c().domain(o).range([r.min, r.max]).paddingInner(t).paddingOuter(t / 2);
-}, f = (n) => n === "band", e = (n) => "bandwidth" in n && typeof n.bandwidth == "function", l = (n) => !e(n), h = (n, r, t, o) => {
-  const m = e(t) ? (t(n) ?? 0) + t.bandwidth() / 2 : t(n), i = e(o) ? (o(r) ?? 0) + o.bandwidth() / 2 : o(r);
-  return { x: m, y: i };
-};
+  return c().domain(i).range([t.min, t.max]).paddingInner(r).paddingOuter(r / 2);
+}, x = (n) => n === "band", e = (n) => "bandwidth" in n && typeof n.bandwidth == "function", S = (n) => !e(n), o = (n, t) => e(t) ? (t(n) ?? 0) + t.bandwidth() / 2 : t(n), b = (n, t, r, i) => ({
+  x: o(n, r),
+  y: o(t, i)
+});
 export {
-  b as getCategoricalScale,
+  f as getCategoricalScale,
   p as getNumericScale,
-  f as isBandScaleType,
+  o as getPointOnScale,
+  x as isBandScaleType,
   e as isCategoricalScale,
-  l as isNumericScale,
-  h as projectPoint
+  S as isNumericScale,
+  b as projectPoint
 };

package/dist/libs/utils-shared/dist/index.js

@@ -1,20 +1,20 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createContext as a, useRef as l, useContext as f } from "react";
-function d(n, c) {
-  if (Object.is(n, c)) return !0;
-  const s = n, r = c, u = Object.keys(s), i = Object.keys(r);
-  return u.length !== i.length ? !1 : u.every(
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as l, useRef as i, useContext as f } from "react";
+function d(n, o) {
+  if (Object.is(n, o)) return !0;
+  const s = n, r = o, u = Object.keys(s), c = Object.keys(r);
+  return u.length !== c.length ? !1 : u.every(
     (e) => Object.prototype.hasOwnProperty.call(r, e) && Object.is(s[e], r[e])
   );
 }
-function b(n, c) {
-  const s = a(c), r = ({ children: i, value: e }) => {
-    const t = l(e);
-    return d(t.current, e) || (t.current = e), /* @__PURE__ */ o(s.Provider, { value: t.current, children: i });
+function b(n, o) {
+  const s = l(o), r = ({ children: c, value: e }) => {
+    const t = i(e);
+    return d(t.current, e) || (t.current = e), /* @__PURE__ */ a(s.Provider, { value: t.current, children: c });
   };
   r.displayName = n + "Provider";
   function u({
-    consumerName: i,
+    consumerName: c,
     contextRequired: e
   }) {
     const t = f(s);
@@ -22,9 +22,9 @@ function b(n, c) {
       return t;
     if (e)
       throw new Error(
-        `${i} must be used within ${n}`
+        `${c} must be used within ${n}`
       );
-    return c || {};
+    return o || {};
   }
   return [r, u];
 }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react-visualization",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -33,8 +33,8 @@
     ]
   },
   "peerDependencies": {
-    "@ledgerhq/lumen-design-core": "0.1.12",
-    "@ledgerhq/lumen-ui-react": "0.1.29",
+    "@ledgerhq/lumen-design-core": "0.1.13",
+    "@ledgerhq/lumen-ui-react": "0.1.30",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react-visualization",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -34,7 +34,7 @@
   },
   "peerDependencies": {
     "@ledgerhq/lumen-design-core": "0.1.13",
-    "@ledgerhq/lumen-ui-react": "0.1.30",
+    "@ledgerhq/lumen-ui-react": "0.1.31",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",