@ledgerhq/lumen-ui-react-visualization 0.1.15 → 0.1.16

package/dist/lib/Components/Point/pointContext/index.d.ts

@@ -0,0 +1,3 @@
+export { useMagneticPointsContext, type MagneticPointsContextValue, } from './magneticPointsContext';
+export { MagneticPointsProvider } from './MagneticPointsProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Point/pointContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Point/pointContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/lib/Components/Point/pointContext/magneticPointsContext.d.ts

@@ -0,0 +1,13 @@
+export type MagneticPointsContextValue = {
+    register: (dataIndex: number) => void;
+    unregister: (dataIndex: number) => void;
+    version: number;
+    getMagneticPoints: () => ReadonlySet<number>;
+};
+declare const MagneticPointsContextProvider: import('react').FC<{
+    children: import('react').ReactNode;
+    value: MagneticPointsContextValue;
+}>;
+export declare const useMagneticPointsContext: () => MagneticPointsContextValue;
+export { MagneticPointsContextProvider };
+//# sourceMappingURL=magneticPointsContext.d.ts.map

package/dist/lib/Components/Point/pointContext/magneticPointsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magneticPointsContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Point/pointContext/magneticPointsContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAO,6BAA6B;;;EAC6B,CAAC;AAElE,eAAO,MAAM,wBAAwB,QAAO,0BAIxC,CAAC;AAEL,OAAO,EAAE,6BAA6B,EAAE,CAAC"}

package/dist/lib/Components/Point/pointContext/magneticPointsContext.js

@@ -0,0 +1,9 @@
+import { createSafeContext as t } from "../../../../libs/utils-shared/dist/index.js";
+const [o, e] = t("MagneticPoints"), i = () => e({
+  consumerName: "useMagneticPointsContext",
+  contextRequired: !0
+});
+export {
+  o as MagneticPointsContextProvider,
+  i as useMagneticPointsContext
+};

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

@@ -67,5 +67,12 @@ export type PointProps = {
      * Called when the point is clicked.
      */
     onClick?: (event: MouseEvent<SVGGElement>) => void;
+    /**
+     * When `true`, the scrubber magnetically snaps to this point within the
+     * chart's `magnetRadius`. Requires `enableScrubbing` to be set on the
+     * parent chart.
+     * @default false
+     */
+    magnetic?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACpD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

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

@@ -1,10 +1,6 @@
 import { DrawingArea } from '../../utils/types';
-export declare const DEFAULT_SIZE = 10;
-export declare const STROKE_WIDTH = 2;
-export declare const ARROW_WIDTH = 6;
-export declare const ARROW_HEIGHT = 4;
-export declare const GAP = 4;
-export declare const LABEL_FONT_SIZE = 10;
+import { BaseAxisProps } from '../Axis';
+import { MagneticPointsContextValue } from './pointContext/magneticPointsContext';
 export declare const isWithinBounds: (px: number, py: number, area: DrawingArea) => boolean;
 /**
  * Builds the three SVG points of the arrow triangle.
@@ -17,6 +13,12 @@ export declare const buildArrowPoints: (cx: number, cy: number, radius: number,
  * Resolves the label prop to a string or undefined.
  */
 export declare const resolveLabel: (label: string | ((dataIndex: number) => string) | undefined, dataX: number) => string | undefined;
+export declare const resolveDataXToIndex: (dataX: number, axisConfig: BaseAxisProps | undefined) => number | undefined;
+/**
+ * Registers/unregisters a data index as a magnetic snap target
+ * when the Point has `magnetic` enabled.
+ */
+export declare const useMagneticRegistration: (magnetic: boolean, dataX: number, getXAxisConfig: () => BaseAxisProps | undefined, { register, unregister }: MagneticPointsContextValue) => void;
 /**
  * Computes the vertical position of the label text baseline.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,GAAG,IAAI,CAAC;AACrB,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,cAAc,GACzB,IAAI,MAAM,EACV,IAAI,MAAM,EACV,MAAM,WAAW,KAChB,OAIyB,CAAC;AAE7B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,IAAI,MAAM,EACV,IAAI,MAAM,EACV,QAAQ,MAAM,EACd,UAAU,KAAK,GAAG,QAAQ,KACzB,MAYF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,EAC3D,OAAO,MAAM,KACZ,MAAM,GAAG,SAGX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,eAAe,KAAK,GAAG,QAAQ,EAC/B,aAAa,OAAO,KACnB,MAMF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Point/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,eAAO,MAAM,cAAc,GACzB,IAAI,MAAM,EACV,IAAI,MAAM,EACV,MAAM,WAAW,KAChB,OAIyB,CAAC;AAE7B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,IAAI,MAAM,EACV,IAAI,MAAM,EACV,QAAQ,MAAM,EACd,UAAU,KAAK,GAAG,QAAQ,KACzB,MAYF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,EAC3D,OAAO,MAAM,KACZ,MAAM,GAAG,SAGX,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,YAAY,aAAa,GAAG,SAAS,KACpC,MAAM,GAAG,SAMX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,UAAU,OAAO,EACjB,OAAO,MAAM,EACb,gBAAgB,MAAM,aAAa,GAAG,SAAS,EAC/C,0BAA0B,0BAA0B,KACnD,IAQF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,eAAe,KAAK,GAAG,QAAQ,EAC/B,aAAa,OAAO,KACnB,MAMF,CAAC"}

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

@@ -1,26 +1,38 @@
-const $ = 10, E = 2, G = 6, H = 4, T = 4, f = 10, I = (t, n, o) => t >= o.x && t <= o.x + o.width && n >= o.y && n <= o.y + o.height, O = (t, n, o, s) => {
-  if (s === "top") {
-    const R = n - o - 4, _ = R - 4;
-    return `${t},${R} ${t - 3},${_} ${t + 3},${_}`;
+import { useEffect as d } from "react";
+import { GAP as i, LABEL_FONT_SIZE as p, ARROW_HEIGHT as f, ARROW_WIDTH as v } from "./constants.js";
+const R = (t, n, o) => t >= o.x && t <= o.x + o.width && n >= o.y && n <= o.y + o.height, W = (t, n, o, r) => {
+  const s = v / 2;
+  if (r === "top") {
+    const c = n - o - i, $ = c - f;
+    return `${t},${c} ${t - s},${$} ${t + s},${$}`;
   }
-  const W = n + o + 4, c = W + 4;
-  return `${t},${W} ${t - 3},${c} ${t + 3},${c}`;
-}, e = (t, n) => {
+  const e = n + o + i, u = e + f;
+  return `${t},${e} ${t - s},${u} ${t + s},${u}`;
+}, b = (t, n) => {
   const o = typeof t == "function" ? t(n) : t;
   return o === "" ? void 0 : o;
-}, h = (t, n, o, s) => {
-  const A = s ? 8 : 4;
-  return o === "top" ? t - n - A - 4 : t + n + A + 4 + 10;
+}, h = (t, n) => {
+  const o = n?.data;
+  if (!o || typeof o[0] != "number") return t;
+  const r = o.indexOf(t);
+  if (r !== -1)
+    return r;
+}, A = (t, n, o, { register: r, unregister: s }) => {
+  d(() => {
+    if (!t) return;
+    const e = h(n, o());
+    if (e !== void 0)
+      return r(e), () => s(e);
+  }, [t, n, o, r, s]);
+}, E = (t, n, o, r) => {
+  const s = r ? f + i : i;
+  return o === "top" ? t - n - s - i : t + n + s + i + p;
 };
 export {
-  H as ARROW_HEIGHT,
-  G as ARROW_WIDTH,
-  $ as DEFAULT_SIZE,
-  T as GAP,
-  f as LABEL_FONT_SIZE,
-  E as STROKE_WIDTH,
-  O as buildArrowPoints,
-  h as computeLabelY,
-  I as isWithinBounds,
-  e as resolveLabel
+  W as buildArrowPoints,
+  E as computeLabelY,
+  R as isWithinBounds,
+  h as resolveDataXToIndex,
+  b as resolveLabel,
+  A as useMagneticRegistration
 };

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

@@ -1,4 +1,4 @@
 export declare const STROKE_WIDTH = 2;
 export declare const DASH_ARRAY = "0.1 6";
-export declare const DEFAULT_STROKE: "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-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(--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(--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(--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-inverted)" | "var(--color-border-disabled)" | "var(--color-border-muted)" | "var(--color-border-muted-hover)" | "var(--color-border-muted-pressed)" | "var(--color-border-muted-transparent-0)" | "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-inverted)" | "var(--border-muted)" | "var(--border-muted-hover)" | "var(--border-muted-pressed)" | "var(--border-muted-transparent-0)" | "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 DEFAULT_STROKE: "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/ReferenceLine/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,cAAc,wsuBAAgC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,cAAc,4zuBAAgC,CAAC"}

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

@@ -1,4 +1,5 @@
-import { AxisConfigProps, ChartScaleFunction, DrawingArea } from '../../utils/types';
+import { ChartScaleFunction, DrawingArea } from '../../utils/types';
+import { BaseAxisProps } from '../Axis';
 import { LabelAlignment, LabelPosition } from './types';
 type LabelCoordinates = {
     x: number;
@@ -11,7 +12,7 @@ type ResolvePixelParams = {
     scale: ChartScaleFunction | undefined;
     axis: 'x' | 'y';
     drawingArea: DrawingArea;
-    axisConfig?: AxisConfigProps;
+    axisConfig?: BaseAxisProps;
 };
 type LabelParams = {
     pixel: number;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7D,KAAK,gBAAgB,GAAG;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC,CAAC;AAuBF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,EACb,MAAM,GAAG,GAAG,GAAG,EACf,aAAa,WAAW,KACvB,OAKF,CAAC;AAqBF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,sDAM1B,kBAAkB,KAAG,MAAM,GAAG,SAehC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,GAAI,wFAQ/C,WAAW,KAAG,gBAKf,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,wFAQ7C,WAAW,KAAG,gBAKf,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ReferenceLine/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7D,KAAK,gBAAgB,GAAG;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC,CAAC;AAuBF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,EACb,MAAM,GAAG,GAAG,GAAG,EACf,aAAa,WAAW,KACvB,OAKF,CAAC;AAqBF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,sDAM1B,kBAAkB,KAAG,MAAM,GAAG,SAehC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,GAAI,wFAQ/C,WAAW,KAAG,gBAKf,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,wFAQ7C,WAAW,KAAG,gBAKf,CAAC"}

package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts

@@ -1,3 +1,3 @@
 import { ScrubberProviderProps } from './types';
-export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, magnetRadius, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ScrubberProvider.d.ts.map

package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAG3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,GACzB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAiLjC"}
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQ3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,EACxB,YAAgB,GACjB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA+NjC"}

package/dist/lib/Components/Scrubber/ScrubberProvider.js

@@ -1,77 +1,102 @@
-import { jsx as D } from "react/jsx-runtime";
-import { useState as w, useRef as y, useCallback as a, useEffect as R, useMemo as T } from "react";
-import { getDataIndexFromPosition as X } from "./utils.js";
-import { useCartesianChartContext as A } from "../CartesianChart/context/cartesianChartContext.js";
-import { ScrubberContextProvider as B } from "./context/scrubberContext.js";
-function N({
-  children: k,
-  svgRef: L,
-  enableScrubbing: o,
-  onScrubberPositionChange: x
+import { jsx as F } from "react/jsx-runtime";
+import { useState as q, useRef as C, useMemo as I, useCallback as s, useEffect as K } from "react";
+import { buildSortedMagnets as j, getDataIndexFromPosition as z, resolvePixelX as H, applyMagnetization as N } from "./utils.js";
+import { useCartesianChartContext as U } from "../CartesianChart/context/cartesianChartContext.js";
+import { useMagneticPointsContext as V } from "../Point/pointContext/magneticPointsContext.js";
+import { ScrubberContextProvider as G } from "./context/scrubberContext.js";
+function _({
+  children: X,
+  svgRef: k,
+  enableScrubbing: r,
+  onScrubberPositionChange: D,
+  magnetRadius: p = 8
 }) {
-  const { getXScale: M, getXAxisConfig: g, dataLength: s } = A(), [m, C] = w(
+  const { getXScale: f, getXAxisConfig: m, dataLength: c } = U(), { getMagneticPoints: y, version: R } = V(), [v, T] = q(
     void 0
-  ), v = y(m);
-  v.current = m;
-  const c = a(
+  ), h = C(v);
+  h.current = v;
+  const x = C(null), l = C(0), w = I(() => {
+    const t = y();
+    return j({
+      magneticIndices: t,
+      getPixelForIndex: (e) => H(e, f, m())
+    });
+  }, [R, y, f, m]), i = s(
     (t) => {
-      const e = t === void 0 ? void 0 : Math.max(0, Math.min(t, s - 1));
-      C(e), x?.(e);
+      const e = t === void 0 ? void 0 : Math.max(0, Math.min(t, c - 1));
+      T(e), D?.(e);
     },
-    [s, x]
-  ), i = a(
+    [c, D]
+  ), A = s(
     (t) => {
-      const e = M();
-      if (!e || !o || s <= 0) return;
-      const n = X(
+      const e = f();
+      if (!e || !r || c <= 0) return;
+      const a = m();
+      let o = z(
         t,
         e,
-        g(),
-        s
+        a,
+        c
       );
-      n !== v.current && c(n);
+      p > 0 && (o = N({
+        resolvedIndex: o,
+        pixelX: t,
+        sortedMagnets: w,
+        magnetRadius: p
+      })), o !== h.current && i(o);
     },
     [
-      o,
-      M,
-      g,
-      s,
-      c
+      r,
+      f,
+      m,
+      c,
+      w,
+      p,
+      i
     ]
-  ), r = a(() => {
-    o && c(void 0);
-  }, [o, c]), h = a(
+  ), u = s(
     (t) => {
-      const n = t.currentTarget.getBoundingClientRect();
-      i(t.clientX - n.left);
+      x.current = t, l.current || (l.current = requestAnimationFrame(() => {
+        l.current = 0;
+        const e = x.current;
+        e !== null && (x.current = null, A(e));
+      }));
     },
-    [i]
-  ), f = a(
+    [A]
+  ), n = s(() => {
+    r && i(void 0);
+  }, [r, i]), E = s(
     (t) => {
-      if (!o || !t.touches.length) return;
-      const e = t.touches[0], u = t.currentTarget.getBoundingClientRect();
-      i(e.clientX - u.left);
+      const a = t.currentTarget.getBoundingClientRect();
+      u(t.clientX - a.left);
     },
-    [o, i]
-  ), l = a(
+    [u]
+  ), g = s(
+    (t) => {
+      if (!r || !t.touches.length) return;
+      const e = t.touches[0], o = t.currentTarget.getBoundingClientRect();
+      u(e.clientX - o.left);
+    },
+    [r, u]
+  ), L = s(
     (t) => {
       if (!t.touches.length) return;
       t.preventDefault();
-      const e = t.touches[0], u = t.currentTarget.getBoundingClientRect();
-      i(e.clientX - u.left);
+      const e = t.touches[0], o = t.currentTarget.getBoundingClientRect();
+      u(e.clientX - o.left);
     },
-    [i]
-  ), E = a(
+    [u]
+  ), M = s(
     (t) => {
-      if (!o || s <= 0) return;
-      const e = s - 1, n = v.current ?? e, u = t.shiftKey ? Math.min(10, Math.max(1, Math.floor(e * 0.1))) : 1;
+      if (!r || c <= 0) return;
+      const e = c - 1, a = h.current ?? e, o = t.shiftKey ? Math.min(10, Math.max(1, Math.floor(e * 0.1))) : 1;
       let d;
       switch (t.key) {
         case "ArrowLeft":
-          t.preventDefault(), d = Math.max(0, n - u);
+          t.preventDefault(), d = Math.max(0, a - o);
           break;
         case "ArrowRight":
-          t.preventDefault(), d = Math.min(e, n + u);
+          t.preventDefault(), d = Math.min(e, a + o);
           break;
         case "Home":
           t.preventDefault(), d = 0;
@@ -85,38 +110,38 @@ function N({
         default:
           return;
       }
-      c(d);
+      i(d);
     },
-    [o, s, c]
-  ), p = a(() => {
-    !o || v.current === void 0 || r();
-  }, [o, r]);
-  R(() => {
-    const t = L.current;
-    if (!(!t || !o))
-      return t.addEventListener("mousemove", h), t.addEventListener("mouseleave", r), t.addEventListener("touchstart", f, { passive: !1 }), t.addEventListener("touchmove", l, { passive: !1 }), t.addEventListener("touchend", r), t.addEventListener("touchcancel", r), t.addEventListener("keydown", E), t.addEventListener("blur", p), () => {
-        t.removeEventListener("mousemove", h), t.removeEventListener("mouseleave", r), t.removeEventListener("touchstart", f), t.removeEventListener("touchmove", l), t.removeEventListener("touchend", r), t.removeEventListener("touchcancel", r), t.removeEventListener("keydown", E), t.removeEventListener("blur", p);
+    [r, c, i]
+  ), P = s(() => {
+    !r || h.current === void 0 || n();
+  }, [r, n]);
+  K(() => {
+    const t = k.current;
+    if (!(!t || !r))
+      return t.addEventListener("mousemove", E), t.addEventListener("mouseleave", n), t.addEventListener("touchstart", g, { passive: !1 }), t.addEventListener("touchmove", L, { passive: !1 }), t.addEventListener("touchend", n), t.addEventListener("touchcancel", n), t.addEventListener("keydown", M), t.addEventListener("blur", P), () => {
+        t.removeEventListener("mousemove", E), t.removeEventListener("mouseleave", n), t.removeEventListener("touchstart", g), t.removeEventListener("touchmove", L), t.removeEventListener("touchend", n), t.removeEventListener("touchcancel", n), t.removeEventListener("keydown", M), t.removeEventListener("blur", P), cancelAnimationFrame(l.current), l.current = 0;
       };
   }, [
-    L,
-    o,
-    h,
+    k,
     r,
-    f,
-    l,
     E,
-    p
+    n,
+    g,
+    L,
+    M,
+    P
   ]);
-  const P = T(
+  const B = I(
     () => ({
-      enableScrubbing: o,
-      scrubberPosition: m,
-      onScrubberPositionChange: c
+      enableScrubbing: r,
+      scrubberPosition: v,
+      onScrubberPositionChange: i
     }),
-    [o, m, c]
+    [r, v, i]
   );
-  return /* @__PURE__ */ D(B, { value: P, children: k });
+  return /* @__PURE__ */ F(G, { value: B, children: X });
 }
 export {
-  N as ScrubberProvider
+  _ as ScrubberProvider
 };

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

@@ -28,6 +28,12 @@ export type ScrubberProviderProps = {
      * Optional external callback fired whenever the scrubber position changes.
      */
     onScrubberPositionChange?: (index: number | undefined) => void;
+    /**
+     * Pixel radius within which the scrubber magnetically snaps to registered
+     * magnetic points. Set to `0` to disable magnetization.
+     * @default 8
+     */
+    magnetRadius?: number;
 };
 /**
  * Valid content for an SVG `<text>` element: a plain string,

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACxC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,MAAM,GACN,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG;IAC9D;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAChE;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,SAAS,CAAC,CAAC;IACzE;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,sBAAsB,CAAC;CACzD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACxC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,MAAM,GACN,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG;IAC9D;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAChE;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,SAAS,CAAC,CAAC;IACzE;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,sBAAsB,CAAC;CACzD,CAAC"}