@coinbase/cds-mobile 8.40.2 → 8.42.0

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

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

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

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

@@ -0,0 +1,28 @@
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type CardRootProps } from '../CardRoot';
+import { type MediaCardLayoutProps } from './MediaCardLayout';
+export type MediaCardBaseProps = MediaCardLayoutProps;
+export type MediaCardProps = MediaCardBaseProps &
+  Omit<CardRootProps, 'children'> & {
+    styles?: {
+      root?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const MediaCard: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    import('./MediaCardLayout').MediaCardLayoutBaseProps & {
+      styles?: {
+        layoutContainer?: StyleProp<ViewStyle>;
+        contentContainer?: StyleProp<ViewStyle>;
+        textContainer?: StyleProp<ViewStyle>;
+        headerContainer?: StyleProp<ViewStyle>;
+        mediaContainer?: StyleProp<ViewStyle>;
+      };
+    } & Omit<CardRootProps, 'children'> & {
+        styles?: {
+          root?: StyleProp<ViewStyle>;
+        };
+      } & import('react').RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/MediaCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA8B,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3F,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAQJ,eAAO,MAAM,SAAS;;uBAmBK,CAAC;wBAEhB,CAAH;qBACG,CAAL;uBACS,CAAC;sBACU,CAAC;;;aAnCf;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B;yCAwCJ,CAAC"}

package/dts/cards/MessagingCard/MessagingCardLayout.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import type { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+export type MessagingCardLayoutProps = {
+  /** Type of messaging card. Determines background color and text color. */
+  type: 'upsell' | 'nudge';
+  /** 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 description. Use a Text component to override default color and font. */
+  description?: React.ReactNode;
+  /** Text or React node to display as a tag. When a string is provided, it will be rendered in a Tag component. */
+  tag?: React.ReactNode;
+  /**
+   * Action element to display. Can be a string (renders as default button) or a custom ReactNode.
+   * When a string is provided, use `onActionButtonPress` to handle presses.
+   */
+  action?: React.ReactNode;
+  /** Callback fired when the action button is pressed. Only used when `action` is a string. */
+  onActionButtonPress?: (event: GestureResponderEvent) => void;
+  /** Accessibility label for the action button. Only used when `action` is a string.
+   * @default action value (when action is a string)
+   */
+  actionButtonAccessibilityLabel?: string;
+  /** React node to display as the dismiss button. When provided, this will be rendered instead of the default dismiss button. */
+  dismissButton?: React.ReactNode;
+  /** Callback fired when the dismiss button is pressed. When provided, a default dismiss button will be rendered in the top-right corner. */
+  onDismissButtonPress?: (event: GestureResponderEvent) => void;
+  /** Accessibility label for the dismiss button.
+   * @default 'Dismiss {title}' when title is a string, otherwise 'Dismiss card'
+   */
+  dismissButtonAccessibilityLabel?: string;
+  /** Placement of the media content relative to the text content.
+   * @default 'end'
+   */
+  mediaPlacement: 'start' | 'end';
+  /** React node to display as the main media content. When provided, it will be rendered in an HStack container. */
+  media?: React.ReactNode;
+  styles?: {
+    layoutContainer?: StyleProp<ViewStyle>;
+    contentContainer?: StyleProp<ViewStyle>;
+    textContainer?: StyleProp<ViewStyle>;
+    mediaContainer?: StyleProp<ViewStyle>;
+    dismissButtonContainer?: StyleProp<ViewStyle>;
+  };
+};
+export declare const MessagingCardLayout: React.MemoExoticComponent<
+  ({
+    type,
+    title,
+    description,
+    tag,
+    action,
+    onActionButtonPress,
+    actionButtonAccessibilityLabel,
+    onDismissButtonPress,
+    dismissButtonAccessibilityLabel,
+    mediaPlacement,
+    media,
+    styles,
+    dismissButton,
+  }: MessagingCardLayoutProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=MessagingCardLayout.d.ts.map

package/dts/cards/MessagingCard/MessagingCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagingCardLayout.d.ts","sourceRoot":"","sources":["../../../src/cards/MessagingCard/MessagingCardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUhF,MAAM,MAAM,wBAAwB,GAAG;IACrC,0EAA0E;IAC1E,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iHAAiH;IACjH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,6FAA6F;IAC7F,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,+HAA+H;IAC/H,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2IAA2I;IAC3I,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC9D;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC;;OAEG;IACH,cAAc,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,kHAAkH;IAClH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,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,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC/C,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,mBAAmB,mOAe3B,wBAAwB,6CAwK5B,CAAC"}

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

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

package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts.map

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

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

@@ -0,0 +1,21 @@
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type CardRootProps } from '../CardRoot';
+import { type MessagingCardLayoutProps } from './MessagingCardLayout';
+export type MessagingCardBaseProps = MessagingCardLayoutProps;
+export type MessagingCardProps = MessagingCardBaseProps &
+  Omit<CardRootProps, 'children'> & {
+    styles?: {
+      root?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const MessagingCard: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    MessagingCardLayoutProps &
+      Omit<CardRootProps, 'children'> & {
+        styles?: {
+          root?: StyleProp<ViewStyle>;
+        };
+      } & import('react').RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/MessagingCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAOJ,eAAO,MAAM,aAAa;aAVb;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B;yCA2DJ,CAAC"}

package/dts/cards/NudgeCard.d.ts

@@ -49,6 +49,33 @@ export type NudgeCardBaseProps = SharedProps &
     onPress?: PressableProps['onPress'];
   };
 export type NudgeCardProps = NudgeCardBaseProps;
+/**
+ * @deprecated Use `MessagingCard` with `type="nudge"` instead. NudgeCard will be removed in a future major release.
+ *
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <NudgeCard
+ *   title="Title"
+ *   description="Description"
+ *   pictogram="addToWatchlist"
+ *   action="Learn more"
+ *   onActionPress={handleAction}
+ *   onDismissPress={handleDismiss}
+ * />
+ *
+ * // After
+ * <MessagingCard
+ *   type="nudge"
+ *   title="Title"
+ *   description="Description"
+ *   media={<Pictogram dimension="48x48" name="addToWatchlist" />}
+ *   actions={<Button compact variant="secondary">Learn more</Button>}
+ *   onDismiss={handleDismiss}
+ *   mediaPlacement="end"
+ * />
+ * ```
+ */
 export declare const NudgeCard: React.MemoExoticComponent<
   ({
     title,

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

@@ -1 +1 @@
-{"version":3,"file":"NudgeCard.d.ts","sourceRoot":"","sources":["../../src/cards/NudgeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,0BAA0B,EAC1B,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAQpC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC,GAC5C,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sEAAsE;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yDAAyD;IACzD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD,eAAO,MAAM,SAAS,wNAkBjB,cAAc,6CAwGlB,CAAC"}
+{"version":3,"file":"NudgeCard.d.ts","sourceRoot":"","sources":["../../src/cards/NudgeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,0BAA0B,EAC1B,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAQpC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC,GAC5C,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sEAAsE;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yDAAyD;IACzD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,wNAkBjB,cAAc,6CAwGlB,CAAC"}

package/dts/cards/UpsellCard.d.ts

@@ -36,6 +36,33 @@ export type UpsellCardBaseProps = SharedProps &
     dangerouslySetBackground?: string;
   };
 export type UpsellCardProps = UpsellCardBaseProps;
+/**
+ * @deprecated Use `MessagingCard` with `type="upsell"` instead. UpsellCard will be removed in a future major release.
+ *
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <UpsellCard
+ *   title="Title"
+ *   description="Description"
+ *   media={<RemoteImage ... />}
+ *   action="Get Started"
+ *   onActionPress={handleAction}
+ *   onDismissPress={handleDismiss}
+ * />
+ *
+ * // After
+ * <MessagingCard
+ *   type="upsell"
+ *   title="Title"
+ *   description="Description"
+ *   media={<RemoteImage ... />}
+ *   actions={<Button compact variant="secondary">Get Started</Button>}
+ *   onDismiss={handleDismiss}
+ *   mediaPlacement="end"
+ * />
+ * ```
+ */
 export declare const UpsellCard: React.MemoExoticComponent<
   ({
     title,

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

@@ -1 +1 @@
-{"version":3,"file":"UpsellCard.d.ts","sourceRoot":"","sources":["../../src/cards/UpsellCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAOpC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GACpD,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC/B,uDAAuD;IACvD,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC1C,wDAAwD;IACxD,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC3C,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU,sLAclB,eAAe,6CAmFnB,CAAC"}
+{"version":3,"file":"UpsellCard.d.ts","sourceRoot":"","sources":["../../src/cards/UpsellCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAOpC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GACpD,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC/B,uDAAuD;IACvD,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC1C,wDAAwD;IACxD,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAC3C,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,wDAAwD;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,sLAclB,eAAe,6CAmFnB,CAAC"}

package/dts/cards/index.d.ts

@@ -4,8 +4,12 @@ export * from './CardFooter';
 export * from './CardGroup';
 export * from './CardHeader';
 export * from './CardMedia';
+export * from './CardRoot';
 export * from './AnnouncementCard';
 export * from './FeatureEntryCard';
 export * from './FeedCard';
 export * from './ContentCard';
+export * from './MediaCard';
+export * from './MessagingCard';
+export * from './DataCard';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAC5B,cAAc,YAAY,CAAC;AAE3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC;AAE9B,cAAc,aAAa,CAAC;AAE5B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,YAAY,CAAC"}

package/dts/examples/ExampleScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM5D,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM/B,eAAO,MAAM,OAAO,GAAI,kEAOrB,YAAY,4CA8Bd,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;oCAsCzB,CAAC"}
+{"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM5D,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM/B,eAAO,MAAM,OAAO,GAAI,kEAOrB,YAAY,4CA8Bd,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;oCAyCzB,CAAC"}

package/esm/alpha/combobox/Combobox.js

@@ -1,5 +1,5 @@
 const _excluded = ["ComboboxControlComponent"],
-  _excluded2 = ["type", "value", "onChange", "options", "open", "setOpen", "label", "placeholder", "disabled", "variant", "startNode", "endNode", "accessibilityLabel", "defaultOpen", "searchText", "onSearch", "defaultSearchText", "closeButtonLabel", "filterFunction", "SelectControlComponent", "ComboboxControlComponent", "SelectDropdownComponent", "hideSearchInput"];
+  _excluded2 = ["type", "value", "onChange", "options", "open", "setOpen", "label", "placeholder", "disabled", "variant", "startNode", "endNode", "align", "accessibilityLabel", "defaultOpen", "searchText", "onSearch", "defaultSearchText", "closeButtonLabel", "filterFunction", "SelectControlComponent", "ComboboxControlComponent", "SelectDropdownComponent", "hideSearchInput"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { createContext, forwardRef, memo, useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';
@@ -64,6 +64,7 @@ const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
       variant,
       startNode,
       endNode,
+      align,
       accessibilityLabel = typeof label === 'string' ? label : 'Combobox control',
       defaultOpen,
       searchText: searchTextProp,
@@ -153,6 +154,7 @@ const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
       paddingX: 3,
       children: /*#__PURE__*/_jsx(ComboboxControl, _extends({
         accessibilityLabel: accessibilityLabel,
+        align: align,
         endNode: endNode,
         placeholder: placeholder,
         startNode: startNode,
@@ -163,7 +165,7 @@ const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
       }))
     }),
     onVisibilityChange: handleTrayVisibilityChange
-  })), [ComboboxControl, SelectDropdownComponent, accessibilityLabel, closeButtonLabel, endNode, handleTrayVisibilityChange, label, placeholder, setOpen, startNode, variant]);
+  })), [ComboboxControl, SelectDropdownComponent, accessibilityLabel, align, closeButtonLabel, endNode, handleTrayVisibilityChange, label, placeholder, setOpen, startNode, variant]);
   return /*#__PURE__*/_jsx(ComboboxContext.Provider, {
     value: {
       searchText,
@@ -176,6 +178,7 @@ const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
       SelectControlComponent: ComboboxControl,
       SelectDropdownComponent: ComboboxDropdown,
       accessibilityLabel: accessibilityLabel,
+      align: align,
       defaultOpen: defaultOpen,
       disabled: disabled,
       endNode: endNode,

package/esm/alpha/combobox/DefaultComboboxControl.js

@@ -1,4 +1,4 @@
-const _excluded = ["SelectControlComponent", "value", "placeholder", "open", "setOpen", "disabled", "options", "searchText", "onSearch", "searchInputRef", "hideSearchInput", "accessibilityLabel"];
+const _excluded = ["SelectControlComponent", "value", "placeholder", "open", "setOpen", "align", "disabled", "options", "searchText", "onSearch", "searchInputRef", "hideSearchInput", "accessibilityLabel"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { useMemo } from 'react';
@@ -18,6 +18,7 @@ export const DefaultComboboxControl = _ref => {
       placeholder,
       open,
       setOpen,
+      align,
       disabled,
       options,
       searchText,
@@ -37,8 +38,10 @@ export const DefaultComboboxControl = _ref => {
     }
     return label;
   }, [hasValue, accessibilityLabel, placeholder]);
+  const valueAlignment = useMemo(() => align === 'end' ? 'right' : align === 'center' ? 'center' : 'left', [align]);
   return /*#__PURE__*/_jsx(SelectControlComponent, _extends({
     accessibilityLabel: computedAccessibilityLabel,
+    align: align,
     disabled: disabled,
     open: open,
     options: options,
@@ -63,10 +66,11 @@ export const DefaultComboboxControl = _ref => {
           marginTop: hasValue ? 0 : -24,
           marginBottom: hasValue ? -12 : -24,
           paddingTop: hasValue ? 8 : 0,
-          // This is constrained by the parent container's width. The width is large
+          // This is constrained by the parent container's width. The width is 100%
           // to ensure it grows to fill the control
           width: open ? '100%' : undefined
         },
+        textAlign: valueAlignment,
         value: searchText
       })
     }) : /*#__PURE__*/_jsx(_Fragment, {
@@ -74,6 +78,7 @@ export const DefaultComboboxControl = _ref => {
         color: "fgMuted",
         font: "body",
         paddingY: 0,
+        textAlign: valueAlignment,
         children: typeof placeholder === 'string' ? placeholder : ''
       })
     }),

package/esm/alpha/combobox/__stories__/Combobox.stories.js

@@ -256,6 +256,123 @@ const InitialValuesExample = () => {
     value: value
   });
 };
+const AlignmentsExample = () => {
+  const {
+    value,
+    onChange
+  } = useMultiSelect({
+    initialValue: ['apple', 'banana', 'cherry']
+  });
+  return /*#__PURE__*/_jsxs(VStack, {
+    gap: 2,
+    children: [/*#__PURE__*/_jsx(Combobox, {
+      label: "Default align - start",
+      onChange: onChange,
+      options: fruitOptions,
+      placeholder: "Search fruits...",
+      type: "multi",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      align: "center",
+      label: "Center align",
+      onChange: onChange,
+      options: fruitOptions,
+      placeholder: "Search fruits...",
+      type: "multi",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      align: "end",
+      label: "End align",
+      onChange: onChange,
+      options: fruitOptions,
+      placeholder: "Search fruits...",
+      type: "multi",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      compact: true,
+      label: "Compact align - start",
+      onChange: onChange,
+      options: fruitOptions,
+      placeholder: "Search fruits...",
+      type: "multi",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      compact: true,
+      align: "center",
+      label: "Compact align - center",
+      onChange: onChange,
+      options: fruitOptions,
+      placeholder: "Search fruits...",
+      type: "multi",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      compact: true,
+      align: "end",
+      label: "Compact align - end",
+      onChange: onChange,
+      options: fruitOptions,
+      placeholder: "Search fruits...",
+      type: "multi",
+      value: value
+    })]
+  });
+};
+const SingleAlignmentsExample = () => {
+  const [value, setValue] = useState('1');
+  return /*#__PURE__*/_jsxs(VStack, {
+    gap: 2,
+    children: [/*#__PURE__*/_jsx(Combobox, {
+      label: "Default align - start",
+      onChange: setValue,
+      options: singleSelectOptions,
+      placeholder: "Empty value",
+      type: "single",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      align: "center",
+      label: "Center align",
+      onChange: setValue,
+      options: singleSelectOptions,
+      placeholder: "Empty value",
+      type: "single",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      align: "end",
+      label: "End align",
+      onChange: setValue,
+      options: singleSelectOptions,
+      placeholder: "Empty value",
+      type: "single",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      compact: true,
+      label: "Compact align - start",
+      onChange: setValue,
+      options: singleSelectOptions,
+      placeholder: "Empty value",
+      type: "single",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      compact: true,
+      align: "center",
+      label: "Compact align - center",
+      onChange: setValue,
+      options: singleSelectOptions,
+      placeholder: "Empty value",
+      type: "single",
+      value: value
+    }), /*#__PURE__*/_jsx(Combobox, {
+      compact: true,
+      align: "end",
+      label: "Compact align - end",
+      onChange: setValue,
+      options: singleSelectOptions,
+      placeholder: "Empty value",
+      type: "single",
+      value: value
+    })]
+  });
+};
 const ControlledSearchExample = () => {
   const {
     value,
@@ -963,6 +1080,12 @@ const Default = () => {
     }), /*#__PURE__*/_jsx(Example, {
       title: "No Label",
       children: /*#__PURE__*/_jsx(NoLabelExample, {})
+    }), /*#__PURE__*/_jsx(Example, {
+      title: "Alignments",
+      children: /*#__PURE__*/_jsx(AlignmentsExample, {})
+    }), /*#__PURE__*/_jsx(Example, {
+      title: "Single select alignments",
+      children: /*#__PURE__*/_jsx(SingleAlignmentsExample, {})
     }), /*#__PURE__*/_jsx(Example, {
       title: "Pre-selected values",
       children: /*#__PURE__*/_jsx(InitialValuesExample, {})