@coinbase/cds-mobile-visualization 3.8.0 → 4.0.0

package/CHANGELOG.md

@@ -8,6 +8,20 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 4.0.0 (5/20/2026 PST)
+
+- **DEPRECATED** This package has been deprecated. Please import all visualization/chat components from the cds-mobile package.
+
+#### 💥 Breaking
+
+- Visualization/chart components have been migrated to cds-mobile and re-exported for backwards compatibility. As a result, deep import paths will not resolve correctly on this version. Please import from the barrel file modules instead or migrate to the same components in cds-mobile.
+
+## 3.8.1 (5/18/2026 PST)
+
+#### 🐞 Fixes
+
+- Fix(CDS-2065): keep Gradient colors in sync with positions on stop count changes. [[#3455](https://github.com/coinbase/cds/pull/3455)]
+
 ## 3.8.0 (5/8/2026 PST)
 
 #### 🚀 Updates

package/dts/chart/index.d.ts

@@ -1,16 +1,2 @@
-export * from './area';
-export * from './axis';
-export * from './bar';
-export * from './CartesianChart';
-export * from './ChartContextBridge';
-export * from './ChartProvider';
-export * from './gradient';
-export * from './legend';
-export * from './line';
-export * from './Path';
-export * from './PeriodSelector';
-export * from './point';
-export * from './scrubber';
-export * from './text';
-export * from './utils';
+export * from '@coinbase/cds-mobile/visualizations/chart';
 //# sourceMappingURL=index.d.ts.map

package/dts/chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chart/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC"}

package/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dts/sparkline/index.d.ts

@@ -1,6 +1,2 @@
-export * from './Sparkline';
-export * from './sparkline-interactive/SparklineInteractive';
-export * from './sparkline-interactive-header/SparklineInteractiveHeader';
-export * from './SparklineArea';
-export * from './SparklineGradient';
+export * from '@coinbase/cds-mobile/visualizations/sparkline';
 //# sourceMappingURL=index.d.ts.map

package/dts/sparkline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sparkline/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,8CAA8C,CAAC;AAC7D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sparkline/index.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAC"}

package/esm/chart/index.js

@@ -1,17 +1 @@
-// codegen:start {preset: barrel, include: [./*.tsx, ./*/index.ts]}
-export * from './area';
-export * from './axis';
-export * from './bar';
-export * from './CartesianChart';
-export * from './ChartContextBridge';
-export * from './ChartProvider';
-export * from './gradient';
-export * from './legend';
-export * from './line';
-export * from './Path';
-export * from './PeriodSelector';
-export * from './point';
-export * from './scrubber';
-export * from './text';
-export * from './utils';
-// codegen:end
+export * from '@coinbase/cds-mobile/visualizations/chart';

package/esm/index.js

@@ -1,4 +1,2 @@
-// codegen:start {preset: barrel, include: ./*/index.ts}
 export * from './chart';
-export * from './sparkline';
-// codegen:end
+export * from './sparkline';

package/esm/sparkline/index.js

@@ -1,5 +1 @@
-export * from './Sparkline';
-export * from './sparkline-interactive/SparklineInteractive';
-export * from './sparkline-interactive-header/SparklineInteractiveHeader';
-export * from './SparklineArea';
-export * from './SparklineGradient';
+export * from '@coinbase/cds-mobile/visualizations/sparkline';

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@coinbase/cds-mobile-visualization",
-  "version": "3.8.0",
+  "version": "4.0.0",
   "description": "Coinbase Design System - Mobile Visualization Native",
+  "deprecated": "Use @coinbase/cds-mobile/visualizations/chart and @coinbase/cds-mobile/visualizations/sparkline instead.",
   "repository": {
     "type": "git",
     "url": "git@github.com:coinbase/cds.git",
@@ -36,17 +37,18 @@
     "CHANGELOG"
   ],
   "peerDependencies": {
-    "@coinbase/cds-common": "^8.70.0",
+    "@coinbase/cds-common": "^9.0.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
-    "@coinbase/cds-mobile": "^8.70.0",
+    "@coinbase/cds-mobile": "^9.0.0",
     "@coinbase/cds-utils": "^2.3.5",
-    "@shopify/react-native-skia": "^1.12.4 || ^2.0.0",
-    "react": "^18.3.1",
-    "react-native": "^0.74.5",
-    "react-native-gesture-handler": "^2.16.2",
-    "react-native-reanimated": "^3.14.0",
-    "react-native-safe-area-context": "^4.10.5",
-    "react-native-svg": "^14.1.0"
+    "@shopify/react-native-skia": "2.2.12",
+    "react": "~19.1.2",
+    "react-native": "~0.81.5",
+    "react-native-gesture-handler": "2.28.0",
+    "react-native-reanimated": "4.1.1",
+    "react-native-safe-area-context": "5.6.0",
+    "react-native-svg": "15.12.1",
+    "react-native-worklets": "0.5.2"
   },
   "dependencies": {
     "d3-interpolate-path": "^2.3.0",
@@ -55,18 +57,22 @@
   "devDependencies": {
     "@babel/core": "^7.28.0",
     "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.27.1",
-    "@coinbase/cds-common": "^8.70.0",
+    "@coinbase/cds-common": "^9.0.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
-    "@coinbase/cds-mobile": "^8.70.0",
+    "@coinbase/cds-mobile": "^9.0.0",
     "@coinbase/cds-utils": "^2.3.5",
-    "@shopify/react-native-skia": "1.12.4",
-    "@types/react": "^18.3.12",
-    "react-native-gesture-handler": "2.16.2",
-    "react-native-reanimated": "3.14.0",
-    "react-native-safe-area-context": "4.10.5",
-    "react-native-svg": "14.1.0",
-    "react-test-renderer": "^18.3.1"
+    "@shopify/react-native-skia": "2.2.12",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/react": "19.1.2",
+    "react": "19.1.2",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "2.28.0",
+    "react-native-reanimated": "4.1.1",
+    "react-native-safe-area-context": "5.6.0",
+    "react-native-svg": "15.12.1",
+    "react-native-worklets": "0.5.2",
+    "react-test-renderer": "19.1.2"
   }
 }

package/dts/chart/CartesianChart.d.ts

@@ -1,206 +0,0 @@
-import React from 'react';
-import { type StyleProp, type View, type ViewStyle } from 'react-native';
-import type { BoxBaseProps, BoxProps } from '@coinbase/cds-mobile/layout';
-import { type SkTypefaceFontProvider } from '@shopify/react-native-skia';
-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.MemoExoticComponent<
-  React.ForwardRefExoticComponent<
-    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/chart/CartesianChart.d.ts.map

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

package/dts/chart/ChartContextBridge.d.ts

@@ -1,28 +0,0 @@
-/**
- * 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 * as React 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 React.Component<{
-  children?: React.ReactNode;
-}> {
-  private _reactInternals;
-  render(): import('react/jsx-runtime').JSX.Element;
-}
-export type ContextMap = Map<React.Context<any>, any> & {
-  get<T>(context: React.Context<T>): T | undefined;
-};
-/**
- * Represents a chart context bridge provider component.
- */
-export type ChartContextBridge = React.FC<React.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/chart/ChartContextBridge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartContextBridge.d.ts","sourceRoot":"","sources":["../../src/chart/ChartContextBridge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuF/B;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;IACtF,OAAO,CAAC,eAAe,CAAY;IAEnC,MAAM;CAOP;AA4BD,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG;IACtD,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAClD,CAAC;AAmCF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAE3E;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAgB1D"}

package/dts/chart/ChartProvider.d.ts

@@ -1,9 +0,0 @@
-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/chart/ChartProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartProvider.d.ts","sourceRoot":"","sources":["../../src/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/chart/Path.d.ts

@@ -1,121 +0,0 @@
-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.
-     */
-    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/chart/Path.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/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;;OAEG;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,iDAwNf,CAAC"}

package/dts/chart/PeriodSelector.d.ts

@@ -1,100 +0,0 @@
-import React from 'react';
-import { View, type ViewStyle } from 'react-native';
-import { type SegmentedTabsProps, type TabsActiveIndicatorProps } from '@coinbase/cds-mobile/tabs';
-import { type TextBaseProps } from '@coinbase/cds-mobile/typography';
-export declare const PeriodSelectorActiveIndicator: ({
-  activeTabRect,
-  background,
-  position,
-  borderRadius,
-}: TabsActiveIndicatorProps) => import('react/jsx-runtime').JSX.Element | undefined;
-export type LiveTabLabelBaseProps = TextBaseProps & {
-  /**
-   * The label to display.
-   * @default 'LIVE'
-   */
-  label?: string;
-  /**
-   * Whether to hide the dot.
-   */
-  hideDot?: boolean;
-  /**
-   * Style prop for customization
-   */
-  style?: any;
-};
-export type LiveTabLabelProps = LiveTabLabelBaseProps;
-export declare const LiveTabLabel: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<
-    import('@coinbase/cds-mobile/styles/styleProps').StyleProps & {
-      children?: React.ReactNode;
-      style?: import('react-native').Animated.WithAnimatedValue<
-        import('react-native').StyleProp<import('react-native').TextStyle>
-      >;
-      animated?: boolean;
-      align?: 'start' | 'end' | 'center' | 'justify';
-      font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
-      disabled?: boolean;
-      mono?: boolean;
-      underline?: boolean;
-      tabularNumbers?: boolean;
-      numberOfLines?: number;
-      ellipsize?: import('react-native').TextProps['ellipsizeMode'];
-      noWrap?: boolean;
-      dangerouslySetColor?: import('react-native').TextStyle['color'];
-      dangerouslySetBackground?: import('react-native').TextStyle['backgroundColor'];
-      renderEmptyNode?: boolean;
-      testID?: string;
-    } & {
-      /**
-       * The label to display.
-       * @default 'LIVE'
-       */
-      label?: string;
-      /**
-       * Whether to hide the dot.
-       */
-      hideDot?: boolean;
-      /**
-       * Style prop for customization
-       */
-      style?: any;
-    } & React.RefAttributes<View>
-  >
->;
-export type PeriodSelectorProps = SegmentedTabsProps;
-/**
- * PeriodSelector is a specialized version of SegmentedTabs optimized for chart period selection.
- * It provides transparent background, primary wash active state, and full-width layout by default.
- */
-export declare const PeriodSelector: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<
-    Partial<
-      Pick<
-        import('@coinbase/cds-mobile/tabs').TabsBaseProps<string>,
-        'TabComponent' | 'TabsActiveIndicatorComponent'
-      >
-    > &
-      Omit<
-        import('@coinbase/cds-mobile/tabs').TabsBaseProps<string>,
-        'styles' | 'TabComponent' | 'TabsActiveIndicatorComponent'
-      > &
-      Partial<
-        Pick<
-          import('@coinbase/cds-mobile/tabs').TabsProps<string>,
-          'TabComponent' | 'TabsActiveIndicatorComponent'
-        >
-      > &
-      Omit<
-        import('@coinbase/cds-mobile/tabs').TabsProps<string>,
-        'styles' | 'TabComponent' | 'TabsActiveIndicatorComponent'
-      > & {
-        styles?: {
-          root?: import('react-native').StyleProp<ViewStyle>;
-          tab?: import('react-native').StyleProp<ViewStyle>;
-          activeIndicator?: import('react-native').StyleProp<ViewStyle>;
-        };
-      } & React.RefAttributes<any>
-  >
->;
-//# sourceMappingURL=PeriodSelector.d.ts.map

package/dts/chart/PeriodSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../src/chart/PeriodSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAG3E,eAAO,MAAM,6BAA6B,GAAI,wDAK3C,wBAAwB,wDAmD1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAStD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;IAxBvB;;;OAGG;YACK,MAAM;IACd;;OAEG;cACO,OAAO;IACjB;;OAEG;YACK,GAAG;+BAyCZ,CAAC;AAQF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,cAAc;;YA7Hd,CAAC;WAGZ,CAAC;uBAGE,CAAC;;8BAmJL,CAAC"}