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

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":"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"}
+{"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"}

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

@@ -1,8 +1,8 @@
 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 { 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 { cssVar as o } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
 function W({
   gridLineStyle: h = "solid",
@@ -13,15 +13,15 @@ function W({
   ticks: d,
   tickLabelFormatter: m
 }) {
-  const { getXScale: v, getXAxisConfig: b, drawingArea: e } = E(), r = v(), x = b(), n = C(
-    () => r ? T(r, x, d, m) : [],
-    [r, x, d, m]
+  const { getXScale: v, getXAxisConfig: b, drawingArea: e } = T(), i = v(), x = b(), n = C(
+    () => i ? $(i, x, d, m) : [],
+    [i, x, d, m]
   );
-  if (!r || e.width <= 0)
+  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 + D);
+  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.filter((t) => $(t, e)).map((t, i) => /* @__PURE__ */ a(
+    u && n.map((t, r) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
@@ -34,7 +34,7 @@ function W({
         strokeWidth: o("var(--stroke-1)"),
         strokeDasharray: h === "dashed" ? "3 3" : void 0
       },
-      `grid-${t.value}-${i}`
+      `grid-${t.value}-${r}`
     )),
     c && /* @__PURE__ */ a(
       "line",
@@ -49,7 +49,7 @@ function W({
         strokeLinecap: "square"
       }
     ),
-    g && n.map((t, i) => /* @__PURE__ */ a(
+    g && n.map((t, r) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
@@ -59,9 +59,9 @@ function W({
         style: { stroke: o("var(--border-muted)") },
         strokeWidth: o("var(--stroke-1)")
       },
-      `tick-${t.value}-${i}`
+      `tick-${t.value}-${r}`
     )),
-    n.map((t, i) => /* @__PURE__ */ a(
+    n.map((t, r) => /* @__PURE__ */ a(
       "text",
       {
         x: t.position,
@@ -75,7 +75,7 @@ function W({
         },
         children: t.label
       },
-      `label-${t.value}-${i}`
+      `label-${t.value}-${r}`
     ))
   ] });
 }

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":"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"}
+{"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"}

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

@@ -1,11 +1,11 @@
-import { jsxs as A, jsx as a } from "react/jsx-runtime";
+import { jsxs as A, jsx as i } from "react/jsx-runtime";
 import { useMemo as C } from "react";
-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";
+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 { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
 function W({
-  gridLineStyle: p = "solid",
+  gridLineStyle: c = "solid",
   position: l = "start",
   showGrid: h = !1,
   showLine: u = !1,
@@ -13,15 +13,15 @@ function W({
   ticks: d,
   tickLabelFormatter: 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]
+  const { getYScale: g, getYAxisConfig: b, drawingArea: e } = D(), a = g(), m = b(), n = C(
+    () => a ? S(a, m, d, x) : [],
+    [a, m, d, x]
   );
-  if (!i || e.height <= 0)
+  if (!a || e.height <= 0)
     return null;
-  const f = l === "start", r = f ? e.x : e.x + e.width, y = f ? -1 : 1, b = r + y * (c + D);
+  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.filter((t) => $(t, e)).map((t, o) => /* @__PURE__ */ a(
+    h && n.map((t, o) => /* @__PURE__ */ i(
       "line",
       {
         x1: e.x,
@@ -29,49 +29,49 @@ function W({
         x2: e.x + e.width,
         y2: t.position,
         style: {
-          stroke: s("var(--border-muted-subtle-transparent)")
+          stroke: r("var(--border-muted-subtle-transparent)")
         },
-        strokeWidth: s("var(--stroke-1)"),
-        strokeDasharray: p === "dashed" ? "3 3" : void 0
+        strokeWidth: r("var(--stroke-1)"),
+        strokeDasharray: c === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${o}`
     )),
-    u && /* @__PURE__ */ a(
+    u && /* @__PURE__ */ i(
       "line",
       {
-        x1: r,
+        x1: s,
         y1: e.y,
-        x2: r,
+        x2: s,
         y2: e.y + e.height,
-        style: { stroke: s("var(--border-muted)") },
-        strokeWidth: s("var(--stroke-1)"),
+        style: { stroke: r("var(--border-muted)") },
+        strokeWidth: r("var(--stroke-1)"),
         shapeRendering: "crispEdges",
         strokeLinecap: "square"
       }
     ),
-    v && n.map((t, o) => /* @__PURE__ */ a(
+    v && n.map((t, o) => /* @__PURE__ */ i(
       "line",
       {
-        x1: r,
+        x1: s,
         y1: t.position,
-        x2: r + y * c,
+        x2: s + f * p,
         y2: t.position,
-        style: { stroke: s("var(--border-muted)") },
-        strokeWidth: s("var(--stroke-1)")
+        style: { stroke: r("var(--border-muted)") },
+        strokeWidth: r("var(--stroke-1)")
       },
       `tick-${t.value}-${o}`
     )),
-    n.map((t, o) => /* @__PURE__ */ a(
+    n.map((t, o) => /* @__PURE__ */ i(
       "text",
       {
-        x: b,
+        x: k,
         y: t.position,
         textAnchor: l === "start" ? "end" : "start",
         dominantBaseline: "central",
         style: {
-          fill: s("var(--text-muted)"),
-          fontSize: s("var(--font-style-body-4-size)"),
-          fontFamily: s("var(--font-family-font)")
+          fill: r("var(--text-muted)"),
+          fontSize: r("var(--font-style-body-4-size)"),
+          fontFamily: r("var(--font-family-font)")
         },
         children: t.label
       },

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, magnetRadius, children, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartesianChart({ series, xAxis, yAxis, width, height, inset, axisPadding, ariaLabel, ariaBusy, overlay: htmlOverlay, 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":"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"}
+{"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"}

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

@@ -1,99 +1,106 @@
-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: y,
+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({
+  series: d,
+  xAxis: y,
+  yAxis: C,
   width: e = "100%",
-  height: l = _,
+  height: l = D,
   inset: c,
-  axisPadding: f,
+  axisPadding: v,
   ariaLabel: x = "Chart",
-  enableScrubbing: i = !1,
-  onScrubberPositionChange: E,
-  animate: F = !0,
-  magnetRadius: O,
-  children: P
+  ariaBusy: F = !1,
+  overlay: E,
+  enableScrubbing: n = !1,
+  onScrubberPositionChange: O,
+  animate: P = !0,
+  magnetRadius: W,
+  children: A
 }) {
-  const d = R(null), v = R(null), [W, A] = M(
+  const a = b(null), f = b(null), [w, I] = T(
     typeof e == "number" ? e : void 0
-  ), r = typeof e != "number", u = z((n) => {
-    const [g] = n;
-    g && A(g.contentRect.width);
+  ), r = typeof e != "number", u = V((i) => {
+    const [g] = i;
+    g && I(g.contentRect.width);
   }, []);
-  H(() => {
-    if (!r || !d.current || typeof ResizeObserver > "u")
+  _(() => {
+    if (!r || !a.current || typeof ResizeObserver > "u")
       return;
-    const n = new ResizeObserver(u);
-    return n.observe(d.current), () => n.disconnect();
+    const i = new ResizeObserver(u);
+    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, w = b(() => T(c), [c]), I = b(
-    () => V(f),
-    [f]
-  ), p = B({
-    series: a,
-    xAxis: C,
-    yAxis: y,
+  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({
+    series: d,
+    xAxis: y,
+    yAxis: C,
     width: m,
     height: h,
-    inset: w,
-    axisPadding: I
+    inset: M,
+    axisPadding: z
   });
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: r ? d : void 0,
+      ref: r ? a : void 0,
       "data-testid": "chart-container",
       style: {
         width: r ? e : o,
         height: l,
-        overflow: "visible"
+        overflow: "visible",
+        position: "relative"
       },
-      children: o > 0 && /* @__PURE__ */ t(
-        "svg",
-        {
-          ref: v,
-          "data-testid": "chart-svg",
-          width: m,
-          height: h,
-          role: "img",
-          "aria-label": x || "Chart",
-          tabIndex: i ? 0 : void 0,
-          style: {
-            display: "block",
-            overflow: "visible",
-            outline: i ? "none" : void 0,
-            ...k
-          },
-          children: /* @__PURE__ */ t(D, { value: p, children: /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
-            L,
-            {
-              svgRef: v,
-              enableScrubbing: i,
-              onScrubberPositionChange: E,
-              magnetRadius: O,
-              children: /* @__PURE__ */ t(
-                j,
-                {
-                  drawingArea: p.drawingArea,
-                  series: a,
-                  animate: F,
-                  children: P
-                }
-              )
-            }
-          ) }) })
-        }
-      )
+      children: o > 0 && /* @__PURE__ */ H(L, { children: [
+        /* @__PURE__ */ t(
+          "svg",
+          {
+            ref: f,
+            "data-testid": "chart-svg",
+            width: m,
+            height: h,
+            role: "img",
+            "aria-label": x || "Chart",
+            "aria-busy": F || void 0,
+            tabIndex: n ? 0 : void 0,
+            style: {
+              display: "block",
+              overflow: "visible",
+              outline: n ? "none" : void 0,
+              ...U
+            },
+            children: /* @__PURE__ */ t(S, { value: p, children: /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
+              j,
+              {
+                svgRef: f,
+                enableScrubbing: n,
+                onScrubberPositionChange: O,
+                magnetRadius: W,
+                children: /* @__PURE__ */ t(
+                  J,
+                  {
+                    drawingArea: p.drawingArea,
+                    series: d,
+                    animate: P,
+                    children: A
+                  }
+                )
+              }
+            ) }) })
+          }
+        ),
+        E
+      ] })
     }
   );
 }
 export {
-  Y as CartesianChart
+  te as CartesianChart
 };

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

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+type ChartEmptyLabelProps = PropsWithChildren;
+/**
+ * Centred HTML overlay label shown when a chart has no data (and is not
+ * loading). Rendered through the `overlay` prop of `CartesianChart` so it shares
+ * the chart's positioned container and aligns with the chart footprint. Shared
+ * across cartesian charts.
+ */
+export declare function ChartEmptyLabel({ children }: Readonly<ChartEmptyLabelProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChartEmptyLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartEmptyLabel.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/ChartEmptyLabel/ChartEmptyLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;AAE9C;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAc3E"}

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

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+function n({ children: t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+      children: /* @__PURE__ */ e(
+        "span",
+        {
+          "data-testid": "chart-empty-label",
+          className: "animate-fade-in rounded-xs bg-muted px-12 py-6 body-3 text-muted",
+          children: t
+        }
+      )
+    }
+  );
+}
+export {
+  n as ChartEmptyLabel
+};

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

@@ -1 +1 @@
-{"version":3,"file":"RevealClipDefs.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAMnD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAc,EACd,WAAW,GACZ,EAAE,mBAAmB,2CA4CrB"}
+{"version":3,"file":"RevealClipDefs.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKnD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAc,EACd,WAAW,GACZ,EAAE,mBAAmB,2CA4CrB"}

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

@@ -1,27 +1,28 @@
 import { jsx as i, Fragment as d, jsxs as F } from "react/jsx-runtime";
 import { useMemo as x } from "react";
+import { useDataFingerprint as D } from "../hooks/useDataFingerprint.js";
+import { useRevealClipAnimation as y } from "../hooks/useRevealClipAnimation.js";
 import { OVERFLOW_BUFFER as t } from "../utils.js";
-import { RevealClipContext as D } from "./context.js";
-import { useComputeDataFingerprint as y, useRevealClipAnimation as C } from "./utils.js";
-const E = 0.8, R = "linear";
-function O({
+import { RevealClipContext as E } from "./context.js";
+const R = 0.8, v = "linear";
+function S({
   children: n,
   drawingArea: e,
   series: l,
   animate: s = !0,
   transitions: r
 }) {
-  const m = !s, c = r?.enter?.duration ?? E, p = r?.enter?.easing ?? R, a = y({ series: l }), { clipId: o, animationStyle: u, keyframe: f } = C({
+  const m = !s, c = r?.enter?.duration ?? R, p = r?.enter?.easing ?? v, a = D(l), { clipId: o, animationStyle: f, keyframe: h } = y({
     duration: c,
     easing: p,
     drawingArea: e
-  }), h = x(
+  }), u = x(
     () => ({
       clipPathAttr: `url(#${o})`
     }),
     [o]
   );
-  return m ? /* @__PURE__ */ i(d, { children: n }) : /* @__PURE__ */ F(D.Provider, { value: h, children: [
+  return m ? /* @__PURE__ */ i(d, { children: n }) : /* @__PURE__ */ F(E.Provider, { value: u, children: [
     /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: o, children: /* @__PURE__ */ i(
       "rect",
       {
@@ -29,13 +30,13 @@ function O({
         y: e.y - t.top,
         height: e.height + t.top + t.bottom,
         width: e.width + t.left + t.right,
-        style: { animation: u }
+        style: { animation: f }
       }
     ) }) }),
-    /* @__PURE__ */ i("style", { children: f }),
+    /* @__PURE__ */ i("style", { children: h }),
     n
   ] }, a);
 }
 export {
-  O as RevealClipDefs
+  S as RevealClipDefs
 };

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DrawingArea, Series } from '../../../utils';
+import { DrawingArea, Series } from '../../../utils/types';
 export type EnterTransitionConfig = {
     /**
      * Duration in seconds. @default 0.8

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealClip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE1D,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,mBAAmB,GAAG;IAChC,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealClip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEhE,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,mBAAmB,GAAG;IAChC,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/hooks/useDataFingerprint.d.ts

@@ -0,0 +1,9 @@
+import { Series } from '../../../utils/types';
+/**
+ * Stable signature of every series' data points, memoized on the `series`
+ * reference. Used to key the reveal-clip provider so the reveal animation only
+ * replays when the underlying data actually changes — not on unrelated
+ * re-renders such as scrubbing or hover.
+ */
+export declare const useDataFingerprint: (series: Series[]) => string;
+//# sourceMappingURL=useDataFingerprint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataFingerprint.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/hooks/useDataFingerprint.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,EAAE,KAAG,MAKrD,CAAC"}

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

@@ -0,0 +1,8 @@
+import { useMemo as n } from "react";
+const a = (o) => n(
+  () => o.map((t) => t.data?.join(",") ?? "").join("|"),
+  [o]
+);
+export {
+  a as useDataFingerprint
+};

package/dist/lib/Components/CartesianChart/{RevealClip/utils.d.ts → hooks/useRevealClipAnimation.d.ts}

@@ -1,4 +1,4 @@
-import { DrawingArea, Series } from '../../../utils/types';
+import { DrawingArea } from '../../../utils/types';
 type RevealClipAnimationConfig = {
     duration: number;
     easing: string;
@@ -10,8 +10,5 @@ type RevealClipAnimationResult = {
     keyframe: string;
 };
 export declare const useRevealClipAnimation: ({ duration, easing, drawingArea, }: RevealClipAnimationConfig) => RevealClipAnimationResult;
-export declare const useComputeDataFingerprint: ({ series, }: {
-    series: Series[];
-}) => string;
 export {};
-//# sourceMappingURL=utils.d.ts.map
+//# sourceMappingURL=useRevealClipAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRevealClipAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/hooks/useRevealClipAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,oCAIpC,yBAAyB,KAAG,yBAY9B,CAAC"}

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

@@ -0,0 +1,20 @@
+import { useId as l, useMemo as a } from "react";
+import { OVERFLOW_BUFFER as r } from "../utils.js";
+const f = ({
+  duration: o,
+  easing: i,
+  drawingArea: m
+}) => {
+  const e = l(), t = `reveal-clip-${e.replaceAll(":", "")}`;
+  return a(
+    () => ({
+      clipId: e,
+      animationStyle: `${t} ${o}s ${i} forwards`,
+      keyframe: `@keyframes ${t} { from { width: 0; } to { width: ${m.width + r.left + r.right}px; } }`
+    }),
+    [e, t, o, i, m.width]
+  );
+};
+export {
+  f as useRevealClipAnimation
+};

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

@@ -0,0 +1,18 @@
+type ShimmerAnimationResult = {
+    /**
+     * Value for the CSS `animation` shorthand, applied via `style` on the
+     * element that should shimmer.
+     */
+    animationStyle: string;
+    /**
+     * `@keyframes` definition to inject inside an SVG `<style>` element.
+     */
+    keyframe: string;
+};
+/**
+ * Self-contained shimmer (opacity pulse) for SVG content. Shared by the initial
+ * loading placeholder and the transition-loading line.
+ */
+export declare const useShimmerAnimation: () => ShimmerAnimationResult;
+export {};
+//# sourceMappingURL=useShimmerAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useShimmerAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/hooks/useShimmerAnimation.ts"],"names":[],"mappings":"AAKA,KAAK,sBAAsB,GAAG;IAC5B;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAAO,sBAatC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { useId as i, useMemo as o } from "react";
+const t = 2, m = "cubic-bezier(0.4, 0, 0.6, 1)", a = () => {
+  const e = `shimmer-pulse-${i().replaceAll(":", "")}`;
+  return o(
+    () => ({
+      animationStyle: `${e} ${t}s ${m} infinite`,
+      keyframe: `@keyframes ${e} { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @media (prefers-reduced-motion: reduce) { @keyframes ${e} { 0%, 100% { opacity: 1; } } }`
+    }),
+    [e]
+  );
+};
+export {
+  a as useShimmerAnimation
+};

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

@@ -43,6 +43,17 @@ export type CartesianChartProps = {
      * @default 'Chart'
      */
     ariaLabel?: string;
+    /**
+     * Sets `aria-busy` on the chart SVG to signal that its content is loading.
+     * @default false
+     */
+    ariaBusy?: boolean;
+    /**
+     * HTML content rendered as an absolutely-positioned overlay above the chart
+     * SVG, within the same positioned container (so it aligns with the chart
+     * footprint). Used for e.g. an empty-state label.
+     */
+    overlay?: ReactNode;
     /**
      * SVG content rendered inside the chart's context provider.
      */

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,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,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,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

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

@@ -1,3 +1,3 @@
 import { LineProps } from './types';
-export declare function Line({ seriesId, stroke, showArea, areaType: _areaType, }: LineProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Line({ seriesId, stroke, showArea, areaType: _areaType, curve, }: LineProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Line.d.ts.map