@ledgerhq/lumen-ui-react-visualization 0.1.2 → 0.1.4

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

@@ -0,0 +1,33 @@
+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;
+};
+//# sourceMappingURL=Axis.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Axis/Axis.types.ts"],"names":[],"mappings":"AAAA,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;CACzD,CAAC"}

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

@@ -0,0 +1,4 @@
+import { XAxisProps } from './types';
+export declare const DEFAULT_AXIS_HEIGHT = 28;
+export declare function XAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, 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

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

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

@@ -0,0 +1,84 @@
+import { jsxs as y, jsx as r, Fragment as C } from "react/jsx-runtime";
+import { useTheme as _ } from "../../../../libs/ui-react/dist/lib/Components/ThemeProvider/ThemeProvider.js";
+import { useMemo as D } from "react";
+import { buildTicksData as I } from "../../../utils/ticks/ticks.js";
+import { useCartesianChartContext as $ } from "../../CartesianChart/context/cartesianChartContext.js";
+const l = 1, u = 4, k = 6, w = 28;
+function H({
+  gridLineStyle: f = "dashed",
+  position: d = "bottom",
+  showGrid: g = !1,
+  showLine: b = !1,
+  showTickMark: T = !1,
+  ticks: m,
+  tickLabelFormatter: x
+}) {
+  const { theme: o } = _(), { getXScale: A, getXAxisConfig: S, drawingArea: e } = $(), n = A(), c = S(), a = D(
+    () => n ? I(n, c, m, x) : [],
+    [n, c, m, x]
+  );
+  if (!n || e.width <= 0)
+    return null;
+  const h = d === "top", s = h ? e.y : e.y + e.height, p = h ? -1 : 1, E = s + p * (u + k);
+  return /* @__PURE__ */ y("g", { "data-testid": "x-axis", children: [
+    g && a.map((t, i) => /* @__PURE__ */ r(
+      "line",
+      {
+        x1: t.position,
+        y1: e.y,
+        x2: t.position,
+        y2: e.y + e.height,
+        style: { stroke: o.colors.border.mutedSubtle },
+        strokeWidth: l,
+        strokeDasharray: f === "dashed" ? "3 3" : void 0
+      },
+      `grid-${t.value}-${i}`
+    )),
+    b && /* @__PURE__ */ r(
+      "line",
+      {
+        x1: e.x,
+        y1: s,
+        x2: e.x + e.width,
+        y2: s,
+        style: { stroke: o.colors.border.muted },
+        strokeWidth: l,
+        shapeRendering: "crispEdges",
+        strokeLinecap: "square"
+      }
+    ),
+    T && a.map((t, i) => /* @__PURE__ */ r(
+      "line",
+      {
+        x1: t.position,
+        y1: s,
+        x2: t.position,
+        y2: s + p * u,
+        style: { stroke: o.colors.border.muted },
+        strokeWidth: l
+      },
+      `tick-${t.value}-${i}`
+    )),
+    a.map((t, i) => /* @__PURE__ */ y(C, { children: [
+      " ",
+      /* @__PURE__ */ r(
+        "text",
+        {
+          x: t.position,
+          y: E,
+          textAnchor: "middle",
+          dominantBaseline: d === "top" ? "auto" : "hanging",
+          style: { fill: o.colors.text.muted },
+          fontSize: o.typographies.xs.body.body4.fontSize,
+          fontFamily: o.fontFamilies.sans,
+          children: t.label
+        },
+        `label-${t.value}-${i}`
+      )
+    ] }))
+  ] });
+}
+export {
+  w as DEFAULT_AXIS_HEIGHT,
+  H as XAxis
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { 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/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/lib/Components/Axis/YAxis/YAxis.d.ts

@@ -0,0 +1,4 @@
+import { YAxisProps } from './types';
+export declare const DEFAULT_AXIS_WIDTH = 40;
+export declare function YAxis({ gridLineStyle, position, showGrid, showLine, showTickMark, 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

@@ -0,0 +1 @@
+{"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Axis/YAxis/YAxis.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,wBAAgB,KAAK,CAAC,EACpB,aAAwB,EACxB,QAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,SAAS,EAChB,kBAAkB,GACnB,EAAE,UAAU,kDAkFZ"}

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

@@ -0,0 +1,81 @@
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { useTheme as D } from "../../../../libs/ui-react/dist/lib/Components/ThemeProvider/ThemeProvider.js";
+import { useMemo as E } from "react";
+import { buildTicksData as _ } from "../../../utils/ticks/ticks.js";
+import { useCartesianChartContext as I } from "../../CartesianChart/context/cartesianChartContext.js";
+const l = 1, f = 4, $ = 6, w = 40;
+function L({
+  gridLineStyle: p = "dashed",
+  position: d = "start",
+  showGrid: u = !1,
+  showLine: g = !1,
+  showTickMark: S = !1,
+  ticks: c,
+  tickLabelFormatter: x
+}) {
+  const { theme: s } = D(), { getYScale: b, getYAxisConfig: A, drawingArea: e } = I(), r = b(), m = A(), a = E(
+    () => r ? _(r, m, c, x) : [],
+    [r, m, c, x]
+  );
+  if (!r || e.height <= 0)
+    return null;
+  const y = d === "start", o = y ? e.x : e.x + e.width, h = y ? -1 : 1, T = o + h * (f + $);
+  return /* @__PURE__ */ C("g", { "data-testid": "y-axis", children: [
+    u && a.map((t, i) => /* @__PURE__ */ n(
+      "line",
+      {
+        x1: e.x,
+        y1: t.position,
+        x2: e.x + e.width,
+        y2: t.position,
+        style: { stroke: s.colors.border.mutedSubtle },
+        strokeWidth: l,
+        strokeDasharray: p === "dashed" ? "3 3" : void 0
+      },
+      `grid-${t.value}-${i}`
+    )),
+    g && /* @__PURE__ */ n(
+      "line",
+      {
+        x1: o,
+        y1: e.y,
+        x2: o,
+        y2: e.y + e.height,
+        style: { stroke: s.colors.border.muted },
+        strokeWidth: l,
+        shapeRendering: "crispEdges",
+        strokeLinecap: "square"
+      }
+    ),
+    S && a.map((t, i) => /* @__PURE__ */ n(
+      "line",
+      {
+        x1: o,
+        y1: t.position,
+        x2: o + h * f,
+        y2: t.position,
+        style: { stroke: s.colors.border.muted },
+        strokeWidth: l
+      },
+      `tick-${t.value}-${i}`
+    )),
+    a.map((t, i) => /* @__PURE__ */ n(
+      "text",
+      {
+        x: T,
+        y: t.position,
+        textAnchor: d === "start" ? "end" : "start",
+        dominantBaseline: "central",
+        style: { fill: s.colors.text.muted },
+        fontSize: s.typographies.xs.body.body4.fontSize,
+        fontFamily: s.fontFamilies.sans,
+        children: t.label
+      },
+      `label-${t.value}-${i}`
+    ))
+  ] });
+}
+export {
+  w as DEFAULT_AXIS_WIDTH,
+  L as YAxis
+};

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

@@ -0,0 +1,14 @@
+import { 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/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/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,2CA4ErB"}

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

@@ -0,0 +1,79 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as A, useState as I, useCallback as D, useEffect as P, useMemo as b } 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: h,
+  yAxis: p,
+  width: e = "100%",
+  height: n = M,
+  inset: l,
+  axisPadding: f,
+  ariaLabel: C = "Chart",
+  children: y
+}) {
+  const s = A(null), [u, g] = I(
+    typeof e == "number" ? e : void 0
+  ), i = typeof e != "number", a = D((r) => {
+    const [v] = r;
+    v && g(v.contentRect.width);
+  }, []);
+  P(() => {
+    if (!i || !s.current || typeof ResizeObserver > "u")
+      return;
+    const r = new ResizeObserver(a);
+    return r.observe(s.current), () => r.disconnect();
+  }, [i, a]);
+  const m = typeof e == "number" ? e : u ?? 0, R = b(() => W(l), [l]), x = b(
+    () => _(f),
+    [f]
+  ), E = T({
+    series: t,
+    xAxis: h,
+    yAxis: p,
+    width: m,
+    height: n,
+    inset: R,
+    axisPadding: x
+  }), d = /* @__PURE__ */ c(
+    "svg",
+    {
+      "data-testid": "chart-svg",
+      width: m,
+      height: n,
+      role: "img",
+      "aria-label": C || "Chart",
+      style: { display: "block", overflow: "visible" },
+      children: /* @__PURE__ */ c(z, { value: E, children: y })
+    }
+  );
+  return i ? /* @__PURE__ */ c(
+    "div",
+    {
+      ref: s,
+      "data-testid": "chart-container",
+      style: { width: e, height: n },
+      children: u !== void 0 && d
+    }
+  ) : d;
+}
+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,kDA6EX"}

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

@@ -0,0 +1,73 @@
+import { jsxs as l, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useId as y, useMemo as d } 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: i = !1,
+  areaType: j = "gradient"
+}) {
+  const { getXScale: x, getYScale: C, getXAxisConfig: S, drawingArea: r, seriesMap: k } = L(), s = x(), o = C(), c = S(), p = y(), n = k.get(g), a = h ?? n?.stroke, t = d(
+    () => n?.data && s && o && A(o) ? P(n.data, s, o, c?.data) : null,
+    [n, s, o, c]
+  ), f = d(
+    () => t ? T(t) : null,
+    [t]
+  ), u = d(
+    () => i && t && r ? I(t, r) : null,
+    [i, t, r]
+  );
+  return f ? /* @__PURE__ */ l(m, { children: [
+    i && u && a && /* @__PURE__ */ l(m, { children: [
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l(
+        "linearGradient",
+        {
+          "data-testid": "line-gradient",
+          id: p,
+          x1: "0",
+          y1: "0",
+          x2: "0",
+          y2: "1",
+          children: [
+            /* @__PURE__ */ e(
+              "stop",
+              {
+                offset: "0%",
+                stopColor: a,
+                stopOpacity: _
+              }
+            ),
+            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: a, stopOpacity: 0 })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          "data-testid": "line-area",
+          d: u,
+          fill: `url(#${p})`,
+          stroke: "none"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        "data-testid": "line-path",
+        d: f,
+        fill: "none",
+        stroke: a,
+        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"}