@ledgerhq/lumen-ui-react 0.1.56 → 0.1.57

package/ai-rules/RULES.md

@@ -14,6 +14,7 @@
 
 - Import components from `@ledgerhq/lumen-ui-react`
 - Import icons from `@ledgerhq/lumen-ui-react/symbols` (not from main package)
+- Import charts from `@ledgerhq/lumen-ui-react/visualization` (not from main package)
 - Import design tokens/presets from `@ledgerhq/lumen-design-core`
 
 ### Font Family (REQUIRED)
@@ -25,10 +26,10 @@ Lumen typography classes set `font-family: Inter` via design tokens. The consume
 - Check the installed Tailwind major version first — the two paths differ:
 - **Tailwind v4 (recommended):** the main stylesheet MUST import Lumen's
   stylesheet so Tailwind scans the compiled components:
-  `@import '@ledgerhq/lumen-ui-react/tailwind.css';` (add
-  `@import '@ledgerhq/lumen-ui-react-visualization/tailwind.css';` when using
-  charts). Do NOT also add `./node_modules/@ledgerhq/lumen-ui-react/dist/**` to
-  the `content` array — that path is internal and may change in any release.
+  `@import '@ledgerhq/lumen-ui-react/tailwind.css';` — that single import
+  covers charts too. Do NOT also add
+  `./node_modules/@ledgerhq/lumen-ui-react/dist/**` to the `content` array —
+  that path is internal and may change in any release.
 - Always use a preset from `@ledgerhq/lumen-design-core`: ledgerLivePreset, enterprisePreset or websitesPreset
 - Import presets: `import { ledgerLivePreset } from '@ledgerhq/lumen-design-core'`
 

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

@@ -0,0 +1,3 @@
+import { XAxisProps } from './types';
+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/visualization/Axis/XAxis/XAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/Axis/XAxis/XAxis.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,wBAAgB,KAAK,CAAC,EACpB,aAAuB,EACvB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,UAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAyFZ"}

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

@@ -0,0 +1,85 @@
+import { jsxs as D, jsx as r } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import { chartConfig as z } from "../../config.js";
+import { buildTicksData as M } from "../../utils/ticks/ticks.js";
+import { useCartesianChartContext as W } from "../../CartesianChart/context/cartesianChartContext.js";
+const { axis: e, color: m, strokeWidth: l, font: p } = z;
+function Y({
+  gridLineStyle: g = "solid",
+  position: d = "bottom",
+  showGrid: u = !1,
+  showLine: k = !1,
+  showTickMark: C = !1,
+  showLabels: b = !0,
+  ticks: x,
+  tickLabelFormatter: h
+}) {
+  const { getXScale: A, getXAxisConfig: S, drawingArea: t } = W(), a = A(), c = S(), n = v(
+    () => a ? M(a, c, x, h) : [],
+    [a, c, x, h]
+  );
+  if (!a || t.width <= 0)
+    return null;
+  const f = d === "top", o = f ? t.y : t.y + t.height, y = f ? -1 : 1, $ = o + y * (e.tickMarkSize + e.tickLabelOffset);
+  return /* @__PURE__ */ D("g", { "data-testid": "x-axis", children: [
+    u && n.map((i, s) => /* @__PURE__ */ r(
+      "line",
+      {
+        x1: i.position,
+        y1: t.y,
+        x2: i.position,
+        y2: t.y + t.height,
+        style: {
+          stroke: m.gridLine
+        },
+        strokeWidth: l.hairline,
+        strokeDasharray: g === "dashed" ? e.gridDashArray : void 0
+      },
+      `grid-${i.value}-${s}`
+    )),
+    k && /* @__PURE__ */ r(
+      "line",
+      {
+        x1: t.x,
+        y1: o,
+        x2: t.x + t.width,
+        y2: o,
+        style: { stroke: e.lineColor },
+        strokeWidth: l.hairline,
+        shapeRendering: "crispEdges",
+        strokeLinecap: "square"
+      }
+    ),
+    C && n.map((i, s) => /* @__PURE__ */ r(
+      "line",
+      {
+        x1: i.position,
+        y1: o,
+        x2: i.position,
+        y2: o + y * e.tickMarkSize,
+        style: { stroke: e.lineColor },
+        strokeWidth: l.hairline
+      },
+      `tick-${i.value}-${s}`
+    )),
+    b && n.map((i, s) => /* @__PURE__ */ r(
+      "text",
+      {
+        x: i.position,
+        y: $,
+        textAnchor: "middle",
+        dominantBaseline: d === "top" ? "auto" : "hanging",
+        style: {
+          fill: m.textMuted,
+          fontSize: p.labelSize,
+          fontFamily: p.family
+        },
+        children: i.label
+      },
+      `label-${i.value}-${s}`
+    ))
+  ] });
+}
+export {
+  Y as XAxis
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/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/visualization/Axis/XAxis/types.d.ts

@@ -0,0 +1,9 @@
+import { BaseAxisProps } from '../types';
+export type XAxisProps = BaseAxisProps & {
+    /**
+     * Where the x-axis is rendered relative to the drawing area.
+     * @default 'bottom'
+     */
+    position?: 'top' | 'bottom';
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/Axis/XAxis/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,CAAC"}

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

@@ -0,0 +1,3 @@
+import { YAxisProps } from './types';
+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/visualization/Axis/YAxis/YAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/Axis/YAxis/YAxis.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,wBAAgB,KAAK,CAAC,EACpB,aAAuB,EACvB,QAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,UAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAyFZ"}

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

@@ -0,0 +1,85 @@
+import { jsxs as D, jsx as a } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import { chartConfig as z } from "../../config.js";
+import { buildTicksData as M } from "../../utils/ticks/ticks.js";
+import { useCartesianChartContext as W } from "../../CartesianChart/context/cartesianChartContext.js";
+const { axis: i, color: m, strokeWidth: l, font: p } = z;
+function q({
+  gridLineStyle: g = "solid",
+  position: d = "start",
+  showGrid: u = !1,
+  showLine: k = !1,
+  showTickMark: C = !1,
+  showLabels: S = !0,
+  ticks: x,
+  tickLabelFormatter: h
+}) {
+  const { getYScale: A, getYAxisConfig: $, drawingArea: e } = W(), r = A(), c = $(), n = v(
+    () => r ? M(r, c, x, h) : [],
+    [r, c, x, h]
+  );
+  if (!r || e.height <= 0)
+    return null;
+  const f = d === "start", s = f ? e.x : e.x + e.width, y = f ? -1 : 1, b = s + y * (i.tickMarkSize + i.tickLabelOffset);
+  return /* @__PURE__ */ D("g", { "data-testid": "y-axis", children: [
+    u && n.map((t, o) => /* @__PURE__ */ a(
+      "line",
+      {
+        x1: e.x,
+        y1: t.position,
+        x2: e.x + e.width,
+        y2: t.position,
+        style: {
+          stroke: m.gridLine
+        },
+        strokeWidth: l.hairline,
+        strokeDasharray: g === "dashed" ? i.gridDashArray : void 0
+      },
+      `grid-${t.value}-${o}`
+    )),
+    k && /* @__PURE__ */ a(
+      "line",
+      {
+        x1: s,
+        y1: e.y,
+        x2: s,
+        y2: e.y + e.height,
+        style: { stroke: i.lineColor },
+        strokeWidth: l.hairline,
+        shapeRendering: "crispEdges",
+        strokeLinecap: "square"
+      }
+    ),
+    C && n.map((t, o) => /* @__PURE__ */ a(
+      "line",
+      {
+        x1: s,
+        y1: t.position,
+        x2: s + y * i.tickMarkSize,
+        y2: t.position,
+        style: { stroke: i.lineColor },
+        strokeWidth: l.hairline
+      },
+      `tick-${t.value}-${o}`
+    )),
+    S && n.map((t, o) => /* @__PURE__ */ a(
+      "text",
+      {
+        x: b,
+        y: t.position,
+        textAnchor: d === "start" ? "end" : "start",
+        dominantBaseline: "central",
+        style: {
+          fill: m.textMuted,
+          fontSize: p.labelSize,
+          fontFamily: p.family
+        },
+        children: t.label
+      },
+      `label-${t.value}-${o}`
+    ))
+  ] });
+}
+export {
+  q as YAxis
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/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/visualization/Axis/YAxis/types.d.ts

@@ -0,0 +1,14 @@
+import { BaseAxisProps } from '../types';
+export type YAxisProps = BaseAxisProps & {
+    /**
+     * Where the y-axis is rendered relative to the drawing area.
+     * @default 'start'
+     */
+    position?: 'start' | 'end';
+    /**
+     * Width of the axis in pixels.
+     * @default 40
+     */
+    width?: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/Axis/YAxis/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,80 @@
+export type AxisBounds = {
+    min: number;
+    max: number;
+};
+export type BaseAxisProps = {
+    /**
+     * Whether to render grid lines at each tick.
+     * @default false
+     */
+    showGrid?: boolean;
+    /**
+     * Appearance of the grid lines.
+     * @default 'dashed'
+     */
+    gridLineStyle?: 'solid' | 'dashed';
+    /**
+     * Whether to render the axis baseline.
+     * @default false
+     */
+    showLine?: boolean;
+    /**
+     * Whether to render tick marks at each tick position.
+     * @default false
+     */
+    showTickMark?: boolean;
+    /**
+     * Whether to render the text labels at each tick position.
+     * When false, tick marks, grid lines, and the baseline still render.
+     * @default true
+     */
+    showLabels?: boolean;
+    /**
+     * Explicit tick positions along the axis.
+     * When omitted, ticks are computed automatically from the scale. An empty
+     * array is honoured literally and renders no ticks — to keep ticks while
+     * hiding their marks or labels, use `showTickMark` / `showLabels` instead.
+     */
+    ticks?: number[];
+    /**
+     * Formats a tick value into its display label.
+     * 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` in `CartesianChart`. `LineChart` overrides this per axis,
+     * defaulting to `false` for the X axis and `true` for the Y axis.
+     *
+     * 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=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/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;;;;;OAKG;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;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { CartesianChartProps } from './types';
+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/visualization/CartesianChart/CartesianChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,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/visualization/CartesianChart/CartesianChart.js

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

package/dist/lib/Components/visualization/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/visualization/CartesianChart/ChartEmptyLabel/ChartEmptyLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartEmptyLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/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/visualization/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/visualization/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/visualization/CartesianChart/RevealAnimation/RevealAnimationProvider.d.ts.map

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

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

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

package/dist/lib/Components/visualization/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/visualization/CartesianChart/RevealAnimation/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/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/visualization/CartesianChart/RevealAnimation/context.js

@@ -0,0 +1,10 @@
+import { createContext as n, useContext as e, 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/visualization/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/visualization/CartesianChart/RevealAnimation/index.d.ts.map

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