@ledgerhq/lumen-ui-react-visualization 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,4 +1,7 @@
-import { LineChart as o } from "./lib/Components/LineChart/LineChart.js";
+import { LineChart as t } from "./lib/Components/LineChart/LineChart.js";
+import { Point as i, PointLabel as n } from "./lib/Components/Point/Point.js";
 export {
-  o as LineChart
+  t as LineChart,
+  i as Point,
+  n as PointLabel
 };

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":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,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,aAAwB,EACxB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAqFZ"}

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

@@ -1,84 +1,83 @@
-import { jsxs as y, jsx as r, Fragment as C } from "react/jsx-runtime";
-import { useTheme as _ } from "../../../../libs/ui-react/dist/lib/Components/ThemeProvider/ThemeProvider.js";
-import { useMemo as D } from "react";
-import { buildTicksData as I } from "../../../utils/ticks/ticks.js";
-import { useCartesianChartContext as $ } from "../../CartesianChart/context/cartesianChartContext.js";
-const l = 1, u = 4, k = 6, w = 28;
-function H({
-  gridLineStyle: f = "dashed",
-  position: d = "bottom",
-  showGrid: g = !1,
-  showLine: b = !1,
-  showTickMark: T = !1,
-  ticks: m,
+import { jsxs as k, jsx as a } from "react/jsx-runtime";
+import { useMemo as T } from "react";
+import { buildTicksData as C, isTickOnXAxisDomainEdge as E } from "../../../utils/ticks/ticks.js";
+import { useCartesianChartContext as D } from "../../CartesianChart/context/cartesianChartContext.js";
+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",
+  position: l = "bottom",
+  showGrid: p = !1,
+  showLine: u = !1,
+  showTickMark: g = !1,
+  ticks: d,
   tickLabelFormatter: x
 }) {
-  const { theme: o } = _(), { getXScale: A, getXAxisConfig: S, drawingArea: e } = $(), n = A(), c = S(), a = D(
-    () => n ? I(n, c, m, x) : [],
-    [n, c, m, x]
+  const { getXScale: v, getXAxisConfig: A, drawingArea: e } = D(), r = v(), m = A(), n = T(
+    () => r ? C(r, m, d, x) : [],
+    [r, m, d, x]
   );
-  if (!n || e.width <= 0)
+  if (!r || e.width <= 0)
     return null;
-  const h = d === "top", s = h ? e.y : e.y + e.height, p = h ? -1 : 1, E = s + p * (u + k);
-  return /* @__PURE__ */ y("g", { "data-testid": "x-axis", children: [
-    g && a.map((t, i) => /* @__PURE__ */ r(
+  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(
       "line",
       {
         x1: t.position,
         y1: e.y,
         x2: t.position,
         y2: e.y + e.height,
-        style: { stroke: o.colors.border.mutedSubtle },
-        strokeWidth: l,
-        strokeDasharray: f === "dashed" ? "3 3" : void 0
+        style: { stroke: o("var(--border-muted-subtle)") },
+        strokeWidth: o("var(--stroke-1)"),
+        strokeDasharray: h === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${i}`
     )),
-    b && /* @__PURE__ */ r(
+    u && /* @__PURE__ */ a(
       "line",
       {
         x1: e.x,
         y1: s,
         x2: e.x + e.width,
         y2: s,
-        style: { stroke: o.colors.border.muted },
-        strokeWidth: l,
+        style: { stroke: o("var(--border-muted)") },
+        strokeWidth: o("var(--stroke-1)"),
         shapeRendering: "crispEdges",
         strokeLinecap: "square"
       }
     ),
-    T && a.map((t, i) => /* @__PURE__ */ r(
+    g && n.map((t, i) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
         y1: s,
         x2: t.position,
-        y2: s + p * u,
-        style: { stroke: o.colors.border.muted },
-        strokeWidth: l
+        y2: s + y * c,
+        style: { stroke: o("var(--border-muted)") },
+        strokeWidth: o("var(--stroke-1)")
       },
       `tick-${t.value}-${i}`
     )),
-    a.map((t, i) => /* @__PURE__ */ y(C, { children: [
-      " ",
-      /* @__PURE__ */ r(
-        "text",
-        {
-          x: t.position,
-          y: E,
-          textAnchor: "middle",
-          dominantBaseline: d === "top" ? "auto" : "hanging",
-          style: { fill: o.colors.text.muted },
-          fontSize: o.typographies.xs.body.body4.fontSize,
-          fontFamily: o.fontFamilies.sans,
-          children: t.label
+    n.map((t, i) => /* @__PURE__ */ a(
+      "text",
+      {
+        x: t.position,
+        y: b,
+        textAnchor: "middle",
+        dominantBaseline: l === "top" ? "auto" : "hanging",
+        style: {
+          fill: o("var(--text-muted)"),
+          fontSize: o("var(--font-style-body-4-size)"),
+          fontFamily: o("var(--font-family-font)")
         },
-        `label-${t.value}-${i}`
-      )
-    ] }))
+        children: t.label
+      },
+      `label-${t.value}-${i}`
+    ))
   ] });
 }
 export {
-  w as DEFAULT_AXIS_HEIGHT,
-  H as XAxis
+  F as DEFAULT_AXIS_HEIGHT,
+  K as XAxis
 };

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":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,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,kDAkFZ"}
+{"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"}

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

@@ -1,81 +1,83 @@
-import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import { useTheme as D } from "../../../../libs/ui-react/dist/lib/Components/ThemeProvider/ThemeProvider.js";
-import { useMemo as E } from "react";
-import { buildTicksData as _ } from "../../../utils/ticks/ticks.js";
-import { useCartesianChartContext as I } from "../../CartesianChart/context/cartesianChartContext.js";
-const l = 1, f = 4, $ = 6, w = 40;
-function L({
-  gridLineStyle: p = "dashed",
-  position: d = "start",
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useMemo as C } from "react";
+import { buildTicksData as D, isTickOnYAxisDomainEdge as S } from "../../../utils/ticks/ticks.js";
+import { useCartesianChartContext as T } from "../../CartesianChart/context/cartesianChartContext.js";
+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",
+  position: l = "start",
   showGrid: u = !1,
-  showLine: g = !1,
-  showTickMark: S = !1,
-  ticks: c,
+  showLine: p = !1,
+  showTickMark: v = !1,
+  ticks: d,
   tickLabelFormatter: x
 }) {
-  const { theme: s } = D(), { getYScale: b, getYAxisConfig: A, drawingArea: e } = I(), r = b(), m = A(), a = E(
-    () => r ? _(r, m, c, x) : [],
-    [r, m, c, x]
+  const { getYScale: g, getYAxisConfig: A, drawingArea: e } = T(), i = g(), m = A(), n = C(
+    () => i ? D(i, m, d, x) : [],
+    [i, m, d, x]
   );
-  if (!r || e.height <= 0)
+  if (!i || e.height <= 0)
     return null;
-  const y = d === "start", o = y ? e.x : e.x + e.width, h = y ? -1 : 1, T = o + h * (f + $);
-  return /* @__PURE__ */ C("g", { "data-testid": "y-axis", children: [
-    u && a.map((t, i) => /* @__PURE__ */ n(
+  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(
       "line",
       {
         x1: e.x,
         y1: t.position,
         x2: e.x + e.width,
         y2: t.position,
-        style: { stroke: s.colors.border.mutedSubtle },
-        strokeWidth: l,
-        strokeDasharray: p === "dashed" ? "3 3" : void 0
+        style: { stroke: s("var(--border-muted-subtle)") },
+        strokeWidth: s("var(--stroke-1)"),
+        strokeDasharray: h === "dashed" ? "3 3" : void 0
       },
-      `grid-${t.value}-${i}`
+      `grid-${t.value}-${o}`
     )),
-    g && /* @__PURE__ */ n(
+    p && /* @__PURE__ */ a(
       "line",
       {
-        x1: o,
+        x1: r,
         y1: e.y,
-        x2: o,
+        x2: r,
         y2: e.y + e.height,
-        style: { stroke: s.colors.border.muted },
-        strokeWidth: l,
+        style: { stroke: s("var(--border-muted)") },
+        strokeWidth: s("var(--stroke-1)"),
         shapeRendering: "crispEdges",
         strokeLinecap: "square"
       }
     ),
-    S && a.map((t, i) => /* @__PURE__ */ n(
+    v && n.map((t, o) => /* @__PURE__ */ a(
       "line",
       {
-        x1: o,
+        x1: r,
         y1: t.position,
-        x2: o + h * f,
+        x2: r + c * f,
         y2: t.position,
-        style: { stroke: s.colors.border.muted },
-        strokeWidth: l
+        style: { stroke: s("var(--border-muted)") },
+        strokeWidth: s("var(--stroke-1)")
       },
-      `tick-${t.value}-${i}`
+      `tick-${t.value}-${o}`
     )),
-    a.map((t, i) => /* @__PURE__ */ n(
+    n.map((t, o) => /* @__PURE__ */ a(
       "text",
       {
-        x: T,
+        x: k,
         y: t.position,
-        textAnchor: d === "start" ? "end" : "start",
+        textAnchor: l === "start" ? "end" : "start",
         dominantBaseline: "central",
-        style: { fill: s.colors.text.muted },
-        fontSize: s.typographies.xs.body.body4.fontSize,
-        fontFamily: s.fontFamilies.sans,
+        style: {
+          fill: s("var(--text-muted)"),
+          fontSize: s("var(--font-style-body-4-size)"),
+          fontFamily: s("var(--font-family-font)")
+        },
         children: t.label
       },
-      `label-${t.value}-${i}`
+      `label-${t.value}-${o}`
     ))
   ] });
 }
 export {
   w as DEFAULT_AXIS_WIDTH,
-  L as YAxis
+  F as YAxis
 };

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":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoCnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,QAAQ,GACT,EAAE,mBAAmB,2CA4ErB"}
+{"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"}

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

@@ -1,78 +1,78 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useRef as A, useState as I, useCallback as D, useEffect as P, useMemo as b } from "react";
-import { useBuildChartContext as T } from "./context/useBuildChartContext.js";
-import { CartesianChartProvider as z } from "./context/cartesianChartContext.js";
-const M = 160, o = {
-  top: 8,
-  right: 0,
-  bottom: 0,
-  left: 0
-}, O = { top: 0, right: 0, bottom: 0, left: 0 }, W = (t) => t === void 0 ? o : typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : {
-  top: t.top ?? o.top,
-  right: t.right ?? o.right,
-  bottom: t.bottom ?? o.bottom,
-  left: t.left ?? o.left
-}, _ = (t) => t === void 0 ? O : {
-  top: t.top ?? 0,
-  right: t.right ?? 0,
-  bottom: t.bottom ?? 0,
-  left: t.left ?? 0
-};
+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: t,
-  xAxis: h,
-  yAxis: p,
+  series: b,
+  xAxis: p,
+  yAxis: C,
   width: e = "100%",
-  height: n = M,
-  inset: l,
-  axisPadding: f,
-  ariaLabel: C = "Chart",
-  children: y
+  height: t = G,
+  inset: a,
+  axisPadding: d,
+  ariaLabel: y = "Chart",
+  children: h
 }) {
-  const s = A(null), [u, g] = I(
+  const s = I(null), [c, R] = M(
     typeof e == "number" ? e : void 0
-  ), i = typeof e != "number", a = D((r) => {
-    const [v] = r;
-    v && g(v.contentRect.width);
+  ), o = typeof e != "number", l = O((r) => {
+    const [f] = r;
+    f && R(f.contentRect.width);
   }, []);
-  P(() => {
-    if (!i || !s.current || typeof ResizeObserver > "u")
+  W(() => {
+    if (!o || !s.current || typeof ResizeObserver > "u")
       return;
-    const r = new ResizeObserver(a);
+    const r = new ResizeObserver(l);
     return r.observe(s.current), () => r.disconnect();
-  }, [i, a]);
-  const m = typeof e == "number" ? e : u ?? 0, R = b(() => W(l), [l]), x = b(
-    () => _(f),
-    [f]
-  ), E = T({
-    series: t,
-    xAxis: h,
-    yAxis: p,
-    width: m,
-    height: n,
-    inset: R,
-    axisPadding: x
-  }), d = /* @__PURE__ */ c(
+  }, [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(
     "svg",
     {
       "data-testid": "chart-svg",
-      width: m,
-      height: n,
+      width: i,
+      height: t,
       role: "img",
-      "aria-label": C || "Chart",
+      "aria-label": y || "Chart",
       style: { display: "block", overflow: "visible" },
-      children: /* @__PURE__ */ c(z, { value: E, children: y })
+      children: /* @__PURE__ */ n(T, { value: A, children: h })
     }
   );
-  return i ? /* @__PURE__ */ c(
+  return o ? /* @__PURE__ */ n(
     "div",
     {
       ref: s,
       "data-testid": "chart-container",
-      style: { width: e, height: n },
-      children: u !== void 0 && d
+      style: {
+        width: e,
+        height: t,
+        ...m
+      },
+      children: c !== void 0 && u
+    }
+  ) : /* @__PURE__ */ n(
+    "div",
+    {
+      "data-testid": "chart-container",
+      style: {
+        width: i,
+        height: t,
+        ...m
+      },
+      children: u
     }
-  ) : d;
+  );
 }
 export {
   L as CartesianChart

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

@@ -26,8 +26,10 @@ export type CartesianChartProps = {
      */
     height?: number;
     /**
-     * Padding between the SVG edge and the drawing area.
-     * A number applies uniformly; a partial object overrides individual sides.
+     * Extra padding between the SVG edge and the drawing area, added on top of
+     * a built-in overflow buffer that prevents content (labels, points, ticks)
+     * from being clipped. A number applies uniformly; a partial object sets
+     * individual sides (unset sides default to `0`).
      */
     inset?: number | Partial<ChartInset>;
     /**

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;;;OAGG;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;CACtB,CAAC"}

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

@@ -0,0 +1,19 @@
+import { ChartInset } from '../../utils/types';
+import { CartesianChartProps } from './types';
+export declare const DEFAULT_HEIGHT = 160;
+/**
+ * Internal buffer that prevents SVG content (labels, points, ticks) from being
+ * clipped at the edge of the container. Compensated by negative margins on the
+ * wrapper so the chart's visual footprint stays unchanged.
+ */
+export declare const OVERFLOW_BUFFER: ChartInset;
+export declare const OVERFLOW_NEGATIVE_MARGIN: {
+    marginTop: number;
+    marginRight: number;
+    marginBottom: number;
+    marginLeft: number;
+};
+export declare const ZERO_PADDING: ChartInset;
+export declare const resolveInset: (inset: CartesianChartProps["inset"]) => ChartInset;
+export declare const resolveAxisPadding: (padding: CartesianChartProps["axisPadding"]) => ChartInset;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,UAK7B,CAAC;AACF,eAAO,MAAM,wBAAwB;;;;;CAKpC,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,UAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,mBAAmB,CAAC,OAAO,CAAC,KAClC,UAqBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,mBAAmB,CAAC,aAAa,CAAC,KAC1C,UAQF,CAAC"}

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

@@ -0,0 +1,42 @@
+const m = 160, r = {
+  top: 30,
+  right: 20,
+  bottom: 30,
+  left: 20
+}, f = {
+  marginTop: -30,
+  marginRight: -20,
+  marginBottom: -30,
+  marginLeft: -20
+}, e = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+}, l = (t) => {
+  let o;
+  return t === void 0 ? o = e : typeof t == "number" ? o = { top: t, right: t, bottom: t, left: t } : o = {
+    top: t.top ?? 0,
+    right: t.right ?? 0,
+    bottom: t.bottom ?? 0,
+    left: t.left ?? 0
+  }, {
+    top: o.top + r.top,
+    right: o.right + r.right,
+    bottom: o.bottom + r.bottom,
+    left: o.left + r.left
+  };
+}, g = (t) => t === void 0 ? e : {
+  top: t.top ?? 0,
+  right: t.right ?? 0,
+  bottom: t.bottom ?? 0,
+  left: t.left ?? 0
+};
+export {
+  m as DEFAULT_HEIGHT,
+  r as OVERFLOW_BUFFER,
+  f as OVERFLOW_NEGATIVE_MARGIN,
+  e as ZERO_PADDING,
+  g as resolveAxisPadding,
+  l as resolveInset
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/Line.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,QAAQ,EAAE,SAAsB,GACjC,EAAE,SAAS,kDA6EX"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/Line.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,QAAQ,EAAE,SAAsB,GACjC,EAAE,SAAS,kDA6EX"}

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

@@ -1,27 +1,28 @@
 import { jsxs as l, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { useId as y, useMemo as d } from "react";
+import { useId as S, useMemo as d } from "react";
 import { isNumericScale as A } from "../../utils/scales/scales.js";
-import { toScaledPoints as P, buildLinePath as T, buildAreaPath as I } from "./utils.js";
-import { useCartesianChartContext as L } from "../CartesianChart/context/cartesianChartContext.js";
-const O = 2, _ = 0.2;
-function M({
+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;
+function N({
   seriesId: g,
   stroke: h,
-  showArea: i = !1,
-  areaType: j = "gradient"
+  showArea: n = !1,
+  areaType: _ = "gradient"
 }) {
-  const { getXScale: x, getYScale: C, getXAxisConfig: S, drawingArea: r, seriesMap: k } = L(), s = x(), o = C(), c = S(), p = y(), n = k.get(g), a = h ?? n?.stroke, t = d(
-    () => n?.data && s && o && A(o) ? P(n.data, s, o, c?.data) : null,
-    [n, s, o, c]
+  const { getXScale: x, getYScale: k, getXAxisConfig: C, drawingArea: i, seriesMap: y } = T(), s = x(), o = k(), c = C(), p = S(), r = y.get(g), a = h ?? r?.stroke, t = d(
+    () => r?.data && s && o && A(o) ? P(r.data, s, o, c?.data) : null,
+    [r, s, o, c]
   ), f = d(
-    () => t ? T(t) : null,
+    () => t ? I(t) : null,
     [t]
   ), u = d(
-    () => i && t && r ? I(t, r) : null,
-    [i, t, r]
+    () => n && t && i ? L(t, i) : null,
+    [n, t, i]
   );
   return f ? /* @__PURE__ */ l(m, { children: [
-    i && u && a && /* @__PURE__ */ l(m, { children: [
+    n && u && a && /* @__PURE__ */ l(m, { children: [
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l(
         "linearGradient",
         {
@@ -37,7 +38,7 @@ function M({
               {
                 offset: "0%",
                 stopColor: a,
-                stopOpacity: _
+                stopOpacity: O
               }
             ),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: a, stopOpacity: 0 })
@@ -61,7 +62,7 @@ function M({
         d: f,
         fill: "none",
         stroke: a,
-        strokeWidth: O,
+        strokeWidth: j("var(--stroke-2)"),
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -69,5 +70,5 @@ function M({
   ] }) : null;
 }
 export {
-  M as Line
+  N as Line
 };

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

@@ -6,7 +6,7 @@ type Point = [x: number, y: number];
  * 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.
  */
-export declare const toScaledPoints: (data: Array<number | null>, xScale: ChartScaleFunction, yScale: NumericScale, xData?: ReadonlyArray<string | number>) => Point[] | null;
+export declare const toScaledPoints: (data: (number | null)[], xScale: ChartScaleFunction, yScale: NumericScale, xData?: readonly (string | number)[]) => Point[] | null;
 /**
  * Build the SVG `d` attribute for the line stroke.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,EAC1B,QAAQ,kBAAkB,EAC1B,QAAQ,YAAY,EACpB,QAAQ,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,KACrC,KAAK,EAAE,GAAG,IAmBZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,MAAM,GAAG,IAOxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,KACvB,MAAM,GAAG,IAUX,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpC;;;;;GAKG;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,KACnC,KAAK,EAAE,GAAG,IAmBZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,MAAM,GAAG,IAOxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,KACvB,MAAM,GAAG,IAUX,CAAC"}

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

@@ -0,0 +1,4 @@
+import { PointLabelProps, PointProps } from './types';
+export declare function PointLabel({ style, textAnchor, dominantBaseline, ...props }: Readonly<PointLabelProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Point({ dataX, dataY, color, label, LabelComponent, labelPosition, hidePoint, showLabelArrow, size, onClick, }: Readonly<PointProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Point.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/Point.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAqB,EACrB,gBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAe3B;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,EACd,aAAqB,EACrB,SAAiB,EACjB,cAAqB,EACrB,IAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,UAAU,CAAC,kDA0DtB"}

package/dist/lib/Components/Point/Point.js

@@ -0,0 +1,85 @@
+import { jsxs as W, jsx as n } from "react/jsx-runtime";
+import { useMemo as j } from "react";
+import { projectPoint as k } from "../../utils/scales/scales.js";
+import { isWithinBounds as E, resolveLabel as P, STROKE_WIDTH as T, buildArrowPoints as z, computeLabelY as C, DEFAULT_SIZE as D } from "./utils.js";
+import { useCartesianChartContext as F } from "../CartesianChart/context/cartesianChartContext.js";
+import { cssVar as o } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+function I({
+  style: e,
+  textAnchor: r = "middle",
+  dominantBaseline: i = "auto",
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    "text",
+    {
+      textAnchor: r,
+      dominantBaseline: i,
+      style: {
+        fill: o("var(--text-base)"),
+        fontSize: o("var(--font-style-body-4-size)"),
+        fontWeight: o("var(--font-style-body-4-weight-medium)"),
+        fontFamily: o("var(--font-family-font)"),
+        ...e
+      },
+      ...s
+    }
+  );
+}
+function O({
+  dataX: e,
+  dataY: r,
+  color: i,
+  label: s,
+  LabelComponent: p,
+  labelPosition: d = "top",
+  hidePoint: y = !1,
+  showLabelArrow: x = !0,
+  size: b = D,
+  onClick: f
+}) {
+  const { getXScale: v, getYScale: g, drawingArea: h } = F(), l = v(), a = g(), c = b / 2, L = i ?? o("var(--background-muted-strong)"), t = j(() => {
+    if (!(!l || !a))
+      return k(e, r, l, a);
+  }, [e, r, l, a]);
+  if (!t || !E(t.x, t.y, h))
+    return null;
+  const u = P(s, e), S = u != null, m = x && S, w = C(t.y, c, d, m), A = p ?? I;
+  return /* @__PURE__ */ W(
+    "g",
+    {
+      "data-testid": "point-group",
+      onClick: f,
+      style: f ? { cursor: "pointer" } : void 0,
+      children: [
+        !y && /* @__PURE__ */ n(
+          "circle",
+          {
+            "data-testid": "point-circle",
+            cx: t.x,
+            cy: t.y,
+            r: c,
+            style: {
+              fill: L,
+              stroke: o("var(--background-canvas)")
+            },
+            strokeWidth: T
+          }
+        ),
+        m && /* @__PURE__ */ n(
+          "polygon",
+          {
+            "data-testid": "point-arrow",
+            points: z(t.x, t.y, c, d),
+            style: { fill: o("var(--text-base)") }
+          }
+        ),
+        u != null && /* @__PURE__ */ n(A, { x: t.x, y: w, children: u })
+      ]
+    }
+  );
+}
+export {
+  O as Point,
+  I as PointLabel
+};

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

@@ -0,0 +1,3 @@
+export { Point, PointLabel } from './Point';
+export type { PointLabelComponent, PointLabelProps, PointProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,71 @@
+import { ComponentType, MouseEvent, SVGProps } from 'react';
+export type PointLabelProps = {
+    x: number;
+    y: number;
+    children: string;
+} & Omit<SVGProps<SVGTextElement>, 'x' | 'y' | 'children'>;
+export type PointLabelComponent = ComponentType<PointLabelProps>;
+export type PointProps = {
+    /**
+     * X coordinate in data space (index or explicit value).
+     */
+    dataX: number;
+    /**
+     * Y coordinate in data space.
+     */
+    dataY: number;
+    /**
+     * Fill color of the point circle.
+     * Defaults to `var(--background-muted-strong)`.
+     *
+     * Use the `cssVar` helper from `@ledgerhq/lumen-design-core` to
+     * resolve a design-token CSS variable at runtime:
+     *
+     * @example
+     * ```tsx
+     * import { cssVar } from '@ledgerhq/lumen-design-core';
+     *
+     * <Point dataX={0} dataY={42} color={cssVar('var(--background-error-strong)')} />
+     * ```
+     */
+    color?: string;
+    /**
+     * Text label displayed near the point.
+     * A string is rendered directly; a function receives `dataX` and returns
+     * the label string, enabling index-based formatting.
+     */
+    label?: string | ((dataIndex: number) => string);
+    /**
+     * Custom component rendered instead of the default `PointLabel`.
+     * Receives pixel coordinates (`x`, `y`) and the resolved label as
+     * `children`. Use `PointLabel` inside your component to retain
+     * design-token styling while customising layout or appearance.
+     */
+    LabelComponent?: PointLabelComponent;
+    /**
+     * Placement of the label relative to the point.
+     * @default 'top'
+     */
+    labelPosition?: 'top' | 'bottom';
+    /**
+     * When `true`, the point circle is hidden but the label (if any) is still rendered.
+     * @default false
+     */
+    hidePoint?: boolean;
+    /**
+     * Diameter of the point circle in pixels.
+     * Internally converted to an SVG radius (`size / 2`).
+     * @default 10
+     */
+    size?: number;
+    /**
+     * When `true`, an arrow is displayed pointing from the point to the label.
+     * @default true
+     */
+    showLabelArrow?: boolean;
+    /**
+     * Called when the point is clicked.
+     */
+    onClick?: (event: MouseEvent<SVGGElement>) => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACpD,CAAC"}

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

@@ -0,0 +1,24 @@
+import { DrawingArea } from '../../utils/types';
+export declare const DEFAULT_SIZE = 10;
+export declare const STROKE_WIDTH = 2;
+export declare const ARROW_WIDTH = 6;
+export declare const ARROW_HEIGHT = 4;
+export declare const GAP = 4;
+export declare const LABEL_FONT_SIZE = 10;
+export declare const isWithinBounds: (px: number, py: number, area: DrawingArea) => boolean;
+/**
+ * Builds the three SVG points of the arrow triangle.
+ *
+ * `'top'`  → arrow sits below the label, tip pointing **down** toward the circle.
+ * `'bottom'` → arrow sits above the label, tip pointing **up** toward the circle.
+ */
+export declare const buildArrowPoints: (cx: number, cy: number, radius: number, position: "top" | "bottom") => string;
+/**
+ * Resolves the label prop to a string or undefined.
+ */
+export declare const resolveLabel: (label: string | ((dataIndex: number) => string) | undefined, dataX: number) => string | undefined;
+/**
+ * Computes the vertical position of the label text baseline.
+ */
+export declare const computeLabelY: (pixelY: number, radius: number, labelPosition: "top" | "bottom", renderArrow: boolean) => number;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,GAAG,IAAI,CAAC;AACrB,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,cAAc,GACzB,IAAI,MAAM,EACV,IAAI,MAAM,EACV,MAAM,WAAW,KAChB,OAIyB,CAAC;AAE7B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,IAAI,MAAM,EACV,IAAI,MAAM,EACV,QAAQ,MAAM,EACd,UAAU,KAAK,GAAG,QAAQ,KACzB,MAYF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,EAC3D,OAAO,MAAM,KACZ,MAAM,GAAG,SAGX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,eAAe,KAAK,GAAG,QAAQ,EAC/B,aAAa,OAAO,KACnB,MAMF,CAAC"}

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

@@ -0,0 +1,26 @@
+const $ = 10, E = 2, G = 6, H = 4, T = 4, f = 10, I = (t, n, o) => t >= o.x && t <= o.x + o.width && n >= o.y && n <= o.y + o.height, O = (t, n, o, s) => {
+  if (s === "top") {
+    const R = n - o - 4, _ = R - 4;
+    return `${t},${R} ${t - 3},${_} ${t + 3},${_}`;
+  }
+  const W = n + o + 4, c = W + 4;
+  return `${t},${W} ${t - 3},${c} ${t + 3},${c}`;
+}, e = (t, n) => {
+  const o = typeof t == "function" ? t(n) : t;
+  return o === "" ? void 0 : o;
+}, h = (t, n, o, s) => {
+  const A = s ? 8 : 4;
+  return o === "top" ? t - n - A - 4 : t + n + A + 4 + 10;
+};
+export {
+  H as ARROW_HEIGHT,
+  G as ARROW_WIDTH,
+  $ as DEFAULT_SIZE,
+  T as GAP,
+  f as LABEL_FONT_SIZE,
+  E as STROKE_WIDTH,
+  O as buildArrowPoints,
+  h as computeLabelY,
+  I as isWithinBounds,
+  e as resolveLabel
+};

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

@@ -1,2 +1,3 @@
 export * from './LineChart';
+export * from './Point';
 //# 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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

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

@@ -1,4 +1,8 @@
 import { AxisBounds, AxisConfigProps, CategoricalScale, ChartScaleFunction, NumericScale } from '../types';
+/**
+ * Creates a numeric scale with `.nice()` applied so the domain
+ * extends to clean rounded boundaries (e.g. `[4, 98]` → `[0, 100]`).
+ */
 export declare const getNumericScale: ({ scaleType, domain, range, }: {
     scaleType: "linear" | "log";
     domain: AxisBounds;
@@ -21,4 +25,12 @@ 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;
+/**
+ * Projects a single data-space coordinate pair into pixel-space.
+ * Handles centering for categorical (band) scales.
+ */
+export declare const projectPoint: (dataX: number, dataY: number, xScale: ChartScaleFunction, yScale: ChartScaleFunction) => {
+    x: number;
+    y: number;
+};
 //# sourceMappingURL=scales.d.ts.map

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,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;CACnB,KAAG,YAGH,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"}
+{"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"}

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

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

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

@@ -1,4 +1,4 @@
-import { AxisConfigProps, ChartScaleFunction } from '../types';
+import { AxisConfigProps, ChartScaleFunction, DrawingArea } from '../types';
 export declare const APPROXIMATE_TICK_COUNT = 5;
 export type TickData = {
     position: number;
@@ -24,4 +24,14 @@ export declare const getTickLabel: (tick: number, axisData: AxisConfigProps["dat
  * Builds the complete tick data array from a scale and axis configuration.
  */
 export declare const buildTicksData: (scale: ChartScaleFunction, axisConfig?: AxisConfigProps, 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":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEpE,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;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,kBAAkB,EACzB,gBAAgB,MAAM,EAAE,KACvB,MAAM,EAKR,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,eAAe,CAAC,MAAM,CAAC,EACjC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,MAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,EACzB,aAAa,eAAe,EAC5B,gBAAgB,MAAM,EAAE,EACxB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,QAAQ,EASV,CAAC"}
+{"version":3,"file":"ticks.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/ticks/ticks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACZ,MAAM,UAAU,CAAC;AAElB,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;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,kBAAkB,EACzB,gBAAgB,MAAM,EAAE,KACvB,MAAM,EAKR,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,eAAe,CAAC,MAAM,CAAC,EACjC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,MAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,EACzB,aAAa,eAAe,EAC5B,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"}

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

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

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

@@ -26,7 +26,7 @@ export type Series = {
     /**
      * Numeric data points; `null` entries represent gaps.
      */
-    data?: Array<number | null>;
+    data?: (number | null)[];
     /**
      * Human-readable label used in legends and tooltips.
      */
@@ -52,6 +52,9 @@ export type AxisConfigProps = {
      * Fixed domain bounds or a function that adjusts the computed bounds.
      * A partial object overrides only the specified bound(s).
      * A function receives the auto-computed bounds and returns adjusted ones.
+     *
+     * The final domain is always rounded to nice boundaries via d3's `.nice()`,
+     * ensuring tick marks land on clean values (e.g. `[4, 98]` becomes `[0, 100]`).
      */
     domain?: Partial<AxisBounds> | ((bounds: AxisBounds) => AxisBounds);
 };

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;AAEzE,MAAM,MAAM,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,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,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC,CAAC;CACrE,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,eAAe,GAAG,SAAS,CAAC;IAC7D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IAC7D;;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;AAEzE,MAAM,MAAM,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,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,eAAe,GAAG;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAC3B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC,CAAC;CACrE,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,eAAe,GAAG,SAAS,CAAC;IAC7D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IAC7D;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/libs/design-core/dist/lib/cssVar/cssVar.js

@@ -0,0 +1,4 @@
+const c = (s) => s;
+export {
+  c as cssVar
+};

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react-visualization",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -34,7 +34,7 @@
   },
   "peerDependencies": {
     "@ledgerhq/lumen-design-core": "0.1.11",
-    "@ledgerhq/lumen-ui-react": "0.1.24",
+    "@ledgerhq/lumen-ui-react": "0.1.25",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
@@ -52,4 +52,4 @@
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8"
   }
-}
+}

package/package.json

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

package/dist/libs/ui-react/dist/lib/Components/ThemeProvider/ThemeProvider.js

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

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

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