@ledgerhq/lumen-ui-react-visualization 0.1.18 → 0.1.20

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

@@ -1 +1 @@
-{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/Scrubber.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY7C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,WAAmB,EACnB,WAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,aAAa,CAAC,kDAoJzB"}
+{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/Scrubber.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY7C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,WAAmB,EACnB,WAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,aAAa,CAAC,kDAwJzB"}

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

@@ -1,17 +1,18 @@
-import { jsxs as f, jsx as i, Fragment as N } from "react/jsx-runtime";
-import { useId as P, useMemo as u } from "react";
-import { DefaultScrubberTooltip as R } from "./DefaultScrubberTooltip/DefaultScrubberTooltip.js";
-import { resolvePixelX as X, resolvePixelY as w, LINE_GRADIENT_EDGE_OPACITY as E, OVERLAY_OPACITY as L, BEACON_STROKE_WIDTH as G, BEACON_RADIUS as V, OVERLAY_OFFSET as p, OVERLAY_LINE_INSET as O } from "./utils.js";
-import { useScrubberContext as F } from "./context/scrubberContext.js";
+import { jsxs as f, jsx as i, Fragment as R } from "react/jsx-runtime";
+import { useId as D, useMemo as u } from "react";
+import { LINE_DEFAULT_STROKE_COLOR as N } from "../Line/constants.js";
+import { DefaultScrubberTooltip as P } from "./DefaultScrubberTooltip/DefaultScrubberTooltip.js";
+import { resolvePixelX as X, resolvePixelY as w, LINE_GRADIENT_EDGE_OPACITY as O, OVERLAY_OPACITY as F, BEACON_STROKE_WIDTH as G, BEACON_RADIUS as U, OVERLAY_OFFSET as m, OVERLAY_LINE_INSET as C } from "./utils.js";
+import { useScrubberContext as V } from "./context/scrubberContext.js";
 import { useCartesianChartContext as H } from "../CartesianChart/context/cartesianChartContext.js";
 import { cssVar as o } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-function B({
-  hideLine: A = !1,
-  hideOverlay: Y = !1,
+function Q({
+  hideLine: _ = !1,
+  hideOverlay: A = !1,
   showBeacons: n = !1,
   tooltip: d
 }) {
-  const m = P(), { scrubberPosition: e } = F(), {
+  const p = D(), { scrubberPosition: e } = V(), {
     getXScale: v,
     getXAxisConfig: b,
     getYScale: h,
@@ -21,9 +22,13 @@ function B({
   } = H(), r = u(() => {
     if (e !== void 0)
       return X(e, v, b());
-  }, [e, v, b]), k = u(() => e === void 0 || !n ? [] : y.map((t) => {
-    const c = g.get(t.id)?.data, C = w(e, c, h);
-    return C === void 0 ? null : { id: t.id, stroke: t.stroke, pixelY: C };
+  }, [e, v, b]), T = u(() => e === void 0 || !n ? [] : y.map((t) => {
+    const c = g.get(t.id)?.data, E = w(e, c, h);
+    return E === void 0 ? null : {
+      id: t.id,
+      stroke: t.stroke || N,
+      pixelY: E
+    };
   }).filter(
     (t) => t !== null
   ), [e, n, y, g, h]), s = u(() => {
@@ -46,16 +51,16 @@ function B({
     y: a,
     width: S,
     height: l
-  } = x, T = r + O, _ = a - p, W = Math.max(
+  } = x, Y = r + C, k = a - m, W = Math.max(
     0,
-    I + S - r - O + p
-  ), D = l + p * 2;
+    I + S - r - C + m
+  ), L = l + m * 2;
   return /* @__PURE__ */ f("g", { "data-testid": "scrubber", children: [
-    !A && /* @__PURE__ */ f(N, { children: [
+    !_ && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ f(
         "linearGradient",
         {
-          id: m,
+          id: p,
           gradientUnits: "userSpaceOnUse",
           x1: r,
           y1: a,
@@ -67,7 +72,7 @@ function B({
               {
                 offset: "0%",
                 stopColor: o("var(--border-base)"),
-                stopOpacity: E
+                stopOpacity: O
               }
             ),
             /* @__PURE__ */ i("stop", { offset: "20%", stopColor: o("var(--border-base)") }),
@@ -77,7 +82,7 @@ function B({
               {
                 offset: "100%",
                 stopColor: o("var(--border-base)"),
-                stopOpacity: E
+                stopOpacity: O
               }
             )
           ]
@@ -91,30 +96,30 @@ function B({
           y1: a,
           x2: r,
           y2: a + l,
-          stroke: `url(#${m})`,
+          stroke: `url(#${p})`,
           strokeWidth: o("var(--stroke-1)")
         }
       )
     ] }),
-    !Y && /* @__PURE__ */ i(
+    !A && /* @__PURE__ */ i(
       "rect",
       {
         "data-testid": "scrubber-overlay",
-        x: T,
-        y: _,
+        x: Y,
+        y: k,
         width: W,
-        height: D,
+        height: L,
         fill: o("var(--background-base)"),
-        opacity: L
+        opacity: F
       }
     ),
-    n && k.map((t) => /* @__PURE__ */ i(
+    n && T.map((t) => /* @__PURE__ */ i(
       "circle",
       {
         "data-testid": `scrubber-beacon-${t.id}`,
         cx: r,
         cy: t.pixelY,
-        r: V,
+        r: U,
         fill: t.stroke,
         stroke: o("var(--background-canvas)"),
         strokeWidth: G
@@ -122,7 +127,7 @@ function B({
       t.id
     )),
     s !== void 0 && /* @__PURE__ */ i(
-      R,
+      P,
       {
         pixelX: r,
         drawingArea: x,
@@ -135,5 +140,5 @@ function B({
   ] });
 }
 export {
-  B as Scrubber
+  Q as Scrubber
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQ3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,EACxB,YAAgB,GACjB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA+NjC"}
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQ3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,EACxB,YAAgB,GACjB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA+NjC"}

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

@@ -1,84 +1,85 @@
-import { jsx as F } from "react/jsx-runtime";
-import { useState as q, useRef as C, useMemo as I, useCallback as s, useEffect as K } from "react";
-import { buildSortedMagnets as j, getDataIndexFromPosition as z, resolvePixelX as H, applyMagnetization as N } from "./utils.js";
-import { useCartesianChartContext as U } from "../CartesianChart/context/cartesianChartContext.js";
-import { useMagneticPointsContext as V } from "../Point/pointContext/magneticPointsContext.js";
-import { ScrubberContextProvider as G } from "./context/scrubberContext.js";
-function _({
-  children: X,
-  svgRef: k,
+import { jsx as q } from "react/jsx-runtime";
+import { useState as K, useRef as k, useMemo as X, useCallback as c, useEffect as j } from "react";
+import { clamp as p } from "../../utils/numbers.js";
+import { buildSortedMagnets as z, getDataIndexFromPosition as H, resolvePixelX as N, applyMagnetization as U } from "./utils.js";
+import { useCartesianChartContext as V } from "../CartesianChart/context/cartesianChartContext.js";
+import { useMagneticPointsContext as G } from "../Point/pointContext/magneticPointsContext.js";
+import { ScrubberContextProvider as J } from "./context/scrubberContext.js";
+function S({
+  children: R,
+  svgRef: D,
   enableScrubbing: r,
-  onScrubberPositionChange: D,
-  magnetRadius: p = 8
+  onScrubberPositionChange: y,
+  magnetRadius: E = 8
 }) {
-  const { getXScale: f, getXAxisConfig: m, dataLength: c } = U(), { getMagneticPoints: y, version: R } = V(), [v, T] = q(
+  const { getXScale: f, getXAxisConfig: v, dataLength: n } = V(), { getMagneticPoints: w, version: T } = G(), [m, B] = K(
     void 0
-  ), h = C(v);
-  h.current = v;
-  const x = C(null), l = C(0), w = I(() => {
-    const t = y();
-    return j({
+  ), h = k(m);
+  h.current = m;
+  const g = k(null), l = k(0), A = X(() => {
+    const t = w();
+    return z({
       magneticIndices: t,
-      getPixelForIndex: (e) => H(e, f, m())
+      getPixelForIndex: (e) => N(e, f, v())
     });
-  }, [R, y, f, m]), i = s(
+  }, [T, w, f, v]), i = c(
     (t) => {
-      const e = t === void 0 ? void 0 : Math.max(0, Math.min(t, c - 1));
-      T(e), D?.(e);
+      const e = t === void 0 || n <= 0 ? void 0 : p(t, 0, n - 1);
+      B(e), y?.(e);
     },
-    [c, D]
-  ), A = s(
+    [n, y]
+  ), I = c(
     (t) => {
       const e = f();
-      if (!e || !r || c <= 0) return;
-      const a = m();
-      let o = z(
+      if (!e || !r || n <= 0) return;
+      const a = v();
+      let o = H(
         t,
         e,
         a,
-        c
+        n
       );
-      p > 0 && (o = N({
+      E > 0 && (o = U({
         resolvedIndex: o,
         pixelX: t,
-        sortedMagnets: w,
-        magnetRadius: p
+        sortedMagnets: A,
+        magnetRadius: E
       })), o !== h.current && i(o);
     },
     [
       r,
       f,
-      m,
-      c,
-      w,
-      p,
+      v,
+      n,
+      A,
+      E,
       i
     ]
-  ), u = s(
+  ), u = c(
     (t) => {
-      x.current = t, l.current || (l.current = requestAnimationFrame(() => {
+      g.current = t, l.current || (l.current = requestAnimationFrame(() => {
         l.current = 0;
-        const e = x.current;
-        e !== null && (x.current = null, A(e));
+        const e = g.current;
+        e !== null && (g.current = null, I(e));
       }));
     },
-    [A]
-  ), n = s(() => {
+    [I]
+  ), s = c(() => {
     r && i(void 0);
-  }, [r, i]), E = s(
+  }, [r, i]), L = c(
     (t) => {
       const a = t.currentTarget.getBoundingClientRect();
       u(t.clientX - a.left);
     },
     [u]
-  ), g = s(
+  ), x = c(
     (t) => {
       if (!r || !t.touches.length) return;
       const e = t.touches[0], o = t.currentTarget.getBoundingClientRect();
       u(e.clientX - o.left);
     },
     [r, u]
-  ), L = s(
+  ), P = c(
     (t) => {
       if (!t.touches.length) return;
       t.preventDefault();
@@ -86,17 +87,17 @@ function _({
       u(e.clientX - o.left);
     },
     [u]
-  ), M = s(
+  ), C = c(
     (t) => {
-      if (!r || c <= 0) return;
-      const e = c - 1, a = h.current ?? e, o = t.shiftKey ? Math.min(10, Math.max(1, Math.floor(e * 0.1))) : 1;
+      if (!r || n <= 0) return;
+      const e = n - 1, a = h.current ?? e, o = t.shiftKey ? p(Math.floor(e * 0.1), 1, 10) : 1;
       let d;
       switch (t.key) {
         case "ArrowLeft":
-          t.preventDefault(), d = Math.max(0, a - o);
+          t.preventDefault(), d = p(a - o, 0, e);
           break;
         case "ArrowRight":
-          t.preventDefault(), d = Math.min(e, a + o);
+          t.preventDefault(), d = p(a + o, 0, e);
           break;
         case "Home":
           t.preventDefault(), d = 0;
@@ -112,36 +113,36 @@ function _({
       }
       i(d);
     },
-    [r, c, i]
-  ), P = s(() => {
-    !r || h.current === void 0 || n();
-  }, [r, n]);
-  K(() => {
-    const t = k.current;
+    [r, n, i]
+  ), M = c(() => {
+    !r || h.current === void 0 || s();
+  }, [r, s]);
+  j(() => {
+    const t = D.current;
     if (!(!t || !r))
-      return t.addEventListener("mousemove", E), t.addEventListener("mouseleave", n), t.addEventListener("touchstart", g, { passive: !1 }), t.addEventListener("touchmove", L, { passive: !1 }), t.addEventListener("touchend", n), t.addEventListener("touchcancel", n), t.addEventListener("keydown", M), t.addEventListener("blur", P), () => {
-        t.removeEventListener("mousemove", E), t.removeEventListener("mouseleave", n), t.removeEventListener("touchstart", g), t.removeEventListener("touchmove", L), t.removeEventListener("touchend", n), t.removeEventListener("touchcancel", n), t.removeEventListener("keydown", M), t.removeEventListener("blur", P), cancelAnimationFrame(l.current), l.current = 0;
+      return t.addEventListener("mousemove", L), t.addEventListener("mouseleave", s), t.addEventListener("touchstart", x, { passive: !1 }), t.addEventListener("touchmove", P, { passive: !1 }), t.addEventListener("touchend", s), t.addEventListener("touchcancel", s), t.addEventListener("keydown", C), t.addEventListener("blur", M), () => {
+        t.removeEventListener("mousemove", L), t.removeEventListener("mouseleave", s), t.removeEventListener("touchstart", x), t.removeEventListener("touchmove", P), t.removeEventListener("touchend", s), t.removeEventListener("touchcancel", s), t.removeEventListener("keydown", C), t.removeEventListener("blur", M), cancelAnimationFrame(l.current), l.current = 0;
       };
   }, [
-    k,
+    D,
     r,
-    E,
-    n,
-    g,
     L,
-    M,
-    P
+    s,
+    x,
+    P,
+    C,
+    M
   ]);
-  const B = I(
+  const F = X(
     () => ({
       enableScrubbing: r,
-      scrubberPosition: v,
+      scrubberPosition: m,
       onScrubberPositionChange: i
     }),
-    [r, v, i]
+    [r, m, i]
   );
-  return /* @__PURE__ */ F(G, { value: B, children: X });
+  return /* @__PURE__ */ q(J, { value: F, children: R });
 }
 export {
-  _ as ScrubberProvider
+  S as ScrubberProvider
 };

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/utils.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,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;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAGhC;IACD,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACzD,KAAG,WAAW,EAad,CAAC;AAgCF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GACnC,QAAQ,MAAM,EACd,OAAO,kBAAkB,EACzB,YAAY,OAAO,CAAC,aAAa,CAAC,GAAG,SAAS,EAC9C,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,aAAa,KACzB,MAAM,GAAG,SAMX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,eAAe,SAAS,WAAW,EAAE,EACrC,QAAQ,MAAM,KACb,MAsBF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,yDAKhC;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,SAAS,WAAW,EAAE,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;CACtB,KAAG,MAWH,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/utils.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,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;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAGhC;IACD,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACzD,KAAG,WAAW,EAad,CAAC;AAgCF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GACnC,QAAQ,MAAM,EACd,OAAO,kBAAkB,EACzB,YAAY,OAAO,CAAC,aAAa,CAAC,GAAG,SAAS,EAC9C,YAAY,MAAM,KACjB,MAwBF,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,aAAa,KACzB,MAAM,GAAG,SAMX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,eAAe,SAAS,WAAW,EAAE,EACrC,QAAQ,MAAM,KACb,MAsBF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,yDAKhC;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,SAAS,WAAW,EAAE,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;CACtB,KAAG,MAWH,CAAC"}

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

@@ -1,5 +1,6 @@
-import { getPointOnScale as f, isNumericScale as l, isCategoricalScale as a } from "../../utils/scales/scales.js";
-const v = 5, E = 2, m = 2, p = 0.5, A = 0.8, I = 0.1, O = ({
+import { clamp as f } from "../../utils/numbers.js";
+import { getPointOnScale as a, isNumericScale as u, isCategoricalScale as d } from "../../utils/scales/scales.js";
+const E = 5, m = 2, A = 2, I = 0.5, O = 0.8, _ = 0.1, S = ({
   magneticIndices: o,
   getPixelForIndex: i
 }) => {
@@ -10,7 +11,7 @@ const v = 5, E = 2, m = 2, p = 0.5, A = 0.8, I = 0.1, O = ({
     t !== void 0 && n.push({ index: e, pixelX: t });
   }
   return n.sort((e, t) => e.pixelX - t.pixelX), n;
-}, d = (o) => typeof o[0] == "number", u = (o, i, n) => {
+}, h = (o) => typeof o[0] == "number", l = (o, i, n) => {
   let e = 0, t = 1 / 0;
   for (let r = 0; r < o; r++) {
     const c = n(r);
@@ -19,41 +20,38 @@ const v = 5, E = 2, m = 2, p = 0.5, A = 0.8, I = 0.1, O = ({
     s < t && (t = s, e = r);
   }
   return e;
-}, _ = (o, i, n, e) => {
-  if (a(i)) {
+}, b = (o, i, n, e) => {
+  if (d(i)) {
     const t = i.domain(), r = i.bandwidth();
-    return u(t.length, o, (c) => {
+    return l(t.length, o, (c) => {
       const s = i(t[c]);
       return s === void 0 ? void 0 : s + r / 2;
     });
   }
-  if (l(i)) {
+  if (u(i)) {
     const t = n?.data;
-    if (t && t.length > 0 && d(t))
-      return u(
+    if (t && t.length > 0 && h(t))
+      return l(
         t.length,
         o,
         (c) => i(t[c])
       );
     const r = i.invert(o);
-    return Math.max(
-      0,
-      Math.min(Math.round(r), e - 1)
-    );
+    return f(Math.round(r), 0, e - 1);
   }
   return 0;
-}, S = (o, i, n) => {
+}, N = (o, i, n) => {
   const e = n();
-  if (!e || !l(e) || !i) return;
+  if (!e || !u(e) || !i) return;
   const t = i[o];
   if (t != null)
     return e(t);
-}, b = (o, i, n) => {
+}, T = (o, i, n) => {
   const e = i();
   if (!e) return;
   const t = n?.data?.[o];
-  return f(typeof t == "number" ? t : o, e);
-}, h = (o, i) => {
+  return a(typeof t == "number" ? t : o, e);
+}, p = (o, i) => {
   if (o.length === 0) return -1;
   let n = 0, e = o.length;
   for (; n < e; ) {
@@ -64,27 +62,27 @@ const v = 5, E = 2, m = 2, p = 0.5, A = 0.8, I = 0.1, O = ({
   if (n === o.length) return n - 1;
   const t = i - o[n - 1].pixelX, r = o[n].pixelX - i;
   return t <= r ? n - 1 : n;
-}, N = ({
+}, y = ({
   resolvedIndex: o,
   pixelX: i,
   sortedMagnets: n,
   magnetRadius: e
 }) => {
   if (e <= 0 || n.length === 0) return o;
-  const t = h(n, i);
+  const t = p(n, i);
   return t >= 0 && Math.abs(n[t].pixelX - i) <= e ? n[t].index : o;
 };
 export {
-  v as BEACON_RADIUS,
-  E as BEACON_STROKE_WIDTH,
-  I as LINE_GRADIENT_EDGE_OPACITY,
-  p as OVERLAY_LINE_INSET,
-  m as OVERLAY_OFFSET,
-  A as OVERLAY_OPACITY,
-  N as applyMagnetization,
-  O as buildSortedMagnets,
-  _ as getDataIndexFromPosition,
-  h as nearestIndex,
-  b as resolvePixelX,
-  S as resolvePixelY
+  E as BEACON_RADIUS,
+  m as BEACON_STROKE_WIDTH,
+  _ as LINE_GRADIENT_EDGE_OPACITY,
+  I as OVERLAY_LINE_INSET,
+  A as OVERLAY_OFFSET,
+  O as OVERLAY_OPACITY,
+  y as applyMagnetization,
+  S as buildSortedMagnets,
+  b as getDataIndexFromPosition,
+  p as nearestIndex,
+  T as resolvePixelX,
+  N as resolvePixelY
 };

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

@@ -1,2 +1,2 @@
-export type { CartesianChartContextValue, CategoricalScale, ChartInset, ChartScaleFunction, DrawingArea, NumericScale, Series, } from './types';
+export type { CartesianChartContextValue, CategoricalScale, ChartInset, ChartScaleFunction, CurveType, DrawingArea, NumericScale, Series, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,0BAA0B,EAC1B,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,MAAM,GACP,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,0BAA0B,EAC1B,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,GACP,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Type guard for a finite number. Narrows out `null`, `undefined`, `NaN` and
+ * `Infinity`, i.e. any value that cannot be projected to a valid coordinate or
+ * counted as a drawable data point.
+ */
+export declare const isFiniteNumber: (value: unknown) => value is number;
+/**
+ * Constrains `value` to the inclusive `[min, max]` range. For a degenerate
+ * range where `min > max` (e.g. an index range `[0, length - 1]` for empty
+ * data), `min` takes precedence and is returned — matching `lodash.clamp`.
+ */
+export declare const clamp: (value: number, min: number, max: number) => number;
+//# sourceMappingURL=numbers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numbers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/numbers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MACjC,CAAC;AAEzB;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC"}

package/dist/lib/utils/numbers.js

@@ -0,0 +1,5 @@
+const m = (i) => Number.isFinite(i), n = (i, t, e) => Math.max(Math.min(i, e), t);
+export {
+  n as clamp,
+  m as isFiniteNumber
+};

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

@@ -1,5 +1,5 @@
 import { BaseAxisProps } from '../../Components/Axis';
-import { ChartScaleFunction, DrawingArea } from '../types';
+import { ChartScaleFunction } from '../types';
 export declare const APPROXIMATE_TICK_COUNT = 5;
 export type TickData = {
     position: number;
@@ -32,14 +32,4 @@ export declare const getTickLabel: (tick: number, axisData: BaseAxisProps["data"
  * Builds the complete tick data array from a scale and axis configuration.
  */
 export declare const buildTicksData: (scale: ChartScaleFunction, axisConfig?: BaseAxisProps, explicitTicks?: number[], formatter?: (value: number | string) => string) => TickData[];
-/**
- * Excludes the X grid line at the Y-axis origin (left edge)
- * to prevent overlap with the Y-axis solid line.
- */
-export declare const isTickOnXAxisDomainEdge: (tick: TickData, drawingArea: DrawingArea) => boolean;
-/**
- * Excludes the Y grid line at the X-axis origin (bottom edge)
- * to prevent overlap with the X-axis solid line.
- */
-export declare const isTickOnYAxisDomainEdge: (tick: TickData, drawingArea: DrawingArea) => boolean;
 //# sourceMappingURL=ticks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ticks.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/ticks/ticks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,kBAAkB,EACzB,gBAAgB,MAAM,EAAE,EACxB,WAAW,aAAa,CAAC,MAAM,CAAC,KAC/B,MAAM,EAUR,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,kBAAkB,EACzB,MAAM,MAAM,KACX,MAKF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,MAAM,MAAM,EACZ,UAAU,aAAa,CAAC,MAAM,CAAC,EAC/B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,MAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,EACzB,aAAa,aAAa,EAC1B,gBAAgB,MAAM,EAAE,EACxB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,QAAQ,EASV,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,MAAM,QAAQ,EACd,aAAa,WAAW,KACvB,OAEF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,MAAM,QAAQ,EACd,aAAa,WAAW,KACvB,OAEF,CAAC"}
+{"version":3,"file":"ticks.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/ticks/ticks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,kBAAkB,EACzB,gBAAgB,MAAM,EAAE,EACxB,WAAW,aAAa,CAAC,MAAM,CAAC,KAC/B,MAAM,EAUR,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,kBAAkB,EACzB,MAAM,MAAM,KACX,MAKF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,MAAM,MAAM,EACZ,UAAU,aAAa,CAAC,MAAM,CAAC,EAC/B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,MAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,EACzB,aAAa,aAAa,EAC1B,gBAAgB,MAAM,EAAE,EACxB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,QAAQ,EASV,CAAC"}

package/dist/lib/utils/ticks/ticks.js

@@ -1,25 +1,23 @@
-import { isCategoricalScale as u, isNumericScale as g } from "../scales/scales.js";
-const s = 5, f = (n, r, o) => r && r.length > 0 ? r : o && o.length > 0 ? typeof o[0] == "number" ? o : o.map((e, t) => t) : u(n) ? n.domain() : g(n) ? n.ticks(s) : [], d = (n, r) => u(n) ? (n(r) ?? 0) + n.bandwidth() / 2 : n(r), m = (n, r, o) => {
-  const e = r && Array.isArray(r) && typeof r[0] == "string";
-  if (o) {
-    const t = e && r[n] !== void 0 ? r[n] : n;
-    return String(o(t));
+import { isCategoricalScale as g, isNumericScale as i } from "../scales/scales.js";
+const f = 5, d = (r, n, e) => n && n.length > 0 ? n : e && e.length > 0 ? typeof e[0] == "number" ? e : e.map((o, t) => t) : g(r) ? r.domain() : i(r) ? r.ticks(f) : [], b = (r, n) => g(r) ? (r(n) ?? 0) + r.bandwidth() / 2 : r(n), l = (r, n, e) => {
+  const o = n && Array.isArray(n) && typeof n[0] == "string";
+  if (e) {
+    const t = o && n[r] !== void 0 ? n[r] : r;
+    return String(e(t));
   }
-  return e && r[n] !== void 0 ? String(r[n]) : String(n);
-}, b = (n, r, o, e) => {
-  const t = r?.data;
-  return f(n, o, t).map((i) => ({
-    position: d(n, i),
-    value: i,
-    label: m(i, t, e)
+  return o && n[r] !== void 0 ? String(n[r]) : String(r);
+}, p = (r, n, e, o) => {
+  const t = n?.data;
+  return d(r, e, t).map((u) => ({
+    position: b(r, u),
+    value: u,
+    label: l(u, t, o)
   }));
-}, h = (n, r) => n.position !== r.x, l = (n, r) => n.position !== r.y + r.height;
+};
 export {
-  s as APPROXIMATE_TICK_COUNT,
-  b as buildTicksData,
-  m as getTickLabel,
-  d as getTickPosition,
-  f as getTickValues,
-  h as isTickOnXAxisDomainEdge,
-  l as isTickOnYAxisDomainEdge
+  f as APPROXIMATE_TICK_COUNT,
+  p as buildTicksData,
+  l as getTickLabel,
+  b as getTickPosition,
+  d as getTickValues
 };

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

@@ -15,6 +15,18 @@ export type DrawingArea = {
     width: number;
     height: number;
 };
+/**
+ * Interpolation used to draw a line (and its area) between data points.
+ * Each value maps to a [d3-shape](https://d3js.org/d3-shape/curve) curve:
+ * - `'bump'` — smooth cubic curve with horizontal tangents (`curveBumpX`).
+ * - `'natural'` — natural cubic spline through every point (`curveNatural`).
+ * - `'monotone'` — smooth curve that preserves monotonicity (`curveMonotoneX`).
+ * - `'linear'` — straight segments between points (`curveLinear`).
+ * - `'step'` — stepped, piecewise-constant line (`curveStep`).
+ * - `'stepAfter'` — stepped line where changes occur after the x-coordinate (`curveStepAfter`).
+ * - `'stepBefore'` — stepped line where changes occur before the x-coordinate (`curveStepBefore`).
+ */
+export type CurveType = 'bump' | 'natural' | 'monotone' | 'linear' | 'step' | 'stepAfter' | 'stepBefore';
 export type Series = {
     /**
      * Unique identifier for the series.
@@ -30,8 +42,21 @@ export type Series = {
     label?: string;
     /**
      * CSS color applied to the series line/mark.
+     * @default border-muted
+     */
+    stroke?: string;
+    /**
+     * Interpolation used to draw the line between data points.
+     * @default 'bump'
+     */
+    curve?: CurveType;
+    /**
+     * When true, skips null values and draws a continuous line across gaps.
+     * When false (default), null values create gaps in the line.
+     * Overridden by the chart-level `connectNulls` prop when that is set.
+     * @default false
      */
-    stroke: string;
+    connectNulls?: boolean;
 };
 export type NumericScale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;
 export type CategoricalScale = ScaleBand<number>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,SAAS,GACT,UAAU,GACV,QAAQ,GACR,MAAM,GACN,WAAW,GACX,YAAY,CAAC;AAEjB,MAAM,MAAM,MAAM,GAAG;IACnB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}