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

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

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

package/dist/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":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoCnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,QAAQ,GACT,EAAE,mBAAmB,2CAuErB"}

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

@@ -0,0 +1,70 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useRef as A, useState as I, useCallback as D, useEffect as P, useMemo as d } from "react";
+import { useBuildChartContext as T } from "./context/useBuildChartContext.js";
+import { CartesianChartProvider as z } from "./context/cartesianChartContext.js";
+const M = 160, o = {
+  top: 8,
+  right: 0,
+  bottom: 0,
+  left: 0
+}, O = { top: 0, right: 0, bottom: 0, left: 0 }, W = (t) => t === void 0 ? o : typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : {
+  top: t.top ?? o.top,
+  right: t.right ?? o.right,
+  bottom: t.bottom ?? o.bottom,
+  left: t.left ?? o.left
+}, _ = (t) => t === void 0 ? O : {
+  top: t.top ?? 0,
+  right: t.right ?? 0,
+  bottom: t.bottom ?? 0,
+  left: t.left ?? 0
+};
+function L({
+  series: t,
+  xAxis: p,
+  yAxis: h,
+  width: e = "100%",
+  height: n = M,
+  inset: i,
+  axisPadding: c,
+  ariaLabel: C = "Chart",
+  children: y
+}) {
+  const s = A(null), [u, g] = I(
+    typeof e == "number" ? e : void 0
+  ), l = typeof e != "number", m = D((r) => {
+    const [v] = r;
+    v && g(v.contentRect.width);
+  }, []);
+  P(() => {
+    if (!l || !s.current || typeof ResizeObserver > "u")
+      return;
+    const r = new ResizeObserver(m);
+    return r.observe(s.current), () => r.disconnect();
+  }, [l, m]);
+  const a = typeof e == "number" ? e : u ?? 0, R = d(() => W(i), [i]), x = d(
+    () => _(c),
+    [c]
+  ), E = T({
+    series: t,
+    xAxis: p,
+    yAxis: h,
+    width: a,
+    height: n,
+    inset: R,
+    axisPadding: x
+  }), b = /* @__PURE__ */ f(
+    "svg",
+    {
+      width: a,
+      height: n,
+      role: "img",
+      "aria-label": C || "Chart",
+      style: { display: "block", overflow: "visible" },
+      children: /* @__PURE__ */ f(z, { value: E, children: y })
+    }
+  );
+  return l ? /* @__PURE__ */ f("div", { ref: s, style: { width: e, height: n }, children: u !== void 0 && b }) : b;
+}
+export {
+  L as CartesianChart
+};

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

@@ -0,0 +1,8 @@
+import { 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/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/lib/Components/CartesianChart/context/cartesianChartContext.js

@@ -0,0 +1,9 @@
+import { createSafeContext as t } from "../../../../libs/utils-shared/dist/index.js";
+const [r, e] = t("CartesianChart"), C = () => e({
+  consumerName: "useCartesianChartContext",
+  contextRequired: !0
+});
+export {
+  r as CartesianChartProvider,
+  C as useCartesianChartContext
+};

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

@@ -0,0 +1,23 @@
+import { 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/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/lib/Components/CartesianChart/context/useBuildChartContext.js

@@ -0,0 +1,61 @@
+import { useMemo as u } from "react";
+import { computeXDomain as b, computeYDomain as C, computeDataLength as M } from "../../../utils/domain/domain.js";
+import { getCategoricalScale as R, getNumericScale as _, isBandScaleType as X } from "../../../utils/scales/scales.js";
+const Y = (t) => ({
+  xRange: { min: t.x, max: t.x + t.width },
+  yRange: {
+    min: t.y + t.height,
+    max: t.y
+  }
+}), f = (t, e, o = "linear") => X(o) ? R({ domain: t, range: e }) : _({ scaleType: o, domain: t, range: e }), B = (t, e, o, a) => {
+  const c = {
+    top: o.top + a.top,
+    right: o.right + a.right,
+    bottom: o.bottom + a.bottom,
+    left: o.left + a.left
+  };
+  return {
+    x: c.left,
+    y: c.top,
+    width: Math.max(0, t - c.left - c.right),
+    height: Math.max(0, e - c.top - c.bottom)
+  };
+}, I = ({
+  series: t,
+  xAxis: e,
+  yAxis: o,
+  width: a,
+  height: c,
+  inset: n,
+  axisPadding: p
+}) => {
+  const l = u(
+    () => B(a, c, n, p),
+    [a, c, n, p]
+  );
+  return u(() => {
+    const { xRange: r, yRange: S } = Y(l);
+    let h, g;
+    if (l.width > 0 && l.height > 0) {
+      const m = b(t, e), D = C(t, o);
+      h = f(m, r, e?.scaleType), g = f(D, S, o?.scaleType);
+    }
+    const i = M(t, e), y = new Map(t.map((m) => [m.id, m]));
+    return {
+      series: t,
+      seriesMap: y,
+      getXScale: (m) => h,
+      getYScale: (m) => g,
+      getXAxisConfig: (m) => e,
+      getYAxisConfig: (m) => o,
+      drawingArea: l,
+      dataLength: i
+    };
+  }, [t, e, o, l]);
+};
+export {
+  f as buildScale,
+  Y as computeAxisRange,
+  B as computeDrawingArea,
+  I as useBuildChartContext
+};

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

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { 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.
+     * A number is treated as pixels; a string (e.g. `'100%'`) fills the container
+     * and enables auto-measurement via `ResizeObserver`.
+     * @default '100%'
+     */
+    width?: number | string;
+    /**
+     * 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 SVG.
+     * @default 'Chart'
+     */
+    ariaLabel?: string;
+    /**
+     * SVG content rendered inside the chart's context provider.
+     */
+    children?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/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;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;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/lib/Components/Line/Line.d.ts

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

package/dist/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":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,QAAQ,EAAE,SAAsB,GACjC,EAAE,SAAS,kDAgEX"}

package/dist/lib/Components/Line/Line.js

@@ -0,0 +1,53 @@
+import { jsxs as l, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useId as y, useMemo as c } from "react";
+import { isNumericScale as A } from "../../utils/scales/scales.js";
+import { toScaledPoints as P, buildLinePath as T, buildAreaPath as I } from "./utils.js";
+import { useCartesianChartContext as L } from "../CartesianChart/context/cartesianChartContext.js";
+const O = 2, _ = 0.2;
+function M({
+  seriesId: g,
+  stroke: h,
+  showArea: s = !1,
+  areaType: j = "gradient"
+}) {
+  const { getXScale: x, getYScale: C, getXAxisConfig: S, drawingArea: i, seriesMap: k } = L(), a = x(), o = C(), d = S(), p = y(), n = k.get(g), r = h ?? n?.stroke, t = c(
+    () => n?.data && a && o && A(o) ? P(n.data, a, o, d?.data) : null,
+    [n, a, o, d]
+  ), f = c(
+    () => t ? T(t) : null,
+    [t]
+  ), u = c(
+    () => s && t && i ? I(t, i) : null,
+    [s, t, i]
+  );
+  return f ? /* @__PURE__ */ l(m, { children: [
+    s && u && r && /* @__PURE__ */ l(m, { children: [
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: p, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e(
+          "stop",
+          {
+            offset: "0%",
+            stopColor: r,
+            stopOpacity: _
+          }
+        ),
+        /* @__PURE__ */ e("stop", { offset: "100%", stopColor: r, stopOpacity: 0 })
+      ] }) }),
+      /* @__PURE__ */ e("path", { d: u, fill: `url(#${p})`, stroke: "none" })
+    ] }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: f,
+        fill: "none",
+        stroke: r,
+        strokeWidth: O,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }) : null;
+}
+export {
+  M as Line
+};

package/dist/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/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/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/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/lib/Components/Line/utils.d.ts

@@ -0,0 +1,19 @@
+import { 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/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/lib/Components/Line/utils.js

@@ -0,0 +1,22 @@
+import { isCategoricalScale as p } from "../../utils/scales/scales.js";
+import h from "../../../node_modules/d3-shape/src/line.js";
+import { bumpX as s } from "../../../node_modules/d3-shape/src/curve/bump.js";
+import f from "../../../node_modules/d3-shape/src/area.js";
+const v = (n, t, e, o) => {
+  const u = [];
+  for (let r = 0; r < n.length; r++) {
+    const i = n[r];
+    if (i === null) continue;
+    const l = o && typeof o[r] == "number" ? o[r] : r, c = p(t) ? (t(l) ?? 0) + t.bandwidth() / 2 : t(l), m = e(i);
+    u.push([c, m]);
+  }
+  return u.length >= 2 ? u : null;
+}, P = (n) => h().x((t) => t[0]).y((t) => t[1]).curve(s)(n) ?? null, B = (n, t) => {
+  const e = t.y + t.height;
+  return f().x((o) => o[0]).y0(e).y1((o) => o[1]).curve(s)(n) ?? null;
+};
+export {
+  B as buildAreaPath,
+  P as buildLinePath,
+  v as toScaledPoints
+};

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

@@ -1,9 +1,3 @@
-import { Series } from '../../utils';
-type LineChartProps = {
-    series: Series[];
-    width?: number;
-    height?: number;
-};
-export declare function LineChart({ series, width, height, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { LineChartProps } from './types';
+export declare function 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/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":"AAAA,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,EACN,KAAW,EACX,MAAY,GACb,EAAE,cAAc,2CAkBhB"}
+{"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,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,2CAqEhB"}

package/dist/lib/Components/LineChart/LineChart.js

@@ -1,27 +1,82 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-function a({
-  series: i,
-  width: e = 400,
-  height: r = 300
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { useMemo as E } from "react";
+import { DEFAULT_AXIS_WIDTH as p, YAxis as H } from "../YAxis/YAxis.js";
+import { DEFAULT_AXIS_HEIGHT as m, XAxis as j } from "../XAxis/XAxis.js";
+import { CartesianChart as F } from "../CartesianChart/CartesianChart.js";
+import { Line as U } from "../Line/Line.js";
+function q({
+  series: r,
+  showArea: d = !1,
+  areaType: f = "gradient",
+  showXAxis: t = !1,
+  showYAxis: o = !1,
+  xAxis: c,
+  yAxis: l,
+  width: x = "100%",
+  height: y = 160,
+  inset: T,
+  children: g
 }) {
-  return /* @__PURE__ */ l("svg", { width: e, height: r, role: "img", "aria-label": "Line chart", children: [
-    /* @__PURE__ */ n("title", { children: `Line chart with ${i.length} series` }),
-    /* @__PURE__ */ n("rect", { width: e, height: r, rx: 8, fill: "#F3F0FA" }),
-    /* @__PURE__ */ n(
-      "text",
-      {
-        x: e / 2,
-        y: r / 2,
-        textAnchor: "middle",
-        dominantBaseline: "central",
-        fill: "#7e4ea5",
-        fontSize: 14,
-        fontFamily: "Inter, sans-serif",
-        children: "LineChart placeholder"
-      }
-    )
-  ] });
+  const {
+    scaleType: u,
+    data: D,
+    domain: A,
+    ...a
+  } = c ?? {}, {
+    scaleType: C,
+    data: I,
+    domain: P,
+    ...n
+  } = l ?? {}, L = {
+    scaleType: u,
+    data: D,
+    domain: A
+  }, S = {
+    scaleType: C,
+    data: I,
+    domain: P
+  }, _ = E(() => {
+    if (!t && !o) return;
+    const i = a.position === "top" ? "top" : "bottom", s = n.position === "end" ? "right" : "left";
+    return {
+      top: t && i === "top" ? m : 0,
+      bottom: t && i === "bottom" ? m : 0,
+      left: o && s === "left" ? p : 0,
+      right: o && s === "right" ? p : 0
+    };
+  }, [
+    t,
+    o,
+    a.position,
+    n.position
+  ]);
+  return /* @__PURE__ */ b(
+    F,
+    {
+      series: r ?? [],
+      xAxis: L,
+      yAxis: S,
+      width: x,
+      height: y,
+      inset: T,
+      axisPadding: _,
+      children: [
+        t && /* @__PURE__ */ e(j, { ...a }),
+        o && /* @__PURE__ */ e(H, { ...n }),
+        r?.map((i) => /* @__PURE__ */ e(
+          U,
+          {
+            seriesId: i.id,
+            showArea: d,
+            areaType: f
+          },
+          i.id
+        )),
+        g
+      ]
+    }
+  );
 }
 export {
-  a as LineChart
+  q as LineChart
 };

package/dist/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/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/lib/Components/LineChart/types.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+import { AxisConfigProps, ChartInset, Series, XAxisVisualProps, YAxisVisualProps } from '../../utils/types';
+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> & XAxisVisualProps;
+    /**
+     * 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> & YAxisVisualProps;
+    /**
+     * Width of the chart.
+     * A number is treated as pixels; a string (e.g. `'100%'`) fills the container.
+     * @default '100%'
+     */
+    width?: number | string;
+    /**
+     * 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/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,EACV,eAAe,EACf,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAE3B,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,gBAAgB,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAAC;IACpD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;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/lib/Components/XAxis/XAxis.d.ts

@@ -0,0 +1,4 @@
+import { XAxisProps } from './types';
+export declare const DEFAULT_AXIS_HEIGHT = 28;
+export declare function XAxis({ position, showGrid, showLine, showTickMark, ticks: ticksProp, tickLabelFormatter, }: XAxisProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=XAxis.d.ts.map

package/dist/lib/Components/XAxis/XAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/XAxis/XAxis.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,wBAAgB,KAAK,CAAC,EACpB,QAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAkFZ"}