@coinbase/cds-mobile 0.0.0 → 8.13.1

package/dts/layout/Box.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Animated, type StyleProp, View, type ViewProps, type ViewStyle } from 'react-native';
+import type { PinningDirection } from '@coinbase/cds-common';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { ElevationLevels } from '@coinbase/cds-common/types/ElevationLevels';
+import type { Theme } from '../core/theme';
+import { type StyleProps } from '../styles/styleProps';
+export type BoxBaseProps = StyleProps & {
+    children?: React.ReactNode;
+    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+    animated?: boolean;
+    /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+    elevation?: ElevationLevels;
+    font?: ThemeVars.FontFamily | 'inherit';
+    /** Direction in which to absolutely pin the box. */
+    pin?: PinningDirection;
+    /** Add a border around all sides of the box. */
+    bordered?: boolean;
+    /** Add a border to the top side of the box. */
+    borderedTop?: boolean;
+    /** Add a border to the bottom side of the box. */
+    borderedBottom?: boolean;
+    /** Add a border to the leading side of the box. */
+    borderedStart?: boolean;
+    /** Add a border to the trailing side of the box. */
+    borderedEnd?: boolean;
+    /** Add a border to the leading and trailing sides of the box. */
+    borderedHorizontal?: boolean;
+    /** Add a border to the top and bottom sides of the box. */
+    borderedVertical?: boolean;
+    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+    dangerouslySetBackground?: string;
+    /** Used to locate this element in unit and end-to-end tests. */
+    testID?: string;
+};
+export type BoxProps = BoxBaseProps & Omit<ViewProps, 'style'>;
+export declare const getElevationStyles: (elevation: ElevationLevels, theme: Theme, background?: ThemeVars.Color) => ViewStyle;
+export declare const Box: React.MemoExoticComponent<React.ForwardRefExoticComponent<StyleProps & {
+    children?: React.ReactNode;
+    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+    animated?: boolean;
+    /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
+    elevation?: ElevationLevels;
+    font?: ThemeVars.FontFamily | "inherit";
+    /** Direction in which to absolutely pin the box. */
+    pin?: PinningDirection;
+    /** Add a border around all sides of the box. */
+    bordered?: boolean;
+    /** Add a border to the top side of the box. */
+    borderedTop?: boolean;
+    /** Add a border to the bottom side of the box. */
+    borderedBottom?: boolean;
+    /** Add a border to the leading side of the box. */
+    borderedStart?: boolean;
+    /** Add a border to the trailing side of the box. */
+    borderedEnd?: boolean;
+    /** Add a border to the leading and trailing sides of the box. */
+    borderedHorizontal?: boolean;
+    /** Add a border to the top and bottom sides of the box. */
+    borderedVertical?: boolean;
+    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+    dangerouslySetBackground?: string;
+    /** Used to locate this element in unit and end-to-end tests. */
+    testID?: string;
+} & Omit<ViewProps, "style"> & React.RefAttributes<View>>>;
+//# sourceMappingURL=Box.d.ts.map

package/dts/layout/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAElF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iHAAiH;IACjH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC;IACxC,oDAAoD;IACpD,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,GAC7B,WAAW,eAAe,EAC1B,OAAO,KAAK,EACZ,aAAa,SAAS,CAAC,KAAK,KAC3B,SAeF,CAAC;AAwEF,eAAO,MAAM,GAAG;eAzHH,KAAK,CAAC,SAAS;YAClB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;eAC7C,OAAO;IAClB,iHAAiH;gBACrG,eAAe;WACpB,SAAS,CAAC,UAAU,GAAG,SAAS;IACvC,oDAAoD;UAC9C,gBAAgB;IACtB,gDAAgD;eACrC,OAAO;IAClB,+CAA+C;kBACjC,OAAO;IACrB,kDAAkD;qBACjC,OAAO;IACxB,mDAAmD;oBACnC,OAAO;IACvB,oDAAoD;kBACtC,OAAO;IACrB,iEAAiE;yBAC5C,OAAO;IAC5B,2DAA2D;uBACxC,OAAO;IAC1B,wFAAwF;+BAC7D,MAAM;IACjC,gEAAgE;aACvD,MAAM;0DA+WhB,CAAC"}

package/dts/layout/Divider.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { BoxProps } from './Box';
+export type DividerBaseProps = {
+    /**
+     * Color of the divider line.
+     * @default line
+     */
+    color?: ThemeVars.Color;
+    /**
+     * The direction to render the divider line.
+     * @default horizontal
+     */
+    direction?: 'horizontal' | 'vertical';
+};
+export type DividerProps = DividerBaseProps & BoxProps;
+export declare const Divider: React.NamedExoticComponent<DividerProps>;
+//# sourceMappingURL=Divider.d.ts.map

package/dts/layout/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEvD,eAAO,MAAM,OAAO,0CAqBlB,CAAC"}

package/dts/layout/Fallback.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Shape } from '@coinbase/cds-common/types/Shape';
+import type { BoxProps } from './Box';
+export type FallbackBaseProps = {
+    height: number | string;
+    /**
+     * @default rectangle
+     */
+    shape?: Shape;
+    width: number | string;
+    /** Disables randomization of rectangle shape width. */
+    disableRandomRectWidth?: boolean;
+    /**
+     * When shape is a rectangle, creates a variant with deterministic width.
+     * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
+     */
+    rectWidthVariant?: number;
+};
+export type FallbackProps = Omit<BoxProps, 'borderRadius' | 'height' | 'width'> & FallbackBaseProps;
+export declare const Fallback: React.NamedExoticComponent<FallbackProps>;
+//# sourceMappingURL=Fallback.d.ts.map

package/dts/layout/Fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.d.ts","sourceRoot":"","sources":["../../src/layout/Fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAM9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uDAAuD;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,iBAAiB,CAAC;AAEpG,eAAO,MAAM,QAAQ,2CA2FnB,CAAC"}

package/dts/layout/Group.d.ts

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

package/dts/layout/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/layout/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD,MAAM,MAAM,cAAc,CAAC,QAAQ,IAAI,QAAQ,GAAG;IAChD,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IACvE,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAClB,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,KAAK,CAAC,UAAU,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;IArChB,yDAAyD;yBACpC,MAAM;IAC3B,kCAAkC;eACvB,KAAK,CAAC,SAAS;IAC1B;;OAEG;gBACS,cAAc;IAC1B,iEAAiE;cACvD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI;IACtE,sCAAsC;UAChC,SAAS,CAAC,KAAK;IACrB;;;;;;;;OAQG;;;cAGK,KAAK,CAAC,UAAU;eACf,MAAM;iBACJ,OAAO;gBACR,OAAO;UACX,KAAK,CAAC,UAAU;+BAyCvB,CAAC"}

package/dts/layout/HStack.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { View } from 'react-native';
+import { type BoxProps } from './Box';
+export type HStackProps = BoxProps;
+export declare const HStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../styles/styleProps").StyleProps & {
+    children?: React.ReactNode;
+    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").ViewStyle>>;
+    animated?: boolean;
+    elevation?: import("@coinbase/cds-common").ElevationLevels;
+    font?: import("@coinbase/cds-common").ThemeVars.FontFamily | "inherit";
+    pin?: import("@coinbase/cds-common").PinningDirection;
+    bordered?: boolean;
+    borderedTop?: boolean;
+    borderedBottom?: boolean;
+    borderedStart?: boolean;
+    borderedEnd?: boolean;
+    borderedHorizontal?: boolean;
+    borderedVertical?: boolean;
+    dangerouslySetBackground?: string;
+    testID?: string;
+} & Omit<import("react-native").ViewProps, "style"> & React.RefAttributes<View>>>;
+//# sourceMappingURL=HStack.d.ts.map

package/dts/layout/HStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../src/layout/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;iFAOlB,CAAC"}

package/dts/layout/OverflowGradient.d.ts

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

package/dts/layout/OverflowGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowGradient.d.ts","sourceRoot":"","sources":["../../src/layout/OverflowGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,WAAW,CAAC;AAqBhB,eAAO,MAAM,gBAAgB,mDAyB3B,CAAC"}

package/dts/layout/Spacer.d.ts

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

package/dts/layout/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAQ,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAc,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKtF,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC,GAAG;IAC1D,0CAA0C;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,8CAA8C;IAC9C,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,8CAA8C;IAC9C,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,MAAM,yCAoCjB,CAAC"}

package/dts/layout/VStack.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { BoxProps } from './Box';
+export type VStackProps = BoxProps;
+export declare const VStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../styles/styleProps").StyleProps & {
+    children?: React.ReactNode;
+    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").ViewStyle>>;
+    animated?: boolean;
+    elevation?: import("@coinbase/cds-common").ElevationLevels;
+    font?: import("@coinbase/cds-common").ThemeVars.FontFamily | "inherit";
+    pin?: import("@coinbase/cds-common").PinningDirection;
+    bordered?: boolean;
+    borderedTop?: boolean;
+    borderedBottom?: boolean;
+    borderedStart?: boolean;
+    borderedEnd?: boolean;
+    borderedHorizontal?: boolean;
+    borderedVertical?: boolean;
+    dangerouslySetBackground?: string;
+    testID?: string;
+} & Omit<import("react-native").ViewProps, "style"> & React.RefAttributes<View>>>;
+//# sourceMappingURL=VStack.d.ts.map

package/dts/layout/VStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../src/layout/VStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;iFAOlB,CAAC"}

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

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

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

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

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

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

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

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

package/dts/layout/__stories__/Box.stories.d.ts

@@ -0,0 +1,3 @@
+declare const BoxScreen: () => import("react/jsx-runtime").JSX.Element;
+export default BoxScreen;
+//# sourceMappingURL=Box.stories.d.ts.map

package/dts/layout/__stories__/Box.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/Box.stories.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS,+CAmLd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dts/layout/__stories__/Divider.stories.d.ts

@@ -0,0 +1,3 @@
+declare const DividerScreen: () => import("react/jsx-runtime").JSX.Element;
+export default DividerScreen;
+//# sourceMappingURL=Divider.stories.d.ts.map

package/dts/layout/__stories__/Divider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/Divider.stories.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,aAAa,+CAgBlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dts/layout/__stories__/Group.stories.d.ts

@@ -0,0 +1,3 @@
+declare const GroupScreen: () => import("react/jsx-runtime").JSX.Element;
+export default GroupScreen;
+//# sourceMappingURL=Group.stories.d.ts.map

package/dts/layout/__stories__/Group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/Group.stories.tsx"],"names":[],"mappings":"AAiCA,QAAA,MAAM,WAAW,+CA2ChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dts/layout/__stories__/LoremIpsum.d.ts

@@ -0,0 +1,9 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+export type LoremIpsumProps = {
+    title?: string;
+    color?: ThemeVars.Color;
+    concise?: boolean;
+    repeat?: number;
+};
+export declare const LoremIpsum: ({ color, concise, title, repeat }: LoremIpsumProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoremIpsum.d.ts.map

package/dts/layout/__stories__/LoremIpsum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoremIpsum.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/LoremIpsum.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mCAAmC,eAAe,4CAe5E,CAAC"}

package/dts/layout/__stories__/Spacer.stories.d.ts

@@ -0,0 +1,3 @@
+declare const SpacerScreen: () => import("react/jsx-runtime").JSX.Element;
+export default SpacerScreen;
+//# sourceMappingURL=Spacer.stories.d.ts.map

package/dts/layout/__stories__/Spacer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/Spacer.stories.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,YAAY,+CAoFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dts/layout/__tests__/Box.perf-test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Box.perf-test.d.ts.map

package/dts/layout/__tests__/Box.perf-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.perf-test.d.ts","sourceRoot":"","sources":["../../../src/layout/__tests__/Box.perf-test.tsx"],"names":[],"mappings":""}

package/dts/layout/__tests__/Box.test.d.ts

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

package/dts/layout/__tests__/Box.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.test.d.ts","sourceRoot":"","sources":["../../../src/layout/__tests__/Box.test.tsx"],"names":[],"mappings":""}

package/dts/layout/__tests__/Divider.perf-test.d.ts

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

package/dts/layout/__tests__/Divider.perf-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.perf-test.d.ts","sourceRoot":"","sources":["../../../src/layout/__tests__/Divider.perf-test.tsx"],"names":[],"mappings":""}

package/dts/layout/__tests__/Fallback.perf-test.d.ts

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

package/dts/layout/__tests__/Fallback.perf-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.perf-test.d.ts","sourceRoot":"","sources":["../../../src/layout/__tests__/Fallback.perf-test.tsx"],"names":[],"mappings":""}

package/dts/layout/__tests__/Fallback.test.d.ts

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

package/dts/layout/__tests__/Fallback.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.test.d.ts","sourceRoot":"","sources":["../../../src/layout/__tests__/Fallback.test.tsx"],"names":[],"mappings":""}

package/dts/layout/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Box';
+export * from './Divider';
+export * from './Fallback';
+export * from './Group';
+export * from './HStack';
+export * from './OverflowGradient';
+export * from './Spacer';
+export * from './VStack';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dts/loaders/Spinner.d.ts

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

package/dts/loaders/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/loaders/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAI3D,eAAO,MAAM,OAAO,oDASlB,CAAC"}

package/dts/loaders/__stories__/Spinner.stories.d.ts

@@ -0,0 +1,3 @@
+declare const SpinnerScreen: () => import("react/jsx-runtime").JSX.Element;
+export default SpinnerScreen;
+//# sourceMappingURL=Spinner.stories.d.ts.map

package/dts/loaders/__stories__/Spinner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/loaders/__stories__/Spinner.stories.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,aAAa,+CAWlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dts/loaders/__tests__/Spinner.test.d.ts

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

package/dts/loaders/__tests__/Spinner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.test.d.ts","sourceRoot":"","sources":["../../../src/loaders/__tests__/Spinner.test.tsx"],"names":[],"mappings":""}

package/dts/loaders/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/loaders/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dts/media/Avatar.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { AvatarFallbackColor, AvatarShape, AvatarSize, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import { type BoxProps } from '../layout/Box';
+export declare const coloredFallbackTestID = "cds-avatar-colored-fallback";
+export declare const fallbackImageSrc = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAOAA4AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+t80Zo4o4oAM0ZrsPBvw7m8Sxi7uZDa2GcKwHzyeu30HvXdf8Kp0Dytnlz7v+ennHP8Ah+lAHiuaM12XjL4dTeG4jd2sjXViDhiR88f1x1HvXG8UAGaKOKKADI9Kkt4vtFxFEOC7Bc/U4qPJ9KVXZGDLwwOQaAPpS0tY7G1ht4VCRRKEVcdABipc1meG9eh8RaRBeRMNzACRB1R+4/z2rU/OgCK5t47y3lgmUPFKpR1I6gjBr5uu4fst1NCefLdkz64OK+g/EWuQ+HtJnvJmHyjCIerv2Ar55klaWRnblmJJPqaAG5HpRRk+lFABzVnTtOutWvY7W0iMs8hwqj+Z9BVbB9a9o+GXhlNI0VL2VR9rvFD5PVY/4R+PX8vSgCfwX4EXwsDNJdSTXTrh1RisQ/Dv9T+QrrP89aT8qPyoA5Txr4FHilRNHdSQ3Ua4RHYtEfw7fUfrXjOo6dc6Tey2t3EYp4zgqf5j1FfSP5VxvxN8Mpq+jPfRKPtlmpfI6tH/ABD8Ov5+tAHi/NFGDRQBY060+3aja22f9dKsf5kD+tfSKIsaKigKqjAAHAFFFAC/j+lL+P6UUUAH4/pTXRZEZGG5WGCCOooooA+btRtPsOoXVtn/AFMrR/kSKKKKAP/Z";
+export type AvatarBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+    /** This is the name associated with the entity in the Avatar. This is used in the image alt tag for accessibility. */
+    alt?: string;
+    /** Absolute url to the image that should be shown in the Avatar. If no src is provided then a generic fallback image is used. */
+    src?: string;
+    /** Shape of Avatar.
+     * Note: If the shape is a hexagon, do not use name.
+     */
+    shape?: AvatarShape;
+    /** Size for a given avatar. */
+    size?: AvatarSize;
+    /** Adds a border to the Avatar */
+    borderColor?: ThemeVars.Color;
+    /**
+     * Override the default fallback background and border color
+     * @default blue
+     */
+    colorScheme?: AvatarFallbackColor;
+    /** This is the name associated with the Avatar's entity. It will be used to generate a fallback. */
+    name?: string;
+    /**
+     * @danger Creates a custom Avatar size. The size prop should be used in most circumstances.
+     * @deprecated Use the style prop instead to set the width/height properties
+     * This is an escape hatch when using the Avatar in a fixed size container where you cannot control the dimensions.
+     */
+    dangerouslySetSize?: number;
+};
+export type AvatarProps = AvatarBaseProps & Omit<BoxProps, 'children'>;
+export declare const Avatar: React.MemoExoticComponent<({ alt, src, shape, size, borderColor, testID, dangerouslySetSize, colorScheme, name, accessibilityLabel, style, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dts/media/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/media/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAIpC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQnD,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,gBAAgB,4iDAC8gD,CAAC;AAE5iD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,sHAAsH;IACtH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iIAAiI;IACjI,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM,yJAcd,WAAW,6CA0Hf,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { ScrollView, ScrollViewProps } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { CarouselOnReady, CarouselRef } from './types';
+export type CarouselProps = {
+    items: React.ReactElement[];
+    /** Return value from useCarousel hook. Allows access to certain internal data/methods of Carousel. */
+    carouselRef?: React.MutableRefObject<CarouselRef | undefined>;
+    /** Gap to insert between siblings. The last item will exclude additional spacing. */
+    gap?: ThemeVars.Space;
+    /** Callback that fires when the Carousel is ready to be interacted with. */
+    onReady?: CarouselOnReady;
+} & Omit<ScrollViewProps, 'style'> & SharedProps;
+/** @deprecated This component will be removed in a future version. Use new Carousel component instead. */
+export declare const Carousel: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    items: React.ReactElement[];
+    /** Return value from useCarousel hook. Allows access to certain internal data/methods of Carousel. */
+    carouselRef?: React.MutableRefObject<CarouselRef | undefined>;
+    /** Gap to insert between siblings. The last item will exclude additional spacing. */
+    gap?: ThemeVars.Space;
+    /** Callback that fires when the Carousel is ready to be interacted with. */
+    onReady?: CarouselOnReady;
+} & Omit<ScrollViewProps, "style"> & SharedProps & React.RefAttributes<ScrollView>>>;
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/media/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EAIV,eAAe,EACf,WAAW,EACZ,MAAM,SAAS,CAAC;AAKjB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC5B,sGAAsG;IACtG,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC9D,qFAAqF;IACrF,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAChC,WAAW,CAAC;AAEd,0GAA0G;AAC1G,eAAO,MAAM,QAAQ;WAXZ,KAAK,CAAC,YAAY,EAAE;IAC3B,sGAAsG;kBACxF,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAC;IAC7D,qFAAqF;UAC/E,SAAS,CAAC,KAAK;IACrB,4EAA4E;cAClE,eAAe;oFAmI1B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/media/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,KAAK,EAAE,2BAA2B,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEpG,KAAK,iBAAiB,GAAG;IACvB,6FAA6F;IAC7F,OAAO,EAAE,2BAA2B,CAAC;IACrC,+FAA+F;IAC/F,EAAE,EAAE,cAAc,CAAC;IACnB,wFAAwF;IACxF,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC;IAC5B,4HAA4H;IAC5H,eAAe,EAAE,uBAAuB,CAAC;CAC1C,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAuD7E,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { CarouselItemContextValue } from './types';
+/**
+ * Used internally within CarouselItem component to provide access to id and dismiss.
+ * @example
+ * ```
+ * const MyCarouselItem = () => {
+ * const { id, dismiss } = useCarouselItem()
+ *  return <Card onPress={dismiss}><Text>{`Carousel item ${id}`}</Text></Card>
+ * }
+ *
+ * const MyCarousel = () => {
+ *  return (
+ *    <Carousel>
+ *      <MyCarouselItem />
+ *      <MyCarouselItem />
+ *      <MyCarouselItem />
+ *    </Carousel>
+ * )
+ * }
+ * ```
+ */
+export declare const CarouselItemContext: import("react").Context<CarouselItemContextValue | undefined>;
+//# sourceMappingURL=CarouselItemContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItemContext.d.ts","sourceRoot":"","sources":["../../../src/media/Carousel/CarouselItemContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB,+DAAiE,CAAC"}

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

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

package/dts/media/Carousel/__tests__/Carousel.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.test.d.ts","sourceRoot":"","sources":["../../../../src/media/Carousel/__tests__/Carousel.test.tsx"],"names":[],"mappings":""}

package/dts/media/Carousel/__tests__/useCarousel.test.d.ts

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