@coinbase/cds-web 0.0.0 → 8.13.2

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

@@ -0,0 +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,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,cAAc,CAAC;AAIzD,eAAO,MAAM,+BAA+B,QAAQ,CAAC;AACrD,MAAM,MAAM,+BAA+B,GAAG,OAAO,+BAA+B,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,eAAe,CAClE,YAAY,EACZ,WAAW,GAAG;IACZ,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,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3F,WAAW,EACX,0BAA0B,CAC3B,CAAC;AAEF,KAAK,0BAA0B,GAAG,CAAC,CACjC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,+BAA+B,EAEvE,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC,KACvC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,iBAAiB,EAAE,0BAiD/B,CAAC"}

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

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

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

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

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

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

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

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

package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './ContentCard';
+export * from './ContentCardBody';
+export * from './ContentCardFooter';
+export * from './ContentCardHeader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dts/cards/DataCard.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type CardBaseProps } from './Card';
+export type DataCardBaseProps = CardBaseProps &
+  SharedProps & {
+    onClick?: CardBaseProps['onClick'];
+    /** Text to be displayed in TextHeadline under CardHeader section. */
+    title: string;
+    /** Text to be displayed in TextLabel2 under title. */
+    description: string;
+    startLabel?: string;
+    endLabel?: string;
+    progressVariant?: 'bar' | 'circle';
+    progress?: number;
+    progressColor?: ThemeVars.Color;
+  };
+export type DataCardProps = DataCardBaseProps;
+export declare const DataCard: React.NamedExoticComponent<DataCardBaseProps>;
+//# sourceMappingURL=DataCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../src/cards/DataCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO9D,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,+CAmEnB,CAAC"}

package/dts/cards/FeatureEntryCard.d.ts

@@ -0,0 +1,9 @@
+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 */
+export type FeatureEntryCardProps = FeatureEntryCardBaseProps;
+/** @deprecated This component will be removed in a future version. Use NudgeCard or UpsellCard instead. */
+export declare const FeatureEntryCard: React.NamedExoticComponent<FeatureEntryCardBaseProps>;
+//# sourceMappingURL=FeatureEntryCard.d.ts.map

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

@@ -0,0 +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,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,uDA0B3B,CAAC"}

package/dts/cards/FeedCard.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { CardMediaPlacement } from '@coinbase/cds-common/types/CardMediaProps';
+import type { ButtonBaseProps } from '../buttons/Button';
+import type { IconButtonBaseProps } from '../buttons/IconButton';
+import { type CardBaseProps } from './Card';
+import { type CardBodyBaseProps } from './CardBody';
+import { type LikeButtonBaseProps } from './LikeButton';
+export type FeedCardBaseProps = Pick<CardBodyBaseProps, 'image' | 'pictogram' | 'spotSquare'> &
+  CardBaseProps & {
+    /** Image url for Avatar */
+    avatar?: string;
+    /** Source of the card info. Typically this text is associated with the avatar. */
+    author?: string;
+    /** Metadata to be displayed under author text. */
+    metadata?: string;
+    /** Above places media above text content, start & end places media to the side of text content
+     * @default above for mobile, start for web. Web will need to handle responsiveness changes manually.
+     */
+    mediaPlacement?: Exclude<CardMediaPlacement, 'end'>;
+    /** Text to be displayed in TextHeadline under CardHeader section. */
+    title: string;
+    /** Text to be displayed in TextLabel2 under title. */
+    description: string;
+    /** IconButton to show in top-right of FeedCard. Takes props for IconButton */
+    headerAction?: IconButtonBaseProps & {
+      onClick?: CardBaseProps['onClick'];
+    };
+    like?: LikeButtonBaseProps;
+    comment?: Omit<IconButtonBaseProps, 'name'>;
+    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

@@ -0,0 +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,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,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,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC,GAC3F,aAAa,GAAG;IACd,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,aAAa,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC;IAC5E,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

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
+export declare const floatingAssetCardLargeWidth = 359;
+export declare const floatingAssetCardSmallDimension = 156;
+export type FloatingAssetCardBaseProps = SharedProps & {
+  /** Text or ReactNode to be displayed above Title */
+  subtitle?: React.ReactNode;
+  /** Text or ReactNode to be displayed in TextHeadline */
+  title: React.ReactNode;
+  /** Content to be displayed below the title */
+  description?: React.ReactNode;
+  /**
+   * Remote Image or other node with media content.
+   */
+  media: React.ReactNode;
+  /**
+   * Variant for card size. Can be small or large.
+   * @default 's'
+   */
+  size?: 's' | 'l';
+};
+export type FloatingAssetCardProps = FloatingAssetCardBaseProps &
+  Omit<BoxProps<BoxDefaultElement>, 'title'>;
+export declare const FloatingAssetCard: ({
+  className,
+  title,
+  description,
+  subtitle,
+  media,
+  size,
+  width,
+  testID,
+  onClick,
+  ...props
+}: FloatingAssetCardProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=FloatingAssetCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingAssetCard.d.ts","sourceRoot":"","sources":["../../src/cards/FloatingAssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AAI7E,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKtE,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAEnD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD,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,GAC7D,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AA0C7C,eAAO,MAAM,iBAAiB,GAAI,4FAW/B,sBAAsB,4CAkDxB,CAAC"}

package/dts/cards/LikeButton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import { type PressableDefaultElement, type PressableProps } from '../system/Pressable';
+export type LikeButtonBaseProps = Pick<
+  SharedAccessibilityProps,
+  'accessibilityLabel' | 'accessibilityHint'
+> &
+  SharedProps & {
+    liked?: boolean;
+    count?: number;
+    /** Reduce the inner padding within the button itself. */
+    compact?: boolean;
+    /** Ensure the button aligns flush on the left or right.
+     * This prop will translate the entire button left/right,
+     * so take care to ensure it is not overflowing awkwardly
+     */
+    flush?: 'start' | 'end';
+  };
+export type LikeButtonProps = LikeButtonBaseProps & PressableProps<PressableDefaultElement>;
+export declare const LikeButton: React.NamedExoticComponent<LikeButtonProps>;
+//# sourceMappingURL=LikeButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LikeButton.d.ts","sourceRoot":"","sources":["../../src/cards/LikeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKxF,OAAO,EAAa,KAAK,uBAAuB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGnG,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,wBAAwB,EACxB,oBAAoB,GAAG,mBAAmB,CAC3C,GACC,WAAW,GAAG;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE5F,eAAO,MAAM,UAAU,6CAkCrB,CAAC"}

package/dts/cards/NudgeCard.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import type { IllustrationPictogramNames } from '@coinbase/cds-common/types/IllustrationNames';
+import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
+import { type StyleProps } from '../styles/styleProps';
+export type NudgeCardBaseProps = {
+  /** Text or React.ReactNode to be displayed above the description in a TextHeadline */
+  title?: React.ReactNode;
+  /** Text or React.ReactNode to be displayed below the title in a TextBody */
+  description?: React.ReactNode;
+  /** If you pass a Pictogram name it will render a Pictogram to the right of the text content */
+  pictogram?: IllustrationPictogramNames;
+  /** Pass any node to be rendered to the right of the text content */
+  media?: React.ReactNode;
+  /** Text or React.ReactNode to display as the call to action */
+  action?: React.ReactNode;
+  /**
+   * Maximum number of lines shown for the title and description text. Text that exceeds will be truncated.
+   * @default 3
+   */
+  numberOfLines?: number;
+  /**
+   * @default 327
+   */
+  width?: StyleProps['width'];
+  /**
+   * @default 160
+   */
+  minHeight?: StyleProps['minHeight'];
+  /**
+   * Background color for the card.
+   * @default bgAlternate
+   */
+  background?: StyleProps['background'];
+  /**
+   * Set the media position for the pictogram or media.
+   * @default right
+   */
+  mediaPosition?: 'left' | 'right';
+  /**
+   * Callback fired when the action button is pressed
+   * Cannot be used when `action` is a React Element, only when `action` is a string
+   */
+  onActionPress?: React.MouseEventHandler;
+  /** Callback fired when the dismiss button is pressed */
+  onDismissPress?: React.MouseEventHandler;
+};
+export type NudgeCardProps = NudgeCardBaseProps & Omit<BoxProps<BoxDefaultElement>, 'title'>;
+export declare const NudgeCard: ({
+  title,
+  description,
+  pictogram,
+  media,
+  mediaPosition,
+  action,
+  className,
+  onActionPress,
+  numberOfLines,
+  onDismissPress,
+  width,
+  minWidth,
+  testID,
+  accessibilityLabel,
+  maxHeight,
+  maxWidth,
+  background,
+  minHeight,
+  height,
+  aspectRatio,
+  onClick,
+  ...props
+}: NudgeCardProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=NudgeCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NudgeCard.d.ts","sourceRoot":"","sources":["../../src/cards/NudgeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;AAM/F,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG3E,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAsEvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sFAAsF;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,4EAA4E;IAC5E,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,+DAA+D;IAC/D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxC,wDAAwD;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7F,eAAO,MAAM,SAAS,GAAI,2PAuBvB,cAAc,4CA4GhB,CAAC"}

package/dts/cards/UpsellCard.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type {
+  DimensionStyles,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type PressableDefaultElement, type PressableProps } from '../system';
+export type UpsellCardBaseProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
+  Pick<DimensionStyles, 'width'> & {
+    /** Callback fired when the action button is pressed */
+    onActionPress?: PressableProps<PressableDefaultElement>['onClick'];
+    /** Callback fired when the dismiss button is pressed */
+    onDismissPress?: PressableProps<PressableDefaultElement>['onClick'];
+    /** Callback fired when the card is pressed */
+    onClick?: PressableProps<PressableDefaultElement>['onClick'];
+    /** Text or ReactNode to be displayed in TextHeadline */
+    title: React.ReactNode;
+    /** Content to be displayed below the title */
+    description?: React.ReactNode;
+    /** Node to display for the card action */
+    action?: React.ReactNode;
+    /**
+     * Remote Image or other node with media content.
+     */
+    media?: React.ReactNode;
+    /**
+     * Background color for the card.
+     * @default 'bgPrimaryWash'
+     */
+    background?: ThemeVars.Color;
+    /**
+     * @danger This is a migration escape hatch. It is not intended to be used normally.
+     */
+    dangerouslySetBackground?: string;
+  };
+export type UpsellCardProps = UpsellCardBaseProps;
+export declare const UpsellCard: React.MemoExoticComponent<
+  ({
+    title,
+    description,
+    action,
+    onActionPress,
+    onDismissPress,
+    media,
+    background,
+    dangerouslySetBackground,
+    testID,
+    accessibilityLabel,
+    width,
+    onClick,
+  }: UpsellCardProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=UpsellCard.d.ts.map

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

@@ -0,0 +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,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAIpC,OAAO,EAAa,KAAK,uBAAuB,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAGzF,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,uBAAuB,CAAC,CAAC,SAAS,CAAC,CAAC;IACnE,wDAAwD;IACxD,cAAc,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAC,SAAS,CAAC,CAAC;IACpE,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7D,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,6CA4FnB,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dts/cards/index.d.ts

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

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

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

package/dts/carousel/Carousel.d.ts

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