@ledgerhq/lumen-ui-react-visualization 0.1.15 → 0.1.16

package/dist/lib/Components/Axis/Axis.constants.d.ts

@@ -0,0 +1,9 @@
+import { XAxisProps } from './XAxis';
+import { YAxisProps } from './YAxis';
+export declare const DEFAULT_AXIS_HEIGHT = 28;
+export declare const DEFAULT_AXIS_WIDTH = 40;
+export declare const TICK_MARK_SIZE = 4;
+export declare const TICK_LABEL_OFFSET = 6;
+export declare const defaultXAxisProps: XAxisProps;
+export declare const defaultYAxisProps: YAxisProps;
+//# sourceMappingURL=Axis.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Axis/Axis.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,eAAO,MAAM,iBAAiB,EAAE,UAO/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,UAQ/B,CAAC"}

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

@@ -0,0 +1,24 @@
+const s = 28, e = 40, o = 4, i = 6, t = {
+  position: "bottom",
+  showGrid: !1,
+  showLine: !1,
+  showTickMark: !1,
+  scaleType: "linear",
+  nice: !1
+}, a = {
+  position: "start",
+  showGrid: !1,
+  showLine: !1,
+  showTickMark: !1,
+  scaleType: "linear",
+  nice: !0,
+  width: 40
+};
+export {
+  s as DEFAULT_AXIS_HEIGHT,
+  e as DEFAULT_AXIS_WIDTH,
+  i as TICK_LABEL_OFFSET,
+  o as TICK_MARK_SIZE,
+  t as defaultXAxisProps,
+  a as defaultYAxisProps
+};

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

@@ -1,3 +1,7 @@
+export type AxisBounds = {
+    min: number;
+    max: number;
+};
 export type BaseAxisProps = {
     /**
      * Whether to render grid lines at each tick.
@@ -29,5 +33,38 @@ export type BaseAxisProps = {
      * Receives the raw tick value (number or string label) and must return a string.
      */
     tickLabelFormatter?: (value: number | string) => string;
+    /**
+     * Scale algorithm used by this axis.
+     * @default 'linear'
+     */
+    scaleType?: 'linear' | 'log' | 'band';
+    /**
+     * Explicit data values for band scales or category labels.
+     * For band scales, provides the discrete domain. For numeric scales, string values
+     * are used as tick labels at corresponding indices.
+     */
+    data?: string[] | number[];
+    /**
+     * 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.
+     *
+     * Applied before {@link BaseAxisProps.nice}. To keep your bounds exactly as
+     * provided, set `nice: false` alongside a full `{ min, max }` override.
+     */
+    domain?: Partial<AxisBounds> | ((bounds: AxisBounds) => AxisBounds);
+    /**
+     * Round the domain outward to clean boundaries via d3's `.nice()`
+     * (e.g. `[4, 98]` becomes `[0, 100]`).
+     *
+     * Defaults to `true`. Set to `false` to keep the domain exactly as provided
+     * so data fills the plot area boundary-to-boundary — typically only useful
+     * when you also pass a full `domain: { min, max }` and don't have overlays
+     * (reference lines, scrubber positions, annotations) that may sit outside
+     * the data range.
+     *
+     * Applied after any {@link BaseAxisProps.domain} override.
+     */
+    nice?: boolean;
 };
 //# sourceMappingURL=Axis.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Axis.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Axis/Axis.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;CACzD,CAAC"}
+{"version":3,"file":"Axis.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Axis/Axis.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACxD;;;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;IACpE;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}

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

@@ -1,4 +1,3 @@
 import { XAxisProps } from './types';
-export declare const DEFAULT_AXIS_HEIGHT = 28;
 export declare function XAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, ticks: ticksProp, tickLabelFormatter, }: XAxisProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=XAxis.d.ts.map

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,aAAuB,EACvB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAuFZ"}
+{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/XAxis/XAxis.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,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

@@ -1,27 +1,27 @@
-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 { jsxs as A, jsx as a } from "react/jsx-runtime";
+import { useMemo as C } from "react";
+import { buildTicksData as T, isTickOnXAxisDomainEdge as $ } from "../../../utils/ticks/ticks.js";
+import { TICK_MARK_SIZE as y, TICK_LABEL_OFFSET as D } from "../Axis.constants.js";
+import { useCartesianChartContext as E } 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: p = "solid",
+function W({
+  gridLineStyle: h = "solid",
   position: l = "bottom",
-  showGrid: h = !1,
-  showLine: u = !1,
+  showGrid: u = !1,
+  showLine: c = !1,
   showTickMark: g = !1,
   ticks: d,
-  tickLabelFormatter: x
+  tickLabelFormatter: m
 }) {
-  const { getXScale: v, getXAxisConfig: A, drawingArea: e } = D(), r = v(), m = A(), n = T(
-    () => r ? C(r, m, d, x) : [],
-    [r, m, d, x]
+  const { getXScale: v, getXAxisConfig: b, drawingArea: e } = E(), r = v(), x = b(), n = C(
+    () => r ? T(r, x, d, m) : [],
+    [r, x, d, m]
   );
   if (!r || e.width <= 0)
     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: [
-    h && n.filter((t) => E(t, e)).map((t, i) => /* @__PURE__ */ a(
+  const f = l === "top", s = f ? e.y : e.y + e.height, p = f ? -1 : 1, k = s + p * (y + D);
+  return /* @__PURE__ */ A("g", { "data-testid": "x-axis", children: [
+    u && n.filter((t) => $(t, e)).map((t, i) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
@@ -32,11 +32,11 @@ function K({
           stroke: o("var(--border-muted-subtle-transparent)")
         },
         strokeWidth: o("var(--stroke-1)"),
-        strokeDasharray: p === "dashed" ? "3 3" : void 0
+        strokeDasharray: h === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${i}`
     )),
-    u && /* @__PURE__ */ a(
+    c && /* @__PURE__ */ a(
       "line",
       {
         x1: e.x,
@@ -55,7 +55,7 @@ function K({
         x1: t.position,
         y1: s,
         x2: t.position,
-        y2: s + y * c,
+        y2: s + p * y,
         style: { stroke: o("var(--border-muted)") },
         strokeWidth: o("var(--stroke-1)")
       },
@@ -65,7 +65,7 @@ function K({
       "text",
       {
         x: t.position,
-        y: b,
+        y: k,
         textAnchor: "middle",
         dominantBaseline: l === "top" ? "auto" : "hanging",
         style: {
@@ -80,6 +80,5 @@ function K({
   ] });
 }
 export {
-  F as DEFAULT_AXIS_HEIGHT,
-  K as XAxis
+  W as XAxis
 };

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

@@ -1,3 +1,3 @@
-export { XAxis, DEFAULT_AXIS_HEIGHT } from './XAxis';
+export { XAxis } from './XAxis';
 export type { XAxisProps } from './types';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,4 +1,3 @@
 import { YAxisProps } from './types';
-export declare const DEFAULT_AXIS_WIDTH = 40;
 export declare function YAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, ticks: ticksProp, tickLabelFormatter, }: YAxisProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=YAxis.d.ts.map

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,aAAuB,EACvB,QAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAuFZ"}
+{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/YAxis.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,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

@@ -1,27 +1,27 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { jsxs as A, 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 { buildTicksData as S, isTickOnYAxisDomainEdge as $ } from "../../../utils/ticks/ticks.js";
+import { TICK_MARK_SIZE as c, TICK_LABEL_OFFSET as D } from "../Axis.constants.js";
+import { useCartesianChartContext as E } 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 = "solid",
+function W({
+  gridLineStyle: p = "solid",
   position: l = "start",
-  showGrid: p = !1,
+  showGrid: h = !1,
   showLine: u = !1,
   showTickMark: v = !1,
   ticks: d,
   tickLabelFormatter: x
 }) {
-  const { getYScale: g, getYAxisConfig: A, drawingArea: e } = T(), i = g(), m = A(), n = C(
-    () => i ? D(i, m, d, x) : [],
+  const { getYScale: g, getYAxisConfig: k, drawingArea: e } = E(), i = g(), m = k(), n = C(
+    () => i ? S(i, m, d, x) : [],
     [i, m, d, x]
   );
   if (!i || e.height <= 0)
     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: [
-    p && n.filter((t) => S(t, e)).map((t, o) => /* @__PURE__ */ a(
+  const f = l === "start", r = f ? e.x : e.x + e.width, y = f ? -1 : 1, b = r + y * (c + D);
+  return /* @__PURE__ */ A("g", { "data-testid": "y-axis", children: [
+    h && n.filter((t) => $(t, e)).map((t, o) => /* @__PURE__ */ a(
       "line",
       {
         x1: e.x,
@@ -32,7 +32,7 @@ function F({
           stroke: s("var(--border-muted-subtle-transparent)")
         },
         strokeWidth: s("var(--stroke-1)"),
-        strokeDasharray: h === "dashed" ? "3 3" : void 0
+        strokeDasharray: p === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${o}`
     )),
@@ -54,7 +54,7 @@ function F({
       {
         x1: r,
         y1: t.position,
-        x2: r + c * f,
+        x2: r + y * c,
         y2: t.position,
         style: { stroke: s("var(--border-muted)") },
         strokeWidth: s("var(--stroke-1)")
@@ -64,7 +64,7 @@ function F({
     n.map((t, o) => /* @__PURE__ */ a(
       "text",
       {
-        x: k,
+        x: b,
         y: t.position,
         textAnchor: l === "start" ? "end" : "start",
         dominantBaseline: "central",
@@ -80,6 +80,5 @@ function F({
   ] });
 }
 export {
-  w as DEFAULT_AXIS_WIDTH,
-  F as YAxis
+  W as YAxis
 };

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

@@ -1,3 +1,3 @@
-export { YAxis, DEFAULT_AXIS_WIDTH } from './YAxis';
+export { YAxis } from './YAxis';
 export type { YAxisProps } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Axis.types';
+export * from './Axis.constants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Axis/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

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, enableScrubbing, onScrubberPositionChange, animate, children, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartesianChart({ series, xAxis, yAxis, width, height, inset, axisPadding, ariaLabel, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, 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":"AAKA,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,OAAc,EACd,QAAQ,GACT,EAAE,mBAAmB,2CA6FrB"}
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AASnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,eAAuB,EACvB,wBAAwB,EACxB,OAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CA0GrB"}

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

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

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

@@ -1,8 +1,11 @@
-import { AxisBounds, AxisConfigProps, CartesianChartContextValue, ChartInset, ChartScaleFunction, DrawingArea, Series } from '../../../utils/types';
+import { CartesianChartContextValue, ChartInset, ChartScaleFunction, DrawingArea, Series } from '../../../utils/types';
+import { AxisBounds, BaseAxisProps } from '../../Axis';
+import { XAxisProps } from '../../Axis/XAxis';
+import { YAxisProps } from '../../Axis/YAxis';
 type UseBuildChartContextParams = {
     series: Series[];
-    xAxis?: Partial<AxisConfigProps>;
-    yAxis?: Partial<AxisConfigProps>;
+    xAxis?: XAxisProps;
+    yAxis?: YAxisProps;
     width: number;
     height: number;
     inset: ChartInset;
@@ -16,7 +19,7 @@ export declare const computeAxisRange: (drawingArea: DrawingArea) => {
     xRange: AxisRange;
     yRange: AxisRange;
 };
-export declare const buildScale: (domain: AxisBounds, range: AxisRange, scaleType?: AxisConfigProps["scaleType"]) => ChartScaleFunction;
+export declare const buildScale: (domain: AxisBounds, range: AxisRange, scaleType?: BaseAxisProps["scaleType"], nice?: boolean) => ChartScaleFunction;
 export declare const computeDrawingArea: (width: number, height: number, inset: ChartInset, axisPadding: ChartInset) => DrawingArea;
 export declare const useBuildChartContext: ({ series, xAxis, yAxis, width, height, inset, axisPadding, }: UseBuildChartContextParams) => CartesianChartContextValue;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"useBuildChartContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/context/useBuildChartContext.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,0BAA0B,EAC1B,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,MAAM,EACP,MAAM,sBAAsB,CAAC;AAE9B,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,KAAK,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,eAAO,MAAM,gBAAgB,GAC3B,aAAa,WAAW,KACvB;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAMvC,CAAC;AAEH,eAAO,MAAM,UAAU,GACrB,QAAQ,UAAU,EAClB,OAAO,SAAS,EAChB,YAAW,eAAe,CAAC,WAAW,CAAY,KACjD,kBAGgD,CAAC;AAEpD,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,OAAO,UAAU,EACjB,aAAa,UAAU,KACtB,WAaF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8DAQlC,0BAA0B,KAAG,0BAiC/B,CAAC"}
+{"version":3,"file":"useBuildChartContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/context/useBuildChartContext.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,0BAA0B,EAC1B,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,MAAM,EACP,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,KAAK,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,eAAO,MAAM,gBAAgB,GAC3B,aAAa,WAAW,KACvB;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAMvC,CAAC;AAEH,eAAO,MAAM,UAAU,GACrB,QAAQ,UAAU,EAClB,OAAO,SAAS,EAChB,YAAW,aAAa,CAAC,WAAW,CAAY,EAChD,OAAO,OAAO,KACb,kBAGsD,CAAC;AAE1D,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,OAAO,UAAU,EACjB,aAAa,UAAU,KACtB,WAaF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8DAQlC,0BAA0B,KAAG,0BAiC/B,CAAC"}

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

@@ -1,5 +1,5 @@
 import { useMemo as u } from "react";
-import { computeXDomain as b, computeYDomain as C, computeDataLength as M } from "../../../utils/domain/domain.js";
+import { computeXDomain as y, computeYDomain as C, computeDataLength as M } from "../../../utils/domain/domain.js";
 import { getCategoricalScale as R, getNumericScale as _, isBandScaleType as X } from "../../../utils/scales/scales.js";
 const Y = (t) => ({
   xRange: { min: t.x, max: t.x + t.width },
@@ -7,55 +7,55 @@ const Y = (t) => ({
     min: t.y + t.height,
     max: t.y
   }
-}), f = (t, e, o = "linear") => X(o) ? R({ domain: t, range: e }) : _({ scaleType: o, domain: t, range: e }), B = (t, e, o, a) => {
-  const c = {
-    top: o.top + a.top,
-    right: o.right + a.right,
-    bottom: o.bottom + a.bottom,
-    left: o.left + a.left
+}), f = (t, e, o = "linear", c) => X(o) ? R({ domain: t, range: e }) : _({ scaleType: o, domain: t, range: e, nice: c }), B = (t, e, o, c) => {
+  const m = {
+    top: o.top + c.top,
+    right: o.right + c.right,
+    bottom: o.bottom + c.bottom,
+    left: o.left + c.left
   };
   return {
-    x: c.left,
-    y: c.top,
-    width: Math.max(0, t - c.left - c.right),
-    height: Math.max(0, e - c.top - c.bottom)
+    x: m.left,
+    y: m.top,
+    width: Math.max(0, t - m.left - m.right),
+    height: Math.max(0, e - m.top - m.bottom)
   };
-}, I = ({
+}, N = ({
   series: t,
   xAxis: e,
   yAxis: o,
-  width: a,
-  height: c,
-  inset: n,
+  width: c,
+  height: m,
+  inset: l,
   axisPadding: p
 }) => {
-  const l = u(
-    () => B(a, c, n, p),
-    [a, c, n, p]
+  const a = u(
+    () => B(c, m, l, p),
+    [c, m, l, p]
   );
   return u(() => {
-    const { xRange: r, yRange: S } = Y(l);
+    const { xRange: r, yRange: S } = Y(a);
     let h, g;
-    if (l.width > 0 && l.height > 0) {
-      const m = b(t, e), D = C(t, o);
-      h = f(m, r, e?.scaleType), g = f(D, S, o?.scaleType);
+    if (a.width > 0 && a.height > 0) {
+      const n = y(t, e), b = C(t, o);
+      h = f(n, r, e?.scaleType, e?.nice), g = f(b, S, o?.scaleType, o?.nice);
     }
-    const i = M(t, e), y = new Map(t.map((m) => [m.id, m]));
+    const i = M(t, e), D = new Map(t.map((n) => [n.id, n]));
     return {
       series: t,
-      seriesMap: y,
-      getXScale: (m) => h,
-      getYScale: (m) => g,
-      getXAxisConfig: (m) => e,
-      getYAxisConfig: (m) => o,
-      drawingArea: l,
+      seriesMap: D,
+      getXScale: (n) => h,
+      getYScale: (n) => g,
+      getXAxisConfig: (n) => e,
+      getYAxisConfig: (n) => o,
+      drawingArea: a,
       dataLength: i
     };
-  }, [t, e, o, l]);
+  }, [t, e, o, a]);
 };
 export {
   f as buildScale,
   Y as computeAxisRange,
   B as computeDrawingArea,
-  I as useBuildChartContext
+  N as useBuildChartContext
 };

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { AxisConfigProps, ChartInset, Series } from '../../utils/types';
+import { ChartInset, Series } from '../../utils/types';
+import { BaseAxisProps } from '../Axis';
 export type CartesianChartProps = {
     /**
      * Data series provided to child components via context.
@@ -8,11 +9,11 @@ export type CartesianChartProps = {
     /**
      * Scale and domain configuration for the x-axis.
      */
-    xAxis?: Partial<AxisConfigProps>;
+    xAxis?: Partial<BaseAxisProps>;
     /**
      * Scale and domain configuration for the y-axis.
      */
-    yAxis?: Partial<AxisConfigProps>;
+    yAxis?: Partial<BaseAxisProps>;
     /**
      * Width of the chart.
      * A number is treated as pixels; a string (e.g. `'100%'`) fills the container
@@ -63,5 +64,12 @@ export type CartesianChartProps = {
      * @default true
      */
     animate?: boolean;
+    /**
+     * Pixel radius within which the scrubber magnetically snaps to registered
+     * magnetic `<Point>` components. Requires `enableScrubbing` to be `true`.
+     * Set to `0` to disable magnetization.
+     * @default 8
+     */
+    magnetRadius?: number;
 };
 //# sourceMappingURL=types.d.ts.map