@coinbase/cds-mobile 8.13.1 → 8.13.5

package/CHANGELOG.md

@@ -0,0 +1,61 @@
+# @coinbase/cds-mobile
+
+> [NPM registry](https://www.npmjs.com/package/@coinbase/cds-mobile)
+
+All notable changes to this project will be documented in this file.
+
+`@coinbase/cds-mobile` adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+<!-- template-start -->
+
+## 8.13.5 (10/3/2025 PST)
+
+#### 🐞 Fixes
+
+- Support custom font in SegmentedTab. [[#65](https://github.com/coinbase/cds/pull/65)]
+
+## 8.13.4 (10/1/2025 PST)
+
+#### 🐞 Fixes
+
+- Fix tour position flickering issue.
+
+## 8.13.3 (10/1/2025 PST)
+
+#### 🐞 Fixes
+
+- Remove alignSelf="start" from mobile RollingNumber, keeping it the same behavior with web. [[#55](https://github.com/coinbase/cds/pull/55)]
+
+## 8.13.2 (10/1/2025 PST)
+
+#### 🐞 Fixes
+
+- Update links for new repo. [[#42](https://github.com/coinbase/cds/pull/42)]
+
+#### 📘 Misc
+
+- Update Code Connect for Button, IconButton, TabbedChips, MultiContentModule.
+
+## 8.13.1 (9/26/2025 PST)
+
+#### 🐞 Fixes
+
+- Update ARIA attributes for TabbedChips and Tabs. [[#27](https://github.com/coinbase/cds/pull/27)]
+
+## 8.13.0 (9/25/2025 PST)
+
+#### 🚀 Updates
+
+- Added RollingNumber component.
+
+## 8.12.2 ((9/25/2025, 10:10 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.12.1 ((9/24/2025, 09:42 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.12.0 (9/18/2025 PST)
+
+- Prepare for open source release.

package/dts/accordion/Accordion.d.ts

@@ -4,5 +4,15 @@ import { type AccordionProviderProps } from '@coinbase/cds-common/accordion/Acco
 import type { SharedProps } from '@coinbase/cds-common/types';
 export type AccordionBaseProps = SharedProps & AccordionProviderProps;
 export type AccordionProps = AccordionBaseProps & Pick<ViewProps, 'style'>;
-export declare const Accordion: React.MemoExoticComponent<({ activeKey, children, defaultActiveKey, onChange, setActiveKey, testID, style, }: AccordionProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=Accordion.d.ts.map
+export declare const Accordion: React.MemoExoticComponent<
+  ({
+    activeKey,
+    children,
+    defaultActiveKey,
+    onChange,
+    setActiveKey,
+    testID,
+    style,
+  }: AccordionProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dts/accordion/AccordionHeader.d.ts

@@ -3,20 +3,23 @@ import type { View } from 'react-native';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import type { CollapsibleBaseProps } from '../collapsible/Collapsible';
 export type AccordionMediaBaseProps = {
-    media?: React.ReactNode;
+  media?: React.ReactNode;
 };
 export type AccordionTitleBaseProps = {
-    /**
-     * Title of the accordion item
-     */
-    title: string;
-    /**
-     * Subtitle of the accordion item
-     */
-    subtitle?: string;
+  /**
+   * Title of the accordion item
+   */
+  title: string;
+  /**
+   * Subtitle of the accordion item
+   */
+  subtitle?: string;
 };
 export type AccordionIconBaseProps = Pick<CollapsibleBaseProps, 'collapsed'>;
-export type AccordionHeaderBaseProps = SharedProps & AccordionMediaBaseProps & AccordionTitleBaseProps & AccordionIconBaseProps & {
+export type AccordionHeaderBaseProps = SharedProps &
+  AccordionMediaBaseProps &
+  AccordionTitleBaseProps &
+  AccordionIconBaseProps & {
     /**
      * Callback function fired when the accordion item is pressed
      */
@@ -27,28 +30,41 @@ export type AccordionHeaderBaseProps = SharedProps & AccordionMediaBaseProps & A
      * unless you want multiple items to be controlled at the same time.
      */
     itemKey: string;
-};
+  };
 export type AccordionMediaProps = AccordionMediaBaseProps;
-export declare const AccordionMedia: React.MemoExoticComponent<({ media }: AccordionMediaProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AccordionMedia: React.MemoExoticComponent<
+  ({ media }: AccordionMediaProps) => import('react/jsx-runtime').JSX.Element
+>;
 export type AccordionTitleProps = AccordionTitleBaseProps;
-export declare const AccordionTitle: React.MemoExoticComponent<({ title, subtitle }: AccordionTitleProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AccordionTitle: React.MemoExoticComponent<
+  ({ title, subtitle }: AccordionTitleProps) => import('react/jsx-runtime').JSX.Element
+>;
 export type AccordionIconProps = AccordionIconBaseProps;
-export declare const AccordionIcon: React.MemoExoticComponent<({ collapsed }: AccordionIconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AccordionIcon: React.MemoExoticComponent<
+  ({ collapsed }: AccordionIconProps) => import('react/jsx-runtime').JSX.Element
+>;
 export type AccordionHeaderProps = AccordionHeaderBaseProps;
 /**
  * Renders a Pressable element to use as the header to an AccordionItem.
  * Composes an Accordion Media, Title, and Icon.
  */
-export declare const AccordionHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & AccordionMediaBaseProps & AccordionTitleBaseProps & AccordionIconBaseProps & {
-    /**
-     * Callback function fired when the accordion item is pressed
-     */
-    onPress?: (key: string) => void;
-    /**
-     * Key of the accordion item.
-     * This should be unique inside the same Accordion
-     * unless you want multiple items to be controlled at the same time.
-     */
-    itemKey: string;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=AccordionHeader.d.ts.map
+export declare const AccordionHeader: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      AccordionMediaBaseProps &
+      AccordionTitleBaseProps &
+      AccordionIconBaseProps & {
+        /**
+         * Callback function fired when the accordion item is pressed
+         */
+        onPress?: (key: string) => void;
+        /**
+         * Key of the accordion item.
+         * This should be unique inside the same Accordion
+         * unless you want multiple items to be controlled at the same time.
+         */
+        itemKey: string;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=AccordionHeader.d.ts.map

package/dts/accordion/AccordionItem.d.ts

@@ -2,15 +2,30 @@ import React from 'react';
 import type { View, ViewProps } from 'react-native';
 import { type AccordionHeaderBaseProps } from './AccordionHeader';
 import { type AccordionPanelBaseProps } from './AccordionPanel';
-export type AccordionItemBaseProps = Pick<ViewProps, 'style'> & Omit<AccordionHeaderBaseProps, 'collapsed'> & Omit<AccordionPanelBaseProps, 'collapsed'> & {
+export type AccordionItemBaseProps = Pick<ViewProps, 'style'> &
+  Omit<AccordionHeaderBaseProps, 'collapsed'> &
+  Omit<AccordionPanelBaseProps, 'collapsed'> & {
     headerRef?: React.RefObject<View>;
     panelRef?: React.RefObject<View>;
-};
+  };
 export type AccordionItemProps = AccordionItemBaseProps;
 /**
  * A component that represents a single item within an Accordion.
  * It composes together an AccordionHeader and a collapsible AccordionPanel.
  * Accepts a unique `itemKey` prop to uniquely identify one item from another within the same Accordion.
  */
-export declare const AccordionItem: React.MemoExoticComponent<({ itemKey, title, subtitle, children, onPress, media, testID, headerRef, panelRef, style, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=AccordionItem.d.ts.map
+export declare const AccordionItem: React.MemoExoticComponent<
+  ({
+    itemKey,
+    title,
+    subtitle,
+    children,
+    onPress,
+    media,
+    testID,
+    headerRef,
+    panelRef,
+    style,
+  }: AccordionItemProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dts/accordion/AccordionPanel.d.ts

@@ -2,25 +2,31 @@ import React from 'react';
 import type { View } from 'react-native';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import { type CollapsibleBaseProps } from '../collapsible/Collapsible';
-export type AccordionPanelBaseProps = SharedProps & Pick<CollapsibleBaseProps, 'collapsed' | 'children'> & {
+export type AccordionPanelBaseProps = SharedProps &
+  Pick<CollapsibleBaseProps, 'collapsed' | 'children'> & {
     /**
      * Key of the accordion item.
      * This should be unique inside the same Accordion
      * unless you want multiple items to be controlled at the same time.
      */
     itemKey: string;
-};
+  };
 export type AccordionPanelProps = AccordionPanelBaseProps;
 /**
  * Renders a collapsible element to use as the primary content container for an AccordionItem.
  * Accepts a unique `itemKey` prop to uniquely identify one panel from another.
  */
-export declare const AccordionPanel: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & Pick<CollapsibleBaseProps, "children" | "collapsed"> & {
-    /**
-     * Key of the accordion item.
-     * This should be unique inside the same Accordion
-     * unless you want multiple items to be controlled at the same time.
-     */
-    itemKey: string;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=AccordionPanel.d.ts.map
+export declare const AccordionPanel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<CollapsibleBaseProps, 'children' | 'collapsed'> & {
+        /**
+         * Key of the accordion item.
+         * This should be unique inside the same Accordion
+         * unless you want multiple items to be controlled at the same time.
+         */
+        itemKey: string;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=AccordionPanel.d.ts.map

package/dts/accordion/__figma__/Accordion.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Accordion.figma.d.ts.map
+//# sourceMappingURL=Accordion.figma.d.ts.map

package/dts/accordion/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Accordion';
 export * from './AccordionItem';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/alpha/carousel/Carousel.d.ts

@@ -2,55 +2,67 @@ import React from 'react';
 import type { ScrollView, ScrollViewProps } from 'react-native';
 import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-import type { CarouselId, CarouselOnDismissItem, CarouselOnDismissLastItem, CarouselRef } from './types';
+import type {
+  CarouselId,
+  CarouselOnDismissItem,
+  CarouselOnDismissLastItem,
+  CarouselRef,
+} from './types';
 export type { CarouselId, CarouselRef };
 export type CarouselProps = {
-    /** Determines whether progress indicators are shown in top left of Carousel. */
-    showProgress?: boolean;
-    /** Determines where dismiss IconButton is shown in each Carousel slide. */
-    showDismiss?: boolean;
-    /** An array of React.Elements to use as child for each Carousel slide. A unique key, not based on index must be provided. */
-    items: React.ReactElement[];
-    /** Return value from useCarousel hook. Allows access to certain internal data/methods of Carousel. */
-    carouselRef?: React.MutableRefObject<CarouselRef | undefined>;
-    /** Gap to insert between siblings. The last item will exclude additional spacing. */
-    gap?: ThemeVars.Space;
-    /** Optional callback function which will run after a Carousel item is dismissed. */
-    onDismissItem?: CarouselOnDismissItem;
-    /** Optional callback function which will run after the last item is dismissed and Carousel height is collapsed. */
-    onDismissLastItem?: CarouselOnDismissLastItem;
-    /** The width of each Carousel item. */
-    itemWidth?: number;
-    /** Optional boolean to have the Carousel calculate the Carousel Item height */
-    autoHeight?: boolean;
-    /** Accessibility label of CarouselItem dismiss button */
-    dismissButtonAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
-    /** Accessibility hint of CarouselItem dismiss button */
-    dismissButtonAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
-} & Omit<ScrollViewProps, 'style'> & SharedProps;
+  /** Determines whether progress indicators are shown in top left of Carousel. */
+  showProgress?: boolean;
+  /** Determines where dismiss IconButton is shown in each Carousel slide. */
+  showDismiss?: boolean;
+  /** An array of React.Elements to use as child for each Carousel slide. A unique key, not based on index must be provided. */
+  items: React.ReactElement[];
+  /** Return value from useCarousel hook. Allows access to certain internal data/methods of Carousel. */
+  carouselRef?: React.MutableRefObject<CarouselRef | undefined>;
+  /** Gap to insert between siblings. The last item will exclude additional spacing. */
+  gap?: ThemeVars.Space;
+  /** Optional callback function which will run after a Carousel item is dismissed. */
+  onDismissItem?: CarouselOnDismissItem;
+  /** Optional callback function which will run after the last item is dismissed and Carousel height is collapsed. */
+  onDismissLastItem?: CarouselOnDismissLastItem;
+  /** The width of each Carousel item. */
+  itemWidth?: number;
+  /** Optional boolean to have the Carousel calculate the Carousel Item height */
+  autoHeight?: boolean;
+  /** Accessibility label of CarouselItem dismiss button */
+  dismissButtonAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
+  /** Accessibility hint of CarouselItem dismiss button */
+  dismissButtonAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
+} & Omit<ScrollViewProps, 'style'> &
+  SharedProps;
 /** @deprecated This component will be removed in a future version. Use new Carousel component instead. */
-export declare const Carousel: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    /** Determines whether progress indicators are shown in top left of Carousel. */
-    showProgress?: boolean;
-    /** Determines where dismiss IconButton is shown in each Carousel slide. */
-    showDismiss?: boolean;
-    /** An array of React.Elements to use as child for each Carousel slide. A unique key, not based on index must be provided. */
-    items: React.ReactElement[];
-    /** Return value from useCarousel hook. Allows access to certain internal data/methods of Carousel. */
-    carouselRef?: React.MutableRefObject<CarouselRef | undefined>;
-    /** Gap to insert between siblings. The last item will exclude additional spacing. */
-    gap?: ThemeVars.Space;
-    /** Optional callback function which will run after a Carousel item is dismissed. */
-    onDismissItem?: CarouselOnDismissItem;
-    /** Optional callback function which will run after the last item is dismissed and Carousel height is collapsed. */
-    onDismissLastItem?: CarouselOnDismissLastItem;
-    /** The width of each Carousel item. */
-    itemWidth?: number;
-    /** Optional boolean to have the Carousel calculate the Carousel Item height */
-    autoHeight?: boolean;
-    /** Accessibility label of CarouselItem dismiss button */
-    dismissButtonAccessibilityLabel?: SharedAccessibilityProps["accessibilityLabel"];
-    /** Accessibility hint of CarouselItem dismiss button */
-    dismissButtonAccessibilityHint?: SharedAccessibilityProps["accessibilityHint"];
-} & Omit<ScrollViewProps, "style"> & SharedProps & React.RefAttributes<ScrollView>>>;
-//# sourceMappingURL=Carousel.d.ts.map
+export declare const Carousel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** Determines whether progress indicators are shown in top left of Carousel. */
+      showProgress?: boolean;
+      /** Determines where dismiss IconButton is shown in each Carousel slide. */
+      showDismiss?: boolean;
+      /** An array of React.Elements to use as child for each Carousel slide. A unique key, not based on index must be provided. */
+      items: React.ReactElement[];
+      /** Return value from useCarousel hook. Allows access to certain internal data/methods of Carousel. */
+      carouselRef?: React.MutableRefObject<CarouselRef | undefined>;
+      /** Gap to insert between siblings. The last item will exclude additional spacing. */
+      gap?: ThemeVars.Space;
+      /** Optional callback function which will run after a Carousel item is dismissed. */
+      onDismissItem?: CarouselOnDismissItem;
+      /** Optional callback function which will run after the last item is dismissed and Carousel height is collapsed. */
+      onDismissLastItem?: CarouselOnDismissLastItem;
+      /** The width of each Carousel item. */
+      itemWidth?: number;
+      /** Optional boolean to have the Carousel calculate the Carousel Item height */
+      autoHeight?: boolean;
+      /** Accessibility label of CarouselItem dismiss button */
+      dismissButtonAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
+      /** Accessibility hint of CarouselItem dismiss button */
+      dismissButtonAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
+    } & Omit<ScrollViewProps, 'style'> &
+      SharedProps &
+      React.RefAttributes<ScrollView>
+  >
+>;
+//# sourceMappingURL=Carousel.d.ts.map

package/dts/alpha/carousel/CarouselControlsWrapper.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { HStackProps } from '../../layout/HStack';
 export type CarouselControlsWrapperProps = HStackProps & {
-    children?: React.ReactNode;
+  children?: React.ReactNode;
 };
 /** Wrapper to house ProgressIndicators and Dismiss IconButton when controls are shown in Carousel */
 export declare const CarouselControlsWrapper: React.NamedExoticComponent<CarouselControlsWrapperProps>;
-//# sourceMappingURL=CarouselControlsWrapper.d.ts.map
+//# sourceMappingURL=CarouselControlsWrapper.d.ts.map

package/dts/alpha/carousel/CarouselItem.d.ts

@@ -4,38 +4,38 @@ import type { SharedAccessibilityProps } from '@coinbase/cds-common';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { CarouselHandleDismissItem, CarouselId, CarouselOnItemMount } from './types';
 export type CarouselItemContextValue = {
-    id: CarouselId;
-    dismiss: CarouselHandleDismissItem;
+  id: CarouselId;
+  dismiss: CarouselHandleDismissItem;
 };
 /**
  * Used internally within CarouselItem component to provide access to id and dismiss.
  */
 export declare const CarouselItemContext: React.Context<CarouselItemContextValue | undefined>;
 type CarouselItemProps = {
-    /** Id of CarouselItem. Set via key prop when passing in items to parent Carousel component. */
-    id: CarouselId;
-    /** Index of the CarouselItem. This changes based on dismissedItems. */
-    index: number;
-    /** Determines how much padding should be between this CarouselItem and the next one. */
-    paddingEnd: ThemeVars.Space;
-    /** Show the dismiss IconButton in each CarouselItem.  */
-    showDismiss?: boolean;
-    /** x position of the Carousel scroll view. Used to interpolate opacity of dismiss button when showDismiss is true. */
-    xOffset: Animated.Value;
-    /** The total number of slides in a Carousel. Is used to understand certain conditions such as if is the last or only item. */
-    totalItems: number;
-    /** The width for Carousel slide. */
-    width: number;
-    /** The animated opacity for progress indicators. When the second to last item is dismissed we want to fade out progress indicators. */
-    progressOpacity?: Animated.Value;
-    /** Optional callback function which will run after a Carousel item is dismissed. */
-    onDismiss?: () => void;
-    /** Optional callback function which will run after the last item is dismissed and Carousel height is collapsed. */
-    onDismissLastItem?: () => void;
-    onMount: CarouselOnItemMount;
-    dismissButtonAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
-    dismissButtonAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
+  /** Id of CarouselItem. Set via key prop when passing in items to parent Carousel component. */
+  id: CarouselId;
+  /** Index of the CarouselItem. This changes based on dismissedItems. */
+  index: number;
+  /** Determines how much padding should be between this CarouselItem and the next one. */
+  paddingEnd: ThemeVars.Space;
+  /** Show the dismiss IconButton in each CarouselItem.  */
+  showDismiss?: boolean;
+  /** x position of the Carousel scroll view. Used to interpolate opacity of dismiss button when showDismiss is true. */
+  xOffset: Animated.Value;
+  /** The total number of slides in a Carousel. Is used to understand certain conditions such as if is the last or only item. */
+  totalItems: number;
+  /** The width for Carousel slide. */
+  width: number;
+  /** The animated opacity for progress indicators. When the second to last item is dismissed we want to fade out progress indicators. */
+  progressOpacity?: Animated.Value;
+  /** Optional callback function which will run after a Carousel item is dismissed. */
+  onDismiss?: () => void;
+  /** Optional callback function which will run after the last item is dismissed and Carousel height is collapsed. */
+  onDismissLastItem?: () => void;
+  onMount: CarouselOnItemMount;
+  dismissButtonAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
+  dismissButtonAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
 };
 export declare const CarouselItem: React.FC<React.PropsWithChildren<CarouselItemProps>>;
 export {};
-//# sourceMappingURL=CarouselItem.d.ts.map
+//# sourceMappingURL=CarouselItem.d.ts.map

package/dts/alpha/carousel/types.d.ts

@@ -3,30 +3,30 @@ import type { ScrollToEndFn, ScrollToFn, ScrollToParams } from '../../hooks/useS
 export type CarouselId = string | number;
 export type CarouselScrollToId = (id: CarouselId, params?: ScrollToParams | undefined) => void;
 export type CarouselRef = {
-    dismissedItems: Set<CarouselId>;
-    length: number;
-    resetDismissedItems: () => void;
-    scrollToId: CarouselScrollToId;
-    scrollTo: ScrollToFn;
-    scrollToEnd: ScrollToEndFn;
-    currentIndex: number;
+  dismissedItems: Set<CarouselId>;
+  length: number;
+  resetDismissedItems: () => void;
+  scrollToId: CarouselScrollToId;
+  scrollTo: ScrollToFn;
+  scrollToEnd: ScrollToEndFn;
+  currentIndex: number;
 };
 export type CarouselItemAnimatedStyles = {
-    opacity: Animated.Value;
-    width: Animated.Value;
-    height: Animated.Value | undefined;
+  opacity: Animated.Value;
+  width: Animated.Value;
+  height: Animated.Value | undefined;
 };
 export type CarouselMountedItemInfo = {
-    animatedStyles: CarouselItemAnimatedStyles;
-    id: CarouselId;
-    index: number;
+  animatedStyles: CarouselItemAnimatedStyles;
+  id: CarouselId;
+  index: number;
 };
 export type CarouselMountedItemsInfo = Record<CarouselId, CarouselMountedItemInfo>;
 export type CarouselOnItemMount = (params: CarouselItemAnimatedStyles) => void;
 export type CarouselOnDismissItem = (id: CarouselId) => void;
 export type CarouselOnDismissLastItem = (params: {
-    id: CarouselId;
-    resetDismissedItems: () => void;
+  id: CarouselId;
+  resetDismissedItems: () => void;
 }) => void;
 export type CarouselHandleDismissItem = (callbackFn?: CarouselOnDismissItem) => void;
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dts/alpha/carousel/useCarousel.d.ts

@@ -10,5 +10,5 @@ import type { CarouselRef } from './types';
  * <Carousel carouselRef={carouselRef} />
  * ```
  */
-export declare const useCarousel: () => import("react").MutableRefObject<CarouselRef>;
-//# sourceMappingURL=useCarousel.d.ts.map
+export declare const useCarousel: () => import('react').MutableRefObject<CarouselRef>;
+//# sourceMappingURL=useCarousel.d.ts.map

package/dts/alpha/carousel/useCarouselItem.d.ts

@@ -19,4 +19,4 @@ import type { CarouselItemContextValue } from './CarouselItem';
  * ```
  */
 export declare const useCarouselItem: () => CarouselItemContextValue;
-//# sourceMappingURL=useCarouselItem.d.ts.map
+//# sourceMappingURL=useCarouselItem.d.ts.map

package/dts/animation/AnimationProps.d.ts

@@ -1,7 +1,7 @@
 import type { Animated } from 'react-native';
 export type AnimationHookProps<T> = {
-    animatedStyles: T;
-    animateIn: Animated.CompositeAnimation;
-    animateOut: Animated.CompositeAnimation;
+  animatedStyles: T;
+  animateIn: Animated.CompositeAnimation;
+  animateOut: Animated.CompositeAnimation;
 };
-//# sourceMappingURL=AnimationProps.d.ts.map
+//# sourceMappingURL=AnimationProps.d.ts.map

package/dts/animation/Lottie.d.ts

@@ -2,18 +2,27 @@ import React from 'react';
 import { Animated } from 'react-native';
 import LottieView from 'lottie-react-native';
 export type LottieMobileRef = React.ForwardedRef<LottieView>;
-export declare const Lottie: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../layout").BoxBaseProps, "justifyContent" | "alignContent" | "flexDirection" | "flexWrap"> & {
-    autoplay?: boolean;
-    loop?: boolean;
-    onAnimationFinish?: () => void;
-    resizeMode?: "cover" | "contain" | "center";
-    source: import("@coinbase/cds-common").LottieSource;
-    progress?: number | Animated.Value | Animated.AnimatedInterpolation<number>;
-    colorFilters?: {
+export declare const Lottie: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<
+      import('../layout').BoxBaseProps,
+      'justifyContent' | 'alignContent' | 'flexDirection' | 'flexWrap'
+    > & {
+      autoplay?: boolean;
+      loop?: boolean;
+      onAnimationFinish?: () => void;
+      resizeMode?: 'cover' | 'contain' | 'center';
+      source: import('@coinbase/cds-common').LottieSource;
+      progress?: number | Animated.Value | Animated.AnimatedInterpolation<number>;
+      colorFilters?: {
         keypath: string;
         color: string;
-    }[];
-    animated?: boolean;
-    style?: Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").ViewStyle>>;
-} & React.RefAttributes<LottieView>>>;
-//# sourceMappingURL=Lottie.d.ts.map
+      }[];
+      animated?: boolean;
+      style?: Animated.WithAnimatedValue<
+        import('react-native').StyleProp<import('react-native').ViewStyle>
+      >;
+    } & React.RefAttributes<LottieView>
+  >
+>;
+//# sourceMappingURL=Lottie.d.ts.map

package/dts/animation/Lottie.e2e.d.ts

@@ -1,2 +1,11 @@
-export declare const Lottie: ({ autoplay, colorFilters, loop, progress, resizeMode, source, onAnimationFinish, ...boxProps }: import("./types").LottieProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Lottie.e2e.d.ts.map
+export declare const Lottie: ({
+  autoplay,
+  colorFilters,
+  loop,
+  progress,
+  resizeMode,
+  source,
+  onAnimationFinish,
+  ...boxProps
+}: import('./types').LottieProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=Lottie.e2e.d.ts.map

package/dts/animation/LottieStatusAnimation.d.ts

@@ -1,3 +1,8 @@
 import type { LottieStatusAnimationProps } from '@coinbase/cds-common';
-export declare const LottieStatusAnimation: ({ status, onFinish, testID, ...otherProps }: LottieStatusAnimationProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LottieStatusAnimation.d.ts.map
+export declare const LottieStatusAnimation: ({
+  status,
+  onFinish,
+  testID,
+  ...otherProps
+}: LottieStatusAnimationProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=LottieStatusAnimation.d.ts.map