@ledgerhq/lumen-ui-react-visualization 0.1.18 → 0.1.20

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

@@ -0,0 +1,57 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DrawingArea, Series } from '../../../utils';
+/**
+ * Value shared by the reveal animation provider.
+ *
+ * - `clipPathAttr` drives the left-to-right clip wipe consumed by path-based
+ *   components (e.g. `Line`).
+ * - `getPointRevealStyle` returns the opacity fade-in style for accessory
+ *   components (e.g. `Point`) that must not be clipped, so edge content stays
+ *   visible.
+ */
+export type RevealAnimationContextValue = {
+    /**
+     * `clip-path` attribute (`url(#id)`) used by the line/area wipe.
+     */
+    clipPathAttr: string;
+    /**
+     * Builds the opacity fade-in style for an accessory (e.g. `Point`) so it
+     * reveals without being clipped, keeping edge content visible.
+     */
+    getPointRevealStyle: () => CSSProperties;
+};
+export type EnterTransitionConfig = {
+    /**
+     * Duration in seconds. @default 0.8
+     */
+    duration?: number;
+    /**
+     * CSS easing function. @default 'linear'
+     */
+    easing?: string;
+};
+export type RevealAnimationProps = {
+    children: ReactNode;
+    /**
+     * The drawing area whose bounds define the clip rectangle.
+     */
+    drawingArea: DrawingArea;
+    /**
+     * Whether to animate the chart.
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * Transition configuration.
+     * @default { enter: { duration: 0.8, easing: 'linear' } }
+     */
+    transitions?: {
+        enter?: EnterTransitionConfig;
+    };
+    /**
+     * Data series used to compute a fingerprint that restarts
+     * the animation when data changes.
+     */
+    series: Series[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/CartesianChart/RevealAnimation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,aAAa,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,qBAAqB,CAAA;KAAE,CAAC;IAChD;;;OAGG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC"}

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

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+import { DrawingArea, Series } from '../../../utils/types';
+type RevealAnimationConfig = {
+    duration: number;
+    easing: string;
+    drawingArea: DrawingArea;
+};
+/**
+ * Creates the reveal animation for the chart.
+ * It returns
+ * - the clip id
+ * - the clip path animation
+ * - and the fade animation.
+ */
+export declare const useRevealAnimation: ({ duration, easing, drawingArea, }: RevealAnimationConfig) => {
+    clipId: string;
+    clipPathAttr: string;
+    clipPathAnimation: {
+        keyframe: string;
+        style: string;
+    };
+    fadeAnimation: {
+        keyframe: string;
+        getPointRevealStyle: () => CSSProperties;
+    };
+};
+export declare const useDataFingerprint: ({ series, }: {
+    series: Series[];
+}) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/CartesianChart/RevealAnimation/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/RevealAnimation/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQhE,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,oCAIhC,qBAAqB;;;;;;;;;mCA2CO,aAAa;;CAnB3C,CAAC;AA2DF,eAAO,MAAM,kBAAkB,GAAI,aAEhC;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,KAAG,MAEH,CAAC"}

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

@@ -0,0 +1,67 @@
+import { useId as l, useMemo as r } from "react";
+const m = 0.2, s = -0.1, $ = ({
+  duration: a,
+  easing: t,
+  drawingArea: o
+}) => {
+  const e = l(), n = c({
+    clipId: e,
+    duration: a,
+    easing: t
+  }), i = p({
+    clipId: e,
+    duration: a,
+    easing: t,
+    drawingArea: o
+  });
+  return r(
+    () => ({
+      clipId: e,
+      clipPathAttr: `url(#${e})`,
+      clipPathAnimation: i,
+      fadeAnimation: n
+    }),
+    [e, i, n]
+  );
+}, c = ({
+  clipId: a,
+  duration: t,
+  easing: o
+}) => {
+  const e = `reveal-fade-${a.replaceAll(":", "")}`;
+  return r(
+    () => ({
+      keyframe: `@keyframes ${e} { from { opacity: 0; } to { opacity: 1; } }`,
+      getPointRevealStyle: () => {
+        const n = Math.max(
+          0,
+          t + s
+        );
+        return {
+          animation: `${e} ${m}s ${o} ${n}s both`
+        };
+      }
+    }),
+    [t, o, e]
+  );
+}, p = ({
+  clipId: a,
+  duration: t,
+  easing: o,
+  drawingArea: e
+}) => {
+  const n = `reveal-clip-${a.replaceAll(":", "")}`, i = e.width;
+  return r(
+    () => ({
+      keyframe: `@keyframes ${n} { from { width: 0; } to { width: ${i}px; } }`,
+      style: `${n} ${t}s ${o} forwards`
+    }),
+    [n, t, o, i]
+  );
+}, f = ({
+  series: a
+}) => a.map((t) => t.data?.join(",") ?? "").join("|");
+export {
+  f as useDataFingerprint,
+  $ as useRevealAnimation
+};

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

@@ -0,0 +1,18 @@
+type ShimmerAnimationResult = {
+    /**
+     * Value for the CSS `animation` shorthand, applied via `style` on the
+     * element that should shimmer.
+     */
+    animationStyle: string;
+    /**
+     * `@keyframes` definition to inject inside an SVG `<style>` element.
+     */
+    keyframe: string;
+};
+/**
+ * Self-contained shimmer (opacity pulse) for SVG content. Shared by the initial
+ * loading placeholder and the transition-loading line.
+ */
+export declare const useShimmerAnimation: () => ShimmerAnimationResult;
+export {};
+//# sourceMappingURL=useShimmerAnimation.d.ts.map

package/dist/lib/Components/CartesianChart/hooks/useShimmerAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShimmerAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CartesianChart/hooks/useShimmerAnimation.ts"],"names":[],"mappings":"AAKA,KAAK,sBAAsB,GAAG;IAC5B;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAAO,sBAatC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { useId as i, useMemo as o } from "react";
+const t = 2, m = "cubic-bezier(0.4, 0, 0.6, 1)", a = () => {
+  const e = `shimmer-pulse-${i().replaceAll(":", "")}`;
+  return o(
+    () => ({
+      animationStyle: `${e} ${t}s ${m} infinite`,
+      keyframe: `@keyframes ${e} { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @media (prefers-reduced-motion: reduce) { @keyframes ${e} { 0%, 100% { opacity: 1; } } }`
+    }),
+    [e]
+  );
+};
+export {
+  a as useShimmerAnimation
+};

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

@@ -43,6 +43,17 @@ export type CartesianChartProps = {
      * @default 'Chart'
      */
     ariaLabel?: string;
+    /**
+     * Sets `aria-busy` on the chart SVG to signal that its content is loading.
+     * @default false
+     */
+    ariaBusy?: boolean;
+    /**
+     * HTML content rendered as an absolutely-positioned overlay above the chart
+     * SVG, within the same positioned container (so it aligns with the chart
+     * footprint). Used for e.g. an empty-state label.
+     */
+    overlay?: ReactNode;
     /**
      * SVG content rendered inside the chart's context provider.
      */

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

@@ -1 +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,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;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;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"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,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

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

@@ -1,29 +1,6 @@
 import { ChartInset } from '../../utils/types';
 import { CartesianChartProps } from './types';
-export declare const DEFAULT_HEIGHT = 160;
-/**
- * Internal buffer added around the drawing area so SVG content (labels, points,
- * ticks) drawn at the edges is not clipped. The SVG canvas is enlarged by this
- * buffer on every side and shifted back by {@link OVERFLOW_OFFSET} so
- * the chart's layout footprint (and the drawing area) stays exactly the
- * consumer-provided width/height.
- */
-export declare const OVERFLOW_BUFFER: ChartInset;
-/**
- * Top/left offset applied to the (enlarged) SVG so its drawing area aligns with
- * the container's top-left. The extra width/height added to the SVG overflows
- * symmetrically on every side via `overflow: visible`.
- *
- * Uses `position: relative` rather than negative margins: a negative
- * `margin-top` would collapse through the container (which has no border,
- * padding, or block-formatting context), shifting the whole container instead
- * of offsetting the SVG inside it.
- */
-export declare const OVERFLOW_OFFSET: {
-    position: "relative";
-    top: number;
-    left: number;
-};
+export declare const DEFAULT_HEIGHT = 240;
 export declare const ZERO_PADDING: ChartInset;
 export declare const resolveInset: (inset: CartesianChartProps["inset"]) => ChartInset;
 export declare const resolveAxisPadding: (padding: CartesianChartProps["axisPadding"]) => ChartInset;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,UAK7B,CAAC;AACF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,UAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,mBAAmB,CAAC,OAAO,CAAC,KAClC,UAqBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,mBAAmB,CAAC,aAAa,CAAC,KAC1C,UAQF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CartesianChart/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,YAAY,EAAE,UAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,mBAAmB,CAAC,OAAO,CAAC,KAClC,UAqBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,mBAAmB,CAAC,aAAa,CAAC,KAC1C,UAQF,CAAC"}

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

@@ -1,41 +1,30 @@
-const l = 160, r = {
-  top: 25,
-  right: 25,
-  bottom: 25,
-  left: 25
-}, f = {
-  position: "relative",
-  top: -25,
-  left: -25
-}, e = {
+const e = 240, r = {
   top: 0,
   right: 0,
   bottom: 0,
   left: 0
-}, m = (t) => {
+}, l = (t) => {
   let o;
-  return t === void 0 ? o = e : typeof t == "number" ? o = { top: t, right: t, bottom: t, left: t } : o = {
+  return t === void 0 ? o = r : typeof t == "number" ? o = { top: t, right: t, bottom: t, left: t } : o = {
     top: t.top ?? 0,
     right: t.right ?? 0,
     bottom: t.bottom ?? 0,
     left: t.left ?? 0
   }, {
-    top: o.top + r.top,
-    right: o.right + r.right,
-    bottom: o.bottom + r.bottom,
-    left: o.left + r.left
+    top: o.top,
+    right: o.right,
+    bottom: o.bottom,
+    left: o.left
   };
-}, b = (t) => t === void 0 ? e : {
+}, f = (t) => t === void 0 ? r : {
   top: t.top ?? 0,
   right: t.right ?? 0,
   bottom: t.bottom ?? 0,
   left: t.left ?? 0
 };
 export {
-  l as DEFAULT_HEIGHT,
-  r as OVERFLOW_BUFFER,
-  f as OVERFLOW_OFFSET,
-  e as ZERO_PADDING,
-  b as resolveAxisPadding,
-  m as resolveInset
+  e as DEFAULT_HEIGHT,
+  r as ZERO_PADDING,
+  f as resolveAxisPadding,
+  l as resolveInset
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/Line.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,QAAQ,EAAE,SAAsB,GACjC,EAAE,SAAS,kDA8EX"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/Line.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,QAAQ,EAAE,SAAsB,EAChC,KAAK,EACL,YAAY,GACb,EAAE,SAAS,kDAwFX"}

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

@@ -1,69 +1,76 @@
-import { jsxs as l, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { useId as S, useMemo as d } from "react";
-import { isNumericScale as A } from "../../utils/scales/scales.js";
-import { toScaledPoints as I, buildLinePath as L, buildAreaPath as T } from "./utils.js";
+import { jsxs as c, jsx as o, Fragment as T } from "react/jsx-runtime";
+import { useId as k, useMemo as d } from "react";
+import { isNumericScale as y } from "../../utils/scales/scales.js";
+import { LINE_DEFAULT_STROKE_COLOR as A, LINE_AREA_GRADIENT_OPACITY as N, LINE_STROKE_WIDTH as O } from "./constants.js";
+import { toScaledPoints as v, buildLinePath as R, buildAreaPath as D } from "./utils.js";
 import { useCartesianChartContext as j } from "../CartesianChart/context/cartesianChartContext.js";
-import { useRevealClip as v } from "../CartesianChart/RevealClip/context.js";
-import { cssVar as O } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-const R = 0.15;
-function Y({
-  seriesId: u,
-  stroke: g,
-  showArea: i = !1,
-  areaType: _ = "gradient"
+import { usePathReveal as b } from "../CartesianChart/RevealAnimation/context.js";
+function U({
+  seriesId: g,
+  stroke: C,
+  showArea: s = !1,
+  areaType: F = "gradient",
+  curve: x,
+  connectNulls: L
 }) {
-  const { getXScale: h, getYScale: x, getXAxisConfig: C, drawingArea: n, seriesMap: k } = j(), y = v(), s = h(), o = x(), c = C(), p = S(), r = k.get(u), a = g ?? r?.stroke, t = d(
-    () => r?.data && s && o && A(o) ? I(r.data, s, o, c?.data) : null,
-    [r, s, o, c]
-  ), f = d(
-    () => t ? L(t) : null,
-    [t]
+  const { getXScale: S, getYScale: _, getXAxisConfig: E, drawingArea: i, seriesMap: I } = j(), P = b(), l = S(), n = _(), p = E(), u = k(), t = I.get(g), r = (C ?? t?.stroke) || A, a = x ?? t?.curve, f = L ?? t?.connectNulls ?? !1, e = d(
+    () => t?.data && l && n && y(n) ? v(
+      t.data,
+      l,
+      n,
+      p?.data,
+      f
+    ) : null,
+    [t, l, n, p, f]
   ), m = d(
-    () => i && t && n ? T(t, n) : null,
-    [i, t, n]
+    () => e ? R(e, a) : null,
+    [e, a]
+  ), h = d(
+    () => s && e && i ? D(e, i, a) : null,
+    [s, e, i, a]
   );
-  return f ? /* @__PURE__ */ l("g", { clipPath: y, children: [
-    i && m && a && /* @__PURE__ */ l(P, { children: [
-      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l(
+  return m ? /* @__PURE__ */ c("g", { clipPath: P, children: [
+    s && h && r && /* @__PURE__ */ c(T, { children: [
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ c(
         "linearGradient",
         {
           "data-testid": "line-gradient",
-          id: p,
+          id: u,
           x1: "0",
           y1: "0",
           x2: "0",
           y2: "1",
           children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ o(
               "stop",
               {
                 offset: "0%",
-                stopColor: a,
-                stopOpacity: R
+                stopColor: r,
+                stopOpacity: N
               }
             ),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: a, stopOpacity: 0 })
+            /* @__PURE__ */ o("stop", { offset: "100%", stopColor: r, stopOpacity: 0 })
           ]
         }
       ) }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ o(
         "path",
         {
           "data-testid": "line-area",
-          d: m,
-          fill: `url(#${p})`,
+          d: h,
+          fill: `url(#${u})`,
           stroke: "none"
         }
       )
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       "path",
       {
         "data-testid": "line-path",
-        d: f,
+        d: m,
         fill: "none",
-        stroke: a,
-        strokeWidth: O("var(--stroke-2)"),
+        stroke: r,
+        strokeWidth: O,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -71,5 +78,5 @@ function Y({
   ] }) : null;
 }
 export {
-  Y as Line
+  U as Line
 };

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

@@ -0,0 +1,4 @@
+export declare const LINE_AREA_GRADIENT_OPACITY = 0.25;
+export declare const LINE_DEFAULT_STROKE_COLOR: "var(--font-style-responsive-display-1-size)" | "var(--font-style-responsive-display-1-weight)" | "var(--font-style-responsive-display-1-line-height)" | "var(--font-style-responsive-display-1-letter-spacing)" | "var(--font-style-responsive-display-2-size)" | "var(--font-style-responsive-display-2-weight)" | "var(--font-style-responsive-display-2-line-height)" | "var(--font-style-responsive-display-2-letter-spacing)" | "var(--font-style-responsive-display-3-size)" | "var(--font-style-responsive-display-3-weight)" | "var(--font-style-responsive-display-3-line-height)" | "var(--font-style-responsive-display-3-letter-spacing)" | "var(--font-style-responsive-display-4-size)" | "var(--font-style-responsive-display-4-weight)" | "var(--font-style-responsive-display-4-line-height)" | "var(--font-style-responsive-display-4-letter-spacing)" | "var(--font-style-heading-0-size)" | "var(--font-style-heading-0-weight-semi-bold)" | "var(--font-style-heading-0-weight-medium)" | "var(--font-style-heading-0-line-height)" | "var(--font-style-heading-0-letter-spacing)" | "var(--font-style-heading-1-size)" | "var(--font-style-heading-1-weight-semi-bold)" | "var(--font-style-heading-1-weight-medium)" | "var(--font-style-heading-1-line-height)" | "var(--font-style-heading-1-letter-spacing)" | "var(--font-style-heading-2-size)" | "var(--font-style-heading-2-weight-semi-bold)" | "var(--font-style-heading-2-weight-medium)" | "var(--font-style-heading-2-line-height)" | "var(--font-style-heading-2-letter-spacing)" | "var(--font-style-heading-3-size)" | "var(--font-style-heading-3-size-2)" | "var(--font-style-heading-3-weight-semi-bold)" | "var(--font-style-heading-3-weight-medium)" | "var(--font-style-heading-3-line-height)" | "var(--font-style-heading-3-letter-spacing)" | "var(--font-style-heading-4-size)" | "var(--font-style-heading-4-weight-semi-bold)" | "var(--font-style-heading-4-weight-medium)" | "var(--font-style-heading-4-line-height)" | "var(--font-style-heading-4-letter-spacing)" | "var(--font-style-heading-5-size)" | "var(--font-style-heading-5-weight-semi-bold)" | "var(--font-style-heading-5-weight-medium)" | "var(--font-style-heading-5-line-height)" | "var(--font-style-heading-5-letter-spacing)" | "var(--font-style-body-1-size)" | "var(--font-style-body-1-weight-semi-bold)" | "var(--font-style-body-1-weight-medium)" | "var(--font-style-body-1-line-height)" | "var(--font-style-body-1-letter-spacing)" | "var(--font-style-body-2-size)" | "var(--font-style-body-2-weight-semi-bold)" | "var(--font-style-body-2-weight-medium)" | "var(--font-style-body-2-line-height)" | "var(--font-style-body-2-letter-spacing)" | "var(--font-style-body-3-size)" | "var(--font-style-body-3-weight-semi-bold)" | "var(--font-style-body-3-weight-medium)" | "var(--font-style-body-3-line-height)" | "var(--font-style-body-3-letter-spacing)" | "var(--font-style-body-4-size)" | "var(--font-style-body-4-weight-semi-bold)" | "var(--font-style-body-4-weight-medium)" | "var(--font-style-body-4-line-height)" | "var(--font-style-body-4-letter-spacing)" | "var(--spacing-0)" | "var(--spacing-1)" | "var(--spacing-2)" | "var(--spacing-4)" | "var(--spacing-6)" | "var(--spacing-8)" | "var(--spacing-10)" | "var(--spacing-12)" | "var(--spacing-14)" | "var(--spacing-16)" | "var(--spacing-20)" | "var(--spacing-24)" | "var(--spacing-32)" | "var(--spacing-40)" | "var(--spacing-48)" | "var(--spacing-56)" | "var(--spacing-64)" | "var(--spacing-80)" | "var(--spacing-96)" | "var(--spacing-112)" | "var(--spacing-128)" | "var(--spacing-144)" | "var(--spacing-160)" | "var(--spacing-256)" | "var(--icon-width-12)" | "var(--icon-width-16)" | "var(--icon-width-20)" | "var(--icon-width-24)" | "var(--icon-width-32)" | "var(--icon-width-40)" | "var(--icon-width-48)" | "var(--icon-width-56)" | "var(--icon-width-64)" | "var(--icon-width-72)" | "var(--icon-height-12)" | "var(--icon-height-16)" | "var(--icon-height-20)" | "var(--icon-height-24)" | "var(--icon-height-32)" | "var(--icon-height-40)" | "var(--icon-height-48)" | "var(--icon-height-56)" | "var(--icon-height-64)" | "var(--icon-height-72)" | "var(--spot-width-32)" | "var(--spot-width-40)" | "var(--spot-width-48)" | "var(--spot-width-56)" | "var(--spot-width-72)" | "var(--spot-height-32)" | "var(--spot-height-40)" | "var(--spot-height-48)" | "var(--spot-height-56)" | "var(--spot-height-72)" | "var(--icon-border-width-12)" | "var(--icon-border-width-16)" | "var(--icon-border-width-20)" | "var(--icon-border-width-24)" | "var(--icon-border-width-32)" | "var(--icon-border-width-40)" | "var(--icon-border-width-48)" | "var(--icon-border-width-56)" | "var(--icon-border-width-64)" | "var(--icon-border-width-72)" | "var(--spinner-border-width-12)" | "var(--spinner-border-width-16)" | "var(--spinner-border-width-20)" | "var(--spinner-border-width-24)" | "var(--spinner-border-width-32)" | "var(--spinner-border-width-40)" | "var(--spinner-border-width-48)" | "var(--spinner-border-width-56)" | "var(--spinner-border-width-64)" | "var(--spinner-border-width-72)" | "var(--size-0)" | "var(--size-1)" | "var(--size-2)" | "var(--size-4)" | "var(--size-6)" | "var(--size-8)" | "var(--size-10)" | "var(--size-12)" | "var(--size-14)" | "var(--size-16)" | "var(--size-20)" | "var(--size-24)" | "var(--size-28)" | "var(--size-32)" | "var(--size-36)" | "var(--size-40)" | "var(--size-44)" | "var(--size-48)" | "var(--size-56)" | "var(--size-64)" | "var(--size-72)" | "var(--size-80)" | "var(--size-96)" | "var(--size-112)" | "var(--size-128)" | "var(--size-144)" | "var(--size-176)" | "var(--size-192)" | "var(--size-208)" | "var(--size-224)" | "var(--size-256)" | "var(--size-288)" | "var(--size-320)" | "var(--size-400)" | "var(--size-480)" | "var(--size-560)" | "var(--border-radius-none)" | "var(--border-radius-xxs)" | "var(--border-radius-xs)" | "var(--border-radius-sm)" | "var(--border-radius-md)" | "var(--border-radius-lg)" | "var(--border-radius-xl)" | "var(--border-radius-2xl)" | "var(--border-radius-full)" | "var(--font-family-font)" | "var(--stroke-1)" | "var(--stroke-2)" | "var(--stroke-4)" | "var(--stroke-05)" | "var(--font-weight-bold)" | "var(--font-weight-semi-bold)" | "var(--font-weight-medium)" | "var(--font-size-6)" | "var(--font-size-8)" | "var(--font-size-10)" | "var(--font-size-12)" | "var(--font-size-14)" | "var(--font-size-16)" | "var(--font-size-18)" | "var(--font-size-20)" | "var(--font-size-22)" | "var(--font-size-24)" | "var(--font-size-28)" | "var(--font-size-32)" | "var(--font-size-36)" | "var(--font-size-40)" | "var(--font-size-48)" | "var(--font-size-52)" | "var(--font-size-64)" | "var(--font-size-80)" | "var(--font-size-112)" | "var(--font-line-height-10)" | "var(--font-line-height-12)" | "var(--font-line-height-14)" | "var(--font-line-height-16)" | "var(--font-line-height-18)" | "var(--font-line-height-20)" | "var(--font-line-height-22)" | "var(--font-line-height-24)" | "var(--font-line-height-28)" | "var(--font-line-height-32)" | "var(--font-line-height-36)" | "var(--font-line-height-40)" | "var(--font-line-height-48)" | "var(--font-line-height-52)" | "var(--font-line-height-64)" | "var(--font-line-height-80)" | "var(--font-line-height-112)" | "var(--font-letter-spacing-10)" | "var(--font-letter-spacing-12)" | "var(--font-letter-spacing-14)" | "var(--font-letter-spacing-16)" | "var(--font-letter-spacing-18)" | "var(--font-letter-spacing-20)" | "var(--font-letter-spacing-22)" | "var(--font-letter-spacing-24)" | "var(--font-letter-spacing-28)" | "var(--font-letter-spacing-32)" | "var(--font-letter-spacing-36)" | "var(--font-letter-spacing-40)" | "var(--font-letter-spacing-48)" | "var(--font-letter-spacing-52)" | "var(--font-letter-spacing-64)" | "var(--font-letter-spacing-80)" | "var(--font-letter-spacing-112)" | "var(--backdrop-blur-sm)" | "var(--backdrop-blur-md)" | "var(--backdrop-blur-lg)" | "var(--backdrop-blur-xl)" | "var(--color-background-canvas)" | "var(--color-background-canvas-muted)" | "var(--color-background-canvas-sheet)" | "var(--color-background-canvas-sheet-transparent)" | "var(--color-background-canvas-overlay)" | "var(--color-background-canvas-overlay-subtle)" | "var(--color-background-canvas-overlay-chart)" | "var(--color-background-white)" | "var(--color-background-grey)" | "var(--color-background-black)" | "var(--color-background-surface)" | "var(--color-background-surface-hover)" | "var(--color-background-surface-pressed)" | "var(--color-background-surface-disabled)" | "var(--color-background-surface-transparent)" | "var(--color-background-surface-transparent-hover)" | "var(--color-background-surface-transparent-pressed)" | "var(--color-background-surface-transparent-disabled)" | "var(--color-background-base)" | "var(--color-background-base-hover)" | "var(--color-background-base-pressed)" | "var(--color-background-base-transparent)" | "var(--color-background-base-transparent-hover)" | "var(--color-background-base-transparent-pressed)" | "var(--color-background-disabled)" | "var(--color-background-disabled-strong)" | "var(--color-background-muted)" | "var(--color-background-muted-hover)" | "var(--color-background-muted-pressed)" | "var(--color-background-muted-transparent)" | "var(--color-background-muted-transparent-hover)" | "var(--color-background-muted-transparent-pressed)" | "var(--color-background-muted-transparent-disabled)" | "var(--color-background-muted-transparent-0)" | "var(--color-background-muted-strong)" | "var(--color-background-muted-strong-hover)" | "var(--color-background-muted-strong-pressed)" | "var(--color-background-accent-ledger-live)" | "var(--color-background-accent-ledger-live-hover)" | "var(--color-background-accent-ledger-live-pressed)" | "var(--color-background-accent-enterprise)" | "var(--color-background-accent-enterprise-hover)" | "var(--color-background-accent-enterprise-pressed)" | "var(--color-background-accent-websites)" | "var(--color-background-accent-websites-hover)" | "var(--color-background-accent-websites-pressed)" | "var(--color-background-interactive)" | "var(--color-background-interactive-hover)" | "var(--color-background-interactive-pressed)" | "var(--color-background-active-ledger-live)" | "var(--color-background-active-ledger-live-hover)" | "var(--color-background-active-ledger-live-pressed)" | "var(--color-background-active-enterprise)" | "var(--color-background-active-enterprise-hover)" | "var(--color-background-active-enterprise-pressed)" | "var(--color-background-active-websites)" | "var(--color-background-active-websites-hover)" | "var(--color-background-active-websites-pressed)" | "var(--color-background-active-subtle-ledger-live)" | "var(--color-background-active-subtle-ledger-live-hover)" | "var(--color-background-active-subtle-ledger-live-pressed)" | "var(--color-background-active-subtle-enterprise)" | "var(--color-background-active-subtle-enterprise-hover)" | "var(--color-background-active-subtle-enterprise-pressed)" | "var(--color-background-active-subtle-website)" | "var(--color-background-active-subtle-website-hover)" | "var(--color-background-active-subtle-website-pressed)" | "var(--color-background-error)" | "var(--color-background-error-hover)" | "var(--color-background-error-pressed)" | "var(--color-background-error-strong)" | "var(--color-background-error-transparent-0)" | "var(--color-background-warning)" | "var(--color-background-warning-strong)" | "var(--color-background-success)" | "var(--color-background-success-strong)" | "var(--color-background-success-transparent-0)" | "var(--color-background-native)" | "var(--color-background-gradient-100)" | "var(--color-background-gradient-80)" | "var(--color-background-gradient-70)" | "var(--color-background-gradient-40)" | "var(--color-background-gradient-30)" | "var(--color-background-gradient-0)" | "var(--color-background-gradient-overlay-80)" | "var(--color-background-gradient-overlay-0)" | "var(--color-text-black)" | "var(--color-text-white)" | "var(--color-text-white-hover)" | "var(--color-text-white-pressed)" | "var(--color-text-grey)" | "var(--color-text-base)" | "var(--color-text-base-hover)" | "var(--color-text-base-pressed)" | "var(--color-text-disabled)" | "var(--color-text-muted)" | "var(--color-text-muted-hover)" | "var(--color-text-muted-pressed)" | "var(--color-text-muted-subtle)" | "var(--color-text-active-ledger-live)" | "var(--color-text-active-enterprise)" | "var(--color-text-active-websites)" | "var(--color-text-interactive-ledger-live)" | "var(--color-text-interactive-ledger-live-hover)" | "var(--color-text-interactive-ledger-live-pressed)" | "var(--color-text-interactive-enterprise)" | "var(--color-text-interactive-enterprise-hover)" | "var(--color-text-interactive-enterprise-pressed)" | "var(--color-text-interactive-websites)" | "var(--color-text-interactive-websites-hover)" | "var(--color-text-interactive-websites-pressed)" | "var(--color-text-error)" | "var(--color-text-warning)" | "var(--color-text-success)" | "var(--color-text-on-accent-ledger-live)" | "var(--color-text-on-accent-enterprise)" | "var(--color-text-on-accent-websites)" | "var(--color-text-on-interactive)" | "var(--color-text-on-error-strong)" | "var(--color-text-on-warning-strong)" | "var(--color-text-on-success-strong)" | "var(--color-text-native)" | "var(--color-border-black)" | "var(--color-border-white)" | "var(--color-border-base)" | "var(--color-border-base-hover)" | "var(--color-border-base-pressed)" | "var(--color-border-base-transparent-0)" | "var(--color-border-base-inverted)" | "var(--color-border-disabled)" | "var(--color-border-muted)" | "var(--color-border-muted-hover)" | "var(--color-border-muted-pressed)" | "var(--color-border-muted-subtle)" | "var(--color-border-muted-subtle-hover)" | "var(--color-border-muted-subtle-pressed)" | "var(--color-border-muted-subtle-transparent)" | "var(--color-border-active-ledger-live)" | "var(--color-border-active-ledger-live-hover)" | "var(--color-border-active-ledger-live-pressed)" | "var(--color-border-active-enterprise)" | "var(--color-border-active-enterprise-hover)" | "var(--color-border-active-enterprise-pressed)" | "var(--color-border-active-websites)" | "var(--color-border-active-websites-hover)" | "var(--color-border-active-websites-pressed)" | "var(--color-border-focus-ledger-live)" | "var(--color-border-focus-enterprise)" | "var(--color-border-focus-websites)" | "var(--color-border-error)" | "var(--color-border-error-hover)" | "var(--color-border-error-pressed)" | "var(--color-border-error-transparent)" | "var(--color-border-warning)" | "var(--color-border-success)" | "var(--color-border-success-transparent)" | "var(--color-border-icon)" | "var(--color-crypto-aion)" | "var(--color-crypto-aion-0)" | "var(--color-crypto-algorand)" | "var(--color-crypto-algorand-0)" | "var(--color-crypto-avax)" | "var(--color-crypto-avax-0)" | "var(--color-crypto-bat)" | "var(--color-crypto-bat-0)" | "var(--color-crypto-bgb)" | "var(--color-crypto-bgb-0)" | "var(--color-crypto-bitcoin)" | "var(--color-crypto-bitcoin-0)" | "var(--color-crypto-bitcoin-cash)" | "var(--color-crypto-bitcoin-cash-0)" | "var(--color-crypto-bitcoin-gold)" | "var(--color-crypto-bitcoin-gold-0)" | "var(--color-crypto-bitcoin-sv)" | "var(--color-crypto-bitcoin-sv-0)" | "var(--color-crypto-binance)" | "var(--color-crypto-binance-0)" | "var(--color-crypto-bytecoin)" | "var(--color-crypto-bytecoin-0)" | "var(--color-crypto-cardano)" | "var(--color-crypto-cardano-0)" | "var(--color-crypto-cosmos)" | "var(--color-crypto-cosmos-0)" | "var(--color-crypto-compound)" | "var(--color-crypto-compound-0)" | "var(--color-crypto-celo)" | "var(--color-crypto-celo-0)" | "var(--color-crypto-celo-2)" | "var(--color-crypto-celo-2-0)" | "var(--color-crypto-chainlink)" | "var(--color-crypto-chainlink-0)" | "var(--color-crypto-cro)" | "var(--color-crypto-cro-0)" | "var(--color-crypto-dash)" | "var(--color-crypto-dash-0)" | "var(--color-crypto-dai)" | "var(--color-crypto-dai-0)" | "var(--color-crypto-decred)" | "var(--color-crypto-decred-0)" | "var(--color-crypto-digibyte)" | "var(--color-crypto-digibyte-0)" | "var(--color-crypto-dogecoin)" | "var(--color-crypto-dogecoin-0)" | "var(--color-crypto-dydx)" | "var(--color-crypto-dydx-0)" | "var(--color-crypto-dym)" | "var(--color-crypto-dym-0)" | "var(--color-crypto-elrond)" | "var(--color-crypto-elrond-0)" | "var(--color-crypto-eng)" | "var(--color-crypto-eng-0)" | "var(--color-crypto-eos)" | "var(--color-crypto-eos-0)" | "var(--color-crypto-ethergem)" | "var(--color-crypto-ethergem-0)" | "var(--color-crypto-ethereum)" | "var(--color-crypto-ethereum-0)" | "var(--color-crypto-ethereum-classic)" | "var(--color-crypto-ethereum-classic-0)" | "var(--color-crypto-flr)" | "var(--color-crypto-flr-0)" | "var(--color-crypto-ftm)" | "var(--color-crypto-ftm-0)" | "var(--color-crypto-hedera)" | "var(--color-crypto-hedera-0)" | "var(--color-crypto-hnt)" | "var(--color-crypto-hnt-0)" | "var(--color-crypto-huobi)" | "var(--color-crypto-huobi-0)" | "var(--color-crypto-iota)" | "var(--color-crypto-iota-0)" | "var(--color-crypto-komodo)" | "var(--color-crypto-komodo-0)" | "var(--color-crypto-leo)" | "var(--color-crypto-leo-0)" | "var(--color-crypto-litecoin)" | "var(--color-crypto-litecoin-0)" | "var(--color-crypto-monero)" | "var(--color-crypto-monero-0)" | "var(--color-crypto-multiverse-x)" | "var(--color-crypto-multiverse-x-0)" | "var(--color-crypto-nano)" | "var(--color-crypto-nano-0)" | "var(--color-crypto-near)" | "var(--color-crypto-near-0)" | "var(--color-crypto-neo)" | "var(--color-crypto-neo-0)" | "var(--color-crypto-nimiq)" | "var(--color-crypto-nimiq-0)" | "var(--color-crypto-omg-network)" | "var(--color-crypto-omg-network-0)" | "var(--color-crypto-okb)" | "var(--color-crypto-okb-0)" | "var(--color-crypto-osmo)" | "var(--color-crypto-osmo-0)" | "var(--color-crypto-peercoin)" | "var(--color-crypto-peercoin-0)" | "var(--color-crypto-pirl)" | "var(--color-crypto-pirl-0)" | "var(--color-crypto-pivx)" | "var(--color-crypto-pivx-0)" | "var(--color-crypto-polkadot)" | "var(--color-crypto-polkadot-0)" | "var(--color-crypto-polygon)" | "var(--color-crypto-polygon-0)" | "var(--color-crypto-qnt)" | "var(--color-crypto-qnt-0)" | "var(--color-crypto-sats)" | "var(--color-crypto-sats-0)" | "var(--color-crypto-stellar)" | "var(--color-crypto-stellar-0)" | "var(--color-crypto-sol)" | "var(--color-crypto-sol-0)" | "var(--color-crypto-tether-usdt)" | "var(--color-crypto-tether-usdt-0)" | "var(--color-crypto-tezos)" | "var(--color-crypto-tezos-0)" | "var(--color-crypto-tkx)" | "var(--color-crypto-tkx-0)" | "var(--color-crypto-tron)" | "var(--color-crypto-tron-0)" | "var(--color-crypto-uniswap)" | "var(--color-crypto-uniswap-0)" | "var(--color-crypto-tusd)" | "var(--color-crypto-tusd-0)" | "var(--color-crypto-usdc)" | "var(--color-crypto-usdc-0)" | "var(--color-crypto-uni)" | "var(--color-crypto-uni-0)" | "var(--color-crypto-waves)" | "var(--color-crypto-waves-0)" | "var(--color-crypto-xrp)" | "var(--color-crypto-xrp-0)" | "var(--color-crypto-xin)" | "var(--color-crypto-xin-0)" | "var(--color-crypto-yieldly)" | "var(--color-crypto-yieldly-0)" | "var(--color-crypto-zcash)" | "var(--color-crypto-zcash-0)" | "var(--color-discover-1inch)" | "var(--color-discover-changelly)" | "var(--color-discover-compound)" | "var(--color-discover-deversifi)" | "var(--color-discover-lido)" | "var(--color-discover-opensea)" | "var(--color-discover-paraswap)" | "var(--color-discover-rarible)" | "var(--color-discover-zerion)" | "var(--color-discover-bitrefill)" | "var(--color-discover-loopipay-blue)" | "var(--color-discover-loopipay-black)" | "var(--color-discover-loopipay-lime)" | "var(--color-discover-simplex)" | "var(--color-discover-baanx)" | "var(--color-discover-mercuryo)" | "var(--color-discover-juno)" | "var(--color-discover-sardine)" | "var(--background-canvas)" | "var(--background-canvas-muted)" | "var(--background-canvas-sheet)" | "var(--background-canvas-sheet-transparent)" | "var(--background-canvas-overlay)" | "var(--background-canvas-overlay-subtle)" | "var(--background-canvas-overlay-chart)" | "var(--background-white)" | "var(--background-grey)" | "var(--background-black)" | "var(--background-surface)" | "var(--background-surface-hover)" | "var(--background-surface-pressed)" | "var(--background-surface-disabled)" | "var(--background-surface-transparent)" | "var(--background-surface-transparent-hover)" | "var(--background-surface-transparent-pressed)" | "var(--background-surface-transparent-disabled)" | "var(--background-base)" | "var(--background-base-hover)" | "var(--background-base-pressed)" | "var(--background-base-transparent)" | "var(--background-base-transparent-hover)" | "var(--background-base-transparent-pressed)" | "var(--background-disabled)" | "var(--background-disabled-strong)" | "var(--background-muted)" | "var(--background-muted-hover)" | "var(--background-muted-pressed)" | "var(--background-muted-transparent-0)" | "var(--background-muted-transparent)" | "var(--background-muted-transparent-hover)" | "var(--background-muted-transparent-pressed)" | "var(--background-muted-transparent-disabled)" | "var(--background-muted-strong)" | "var(--background-muted-strong-hover)" | "var(--background-muted-strong-pressed)" | "var(--background-accent)" | "var(--background-accent-hover)" | "var(--background-accent-pressed)" | "var(--background-interactive)" | "var(--background-interactive-hover)" | "var(--background-interactive-pressed)" | "var(--background-error)" | "var(--background-error-hover)" | "var(--background-error-pressed)" | "var(--background-error-strong)" | "var(--background-error-transparent-0)" | "var(--background-warning)" | "var(--background-warning-strong)" | "var(--background-success)" | "var(--background-success-strong)" | "var(--background-success-transparent-0)" | "var(--background-active)" | "var(--background-active-hover)" | "var(--background-active-pressed)" | "var(--background-active-subtle)" | "var(--background-active-subtle-hover)" | "var(--background-active-subtle-pressed)" | "var(--background-native)" | "var(--background-gradient-100)" | "var(--background-gradient-80)" | "var(--background-gradient-70)" | "var(--background-gradient-40)" | "var(--background-gradient-30)" | "var(--background-gradient-0)" | "var(--background-gradient-overlay-80)" | "var(--background-gradient-overlay-0)" | "var(--text-black)" | "var(--text-white)" | "var(--text-white-hover)" | "var(--text-white-pressed)" | "var(--text-grey)" | "var(--text-base)" | "var(--text-base-hover)" | "var(--text-base-pressed)" | "var(--text-disabled)" | "var(--text-muted)" | "var(--text-muted-hover)" | "var(--text-muted-pressed)" | "var(--text-muted-subtle)" | "var(--text-active)" | "var(--text-interactive)" | "var(--text-interactive-hover)" | "var(--text-interactive-pressed)" | "var(--text-error)" | "var(--text-warning)" | "var(--text-success)" | "var(--text-on-accent)" | "var(--text-on-interactive)" | "var(--text-on-error-strong)" | "var(--text-on-warning-strong)" | "var(--text-on-success-strong)" | "var(--text-native)" | "var(--border-black)" | "var(--border-white)" | "var(--border-disabled)" | "var(--border-base)" | "var(--border-base-hover)" | "var(--border-base-pressed)" | "var(--border-base-transparent-0)" | "var(--border-base-inverted)" | "var(--border-muted)" | "var(--border-muted-hover)" | "var(--border-muted-pressed)" | "var(--border-muted-subtle)" | "var(--border-muted-subtle-hover)" | "var(--border-muted-subtle-pressed)" | "var(--border-muted-subtle-transparent)" | "var(--border-error)" | "var(--border-error-hover)" | "var(--border-error-pressed)" | "var(--border-error-transparent)" | "var(--border-warning)" | "var(--border-success)" | "var(--border-success-transparent)" | "var(--border-active)" | "var(--border-active-hover)" | "var(--border-active-pressed)" | "var(--border-focus)" | "var(--border-icon)" | "var(--border-width)" | "var(--border-width-active)" | "var(--border-width-focus)" | "var(--border-width-stepper)";
+export declare const LINE_STROKE_WIDTH: "var(--font-style-responsive-display-1-size)" | "var(--font-style-responsive-display-1-weight)" | "var(--font-style-responsive-display-1-line-height)" | "var(--font-style-responsive-display-1-letter-spacing)" | "var(--font-style-responsive-display-2-size)" | "var(--font-style-responsive-display-2-weight)" | "var(--font-style-responsive-display-2-line-height)" | "var(--font-style-responsive-display-2-letter-spacing)" | "var(--font-style-responsive-display-3-size)" | "var(--font-style-responsive-display-3-weight)" | "var(--font-style-responsive-display-3-line-height)" | "var(--font-style-responsive-display-3-letter-spacing)" | "var(--font-style-responsive-display-4-size)" | "var(--font-style-responsive-display-4-weight)" | "var(--font-style-responsive-display-4-line-height)" | "var(--font-style-responsive-display-4-letter-spacing)" | "var(--font-style-heading-0-size)" | "var(--font-style-heading-0-weight-semi-bold)" | "var(--font-style-heading-0-weight-medium)" | "var(--font-style-heading-0-line-height)" | "var(--font-style-heading-0-letter-spacing)" | "var(--font-style-heading-1-size)" | "var(--font-style-heading-1-weight-semi-bold)" | "var(--font-style-heading-1-weight-medium)" | "var(--font-style-heading-1-line-height)" | "var(--font-style-heading-1-letter-spacing)" | "var(--font-style-heading-2-size)" | "var(--font-style-heading-2-weight-semi-bold)" | "var(--font-style-heading-2-weight-medium)" | "var(--font-style-heading-2-line-height)" | "var(--font-style-heading-2-letter-spacing)" | "var(--font-style-heading-3-size)" | "var(--font-style-heading-3-size-2)" | "var(--font-style-heading-3-weight-semi-bold)" | "var(--font-style-heading-3-weight-medium)" | "var(--font-style-heading-3-line-height)" | "var(--font-style-heading-3-letter-spacing)" | "var(--font-style-heading-4-size)" | "var(--font-style-heading-4-weight-semi-bold)" | "var(--font-style-heading-4-weight-medium)" | "var(--font-style-heading-4-line-height)" | "var(--font-style-heading-4-letter-spacing)" | "var(--font-style-heading-5-size)" | "var(--font-style-heading-5-weight-semi-bold)" | "var(--font-style-heading-5-weight-medium)" | "var(--font-style-heading-5-line-height)" | "var(--font-style-heading-5-letter-spacing)" | "var(--font-style-body-1-size)" | "var(--font-style-body-1-weight-semi-bold)" | "var(--font-style-body-1-weight-medium)" | "var(--font-style-body-1-line-height)" | "var(--font-style-body-1-letter-spacing)" | "var(--font-style-body-2-size)" | "var(--font-style-body-2-weight-semi-bold)" | "var(--font-style-body-2-weight-medium)" | "var(--font-style-body-2-line-height)" | "var(--font-style-body-2-letter-spacing)" | "var(--font-style-body-3-size)" | "var(--font-style-body-3-weight-semi-bold)" | "var(--font-style-body-3-weight-medium)" | "var(--font-style-body-3-line-height)" | "var(--font-style-body-3-letter-spacing)" | "var(--font-style-body-4-size)" | "var(--font-style-body-4-weight-semi-bold)" | "var(--font-style-body-4-weight-medium)" | "var(--font-style-body-4-line-height)" | "var(--font-style-body-4-letter-spacing)" | "var(--spacing-0)" | "var(--spacing-1)" | "var(--spacing-2)" | "var(--spacing-4)" | "var(--spacing-6)" | "var(--spacing-8)" | "var(--spacing-10)" | "var(--spacing-12)" | "var(--spacing-14)" | "var(--spacing-16)" | "var(--spacing-20)" | "var(--spacing-24)" | "var(--spacing-32)" | "var(--spacing-40)" | "var(--spacing-48)" | "var(--spacing-56)" | "var(--spacing-64)" | "var(--spacing-80)" | "var(--spacing-96)" | "var(--spacing-112)" | "var(--spacing-128)" | "var(--spacing-144)" | "var(--spacing-160)" | "var(--spacing-256)" | "var(--icon-width-12)" | "var(--icon-width-16)" | "var(--icon-width-20)" | "var(--icon-width-24)" | "var(--icon-width-32)" | "var(--icon-width-40)" | "var(--icon-width-48)" | "var(--icon-width-56)" | "var(--icon-width-64)" | "var(--icon-width-72)" | "var(--icon-height-12)" | "var(--icon-height-16)" | "var(--icon-height-20)" | "var(--icon-height-24)" | "var(--icon-height-32)" | "var(--icon-height-40)" | "var(--icon-height-48)" | "var(--icon-height-56)" | "var(--icon-height-64)" | "var(--icon-height-72)" | "var(--spot-width-32)" | "var(--spot-width-40)" | "var(--spot-width-48)" | "var(--spot-width-56)" | "var(--spot-width-72)" | "var(--spot-height-32)" | "var(--spot-height-40)" | "var(--spot-height-48)" | "var(--spot-height-56)" | "var(--spot-height-72)" | "var(--icon-border-width-12)" | "var(--icon-border-width-16)" | "var(--icon-border-width-20)" | "var(--icon-border-width-24)" | "var(--icon-border-width-32)" | "var(--icon-border-width-40)" | "var(--icon-border-width-48)" | "var(--icon-border-width-56)" | "var(--icon-border-width-64)" | "var(--icon-border-width-72)" | "var(--spinner-border-width-12)" | "var(--spinner-border-width-16)" | "var(--spinner-border-width-20)" | "var(--spinner-border-width-24)" | "var(--spinner-border-width-32)" | "var(--spinner-border-width-40)" | "var(--spinner-border-width-48)" | "var(--spinner-border-width-56)" | "var(--spinner-border-width-64)" | "var(--spinner-border-width-72)" | "var(--size-0)" | "var(--size-1)" | "var(--size-2)" | "var(--size-4)" | "var(--size-6)" | "var(--size-8)" | "var(--size-10)" | "var(--size-12)" | "var(--size-14)" | "var(--size-16)" | "var(--size-20)" | "var(--size-24)" | "var(--size-28)" | "var(--size-32)" | "var(--size-36)" | "var(--size-40)" | "var(--size-44)" | "var(--size-48)" | "var(--size-56)" | "var(--size-64)" | "var(--size-72)" | "var(--size-80)" | "var(--size-96)" | "var(--size-112)" | "var(--size-128)" | "var(--size-144)" | "var(--size-176)" | "var(--size-192)" | "var(--size-208)" | "var(--size-224)" | "var(--size-256)" | "var(--size-288)" | "var(--size-320)" | "var(--size-400)" | "var(--size-480)" | "var(--size-560)" | "var(--border-radius-none)" | "var(--border-radius-xxs)" | "var(--border-radius-xs)" | "var(--border-radius-sm)" | "var(--border-radius-md)" | "var(--border-radius-lg)" | "var(--border-radius-xl)" | "var(--border-radius-2xl)" | "var(--border-radius-full)" | "var(--font-family-font)" | "var(--stroke-1)" | "var(--stroke-2)" | "var(--stroke-4)" | "var(--stroke-05)" | "var(--font-weight-bold)" | "var(--font-weight-semi-bold)" | "var(--font-weight-medium)" | "var(--font-size-6)" | "var(--font-size-8)" | "var(--font-size-10)" | "var(--font-size-12)" | "var(--font-size-14)" | "var(--font-size-16)" | "var(--font-size-18)" | "var(--font-size-20)" | "var(--font-size-22)" | "var(--font-size-24)" | "var(--font-size-28)" | "var(--font-size-32)" | "var(--font-size-36)" | "var(--font-size-40)" | "var(--font-size-48)" | "var(--font-size-52)" | "var(--font-size-64)" | "var(--font-size-80)" | "var(--font-size-112)" | "var(--font-line-height-10)" | "var(--font-line-height-12)" | "var(--font-line-height-14)" | "var(--font-line-height-16)" | "var(--font-line-height-18)" | "var(--font-line-height-20)" | "var(--font-line-height-22)" | "var(--font-line-height-24)" | "var(--font-line-height-28)" | "var(--font-line-height-32)" | "var(--font-line-height-36)" | "var(--font-line-height-40)" | "var(--font-line-height-48)" | "var(--font-line-height-52)" | "var(--font-line-height-64)" | "var(--font-line-height-80)" | "var(--font-line-height-112)" | "var(--font-letter-spacing-10)" | "var(--font-letter-spacing-12)" | "var(--font-letter-spacing-14)" | "var(--font-letter-spacing-16)" | "var(--font-letter-spacing-18)" | "var(--font-letter-spacing-20)" | "var(--font-letter-spacing-22)" | "var(--font-letter-spacing-24)" | "var(--font-letter-spacing-28)" | "var(--font-letter-spacing-32)" | "var(--font-letter-spacing-36)" | "var(--font-letter-spacing-40)" | "var(--font-letter-spacing-48)" | "var(--font-letter-spacing-52)" | "var(--font-letter-spacing-64)" | "var(--font-letter-spacing-80)" | "var(--font-letter-spacing-112)" | "var(--backdrop-blur-sm)" | "var(--backdrop-blur-md)" | "var(--backdrop-blur-lg)" | "var(--backdrop-blur-xl)" | "var(--color-background-canvas)" | "var(--color-background-canvas-muted)" | "var(--color-background-canvas-sheet)" | "var(--color-background-canvas-sheet-transparent)" | "var(--color-background-canvas-overlay)" | "var(--color-background-canvas-overlay-subtle)" | "var(--color-background-canvas-overlay-chart)" | "var(--color-background-white)" | "var(--color-background-grey)" | "var(--color-background-black)" | "var(--color-background-surface)" | "var(--color-background-surface-hover)" | "var(--color-background-surface-pressed)" | "var(--color-background-surface-disabled)" | "var(--color-background-surface-transparent)" | "var(--color-background-surface-transparent-hover)" | "var(--color-background-surface-transparent-pressed)" | "var(--color-background-surface-transparent-disabled)" | "var(--color-background-base)" | "var(--color-background-base-hover)" | "var(--color-background-base-pressed)" | "var(--color-background-base-transparent)" | "var(--color-background-base-transparent-hover)" | "var(--color-background-base-transparent-pressed)" | "var(--color-background-disabled)" | "var(--color-background-disabled-strong)" | "var(--color-background-muted)" | "var(--color-background-muted-hover)" | "var(--color-background-muted-pressed)" | "var(--color-background-muted-transparent)" | "var(--color-background-muted-transparent-hover)" | "var(--color-background-muted-transparent-pressed)" | "var(--color-background-muted-transparent-disabled)" | "var(--color-background-muted-transparent-0)" | "var(--color-background-muted-strong)" | "var(--color-background-muted-strong-hover)" | "var(--color-background-muted-strong-pressed)" | "var(--color-background-accent-ledger-live)" | "var(--color-background-accent-ledger-live-hover)" | "var(--color-background-accent-ledger-live-pressed)" | "var(--color-background-accent-enterprise)" | "var(--color-background-accent-enterprise-hover)" | "var(--color-background-accent-enterprise-pressed)" | "var(--color-background-accent-websites)" | "var(--color-background-accent-websites-hover)" | "var(--color-background-accent-websites-pressed)" | "var(--color-background-interactive)" | "var(--color-background-interactive-hover)" | "var(--color-background-interactive-pressed)" | "var(--color-background-active-ledger-live)" | "var(--color-background-active-ledger-live-hover)" | "var(--color-background-active-ledger-live-pressed)" | "var(--color-background-active-enterprise)" | "var(--color-background-active-enterprise-hover)" | "var(--color-background-active-enterprise-pressed)" | "var(--color-background-active-websites)" | "var(--color-background-active-websites-hover)" | "var(--color-background-active-websites-pressed)" | "var(--color-background-active-subtle-ledger-live)" | "var(--color-background-active-subtle-ledger-live-hover)" | "var(--color-background-active-subtle-ledger-live-pressed)" | "var(--color-background-active-subtle-enterprise)" | "var(--color-background-active-subtle-enterprise-hover)" | "var(--color-background-active-subtle-enterprise-pressed)" | "var(--color-background-active-subtle-website)" | "var(--color-background-active-subtle-website-hover)" | "var(--color-background-active-subtle-website-pressed)" | "var(--color-background-error)" | "var(--color-background-error-hover)" | "var(--color-background-error-pressed)" | "var(--color-background-error-strong)" | "var(--color-background-error-transparent-0)" | "var(--color-background-warning)" | "var(--color-background-warning-strong)" | "var(--color-background-success)" | "var(--color-background-success-strong)" | "var(--color-background-success-transparent-0)" | "var(--color-background-native)" | "var(--color-background-gradient-100)" | "var(--color-background-gradient-80)" | "var(--color-background-gradient-70)" | "var(--color-background-gradient-40)" | "var(--color-background-gradient-30)" | "var(--color-background-gradient-0)" | "var(--color-background-gradient-overlay-80)" | "var(--color-background-gradient-overlay-0)" | "var(--color-text-black)" | "var(--color-text-white)" | "var(--color-text-white-hover)" | "var(--color-text-white-pressed)" | "var(--color-text-grey)" | "var(--color-text-base)" | "var(--color-text-base-hover)" | "var(--color-text-base-pressed)" | "var(--color-text-disabled)" | "var(--color-text-muted)" | "var(--color-text-muted-hover)" | "var(--color-text-muted-pressed)" | "var(--color-text-muted-subtle)" | "var(--color-text-active-ledger-live)" | "var(--color-text-active-enterprise)" | "var(--color-text-active-websites)" | "var(--color-text-interactive-ledger-live)" | "var(--color-text-interactive-ledger-live-hover)" | "var(--color-text-interactive-ledger-live-pressed)" | "var(--color-text-interactive-enterprise)" | "var(--color-text-interactive-enterprise-hover)" | "var(--color-text-interactive-enterprise-pressed)" | "var(--color-text-interactive-websites)" | "var(--color-text-interactive-websites-hover)" | "var(--color-text-interactive-websites-pressed)" | "var(--color-text-error)" | "var(--color-text-warning)" | "var(--color-text-success)" | "var(--color-text-on-accent-ledger-live)" | "var(--color-text-on-accent-enterprise)" | "var(--color-text-on-accent-websites)" | "var(--color-text-on-interactive)" | "var(--color-text-on-error-strong)" | "var(--color-text-on-warning-strong)" | "var(--color-text-on-success-strong)" | "var(--color-text-native)" | "var(--color-border-black)" | "var(--color-border-white)" | "var(--color-border-base)" | "var(--color-border-base-hover)" | "var(--color-border-base-pressed)" | "var(--color-border-base-transparent-0)" | "var(--color-border-base-inverted)" | "var(--color-border-disabled)" | "var(--color-border-muted)" | "var(--color-border-muted-hover)" | "var(--color-border-muted-pressed)" | "var(--color-border-muted-subtle)" | "var(--color-border-muted-subtle-hover)" | "var(--color-border-muted-subtle-pressed)" | "var(--color-border-muted-subtle-transparent)" | "var(--color-border-active-ledger-live)" | "var(--color-border-active-ledger-live-hover)" | "var(--color-border-active-ledger-live-pressed)" | "var(--color-border-active-enterprise)" | "var(--color-border-active-enterprise-hover)" | "var(--color-border-active-enterprise-pressed)" | "var(--color-border-active-websites)" | "var(--color-border-active-websites-hover)" | "var(--color-border-active-websites-pressed)" | "var(--color-border-focus-ledger-live)" | "var(--color-border-focus-enterprise)" | "var(--color-border-focus-websites)" | "var(--color-border-error)" | "var(--color-border-error-hover)" | "var(--color-border-error-pressed)" | "var(--color-border-error-transparent)" | "var(--color-border-warning)" | "var(--color-border-success)" | "var(--color-border-success-transparent)" | "var(--color-border-icon)" | "var(--color-crypto-aion)" | "var(--color-crypto-aion-0)" | "var(--color-crypto-algorand)" | "var(--color-crypto-algorand-0)" | "var(--color-crypto-avax)" | "var(--color-crypto-avax-0)" | "var(--color-crypto-bat)" | "var(--color-crypto-bat-0)" | "var(--color-crypto-bgb)" | "var(--color-crypto-bgb-0)" | "var(--color-crypto-bitcoin)" | "var(--color-crypto-bitcoin-0)" | "var(--color-crypto-bitcoin-cash)" | "var(--color-crypto-bitcoin-cash-0)" | "var(--color-crypto-bitcoin-gold)" | "var(--color-crypto-bitcoin-gold-0)" | "var(--color-crypto-bitcoin-sv)" | "var(--color-crypto-bitcoin-sv-0)" | "var(--color-crypto-binance)" | "var(--color-crypto-binance-0)" | "var(--color-crypto-bytecoin)" | "var(--color-crypto-bytecoin-0)" | "var(--color-crypto-cardano)" | "var(--color-crypto-cardano-0)" | "var(--color-crypto-cosmos)" | "var(--color-crypto-cosmos-0)" | "var(--color-crypto-compound)" | "var(--color-crypto-compound-0)" | "var(--color-crypto-celo)" | "var(--color-crypto-celo-0)" | "var(--color-crypto-celo-2)" | "var(--color-crypto-celo-2-0)" | "var(--color-crypto-chainlink)" | "var(--color-crypto-chainlink-0)" | "var(--color-crypto-cro)" | "var(--color-crypto-cro-0)" | "var(--color-crypto-dash)" | "var(--color-crypto-dash-0)" | "var(--color-crypto-dai)" | "var(--color-crypto-dai-0)" | "var(--color-crypto-decred)" | "var(--color-crypto-decred-0)" | "var(--color-crypto-digibyte)" | "var(--color-crypto-digibyte-0)" | "var(--color-crypto-dogecoin)" | "var(--color-crypto-dogecoin-0)" | "var(--color-crypto-dydx)" | "var(--color-crypto-dydx-0)" | "var(--color-crypto-dym)" | "var(--color-crypto-dym-0)" | "var(--color-crypto-elrond)" | "var(--color-crypto-elrond-0)" | "var(--color-crypto-eng)" | "var(--color-crypto-eng-0)" | "var(--color-crypto-eos)" | "var(--color-crypto-eos-0)" | "var(--color-crypto-ethergem)" | "var(--color-crypto-ethergem-0)" | "var(--color-crypto-ethereum)" | "var(--color-crypto-ethereum-0)" | "var(--color-crypto-ethereum-classic)" | "var(--color-crypto-ethereum-classic-0)" | "var(--color-crypto-flr)" | "var(--color-crypto-flr-0)" | "var(--color-crypto-ftm)" | "var(--color-crypto-ftm-0)" | "var(--color-crypto-hedera)" | "var(--color-crypto-hedera-0)" | "var(--color-crypto-hnt)" | "var(--color-crypto-hnt-0)" | "var(--color-crypto-huobi)" | "var(--color-crypto-huobi-0)" | "var(--color-crypto-iota)" | "var(--color-crypto-iota-0)" | "var(--color-crypto-komodo)" | "var(--color-crypto-komodo-0)" | "var(--color-crypto-leo)" | "var(--color-crypto-leo-0)" | "var(--color-crypto-litecoin)" | "var(--color-crypto-litecoin-0)" | "var(--color-crypto-monero)" | "var(--color-crypto-monero-0)" | "var(--color-crypto-multiverse-x)" | "var(--color-crypto-multiverse-x-0)" | "var(--color-crypto-nano)" | "var(--color-crypto-nano-0)" | "var(--color-crypto-near)" | "var(--color-crypto-near-0)" | "var(--color-crypto-neo)" | "var(--color-crypto-neo-0)" | "var(--color-crypto-nimiq)" | "var(--color-crypto-nimiq-0)" | "var(--color-crypto-omg-network)" | "var(--color-crypto-omg-network-0)" | "var(--color-crypto-okb)" | "var(--color-crypto-okb-0)" | "var(--color-crypto-osmo)" | "var(--color-crypto-osmo-0)" | "var(--color-crypto-peercoin)" | "var(--color-crypto-peercoin-0)" | "var(--color-crypto-pirl)" | "var(--color-crypto-pirl-0)" | "var(--color-crypto-pivx)" | "var(--color-crypto-pivx-0)" | "var(--color-crypto-polkadot)" | "var(--color-crypto-polkadot-0)" | "var(--color-crypto-polygon)" | "var(--color-crypto-polygon-0)" | "var(--color-crypto-qnt)" | "var(--color-crypto-qnt-0)" | "var(--color-crypto-sats)" | "var(--color-crypto-sats-0)" | "var(--color-crypto-stellar)" | "var(--color-crypto-stellar-0)" | "var(--color-crypto-sol)" | "var(--color-crypto-sol-0)" | "var(--color-crypto-tether-usdt)" | "var(--color-crypto-tether-usdt-0)" | "var(--color-crypto-tezos)" | "var(--color-crypto-tezos-0)" | "var(--color-crypto-tkx)" | "var(--color-crypto-tkx-0)" | "var(--color-crypto-tron)" | "var(--color-crypto-tron-0)" | "var(--color-crypto-uniswap)" | "var(--color-crypto-uniswap-0)" | "var(--color-crypto-tusd)" | "var(--color-crypto-tusd-0)" | "var(--color-crypto-usdc)" | "var(--color-crypto-usdc-0)" | "var(--color-crypto-uni)" | "var(--color-crypto-uni-0)" | "var(--color-crypto-waves)" | "var(--color-crypto-waves-0)" | "var(--color-crypto-xrp)" | "var(--color-crypto-xrp-0)" | "var(--color-crypto-xin)" | "var(--color-crypto-xin-0)" | "var(--color-crypto-yieldly)" | "var(--color-crypto-yieldly-0)" | "var(--color-crypto-zcash)" | "var(--color-crypto-zcash-0)" | "var(--color-discover-1inch)" | "var(--color-discover-changelly)" | "var(--color-discover-compound)" | "var(--color-discover-deversifi)" | "var(--color-discover-lido)" | "var(--color-discover-opensea)" | "var(--color-discover-paraswap)" | "var(--color-discover-rarible)" | "var(--color-discover-zerion)" | "var(--color-discover-bitrefill)" | "var(--color-discover-loopipay-blue)" | "var(--color-discover-loopipay-black)" | "var(--color-discover-loopipay-lime)" | "var(--color-discover-simplex)" | "var(--color-discover-baanx)" | "var(--color-discover-mercuryo)" | "var(--color-discover-juno)" | "var(--color-discover-sardine)" | "var(--background-canvas)" | "var(--background-canvas-muted)" | "var(--background-canvas-sheet)" | "var(--background-canvas-sheet-transparent)" | "var(--background-canvas-overlay)" | "var(--background-canvas-overlay-subtle)" | "var(--background-canvas-overlay-chart)" | "var(--background-white)" | "var(--background-grey)" | "var(--background-black)" | "var(--background-surface)" | "var(--background-surface-hover)" | "var(--background-surface-pressed)" | "var(--background-surface-disabled)" | "var(--background-surface-transparent)" | "var(--background-surface-transparent-hover)" | "var(--background-surface-transparent-pressed)" | "var(--background-surface-transparent-disabled)" | "var(--background-base)" | "var(--background-base-hover)" | "var(--background-base-pressed)" | "var(--background-base-transparent)" | "var(--background-base-transparent-hover)" | "var(--background-base-transparent-pressed)" | "var(--background-disabled)" | "var(--background-disabled-strong)" | "var(--background-muted)" | "var(--background-muted-hover)" | "var(--background-muted-pressed)" | "var(--background-muted-transparent-0)" | "var(--background-muted-transparent)" | "var(--background-muted-transparent-hover)" | "var(--background-muted-transparent-pressed)" | "var(--background-muted-transparent-disabled)" | "var(--background-muted-strong)" | "var(--background-muted-strong-hover)" | "var(--background-muted-strong-pressed)" | "var(--background-accent)" | "var(--background-accent-hover)" | "var(--background-accent-pressed)" | "var(--background-interactive)" | "var(--background-interactive-hover)" | "var(--background-interactive-pressed)" | "var(--background-error)" | "var(--background-error-hover)" | "var(--background-error-pressed)" | "var(--background-error-strong)" | "var(--background-error-transparent-0)" | "var(--background-warning)" | "var(--background-warning-strong)" | "var(--background-success)" | "var(--background-success-strong)" | "var(--background-success-transparent-0)" | "var(--background-active)" | "var(--background-active-hover)" | "var(--background-active-pressed)" | "var(--background-active-subtle)" | "var(--background-active-subtle-hover)" | "var(--background-active-subtle-pressed)" | "var(--background-native)" | "var(--background-gradient-100)" | "var(--background-gradient-80)" | "var(--background-gradient-70)" | "var(--background-gradient-40)" | "var(--background-gradient-30)" | "var(--background-gradient-0)" | "var(--background-gradient-overlay-80)" | "var(--background-gradient-overlay-0)" | "var(--text-black)" | "var(--text-white)" | "var(--text-white-hover)" | "var(--text-white-pressed)" | "var(--text-grey)" | "var(--text-base)" | "var(--text-base-hover)" | "var(--text-base-pressed)" | "var(--text-disabled)" | "var(--text-muted)" | "var(--text-muted-hover)" | "var(--text-muted-pressed)" | "var(--text-muted-subtle)" | "var(--text-active)" | "var(--text-interactive)" | "var(--text-interactive-hover)" | "var(--text-interactive-pressed)" | "var(--text-error)" | "var(--text-warning)" | "var(--text-success)" | "var(--text-on-accent)" | "var(--text-on-interactive)" | "var(--text-on-error-strong)" | "var(--text-on-warning-strong)" | "var(--text-on-success-strong)" | "var(--text-native)" | "var(--border-black)" | "var(--border-white)" | "var(--border-disabled)" | "var(--border-base)" | "var(--border-base-hover)" | "var(--border-base-pressed)" | "var(--border-base-transparent-0)" | "var(--border-base-inverted)" | "var(--border-muted)" | "var(--border-muted-hover)" | "var(--border-muted-pressed)" | "var(--border-muted-subtle)" | "var(--border-muted-subtle-hover)" | "var(--border-muted-subtle-pressed)" | "var(--border-muted-subtle-transparent)" | "var(--border-error)" | "var(--border-error-hover)" | "var(--border-error-pressed)" | "var(--border-error-transparent)" | "var(--border-warning)" | "var(--border-success)" | "var(--border-success-transparent)" | "var(--border-active)" | "var(--border-active-hover)" | "var(--border-active-pressed)" | "var(--border-focus)" | "var(--border-icon)" | "var(--border-width)" | "var(--border-width-active)" | "var(--border-width-focus)" | "var(--border-width-stepper)";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,eAAO,MAAM,yBAAyB,4zuBAAgC,CAAC;AACvE,eAAO,MAAM,iBAAiB,4zuBAA4B,CAAC"}

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

@@ -0,0 +1,7 @@
+import { cssVar as r } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const E = 0.25, _ = r("var(--border-muted)"), t = r("var(--stroke-2)");
+export {
+  E as LINE_AREA_GRADIENT_OPACITY,
+  _ as LINE_DEFAULT_STROKE_COLOR,
+  t as LINE_STROKE_WIDTH
+};

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

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

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

@@ -1 +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"}
+{"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,SAAS,EAAE,MAAM,SAAS,CAAC"}