@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/cards/index.d.ts

@@ -0,0 +1,11 @@
+export * from './Card';
+export * from './CardBody';
+export * from './CardFooter';
+export * from './CardGroup';
+export * from './CardHeader';
+export * from './CardMedia';
+export * from './AnnouncementCard';
+export * from './FeatureEntryCard';
+export * from './FeedCard';
+export * from './ContentCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cards/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC"}

package/dts/carousel/Carousel.d.ts

@@ -0,0 +1,352 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { Rect, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import { type BoxBaseProps, type BoxProps } from '../layout/Box';
+export type CarouselItemRenderChildren = React.FC<{
+  isVisible: boolean;
+}>;
+export type CarouselItemBaseProps = Omit<BoxBaseProps, 'children'> &
+  SharedAccessibilityProps & {
+    /**
+     * Unique identifier for this carousel item.
+     */
+    id: string;
+    /**
+     * Component to render as the carousel item content.
+     * Can be a React node or a function that receives the visibility state.
+     */
+    children?: CarouselItemRenderChildren | React.ReactNode;
+  };
+export type CarouselItemProps = Omit<BoxProps, 'children'> & CarouselItemBaseProps;
+export type CarouselItemComponent = React.FC<CarouselItemProps>;
+export type CarouselItemElement = React.ReactElement<CarouselItemProps, CarouselItemComponent>;
+export type CarouselContextValue = {
+  registerItem: (id: string, state: Rect) => void;
+  unregisterItem: (id: string) => void;
+  /**
+   * Set of item IDs that are currently visible in the carousel viewport.
+   */
+  visibleCarouselItems: Set<string>;
+};
+export declare const CarouselContext: React.Context<CarouselContextValue | undefined>;
+export declare const useCarouselContext: () => CarouselContextValue;
+export type CarouselNavigationComponentBaseProps = {
+  /**
+   * Callback for when the previous button is pressed.
+   */
+  onGoPrevious: () => void;
+  /**
+   * Callback for when the next button is pressed.
+   */
+  onGoNext: () => void;
+  /**
+   * Whether the previous button is disabled.
+   */
+  disableGoPrevious: boolean;
+  /**
+   * Whether the next button is disabled.
+   */
+  disableGoNext: boolean;
+  /**
+   * Accessibility label for the next page button.
+   */
+  nextPageAccessibilityLabel?: string;
+  /**
+   * Accessibility label for the previous page button.
+   */
+  previousPageAccessibilityLabel?: string;
+};
+export type CarouselNavigationComponentProps = CarouselNavigationComponentBaseProps & {
+  /**
+   * Custom styles for the component.
+   */
+  style?: StyleProp<ViewStyle>;
+};
+export type CarouselNavigationComponent = React.FC<CarouselNavigationComponentProps>;
+export type CarouselPaginationComponentBaseProps = {
+  /**
+   * Total number of pages.
+   */
+  totalPages: number;
+  /**
+   * Index of the active page.
+   */
+  activePageIndex: number;
+  /**
+   * Callback for when a page is clicked.
+   */
+  onPressPage: (index: number) => void;
+  /**
+   * Accessibility label for the go to page button. You can optionally pass a function that will receive the pageIndex as an argument, and return an accessibility label string.
+   */
+  paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
+};
+export type CarouselPaginationComponentProps = CarouselPaginationComponentBaseProps & {
+  /**
+   * Custom styles for the component.
+   */
+  style?: StyleProp<ViewStyle>;
+};
+export type CarouselPaginationComponent = React.FC<CarouselPaginationComponentProps>;
+export type CarouselImperativeHandle = {
+  /**
+   * The currently active page index.
+   */
+  activePageIndex: number;
+  /**
+   * The total number of pages.
+   */
+  totalPages: number;
+  /**
+   * Navigate to a specific page by index.
+   */
+  goToPage: (pageIndex: number) => void;
+};
+export type CarouselBaseProps = SharedProps &
+  SharedAccessibilityProps &
+  BoxBaseProps & {
+    /**
+     * Children are required to be CarouselItems because we calculate
+     * their offset relative to the parent container.
+     */
+    children?: CarouselItemElement | CarouselItemElement[];
+    /**
+     * Defines the drag interaction behavior for the carousel.
+     * 'none' disables dragging completely.
+     * 'free' enables free-form dragging with natural deceleration when released.
+     * 'snap' enables dragging with automatic snapping to targets when released,
+     * defined by snapMode.
+     * @default 'snap'
+     */
+    drag?: 'none' | 'free' | 'snap';
+    /**
+     * Specifies the pagination and navigation strategy for the carousel.
+     * 'item' treats each item as a separate page for navigation, pagination, and snapping.
+     * 'page' groups items into pages based on visible area for navigation, pagination, and snapping.
+     * This affects page calculation, navigation button behavior, and snap targets when dragging.
+     * @default 'page'
+     */
+    snapMode?: 'item' | 'page';
+    /**
+     * Hides the navigation arrows (previous/next buttons).
+     */
+    hideNavigation?: boolean;
+    /**
+     * Hides the pagination indicators (dots/bars showing current page).
+     */
+    hidePagination?: boolean;
+    /**
+     * Custom component to render navigation arrows.
+     * @default DefaultCarouselNavigation
+     */
+    NavigationComponent?: CarouselNavigationComponent;
+    /**
+     * Custom component to render pagination indicators.
+     * @default DefaultCarouselPagination
+     */
+    PaginationComponent?: CarouselPaginationComponent;
+    /**
+     * Title to display above the carousel.
+     * When a string is provided, it will be rendered with default title styling.
+     * When a React element is provided, it completely replaces the default title component
+     * and styling.
+     */
+    title?: React.ReactNode;
+    /**
+     * Accessibility label for the next page button.
+     */
+    nextPageAccessibilityLabel?: string;
+    /**
+     * Accessibility label for the previous page button.
+     */
+    previousPageAccessibilityLabel?: string;
+    /**
+     * Accessibility label for the go to page button.
+     */
+    goToPageAccessibilityLabel?: string;
+    /**
+     * Accessibility label for the go to page button.
+     */
+    paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
+    /**
+     * Callback fired when the page changes.
+     */
+    onChangePage?: (activePageIndex: number) => void;
+    /**
+     * Callback fired when the user starts dragging the carousel.
+     */
+    onDragStart?: () => void;
+    /**
+     * Callback fired when the user ends dragging the carousel.
+     */
+    onDragEnd?: () => void;
+  };
+export type CarouselProps = CarouselBaseProps & {
+  /**
+   * 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 title element.
+     */
+    title?: StyleProp<TextStyle>;
+    /**
+     * Custom styles for the navigation element.
+     */
+    navigation?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the pagination element.
+     */
+    pagination?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the main carousel element.
+     */
+    carousel?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the outer carousel container element.
+     */
+    carouselContainer?: StyleProp<ViewStyle>;
+  };
+};
+export declare const Carousel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      SharedAccessibilityProps &
+      import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').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;
+      } & {
+        /**
+         * Children are required to be CarouselItems because we calculate
+         * their offset relative to the parent container.
+         */
+        children?: CarouselItemElement | CarouselItemElement[];
+        /**
+         * Defines the drag interaction behavior for the carousel.
+         * 'none' disables dragging completely.
+         * 'free' enables free-form dragging with natural deceleration when released.
+         * 'snap' enables dragging with automatic snapping to targets when released,
+         * defined by snapMode.
+         * @default 'snap'
+         */
+        drag?: 'none' | 'free' | 'snap';
+        /**
+         * Specifies the pagination and navigation strategy for the carousel.
+         * 'item' treats each item as a separate page for navigation, pagination, and snapping.
+         * 'page' groups items into pages based on visible area for navigation, pagination, and snapping.
+         * This affects page calculation, navigation button behavior, and snap targets when dragging.
+         * @default 'page'
+         */
+        snapMode?: 'item' | 'page';
+        /**
+         * Hides the navigation arrows (previous/next buttons).
+         */
+        hideNavigation?: boolean;
+        /**
+         * Hides the pagination indicators (dots/bars showing current page).
+         */
+        hidePagination?: boolean;
+        /**
+         * Custom component to render navigation arrows.
+         * @default DefaultCarouselNavigation
+         */
+        NavigationComponent?: CarouselNavigationComponent;
+        /**
+         * Custom component to render pagination indicators.
+         * @default DefaultCarouselPagination
+         */
+        PaginationComponent?: CarouselPaginationComponent;
+        /**
+         * Title to display above the carousel.
+         * When a string is provided, it will be rendered with default title styling.
+         * When a React element is provided, it completely replaces the default title component
+         * and styling.
+         */
+        title?: React.ReactNode;
+        /**
+         * Accessibility label for the next page button.
+         */
+        nextPageAccessibilityLabel?: string;
+        /**
+         * Accessibility label for the previous page button.
+         */
+        previousPageAccessibilityLabel?: string;
+        /**
+         * Accessibility label for the go to page button.
+         */
+        goToPageAccessibilityLabel?: string;
+        /**
+         * Accessibility label for the go to page button.
+         */
+        paginationAccessibilityLabel?: string | ((pageIndex: number) => string);
+        /**
+         * Callback fired when the page changes.
+         */
+        onChangePage?: (activePageIndex: number) => void;
+        /**
+         * Callback fired when the user starts dragging the carousel.
+         */
+        onDragStart?: () => void;
+        /**
+         * Callback fired when the user ends dragging the carousel.
+         */
+        onDragEnd?: () => void;
+      } & {
+        /**
+         * 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 title element.
+           */
+          title?: StyleProp<TextStyle>;
+          /**
+           * Custom styles for the navigation element.
+           */
+          navigation?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the pagination element.
+           */
+          pagination?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the main carousel element.
+           */
+          carousel?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the outer carousel container element.
+           */
+          carouselContainer?: StyleProp<ViewStyle>;
+        };
+      } & React.RefAttributes<CarouselImperativeHandle>
+  >
+>;
+//# sourceMappingURL=Carousel.d.ts.map

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

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

package/dts/carousel/CarouselItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type CarouselItemProps } from './Carousel';
+export declare const CarouselItem: React.MemoExoticComponent<
+  ({ children, id, style, ...props }: CarouselItemProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=CarouselItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../src/carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,YAAY,CAAC;AAExE,eAAO,MAAM,YAAY,gEAA4C,iBAAiB,6CAwCpF,CAAC"}

package/dts/carousel/DefaultCarouselNavigation.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconButtonVariant, IconName } from '@coinbase/cds-common';
+import type { CarouselNavigationComponentProps } from './Carousel';
+export type DefaultCarouselNavigationProps = CarouselNavigationComponentProps & {
+  /**
+   * Test ID map for the component.
+   */
+  testIDMap?: {
+    /**
+     * Test ID for the previous button.
+     */
+    previousButton?: string;
+    /**
+     * Test ID for the next button.
+     */
+    nextButton?: string;
+  };
+  /**
+   * Icon to use for the previous button.
+   */
+  previousIcon?: IconName;
+  /**
+   * Icon to use for the next button.
+   */
+  nextIcon?: IconName;
+  /**
+   * Variant of the icon button.
+   */
+  variant?: IconButtonVariant;
+  /**
+   * Whether the icon button is compact.
+   */
+  compact?: boolean;
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
+    /**
+     * Custom styles for the root element.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the previous button.
+     */
+    previousButton?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the next button.
+     */
+    nextButton?: StyleProp<ViewStyle>;
+  };
+};
+export declare const DefaultCarouselNavigation: React.NamedExoticComponent<DefaultCarouselNavigationProps>;
+//# sourceMappingURL=DefaultCarouselNavigation.d.ts.map

package/dts/carousel/DefaultCarouselNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCarouselNavigation.d.ts","sourceRoot":"","sources":["../../src/carousel/DefaultCarouselNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMxE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,MAAM,8BAA8B,GAAG,gCAAgC,GAAG;IAC9E;;OAEG;IACH,SAAS,CAAC,EAAE;QACV;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC;;WAEG;QACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACnC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,yBAAyB,4DA+CpC,CAAC"}

package/dts/carousel/DefaultCarouselPagination.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { CarouselPaginationComponentProps } from './Carousel';
+export type DefaultCarouselPaginationProps = CarouselPaginationComponentProps & {
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
+    /**
+     * Custom styles for the root element.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the dot element.
+     */
+    dot?: StyleProp<ViewStyle>;
+  };
+};
+export declare const DefaultCarouselPagination: React.NamedExoticComponent<DefaultCarouselPaginationProps>;
+//# sourceMappingURL=DefaultCarouselPagination.d.ts.map

package/dts/carousel/DefaultCarouselPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCarouselPagination.d.ts","sourceRoot":"","sources":["../../src/carousel/DefaultCarouselPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,MAAM,8BAA8B,GAAG,gCAAgC,GAAG;IAC9E;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,yBAAyB,4DAkDpC,CAAC"}

package/dts/carousel/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Carousel';
+export * from './CarouselItem';
+export * from './DefaultCarouselNavigation';
+export * from './DefaultCarouselPagination';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC"}

package/dts/cells/Cell.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import type { ViewProps } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { CellPriority, SharedProps } from '@coinbase/cds-common/types';
+import { type BoxBaseProps, type BoxProps } from '../layout/Box';
+import type { LinkableProps } from '../system/Pressable';
+import type { CellAccessoryProps } from './CellAccessory';
+export type CellSpacing = Pick<
+  BoxBaseProps,
+  | 'padding'
+  | 'paddingX'
+  | 'paddingY'
+  | 'paddingTop'
+  | 'paddingEnd'
+  | 'paddingBottom'
+  | 'paddingStart'
+  | 'margin'
+  | 'marginX'
+  | 'marginY'
+  | 'marginTop'
+  | 'marginEnd'
+  | 'marginBottom'
+  | 'marginStart'
+>;
+export type CellBaseProps = SharedProps &
+  LinkableProps & {
+    accessory?: React.ReactElement<CellAccessoryProps>;
+    children: React.ReactNode;
+    detail?: React.ReactNode;
+    intermediary?: React.ReactNode;
+    media?: React.ReactElement;
+    borderRadius?: ThemeVars.BorderRadius;
+    /** Apply a fixed width to the detail (end). */
+    detailWidth?: number | string;
+    /** Is the cell disabled? Will apply opacity and disable interaction. */
+    disabled?: boolean;
+    /** Which piece of content has the highest priority in regards to text truncation, growing, and shrinking. */
+    priority?: CellPriority | CellPriority[];
+    /** Is the cell selected? Will apply a background and selected accessory. */
+    selected?: boolean;
+    /** The spacing to use on the parent wrapper of Cell */
+    outerSpacing?: CellSpacing;
+    /** The spacing to use on the inner content of Cell */
+    innerSpacing?: CellSpacing;
+    /** The content to display below the main cell content. */
+    bottomContent?: React.ReactNode;
+    /** Measure the dimensions of the cell. */
+    onLayout?: ViewProps['onLayout'];
+  };
+export type CellProps = BoxProps & CellBaseProps;
+export declare const Cell: React.NamedExoticComponent<CellProps>;
+//# sourceMappingURL=Cell.d.ts.map

package/dts/cells/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../src/cells/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK5E,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,YAAY,EACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,cAAc,GACd,QAAQ,GACR,SAAS,GACT,SAAS,GACT,WAAW,GACX,WAAW,GACX,cAAc,GACd,aAAa,CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,aAAa,GAAG;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;IACtC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACzC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,sDAAsD;IACtD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0DAA0D;IAC1D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEjD,eAAO,MAAM,IAAI,uCA2Lf,CAAC"}

package/dts/cells/CellAccessory.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { PaddingProps } from '@coinbase/cds-common/types';
+export type CellAccessoryType = 'arrow' | 'more' | 'selected';
+export type CellAccessoryProps = PaddingProps & {
+  /** Type of accessory to display at the end. */
+  type: CellAccessoryType;
+  /**
+   * @danger This is a migration escape hatch. It is not intended to be used normally.
+   */
+  className?: string;
+};
+export declare const CellAccessory: React.NamedExoticComponent<CellAccessoryProps>;
+//# sourceMappingURL=CellAccessory.d.ts.map

package/dts/cells/CellAccessory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellAccessory.d.ts","sourceRoot":"","sources":["../../src/cells/CellAccessory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,+CAA+C;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,gDAwBxB,CAAC"}

package/dts/cells/CellDetail.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type CellDetailVariant = 'foregroundMuted' | 'negative' | 'positive' | 'warning';
+export type CellDetailProps = {
+  /**
+   * Label and/or extra detail. This prop is only intended to accept a string or Text component;
+   * other use cases, while allowed, are not supported and may result in unexpected behavior.
+   */
+  detail?: React.ReactNode;
+  /**
+   * Subdetail providing more information. This prop is only intended to accept a string or Text component;
+   * other use cases, while allowed, are not supported and may result in unexpected behavior.
+   */
+  subdetail?: React.ReactNode;
+  /** Variant color to apply to the subdetail text. */
+  variant?: CellDetailVariant;
+  adjustsFontSizeToFit?: boolean;
+};
+export declare const CellDetail: React.NamedExoticComponent<CellDetailProps>;
+//# sourceMappingURL=CellDetail.d.ts.map

package/dts/cells/CellDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellDetail.d.ts","sourceRoot":"","sources":["../../src/cells/CellDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AACxF,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oDAAoD;IACpD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AASF,eAAO,MAAM,UAAU,6CA0BrB,CAAC"}

package/dts/cells/CellHelperText.d.ts

@@ -0,0 +1,10 @@
+import { cellHelperTextVariants } from '@coinbase/cds-common/tokens/cell';
+import { type HStackProps } from '../layout/HStack';
+export type CellHelperTextProps = HStackProps & {
+  /** The variant determines the icon and color scheme */
+  variant?: keyof typeof cellHelperTextVariants;
+};
+export declare const CellHelperText: import('react').MemoExoticComponent<
+  ({ children, variant, ...props }: CellHelperTextProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=CellHelperText.d.ts.map

package/dts/cells/CellHelperText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellHelperText.d.ts","sourceRoot":"","sources":["../../src/cells/CellHelperText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,cAAc,wEACyB,mBAAmB,6CAWtE,CAAC"}

package/dts/cells/CellMedia.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { ImageURISource } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { IconName, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type { PictogramProps } from '../illustrations';
+export type CellMediaType = 'asset' | 'avatar' | 'image' | 'icon' | 'pictogram';
+export type CellMediaIconProps = {
+  type: Extract<CellMediaType, 'icon'>;
+  name: IconName;
+  /** Whether the icon is active */
+  active?: boolean;
+  color?: ThemeVars.Color;
+};
+export type CellMediaPictogramProps = {
+  type: Extract<CellMediaType, 'pictogram'>;
+  illustration: React.ReactElement<PictogramProps>;
+};
+type CellMediaOtherProps = {
+  type: Exclude<CellMediaType, 'icon' | 'pictogram'>;
+  /**
+   * @deprecated This prop will be removed in v6.0.0
+   * If required, use `accessibilityLabel` and `accessibilityHint` instead to set accessible labels.
+   * Refer to https://cds.coinbase.com/components/cell-media/ for updated accessibility guidance.
+   */
+  title?: string;
+  source: string | number;
+};
+type CellMediaVariantProps = CellMediaIconProps | CellMediaPictogramProps | CellMediaOtherProps;
+export type CellMediaProps = SharedProps &
+  CellMediaVariantProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> & {
+    /**
+     * Determines how the requests handles potentially cached responses. Not applicable to type="icon".
+     * @link https://reactnative.dev/docs/0.67/images#cache-control-ios-only
+     */
+    cache?: ImageURISource['cache'];
+  };
+export declare const CellMedia: React.NamedExoticComponent<CellMediaProps>;
+export {};
+//# sourceMappingURL=CellMedia.d.ts.map

package/dts/cells/CellMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellMedia.d.ts","sourceRoot":"","sources":["../../src/cells/CellMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGlG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAEhF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IAC1C,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;CAClD,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;IACnD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,qBAAqB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,mBAAmB,CAAC;AAEhG,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,qBAAqB,GACrB,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,mBAAmB,CAAC,GAAG;IAC3E;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAEJ,eAAO,MAAM,SAAS,4CAwEpB,CAAC"}