@ledgerhq/lumen-ui-rnative-visualization 0.1.1 → 0.1.3

package/dist/typescript/src/lib/Components/Axis/XAxis/types.d.ts

@@ -0,0 +1,9 @@
+import type { BaseAxisProps } from '../Axis.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/typescript/src/lib/Components/Axis/XAxis/types.d.ts.map

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

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

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

package/dist/typescript/src/lib/Components/Axis/YAxis/YAxis.d.ts.map

@@ -0,0 +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;AAK1C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,KAAK,GAAI,sGAQnB,UAAU,mDAuFZ,CAAC"}

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

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

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

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

package/dist/typescript/src/lib/Components/Axis/YAxis/types.d.ts

@@ -0,0 +1,14 @@
+import type { BaseAxisProps } from '../Axis.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/typescript/src/lib/Components/Axis/YAxis/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Axis/YAxis/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,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/typescript/src/lib/Components/CartesianChart/CartesianChart.d.ts

@@ -0,0 +1,3 @@
+import type { CartesianChartProps } from './types';
+export declare const CartesianChart: ({ series, xAxis, yAxis, width, height, inset, axisPadding, ariaLabel, children, }: CartesianChartProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CartesianChart.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/CartesianChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0DnD,eAAO,MAAM,cAAc,GAAI,mFAU5B,mBAAmB,4CA6ErB,CAAC"}

package/dist/typescript/src/lib/Components/CartesianChart/context/cartesianChartContext.d.ts

@@ -0,0 +1,8 @@
+import type { CartesianChartContextValue } from '../../../utils/types';
+declare const CartesianChartProvider: import("react").FC<{
+    children: import("react").ReactNode;
+    value: CartesianChartContextValue;
+}>;
+export declare const useCartesianChartContext: () => CartesianChartContextValue;
+export { CartesianChartProvider };
+//# sourceMappingURL=cartesianChartContext.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/context/cartesianChartContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianChartContext.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/context/cartesianChartContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAEvE,QAAA,MAAO,sBAAsB;;;EACoC,CAAC;AAElE,eAAO,MAAM,wBAAwB,kCAIjC,CAAC;AAEL,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/typescript/src/lib/Components/CartesianChart/context/index.d.ts

@@ -0,0 +1,3 @@
+export { CartesianChartProvider, useCartesianChartContext, } from './cartesianChartContext';
+export { buildScale, computeAxisRange, computeDrawingArea, useBuildChartContext, } from './useBuildChartContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { AxisBounds, AxisConfigProps, CartesianChartContextValue, ChartInset, ChartScaleFunction, DrawingArea, Series } from '../../../utils/types';
+type UseBuildChartContextParams = {
+    series: Series[];
+    xAxis?: Partial<AxisConfigProps>;
+    yAxis?: Partial<AxisConfigProps>;
+    width: number;
+    height: number;
+    inset: ChartInset;
+    axisPadding: ChartInset;
+};
+type AxisRange = {
+    min: number;
+    max: number;
+};
+export declare const computeAxisRange: (drawingArea: DrawingArea) => {
+    xRange: AxisRange;
+    yRange: AxisRange;
+};
+export declare const buildScale: (domain: AxisBounds, range: AxisRange, scaleType?: AxisConfigProps["scaleType"]) => ChartScaleFunction;
+export declare const computeDrawingArea: (width: number, height: number, inset: ChartInset, axisPadding: ChartInset) => DrawingArea;
+export declare const useBuildChartContext: ({ series, xAxis, yAxis, width, height, inset, axisPadding, }: UseBuildChartContextParams) => CartesianChartContextValue;
+export {};
+//# sourceMappingURL=useBuildChartContext.d.ts.map

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

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

package/dist/typescript/src/lib/Components/CartesianChart/index.d.ts

@@ -0,0 +1,4 @@
+export { CartesianChart } from './CartesianChart';
+export { useCartesianChartContext } from './context';
+export type { CartesianChartProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/CartesianChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import type { AxisConfigProps, ChartInset, Series } from '../../utils/types';
+export type CartesianChartProps = {
+    /**
+     * Data series provided to child components via context.
+     */
+    series: Series[];
+    /**
+     * Scale and domain configuration for the x-axis.
+     */
+    xAxis?: Partial<AxisConfigProps>;
+    /**
+     * Scale and domain configuration for the y-axis.
+     */
+    yAxis?: Partial<AxisConfigProps>;
+    /**
+     * Width of the chart in pixels.
+     * When omitted, the component auto-measures via `onLayout`.
+     */
+    width?: number;
+    /**
+     * Height of the chart in pixels.
+     * @default 160
+     */
+    height?: number;
+    /**
+     * Padding between the SVG edge and the drawing area.
+     * A number applies uniformly; a partial object overrides individual sides.
+     */
+    inset?: number | Partial<ChartInset>;
+    /**
+     * Space reserved for axes around the drawing area.
+     * Shrinks the drawing area by the specified amount on each side.
+     */
+    axisPadding?: Partial<ChartInset>;
+    /**
+     * Accessible label for the chart.
+     * @default 'Chart'
+     */
+    ariaLabel?: string;
+    /**
+     * SVG content rendered inside the chart's context provider.
+     */
+    children?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/types.d.ts.map

@@ -0,0 +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,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;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;CACtB,CAAC"}

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

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

package/dist/typescript/src/lib/Components/Line/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Line/Line.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,eAAO,MAAM,IAAI,GAAI,sDAKlB,SAAS,mDAsEX,CAAC"}

package/dist/typescript/src/lib/Components/Line/index.d.ts

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

package/dist/typescript/src/lib/Components/Line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Line/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/lib/Components/Line/types.d.ts

@@ -0,0 +1,24 @@
+export type LineProps = {
+    /**
+     * The ID of the series to render.
+     * Must match a `Series.id` provided to the parent chart.
+     */
+    seriesId: string;
+    /**
+     * Override color for the line stroke.
+     * When omitted, falls back to the `stroke` defined on the series.
+     */
+    stroke?: string;
+    /**
+     * Whether to show a filled area under the line.
+     * @default false
+     */
+    showArea?: boolean;
+    /**
+     * Area fill style.
+     * When `'gradient'`, renders a vertical gradient from the stroke color to transparent.
+     * @default 'gradient'
+     */
+    areaType?: 'gradient';
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/Line/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Line/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC"}

package/dist/typescript/src/lib/Components/Line/utils.d.ts

@@ -0,0 +1,19 @@
+import type { ChartScaleFunction, DrawingArea, NumericScale } from '../../utils/types';
+type Point = [x: number, y: number];
+/**
+ * Project series data into scaled [x, y] pixel coordinates, skipping nulls.
+ *
+ * When `xData` contains numeric values, those values are fed into the scale
+ * instead of the array index so the points honour a numeric X domain.
+ */
+export declare const toScaledPoints: (data: Array<number | null>, xScale: ChartScaleFunction, yScale: NumericScale, xData?: ReadonlyArray<string | number>) => Point[] | null;
+/**
+ * Build the SVG `d` attribute for the line stroke.
+ */
+export declare const buildLinePath: (points: Point[]) => string | null;
+/**
+ * Build the SVG `d` attribute for the filled area beneath the line.
+ */
+export declare const buildAreaPath: (points: Point[], drawingArea: DrawingArea) => string | null;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/typescript/src/lib/Components/Line/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,EAC1B,QAAQ,kBAAkB,EAC1B,QAAQ,YAAY,EACpB,QAAQ,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,KACrC,KAAK,EAAE,GAAG,IAmBZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,MAAM,GAAG,IAOxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,KACvB,MAAM,GAAG,IAUX,CAAC"}

package/dist/typescript/src/lib/Components/LineChart/LineChart.d.ts

@@ -1,9 +1,3 @@
-import type { Series } from '../../utils';
-type LineChartProps = {
-    series: Series[];
-    width?: number;
-    height?: number;
-};
-export declare function LineChart({ series: _series, width, height, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import type { LineChartProps } from './types';
+export declare const LineChart: ({ series, showArea, areaType, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, children, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map

package/dist/typescript/src/lib/Components/LineChart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,OAAO,EACf,KAAW,EACX,MAAY,GACb,EAAE,cAAc,2CAuBhB"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,GAAI,qGAYvB,cAAc,4CAuEhB,CAAC"}

package/dist/typescript/src/lib/Components/LineChart/index.d.ts

@@ -1,2 +1,3 @@
 export { LineChart } from './LineChart';
+export type { LineChartProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/LineChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/lib/Components/LineChart/types.d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react';
+import type { AxisConfigProps, ChartInset, Series } from '../../utils/types';
+import type { XAxisProps } from '../Axis/XAxis';
+import type { YAxisProps } from '../Axis/YAxis';
+export type LineChartProps = {
+    /**
+     * Data series to render as lines.
+     * Each series produces one `<Line>` element.
+     */
+    series?: Series[];
+    /**
+     * Whether to show area fill under all lines.
+     * @default false
+     */
+    showArea?: boolean;
+    /**
+     * Area fill style applied to all lines.
+     * When `'gradient'`, renders a vertical gradient from the stroke color to transparent.
+     * @default 'gradient'
+     */
+    areaType?: 'gradient';
+    /**
+     * Whether to render an x-axis.
+     * @default false
+     */
+    showXAxis?: boolean;
+    /**
+     * Whether to render a y-axis.
+     * @default false
+     */
+    showYAxis?: boolean;
+    /**
+     * Combined axis configuration and visual props for the x-axis.
+     * Includes scale/domain settings as well as visual options like `showGrid` and `showLine`.
+     */
+    xAxis?: Partial<AxisConfigProps> & XAxisProps;
+    /**
+     * Combined axis configuration and visual props for the y-axis.
+     * Includes scale/domain settings as well as visual options like `showGrid` and `showLine`.
+     */
+    yAxis?: Partial<AxisConfigProps> & YAxisProps;
+    /**
+     * Width of the chart in pixels.
+     * When omitted, the component auto-measures via `onLayout`.
+     */
+    width?: number;
+    /**
+     * Height of the chart in pixels.
+     * @default 160
+     */
+    height?: number;
+    /**
+     * Padding between the SVG edge and the drawing area.
+     * A number applies uniformly; a partial object overrides individual sides.
+     */
+    inset?: number | Partial<ChartInset>;
+    /**
+     * Additional SVG content rendered inside the chart after lines and axes.
+     */
+    children?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/LineChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/typescript/src/lib/utils/domain/domain.d.ts

@@ -0,0 +1,17 @@
+import type { AxisBounds, AxisConfigProps, Series } from '../types';
+/**
+ * Compute the X domain (index-based) from series data and axis config.
+ * For the X axis the domain is typically 0..N-1 where N = longest series length,
+ * unless explicit `data` is provided on the axis config.
+ */
+export declare const computeXDomain: (series: Series[], axisConfig?: Partial<AxisConfigProps>) => AxisBounds;
+/**
+ * Compute the Y domain (value-based) from series data and axis config.
+ * Scans all non-null values across all series to find min/max.
+ */
+export declare const computeYDomain: (series: Series[], axisConfig?: Partial<AxisConfigProps>) => AxisBounds;
+/**
+ * Compute the data length (number of discrete positions on the index axis).
+ */
+export declare const computeDataLength: (series: Series[], axisConfig?: Partial<AxisConfigProps>) => number;
+//# sourceMappingURL=domain.d.ts.map

package/dist/typescript/src/lib/utils/domain/domain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/utils/domain/domain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EAAE,EAChB,aAAa,OAAO,CAAC,eAAe,CAAC,KACpC,UA4BF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EAAE,EAChB,aAAa,OAAO,CAAC,eAAe,CAAC,KACpC,UAwBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,MAAM,EAAE,EAChB,aAAa,OAAO,CAAC,eAAe,CAAC,KACpC,MAKF,CAAC"}

package/dist/typescript/src/lib/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
+export type { AxisBounds, AxisConfigProps, CartesianChartContextValue, CategoricalScale, ChartInset, ChartScaleFunction, DrawingArea, NumericScale, Series, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,UAAU,EACV,eAAe,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,MAAM,GACP,MAAM,SAAS,CAAC"}

package/dist/typescript/src/lib/utils/scales/scales.d.ts

@@ -0,0 +1,24 @@
+import type { AxisBounds, AxisConfigProps, CategoricalScale, ChartScaleFunction, NumericScale } from '../types';
+export declare const getNumericScale: ({ scaleType, domain, range, }: {
+    scaleType: "linear" | "log";
+    domain: AxisBounds;
+    range: AxisBounds;
+}) => NumericScale;
+export declare const getCategoricalScale: ({ domain, range, padding, }: {
+    domain: AxisBounds;
+    range: AxisBounds;
+    padding?: number;
+}) => CategoricalScale;
+/**
+ * Checks if a scale type config value refers to a band (categorical) scale.
+ */
+export declare const isBandScaleType: (scaleType: AxisConfigProps["scaleType"]) => scaleType is "band";
+/**
+ * Checks if a scale is a categorical scale.
+ */
+export declare const isCategoricalScale: (scale: ChartScaleFunction) => scale is CategoricalScale;
+/**
+ * Checks if a scale is a numeric scale.
+ */
+export declare const isNumericScale: (scale: ChartScaleFunction) => scale is NumericScale;
+//# sourceMappingURL=scales.d.ts.map

package/dist/typescript/src/lib/utils/scales/scales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/utils/scales/scales.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACb,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;CACnB,KAAG,YAGH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6BAIjC;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAG,gBAUH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,eAAe,CAAC,WAAW,CAAC,KACtC,SAAS,IAAI,MAA8B,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,kBAAkB,KACxB,KAAK,IAAI,gBAEX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,KACxB,KAAK,IAAI,YAEX,CAAC"}

package/dist/typescript/src/lib/utils/ticks/ticks.d.ts

@@ -0,0 +1,27 @@
+import type { AxisConfigProps, ChartScaleFunction } from '../types';
+export declare const APPROXIMATE_TICK_COUNT = 5;
+export type TickData = {
+    position: number;
+    value: number;
+    label: string;
+};
+/**
+ * Resolves which numeric tick values should appear on the axis.
+ * Explicit ticks take priority, then scale-specific defaults.
+ */
+export declare const getTickValues: (scale: ChartScaleFunction, explicitTicks?: number[]) => number[];
+/**
+ * Converts a tick value to its pixel position on the axis.
+ * Band scales are centered within the band.
+ */
+export declare const getTickPosition: (scale: ChartScaleFunction, tick: number) => number;
+/**
+ * Resolves the display label for a tick value.
+ * Priority: formatter > string label lookup > raw value.
+ */
+export declare const getTickLabel: (tick: number, axisData: AxisConfigProps["data"], formatter?: (value: number | string) => string) => string;
+/**
+ * Builds the complete tick data array from a scale and axis configuration.
+ */
+export declare const buildTicksData: (scale: ChartScaleFunction, axisConfig?: AxisConfigProps, explicitTicks?: number[], formatter?: (value: number | string) => string) => TickData[];
+//# sourceMappingURL=ticks.d.ts.map

package/dist/typescript/src/lib/utils/ticks/ticks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticks.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/utils/ticks/ticks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,kBAAkB,EACzB,gBAAgB,MAAM,EAAE,KACvB,MAAM,EAKR,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,kBAAkB,EACzB,MAAM,MAAM,KACX,MAKF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GACvB,MAAM,MAAM,EACZ,UAAU,eAAe,CAAC,MAAM,CAAC,EACjC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,MAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,EACzB,aAAa,eAAe,EAC5B,gBAAgB,MAAM,EAAE,EACxB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,KAC7C,QAAQ,EASV,CAAC"}

package/dist/typescript/src/lib/utils/types.d.ts

@@ -1,11 +1,95 @@
-export type DataPoint = {
-    timestamp: number;
-    value: number;
+import type { ScaleBand, ScaleLinear, ScaleLogarithmic } from 'd3-scale';
+export type AxisBounds = {
+    min: number;
+    max: number;
+};
+export type ChartInset = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+/**
+ * Pixel bounds of the drawable region.
+ */
+export type DrawingArea = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
 };
 export type Series = {
+    /**
+     * Unique identifier for the series.
+     */
     id: string;
-    label: string;
-    data: DataPoint[];
-    color?: string;
+    /**
+     * Numeric data points; `null` entries represent gaps.
+     */
+    data?: Array<number | null>;
+    /**
+     * Human-readable label used in legends and tooltips.
+     */
+    label?: string;
+    /**
+     * CSS color applied to the series line/mark.
+     */
+    stroke: string;
+};
+export type AxisConfigProps = {
+    /**
+     * 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.
+     */
+    domain?: Partial<AxisBounds> | ((bounds: AxisBounds) => AxisBounds);
+};
+export type NumericScale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;
+export type CategoricalScale = ScaleBand<number>;
+export type ChartScaleFunction = NumericScale | CategoricalScale;
+export type CartesianChartContextValue = {
+    /**
+     * All data series registered in the chart.
+     */
+    series: Series[];
+    /**
+     * Lookup map for series by ID. Stable reference when series identity is unchanged.
+     */
+    seriesMap: Map<string, Series>;
+    /**
+     * Returns the x-axis scale. Accepts an optional axis ID for future multi-axis support.
+     */
+    getXScale: (id?: string) => ChartScaleFunction | undefined;
+    /**
+     * Returns the y-axis scale. Accepts an optional axis ID for future multi-axis support.
+     */
+    getYScale: (id?: string) => ChartScaleFunction | undefined;
+    /**
+     * Returns the x-axis config. Accepts an optional axis ID for future multi-axis support.
+     */
+    getXAxisConfig: (id?: string) => AxisConfigProps | undefined;
+    /**
+     * Returns the y-axis config. Accepts an optional axis ID for future multi-axis support.
+     */
+    getYAxisConfig: (id?: string) => AxisConfigProps | undefined;
+    /**
+     * Pixel bounds of the drawable region.
+     */
+    drawingArea: DrawingArea;
+    /**
+     * Number of data points along the x-axis.
+     */
+    dataLength: number;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC,CAAC;CACrE,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IAC7D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IAC7D;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative-visualization",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -30,12 +30,22 @@
     "src",
     "!**/*.tsbuildinfo"
   ],
+  "dependencies": {
+    "@ledgerhq/lumen-utils-shared": "0.1.3",
+    "d3-array": "^3.2.4",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0"
+  },
   "devDependencies": {
+    "@types/d3-array": "^3.2.2",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-shape": "^3.1.8",
     "@types/react": "^19.0.0"
   },
   "peerDependencies": {
     "@types/react": "^19.0.0",
-    "@ledgerhq/lumen-design-core": "0.1.10",
+    "@ledgerhq/lumen-design-core": "0.1.11",
+    "@ledgerhq/lumen-ui-rnative": "0.1.26",
     "react": "^19.0.0",
     "react-native": "~0.79.7",
     "react-native-svg": "^15.0.0"

package/src/lib/Components/Axis/Axis.types.ts

@@ -0,0 +1,32 @@
+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;
+  /**
+   * Explicit tick positions along the axis.
+   * When omitted, ticks are computed automatically from the scale.
+   */
+  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;
+};