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

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":"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,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 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 { 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 } = E(), r = v(), x = b(), n = C(
-    () => r ? T(r, x, d, m) : [],
-    [r, 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 (!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);
-  return /* @__PURE__ */ A("g", { "data-testid": "x-axis", children: [
-    u && n.filter((t) => $(t, e)).map((t, i) => /* @__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,9 +33,9 @@ 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}-${i}`
+      `grid-${t.value}-${r}`
     )),
     c && /* @__PURE__ */ a(
       "line",
@@ -49,7 +50,7 @@ function W({
         strokeLinecap: "square"
       }
     ),
-    g && n.map((t, i) => /* @__PURE__ */ a(
+    g && n.map((t, r) => /* @__PURE__ */ a(
       "line",
       {
         x1: t.position,
@@ -59,13 +60,13 @@ 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(
+    v && n.map((t, r) => /* @__PURE__ */ a(
       "text",
       {
         x: t.position,
-        y: k,
+        y: A,
         textAnchor: "middle",
         dominantBaseline: l === "top" ? "auto" : "hanging",
         style: {
@@ -75,10 +76,10 @@ function W({
         },
         children: t.label
       },
-      `label-${t.value}-${i}`
+      `label-${t.value}-${r}`
     ))
   ] });
 }
 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":"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,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 a } 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 { 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 s } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-function W({
-  gridLineStyle: p = "solid",
+import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+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: k, drawingArea: e } = E(), i = g(), m = k(), n = C(
-    () => i ? S(i, m, d, x) : [],
-    [i, 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 (!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);
-  return /* @__PURE__ */ A("g", { "data-testid": "y-axis", children: [
-    h && n.filter((t) => $(t, e)).map((t, o) => /* @__PURE__ */ a(
+  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,
@@ -29,49 +30,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: u === "dashed" ? "3 3" : void 0
       },
       `grid-${t.value}-${o}`
     )),
-    u && /* @__PURE__ */ a(
+    h && /* @__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(
+    g && n.map((t, o) => /* @__PURE__ */ i(
       "text",
       {
-        x: b,
+        x: A,
         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
       },
@@ -80,5 +81,5 @@ function W({
   ] });
 }
 export {
-  W as YAxis
+  Y as YAxis
 };

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