@coinbase/cds-mobile 8.13.1 → 8.13.5

package/dts/layout/Group.d.ts

@@ -4,34 +4,34 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import { type BoxProps } from './Box';
 export type GroupDirection = 'horizontal' | 'vertical';
 export type GroupBaseProps<BoxProps> = BoxProps & {
-    /** Accessibility label describing the group of items. */
-    accessibilityLabel?: string;
-    /** Items to render in a group. */
-    children?: React.ReactNode;
-    /** Direction a group of components should flow.
-     * @default vertical
-     */
-    direction?: GroupDirection;
-    /** Divider Component to include between each item in a group. */
-    divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
-    /** Gap to insert between siblings. */
-    gap?: ThemeVars.Space;
-    /** Control the layout of each item in a group.
-     * @default Box component for given platform
-     * @example
-     * ```
-     * renderItem={({item, Wrapper, index}) => {
-     *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
-     * }}
-     * ```
-     */
-    renderItem?: (info: {
-        Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
-        item: React.ReactChild;
-        index: number;
-        isFirst: boolean;
-        isLast: boolean;
-    }) => React.ReactChild;
+  /** Accessibility label describing the group of items. */
+  accessibilityLabel?: string;
+  /** Items to render in a group. */
+  children?: React.ReactNode;
+  /** Direction a group of components should flow.
+   * @default vertical
+   */
+  direction?: GroupDirection;
+  /** Divider Component to include between each item in a group. */
+  divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
+  /** Gap to insert between siblings. */
+  gap?: ThemeVars.Space;
+  /** Control the layout of each item in a group.
+   * @default Box component for given platform
+   * @example
+   * ```
+   * renderItem={({item, Wrapper, index}) => {
+   *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
+   * }}
+   * ```
+   */
+  renderItem?: (info: {
+    Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
+    item: React.ReactChild;
+    index: number;
+    isFirst: boolean;
+    isLast: boolean;
+  }) => React.ReactChild;
 };
 export type RenderGroupItem = GroupBaseProps<BoxProps>['renderItem'];
 export type GroupProps = GroupBaseProps<BoxProps>;
@@ -39,50 +39,58 @@ export type GroupProps = GroupBaseProps<BoxProps>;
  * @deprecated Use `Box`, `HStack` or `VStack` instead.
  * @danger Make sure to add a `key` prop to each item.
  */
-export declare const Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").ViewStyle>>;
-    animated?: boolean;
-    elevation?: import("@coinbase/cds-common").ElevationLevels;
-    font?: 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"> & {
-    /** Accessibility label describing the group of items. */
-    accessibilityLabel?: string;
-    /** Items to render in a group. */
-    children?: React.ReactNode;
-    /** Direction a group of components should flow.
-     * @default vertical
-     */
-    direction?: GroupDirection;
-    /** Divider Component to include between each item in a group. */
-    divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
-    /** Gap to insert between siblings. */
-    gap?: ThemeVars.Space;
-    /** Control the layout of each item in a group.
-     * @default Box component for given platform
-     * @example
-     * ```
-     * renderItem={({item, Wrapper, index}) => {
-     *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
-     * }}
-     * ```
-     */
-    renderItem?: ((info: {
-        Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
-        item: React.ReactChild;
-        index: number;
-        isFirst: boolean;
-        isLast: boolean;
-    }) => React.ReactChild) | undefined;
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=Group.d.ts.map
+export declare const Group: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('../styles/styleProps').StyleProps & {
+      children?: React.ReactNode;
+      style?: import('react-native').Animated.WithAnimatedValue<
+        import('react-native').StyleProp<import('react-native').ViewStyle>
+      >;
+      animated?: boolean;
+      elevation?: import('@coinbase/cds-common').ElevationLevels;
+      font?: 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'> & {
+        /** Accessibility label describing the group of items. */
+        accessibilityLabel?: string;
+        /** Items to render in a group. */
+        children?: React.ReactNode;
+        /** Direction a group of components should flow.
+         * @default vertical
+         */
+        direction?: GroupDirection;
+        /** Divider Component to include between each item in a group. */
+        divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
+        /** Gap to insert between siblings. */
+        gap?: ThemeVars.Space;
+        /** Control the layout of each item in a group.
+         * @default Box component for given platform
+         * @example
+         * ```
+         * renderItem={({item, Wrapper, index}) => {
+         *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
+         * }}
+         * ```
+         */
+        renderItem?:
+          | ((info: {
+              Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
+              item: React.ReactChild;
+              index: number;
+              isFirst: boolean;
+              isLast: boolean;
+            }) => React.ReactChild)
+          | undefined;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Group.d.ts.map

package/dts/layout/HStack.d.ts

@@ -2,21 +2,28 @@ import React from 'react';
 import type { View } from 'react-native';
 import { type BoxProps } from './Box';
 export type HStackProps = BoxProps;
-export declare const HStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").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"> & React.RefAttributes<View>>>;
-//# sourceMappingURL=HStack.d.ts.map
+export declare const HStack: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('../styles/styleProps').StyleProps & {
+      children?: React.ReactNode;
+      style?: import('react-native').Animated.WithAnimatedValue<
+        import('react-native').StyleProp<import('react-native').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'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=HStack.d.ts.map

package/dts/layout/OverflowGradient.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import type { ViewStyle } from 'react-native';
 import type { PinningDirection, SharedProps } from '@coinbase/cds-common';
 export type OverflowGradientProps = {
-    pin?: Exclude<PinningDirection, 'all'>;
-    style?: ViewStyle;
+  pin?: Exclude<PinningDirection, 'all'>;
+  style?: ViewStyle;
 } & SharedProps;
 export declare const OverflowGradient: React.NamedExoticComponent<OverflowGradientProps>;
-//# sourceMappingURL=OverflowGradient.d.ts.map
+//# sourceMappingURL=OverflowGradient.d.ts.map

package/dts/layout/Spacer.d.ts

@@ -3,7 +3,8 @@ import { Animated } from 'react-native';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { FlexStyles, SharedProps } from '@coinbase/cds-common/types';
-export type SpacerBaseProps = SharedProps & Pick<FlexStyles, 'flexGrow' | 'flexShrink' | 'flexBasis'> & {
+export type SpacerBaseProps = SharedProps &
+  Pick<FlexStyles, 'flexGrow' | 'flexShrink' | 'flexBasis'> & {
     /** Padding in the horizontal direction */
     horizontal?: ThemeVars.Space;
     /** Padding in the vertical direction */
@@ -18,11 +19,11 @@ export type SpacerBaseProps = SharedProps & Pick<FlexStyles, 'flexGrow' | 'flexS
     minVertical?: ThemeVars.Space;
     animated?: boolean;
     style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-};
+  };
 export type SpacerProps = SpacerBaseProps & Omit<ViewProps, 'style'>;
 /**
  * Spacer component is for adding spacing gap between two dom nodes. If no horizontal or vertical
  * spacing size is provided, Spacer will stretch to fill up available space left in the parent container.
  */
 export declare const Spacer: React.NamedExoticComponent<SpacerProps>;
-//# sourceMappingURL=Spacer.d.ts.map
+//# sourceMappingURL=Spacer.d.ts.map

package/dts/layout/VStack.d.ts

@@ -2,21 +2,28 @@ import React from 'react';
 import type { View } from 'react-native';
 import type { BoxProps } from './Box';
 export type VStackProps = BoxProps;
-export declare const VStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").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"> & React.RefAttributes<View>>>;
-//# sourceMappingURL=VStack.d.ts.map
+export declare const VStack: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('../styles/styleProps').StyleProps & {
+      children?: React.ReactNode;
+      style?: import('react-native').Animated.WithAnimatedValue<
+        import('react-native').StyleProp<import('react-native').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'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=VStack.d.ts.map

package/dts/layout/__figma__/Divider.figma.d.ts

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

package/dts/layout/__figma__/Fallback.figma.d.ts

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

package/dts/layout/index.d.ts

@@ -6,4 +6,4 @@ export * from './HStack';
 export * from './OverflowGradient';
 export * from './Spacer';
 export * from './VStack';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/loaders/Spinner.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ActivityIndicatorProps } from 'react-native';
 export declare const Spinner: React.NamedExoticComponent<ActivityIndicatorProps>;
-//# sourceMappingURL=Spinner.d.ts.map
+//# sourceMappingURL=Spinner.d.ts.map

package/dts/loaders/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Spinner';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/media/Avatar.d.ts

@@ -1,10 +1,18 @@
 import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-import type { AvatarFallbackColor, AvatarShape, AvatarSize, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  AvatarFallbackColor,
+  AvatarShape,
+  AvatarSize,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import { type BoxProps } from '../layout/Box';
-export declare const coloredFallbackTestID = "cds-avatar-colored-fallback";
-export declare const fallbackImageSrc = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAOAA4AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+t80Zo4o4oAM0ZrsPBvw7m8Sxi7uZDa2GcKwHzyeu30HvXdf8Kp0Dytnlz7v+ennHP8Ah+lAHiuaM12XjL4dTeG4jd2sjXViDhiR88f1x1HvXG8UAGaKOKKADI9Kkt4vtFxFEOC7Bc/U4qPJ9KVXZGDLwwOQaAPpS0tY7G1ht4VCRRKEVcdABipc1meG9eh8RaRBeRMNzACRB1R+4/z2rU/OgCK5t47y3lgmUPFKpR1I6gjBr5uu4fst1NCefLdkz64OK+g/EWuQ+HtJnvJmHyjCIerv2Ar55klaWRnblmJJPqaAG5HpRRk+lFABzVnTtOutWvY7W0iMs8hwqj+Z9BVbB9a9o+GXhlNI0VL2VR9rvFD5PVY/4R+PX8vSgCfwX4EXwsDNJdSTXTrh1RisQ/Dv9T+QrrP89aT8qPyoA5Txr4FHilRNHdSQ3Ua4RHYtEfw7fUfrXjOo6dc6Tey2t3EYp4zgqf5j1FfSP5VxvxN8Mpq+jPfRKPtlmpfI6tH/ABD8Ov5+tAHi/NFGDRQBY060+3aja22f9dKsf5kD+tfSKIsaKigKqjAAHAFFFAC/j+lL+P6UUUAH4/pTXRZEZGG5WGCCOooooA+btRtPsOoXVtn/AFMrR/kSKKKKAP/Z";
-export type AvatarBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+export declare const coloredFallbackTestID = 'cds-avatar-colored-fallback';
+export declare const fallbackImageSrc =
+  'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAOAA4AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+t80Zo4o4oAM0ZrsPBvw7m8Sxi7uZDa2GcKwHzyeu30HvXdf8Kp0Dytnlz7v+ennHP8Ah+lAHiuaM12XjL4dTeG4jd2sjXViDhiR88f1x1HvXG8UAGaKOKKADI9Kkt4vtFxFEOC7Bc/U4qPJ9KVXZGDLwwOQaAPpS0tY7G1ht4VCRRKEVcdABipc1meG9eh8RaRBeRMNzACRB1R+4/z2rU/OgCK5t47y3lgmUPFKpR1I6gjBr5uu4fst1NCefLdkz64OK+g/EWuQ+HtJnvJmHyjCIerv2Ar55klaWRnblmJJPqaAG5HpRRk+lFABzVnTtOutWvY7W0iMs8hwqj+Z9BVbB9a9o+GXhlNI0VL2VR9rvFD5PVY/4R+PX8vSgCfwX4EXwsDNJdSTXTrh1RisQ/Dv9T+QrrP89aT8qPyoA5Txr4FHilRNHdSQ3Ua4RHYtEfw7fUfrXjOo6dc6Tey2t3EYp4zgqf5j1FfSP5VxvxN8Mpq+jPfRKPtlmpfI6tH/ABD8Ov5+tAHi/NFGDRQBY060+3aja22f9dKsf5kD+tfSKIsaKigKqjAAHAFFFAC/j+lL+P6UUUAH4/pTXRZEZGG5WGCCOooooA+btRtPsOoXVtn/AFMrR/kSKKKKAP/Z';
+export type AvatarBaseProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
     /** This is the name associated with the entity in the Avatar. This is used in the image alt tag for accessibility. */
     alt?: string;
     /** Absolute url to the image that should be shown in the Avatar. If no src is provided then a generic fallback image is used. */
@@ -30,7 +38,22 @@ export type AvatarBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'acce
      * This is an escape hatch when using the Avatar in a fixed size container where you cannot control the dimensions.
      */
     dangerouslySetSize?: number;
-};
+  };
 export type AvatarProps = AvatarBaseProps & Omit<BoxProps, 'children'>;
-export declare const Avatar: React.MemoExoticComponent<({ alt, src, shape, size, borderColor, testID, dangerouslySetSize, colorScheme, name, accessibilityLabel, style, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=Avatar.d.ts.map
+export declare const Avatar: React.MemoExoticComponent<
+  ({
+    alt,
+    src,
+    shape,
+    size,
+    borderColor,
+    testID,
+    dangerouslySetSize,
+    colorScheme,
+    name,
+    accessibilityLabel,
+    style,
+    ...props
+  }: AvatarProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dts/media/Carousel/Carousel.d.ts

@@ -4,22 +4,29 @@ import type { SharedProps } from '@coinbase/cds-common';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { CarouselOnReady, CarouselRef } from './types';
 export type CarouselProps = {
-    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;
-    /** Callback that fires when the Carousel is ready to be interacted with. */
-    onReady?: CarouselOnReady;
-} & Omit<ScrollViewProps, 'style'> & SharedProps;
+  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;
+  /** Callback that fires when the Carousel is ready to be interacted with. */
+  onReady?: CarouselOnReady;
+} & 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<{
-    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;
-    /** Callback that fires when the Carousel is ready to be interacted with. */
-    onReady?: CarouselOnReady;
-} & Omit<ScrollViewProps, "style"> & SharedProps & React.RefAttributes<ScrollView>>>;
-//# sourceMappingURL=Carousel.d.ts.map
+export declare const Carousel: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      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;
+      /** Callback that fires when the Carousel is ready to be interacted with. */
+      onReady?: CarouselOnReady;
+    } & Omit<ScrollViewProps, 'style'> &
+      SharedProps &
+      React.RefAttributes<ScrollView>
+  >
+>;
+//# sourceMappingURL=Carousel.d.ts.map

package/dts/media/Carousel/CarouselItem.d.ts

@@ -2,15 +2,15 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { CarouselDismissItemInternal, CarouselItemId, CarouselUpdateLayoutMap } from './types';
 type CarouselItemProps = {
-    /** Dismiss a CarouselItem. Requires an index and animated opacity from each CarouselItem. */
-    dismiss: CarouselDismissItemInternal;
-    /** Id of CarouselItem. Set via key prop when passing in items to parent Carousel component. */
-    id: CarouselItemId;
-    /** Determines how much padding should be between this CarouselItem and the next one. */
-    paddingEnd: ThemeVars.Space;
-    /** Save the CarouselItem x position to Carousel's layoutMap. The layoutMap is used for the snapPoints of the ScrollView. */
-    updateLayoutMap: CarouselUpdateLayoutMap;
+  /** Dismiss a CarouselItem. Requires an index and animated opacity from each CarouselItem. */
+  dismiss: CarouselDismissItemInternal;
+  /** Id of CarouselItem. Set via key prop when passing in items to parent Carousel component. */
+  id: CarouselItemId;
+  /** Determines how much padding should be between this CarouselItem and the next one. */
+  paddingEnd: ThemeVars.Space;
+  /** Save the CarouselItem x position to Carousel's layoutMap. The layoutMap is used for the snapPoints of the ScrollView. */
+  updateLayoutMap: CarouselUpdateLayoutMap;
 };
 export declare const CarouselItem: React.FC<React.PropsWithChildren<CarouselItemProps>>;
 export {};
-//# sourceMappingURL=CarouselItem.d.ts.map
+//# sourceMappingURL=CarouselItem.d.ts.map

package/dts/media/Carousel/CarouselItemContext.d.ts

@@ -19,5 +19,7 @@ import type { CarouselItemContextValue } from './types';
  * }
  * ```
  */
-export declare const CarouselItemContext: import("react").Context<CarouselItemContextValue | undefined>;
-//# sourceMappingURL=CarouselItemContext.d.ts.map
+export declare const CarouselItemContext: import('react').Context<
+  CarouselItemContextValue | undefined
+>;
+//# sourceMappingURL=CarouselItemContext.d.ts.map

package/dts/media/Carousel/index.d.ts

@@ -2,4 +2,4 @@ export * from './Carousel';
 export * from './types';
 export * from './useCarousel';
 export * from './useCarouselItem';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/media/Carousel/types.d.ts

@@ -4,25 +4,25 @@ export type CarouselItemId = string | number;
 export type CarouselLayoutMap = Record<CarouselItemId, number>;
 export type CarouselScrollToId = (id: CarouselItemId, params?: ScrollToParams | undefined) => void;
 export type CarouselRef = {
-    dismissedItems: Set<CarouselItemId>;
-    length: number;
-    resetDismissedItems: () => void;
-    scrollToId: CarouselScrollToId;
-    scrollToEnd: ScrollToEndFn;
+  dismissedItems: Set<CarouselItemId>;
+  length: number;
+  resetDismissedItems: () => void;
+  scrollToId: CarouselScrollToId;
+  scrollToEnd: ScrollToEndFn;
 };
 export type CarouselOnReady = (carouselRef: CarouselRef) => void;
 export type CarouselDismissItemParams = {
-    id: CarouselItemId;
-    opacity: Animated.Value;
-    width: Animated.Value;
-    height: Animated.Value;
-    callbackFn?: () => void;
+  id: CarouselItemId;
+  opacity: Animated.Value;
+  width: Animated.Value;
+  height: Animated.Value;
+  callbackFn?: () => void;
 };
 export type CarouselDismissItemInternal = (params: CarouselDismissItemParams) => void;
 export type CarouselDismissItem = (callbackFn?: (() => void) | undefined) => void;
 export type CarouselItemContextValue = {
-    id: CarouselItemId;
-    dismiss: CarouselDismissItem;
+  id: CarouselItemId;
+  dismiss: CarouselDismissItem;
 };
 export type CarouselUpdateLayoutMap = (value: CarouselLayoutMap) => void;
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dts/media/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/media/Carousel/useCarouselItem.d.ts

@@ -1,4 +1,4 @@
 import type { CarouselItemContextValue } from './types';
 /** Access the index and dismiss function for a CarouselItem. */
 export declare const useCarouselItem: () => CarouselItemContextValue;
-//# sourceMappingURL=useCarouselItem.d.ts.map
+//# sourceMappingURL=useCarouselItem.d.ts.map

package/dts/media/Carousel/useDismissCarouselItem.d.ts

@@ -1,12 +1,15 @@
 import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
 import type { ScrollToFn } from '../../hooks/useScrollTo';
 import type { CarouselDismissItemParams, CarouselItemId } from './types';
-export declare const useDismissCarouselItem: (itemsLength: number, scrollTo: ScrollToFn) => {
-    dismiss: ({ height, id, opacity, width, callbackFn }: CarouselDismissItemParams) => void;
-    dismissedItems: Set<CarouselItemId>;
-    resetDismissedItems: () => void;
-    onLayout: (event: LayoutChangeEvent) => void;
-    onContentSizeChange: (width: number) => void;
-    onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+export declare const useDismissCarouselItem: (
+  itemsLength: number,
+  scrollTo: ScrollToFn,
+) => {
+  dismiss: ({ height, id, opacity, width, callbackFn }: CarouselDismissItemParams) => void;
+  dismissedItems: Set<CarouselItemId>;
+  resetDismissedItems: () => void;
+  onLayout: (event: LayoutChangeEvent) => void;
+  onContentSizeChange: (width: number) => void;
+  onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
 };
-//# sourceMappingURL=useDismissCarouselItem.d.ts.map
+//# sourceMappingURL=useDismissCarouselItem.d.ts.map