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

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,GACN,EAAE,SAAS,kDAgFX"}

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

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

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"}

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

@@ -1,3 +1,5 @@
+import { CurveType } from '../../utils/types';
+export type { CurveType };
 export type LineProps = {
     /**
      * The ID of the series to render.
@@ -20,5 +22,11 @@ export type LineProps = {
      * @default 'gradient'
      */
     areaType?: 'gradient';
+    /**
+     * 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;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ChartScaleFunction, DrawingArea, NumericScale } from '../../utils/types';
+import { ChartScaleFunction, CurveType, DrawingArea, NumericScale } from '../../utils/types';
 type Point = [x: number, y: number];
 /**
  * Project series data into scaled [x, y] pixel coordinates, skipping nulls.
@@ -14,10 +14,10 @@ export declare const toScaledPoints: (data: (number | null)[], xScale: ChartScal
 /**
  * Build the SVG `d` attribute for the line stroke.
  */
-export declare const buildLinePath: (points: Point[]) => string | null;
+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) => string | null;
+export declare const buildAreaPath: (points: Point[], drawingArea: DrawingArea, curve?: CurveType) => string | null;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpC;;;;;;;;;GASG;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,KACnC,KAAK,EAAE,GAAG,IAoBZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,MAAM,GAAG,IAOxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,KACvB,MAAM,GAAG,IAUX,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAoBpC;;;;;;;;;GASG;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,KACnC,KAAK,EAAE,GAAG,IAoBZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,QAAQ,SAAS,KAChB,MAAM,GAAG,IAOX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,EACxB,QAAQ,SAAS,KAChB,MAAM,GAAG,IAUX,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE,cAAc,2CA8DhB"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,SAAS,CAAC;AAiFjB,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,OAAe,EACf,UAAsB,EACtB,QAAQ,GACT,EAAE,QAAQ,CAAC,cAAc,CAAC,2CA+E1B"}

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

@@ -1,79 +1,150 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import { useMemo as j } from "react";
-import { defaultYAxisProps as y, DEFAULT_AXIS_HEIGHT as m, defaultXAxisProps as A } from "../Axis/Axis.constants.js";
-import { CartesianChart as E } from "../CartesianChart/CartesianChart.js";
-import { XAxis as H } from "../Axis/XAxis/XAxis.js";
-import { YAxis as T } from "../Axis/YAxis/YAxis.js";
-import { Line as _ } from "../Line/Line.js";
-function k({
-  series: e,
-  showArea: f = !1,
-  areaType: a = "gradient",
-  showXAxis: i = !1,
-  showYAxis: o = !1,
-  xAxis: d,
+import { jsx as i, jsxs as P, Fragment as h } from "react/jsx-runtime";
+import { useMemo as F } from "react";
+import { ChartEmptyLabel as I } from "../CartesianChart/ChartEmptyLabel/ChartEmptyLabel.js";
+import { useShimmerAnimation as M } from "../CartesianChart/hooks/useShimmerAnimation.js";
+import { computeAxisPadding as N, canRenderLine as R, getChartDisplayState as W } from "./utils.js";
+import { defaultXAxisProps as y, defaultYAxisProps as f } from "../Axis/Axis.constants.js";
+import { CartesianChart as q } from "../CartesianChart/CartesianChart.js";
+import { LineChartEmptyState as z } from "./LineChartEmptyState/LineChartEmptyState.js";
+import { XAxis as G } from "../Axis/XAxis/XAxis.js";
+import { YAxis as H } from "../Axis/YAxis/YAxis.js";
+import { Line as J } from "../Line/Line.js";
+const A = ({
+  series: o,
+  showArea: n,
+  areaType: r
+}) => /* @__PURE__ */ i(h, { children: o.map((t) => /* @__PURE__ */ i(
+  J,
+  {
+    seriesId: t.id,
+    stroke: t.stroke,
+    showArea: n,
+    areaType: r
+  },
+  t.id
+)) }), K = ({
+  series: o,
+  showArea: n,
+  areaType: r
+}) => {
+  const { animationStyle: t, keyframe: a } = M();
+  return /* @__PURE__ */ P(h, { children: [
+    /* @__PURE__ */ i("style", { children: a }),
+    /* @__PURE__ */ i("g", { style: { animation: t }, children: /* @__PURE__ */ i(
+      A,
+      {
+        series: o,
+        showArea: n,
+        areaType: r
+      }
+    ) })
+  ] });
+}, O = ({
+  series: o,
+  showArea: n,
+  areaType: r,
+  showXAxis: t,
+  showYAxis: a,
+  xAxisConfig: m,
+  yAxisConfig: s,
+  isTransitionLoading: p,
+  children: c
+}) => /* @__PURE__ */ P(h, { children: [
+  t && /* @__PURE__ */ i(G, { ...m }),
+  a && /* @__PURE__ */ i(H, { ...s }),
+  p ? /* @__PURE__ */ i(
+    K,
+    {
+      series: o,
+      showArea: n,
+      areaType: r
+    }
+  ) : /* @__PURE__ */ i(
+    A,
+    {
+      series: o,
+      showArea: n,
+      areaType: r
+    }
+  ),
+  c
+] });
+function ri({
+  series: o,
+  showArea: n = !1,
+  areaType: r = "gradient",
+  showXAxis: t = !1,
+  showYAxis: a = !1,
+  xAxis: m,
   yAxis: s,
-  width: l = "100%",
-  height: u = 160,
-  inset: x,
-  enableScrubbing: c,
-  onScrubberPositionChange: g,
-  animate: C,
-  magnetRadius: I,
-  children: L
+  width: p = "100%",
+  height: c = 240,
+  inset: S,
+  enableScrubbing: k,
+  onScrubberPositionChange: j,
+  animate: v,
+  magnetRadius: D,
+  loading: g = !1,
+  emptyLabel: u = "No data",
+  children: E
 }) {
-  const r = {
-    ...A,
-    ...d
-  }, t = {
+  const d = {
     ...y,
-    ...s
-  }, P = j(() => {
-    if (!(!i && !o))
-      return {
-        top: i && r.position === "top" ? m : 0,
-        bottom: i && r.position === "bottom" ? m : 0,
-        left: o && t.position === "start" ? t.width : 0,
-        right: o && t.position === "end" ? t.width : 0
-      };
-  }, [
-    i,
-    o,
-    r?.position,
-    t?.position,
-    t?.width
-  ]);
-  return /* @__PURE__ */ b(
-    E,
+    ...m,
+    position: m?.position ?? y.position
+  }, l = {
+    ...f,
+    ...s,
+    position: s?.position ?? f.position,
+    width: s?.width ?? f.width
+  }, C = d.position, L = l.position, x = l.width, T = F(
+    () => N({
+      showXAxis: t,
+      showYAxis: a,
+      xAxisPosition: C,
+      yAxisPosition: L,
+      yAxisWidth: x
+    }),
+    [t, a, C, L, x]
+  ), b = R(o, d.data), { status: e, ariaLabel: B } = W({
+    loading: g,
+    hasData: b,
+    emptyLabel: u
+  });
+  return /* @__PURE__ */ i(
+    q,
     {
-      series: e ?? [],
-      xAxis: r,
-      yAxis: t,
-      width: l,
-      height: u,
-      inset: x,
-      axisPadding: P,
-      enableScrubbing: c,
-      onScrubberPositionChange: g,
-      animate: C,
-      magnetRadius: I,
-      children: [
-        i && /* @__PURE__ */ n(H, { ...r }),
-        o && /* @__PURE__ */ n(T, { ...t }),
-        e?.map((p) => /* @__PURE__ */ n(
-          _,
-          {
-            seriesId: p.id,
-            showArea: f,
-            areaType: a
-          },
-          p.id
-        )),
-        L
-      ]
+      series: o ?? [],
+      xAxis: d,
+      yAxis: l,
+      width: p,
+      height: c,
+      inset: S,
+      axisPadding: T,
+      enableScrubbing: k,
+      onScrubberPositionChange: j,
+      animate: v,
+      magnetRadius: D,
+      ariaLabel: B,
+      ariaBusy: g,
+      overlay: e === "empty" ? /* @__PURE__ */ i(I, { children: u }) : void 0,
+      children: e === "initial-loading" || e === "empty" ? /* @__PURE__ */ i(z, { loading: e === "initial-loading" }) : /* @__PURE__ */ i(
+        O,
+        {
+          series: o ?? [],
+          showArea: n,
+          areaType: r,
+          showXAxis: t,
+          showYAxis: a,
+          xAxisConfig: d,
+          yAxisConfig: l,
+          isTransitionLoading: e === "transition-loading",
+          children: E
+        }
+      )
     }
   );
 }
 export {
-  k as LineChart
+  ri as LineChart
 };