react-native-wagmi-charts 2.4.1 → 2.5.1

package/lib/typescript/src/charts/line/PriceText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PriceText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/PriceText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAa,EACb,OAAqB,EACrB,KAAK,EACL,KAAK,GACN,EAAE,uBAAuB,qBAGzB;yBATe,kBAAkB"}
+{"version":3,"file":"PriceText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/PriceText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAa,EACb,OAAqB,EACrB,KAAK,EACL,KAAK,GACN,EAAE,uBAAuB,2CAGzB;yBATe,kBAAkB"}

package/lib/typescript/src/charts/line/Tooltip.d.ts

@@ -19,7 +19,7 @@ export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
      */
     at?: number;
 };
-export declare function LineChartTooltip({ children, xGutter, yGutter, cursorGutter, position, textProps, textStyle, at, ...props }: LineChartTooltipProps): React.JSX.Element;
+export declare function LineChartTooltip({ children, xGutter, yGutter, cursorGutter, position, textProps, textStyle, at, ...props }: LineChartTooltipProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LineChartTooltip {
     var displayName: string;
 }

package/lib/typescript/src/charts/line/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAKN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;AAMjE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,SAAS,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAW,EACX,OAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAiIvB;yBA3Ie,gBAAgB"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAKN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;AAMjE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,SAAS,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAW,EACX,OAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiIvB;yBA3Ie,gBAAgB"}

package/lib/typescript/src/charts/line/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LineChart as _LineChart } from './Chart';
 import { LineChartPathWrapper } from './ChartPath';
 import { LineChartHighlight } from './Highlight';
@@ -51,6 +50,6 @@ export declare const LineChart: typeof _LineChart & {
     useDatetime: typeof useLineChartDatetime;
     usePrice: typeof useLineChartPrice;
     useChart: typeof useLineChart;
-    HoverTrap: () => import("react").JSX.Element;
+    HoverTrap: () => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/charts/line/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBpB,CAAC"}

package/lib/typescript/src/charts/line/types.d.ts

@@ -1,4 +1,4 @@
-import type Animated from 'react-native-reanimated';
+import type { SharedValue } from 'react-native-reanimated';
 export type TLineChartPoint = {
     timestamp: number;
     value: number;
@@ -9,9 +9,9 @@ export type TLineChartDataProp = TLineChartData | {
 export type TLineChartData = Array<TLineChartPoint>;
 export type TLineChartDomain = [number, number];
 export type TLineChartContext = {
-    currentX: Animated.SharedValue<number>;
-    currentIndex: Animated.SharedValue<number>;
-    isActive: Animated.SharedValue<boolean>;
+    currentX: SharedValue<number>;
+    currentIndex: SharedValue<number>;
+    isActive: SharedValue<boolean>;
     domain: TLineChartDomain;
     yDomain: YDomain;
     xLength: number;

package/lib/typescript/src/charts/line/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,kBAAkB,GAC1B,cAAc,GACd;IACE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC;CAC/B,CAAC;AACN,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,kBAAkB,GAC1B,cAAc,GACd;IACE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC;CAC/B,CAAC;AACN,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC"}

package/lib/typescript/src/charts/line/useCurrentY.d.ts

@@ -1,4 +1,2 @@
-export declare function useCurrentY(): Readonly<{
-    value: number;
-}>;
+export declare function useCurrentY(): Readonly<import("react-native-reanimated").SharedValue<number>>;
 //# sourceMappingURL=useCurrentY.d.ts.map

package/lib/typescript/src/charts/line/useCurrentY.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentY.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/useCurrentY.ts"],"names":[],"mappings":"AAMA,wBAAgB,WAAW;;GAc1B"}
+{"version":3,"file":"useCurrentY.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/useCurrentY.ts"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,oEAc1B"}

package/lib/typescript/src/charts/line/useDatetime.d.ts

@@ -4,11 +4,7 @@ export declare function useLineChartDatetime({ format, locale, options, }?: {
     locale?: string;
     options?: Intl.DateTimeFormatOptions;
 }): {
-    value: Readonly<{
-        value: string;
-    }>;
-    formatted: Readonly<{
-        value: string;
-    }>;
+    value: Readonly<import("react-native-reanimated").SharedValue<string>>;
+    formatted: Readonly<import("react-native-reanimated").SharedValue<string>>;
 };
 //# sourceMappingURL=useDatetime.d.ts.map

package/lib/typescript/src/charts/line/useDatetime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDatetime.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/useDatetime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAM,EACN,OAAO,GACR,GAAE;IACD,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;CACjC;;;;;;;EA4BL"}
+{"version":3,"file":"useDatetime.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/useDatetime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAM,EACN,OAAO,GACR,GAAE;IACD,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;CACjC;;;EAiCL"}

package/lib/typescript/src/charts/line/useLineChart.d.ts

@@ -1,17 +1,9 @@
 export declare function useLineChart(): {
-    currentY: Readonly<{
-        value: number;
-    }>;
-    data: import("./types").TLineChartData;
-    currentX: {
-        value: number;
-    };
-    currentIndex: {
-        value: number;
-    };
-    isActive: {
-        value: boolean;
-    };
+    currentY: Readonly<import("react-native-reanimated").SharedValue<number>>;
+    data: import("./types").TLineChartData | undefined;
+    currentX: import("react-native-reanimated").SharedValue<number>;
+    currentIndex: import("react-native-reanimated").SharedValue<number>;
+    isActive: import("react-native-reanimated").SharedValue<boolean>;
     domain: import("./types").TLineChartDomain;
     yDomain: import("./types").YDomain;
     xLength: number;

package/lib/typescript/src/charts/line/useLineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLineChart.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/useLineChart.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY;;;;;;;;;;;;;;;;;;EAY3B"}
+{"version":3,"file":"useLineChart.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/useLineChart.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY;;;;;;;;;;EAY3B"}

package/lib/typescript/src/charts/line/usePrice.d.ts

@@ -4,11 +4,7 @@ export declare function useLineChartPrice({ format, precision, index, }?: {
     precision?: number;
     index?: number;
 }): {
-    value: Readonly<{
-        value: string;
-    }>;
-    formatted: Readonly<{
-        value: string;
-    }>;
+    value: Readonly<import("react-native-reanimated").SharedValue<string>>;
+    formatted: Readonly<import("react-native-reanimated").SharedValue<string>>;
 };
 //# sourceMappingURL=usePrice.d.ts.map

package/lib/typescript/src/charts/line/usePrice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePrice.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/usePrice.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAa,EACb,KAAK,GACN,GAAE;IAAE,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAO;;;;;;;EAuB5E"}
+{"version":3,"file":"usePrice.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/usePrice.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAa,EACb,KAAK,GACN,GAAE;IAAE,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAO;;;EA6B5E"}

package/lib/typescript/src/charts/line/utils/getXPositionForCurve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getXPositionForCurve.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/utils/getXPositionForCurve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEhD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAM7D"}
+{"version":3,"file":"getXPositionForCurve.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/utils/getXPositionForCurve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEhD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAgB7D"}

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

@@ -1,10 +1,9 @@
-import React from 'react';
 import { TextProps as RNTextProps } from 'react-native';
-import Animated from 'react-native-reanimated';
+import type { SharedValue, AnimatedProps } from 'react-native-reanimated';
 interface AnimatedTextProps {
-    text: Animated.SharedValue<string>;
-    style?: Animated.AnimateProps<RNTextProps>['style'];
+    text: SharedValue<string>;
+    style?: AnimatedProps<RNTextProps>['style'];
 }
-export declare const AnimatedText: ({ text, style }: AnimatedTextProps) => React.JSX.Element;
+export declare const AnimatedText: ({ text, style }: AnimatedTextProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AnimatedText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAE9E,OAAO,QAGN,MAAM,yBAAyB,CAAC;AAIjC,UAAU,iBAAiB;IACzB,IAAI,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;CACrD;AAID,eAAO,MAAM,YAAY,oBAAqB,iBAAiB,sBAuC9D,CAAC"}
+{"version":3,"file":"AnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAM9E,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG1E,UAAU,iBAAiB;IACzB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;CAC7C;AAID,eAAO,MAAM,YAAY,oBAAqB,iBAAiB,4CAuC9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wagmi-charts",
-  "version": "2.4.1",
+  "version": "2.5.1",
   "description": "A sweet candlestick chart for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -35,6 +35,13 @@
     "ios",
     "android"
   ],
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.8.2",
+  "engines": {
+    "node": ">= 18.0.0"
+  },
   "dependencies": {
     "d3-array": "^3.1.6",
     "d3-interpolate-path": "^2.2.3",
@@ -42,31 +49,29 @@
     "d3-shape": "^3.0.1",
     "fbjs": "^3.0.5",
     "react-keyed-flatten-children": "^1.3.0",
-    "react-native-redash": "^16.1.1"
+    "react-native-redash": "^18.1.3"
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^12.0.4",
-    "@react-native-community/eslint-config": "^3.0.0",
     "@types/d3-array": "^3.0.5",
     "@types/d3-scale": "^4.0.3",
     "@types/fbjs": "^3.0.10",
     "@types/jest": "^26.0.24",
     "@types/react": "^18.2.45",
-    "@types/react-native": "^0.72.8",
-    "eslint": "^7.31.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "^9.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "husky": "^7.0.1",
     "jest": "^27.0.6",
     "pod-install": "^0.1.24",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
-    "react-native": "^0.72.8",
+    "react-native": "^0.74.1",
     "react-native-builder-bob": "^0.23.2",
-    "react-native-gesture-handler": "^2.1.0",
-    "react-native-reanimated": "~3.3.0",
-    "react-native-svg": "^12.1.1",
+    "react-native-gesture-handler": "~2.16.1",
+    "react-native-reanimated": "~3.10.1",
+    "react-native-svg": "15.2.0",
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
@@ -74,6 +79,7 @@
     "react-native": "*",
     "react-native-gesture-handler": "*",
     "react-native-reanimated": "*",
+    "react-native-redash": "*",
     "react-native-svg": "*"
   },
   "jest": {
@@ -86,7 +92,7 @@
   "eslintConfig": {
     "root": true,
     "extends": [
-      "@react-native-community",
+      "@react-native",
       "prettier"
     ],
     "rules": {

package/src/charts/candle/Candle.tsx

@@ -1,19 +1,13 @@
 import React from 'react';
+import { ColorValue } from 'react-native';
 import Animated, {
   withTiming,
   useAnimatedProps,
 } from 'react-native-reanimated';
-import {
-  Line,
-  LineProps,
-  NumberProp,
-  Rect,
-  RectProps,
-} from 'react-native-svg';
+import { Line, LineProps, NumberProp, Rect, RectProps } from 'react-native-svg';
 
 import type { TCandle, TDomain } from './types';
 import { getY, getHeight } from './utils';
-import { ColorValue } from 'react-native';
 
 const AnimatedRect = Animated.createAnimatedComponent(Rect);
 const AnimatedLine = Animated.createAnimatedComponent(Line);

package/src/charts/candle/Context.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { useSharedValue } from 'react-native-reanimated';
+import { SharedValue, useSharedValue } from 'react-native-reanimated';
 
 import type { TContext, TData } from './types';
 import { getDomain } from './utils';
 
 export const CandlestickChartContext = React.createContext<TContext>({
-  currentX: { value: -1 },
-  currentY: { value: -1 },
+  currentX: { value: -1 } as SharedValue<number>,
+  currentY: { value: -1 } as SharedValue<number>,
   data: [],
   height: 0,
   width: 0,
@@ -32,7 +32,6 @@ export function CandlestickChartProvider({
   const [step, setStep] = React.useState(0);
   const currentX = useSharedValue(-1);
   const currentY = useSharedValue(-1);
-
   const domain = React.useMemo(() => getDomain(data), [data]);
 
   React.useEffect(() => {

package/src/charts/candle/CrosshairTooltip.tsx

@@ -1,12 +1,17 @@
 import * as React from 'react';
-import type { LayoutChangeEvent, StyleProp, TextStyle, ViewProps } from 'react-native';
+import type {
+  LayoutChangeEvent,
+  StyleProp,
+  TextStyle,
+  ViewProps,
+} from 'react-native';
 import { StyleSheet } from 'react-native';
 import Animated, {
   useAnimatedStyle,
   useDerivedValue,
   useSharedValue,
 } from 'react-native-reanimated';
-
+import type { SharedValue, AnimatedStyle } from 'react-native-reanimated';
 import { CandlestickChartDimensionsContext } from './Chart';
 import { useCandlestickChart } from './useCandlestickChart';
 import {
@@ -19,16 +24,18 @@ export type CandlestickChartCrosshairTooltipProps = ViewProps & {
   xGutter?: number;
   yGutter?: number;
   tooltipTextProps?: CandlestickChartPriceTextProps;
-  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;
+  textStyle?: AnimatedStyle<StyleProp<TextStyle>>;
 };
 
 export type CandlestickChartCrosshairTooltipContext = {
-  position: Animated.SharedValue<'left' | 'right'>;
+  position: SharedValue<'left' | 'right'>;
 };
 
 export const CandlestickChartCrosshairTooltipContext =
   React.createContext<CandlestickChartCrosshairTooltipContext>({
-    position: { value: 'left' },
+    position: {
+      value: 'left',
+    } as CandlestickChartCrosshairTooltipContext['position'],
   });
 
 export function CandlestickChartCrosshairTooltip({

package/src/charts/candle/DatetimeText.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 

package/src/charts/candle/Line.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { StyleSheet } from 'react-native';
 import Svg, { Line as SVGLine, LineProps } from 'react-native-svg';
 

package/src/charts/candle/PriceText.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 import type { TFormatterFn, TPriceType } from './types';

package/src/charts/candle/types.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type Animated from 'react-native-reanimated';
+import type { SharedValue } from 'react-native-reanimated';
 
 export type TCandle = {
   timestamp: number;
@@ -11,8 +11,8 @@ export type TCandle = {
 export type TData = Array<TCandle>;
 export type TDomain = [min: number, max: number];
 export type TContext = {
-  currentX: Animated.SharedValue<number>;
-  currentY: Animated.SharedValue<number>;
+  currentX: SharedValue<number>;
+  currentY: SharedValue<number>;
   data: TData;
   width: number;
   height: number;

package/src/charts/candle/useCandleData.ts

@@ -1,16 +1,16 @@
-import Animated, { useDerivedValue } from 'react-native-reanimated';
+import { useDerivedValue } from 'react-native-reanimated';
 import type { TCandle } from './types';
-
+import type { SharedValue } from 'react-native-reanimated';
 import { useCandlestickChart } from './useCandlestickChart';
 
-export function useCandleData(): Readonly<Animated.SharedValue<TCandle>> {
+export function useCandleData(): Readonly<SharedValue<TCandle>> {
   const { currentX, data, step } = useCandlestickChart();
 
   const candle = useDerivedValue(() => {
     if (currentX.value === -1) {
       return { timestamp: -1, low: -1, open: -1, high: -1, close: -1 };
     }
-    return data[Math.floor(currentX.value / step)];
+    return data[Math.floor(currentX.value / step)] as TCandle;
   }, [currentX, data, step]);
 
   return candle;

package/src/charts/candle/useDatetime.ts

@@ -1,8 +1,9 @@
-import Animated, { useDerivedValue } from 'react-native-reanimated';
+import { useDerivedValue } from 'react-native-reanimated';
 
 import { formatDatetime } from '../../utils';
 import type { TFormatterFn } from './types';
 import { useCandleData } from './useCandleData';
+import type { SharedValue } from 'react-native-reanimated';
 
 export function useCandlestickChartDatetime({
   format,
@@ -13,8 +14,8 @@ export function useCandlestickChartDatetime({
   locale?: string;
   options?: { [key: string]: string };
 } = {}): {
-  value: Readonly<Animated.SharedValue<string>>;
-  formatted: Readonly<Animated.SharedValue<string>>;
+  value: Readonly<SharedValue<string>>;
+  formatted: Readonly<SharedValue<string>>;
 } {
   const candle = useCandleData();
 

package/src/charts/candle/usePrice.ts

@@ -1,10 +1,11 @@
-import Animated, { useDerivedValue } from 'react-native-reanimated';
+import { useDerivedValue } from 'react-native-reanimated';
 
 import { formatPrice } from '../../utils';
 import { useCandlestickChart } from './useCandlestickChart';
 import { getPrice } from './utils';
 import type { TFormatterFn, TPriceType } from './types';
 import { useCandleData } from './useCandleData';
+import type { SharedValue } from 'react-native-reanimated';
 
 export function useCandlestickChartPrice({
   format,
@@ -15,8 +16,8 @@ export function useCandlestickChartPrice({
   precision?: number;
   type?: TPriceType;
 } = {}): {
-  value: Readonly<Animated.SharedValue<string>>;
-  formatted: Readonly<Animated.SharedValue<string>>;
+  value: Readonly<SharedValue<string>>;
+  formatted: Readonly<SharedValue<string>>;
 } {
   const { currentY, domain, height } = useCandlestickChart();
   const candle = useCandleData();

package/src/charts/line/Chart.tsx

@@ -55,11 +55,11 @@ export function LineChart({
 
   const pathWidth = React.useMemo(() => {
     let allowedWidth = width;
-    if (xLength > data.length) {
+    if (data && xLength > data.length) {
       allowedWidth = (width * data.length) / xLength;
     }
     return allowedWidth;
-  }, [data.length, width, xLength]);
+  }, [data, width, xLength]);
 
   const path = React.useMemo(() => {
     if (data && data.length > 0) {
@@ -91,11 +91,10 @@ export function LineChart({
     return '';
   }, [data, pathWidth, height, yGutter, shape, yDomain, xDomain]);
 
-  const dataLength = data.length;
   const parsedPath = React.useMemo(() => parse(path), [path]);
   const pointWidth = React.useMemo(
-    () => width / (dataLength - 1),
-    [dataLength, width]
+    () => width / (data ? data.length - 1 : 1),
+    [data, width]
   );
 
   const contextValue = React.useMemo(

package/src/charts/line/Context.tsx

@@ -4,17 +4,17 @@ import {
   useAnimatedReaction,
   useSharedValue,
 } from 'react-native-reanimated';
-import type { TLineChartDataProp } from './types';
+import type { TLineChartData, TLineChartDataProp } from './types';
 import { LineChartDataProvider } from './Data';
 
 import type { TLineChartContext, YRangeProp } from './types';
 import { getDomain, lineChartDataPropToArray } from './utils';
 
 export const LineChartContext = React.createContext<TLineChartContext>({
-  currentX: { value: -1 },
-  currentIndex: { value: -1 },
+  currentX: { value: -1 } as TLineChartContext['currentX'],
+  currentIndex: { value: -1 } as TLineChartContext['currentIndex'],
   domain: [0, 0],
-  isActive: { value: false },
+  isActive: { value: false } as TLineChartContext['isActive'],
   yDomain: {
     min: 0,
     max: 0,
@@ -47,12 +47,16 @@ export function LineChartProvider({
   const isActive = useSharedValue(false);
 
   const domain = React.useMemo(
-    () => getDomain(Array.isArray(data) ? data : Object.values(data)[0]),
+    () => getDomain(
+      Array.isArray(data) ? data : Object.values(data)[0] as TLineChartData
+    ),
     [data]
   );
 
   const contextValue = React.useMemo<TLineChartContext>(() => {
     const values = lineChartDataPropToArray(data).map(({ value }) => value);
+    const domainRows =
+      Array.isArray(data) ? data : Object.values(data)[0] as TLineChartData;
 
     return {
       currentX,
@@ -64,8 +68,7 @@ export function LineChartProvider({
         max: yRange?.max ?? Math.max(...values),
       },
       xDomain,
-      xLength:
-        xLength ?? (Array.isArray(data) ? data : Object.values(data)[0]).length,
+      xLength: xLength ?? domainRows.length,
     };
   }, [
     currentIndex,

package/src/charts/line/Cursor.tsx

@@ -39,7 +39,7 @@ export function LineChartCursor({
   );
   const { currentX, currentIndex, isActive, data, xDomain } = useLineChart();
   const xValues = React.useMemo(
-    () => data.map(({ timestamp }, i) => (xDomain ? timestamp : i)),
+    () => (data ?? []).map(({ timestamp }, i) => (xDomain ? timestamp : i)),
     [data, xDomain]
   );
 
@@ -70,7 +70,7 @@ export function LineChartCursor({
 
     const newXPosition = (
       closestIndex > 0
-        ? parsedPath.curves[closestPathCurve].to
+        ? parsedPath.curves[closestPathCurve]!.to
         : parsedPath.move
     ).x;
     // Update values
@@ -92,7 +92,7 @@ export function LineChartCursor({
         const minIndex = 0;
         const boundedIndex = Math.max(
           minIndex,
-          Math.round(xPosition / width / (1 / (data.length - 1)))
+          Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1)))
         );
 
         if (snapToPoint) {

package/src/charts/line/Data.tsx

@@ -1,5 +1,5 @@
 import type { TLineChartData } from './types';
-import React, { createContext, useContext, useMemo } from 'react';
+import { createContext, useContext, useMemo } from 'react';
 import type { ReactNode } from 'react';
 import type { TLineChartDataProp } from './types';
 

package/src/charts/line/DatetimeText.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 

package/src/charts/line/Group.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ReactNode, Children, cloneElement } from 'react';
 import { ViewProps, View } from 'react-native';
 import flattenChildren from 'react-keyed-flatten-children';

package/src/charts/line/HoverTrap/index.tsx

@@ -1,3 +1 @@
-import React from 'react';
-
 export const LineChartHoverTrap = () => <></>;

package/src/charts/line/HoverTrap/index.web.tsx

@@ -65,7 +65,7 @@ export const LineChartHoverTrap = () => {
           const minIndex = 0;
           const boundedIndex = Math.max(
             minIndex,
-            Math.round(boundedX / width / (1 / (data.length - 1)))
+            Math.round(boundedX / width / (1 / (data ? data.length - 1 : 1)))
           );
 
           currentIndex.value = boundedIndex;
@@ -75,7 +75,7 @@ export const LineChartHoverTrap = () => {
         currentIndex.value = -1;
       }
     },
-    [currentIndex, currentX, data.length, isActive, parsedPath, width]
+    [currentIndex, currentX, data, isActive, parsedPath, width]
   );
 
   const onMouseLeave = React.useCallback(() => {

package/src/charts/line/PriceText.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';