react-native-financial-charts 1.0.0

package/lib/module/components/ChartBaseline.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { useDerivedValue, withSpring } from 'react-native-reanimated';
+import { useChart } from "../ChartContext.js";
+import { useMemo } from 'react';
+import { Circle, DashPathEffect, Group, matchFont, Path, RoundedRect, Skia, Text as SkiaText } from '@shopify/react-native-skia';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Draws the dotted line at the starting value (profit line)
+ */
+const ChartBaseline = ({
+  color = '#858CA2',
+  showLabel = true
+}) => {
+  const {
+    width,
+    padding,
+    baselineY,
+    originalData,
+    isActive
+  } = useChart();
+
+  // Animation: Devired values automatically update when their dependencies change.
+  // Here, is isActive become true, opacity sprints to 0.
+  const labelOpacity = useDerivedValue(() => {
+    return withSpring(isActive.value ? 0 : 1);
+  }, [isActive]);
+
+  // Font Manager: Skia needs to load a font file to draw text.
+  // matchFont tries to find a system font that matches these specs.
+  const font = useMemo(() => matchFont({
+    fontFamily: 'Arial',
+    fontSize: 10,
+    fontWeight: 'bold'
+  }), []);
+  const labelText = useMemo(() => {
+    if (!originalData.length) return '';
+    const val = originalData[0]?.value || 0;
+    return new Intl.NumberFormat('pt-BR', {
+      style: 'currency',
+      currency: 'BRL',
+      notation: 'compact',
+      maximumFractionDigits: 1
+    }).format(val);
+  }, [originalData]);
+
+  // Geomatry Calculation: Positioning the label chip.
+  const chipGeometry = useMemo(() => {
+    if (!font || !labelText) return null;
+    const textWidth = font.getTextWidth(labelText);
+    const fontMetrics = font.getMetrics();
+    const textHeight = fontMetrics.descent - fontMetrics.ascent;
+    const hPadding = 8;
+    const vPadding = 4;
+    const chipHeight = textHeight + vPadding * 2;
+    const chipWidth = textWidth + hPadding * 2;
+    const chipRadius = 8;
+    const chipX = padding;
+    const chipY = baselineY - chipHeight / 2;
+    const textX = chipX + hPadding;
+    const textY = chipY + vPadding - fontMetrics.ascent;
+    return {
+      rect: {
+        x: chipX,
+        y: chipY,
+        width: chipWidth,
+        height: chipHeight,
+        r: chipRadius
+      },
+      textPos: {
+        x: textX,
+        y: textY
+      }
+    };
+  }, [font, labelText, padding, baselineY]);
+
+  // Create simple horizontal line path
+  const path = useMemo(() => {
+    const p = Skia.Path.Make();
+    if (Number.isFinite(baselineY) && baselineY > 0) {
+      p.moveTo(padding, baselineY);
+      p.lineTo(width - padding, baselineY);
+    }
+    return p;
+  }, [width, padding, baselineY]);
+  if (!baselineY) return null;
+  return /*#__PURE__*/_jsxs(Group, {
+    children: [/*#__PURE__*/_jsx(Path, {
+      path: path,
+      color: color,
+      style: "stroke",
+      strokeWidth: 1,
+      children: /*#__PURE__*/_jsx(DashPathEffect, {
+        intervals: [5, 5]
+      })
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: padding,
+      cy: baselineY,
+      r: 3,
+      color: color
+    }), showLabel && font && chipGeometry && /*#__PURE__*/_jsxs(Group, {
+      opacity: labelOpacity,
+      children: [/*#__PURE__*/_jsx(RoundedRect, {
+        x: chipGeometry.rect.x,
+        y: chipGeometry.rect.y,
+        width: chipGeometry.rect.width,
+        height: chipGeometry.rect.height,
+        r: chipGeometry.rect.r,
+        color: "#323546"
+      }), /*#__PURE__*/_jsx(SkiaText, {
+        font: font,
+        x: chipGeometry.textPos.x,
+        y: chipGeometry.textPos.y,
+        text: labelText,
+        color: "#FFFFFF"
+      })]
+    })]
+  });
+};
+export default ChartBaseline;
+//# sourceMappingURL=ChartBaseline.js.map

package/lib/module/components/ChartBaseline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDerivedValue","withSpring","useChart","useMemo","Circle","DashPathEffect","Group","matchFont","Path","RoundedRect","Skia","Text","SkiaText","jsx","_jsx","jsxs","_jsxs","ChartBaseline","color","showLabel","width","padding","baselineY","originalData","isActive","labelOpacity","value","font","fontFamily","fontSize","fontWeight","labelText","length","val","Intl","NumberFormat","style","currency","notation","maximumFractionDigits","format","chipGeometry","textWidth","getTextWidth","fontMetrics","getMetrics","textHeight","descent","ascent","hPadding","vPadding","chipHeight","chipWidth","chipRadius","chipX","chipY","textX","textY","rect","x","y","height","r","textPos","path","p","Make","Number","isFinite","moveTo","lineTo","children","strokeWidth","intervals","cx","cy","opacity","text"],"sourceRoot":"../../../src","sources":["components/ChartBaseline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChartCanvas.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { ChartContext, useChart } from "../ChartContext.js";
+import { Canvas } from '@shopify/react-native-skia';
+
+/**
+ * The wrapper for all Skia elements.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChartCanvas = ({
+  children
+}) => {
+  const ctx = useChart();
+  const {
+    width,
+    height
+  } = ctx;
+  const safeWidth = width || 1;
+  const safeHeight = height || 1;
+  return (
+    /*#__PURE__*/
+    // Skia 'Canvas' uses its own render three, separate from standard React Native views.
+    _jsx(Canvas, {
+      style: {
+        width: safeWidth,
+        height: safeHeight
+      },
+      children: /*#__PURE__*/_jsx(ChartContext.Provider, {
+        value: ctx,
+        children: children
+      })
+    })
+  );
+};
+export default ChartCanvas;
+//# sourceMappingURL=ChartCanvas.js.map

package/lib/module/components/ChartCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChartContext","useChart","Canvas","jsx","_jsx","ChartCanvas","children","ctx","width","height","safeWidth","safeHeight","style","Provider","value"],"sourceRoot":"../../../src","sources":["components/ChartCanvas.tsx"],"mappings":";;AACA,SAASA,YAAY,EAAEC,QAAQ,QAAQ,oBAAiB;AACxD,SAASC,MAAM,QAAQ,4BAA4B;;AAEnD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,MAAMC,WAAwC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACjE,MAAMC,GAAG,GAAGN,QAAQ,CAAC,CAAC;EACtB,MAAM;IAAEO,KAAK;IAAEC;EAAO,CAAC,GAAGF,GAAG;EAC7B,MAAMG,SAAS,GAAGF,KAAK,IAAI,CAAC;EAC5B,MAAMG,UAAU,GAAGF,MAAM,IAAI,CAAC;EAE9B;IAAA;IACE;IACAL,IAAA,CAACF,MAAM;MACLU,KAAK,EAAE;QACLJ,KAAK,EAAEE,SAAS;QAChBD,MAAM,EAAEE;MACV,CAAE;MAAAL,QAAA,eAGFF,IAAA,CAACJ,YAAY,CAACa,QAAQ;QAACC,KAAK,EAAEP,GAAI;QAAAD,QAAA,EAAEA;MAAQ,CAAwB;IAAC,CAC/D;EAAC;AAEb,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}

package/lib/module/components/ChartCursor.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { useDerivedValue, withSpring } from 'react-native-reanimated';
+import { useChart } from "../ChartContext.js";
+import { BlurMask, Circle, Group, Line, LinearGradient, vec } from '@shopify/react-native-skia';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Crosshair and Highlight Circle
+ */
+const ChartCursor = ({
+  crosshairColor = 'white',
+  circleColor = 'white'
+}) => {
+  const {
+    currentX,
+    currentY,
+    isActive,
+    padding,
+    height,
+    gradientPositions
+  } = useChart();
+
+  // Calculate line endpoints responsively using Reanimated derived values
+  const lineP1 = useDerivedValue(() => vec(currentX.value, padding));
+  const lineP2 = useDerivedValue(() => vec(currentX.value, height - padding));
+  const opacity = useDerivedValue(() => withSpring(isActive.value ? 1 : 0));
+  const defaultColors = ['#00E396', '#00E396', '#EA3943', '#EA3943'];
+  const gradientColorsHalo = ['#00E396E6', '#00E39600', '#EA394300', '#EA394326'];
+  return /*#__PURE__*/_jsxs(Group, {
+    opacity: opacity,
+    children: [/*#__PURE__*/_jsx(Line, {
+      p1: lineP1,
+      p2: lineP2,
+      color: crosshairColor,
+      style: "stroke",
+      strokeWidth: 1,
+      children: /*#__PURE__*/_jsx(BlurMask, {
+        blur: 1,
+        style: "solid"
+      })
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: currentX,
+      cy: currentY,
+      r: 12,
+      opacity: 0.3,
+      style: "fill",
+      children: /*#__PURE__*/_jsx(LinearGradient, {
+        start: vec(0, 0),
+        end: vec(0, height),
+        colors: gradientColorsHalo,
+        positions: gradientPositions
+      })
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: currentX,
+      cy: currentY,
+      r: 6,
+      style: "fill",
+      children: /*#__PURE__*/_jsx(LinearGradient, {
+        start: vec(0, 0),
+        end: vec(0, height),
+        colors: defaultColors,
+        positions: gradientPositions
+      })
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: currentX,
+      cy: currentY,
+      r: 6,
+      color: circleColor,
+      style: "stroke",
+      strokeWidth: 2
+    })]
+  });
+};
+export default ChartCursor;
+//# sourceMappingURL=ChartCursor.js.map

package/lib/module/components/ChartCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDerivedValue","withSpring","useChart","BlurMask","Circle","Group","Line","LinearGradient","vec","jsx","_jsx","jsxs","_jsxs","ChartCursor","crosshairColor","circleColor","currentX","currentY","isActive","padding","height","gradientPositions","lineP1","value","lineP2","opacity","defaultColors","gradientColorsHalo","children","p1","p2","color","style","strokeWidth","blur","cx","cy","r","start","end","colors","positions"],"sourceRoot":"../../../src","sources":["components/ChartCursor.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChartLine.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { LinearGradient, Path, vec } from '@shopify/react-native-skia';
+import { useChart } from "../ChartContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Draws the main trend line.
+ */
+const ChartLine = ({
+  strokeWidth = 3,
+  colors
+}) => {
+  const {
+    path,
+    height,
+    gradientPositions
+  } = useChart();
+  const defaultColors = ['#00E396', '#00E396', '#EA3943', '#EA3943'];
+  return /*#__PURE__*/_jsx(Path, {
+    path: path,
+    style: "stroke" // 'stroke' means draw lines, 'fill' means fill shapes
+    ,
+    strokeWidth: strokeWidth,
+    strokeJoin: "round",
+    strokeCap: "round",
+    children: /*#__PURE__*/_jsx(LinearGradient, {
+      start: vec(0, 0) // Gradient starts at top
+      ,
+      end: vec(0, height) // Gradient ends at bottom
+      ,
+      colors: colors || defaultColors,
+      positions: gradientPositions
+    })
+  });
+};
+export default ChartLine;
+//# sourceMappingURL=ChartLine.js.map

package/lib/module/components/ChartLine.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LinearGradient","Path","vec","useChart","jsx","_jsx","ChartLine","strokeWidth","colors","path","height","gradientPositions","defaultColors","style","strokeJoin","strokeCap","children","start","end","positions"],"sourceRoot":"../../../src","sources":["components/ChartLine.tsx"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,IAAI,EAAEC,GAAG,QAAQ,4BAA4B;AACtE,SAASC,QAAQ,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3C;AACA;AACA;AACA,MAAMC,SAA2B,GAAGA,CAAC;EAAEC,WAAW,GAAG,CAAC;EAAEC;AAAO,CAAC,KAAK;EACnE,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAkB,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACtD,MAAMS,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;EAElE,oBACEP,IAAA,CAACJ,IAAI;IACHQ,IAAI,EAAEA,IAAK;IACXI,KAAK,EAAC,QAAQ,CAAC;IAAA;IACfN,WAAW,EAAEA,WAAY;IACzBO,UAAU,EAAC,OAAO;IAClBC,SAAS,EAAC,OAAO;IAAAC,QAAA,eAEjBX,IAAA,CAACL,cAAc;MACbiB,KAAK,EAAEf,GAAG,CAAC,CAAC,EAAE,CAAC,CAAE,CAAC;MAAA;MAClBgB,GAAG,EAAEhB,GAAG,CAAC,CAAC,EAAEQ,MAAM,CAAE,CAAC;MAAA;MACrBF,MAAM,EAAEA,MAAM,IAAII,aAAc;MAChCO,SAAS,EAAER;IAAkB,CAC9B;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeL,SAAS","ignoreList":[]}

package/lib/module/components/ChartTooltipDate.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { useChart } from "../ChartContext.js";
+import Animated, { useAnimatedProps, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import AnimatedTextInput from "./AnimatedTextInput.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChartTooltipDate = ({
+  style,
+  containerStyle,
+  format
+}) => {
+  const {
+    currentX,
+    isActive,
+    currentTimestamp,
+    width,
+    padding
+  } = useChart();
+
+  // Shared value to track the dynamic width of the tooltip
+  const tooltipWidth = useSharedValue(0);
+  const containerAnimatedStyle = useAnimatedStyle(() => {
+    // 1. Calculate the ideal centered position
+    let translateX = currentX.value - tooltipWidth.value / 2;
+
+    // 2. Clamp logic (Boundary Protection)
+    // Left Boundary: Ensure tooltip doesn't go off-screen to the left (using padding to align with line chart path)
+    if (translateX < padding) {
+      translateX = padding;
+    }
+
+    // Right Boundary: Ensure tooltip doesn't go off-screen to the right (using padding to align with line chart path)
+    if (translateX + tooltipWidth.value > width - padding) {
+      translateX = width - padding - tooltipWidth.value;
+    }
+    return {
+      opacity: withSpring(isActive.value ? 1 : 0),
+      transform: [
+      // Calculate dynamic centering (Position X - Half of Width)
+      {
+        translateX
+      }]
+    };
+  });
+  const textProps = useAnimatedProps(() => {
+    if (format) return {
+      text: format(currentTimestamp.value)
+    };
+    const date = new Date(currentTimestamp.value);
+    const day = date.getDate().toString().padStart(2, '0');
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const year = date.getFullYear();
+    return {
+      text: `${day}/${month}/${year}`
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    onLayout: event => tooltipWidth.value = event.nativeEvent.layout.width,
+    style: [styles.tooltipContainer, containerAnimatedStyle, containerStyle],
+    children: /*#__PURE__*/_jsx(AnimatedTextInput, {
+      underlineColorAndroid: "transparent",
+      editable: false,
+      defaultValue: "00/00/0000",
+      style: [styles.tooltipChipText, style],
+      animatedProps: textProps
+    })
+  });
+};
+const styles = StyleSheet.create({
+  tooltipContainer: {
+    position: 'absolute',
+    backgroundColor: '#323546',
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 80,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+    zIndex: 20,
+    bottom: 10
+  },
+  tooltipChipText: {
+    color: '#858CA2',
+    fontWeight: '600',
+    fontSize: 11,
+    padding: 0,
+    textAlign: 'center'
+  }
+});
+export default ChartTooltipDate;
+//# sourceMappingURL=ChartTooltipDate.js.map

package/lib/module/components/ChartTooltipDate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useChart","Animated","useAnimatedProps","useAnimatedStyle","useSharedValue","withSpring","AnimatedTextInput","jsx","_jsx","ChartTooltipDate","style","containerStyle","format","currentX","isActive","currentTimestamp","width","padding","tooltipWidth","containerAnimatedStyle","translateX","value","opacity","transform","textProps","text","date","Date","day","getDate","toString","padStart","month","getMonth","year","getFullYear","View","onLayout","event","nativeEvent","layout","styles","tooltipContainer","children","underlineColorAndroid","editable","defaultValue","tooltipChipText","animatedProps","create","position","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","alignItems","justifyContent","minWidth","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","bottom","color","fontWeight","fontSize","textAlign"],"sourceRoot":"../../../src","sources":["components/ChartTooltipDate.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChartTooltipValue.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { useChart } from "../ChartContext.js";
+import Animated, { useAnimatedProps, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import AnimatedTextInput from "./AnimatedTextInput.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChartTooltipPrice = ({
+  style,
+  containerStyle,
+  format
+}) => {
+  const {
+    currentX,
+    isActive,
+    currentValue,
+    width,
+    padding
+  } = useChart();
+
+  // Track te dynamic width of tooltip
+  const tooltipWidth = useSharedValue(0);
+
+  // Moves the tooltip left/right with the cursor
+  const containerAnimatedStyle = useAnimatedStyle(() => {
+    // 1. Calculate the ideal centered position
+    let translateX = currentX.value - tooltipWidth.value / 2;
+
+    // 2. Clamp logic (Boundary Protection)
+    // Left Boundary: Ensure tooltip doesn't go off-screen to the left (using padding to align with line chart path)
+    if (translateX < padding) {
+      translateX = padding;
+    }
+
+    // Right Boundary: Ensure tooltip doesn't go off-screen to the right (using padding to align with line chart path)
+    if (translateX + tooltipWidth.value > width - padding) {
+      translateX = width - padding - tooltipWidth.value;
+    }
+    return {
+      opacity: withSpring(isActive.value ? 1 : 0),
+      transform: [
+      // Calculate dynamic centering (Position X - Half of Width)
+      {
+        translateX
+      }]
+    };
+  });
+
+  // Updates the text content directly on the Native UI Thread
+  // This is a special Reanimated feature for TextInput/Text inputs.
+  const textProps = useAnimatedProps(() => {
+    if (format) return {
+      text: format(currentValue.value)
+    };
+    return {
+      text: `$ ${currentValue.value.toFixed(2)}`
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    onLayout: event => tooltipWidth.value = event.nativeEvent.layout.width,
+    style: [styles.tooltipContainer, containerStyle, containerAnimatedStyle],
+    children: /*#__PURE__*/_jsx(AnimatedTextInput, {
+      underlineColorAndroid: "transparent",
+      editable: false // Makes it look like a Text label, not an input
+      ,
+      defaultValue: "",
+      animatedProps: textProps,
+      style: [styles.tooltipChipText, style]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  tooltipContainer: {
+    position: 'absolute',
+    backgroundColor: '#323546',
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 80,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+    zIndex: 20,
+    top: 10
+  },
+  tooltipChipText: {
+    color: '#FFFFFF',
+    fontWeight: 'bold',
+    fontSize: 12,
+    padding: 0,
+    textAlign: 'center'
+  }
+});
+export default ChartTooltipPrice;
+//# sourceMappingURL=ChartTooltipValue.js.map

package/lib/module/components/ChartTooltipValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useChart","Animated","useAnimatedProps","useAnimatedStyle","useSharedValue","withSpring","AnimatedTextInput","jsx","_jsx","ChartTooltipPrice","style","containerStyle","format","currentX","isActive","currentValue","width","padding","tooltipWidth","containerAnimatedStyle","translateX","value","opacity","transform","textProps","text","toFixed","View","onLayout","event","nativeEvent","layout","styles","tooltipContainer","children","underlineColorAndroid","editable","defaultValue","animatedProps","tooltipChipText","create","position","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","alignItems","justifyContent","minWidth","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","top","color","fontWeight","fontSize","textAlign"],"sourceRoot":"../../../src","sources":["components/ChartTooltipValue.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import ChartProvider from "./ChartContext.js";
+import ChartArea from "./components/ChartArea.js";
+import ChartBaseline from "./components/ChartBaseline.js";
+import ChartCanvas from "./components/ChartCanvas.js";
+import ChartCursor from "./components/ChartCursor.js";
+import ChartLine from "./components/ChartLine.js";
+import ChartTooltipDate from "./components/ChartTooltipDate.js";
+import ChartTooltipValue from "./components/ChartTooltipValue.js";
+export const Chart = {
+  Root: ChartProvider,
+  Canvas: ChartCanvas,
+  Line: ChartLine,
+  Area: ChartArea,
+  Cursor: ChartCursor,
+  Baseline: ChartBaseline,
+  ToolTip: {
+    Value: ChartTooltipValue,
+    Date: ChartTooltipDate
+  }
+};
+export * from "./interfaces.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChartProvider","ChartArea","ChartBaseline","ChartCanvas","ChartCursor","ChartLine","ChartTooltipDate","ChartTooltipValue","Chart","Root","Canvas","Line","Area","Cursor","Baseline","ToolTip","Value","Date"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,mBAAgB;AAC1C,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,aAAa,MAAM,+BAA4B;AACtD,OAAOC,WAAW,MAAM,6BAA0B;AAClD,OAAOC,WAAW,MAAM,6BAA0B;AAClD,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,gBAAgB,MAAM,kCAA+B;AAC5D,OAAOC,iBAAiB,MAAM,mCAAgC;AAE9D,OAAO,MAAMC,KAAK,GAAG;EACnBC,IAAI,EAAET,aAAa;EACnBU,MAAM,EAAEP,WAAW;EACnBQ,IAAI,EAAEN,SAAS;EACfO,IAAI,EAAEX,SAAS;EACfY,MAAM,EAAET,WAAW;EACnBU,QAAQ,EAAEZ,aAAa;EACvBa,OAAO,EAAE;IACPC,KAAK,EAAET,iBAAiB;IACxBU,IAAI,EAAEX;EACR;AACF,CAAC;AAED,cAAc,iBAAc","ignoreList":[]}

package/lib/module/interfaces.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/module/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["interfaces.ts"],"mappings":"","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+
+// --- PURE MATH (CATMULL-ROM SPLINE) ---
+/**
+ * This function is the heart of the smoothing logic.
+ * Instead of connecting points with straight lines (which would look jagged), we use a Spline.
+ * * How it works:
+ * To calculate the curve between point P1 and P2, we also look at neighbors P0 and P3.
+ * This gives us the correct "tangent" (slope) so the curve flows smoothly.
+ * * Parameters:
+ * @param p0 - The point before the current segment
+ * @param p1 - The start of the current segment
+ * @param p2 - The end of the current segment
+ * @param p3 - The point after the current segment
+ * @param t  - The progress between p1 and p2 (0.0 to 1.0)
+ */
+export const solveCatmullRom = (p0, p1, p2, p3, t) => {
+  const t2 = t * t;
+  const t3 = t2 * t;
+
+  // Catmull-Rom Matrix Coefficients
+  const c0 = p1;
+  const c1 = 0.5 * (p2 - p0);
+  const c2 = 0.5 * (2.0 * p0 - 5.0 * p1 + 4.0 * p2 - p3);
+  const c3 = 0.5 * (-p0 + 3.0 * p1 - 3.0 * p2 + p3);
+
+  // Interpolated result
+  return c0 + c1 * t + c2 * t2 + c3 * t3;
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["solveCatmullRom","p0","p1","p2","p3","t","t2","t3","c0","c1","c2","c3"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,eAAe,GAAGA,CAC7BC,EAAU,EACVC,EAAU,EACVC,EAAU,EACVC,EAAU,EACVC,CAAS,KACN;EACH,MAAMC,EAAE,GAAGD,CAAC,GAAGA,CAAC;EAChB,MAAME,EAAE,GAAGD,EAAE,GAAGD,CAAC;;EAEjB;EACA,MAAMG,EAAE,GAAGN,EAAE;EACb,MAAMO,EAAE,GAAG,GAAG,IAAIN,EAAE,GAAGF,EAAE,CAAC;EAC1B,MAAMS,EAAE,GAAG,GAAG,IAAI,GAAG,GAAGT,EAAE,GAAG,GAAG,GAAGC,EAAE,GAAG,GAAG,GAAGC,EAAE,GAAGC,EAAE,CAAC;EACtD,MAAMO,EAAE,GAAG,GAAG,IAAI,CAACV,EAAE,GAAG,GAAG,GAAGC,EAAE,GAAG,GAAG,GAAGC,EAAE,GAAGC,EAAE,CAAC;;EAEjD;EACA,OAAOI,EAAE,GAAGC,EAAE,GAAGJ,CAAC,GAAGK,EAAE,GAAGJ,EAAE,GAAGK,EAAE,GAAGJ,EAAE;AACxC,CAAC","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/ChartContext.d.ts

@@ -0,0 +1,16 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { ChartContextValue, DataPoint } from './interfaces';
+export declare const ChartContext: React.Context<ChartContextValue>;
+export interface ChartRootPropsInterface extends PropsWithChildren {
+    data: DataPoint[];
+    width?: number;
+    height?: number;
+    padding?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+declare const ChartProvider: React.FC<ChartRootPropsInterface>;
+export declare const useChart: () => ChartContextValue;
+export default ChartProvider;
+//# sourceMappingURL=ChartContext.d.ts.map

package/lib/typescript/src/ChartContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartContext.d.ts","sourceRoot":"","sources":["../../../src/ChartContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAsCjE,eAAO,MAAM,YAAY,kCAAoD,CAAC;AAE9E,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2OpD,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAQpB,CAAC;AAWF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/AnimatedTextInput.d.ts

@@ -0,0 +1,8 @@
+import type { TextInputProps } from 'react-native';
+import { type AnimatedProps } from 'react-native-reanimated';
+interface AnimatedTextInputProps extends TextInputProps {
+    text?: string;
+}
+declare const AnimatedTextInput: React.ComponentClass<AnimatedProps<AnimatedTextInputProps>>;
+export default AnimatedTextInput;
+//# sourceMappingURL=AnimatedTextInput.d.ts.map

package/lib/typescript/src/components/AnimatedTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedTextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedTextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAUvE,UAAU,sBAAuB,SAAQ,cAAc;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAOD,QAAA,MAAM,iBAAiB,EACoB,KAAK,CAAC,cAAc,CAC3D,aAAa,CAAC,sBAAsB,CAAC,CACtC,CAAC;AAEJ,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/ChartArea.d.ts

@@ -0,0 +1,9 @@
+export interface IProps {
+    gradientColors?: string[];
+}
+/**
+ * Draws the background gradient fill.
+ */
+declare const ChartArea: React.FC<IProps>;
+export default ChartArea;
+//# sourceMappingURL=ChartArea.d.ts.map

package/lib/typescript/src/components/ChartArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartArea.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartArea.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,MAAM;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAe/B,CAAC;AAEF,eAAe,SAAS,CAAC"}