@coinbase/cds-mobile 8.41.0 → 8.43.0

package/CHANGELOG.md

@@ -8,6 +8,23 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.43.0 (2/6/2026 PST)
+
+#### 🚀 Updates
+
+- Carousel autoplay. [[#361](https://github.com/coinbase/cds/pull/361)]
+
+## 8.42.0 (2/4/2026 PST)
+
+#### 🚀 Updates
+
+- Added MediaCard, MessagingCard, and alpha DataCard. [[#329](https://github.com/coinbase/cds/pull/329)]
+- Updated ContentCard. [[#329](https://github.com/coinbase/cds/pull/329)]
+
+#### 📘 Misc
+
+- Update storybook ExampleScreen. [[#366](https://github.com/coinbase/cds/pull/366)]
+
 ## 8.41.0 (2/4/2026 PST)
 
 #### 🚀 Updates

package/dts/alpha/data-card/DataCard.d.ts

@@ -0,0 +1,27 @@
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type CardRootProps } from '../../cards/CardRoot';
+import { type DataCardLayoutProps } from './DataCardLayout';
+export type DataCardBaseProps = DataCardLayoutProps & {
+  styles?: {
+    root?: StyleProp<ViewStyle>;
+  };
+};
+export type DataCardProps = Omit<CardRootProps, 'children'> & DataCardBaseProps;
+export declare const DataCard: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    Omit<CardRootProps, 'children'> &
+      import('./DataCardLayout').DataCardLayoutBaseProps & {
+        styles?: {
+          layoutContainer?: StyleProp<ViewStyle>;
+          headerContainer?: StyleProp<ViewStyle>;
+          textContainer?: StyleProp<ViewStyle>;
+          titleContainer?: StyleProp<ViewStyle>;
+        };
+      } & {
+        styles?: {
+          root?: StyleProp<ViewStyle>;
+        };
+      } & import('react').RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=DataCard.d.ts.map

package/dts/alpha/data-card/DataCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../../src/alpha/data-card/DataCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAAC;AAQhF,eAAO,MAAM,QAAQ;;uBAsBA,CAAC;uBAEd,CAAR;qBAEU,CAAC;sBAGT,CAAC;;;aA1CQ;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B;yCAyCF,CAAC"}

package/dts/alpha/data-card/DataCardLayout.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type DataCardLayoutBaseProps = {
+  /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+  title: React.ReactNode;
+  /** Text or React node to display as the card subtitle. Use a Text component to override default color and font. */
+  subtitle?: React.ReactNode;
+  /** React node to display as a title accessory. */
+  titleAccessory?: React.ReactNode;
+  /** React node to display as a thumbnail in the header area. */
+  thumbnail?: React.ReactNode;
+  /** Layout orientation of the card. Horizontal places header and visualization side by side, vertical stacks them.
+   * @default 'vertical'
+   */
+  layout: 'horizontal' | 'vertical';
+  /** Child node to display as the visualization (e.g., ProgressBar or ProgressCircle). */
+  children?: React.ReactNode;
+};
+export type DataCardLayoutProps = DataCardLayoutBaseProps & {
+  styles?: {
+    layoutContainer?: StyleProp<ViewStyle>;
+    headerContainer?: StyleProp<ViewStyle>;
+    textContainer?: StyleProp<ViewStyle>;
+    titleContainer?: StyleProp<ViewStyle>;
+  };
+};
+export declare const DataCardLayout: React.MemoExoticComponent<
+  ({
+    title,
+    subtitle,
+    titleAccessory,
+    thumbnail,
+    layout,
+    children,
+    styles,
+  }: DataCardLayoutProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DataCardLayout.d.ts.map

package/dts/alpha/data-card/DataCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardLayout.d.ts","sourceRoot":"","sources":["../../../src/alpha/data-card/DataCardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,gHAAgH;IAChH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mHAAmH;IACnH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;IAClC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC,CAAC;CACH,CAAC;AACF,eAAO,MAAM,cAAc,wGAStB,mBAAmB,6CA+DvB,CAAC"}

package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts

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

package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/alpha/data-card/__figma__/DataCard.figma.tsx"],"names":[],"mappings":""}

package/dts/alpha/data-card/index.d.ts

@@ -0,0 +1,3 @@
+export type { DataCardBaseProps, DataCardProps } from './DataCard';
+export { DataCard } from './DataCard';
+//# sourceMappingURL=index.d.ts.map

package/dts/alpha/data-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alpha/data-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dts/alpha/index.d.ts

@@ -1,4 +1,5 @@
 export * from './combobox';
+export * from './data-card';
 export * from './select';
 export * from './select-chip';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alpha/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alpha/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dts/cards/AnnouncementCard.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { type CardBaseProps } from './Card';
 import { type CardBodyBaseProps } from './CardBody';
 export type AnnouncementCardBaseProps = CardBaseProps & CardBodyBaseProps;
-/** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
+/** @deprecated Use MessagingCard instead. AnnouncementCard will be removed in a future major release. */
 export type AnnouncementCardProps = AnnouncementCardBaseProps;
-/** @deprecated This component will be removed in a future version. Use NudgeCard or UpsellCard instead. */
+/** @deprecated Use MessagingCard instead. AnnouncementCard will be removed in a future major release. */
 export declare const AnnouncementCard: React.NamedExoticComponent<AnnouncementCardBaseProps>;
 //# sourceMappingURL=AnnouncementCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementCard.d.ts","sourceRoot":"","sources":["../../src/cards/AnnouncementCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAsB,MAAM,YAAY,CAAC;AAElF,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAC1E,gFAAgF;AAChF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,uDAyC3B,CAAC"}
+{"version":3,"file":"AnnouncementCard.d.ts","sourceRoot":"","sources":["../../src/cards/AnnouncementCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAsB,MAAM,YAAY,CAAC;AAElF,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAC1E,yGAAyG;AACzG,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,yGAAyG;AACzG,eAAO,MAAM,gBAAgB,uDAyC3B,CAAC"}

package/dts/cards/CardMedia.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { CardMediaProps as CommonCardMediaProps } from '@coinbase/cds-common/types';
 export type CardMediaProps = CommonCardMediaProps;
-export declare const CardMedia: React.NamedExoticComponent<CommonCardMediaProps>;
+export declare const CardMedia: import('react').NamedExoticComponent<CommonCardMediaProps>;
 //# sourceMappingURL=CardMedia.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../src/cards/CardMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAGV,cAAc,IAAI,oBAAoB,EACvC,MAAM,4BAA4B,CAAC;AAMpC,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAclD,eAAO,MAAM,SAAS,kDAgCpB,CAAC"}
+{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../src/cards/CardMedia.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,cAAc,IAAI,oBAAoB,EACvC,MAAM,4BAA4B,CAAC;AAKpC,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAclD,eAAO,MAAM,SAAS,4DAiCpB,CAAC"}

package/dts/cards/CardRoot.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type PressableProps } from '../system/Pressable';
+export type CardRootBaseProps = {
+  /** Content to render inside the card. */
+  children: React.ReactNode;
+  /**
+   * If true, the CardRoot will be rendered as a Pressable component.
+   * When false, renders as an HStack for layout purposes.
+   * @default false
+   */
+  renderAsPressable?: boolean;
+};
+export type CardRootProps = CardRootBaseProps &
+  Omit<PressableProps, 'style'> & {
+    style?: StyleProp<ViewStyle>;
+  };
+/**
+ * CardRoot is the foundational wrapper component for card layouts.
+ *
+ * By default, it renders as an HStack for horizontal layout.
+ * When `renderAsPressable` is true, it renders as a Pressable component.
+ */
+export declare const CardRoot: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    CardRootBaseProps &
+      Omit<PressableProps, 'style'> & {
+        style?: StyleProp<ViewStyle>;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=CardRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardRoot.d.ts","sourceRoot":"","sources":["../../src/cards/CardRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;YATT,SAAS,CAAC,SAAS,CAAC;+BAkB/B,CAAC"}

package/dts/cards/ContainedAssetCard.d.ts

@@ -26,6 +26,33 @@ export type ContainedAssetCardBaseProps = {
 export type ContainedAssetCardProps = ContainedAssetCardBaseProps &
   Pick<PressableProps, 'onPress'> &
   Pick<HStackProps, 'minWidth' | 'maxWidth'>;
+/**
+ * @deprecated Use `MediaCard` instead. ContainedAssetCard will be removed in a future major release.
+ *
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <ContainedAssetCard
+ *   header={<Avatar ... />}
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   size="l"
+ * >
+ *   <RemoteImage ... />
+ * </ContainedAssetCard>
+ *
+ * // After
+ * <MediaCard
+ *   thumbnail={<Avatar ... />}
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   media={<RemoteImage ... />}
+ *   mediaPlacement="end"
+ * />
+ * ```
+ */
 export declare const ContainedAssetCard: React.MemoExoticComponent<
   ({
     title,

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

@@ -1 +1 @@
-{"version":3,"file":"ContainedAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/ContainedAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,cAAc,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,2BAA2B,GAAG;IACxC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC/D,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAC/B,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,kBAAkB,yJAY1B,uBAAuB,6CAiF3B,CAAC"}
+{"version":3,"file":"ContainedAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/ContainedAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,cAAc,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,2BAA2B,GAAG;IACxC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC/D,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAC/B,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,kBAAkB,yJAY1B,uBAAuB,6CAiF3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;iFA+BvB,CAAC"}
+{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;iFA6BvB,CAAC"}

package/dts/cards/ContentCard/ContentCardBody.d.ts

@@ -1,42 +1,114 @@
 import React from 'react';
-import type { View } from 'react-native';
+import type { StyleProp, View, ViewStyle } from 'react-native';
 import { type SharedProps } from '@coinbase/cds-common/types';
 import type { VStackProps } from '../../layout';
 export type ContentCardBodyBaseProps = SharedProps & {
-  /** Main body copy */
+  /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+  title?: React.ReactNode;
+  /**
+   * @deprecated Use description instead
+   * Main body copy
+   */
   body?: React.ReactNode;
-  /** Use for supplemental data */
+  /** Text or React node to display as the card description. Use a Text component to override default color and font. */
+  description?: React.ReactNode;
+  /**
+   * @deprecated Use a ReactNode as `description` instead if you need to display content below the description.
+   * Use for supplemental data.
+   */
   label?: React.ReactNode;
-  /** Media, image or video to show */
+  /** React node to display as media content (e.g., Image or RemoteImage). */
   media?: React.ReactNode;
   /**
+   * @deprecated Use mediaPlacement instead
    * The position of the media within the card.
    * Can be one of: 'top', 'bottom', 'right' or 'left'.
    */
   mediaPosition?: 'top' | 'bottom' | 'right' | 'left';
+  /** Placement of the media content relative to the text content.
+   * @default 'top'
+   */
+  mediaPlacement?: 'top' | 'bottom' | 'start' | 'end';
+  /**
+   * Custom content to display below the main content box (title/description/media).
+   * Use this when you need to render custom content that doesn't fit the standard media/title/description layout.
+   */
   children?: React.ReactNode;
+  styles?: {
+    /**
+     * Root container style (wrapper around the content container + children)
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Container for the content (media + text content)
+     */
+    contentContainer?: StyleProp<ViewStyle>;
+    /**
+     * Container for the text content (title + description + label)
+     */
+    textContainer?: StyleProp<ViewStyle>;
+    /**
+     * Container for the media
+     */
+    mediaContainer?: StyleProp<ViewStyle>;
+  };
 };
 export type ContentCardBodyProps = ContentCardBodyBaseProps & VStackProps;
 export declare const ContentCardBody: React.MemoExoticComponent<
   React.ForwardRefExoticComponent<
     SharedProps & {
-      /** Main body copy */
+      /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+      title?: React.ReactNode;
+      /**
+       * @deprecated Use description instead
+       * Main body copy
+       */
       body?: React.ReactNode;
-      /** Use for supplemental data */
+      /** Text or React node to display as the card description. Use a Text component to override default color and font. */
+      description?: React.ReactNode;
+      /**
+       * @deprecated Use a ReactNode as `description` instead if you need to display content below the description.
+       * Use for supplemental data.
+       */
       label?: React.ReactNode;
-      /** Media, image or video to show */
+      /** React node to display as media content (e.g., Image or RemoteImage). */
       media?: React.ReactNode;
       /**
+       * @deprecated Use mediaPlacement instead
        * The position of the media within the card.
        * Can be one of: 'top', 'bottom', 'right' or 'left'.
        */
       mediaPosition?: 'top' | 'bottom' | 'right' | 'left';
+      /** Placement of the media content relative to the text content.
+       * @default 'top'
+       */
+      mediaPlacement?: 'top' | 'bottom' | 'start' | 'end';
+      /**
+       * Custom content to display below the main content box (title/description/media).
+       * Use this when you need to render custom content that doesn't fit the standard media/title/description layout.
+       */
       children?: React.ReactNode;
+      styles?: {
+        /**
+         * Root container style (wrapper around the content container + children)
+         */
+        root?: StyleProp<ViewStyle>;
+        /**
+         * Container for the content (media + text content)
+         */
+        contentContainer?: StyleProp<ViewStyle>;
+        /**
+         * Container for the text content (title + description + label)
+         */
+        textContainer?: StyleProp<ViewStyle>;
+        /**
+         * Container for the media
+         */
+        mediaContainer?: StyleProp<ViewStyle>;
+      };
     } & import('../../styles/styleProps').StyleProps & {
         children?: React.ReactNode;
-        style?: import('react-native').Animated.WithAnimatedValue<
-          import('react-native').StyleProp<import('react-native').ViewStyle>
-        >;
+        style?: import('react-native').Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
         animated?: boolean;
         elevation?: import('@coinbase/cds-common').ElevationLevels;
         font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';

package/dts/cards/ContentCard/ContentCardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCardBody.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIhD,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG;IACnD,qBAAqB;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG,WAAW,CAAC;AAE1E,eAAO,MAAM,eAAe;IAhB1B,qBAAqB;WACd,KAAK,CAAC,SAAS;IACtB,gCAAgC;YACxB,KAAK,CAAC,SAAS;IACvB,oCAAoC;YAC5B,KAAK,CAAC,SAAS;IACvB;;;OAGG;oBACa,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;eACxC,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;iFAoC3B,CAAC"}
+{"version":3,"file":"ContentCardBody.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAchD,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG;IACnD,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC;;WAEG;QACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC;;WAEG;QACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG,WAAW,CAAC;AAE1E,eAAO,MAAM,eAAe;IArD1B,gHAAgH;YACxG,KAAK,CAAC,SAAS;IACvB;;;OAGG;WACI,KAAK,CAAC,SAAS;IACtB,sHAAsH;kBACxG,KAAK,CAAC,SAAS;IAC7B;;;OAGG;YACK,KAAK,CAAC,SAAS;IACvB,2EAA2E;YACnE,KAAK,CAAC,SAAS;IACvB;;;;OAIG;oBACa,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;IACnD;;OAEG;qBACc,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK;IACnD;;;OAGG;eACQ,KAAK,CAAC,SAAS;aACjB;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC;;WAEG;QACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC;;WAEG;QACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC;;;;;;;;;;;;;;;;;iFA0GF,CAAC"}

package/dts/cards/ContentCard/ContentCardFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCardFooter.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,WAAW,CAAC;AAE9E,eAAO,MAAM,iBAAiB;eALjB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;iFAa3B,CAAC"}
+{"version":3,"file":"ContentCardFooter.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,WAAW,CAAC;AAE9E,eAAO,MAAM,iBAAiB;eALjB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;iFAgB3B,CAAC"}

package/dts/cards/ContentCard/ContentCardHeader.d.ts

@@ -1,34 +1,72 @@
 import React from 'react';
-import type { View } from 'react-native';
+import type { StyleProp, View, ViewStyle } from 'react-native';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import type { HStackProps } from '../../layout';
 export type ContentCardHeaderBaseProps = SharedProps & {
-  /** A media object like an image, avatar, illustration, or cryptocurrency asset. */
+  /** @deprecated Use `thumbnail` instead. `avatar` will be removed in a future major release. */
   avatar?: React.ReactNode;
-  /** Name of the publisher */
+  /** A media object like an image, avatar, illustration, or cryptocurrency asset. */
+  thumbnail?: React.ReactNode;
+  /** Text or React node to display as the header title. Use a Text component to override default color and font. */
   title: React.ReactNode;
-  /** Includes data like content category type and time */
+  /** @deprecated Use `subtitle` instead. `meta` will be removed in a future major release. */
   meta?: React.ReactNode;
-  /** Typically an Icon Button or Tag */
+  /** Text or React node to display as the header subtitle. Use a Text component to override default color and font. */
+  subtitle?: React.ReactNode;
+  /** @deprecated Use `actions` instead. `end` will be removed in a future major release. */
   end?: React.ReactNode;
+  /** Slot for action buttons. */
+  actions?: React.ReactNode;
+  styles?: {
+    /**
+     * Root container style
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Container for the text content (title + subtitle)
+     */
+    textContainer?: StyleProp<ViewStyle>;
+    /**
+     * Container for the content (thumbnail + text content)
+     */
+    contentContainer?: StyleProp<ViewStyle>;
+  };
 };
 export type ContentCardHeaderProps = ContentCardHeaderBaseProps & HStackProps;
 export declare const ContentCardHeader: React.MemoExoticComponent<
   React.ForwardRefExoticComponent<
     SharedProps & {
-      /** A media object like an image, avatar, illustration, or cryptocurrency asset. */
+      /** @deprecated Use `thumbnail` instead. `avatar` will be removed in a future major release. */
       avatar?: React.ReactNode;
-      /** Name of the publisher */
+      /** A media object like an image, avatar, illustration, or cryptocurrency asset. */
+      thumbnail?: React.ReactNode;
+      /** Text or React node to display as the header title. Use a Text component to override default color and font. */
       title: React.ReactNode;
-      /** Includes data like content category type and time */
+      /** @deprecated Use `subtitle` instead. `meta` will be removed in a future major release. */
       meta?: React.ReactNode;
-      /** Typically an Icon Button or Tag */
+      /** Text or React node to display as the header subtitle. Use a Text component to override default color and font. */
+      subtitle?: React.ReactNode;
+      /** @deprecated Use `actions` instead. `end` will be removed in a future major release. */
       end?: React.ReactNode;
+      /** Slot for action buttons. */
+      actions?: React.ReactNode;
+      styles?: {
+        /**
+         * Root container style
+         */
+        root?: StyleProp<ViewStyle>;
+        /**
+         * Container for the text content (title + subtitle)
+         */
+        textContainer?: StyleProp<ViewStyle>;
+        /**
+         * Container for the content (thumbnail + text content)
+         */
+        contentContainer?: StyleProp<ViewStyle>;
+      };
     } & import('../../styles/styleProps').StyleProps & {
         children?: React.ReactNode;
-        style?: import('react-native').Animated.WithAnimatedValue<
-          import('react-native').StyleProp<import('react-native').ViewStyle>
-        >;
+        style?: import('react-native').Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
         animated?: boolean;
         elevation?: import('@coinbase/cds-common').ElevationLevels;
         font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';

package/dts/cards/ContentCard/ContentCardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCardHeader.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,mFAAmF;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4BAA4B;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,WAAW,CAAC;AAE9E,eAAO,MAAM,iBAAiB;IAZ5B,mFAAmF;aAC1E,KAAK,CAAC,SAAS;IACxB,4BAA4B;WACrB,KAAK,CAAC,SAAS;IACtB,wDAAwD;WACjD,KAAK,CAAC,SAAS;IACtB,sCAAsC;UAChC,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;iFAkDtB,CAAC"}
+{"version":3,"file":"ContentCardHeader.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mFAAmF;IACnF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qHAAqH;IACrH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC;;WAEG;QACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACzC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,WAAW,CAAC;AAE9E,eAAO,MAAM,iBAAiB;IAhC5B,+FAA+F;aACtF,KAAK,CAAC,SAAS;IACxB,mFAAmF;gBACvE,KAAK,CAAC,SAAS;IAC3B,kHAAkH;WAC3G,KAAK,CAAC,SAAS;IACtB,4FAA4F;WACrF,KAAK,CAAC,SAAS;IACtB,qHAAqH;eAC1G,KAAK,CAAC,SAAS;IAC1B,0FAA0F;UACpF,KAAK,CAAC,SAAS;IACrB,+BAA+B;cACrB,KAAK,CAAC,SAAS;aAChB;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC;;WAEG;QACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACzC;;;;;;;;;;;;;;;;;iFA+FF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../src/cards/DataCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS9D,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,WAAW,GAAG;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,yDA8DnB,CAAC"}
+{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../src/cards/DataCard.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS9D,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,WAAW,GAAG;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,yDA8DnB,CAAC"}

package/dts/cards/FeatureEntryCard.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { type CardBaseProps } from './Card';
 import { type CardBodyBaseProps } from './CardBody';
 export type FeatureEntryCardBaseProps = CardBaseProps & CardBodyBaseProps;
-/** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
+/** @deprecated Use MessagingCard instead. FeatureEntryCard will be removed in a future major release. */
 export type FeatureEntryCardProps = FeatureEntryCardBaseProps;
-/** @deprecated will be removed in v7.0.0 use NudgeCard or UpsellCard instead */
+/** @deprecated Use MessagingCard instead. FeatureEntryCard will be removed in a future major release. */
 export declare const FeatureEntryCard: React.NamedExoticComponent<FeatureEntryCardBaseProps>;
 //# sourceMappingURL=FeatureEntryCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureEntryCard.d.ts","sourceRoot":"","sources":["../../src/cards/FeatureEntryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAE1E,gFAAgF;AAChF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,gFAAgF;AAChF,eAAO,MAAM,gBAAgB,uDAiC3B,CAAC"}
+{"version":3,"file":"FeatureEntryCard.d.ts","sourceRoot":"","sources":["../../src/cards/FeatureEntryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAE1E,yGAAyG;AACzG,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,yGAAyG;AACzG,eAAO,MAAM,gBAAgB,uDAiC3B,CAAC"}

package/dts/cards/FeedCard.d.ts

@@ -5,6 +5,7 @@ import { type ButtonBaseProps, type IconButtonBaseProps } from '../buttons';
 import { type CardBaseProps } from './Card';
 import { type CardBodyBaseProps } from './CardBody';
 import { type LikeButtonBaseProps } from './LikeButton';
+/** @deprecated Use the ContentCard component instead. */
 export type FeedCardBaseProps = CardBaseProps &
   SharedProps &
   Pick<CardBodyBaseProps, 'image' | 'pictogram' | 'spotSquare'> & {
@@ -31,6 +32,8 @@ export type FeedCardBaseProps = CardBaseProps &
     share?: Omit<IconButtonBaseProps, 'name'>;
     cta?: ButtonBaseProps;
   };
+/** @deprecated Use the ContentCard component instead. */
 export type FeedCardProps = FeedCardBaseProps;
+/** @deprecated Use the ContentCard component instead. */
 export declare const FeedCard: React.NamedExoticComponent<FeedCardBaseProps>;
 //# sourceMappingURL=FeedCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedCard.d.ts","sourceRoot":"","sources":["../../src/cards/FeedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAU,KAAK,eAAe,EAAc,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGhG,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,WAAW,GACX,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC,GAAG;IAC9D,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACpD,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,mBAAmB,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC;IAC7E,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,eAAe,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,+CAkFnB,CAAC"}
+{"version":3,"file":"FeedCard.d.ts","sourceRoot":"","sources":["../../src/cards/FeedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAU,KAAK,eAAe,EAAc,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGhG,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEpE,yDAAyD;AACzD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,WAAW,GACX,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC,GAAG;IAC9D,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACpD,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,mBAAmB,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC;IAC7E,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,eAAe,CAAC;CACvB,CAAC;AAEJ,yDAAyD;AACzD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,yDAAyD;AACzD,eAAO,MAAM,QAAQ,+CAkFnB,CAAC"}

package/dts/cards/FloatingAssetCard.d.ts

@@ -21,6 +21,31 @@ export type FloatingAssetCardBaseProps = SharedProps & {
   size?: 's' | 'l';
 };
 export type FloatingAssetCardProps = FloatingAssetCardBaseProps;
+/**
+ * @deprecated Use `MediaCard` instead. FloatingAssetCard will be removed in a future major release.
+ *
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <FloatingAssetCard
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   media={<RemoteImage ... />}
+ * />
+ *
+ * // After
+ * <MediaCard
+ *   title="Asset Title"
+ *   subtitle="Subtitle"
+ *   description="Description"
+ *   thumbnail={<RemoteImage ... />}
+ * />
+ * ```
+ *
+ * Note: The floating variation (media outside the card container) is no longer supported.
+ * MediaCard provides a contained layout with media placement options (start/end).
+ */
 export declare const FloatingAssetCard: React.MemoExoticComponent<
   ({
     title,

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/FloatingAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9D,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAEhE,eAAO,MAAM,iBAAiB,8FASzB,sBAAsB,6CAgE1B,CAAC"}
+{"version":3,"file":"FloatingAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/FloatingAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9D,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,iBAAiB,8FASzB,sBAAsB,6CAgE1B,CAAC"}

package/dts/cards/MediaCard/MediaCardLayout.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type MediaCardLayoutBaseProps = {
+  /** Text or React node to display as the card title. Use a Text component to override default color and font. */
+  title?: React.ReactNode;
+  /** Text or React node to display as the card subtitle. Use a Text component to override default color and font. */
+  subtitle?: React.ReactNode;
+  /** Text or React node to display as the card description. Use a Text component to override default color and font. */
+  description?: React.ReactNode;
+  /** React node to display as a thumbnail in the content area. */
+  thumbnail: React.ReactNode;
+  /** React node to display as the main media content. When provided, it will be rendered in an HStack container taking up 50% of the card width. */
+  media?: React.ReactNode;
+  /** The position of the media within the card.
+   * @default 'end'
+   */
+  mediaPlacement?: 'start' | 'end';
+};
+export type MediaCardLayoutProps = MediaCardLayoutBaseProps & {
+  styles?: {
+    layoutContainer?: StyleProp<ViewStyle>;
+    contentContainer?: StyleProp<ViewStyle>;
+    textContainer?: StyleProp<ViewStyle>;
+    headerContainer?: StyleProp<ViewStyle>;
+    mediaContainer?: StyleProp<ViewStyle>;
+  };
+};
+declare const MediaCardLayout: React.MemoExoticComponent<
+  ({
+    title,
+    subtitle,
+    description,
+    thumbnail,
+    media,
+    mediaPlacement,
+    styles,
+  }: MediaCardLayoutProps) => import('react/jsx-runtime').JSX.Element
+>;
+export { MediaCardLayout };
+//# sourceMappingURL=MediaCardLayout.d.ts.map

package/dts/cards/MediaCard/MediaCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCardLayout.d.ts","sourceRoot":"","sources":["../../../src/cards/MediaCard/MediaCardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzD,MAAM,MAAM,wBAAwB,GAAG;IACrC,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mHAAmH;IACnH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gEAAgE;IAChE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kJAAkJ;IAClJ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG;IAC5D,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,eAAe,0GAShB,oBAAoB,6CAkFxB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts

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