@ledgerhq/lumen-ui-react 0.1.56 → 0.1.57

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,iEAAiE;AACjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,mEAAmE;AACnE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,sCAAsC;AACtC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,gFAAgF;AAChF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE;QACL,uBAAuB;QACvB,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QACxB,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QAC7B,8EAA8E;QAC9E,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,MAAM,EAAE,YAAY,EAAE,CAAC;CACxB,CAAC;AAEF,sEAAsE;AACtE,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,qFAAqF;IACrF,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QACtB,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC;QACzC,MAAM,EAAE,YAAY,EAAE,CAAC;KACxB,KAAK,SAAS,CAAC;IAChB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE;QAC5B,aAAa,EAAE,kBAAkB,CAAC;KACnC,KAAK,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAChE;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/index.d.ts

@@ -0,0 +1,3 @@
+export { useDonutSeries } from './useDonutSeries';
+export { prepareDonutSeries } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/index.d.ts.map

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

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/useDonutSeries.d.ts

@@ -0,0 +1,10 @@
+import { DonutSegment, DonutSeriesOptions, DonutSeriesResult } from '../types';
+/**
+ * Prepares a raw series for the ring: sorts by value descending and folds the
+ * long tail into a single aggregate segment.
+ *
+ * The result is memoized on `segments` identity, so hoist or memoize the array
+ * you pass in if you rely on a stable `segments` reference downstream.
+ */
+export declare const useDonutSeries: (segments: DonutSegment[], options: DonutSeriesOptions) => DonutSeriesResult;
+//# sourceMappingURL=useDonutSeries.d.ts.map

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/useDonutSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDonutSeries.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/DonutChart/useDonutSeries/useDonutSeries.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAIlB;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,YAAY,EAAE,EACxB,SAAS,kBAAkB,KAC1B,iBAeF,CAAC"}

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/useDonutSeries.js

@@ -0,0 +1,16 @@
+import { useMemo as u } from "react";
+import { prepareDonutSeries as i } from "./utils.js";
+const l = (o, p) => {
+  const { groupBelowShare: e, maxSegments: r, other: s } = p, { id: t, label: m, color: n } = s;
+  return u(
+    () => i(o, {
+      groupBelowShare: e,
+      maxSegments: r,
+      other: { id: t, label: m, color: n }
+    }),
+    [o, e, r, t, m, n]
+  );
+};
+export {
+  l as useDonutSeries
+};

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/utils.d.ts

@@ -0,0 +1,9 @@
+import { DonutSegment, DonutSeriesOptions, DonutSeriesResult } from '../types';
+/**
+ * Sorts a raw series by value descending and folds its long tail into a single
+ * aggregate segment. Pure counterpart of `useDonutSeries`. The aggregate keeps
+ * its color unset unless `other.color` is given, so the ring paints it with the
+ * neutral default like any colorless segment.
+ */
+export declare const prepareDonutSeries: (segments: DonutSegment[], options: DonutSeriesOptions) => DonutSeriesResult;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/DonutChart/useDonutSeries/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AA4ClB;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAC7B,UAAU,YAAY,EAAE,EACxB,SAAS,kBAAkB,KAC1B,iBAsCF,CAAC"}

package/dist/lib/Components/visualization/DonutChart/useDonutSeries/utils.js

@@ -0,0 +1,46 @@
+import { chartConfig as g } from "../../config.js";
+const {
+  maxSegments: d,
+  otherId: x,
+  minGroupedSegments: S,
+  minKeptSegments: f
+} = g.donut.series, p = (t) => t.reduce((n, s) => n + Math.max(s.value, 0), 0), v = (t, n, s) => {
+  const a = p(t), r = n > 0 && a > 0 ? n * a : 0, e = r > 0 ? t.findIndex((o) => Math.max(o.value, 0) < r) : -1;
+  return Math.max(
+    f,
+    Math.min(
+      s,
+      e === -1 ? t.length : e
+    )
+  );
+}, I = (t, n) => {
+  const {
+    groupBelowShare: s = 0,
+    maxSegments: a = d,
+    other: r
+  } = n, e = [...t].sort((m, c) => c.value - m.value);
+  if (a <= 0)
+    return { segments: e, others: [] };
+  const o = v(e, s, a), l = e.slice(o);
+  if (l.length < S)
+    return { segments: e, others: [] };
+  const { id: u = x, label: i, color: h } = r;
+  return {
+    segments: [
+      ...e.slice(0, o),
+      {
+        id: u,
+        label: i,
+        color: h,
+        value: l.reduce(
+          (m, c) => m + Math.max(c.value, 0),
+          0
+        )
+      }
+    ],
+    others: l
+  };
+};
+export {
+  I as prepareDonutSeries
+};

package/dist/lib/Components/visualization/DonutChart/utils.d.ts

@@ -0,0 +1,37 @@
+import { DonutGeometry, DonutPlaceholderSegment, DonutRingSegment, DonutSegment, DonutSize } from './types';
+export declare const DONUT_GEOMETRY: Readonly<Record<DonutSize, DonutGeometry>>;
+export declare const resolveSegmentColor: (segment: DonutSegment) => string;
+export declare const getDonutViewBox: (geometry: DonutGeometry) => string;
+export declare const getCenterContentInset: (size: DonutSize) => number;
+/** Max width (px) for center content, inner diameter minus inset on both sides. */
+export declare const getCenterMaxWidth: (size: DonutSize) => number;
+/** Round a percent to at most 1 decimal. */
+export declare const roundPercent: (percent: number) => number;
+/**
+ * Display-ready percent, e.g. `7%`, `7.3%` or `<0.1%`. Rounding here keeps
+ * float artifacts — `7 / 100 * 100` is `7.000000000000001` — out of labels
+ * while leaving the exact `percent` intact for consumers who compute with it.
+ */
+export declare const formatPercentLabel: (percent: number) => string;
+/** Percent (0–100) of the total per segment. Negatives count as 0; a zero total yields all zeros. */
+export declare const getSegmentPercents: (series: DonutSegment[]) => number[];
+/**
+ * Drawing weights summing to 1, none below `minShare`, so a value too small to
+ * see still gets a visible sliver. The room comes out of the segments above the
+ * minimum, which shrinks them and can push another under it — hence the loop.
+ */
+export declare const applyMinSegmentShare: (values: number[], minShare: number) => number[];
+/**
+ * One ring segment per drawable series entry, in series order, clockwise from
+ * 12 o'clock. Zero and negative segments are dropped so they don't emit
+ * degenerate paths; percents are still computed against the full series total,
+ * and what survives is drawn at `minSegmentArc` or wider.
+ */
+export declare const buildRingSegments: (series: DonutSegment[], geometry: DonutGeometry) => DonutRingSegment[];
+/**
+ * Fixed placeholder segments shared by the empty ring and the loading wave: a
+ * full ring (values sum to 100) of unequal segments separated only by the
+ * same small `padAngle` gaps as real segments — no missing segment.
+ */
+export declare const buildPlaceholderSegments: (geometry: DonutGeometry) => DonutPlaceholderSegment[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/DonutChart/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACV,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEzB,eAAO,MAAM,mBAAmB,GAAI,SAAS,YAAY,KAAG,MACJ,CAAC;AAEzD,eAAO,MAAM,eAAe,GAAI,UAAU,aAAa,KAAG,MAIzD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,MAAM,SAAS,KAAG,MACZ,CAAC;AAE7C,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,KAAG,MACoB,CAAC;AAEzE,4CAA4C;AAC5C,eAAO,MAAM,YAAY,GAAI,SAAS,MAAM,KAAG,MAChB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,KAAG,MAMpD,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,kBAAkB,GAAI,QAAQ,YAAY,EAAE,KAAG,MAAM,EAMjE,CAAC;AAeF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,MAAM,EAAE,EAChB,UAAU,MAAM,KACf,MAAM,EAuBR,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,YAAY,EAAE,EACtB,UAAU,aAAa,KACtB,gBAAgB,EAkDlB,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,UAAU,aAAa,KACtB,uBAAuB,EA6BzB,CAAC"}

package/dist/lib/Components/visualization/DonutChart/utils.js

@@ -0,0 +1,83 @@
+import { pie as h, arc as p } from "d3-shape";
+import { chartConfig as u } from "../config.js";
+const f = u.donut.size, R = (n) => n.color ?? u.donut.defaultSegmentColor, P = (n) => {
+  const { box: e, hoverOffset: a } = n, r = e + 2 * a;
+  return `-${a} -${a} ${r} ${r}`;
+}, m = (n) => u.donut.centerContentInset[n], I = (n) => f[n].innerRadius * 2 - 2 * m(n), A = (n) => Math.round(n * 10) / 10, w = (n) => {
+  const e = A(n);
+  return e === 0 && n > 0 ? "<0.1%" : `${e}%`;
+}, M = (n) => {
+  const e = n.reduce((a, r) => a + Math.max(r.value, 0), 0);
+  return e <= 0 ? n.map(() => 0) : n.map((a) => Math.max(a.value, 0) / e * 100);
+}, S = (n, e) => {
+  const a = (n.innerRadius + n.outerRadius) / 2, r = 2 * Math.PI - e * n.padAngle;
+  return r <= 0 ? 0 : n.minSegmentArc / a / r;
+}, b = (n, e) => {
+  const a = n.reduce((o, s) => o + s, 0);
+  if (a <= 0)
+    return n.map(() => 0);
+  const r = Math.min(e, 1 / n.length);
+  let l = n.map((o) => o / a);
+  for (; l.some((o) => o < r); ) {
+    const o = l.map((t) => Math.max(t, r)), s = o.filter((t) => t > r), i = (1 - (o.length - s.length) * r) / s.reduce((t, c) => t + c, 0);
+    l = o.map(
+      (t) => t > r ? t * i : t
+    );
+  }
+  return l;
+}, L = (n, e) => {
+  const a = M(n), r = n.map((t, c) => ({ segment: t, percent: a[c] })).filter((t) => t.percent > 0);
+  if (r.length === 0)
+    return [];
+  const l = b(
+    r.map((t) => t.percent),
+    S(e, r.length)
+  ), o = r.map((t, c) => ({
+    ...t,
+    weight: l[c]
+  })), s = h().value((t) => t.weight).sort(null).sortValues(null).padAngle(e.padAngle), d = p().innerRadius(e.innerRadius).outerRadius(e.outerRadius).cornerRadius(e.cornerRadius), i = r.length > 1;
+  return s(o).map((t) => {
+    const c = (t.startAngle + t.endAngle) / 2;
+    return {
+      id: t.data.segment.id,
+      path: d(g(t)) ?? "",
+      color: R(t.data.segment),
+      percent: t.data.percent,
+      midAngle: c,
+      hoverEnabled: i,
+      hoverTranslate: i ? {
+        x: Math.sin(c) * e.hoverOffset,
+        y: -Math.cos(c) * e.hoverOffset
+      } : { x: 0, y: 0 }
+    };
+  });
+}, v = 1e-9, g = (n) => {
+  const e = n.endAngle - n.startAngle;
+  return e < Math.PI && Math.PI - e < v ? { ...n, endAngle: n.startAngle + Math.PI } : n;
+}, O = (n) => {
+  const { segmentValues: e } = u.donut.placeholder, a = e.map((o, s) => ({
+    id: `placeholder-${s}`,
+    value: o
+  })), r = h().value((o) => o.value).sort(null).sortValues(null).padAngle(n.padAngle), l = p().innerRadius(n.innerRadius).outerRadius(n.outerRadius).cornerRadius(n.cornerRadius);
+  return r(a).map((o) => {
+    const s = (o.startAngle + o.endAngle) / 2;
+    return {
+      id: o.data.id,
+      path: l(g(o)) ?? "",
+      midAngle: s
+    };
+  });
+};
+export {
+  f as DONUT_GEOMETRY,
+  b as applyMinSegmentShare,
+  O as buildPlaceholderSegments,
+  L as buildRingSegments,
+  w as formatPercentLabel,
+  m as getCenterContentInset,
+  I as getCenterMaxWidth,
+  P as getDonutViewBox,
+  M as getSegmentPercents,
+  R as resolveSegmentColor,
+  A as roundPercent
+};

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

@@ -0,0 +1,3 @@
+import { LegendProps } from './types';
+export declare function Legend({ series, ariaLabel, className, }: LegendProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Legend.d.ts.map

package/dist/lib/Components/visualization/Legend/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Legend/Legend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,SAAoB,EACpB,SAAS,GACV,EAAE,WAAW,kDAkBb"}

package/dist/lib/Components/visualization/Legend/Legend.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
+import { LegendItem as m } from "./LegendItem.js";
+function i({
+  series: e,
+  ariaLabel: a = "Legend",
+  className: l
+}) {
+  return e.length === 0 ? null : /* @__PURE__ */ r(
+    "ul",
+    {
+      "aria-label": a,
+      className: t(
+        "m-0 flex list-none flex-wrap gap-x-16 gap-y-6 p-0",
+        l
+      ),
+      children: e.map((n) => /* @__PURE__ */ r(m, { item: n }, n.id))
+    }
+  );
+}
+export {
+  i as Legend
+};

package/dist/lib/Components/visualization/Legend/LegendItem.d.ts

@@ -0,0 +1,7 @@
+import { LegendItem as LegendItemData } from './types';
+type LegendItemProps = {
+    item: LegendItemData;
+};
+export declare const LegendItem: ({ item }: LegendItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LegendItem.d.ts.map

package/dist/lib/Components/visualization/Legend/LegendItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Legend/LegendItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,UAAU,eAAe,4CAcnD,CAAC"}

package/dist/lib/Components/visualization/Legend/LegendItem.js

@@ -0,0 +1,19 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const l = ({ item: e }) => /* @__PURE__ */ a("li", { className: "inline-flex min-w-0 items-center gap-8", children: [
+  /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-testid": "legend-swatch",
+      className: "size-8 shrink-0 rounded-full",
+      style: {
+        backgroundColor: e.color ?? r("var(--background-muted-strong)")
+      }
+    }
+  ),
+  /* @__PURE__ */ s("span", { className: "min-w-0 truncate body-3 text-base", children: e.label ?? e.id })
+] });
+export {
+  l as LegendItem
+};

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

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

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

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

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

@@ -0,0 +1,32 @@
+export type LegendItem = {
+    /**
+     * Stable identifier for the series or segment.
+     */
+    id: string;
+    /**
+     * Human-readable label.
+     * Falls back to `id` when omitted.
+     */
+    label?: string;
+    /**
+     * Swatch color.
+     * Falls back to the neutral default when omitted.
+     */
+    color?: string;
+};
+export type LegendProps = {
+    /**
+     * Series or segments to display in the legend.
+     */
+    series: LegendItem[];
+    /**
+     * Accessible label for the legend group.
+     * @default 'Legend'
+     */
+    ariaLabel?: string;
+    /**
+     * Additional custom CSS classes to apply to the root list.
+     */
+    className?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Legend/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { LineProps } from './types';
+export declare const Line: import('react').NamedExoticComponent<LineProps>;
+//# sourceMappingURL=Line.d.ts.map

package/dist/lib/Components/visualization/Line/Line.d.ts.map

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

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

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

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

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

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

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

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

@@ -0,0 +1,45 @@
+import { CurveType } from '../utils/types';
+export type { CurveType };
+/**
+ * Rendering options shared by `Line` (per-line) and `LineChart` (applied to
+ * every line). Owned here so both types stay in sync.
+ */
+export type LineRenderOptions = {
+    /**
+     * Whether to render 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';
+};
+export type LineProps = LineRenderOptions & {
+    /**
+     * 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;
+    /**
+     * Override interpolation used to draw the line between data points.
+     * When omitted, falls back to the `curve` defined on the series.
+     * @default 'bump'
+     */
+    curve?: CurveType;
+    /**
+     * When true, skips null values and draws a continuous line across gaps.
+     * When false, null values create gaps in the line.
+     * When omitted, falls back to the `connectNulls` defined on the series.
+     * @default false
+     */
+    connectNulls?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Line/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}

package/dist/lib/Components/visualization/Line/utils.d.ts

@@ -0,0 +1,28 @@
+import { ChartScaleFunction, CurveType, DrawingArea, NumericScale } from '../utils/types';
+type Point = [x: number, y: number | null];
+/**
+ * Project series data into scaled [x, y] pixel coordinates.
+ *
+ * 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.
+ *
+ * When `xData` is provided, iteration is capped at `xData.length` so a series
+ * with more points than the axis has labels does not overflow past the right
+ * edge of the chart. The axis is treated as authoritative for the X domain.
+ *
+ * Null values (and other non-finite numbers) are handled according to `connectNulls`:
+ * - `false` (default): kept as `[x, null]` holes so the line/area break into
+ *   gaps via the generators' `.defined()` check.
+ * - `true`: skipped entirely so the line is drawn continuously across gaps.
+ */
+export declare const toScaledPoints: (data: (number | null)[], xScale: ChartScaleFunction, yScale: NumericScale, xData?: readonly (string | number)[], connectNulls?: boolean) => Point[] | null;
+/**
+ * Build the SVG `d` attribute for the line stroke.
+ */
+export declare const buildLinePath: (points: Point[], curve?: CurveType) => string | null;
+/**
+ * Build the SVG `d` attribute for the filled area beneath the line.
+ */
+export declare const buildAreaPath: (points: Point[], drawingArea: DrawingArea, curve?: CurveType) => string | null;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/Line/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Line/utils.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AAExB,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAoB3C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EACvB,QAAQ,kBAAkB,EAC1B,QAAQ,YAAY,EACpB,QAAQ,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACpC,sBAAoB,KACnB,KAAK,EAAE,GAAG,IA4BZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,QAAQ,SAAS,KAChB,MAAM,GAAG,IAQX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,EACxB,QAAQ,SAAS,KAChB,MAAM,GAAG,IAWX,CAAC"}

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

@@ -0,0 +1,34 @@
+import { line as y, curveStepBefore as d, curveStepAfter as C, curveStep as g, curveNatural as F, curveMonotoneX as a, curveLinear as A, curveBumpX as B, area as E } from "d3-shape";
+import { isFiniteNumber as L } from "../utils/numbers.js";
+import { isCategoricalScale as P } from "../utils/scales/scales.js";
+const m = {
+  bump: B,
+  linear: A,
+  monotone: a,
+  natural: F,
+  step: g,
+  stepAfter: C,
+  stepBefore: d
+}, h = "bump", v = (e = h) => m[e] ?? m[h], V = (e, t, n, o, r = !1) => {
+  const i = [], b = o ? Math.min(e.length, o.length) : e.length;
+  let l = 0;
+  for (let u = 0; u < b; u++) {
+    const c = e[u], s = L(c);
+    if (!s && r) continue;
+    const p = o && typeof o[u] == "number" ? o[u] : u, f = P(t) ? (t(p) ?? 0) + t.bandwidth() / 2 : t(p);
+    if (!s) {
+      i.push([f, null]);
+      continue;
+    }
+    i.push([f, n(c)]), l++;
+  }
+  return l >= 2 ? i : null;
+}, I = (e, t) => y().defined((n) => n[1] !== null).x((n) => n[0]).y((n) => n[1]).curve(v(t))(e) ?? null, M = (e, t, n) => {
+  const o = t.y + t.height;
+  return E().defined((r) => r[1] !== null).x((r) => r[0]).y0(o).y1((r) => r[1]).curve(v(n))(e) ?? null;
+};
+export {
+  M as buildAreaPath,
+  I as buildLinePath,
+  V as toScaledPoints
+};

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

@@ -0,0 +1,3 @@
+import { LineChartProps } from './types';
+export declare function LineChart({ series: seriesProp, showArea, areaType, connectNulls, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, loading, emptyLabel, enableColorContrast, children, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/LineChart/LineChart.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,SAAS,CAAC;AA+GjB,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,QAAgB,EAChB,QAAqB,EACrB,YAAY,EACZ,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,OAAe,EACf,UAAgD,EAChD,mBAA2B,EAC3B,QAAQ,GACT,EAAE,cAAc,2CAuFhB"}