@ledgerhq/lumen-ui-react-visualization 0.1.19 → 0.1.21

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

@@ -23,6 +23,12 @@ export type BaseAxisProps = {
      * @default false
      */
     showTickMark?: boolean;
+    /**
+     * Whether to render the tick labels along the axis.
+     * Set to `false` to keep ticks/grid while hiding their text labels.
+     * @default true
+     */
+    showLabels?: boolean;
     /**
      * Explicit tick positions along the axis.
      * When omitted, ticks are computed automatically from the scale.

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,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"}
+{"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;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;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,3 +1,3 @@
 import { XAxisProps } from './types';
-export declare function XAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, ticks: ticksProp, tickLabelFormatter, }: XAxisProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function XAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, showLabels, 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":"AAOA,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,kDAqFZ"}
+{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/XAxis/XAxis.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,aAAuB,EACvB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,UAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAsFZ"}

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

@@ -1,27 +1,28 @@
-import { jsxs as A, jsx as a } from "react/jsx-runtime";
-import { useMemo as C } from "react";
-import { buildTicksData as $ } from "../../../utils/ticks/ticks.js";
-import { TICK_MARK_SIZE as y, TICK_LABEL_OFFSET as S } from "../Axis.constants.js";
-import { useCartesianChartContext as T } from "../../CartesianChart/context/cartesianChartContext.js";
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import { useMemo as $ } from "react";
+import { buildTicksData as S } from "../../../utils/ticks/ticks.js";
+import { TICK_MARK_SIZE as y, TICK_LABEL_OFFSET as T } from "../Axis.constants.js";
+import { useCartesianChartContext as D } from "../../CartesianChart/context/cartesianChartContext.js";
 import { cssVar as o } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-function W({
-  gridLineStyle: h = "solid",
+function X({
+  gridLineStyle: u = "solid",
   position: l = "bottom",
-  showGrid: u = !1,
+  showGrid: h = !1,
   showLine: c = !1,
   showTickMark: g = !1,
+  showLabels: v = !0,
   ticks: d,
   tickLabelFormatter: m
 }) {
-  const { getXScale: v, getXAxisConfig: b, drawingArea: e } = T(), i = v(), x = b(), n = C(
-    () => i ? $(i, x, d, m) : [],
+  const { getXScale: b, getXAxisConfig: k, drawingArea: e } = D(), i = b(), x = k(), n = $(
+    () => i ? S(i, x, d, m) : [],
     [i, x, d, m]
   );
   if (!i || e.width <= 0)
     return null;
-  const f = l === "top", s = f ? e.y : e.y + e.height, p = f ? -1 : 1, k = s + p * (y + S);
-  return /* @__PURE__ */ A("g", { "data-testid": "x-axis", children: [
-    u && n.map((t, r) => /* @__PURE__ */ a(
+  const f = l === "top", s = f ? e.y : e.y + e.height, p = f ? -1 : 1, A = s + p * (y + T);
+  return /* @__PURE__ */ C("g", { "data-testid": "x-axis", children: [
+    h && n.map((t, r) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
@@ -32,7 +33,7 @@ function W({
           stroke: o("var(--border-muted-subtle-transparent)")
         },
         strokeWidth: o("var(--stroke-1)"),
-        strokeDasharray: h === "dashed" ? "3 3" : void 0
+        strokeDasharray: u === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${r}`
     )),
@@ -61,11 +62,11 @@ function W({
       },
       `tick-${t.value}-${r}`
     )),
-    n.map((t, r) => /* @__PURE__ */ a(
+    v && n.map((t, r) => /* @__PURE__ */ a(
       "text",
       {
         x: t.position,
-        y: k,
+        y: A,
         textAnchor: "middle",
         dominantBaseline: l === "top" ? "auto" : "hanging",
         style: {
@@ -80,5 +81,5 @@ function W({
   ] });
 }
 export {
-  W as XAxis
+  X as XAxis
 };

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

@@ -1,3 +1,3 @@
 import { YAxisProps } from './types';
-export declare function YAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, ticks: ticksProp, tickLabelFormatter, }: YAxisProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function YAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, showLabels, 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":"AAOA,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,kDAqFZ"}
+{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/YAxis.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,aAAuB,EACvB,QAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,UAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAsFZ"}

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

@@ -1,27 +1,28 @@
-import { jsxs as A, jsx as i } from "react/jsx-runtime";
-import { useMemo as C } from "react";
-import { buildTicksData as S } from "../../../utils/ticks/ticks.js";
-import { TICK_MARK_SIZE as p, TICK_LABEL_OFFSET as $ } from "../Axis.constants.js";
-import { useCartesianChartContext as D } from "../../CartesianChart/context/cartesianChartContext.js";
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import { useMemo as S } from "react";
+import { buildTicksData as $ } from "../../../utils/ticks/ticks.js";
+import { TICK_MARK_SIZE as p, TICK_LABEL_OFFSET as D } from "../Axis.constants.js";
+import { useCartesianChartContext as E } from "../../CartesianChart/context/cartesianChartContext.js";
 import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-function W({
-  gridLineStyle: c = "solid",
+function Y({
+  gridLineStyle: u = "solid",
   position: l = "start",
-  showGrid: h = !1,
-  showLine: u = !1,
+  showGrid: c = !1,
+  showLine: h = !1,
   showTickMark: v = !1,
+  showLabels: g = !0,
   ticks: d,
   tickLabelFormatter: x
 }) {
-  const { getYScale: g, getYAxisConfig: b, drawingArea: e } = D(), a = g(), m = b(), n = C(
-    () => a ? S(a, m, d, x) : [],
+  const { getYScale: b, getYAxisConfig: k, drawingArea: e } = E(), a = b(), m = k(), n = S(
+    () => a ? $(a, m, d, x) : [],
     [a, m, d, x]
   );
   if (!a || e.height <= 0)
     return null;
-  const y = l === "start", s = y ? e.x : e.x + e.width, f = y ? -1 : 1, k = s + f * (p + $);
-  return /* @__PURE__ */ A("g", { "data-testid": "y-axis", children: [
-    h && n.map((t, o) => /* @__PURE__ */ i(
+  const y = l === "start", s = y ? e.x : e.x + e.width, f = y ? -1 : 1, A = s + f * (p + D);
+  return /* @__PURE__ */ C("g", { "data-testid": "y-axis", children: [
+    c && n.map((t, o) => /* @__PURE__ */ i(
       "line",
       {
         x1: e.x,
@@ -32,11 +33,11 @@ function W({
           stroke: r("var(--border-muted-subtle-transparent)")
         },
         strokeWidth: r("var(--stroke-1)"),
-        strokeDasharray: c === "dashed" ? "3 3" : void 0
+        strokeDasharray: u === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${o}`
     )),
-    u && /* @__PURE__ */ i(
+    h && /* @__PURE__ */ i(
       "line",
       {
         x1: s,
@@ -61,10 +62,10 @@ function W({
       },
       `tick-${t.value}-${o}`
     )),
-    n.map((t, o) => /* @__PURE__ */ i(
+    g && n.map((t, o) => /* @__PURE__ */ i(
       "text",
       {
-        x: k,
+        x: A,
         y: t.position,
         textAnchor: l === "start" ? "end" : "start",
         dominantBaseline: "central",
@@ -80,5 +81,5 @@ function W({
   ] });
 }
 export {
-  W as YAxis
+  Y 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":"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,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,wBAAwB,EACxB,OAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CA4GrB"}
+{"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;AAGnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,wBAAwB,EACxB,OAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CAuGrB"}

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

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

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

@@ -0,0 +1,3 @@
+import { RevealAnimationProps } from './types';
+export declare function RevealAnimationProvider({ children, drawingArea, series, animate, transitions, }: RevealAnimationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RevealAnimationProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RevealAnimationProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAMpD,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAc,EACd,WAAW,GACZ,EAAE,oBAAoB,2CA0CtB"}

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

@@ -0,0 +1,41 @@
+import { jsx as e, Fragment as f, jsxs as y } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import { RevealAnimationContext as x } from "./context.js";
+import { useDataFingerprint as P, useRevealAnimation as A } from "./utils.js";
+const D = 0.8, R = "linear";
+function I({
+  children: n,
+  drawingArea: t,
+  series: l,
+  animate: s = !0,
+  transitions: o
+}) {
+  const c = !s, m = o?.enter?.duration ?? D, h = o?.enter?.easing ?? R, d = P({ series: l }), { clipId: p, clipPathAttr: r, clipPathAnimation: a, fadeAnimation: i } = A({
+    duration: m,
+    easing: h,
+    drawingArea: t
+  }), u = v(
+    () => ({
+      clipPathAttr: r,
+      getPointRevealStyle: i.getPointRevealStyle
+    }),
+    [r, i]
+  );
+  return c ? /* @__PURE__ */ e(f, { children: n }) : /* @__PURE__ */ y(x.Provider, { value: u, children: [
+    /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: p, children: /* @__PURE__ */ e(
+      "rect",
+      {
+        x: t.x,
+        y: t.y,
+        height: t.height,
+        width: t.width,
+        style: { animation: a.style }
+      }
+    ) }) }),
+    /* @__PURE__ */ e("style", { children: `${a.keyframe} ${i.keyframe}` }),
+    n
+  ] }, d);
+}
+export {
+  I as RevealAnimationProvider
+};

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

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { RevealAnimationContextValue } from './types';
+export declare const RevealAnimationContext: import('react').Context<RevealAnimationContextValue | undefined>;
+/**
+ * Clip-path attribute for path-based consumers (e.g. `Line`).
+ * Returns `undefined` when the reveal animation is disabled.
+ */
+export declare const usePathReveal: () => string | undefined;
+/**
+ * Opacity fade-in style for accessory consumers (e.g. `Point`). Returns
+ * `undefined` when the reveal animation is disabled, leaving the consumer fully
+ * visible.
+ */
+export declare const usePointReveal: () => CSSProperties | undefined;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,sBAAsB,kEAEvB,CAAC;AAEb;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,MAAM,GAAG,SAEzC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAO,aAAa,GAAG,SAGjD,CAAC"}

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

@@ -0,0 +1,10 @@
+import { useContext as e, createContext as n, useMemo as r } from "react";
+const o = n(void 0), s = () => e(o)?.clipPathAttr, c = () => {
+  const t = e(o);
+  return r(() => t?.getPointRevealStyle(), [t]);
+};
+export {
+  o as RevealAnimationContext,
+  s as usePathReveal,
+  c as usePointReveal
+};

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

@@ -0,0 +1,3 @@
+export { RevealAnimationProvider } from './RevealAnimationProvider';
+export { usePathReveal, usePointReveal } from './context';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,57 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DrawingArea, Series } from '../../../utils';
+/**
+ * Value shared by the reveal animation provider.
+ *
+ * - `clipPathAttr` drives the left-to-right clip wipe consumed by path-based
+ *   components (e.g. `Line`).
+ * - `getPointRevealStyle` returns the opacity fade-in style for accessory
+ *   components (e.g. `Point`) that must not be clipped, so edge content stays
+ *   visible.
+ */
+export type RevealAnimationContextValue = {
+    /**
+     * `clip-path` attribute (`url(#id)`) used by the line/area wipe.
+     */
+    clipPathAttr: string;
+    /**
+     * Builds the opacity fade-in style for an accessory (e.g. `Point`) so it
+     * reveals without being clipped, keeping edge content visible.
+     */
+    getPointRevealStyle: () => CSSProperties;
+};
+export type EnterTransitionConfig = {
+    /**
+     * Duration in seconds. @default 0.8
+     */
+    duration?: number;
+    /**
+     * CSS easing function. @default 'linear'
+     */
+    easing?: string;
+};
+export type RevealAnimationProps = {
+    children: ReactNode;
+    /**
+     * The drawing area whose bounds define the clip rectangle.
+     */
+    drawingArea: DrawingArea;
+    /**
+     * Whether to animate the chart.
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * Transition configuration.
+     * @default { enter: { duration: 0.8, easing: 'linear' } }
+     */
+    transitions?: {
+        enter?: EnterTransitionConfig;
+    };
+    /**
+     * Data series used to compute a fingerprint that restarts
+     * the animation when data changes.
+     */
+    series: Series[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,aAAa,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,qBAAqB,CAAA;KAAE,CAAC;IAChD;;;OAGG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC"}

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

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+import { DrawingArea, Series } from '../../../utils/types';
+type RevealAnimationConfig = {
+    duration: number;
+    easing: string;
+    drawingArea: DrawingArea;
+};
+/**
+ * Creates the reveal animation for the chart.
+ * It returns
+ * - the clip id
+ * - the clip path animation
+ * - and the fade animation.
+ */
+export declare const useRevealAnimation: ({ duration, easing, drawingArea, }: RevealAnimationConfig) => {
+    clipId: string;
+    clipPathAttr: string;
+    clipPathAnimation: {
+        keyframe: string;
+        style: string;
+    };
+    fadeAnimation: {
+        keyframe: string;
+        getPointRevealStyle: () => CSSProperties;
+    };
+};
+export declare const useDataFingerprint: ({ series, }: {
+    series: Series[];
+}) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQhE,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,oCAIhC,qBAAqB;;;;;;;;;mCA2CO,aAAa;;CAnB3C,CAAC;AA2DF,eAAO,MAAM,kBAAkB,GAAI,aAEhC;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,KAAG,MAEH,CAAC"}

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

@@ -0,0 +1,67 @@
+import { useId as l, useMemo as r } from "react";
+const m = 0.2, s = -0.1, $ = ({
+  duration: a,
+  easing: t,
+  drawingArea: o
+}) => {
+  const e = l(), n = c({
+    clipId: e,
+    duration: a,
+    easing: t
+  }), i = p({
+    clipId: e,
+    duration: a,
+    easing: t,
+    drawingArea: o
+  });
+  return r(
+    () => ({
+      clipId: e,
+      clipPathAttr: `url(#${e})`,
+      clipPathAnimation: i,
+      fadeAnimation: n
+    }),
+    [e, i, n]
+  );
+}, c = ({
+  clipId: a,
+  duration: t,
+  easing: o
+}) => {
+  const e = `reveal-fade-${a.replaceAll(":", "")}`;
+  return r(
+    () => ({
+      keyframe: `@keyframes ${e} { from { opacity: 0; } to { opacity: 1; } }`,
+      getPointRevealStyle: () => {
+        const n = Math.max(
+          0,
+          t + s
+        );
+        return {
+          animation: `${e} ${m}s ${o} ${n}s both`
+        };
+      }
+    }),
+    [t, o, e]
+  );
+}, p = ({
+  clipId: a,
+  duration: t,
+  easing: o,
+  drawingArea: e
+}) => {
+  const n = `reveal-clip-${a.replaceAll(":", "")}`, i = e.width;
+  return r(
+    () => ({
+      keyframe: `@keyframes ${n} { from { width: 0; } to { width: ${i}px; } }`,
+      style: `${n} ${t}s ${o} forwards`
+    }),
+    [n, t, o, i]
+  );
+}, f = ({
+  series: a
+}) => a.map((t) => t.data?.join(",") ?? "").join("|");
+export {
+  f as useDataFingerprint,
+  $ as useRevealAnimation
+};