react-native-livechart 1.0.0

package/LICENSE

@@ -0,0 +1,33 @@
+MIT License
+
+Copyright (c) 2026 brandtnew labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+Third-party software
+
+This project includes math utilities adapted from liveline (MIT), Copyright (c)
+Benji Taylor. See: <https://github.com/benjitaylor/liveline>
+
+The React Native chart implementation in this repository (Skia rendering,
+Reanimated engine, Gesture Handler interactions, and component/hook structure)
+is original work, inspired by the design and behavior of liveline; it is not a
+derivative copy of liveline’s source code beyond the attributed math utilities.

package/README.md

@@ -0,0 +1,198 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/brandtnewlabs/react-native-livechart/main/assets/images/logo.png" alt="react-native-livechart" width="84" height="84" />
+</p>
+
+# react-native-livechart
+
+[![npm version](https://img.shields.io/npm/v/react-native-livechart.svg)](https://www.npmjs.com/package/react-native-livechart)
+[![CI](https://github.com/brandtnewlabs/react-native-livechart/actions/workflows/test.yml/badge.svg)](https://github.com/brandtnewlabs/react-native-livechart/actions/workflows/test.yml)
+[![License: MIT](https://img.shields.io/npm/l/react-native-livechart.svg)](https://github.com/brandtnewlabs/react-native-livechart/blob/main/LICENSE)
+[![Docs](https://img.shields.io/badge/docs-online-3323E6.svg)](https://react-native-livechart.brandtnewlabs.com)
+
+High-performance **live** line and candlestick charts for React Native, built on **[@shopify/react-native-skia](https://shopify.github.io/react-native-skia/)**, **[react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/)**, and **[react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/)**. Data and live values flow through Reanimated `SharedValue`s, so the UI thread animates without per-frame JS bridge traffic.
+
+📖 **[Documentation →](https://react-native-livechart.brandtnewlabs.com)**
+
+<!-- TODO(hero): replace this comment with a demo GIF/screenshot, e.g.:
+     <p align="center"><img src="https://raw.githubusercontent.com/brandtnewlabs/react-native-livechart/main/assets/images/demo.gif" alt="react-native-livechart demo" width="320" /></p>
+     Capture from the Expo example app (npm start). -->
+
+> The design, feature set, and API shape are **conceptually inspired by [liveline](https://github.com/benjitaylor/liveline)** — Benji Taylor's real-time canvas chart for React — reimagined for React Native. This is **not** a fork; see [Acknowledgments](#acknowledgments).
+
+## Features
+
+- 📈 **Line & candlestick** modes (with line/candle morph) in a single component
+- 🧬 **Multi-series** charts with a toggleable legend and per-series live dots
+- 🔍 **Scrubbing** with a crosshair and worklet-friendly `onScrub` payloads
+- ⚡ **Momentum** detection and **degen** effects (particle bursts + shake on big swings)
+- 🏷️ **Trade markers** driven by a `SharedValue` trade stream
+- 🎨 **Theming** with light/dark modes and an accent-driven palette
+- ⏳ **Loading** (breathing-line shell) and **paused** states out of the box
+- 🧵 **SharedValue-driven** rendering — history and live values stay on the UI thread
+
+## Install
+
+```bash
+npm install react-native-livechart
+```
+
+### Peer dependencies
+
+Install the library's **peer dependencies** in your app (versions should match your React Native / Expo SDK):
+
+| Peer                           | Role                                |
+| ------------------------------ | ----------------------------------- |
+| `react`                        | UI                                  |
+| `react-native`                 | Host                                |
+| `@shopify/react-native-skia`   | Canvas rendering                    |
+| `react-native-reanimated`      | Shared values, animations, worklets |
+| `react-native-worklets`        | Required by Reanimated 4+           |
+| `react-native-gesture-handler` | Pan / scrub gestures                |
+
+Follow the Skia, Reanimated, and Gesture Handler install docs for your toolchain (Babel plugin, `GestureHandlerRootView`, etc.).
+
+### Babel (required)
+
+The package ships **TypeScript source**; your app's bundler compiles it with the same stack as a typical **Expo / Reanimated 4** project. In practice that means:
+
+- **`babel-preset-expo`** (or an equivalent that includes Reanimated's Babel plugin), and
+- **`react-native-worklets/plugin`** — keep it **last** in the `plugins` array, matching this repo's root [`babel.config.js`](https://github.com/brandtnewlabs/react-native-livechart/blob/main/babel.config.js).
+
+If you omit Worklets or reorder plugins, worklets in the chart may fail at build or runtime.
+
+### Metro / `package.json` exports
+
+From **Expo SDK 53+**, Metro resolves `import` using `package.json` **`exports`**, including the **`react-native`** condition (see [Expo Metro: ES Module resolution](https://docs.expo.dev/versions/latest/config/metro/#es-module-resolution)). This library's runtime entry is **`src/index.ts`** under that condition. If you disabled package exports (`unstable_enablePackageExports: false`), align your resolver or re-enable exports so resolution matches the published map.
+
+## Quick start
+
+```tsx
+import { useEffect } from "react";
+import { View } from "react-native";
+import { useSharedValue } from "react-native-reanimated";
+import { LiveChart, type LiveChartPoint } from "react-native-livechart";
+
+function LivePrice() {
+  const data = useSharedValue<LiveChartPoint[]>([]);
+  const value = useSharedValue(100);
+
+  useEffect(() => {
+    const id = setInterval(() => {
+      const next = value.get() + (Math.random() - 0.5) * 2;
+      // Reanimated 4: append in place on the UI thread + set the scalar — never `data.value = ...`
+      data.modify((arr) => {
+        "worklet";
+        arr.push({ time: Date.now() / 1000, value: next });
+        if (arr.length > 600) arr.shift();
+        return arr;
+      });
+      value.set(next);
+    }, 100);
+    return () => clearInterval(id);
+  }, [data, value]);
+
+  return (
+    <View style={{ height: 240 }}>
+      <LiveChart data={data} value={value} accentColor="#3323E6" />
+    </View>
+  );
+}
+```
+
+Candlestick mode is a prop away:
+
+```tsx
+<LiveChart data={data} value={value} mode="candle" />
+```
+
+Multi-series with a legend:
+
+```tsx
+import { LiveChartSeries, type SeriesConfig } from "react-native-livechart";
+
+const series = useSharedValue<SeriesConfig[]>([
+  { id: "btc", label: "BTC", color: "#f7931a", data: [], value: 0 },
+  { id: "eth", label: "ETH", color: "#627eea", data: [], value: 0 },
+]);
+
+<LiveChartSeries series={series} legend dot />;
+```
+
+## API overview
+
+The tables below are a **highlight** — the **canonical, full reference is the TypeScript types and JSDoc** shipped in the source (your editor surfaces them on hover and autocomplete).
+
+### `LiveChart` (single series)
+
+| Prop                                     | Description                                                         |
+| ---------------------------------------- | ------------------------------------------------------------------- |
+| `data`                                   | `SharedValue<LiveChartPoint[]>` — history                           |
+| `value`                                  | `SharedValue<number>` — live value for interpolation                |
+| `theme`                                  | `"light"` or `"dark"`                                               |
+| `accentColor`                            | Primary accent; palette is derived from it                          |
+| `timeWindow`                             | Visible window in seconds (default `30`)                            |
+| `paused`                                 | Freeze scrolling                                                    |
+| `loading`                                | Breathing-line shell until data is ready                            |
+| `mode`                                   | `"line"` (default) or `"candle"`                                    |
+| `candles` / `liveCandle` / `candleWidth` | Candlestick mode                                                    |
+| `tradeStream`                            | `SharedValue<TradeEvent[]>` for trade markers                       |
+| `degen`                                  | Particle burst + shake on momentum swings                           |
+| `scrub`                                  | Crosshair scrubbing                                                 |
+| `momentum`                               | `true` / `false` / `"up"`, `"down"`, or `"flat"` / `MomentumConfig` |
+| `onScrub`                                | Callback: `ScrubPoint` or `null`                                    |
+
+### `LiveChartSeries` (multi-series)
+
+| Prop             | Description                                 |
+| ---------------- | ------------------------------------------- |
+| `series`         | `SharedValue<SeriesConfig[]>`               |
+| `legend`         | Toggle chips / compact legend               |
+| `dot`            | Per-series live dots, pulse, value lines    |
+| `onSeriesToggle` | Chip tap                                    |
+| `onScrub`        | Worklet-friendly multi-series scrub payload |
+
+These tables are a **highlight, not the full surface** (`LiveChart` alone has ~48 props). Other shared props include `font`, `insets`, `smoothing`, `xAxis`, `yAxis`, `referenceLines`, `gridStyle`, `palette`, `markers`, `leftEdgeFade`, `line`, `formatValue`, `formatTime`, and `emptyText`; single-series adds `gradient`, `badge`, `pulse`, `valueLine`, and `showValue`. See the TypeScript types and JSDoc for the complete, canonical reference.
+
+## Examples (Expo app in this repo)
+
+Run the example from the repository root:
+
+```bash
+npm install
+npm start
+```
+
+The example app bundles the library from **`src/`**; Metro's [`watchFolders`](https://github.com/brandtnewlabs/react-native-livechart/blob/main/metro.config.js) include the package so Fast Refresh sees edits without a separate library bundler. Optionally run **`npm run build:lib:types:watch`** if you want **`dist/*.d.ts`** regenerated continuously for editor/tsconfig consumers.
+
+Screens demonstrate candlestick mode, multi-series, scrub, momentum tuning, degen mode, loading / paused states, and more.
+
+## How it works
+
+- **Skia** draws grid, line, candles, badges, and overlays on the GPU.
+- **Reanimated** owns timeline layout, smoothing, and scrub state; hooks feed a small engine API on the UI thread.
+- **Gesture Handler** drives scrubbing and chart interactions.
+
+A frame-callback engine (`useFrameCallback`) runs a pure tick function on the UI thread each frame, updating display range, time window, and smoothed values, then writing results to `SharedValue`s. Path builders and overlays read those `SharedValue`s inside `useDerivedValue`, so React re-renders stay minimal.
+
+## Contributing
+
+Contributions are welcome — see [CONTRIBUTING.md](https://github.com/brandtnewlabs/react-native-livechart/blob/main/CONTRIBUTING.md) for the dev setup, the `npm run verify` gate, and the worklets-plugin rule. By participating you agree to the [Code of Conduct](https://github.com/brandtnewlabs/react-native-livechart/blob/main/CODE_OF_CONDUCT.md).
+
+## Acknowledgments
+
+**[liveline](https://github.com/benjitaylor/liveline)** by **Benji Taylor** (MIT) is the **primary inspiration** for this project: live updating charts, line and candlestick modes (including line/candle morph ideas), multi-series behavior, momentum and degen effects, scrubbing, loading and paused states, theme plus accent-driven palettes, and the overall prop vocabulary — even though names differ here (for example `accentColor` vs `color`, `timeWindow` vs `window`, and `SharedValue` streams instead of React state).
+
+This package is a **React Native reimplementation** using **Skia**, **Reanimated**, and **Gesture Handler**. It is **not** the web canvas component ported line-for-line. The codebase **diverged** over time toward more hooks, layout options, and customizability for mobile.
+
+**Third-party / adapted code:** math utilities used for chart geometry and smoothing (including Fritsch–Carlson monotone spline tangents, momentum detection, range/lerp helpers, and related pieces) are **adapted from liveline** under the MIT license. See the [LICENSE](https://github.com/brandtnewlabs/react-native-livechart/blob/main/LICENSE) file for the formal notice.
+
+### Compared to liveline
+
+- **Rendering:** liveline uses a DOM `<canvas>` and `requestAnimationFrame`; this library uses **Skia** on the UI thread.
+- **Data flow:** liveline takes plain `data` / `value` props; here history and live values are **`SharedValue`s** so worklets avoid per-frame JS bridge work.
+- **Input:** scrubbing uses **pan gestures** instead of canvas hover.
+- **Scope:** liveline includes features this repo does not (for example **orderbook** visualization and built-in time-window controls); this repo adds **React Native–specific** pieces (for example trade markers via `tradeStream`) and a more decomposed hook API.
+
+## License
+
+MIT — see [LICENSE](https://github.com/brandtnewlabs/react-native-livechart/blob/main/LICENSE).

package/dist/components/AnimatedLabel.d.ts

@@ -0,0 +1,21 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import { type SharedValue } from "react-native-reanimated";
+interface LabelEntry {
+    x: number;
+    y: number;
+    label: string;
+    alpha: number;
+}
+/**
+ * A single pre-allocated text label driven by a shared value array.
+ * Reads the entry at `index` — positioned off-screen when the index
+ * exceeds the array length.
+ */
+export declare function AnimatedLabel({ entries, index, font, color, }: {
+    entries: SharedValue<LabelEntry[]>;
+    index: number;
+    font: SkFont;
+    color: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnimatedLabel.d.ts.map

package/dist/components/AnimatedLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedLabel.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,MAAM,EACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE5E,UAAU,UAAU;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,GACN,EAAE;IACD,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,2CAWA"}

package/dist/components/BadgeOverlay.d.ts

@@ -0,0 +1,16 @@
+import { type SkFont, type SkPath } from "@shopify/react-native-skia";
+import { type SharedValue } from "react-native-reanimated";
+interface BadgeData {
+    path: SkPath;
+    textX: number;
+    textY: number;
+    text: string;
+    bgColor: string;
+    textColor: string;
+}
+export declare function BadgeOverlay({ badge, font, }: {
+    badge: SharedValue<BadgeData>;
+    font: SkFont;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BadgeOverlay.d.ts.map

package/dist/components/BadgeOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeOverlay.d.ts","sourceRoot":"","sources":["../../src/components/BadgeOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,MAAM,EACX,KAAK,MAAM,EACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE5E,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,GACL,EAAE;IACD,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,2CAcA"}

package/dist/components/CrosshairLine.d.ts

@@ -0,0 +1,20 @@
+import { type SharedValue } from "react-native-reanimated";
+import { type ChartPadding } from "../draw/line";
+import type { LiveChartPalette } from "../types";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+/**
+ * Crosshair vertical line + dim region to the right. No tooltip pill —
+ * multi-series delivers scrub data via `onScrub` / `onScrubWorklet` callbacks.
+ */
+export declare function CrosshairLine({ scrubX, crosshairOpacity, engine, padding, palette, dimOpacity, crosshairLineColor, crosshairDimColor, }: {
+    scrubX: SharedValue<number>;
+    crosshairOpacity: SharedValue<number>;
+    engine: ChartEngineLayout;
+    padding: ChartPadding;
+    palette: LiveChartPalette;
+    /** Opacity of content right of the crosshair (dstOut fade). Default 0.3. */
+    dimOpacity?: number;
+    crosshairLineColor?: string;
+    crosshairDimColor?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CrosshairLine.d.ts.map

package/dist/components/CrosshairLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrosshairLine.d.ts","sourceRoot":"","sources":["../../src/components/CrosshairLine.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,EAAE;IACD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,2CA4DA"}

package/dist/components/CrosshairOverlay.d.ts

@@ -0,0 +1,29 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import type { ReactNode } from "react";
+import { type SharedValue } from "react-native-reanimated";
+import { type ChartPadding } from "../draw/line";
+import { type TooltipLayout } from "../hooks/crosshairShared";
+import type { LiveChartPalette } from "../types";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+export declare function CrosshairOverlay({ scrubX, crosshairOpacity, tooltipLayout, engine, padding, palette, font, showTooltip, children, dimOpacity, crosshairLineColor, crosshairDimColor, tooltipBackground, tooltipColor, tooltipBorderColor, }: {
+    scrubX: SharedValue<number>;
+    crosshairOpacity: SharedValue<number>;
+    tooltipLayout: SharedValue<TooltipLayout>;
+    engine: ChartEngineLayout;
+    padding: ChartPadding;
+    palette: LiveChartPalette;
+    font: SkFont;
+    showTooltip?: boolean;
+    /** Optional custom tooltip body rendered in place of the default value/time
+     *  text (e.g. the multi-line candle stack). Passed as children so it composes
+     *  instead of being threaded through as a JSX-valued prop. */
+    children?: ReactNode;
+    /** Opacity of content right of the crosshair (dstOut fade). Default 0.3. */
+    dimOpacity?: number;
+    crosshairLineColor?: string;
+    crosshairDimColor?: string;
+    tooltipBackground?: string;
+    tooltipColor?: string;
+    tooltipBorderColor?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CrosshairOverlay.d.ts.map

package/dist/components/CrosshairOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrosshairOverlay.d.ts","sourceRoot":"","sources":["../../src/components/CrosshairOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,MAAM,EACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAIpE,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAI,EACJ,WAAkB,EAClB,QAAQ,EACR,UAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;kEAE8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,2CAoHA"}

package/dist/components/DegenParticlesOverlay.d.ts

@@ -0,0 +1,16 @@
+import { type SharedValue } from "react-native-reanimated";
+import type { LiveChartPalette } from "../types";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+type DegenPack = SharedValue<Float64Array<ArrayBuffer>>;
+export declare function DegenParticlesOverlay({ pack, packRevision, engine, palette, particleSlotCount, particleBurstDurationSec, particleOpacity, colors, }: {
+    pack: DegenPack;
+    packRevision: SharedValue<number>;
+    engine: ChartEngineLayout;
+    palette: LiveChartPalette;
+    particleSlotCount: number;
+    particleBurstDurationSec: number;
+    particleOpacity: number;
+    colors: string[] | null;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DegenParticlesOverlay.d.ts.map

package/dist/components/DegenParticlesOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DegenParticlesOverlay.d.ts","sourceRoot":"","sources":["../../src/components/DegenParticlesOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC;AA0FxD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,MAAM,GACP,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wBAAwB,EAAE,MAAM,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CACzB,2CA0BA"}

package/dist/components/DotOverlay.d.ts

@@ -0,0 +1,17 @@
+import { type SharedValue } from "react-native-reanimated";
+import type { ResolvedPulseConfig } from "../core/resolveConfig";
+import type { LiveChartPalette } from "../types";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+/**
+ * Live dot + expanding pulse ring. Peak ring size uses `pulse.maxRadius` and
+ * `pulse.strokeWidth`; chart padding reserves the same outer extent via
+ * `pulseRadialOutset` in `draw/line.ts` (see `resolveChartLayout`).
+ */
+export declare function DotOverlay({ dotX, dotY, palette, engine, pulse, }: {
+    dotX: SharedValue<number>;
+    dotY: SharedValue<number>;
+    palette: LiveChartPalette;
+    engine: ChartEngineLayout;
+    pulse: ResolvedPulseConfig | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DotOverlay.d.ts.map

package/dist/components/DotOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotOverlay.d.ts","sourceRoot":"","sources":["../../src/components/DotOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAMpE;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,GACN,EAAE;IACD,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACnC,2CAyCA"}

package/dist/components/LeftEdgeFade.d.ts

@@ -0,0 +1,9 @@
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+export declare function LeftEdgeFade({ paddingLeft, fadeWidth, startColor, endColor, engine, }: {
+    paddingLeft: number;
+    fadeWidth: number;
+    startColor: string;
+    endColor: string;
+    engine: ChartEngineLayout;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LeftEdgeFade.d.ts.map

package/dist/components/LeftEdgeFade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftEdgeFade.d.ts","sourceRoot":"","sources":["../../src/components/LeftEdgeFade.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,2CAkBA"}

package/dist/components/LiveChart.d.ts

@@ -0,0 +1,3 @@
+import type { LiveChartProps } from "../types";
+export declare function LiveChart(props: LiveChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LiveChart.d.ts.map

package/dist/components/LiveChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveChart.d.ts","sourceRoot":"","sources":["../../src/components/LiveChart.tsx"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,UAAU,CAAC;AAwsBnE,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA4C9C"}

package/dist/components/LiveChartSeries.d.ts

@@ -0,0 +1,3 @@
+import type { LiveChartSeriesProps } from "../types";
+export declare function LiveChartSeries(props: LiveChartSeriesProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LiveChartSeries.d.ts.map

package/dist/components/LiveChartSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveChartSeries.d.ts","sourceRoot":"","sources":["../../src/components/LiveChartSeries.tsx"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,oBAAoB,EAAwB,MAAM,UAAU,CAAC;AAud3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA4E1D"}

package/dist/components/LiveChartTransition.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+import { type ViewStyle } from "react-native";
+export interface LiveChartTransitionProps {
+    /** Key of the active child to show. Must match a child's `key`. */
+    active: string;
+    /** Chart elements, each with a unique `key`. */
+    children: ReactNode;
+    /** Cross-fade duration in ms. Default `300`. */
+    duration?: number;
+    /**
+     * Keep every child mounted for the lifetime of the transition (only the
+     * opacity animates). Each chart's engine then settles its y-range once, up
+     * front, so switching is a pure cross-fade with no reveal/range re-animation.
+     * Costs more (all engines run continuously). Default `false` (mount the
+     * active child + unmount the outgoing one after the fade).
+     */
+    keepMounted?: boolean;
+    /** Container style. */
+    style?: ViewStyle;
+}
+/**
+ * Cross-fades between chart instances by `key` (e.g. line ↔ candle). Mounts the
+ * active child plus any outgoing child still fading out; unmounts the outgoing
+ * child once the fade completes. RN/Reanimated analogue of liveline's
+ * `LivelineTransition`.
+ */
+export declare function LiveChartTransition({ active, children, duration, keepMounted, style, }: LiveChartTransitionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LiveChartTransition.d.ts.map

package/dist/components/LiveChartTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveChartTransition.d.ts","sourceRoot":"","sources":["../../src/components/LiveChartTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AACf,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOhE,MAAM,WAAW,wBAAwB;IACvC,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAgDD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,QAAc,EACd,WAAmB,EACnB,KAAK,GACN,EAAE,wBAAwB,2CAsC1B"}

package/dist/components/LoadingOverlay.d.ts

@@ -0,0 +1,24 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import { type SharedValue } from "react-native-reanimated";
+import { type ChartPadding } from "../draw/line";
+import type { LiveChartPalette } from "../types";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+export declare function LoadingOverlay({ engine, padding, palette, font, morphT, isLoading, isEmpty, emptyText, strokeWidth, badge, badgeTail, }: {
+    engine: ChartEngineLayout;
+    padding: ChartPadding;
+    palette: LiveChartPalette;
+    font: SkFont;
+    morphT: SharedValue<number>;
+    isLoading: SharedValue<boolean>;
+    /** Derived or shared; only `.value` is read on the UI thread. */
+    isEmpty: SharedValue<boolean> | {
+        value: boolean;
+    };
+    emptyText: string;
+    strokeWidth: number;
+    /** Mirror the badge prop so labels align with GridOverlay's label positions. */
+    badge?: boolean;
+    /** Whether the badge tail spike is shown; affects the left inset used for skeleton alignment. */
+    badgeTail?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

package/dist/components/LoadingOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/components/LoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,MAAM,EAEZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO5E,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAkBpE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAa,EACb,SAAgB,GACjB,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,iEAAiE;IACjE,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAkOA"}

package/dist/components/MarkerOverlay.d.ts

@@ -0,0 +1,25 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import { type SharedValue } from "react-native-reanimated";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+import type { ChartPadding } from "../draw/line";
+import type { LiveChartPalette, LiveChartPoint, Marker, SeriesConfig } from "../types";
+/**
+ * Renders the `markers` SharedValue as canvas glyphs. Marker metadata is
+ * mirrored into React state when it changes; each glyph projects its own
+ * position every frame (keyed by id), so adding/removing markers never makes a
+ * surviving glyph flash another marker's position.
+ *
+ * Glyph precedence per marker: `image` → `icon` (text) → built-in `kind` shape.
+ */
+export declare function MarkerOverlay({ markers, engine, padding, palette, font, series, lineData, }: {
+    markers: SharedValue<Marker[]>;
+    engine: ChartEngineLayout;
+    padding: ChartPadding;
+    palette: LiveChartPalette;
+    font: SkFont;
+    /** Multi-series data, used to anchor markers by `seriesId`. */
+    series?: SharedValue<SeriesConfig[]>;
+    /** Single-series line data; anchors markers that omit `value`. */
+    lineData?: SharedValue<LiveChartPoint[]>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarkerOverlay.d.ts.map

package/dist/components/MarkerOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerOverlay.d.ts","sourceRoot":"","sources":["../../src/components/MarkerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,MAAM,EAEZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,MAAM,EAEN,YAAY,EACb,MAAM,UAAU,CAAC;AAyOlB;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,CAAC,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC;IACrC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC;CAC1C,2CA6CA"}

package/dist/components/MultiSeriesDots.d.ts

@@ -0,0 +1,11 @@
+import type { ChartPadding } from "../draw/line";
+import type { ResolvedPulseConfig } from "../core/resolveConfig";
+import type { MultiEngineState } from "../core/useLiveChartEngine";
+export declare function MultiSeriesDots({ engine, padding, colors, radius, pulse, }: {
+    engine: MultiEngineState;
+    padding: ChartPadding;
+    colors: string[];
+    radius: number;
+    pulse: ResolvedPulseConfig | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSeriesDots.d.ts.map

package/dist/components/MultiSeriesDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSeriesDots.d.ts","sourceRoot":"","sources":["../../src/components/MultiSeriesDots.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAkFnE,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,GACN,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACnC,2CAgBA"}

package/dist/components/MultiSeriesStroke.d.ts

@@ -0,0 +1,14 @@
+import { Skia } from "@shopify/react-native-skia";
+import { type SharedValue } from "react-native-reanimated";
+import type { SeriesLineStyle } from "../core/multiSeriesLayout";
+import type { SeriesConfig } from "../types";
+export declare function MultiSeriesStroke({ index, paths, opacities, series, strokeWidth, lineStyle, }: {
+    index: number;
+    paths: SharedValue<ReturnType<typeof Skia.Path.Make>[]>;
+    opacities: SharedValue<number[]>;
+    series: SharedValue<SeriesConfig[]>;
+    strokeWidth: number;
+    /** Per-series static stroke style (dash / width / glow). */
+    lineStyle?: SeriesLineStyle;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSeriesStroke.d.ts.map

package/dist/components/MultiSeriesStroke.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSeriesStroke.d.ts","sourceRoot":"","sources":["../../src/components/MultiSeriesStroke.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,WAAW,EACX,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACxD,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACjC,MAAM,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,2CAwDA"}

package/dist/components/MultiSeriesTooltipStack.d.ts

@@ -0,0 +1,10 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import { type SharedValue } from "react-native-reanimated";
+import type { TooltipLayout } from "../hooks/crosshairShared";
+import type { LiveChartPalette } from "../types";
+export declare function MultiSeriesTooltipStack({ tooltipLayout, font, palette, }: {
+    tooltipLayout: SharedValue<TooltipLayout>;
+    font: SkFont;
+    palette: LiveChartPalette;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSeriesTooltipStack.d.ts.map

package/dist/components/MultiSeriesTooltipStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSeriesTooltipStack.d.ts","sourceRoot":"","sources":["../../src/components/MultiSeriesTooltipStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,MAAM,EACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA+CjD,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,IAAI,EACJ,OAAO,GACR,EAAE;IACD,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,gBAAgB,CAAC;CAC3B,2CAcA"}

package/dist/components/MultiSeriesValueLabels.d.ts

@@ -0,0 +1,11 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import type { ChartPadding } from "../draw/line";
+import type { MultiEngineState } from "../core/useLiveChartEngine";
+export declare function MultiSeriesValueLabels({ engine, padding, colors, font, dotRadius, }: {
+    engine: MultiEngineState;
+    padding: ChartPadding;
+    colors: string[];
+    font: SkFont;
+    dotRadius: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSeriesValueLabels.d.ts.map

package/dist/components/MultiSeriesValueLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSeriesValueLabels.d.ts","sourceRoot":"","sources":["../../src/components/MultiSeriesValueLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,MAAM,EACZ,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAiEnE,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,GACV,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB,2CAgBA"}

package/dist/components/MultiSeriesValueLines.d.ts

@@ -0,0 +1,10 @@
+import type { ChartPadding } from "../draw/line";
+import type { ResolvedValueLineConfig } from "../core/resolveConfig";
+import type { MultiEngineState } from "../core/useLiveChartEngine";
+export declare function MultiSeriesValueLines({ engine, padding, colors, config, }: {
+    engine: MultiEngineState;
+    padding: ChartPadding;
+    colors: string[];
+    config: ResolvedValueLineConfig;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSeriesValueLines.d.ts.map

package/dist/components/MultiSeriesValueLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSeriesValueLines.d.ts","sourceRoot":"","sources":["../../src/components/MultiSeriesValueLines.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AA4EnE,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,GACP,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,uBAAuB,CAAC;CACjC,2CAeA"}

package/dist/components/ReferenceLineOverlay.d.ts

@@ -0,0 +1,19 @@
+import { type SkFont } from "@shopify/react-native-skia";
+import type { ChartEngineLayout } from "../core/useLiveChartEngine";
+import type { ChartPadding } from "../draw/line";
+import type { LiveChartPalette, ReferenceLine } from "../types";
+/**
+ * Renders one reference line or band into the chart canvas. Handles all three
+ * `ReferenceLine` forms (horizontal line, horizontal value band, vertical time
+ * band) plus the off-axis badge for an off-screen Form-A value. Self-contained
+ * so callers can `.map()` over a variable-length `referenceLines` array.
+ */
+export declare function ReferenceLineOverlay({ engine, padding, line, palette, formatValue, font, }: {
+    engine: ChartEngineLayout;
+    padding: ChartPadding;
+    line: ReferenceLine;
+    palette: LiveChartPalette;
+    formatValue: (v: number) => string;
+    font: SkFont;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReferenceLineOverlay.d.ts.map