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

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,2CAwEhB"}

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

@@ -1,27 +1,83 @@
-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 H, YAxis as j } from "../Axis/YAxis/YAxis.js";
+import { DEFAULT_AXIS_HEIGHT as m, XAxis as F } from "../Axis/XAxis/XAxis.js";
+import { CartesianChart as U } from "../CartesianChart/CartesianChart.js";
+import { Line as V } from "../Line/Line.js";
+function q({
+  series: r,
+  showArea: d = !1,
+  areaType: c = "gradient",
+  showXAxis: t = !1,
+  showYAxis: i = !1,
+  xAxis: f,
+  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: A,
+    domain: D,
+    ...n
+  } = f ?? {}, {
+    scaleType: C,
+    data: I,
+    domain: P,
+    ...o
+  } = l ?? {}, L = {
+    scaleType: u,
+    data: A,
+    domain: D
+  }, S = {
+    scaleType: C,
+    data: I,
+    domain: P
+  }, _ = E(() => {
+    if (!t && !i) return;
+    const a = n.position === "top" ? "top" : "bottom", s = o.position === "end" ? "right" : "left", p = o.width ?? H;
+    return {
+      top: t && a === "top" ? m : 0,
+      bottom: t && a === "bottom" ? m : 0,
+      left: i && s === "left" ? p : 0,
+      right: i && s === "right" ? p : 0
+    };
+  }, [
+    t,
+    i,
+    n.position,
+    o.position,
+    o.width
+  ]);
+  return /* @__PURE__ */ b(
+    U,
+    {
+      series: r ?? [],
+      xAxis: L,
+      yAxis: S,
+      width: x,
+      height: y,
+      inset: T,
+      axisPadding: _,
+      children: [
+        t && /* @__PURE__ */ e(F, { ...n }),
+        i && /* @__PURE__ */ e(j, { ...o }),
+        r?.map((a) => /* @__PURE__ */ e(
+          V,
+          {
+            seriesId: a.id,
+            showArea: d,
+            areaType: c
+          },
+          a.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,63 @@
+import { ReactNode } from 'react';
+import { AxisConfigProps, ChartInset, Series } from '../../utils/types';
+import { XAxisProps } from '../Axis/XAxis';
+import { 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.
+     * 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,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;;;;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/utils/domain/domain.d.ts

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

@@ -0,0 +1,38 @@
+const i = (m, t) => {
+  const n = t?.data;
+  let e;
+  if (n && n.length > 0)
+    if (typeof n[0] == "number") {
+      const l = n;
+      let u = l[0], o = l[0];
+      for (let a = 1; a < l.length; a += 1) {
+        const c = l[a];
+        c < u && (u = c), c > o && (o = c);
+      }
+      e = { min: u, max: o };
+    } else
+      e = { min: 0, max: n.length - 1 };
+  else {
+    const l = m.reduce(
+      (u, o) => Math.max(u, o.data?.length ?? 0),
+      0
+    );
+    e = { min: 0, max: Math.max(0, l - 1) };
+  }
+  return f(e, t?.domain);
+}, r = (m, t) => {
+  let n = 0, e = 0, l = !1;
+  for (const o of m)
+    if (o.data)
+      for (const a of o.data)
+        a != null && (l ? (a < n && (n = a), a > e && (e = a)) : (n = a, e = a, l = !0));
+  return f(l ? { min: n, max: e } : { min: 0, max: 1 }, t?.domain);
+}, s = (m, t) => t?.data && t.data.length > 0 ? t.data.length : m.reduce((n, e) => Math.max(n, e.data?.length ?? 0), 0), f = (m, t) => t ? typeof t == "function" ? t(m) : {
+  min: t.min ?? m.min,
+  max: t.max ?? m.max
+} : m;
+export {
+  s as computeDataLength,
+  i as computeXDomain,
+  r as computeYDomain
+};

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

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

@@ -0,0 +1,25 @@
+import i from "../../../node_modules/d3-scale/src/band.js";
+import o from "../../../node_modules/d3-scale/src/log.js";
+import c from "../../../node_modules/d3-scale/src/linear.js";
+const u = ({
+  scaleType: n,
+  domain: r,
+  range: t
+}) => (n === "log" ? o() : c()).domain([r.min, r.max]).range([t.min, t.max]), p = ({
+  domain: n,
+  range: r,
+  padding: t = 0.1
+}) => {
+  const a = Array.from(
+    { length: n.max - n.min + 1 },
+    (l, e) => n.min + e
+  );
+  return i().domain(a).range([r.min, r.max]).paddingInner(t).paddingOuter(t / 2);
+}, f = (n) => n === "band", m = (n) => "bandwidth" in n && typeof n.bandwidth == "function", x = (n) => !m(n);
+export {
+  p as getCategoricalScale,
+  u as getNumericScale,
+  f as isBandScaleType,
+  m as isCategoricalScale,
+  x as isNumericScale
+};

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

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

@@ -0,0 +1,23 @@
+import { isCategoricalScale as u, isNumericScale as s } from "../scales/scales.js";
+const d = 5, f = (r, n) => n || (u(r) ? r.domain() : s(r) ? r.ticks(d) : []), S = (r, n) => u(r) ? (r(n) ?? 0) + r.bandwidth() / 2 : r(n), T = (r, n, t) => {
+  const o = n && Array.isArray(n) && typeof n[0] == "string";
+  if (t) {
+    const e = o && n[r] !== void 0 ? n[r] : r;
+    return String(t(e));
+  }
+  return o && n[r] !== void 0 ? String(n[r]) : String(r);
+}, l = (r, n, t, o) => {
+  const e = f(r, t), g = n?.data;
+  return e.map((i) => ({
+    position: S(r, i),
+    value: i,
+    label: T(i, g, o)
+  }));
+};
+export {
+  d as APPROXIMATE_TICK_COUNT,
+  l as buildTicksData,
+  T as getTickLabel,
+  S as getTickPosition,
+  f as getTickValues
+};

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

@@ -1,11 +1,95 @@
-export type DataPoint = {
-    timestamp: number;
-    value: number;
+import { 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/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/dist/libs/ui-react/dist/lib/Components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,8 @@
+import { createSafeContext as e } from "../../../libs/utils-shared/dist/index.js";
+const [o, r] = e("ThemeProvider"), m = () => r({
+  consumerName: "useTheme",
+  contextRequired: !0
+});
+export {
+  m as useTheme
+};

package/dist/libs/ui-react/dist/libs/utils-shared/dist/index.js

@@ -0,0 +1,35 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as i, useRef as l, useContext as f } from "react";
+function d(n, o) {
+  if (Object.is(n, o)) return !0;
+  const u = n, t = o, c = Object.keys(u), s = Object.keys(t);
+  return c.length !== s.length ? !1 : c.every(
+    (e) => Object.prototype.hasOwnProperty.call(t, e) && Object.is(u[e], t[e])
+  );
+}
+function b(n, o) {
+  const u = i(o), t = ({ children: s, value: e }) => {
+    const r = l(e);
+    return d(r.current, e) || (r.current = e), /* @__PURE__ */ a(u.Provider, { value: r.current, children: s });
+  };
+  t.displayName = n + "Provider";
+  function c({
+    consumerName: s,
+    contextRequired: e
+  }) {
+    const r = f(u);
+    if (r)
+      return r;
+    if (e)
+      throw new Error(
+        `${s} must be used within ${n}`
+      );
+    return o || {};
+  }
+  return [t, c];
+}
+b("Disabled", { disabled: !1 });
+export {
+  b as createSafeContext,
+  d as shallowEqual
+};