@coinbase/cds-mobile 8.66.2 → 9.0.0-rc.1

package/dts/visualizations/ProgressCircle.d.ts

@@ -60,61 +60,59 @@ export type ProgressCircleContentProps = Pick<
      */
     color?: ThemeVars.Color;
   };
-export declare const ProgressCircle: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<
-    SharedProps &
-      Pick<import('../motion/types').HintMotionBaseProps, 'disableAnimateOnMount'> &
-      Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> & {
-        progress?: number;
-        weight?: import('@coinbase/cds-common').Weight;
-        disabled?: boolean;
-        color?: ThemeVars.Color;
-        onAnimationEnd?: () => void;
-        onAnimationStart?: () => void;
-      } & {
-        /**
-         * Toggle used to hide the content node rendered inside the circle.
-         */
-        hideContent?: boolean;
-        /**
-         * @deprecated Use hideContent instead. This will be removed in a future major release.
-         * @deprecationExpectedRemoval v8
-         * Toggle used to hide the text rendered inside the circle.
-         */
-        hideText?: boolean;
-        /**
-         * Optional size in px for the visualization.
-         * This is useful if the visualization is used in an HStack.
-         * If this is omitted the visualization will fill the parent width or height.
-         * Since it's a circular visualization it will fill the smaller of the parent width or height
-         */
-        size?: number;
-        /**
-         * Optional component to override the default content rendered inside the circle.
-         */
-        contentNode?: React.ReactNode;
-        /**
-         * Toggle used to show an indeterminate progress circle.
-         */
-        indeterminate?: boolean;
-      } & {
-        style?: StyleProp<ViewStyle>;
-        /** Custom styles for individual elements of the ProgressCircle component */
-        styles?: {
-          /** Root element */
-          root?: StyleProp<ViewStyle>;
-          /** SVG container element */
-          svgContainer?: StyleProp<ViewStyle>;
-          /** SVG element */
-          svg?: StyleProp<ViewStyle>;
-          /** Text container element */
-          textContainer?: StyleProp<ViewStyle>;
-          /** Foreground progress circle element */
-          progress?: Partial<CircleProps>;
-          /** Background circle element */
-          circle?: Partial<CircleProps>;
-        };
-      } & React.RefAttributes<View>
-  >
+export declare const ProgressCircle: React.NamedExoticComponent<
+  SharedProps &
+    Pick<import('../motion/types').HintMotionBaseProps, 'disableAnimateOnMount'> &
+    Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> & {
+      progress?: number;
+      weight?: import('@coinbase/cds-common').Weight;
+      disabled?: boolean;
+      color?: ThemeVars.Color;
+      onAnimationEnd?: () => void;
+      onAnimationStart?: () => void;
+    } & {
+      /**
+       * Toggle used to hide the content node rendered inside the circle.
+       */
+      hideContent?: boolean;
+      /**
+       * @deprecated Use hideContent instead. This will be removed in a future major release.
+       * @deprecationExpectedRemoval v8
+       * Toggle used to hide the text rendered inside the circle.
+       */
+      hideText?: boolean;
+      /**
+       * Optional size in px for the visualization.
+       * This is useful if the visualization is used in an HStack.
+       * If this is omitted the visualization will fill the parent width or height.
+       * Since it's a circular visualization it will fill the smaller of the parent width or height
+       */
+      size?: number;
+      /**
+       * Optional component to override the default content rendered inside the circle.
+       */
+      contentNode?: React.ReactNode;
+      /**
+       * Toggle used to show an indeterminate progress circle.
+       */
+      indeterminate?: boolean;
+    } & {
+      style?: StyleProp<ViewStyle>;
+      /** Custom styles for individual elements of the ProgressCircle component */
+      styles?: {
+        /** Root element */
+        root?: StyleProp<ViewStyle>;
+        /** SVG container element */
+        svgContainer?: StyleProp<ViewStyle>;
+        /** SVG element */
+        svg?: StyleProp<ViewStyle>;
+        /** Text container element */
+        textContainer?: StyleProp<ViewStyle>;
+        /** Foreground progress circle element */
+        progress?: Partial<CircleProps>;
+        /** Background circle element */
+        circle?: Partial<CircleProps>;
+      };
+    } & React.RefAttributes<View>
 >;
 //# sourceMappingURL=ProgressCircle.d.ts.map

package/dts/visualizations/ProgressCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUnE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUvD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,EACvB,UAAU,GAAG,uBAAuB,GAAG,UAAU,CAClD,GACC,QAAQ,GAAG;IACT;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAoEJ,eAAO,MAAM,cAAc;;;;;;;;IA5HzB;;OAEG;kBACW,OAAO;IACrB;;;;OAIG;eACQ,OAAO;IAClB;;;;;OAKG;WACI,MAAM;IACb;;OAEG;kBACW,KAAK,CAAC,SAAS;IAC7B;;OAEG;oBACa,OAAO;;YAIf,SAAS,CAAC,SAAS,CAAC;IAC5B,4EAA4E;aACnE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B;+BAwOF,CAAC"}
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUnE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUvD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,EACvB,UAAU,GAAG,uBAAuB,GAAG,UAAU,CAClD,GACC,QAAQ,GAAG;IACT;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAoEJ,eAAO,MAAM,cAAc;;;;;;;;IA5HzB;;OAEG;kBACW,OAAO;IACrB;;;;OAIG;eACQ,OAAO;IAClB;;;;;OAKG;WACI,MAAM;IACb;;OAEG;kBACW,KAAK,CAAC,SAAS;IAC7B;;OAEG;oBACa,OAAO;;YAIf,SAAS,CAAC,SAAS,CAAC;IAC5B,4EAA4E;aACnE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B;8BAwOF,CAAC"}

package/dts/visualizations/ProgressIndicator.d.ts

@@ -13,34 +13,31 @@ export type ProgressIndicatorProps = {
   style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
 } & BoxProps &
   SharedProps;
-export declare const ProgressIndicator: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<
-    {
-      /** An Animated.Value or interpolated Animated.Value between 0 and 1 */
-      progress?: Animated.Value | Animated.AnimatedInterpolation<number>;
-      /**
-       * @danger This is a migration escape hatch. It is not intended to be used normally.
-       */
+export declare const ProgressIndicator: React.NamedExoticComponent<
+  {
+    /** An Animated.Value or interpolated Animated.Value between 0 and 1 */
+    progress?: Animated.Value | Animated.AnimatedInterpolation<number>;
+    /**
+     * @danger This is a migration escape hatch. It is not intended to be used normally.
+     */
+    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  } & SharedProps &
+    import('../styles/styleProps').StyleProps & {
+      children?: React.ReactNode;
       style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    } & import('../styles/styleProps').StyleProps & {
-        children?: React.ReactNode;
-        style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-        animated?: boolean;
-        elevation?: import('@coinbase/cds-common').ElevationLevels;
-        font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
-        pin?: import('@coinbase/cds-common').PinningDirection;
-        bordered?: boolean;
-        borderedTop?: boolean;
-        borderedBottom?: boolean;
-        borderedStart?: boolean;
-        borderedEnd?: boolean;
-        borderedHorizontal?: boolean;
-        borderedVertical?: boolean;
-        dangerouslySetBackground?: string;
-        testID?: string;
-      } & Omit<import('react-native').ViewProps, 'style'> &
-      SharedProps &
-      React.RefAttributes<View>
-  >
+      animated?: boolean;
+      elevation?: import('@coinbase/cds-common').ElevationLevels;
+      font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
+      pin?: import('@coinbase/cds-common').PinningDirection;
+      bordered?: boolean;
+      borderedTop?: boolean;
+      borderedBottom?: boolean;
+      borderedStart?: boolean;
+      borderedEnd?: boolean;
+      borderedHorizontal?: boolean;
+      borderedVertical?: boolean;
+      dangerouslySetBackground?: string;
+    } & Omit<import('react-native').ViewProps, 'style'> &
+    React.RefAttributes<View>
 >;
 //# sourceMappingURL=ProgressIndicator.d.ts.map

package/dts/visualizations/ProgressIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,GAAG,QAAQ,GACV,WAAW,CAAC;AAEd,eAAO,MAAM,iBAAiB;IAT5B,uEAAuE;eAC5D,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAClE;;OAEG;YACK,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;;+FAgDzD,CAAC"}
+{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,GAAG,QAAQ,GACV,WAAW,CAAC;AAEd,eAAO,MAAM,iBAAiB;IAT5B,uEAAuE;eAC5D,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAClE;;OAEG;YACK,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;gFAgDzD,CAAC"}

package/dts/visualizations/VisualizationContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DimensionValue } from '@coinbase/cds-common/types';
+import type { DimensionValue } from 'react-native';
 export type VisualizationContainerDimension = {
   width: number;
   height: number;

package/dts/visualizations/VisualizationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisualizationContainer.d.ts","sourceRoot":"","sources":["../../src/visualizations/VisualizationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAMjE,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,+BAA+B,CAAC;AAK1E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiBxE,CAAC"}
+{"version":3,"file":"VisualizationContainer.d.ts","sourceRoot":"","sources":["../../src/visualizations/VisualizationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAMnD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5E,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,+BAA+B,CAAC;AAK1E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiBxE,CAAC"}

package/dts/visualizations/chart/CartesianChart.d.ts

@@ -0,0 +1,204 @@
+import React from 'react';
+import { type StyleProp, type View, type ViewStyle } from 'react-native';
+import { type SkTypefaceFontProvider } from '@shopify/react-native-skia';
+import type { BoxBaseProps, BoxProps } from '../../layout';
+import { type ScrubberAccessibilityViewProps } from './scrubber/ScrubberAccessibilityView';
+import { type ScrubberProviderProps } from './scrubber/ScrubberProvider';
+import {
+  type CartesianAxisConfigProps,
+  type CartesianChartLayout,
+  type ChartInset,
+  type LegendPosition,
+  type Series,
+} from './utils';
+export type CartesianChartBaseProps = Omit<BoxBaseProps, 'fontFamily'> &
+  Pick<ScrubberProviderProps, 'enableScrubbing' | 'onScrubberPositionChange'> & {
+    /**
+     * Configuration objects that define how to visualize the data.
+     * Each series contains its own data array.
+     */
+    series?: Array<Series>;
+    /**
+     * Chart layout - describes the direction bars/areas grow.
+     * - 'vertical' (default): Bars grow vertically. X is category axis, Y is value axis.
+     * - 'horizontal': Bars grow horizontally. Y is category axis, X is value axis.
+     * @default 'vertical'
+     */
+    layout?: CartesianChartLayout;
+    /**
+     * Whether to animate the chart.
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * Configuration for x-axis(es). Can be a single config or array of configs.
+     *
+     * @note Multiple x-axis configs are only supported when `layout="horizontal"`.
+     */
+    xAxis?: Partial<CartesianAxisConfigProps> | Partial<CartesianAxisConfigProps>[];
+    /**
+     * Configuration for y-axis(es). Can be a single config or array of configs.
+     *
+     * @note Multiple y-axis configs are only supported when `layout="vertical"`.
+     */
+    yAxis?: Partial<CartesianAxisConfigProps> | Partial<CartesianAxisConfigProps>[];
+    /**
+     * Inset around the entire chart (outside the axes).
+     */
+    inset?: number | Partial<ChartInset>;
+    /**
+     * Whether to show the legend or a custom legend element.
+     * - `true` renders the default Legend component
+     * - A React element renders that element as the legend
+     * - `false` or omitted hides the legend
+     */
+    legend?: boolean | React.ReactNode;
+    /**
+     * Position of the legend relative to the chart.
+     * @default 'bottom'
+     */
+    legendPosition?: LegendPosition;
+    /**
+     * Accessibility label for the legend group.
+     * @default 'Legend'
+     */
+    legendAccessibilityLabel?: string;
+  };
+export type CartesianChartProps = CartesianChartBaseProps &
+  Pick<ScrubberProviderProps, 'allowOverflowGestures'> &
+  Omit<BoxProps, 'fontFamily'> & {
+    /**
+     * Default font families to use within ChartText.
+     * If not provided, will be the default for the system.
+     * @example
+     * ['Helvetica', 'sans-serif']
+     */
+    fontFamilies?: string[];
+    /**
+     * Skia font provider to allow for custom fonts.
+     * If not provided, the only available fonts will be those defined by the system.
+     */
+    fontProvider?: SkTypefaceFontProvider;
+    /**
+     * Function that returns the accessibility label for each scrubber point.
+     * Receives `dataIndex` for each scrubber point label.
+     */
+    getScrubberAccessibilityLabel?: ScrubberAccessibilityViewProps['accessibilityLabel'];
+    /**
+     * Number of data points to move between screen-reader samples.
+     */
+    scrubberAccessibilityLabelStep?: number;
+    /**
+     * Custom styles for the root element.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the component.
+     */
+    styles?: {
+      /**
+       * Custom styles for the root element.
+       */
+      root?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the chart canvas element.
+       */
+      chart?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const CartesianChart: React.NamedExoticComponent<
+  Omit<BoxBaseProps, 'fontFamily'> &
+    Pick<ScrubberProviderProps, 'enableScrubbing' | 'onScrubberPositionChange'> & {
+      /**
+       * Configuration objects that define how to visualize the data.
+       * Each series contains its own data array.
+       */
+      series?: Array<Series>;
+      /**
+       * Chart layout - describes the direction bars/areas grow.
+       * - 'vertical' (default): Bars grow vertically. X is category axis, Y is value axis.
+       * - 'horizontal': Bars grow horizontally. Y is category axis, X is value axis.
+       * @default 'vertical'
+       */
+      layout?: CartesianChartLayout;
+      /**
+       * Whether to animate the chart.
+       * @default true
+       */
+      animate?: boolean;
+      /**
+       * Configuration for x-axis(es). Can be a single config or array of configs.
+       *
+       * @note Multiple x-axis configs are only supported when `layout="horizontal"`.
+       */
+      xAxis?: Partial<CartesianAxisConfigProps> | Partial<CartesianAxisConfigProps>[];
+      /**
+       * Configuration for y-axis(es). Can be a single config or array of configs.
+       *
+       * @note Multiple y-axis configs are only supported when `layout="vertical"`.
+       */
+      yAxis?: Partial<CartesianAxisConfigProps> | Partial<CartesianAxisConfigProps>[];
+      /**
+       * Inset around the entire chart (outside the axes).
+       */
+      inset?: number | Partial<ChartInset>;
+      /**
+       * Whether to show the legend or a custom legend element.
+       * - `true` renders the default Legend component
+       * - A React element renders that element as the legend
+       * - `false` or omitted hides the legend
+       */
+      legend?: boolean | React.ReactNode;
+      /**
+       * Position of the legend relative to the chart.
+       * @default 'bottom'
+       */
+      legendPosition?: LegendPosition;
+      /**
+       * Accessibility label for the legend group.
+       * @default 'Legend'
+       */
+      legendAccessibilityLabel?: string;
+    } & Pick<ScrubberProviderProps, 'allowOverflowGestures'> &
+    Omit<BoxProps, 'fontFamily'> & {
+      /**
+       * Default font families to use within ChartText.
+       * If not provided, will be the default for the system.
+       * @example
+       * ['Helvetica', 'sans-serif']
+       */
+      fontFamilies?: string[];
+      /**
+       * Skia font provider to allow for custom fonts.
+       * If not provided, the only available fonts will be those defined by the system.
+       */
+      fontProvider?: SkTypefaceFontProvider;
+      /**
+       * Function that returns the accessibility label for each scrubber point.
+       * Receives `dataIndex` for each scrubber point label.
+       */
+      getScrubberAccessibilityLabel?: ScrubberAccessibilityViewProps['accessibilityLabel'];
+      /**
+       * Number of data points to move between screen-reader samples.
+       */
+      scrubberAccessibilityLabelStep?: number;
+      /**
+       * Custom styles for the root element.
+       */
+      style?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the component.
+       */
+      styles?: {
+        /**
+         * Custom styles for the root element.
+         */
+        root?: StyleProp<ViewStyle>;
+        /**
+         * Custom styles for the chart canvas element.
+         */
+        chart?: StyleProp<ViewStyle>;
+      };
+    } & React.RefAttributes<View>
+>;
+//# sourceMappingURL=CartesianChart.d.ts.map

package/dts/visualizations/chart/CartesianChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/CartesianChart.tsx"],"names":[],"mappings":"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"}

package/dts/visualizations/chart/ChartContextBridge.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Simplified context bridge utilities for React Native.
+ * Adapted from its-fine to enable context sharing across React renderers
+ * https://github.com/pmndrs/its-fine/blob/598b81f02778c22ed21121c2b1a786bdefb14e23/src/index.tsx
+ */
+import { Component, type Context, type FC, type PropsWithChildren, type ReactNode } from 'react';
+/**
+ * A react-internal tree node provider that binds React children to the React tree for chart context bridging.
+ */
+export declare class ChartBridgeProvider extends Component<{
+  children?: ReactNode;
+}> {
+  private _reactInternals;
+  render(): import('react/jsx-runtime').JSX.Element;
+}
+export type ContextMap = Map<Context<any>, any> & {
+  get<T>(context: Context<T>): T | undefined;
+};
+/**
+ * Represents a chart context bridge provider component.
+ */
+export type ChartContextBridge = FC<PropsWithChildren<object>>;
+/**
+ * Returns a ChartContextBridge of live context providers to pierce Context across renderers.
+ * Pass ChartContextBridge as a component to a secondary renderer (e.g., Skia Canvas) to enable context-sharing in charts.
+ */
+export declare function useChartContextBridge(): ChartContextBridge;
+//# sourceMappingURL=ChartContextBridge.d.ts.map

package/dts/visualizations/chart/ChartContextBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartContextBridge.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/ChartContextBridge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,SAAS,EACT,KAAK,OAAO,EAEZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAoFf;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;IAC1E,OAAO,CAAC,eAAe,CAAY;IAEnC,MAAM;CAOP;AA4BD,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG;IAChD,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAC5C,CAAC;AAmCF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAgB1D"}

package/dts/visualizations/chart/ChartProvider.d.ts

@@ -0,0 +1,9 @@
+import type { CartesianChartContextValue } from './utils';
+export declare const CartesianChartContext: import('react').Context<
+  CartesianChartContextValue | undefined
+>;
+export declare const useCartesianChartContext: () => CartesianChartContextValue;
+export declare const CartesianChartProvider: import('react').Provider<
+  CartesianChartContextValue | undefined
+>;
+//# sourceMappingURL=ChartProvider.d.ts.map

package/dts/visualizations/chart/ChartProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProvider.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/ChartProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,qBAAqB,iEAEjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,0BAQ3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,kEAAiC,CAAC"}

package/dts/visualizations/chart/Path.d.ts

@@ -0,0 +1,122 @@
+import type { Rect } from '@coinbase/cds-common/types';
+import { type AnimatedProp, type PathProps as SkiaPathProps } from '@shopify/react-native-skia';
+import { type Transition } from './utils/transition';
+/**
+ * Duration in milliseconds for path enter transition.
+ */
+export declare const pathEnterTransitionDuration = 500;
+export type PathBaseProps = {
+  /**
+   * Whether to animate this path. Overrides the animate prop on the Chart component.
+   */
+  animate?: boolean;
+  /**
+   * Initial path for enter animation.
+   * When provided, the first animation will go from initialPath to d.
+   * If not provided, defaults to d (no enter animation).
+   */
+  initialPath?: string;
+  /**
+   * Fill color for the path.
+   * When provided, will render a fill with the given color.
+   * If not provided, will not render a fill.
+   */
+  fill?: string;
+  /**
+   * Opacity for the path fill.
+   */
+  fillOpacity?: number;
+  /**
+   * Stroke color for the path.
+   * When provided, will render a fill with the given color.
+   * If not provided, will not render a fill.
+   */
+  stroke?: string;
+  /**
+   * Opacity for the path stroke.
+   */
+  strokeOpacity?: AnimatedProp<number>;
+};
+export type PathProps = PathBaseProps &
+  Pick<
+    SkiaPathProps,
+    | 'antiAlias'
+    | 'blendMode'
+    | 'children'
+    | 'dither'
+    | 'invertClip'
+    | 'origin'
+    | 'matrix'
+    | 'strokeCap'
+    | 'strokeJoin'
+    | 'strokeMiter'
+    | 'strokeWidth'
+    | 'style'
+    | 'transform'
+  > & {
+    /**
+     * Transition configuration for enter and update animations.
+     * @note Disable an animation by passing in null.
+     *
+     * @default transitions = {{
+     *   enter: { type: 'timing', duration: 500 },
+     *   enterOpacity: undefined,
+     *   update: { type: 'spring', stiffness: 900, damping: 120 }
+     * }}
+     *
+     * @example
+     * // Custom enter and update transitions
+     * transitions={{ enter: { type: 'timing', duration: 300 }, update: { type: 'spring', damping: 20 } }}
+     *
+     * @example
+     * // Disable enter animation
+     * transitions={{ enter: null }}
+     */
+    transitions?: {
+      /**
+       * Transition for the initial enter/reveal animation.
+       * Set to `null` to disable.
+       */
+      enter?: Transition | null;
+      /**
+       * Transition for the initial enter opacity animation.
+       * When provided, path opacity animates from 0 to 1.
+       * Set to `null` to disable.
+       */
+      enterOpacity?: Transition | null;
+      /**
+       * Transition for subsequent data update animations.
+       * Set to `null` to disable.
+       */
+      update?: Transition | null;
+    };
+    /**
+     * Transition for updates.
+     * @deprecated Use `transitions.update` instead. This will be removed in a future major release.
+     * @deprecationExpectedRemoval v4
+     */
+    transition?: Transition;
+    /**
+     * The SVG path data string.
+     * @note d only supports transitions for string values, not animated values.
+     */
+    d?: AnimatedProp<string | undefined>;
+    /**
+     * Offset added to the clip rect boundaries.
+     */
+    clipOffset?: number;
+    /**
+     * Custom clip path.
+     * When set, overrides clipRect.
+     * @note pass null to disable clipping.
+     */
+    clipPath?: string | null;
+    /**
+     * Custom clip path rect. If provided, this overrides the default chart rect for clipping.
+     * @default drawingArea of chart + clipOffset
+     * Will be overridden by clipPath if set.
+     */
+    clipRect?: Rect;
+  };
+export declare const Path: import('react').NamedExoticComponent<PathProps>;
+//# sourceMappingURL=Path.d.ts.map

package/dts/visualizations/chart/Path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/Path.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EACL,KAAK,YAAY,EAGjB,KAAK,SAAS,IAAI,aAAa,EAGhC,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAIL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAC;AAI5B;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,IAAI,CACF,aAAa,EACX,WAAW,GACX,WAAW,GACX,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,aAAa,GACb,aAAa,GACb,OAAO,GACP,WAAW,CACd,GAAG;IACF;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE;QACZ;;;WAGG;QACH,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;QAC1B;;;;WAIG;QACH,YAAY,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;QACjC;;;WAGG;QACH,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;KAC5B,CAAC;IACF;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB,CAAC;AAqEJ,eAAO,MAAM,IAAI,iDAgNf,CAAC"}