@coinbase/cds-mobile 8.66.2 → 9.0.0-rc.2

package/dts/hooks/useCellSpacing.d.ts

@@ -21,13 +21,6 @@ export declare function useCellSpacing({
   outerSpacing,
 }?: UseCellSpacingParams | undefined): {
   readonly inner: {
-    readonly padding?: import('@coinbase/cds-common').ThemeVars.Space;
-    paddingX: import('@coinbase/cds-common').ThemeVars.Space;
-    paddingY: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingTop?: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingBottom?: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingStart?: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingEnd?: import('@coinbase/cds-common').ThemeVars.Space;
     readonly margin?:
       | 0
       | -5
@@ -44,8 +37,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    marginX: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
-    readonly marginY?:
+    readonly marginBottom?:
       | 0
       | -5
       | -10
@@ -61,7 +53,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginTop?:
+    readonly marginEnd?:
       | 0
       | -5
       | -10
@@ -77,7 +69,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginBottom?:
+    readonly marginStart?:
       | 0
       | -5
       | -10
@@ -93,7 +85,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginStart?:
+    readonly marginTop?:
       | 0
       | -5
       | -10
@@ -109,7 +101,15 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginEnd?:
+    readonly padding?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingBottom?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingEnd?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingStart?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingTop?: import('@coinbase/cds-common').ThemeVars.Space;
+    paddingX: import('@coinbase/cds-common').ThemeVars.Space;
+    paddingY: import('@coinbase/cds-common').ThemeVars.Space;
+    marginX: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+    readonly marginY?:
       | 0
       | -5
       | -10
@@ -127,13 +127,6 @@ export declare function useCellSpacing({
       | -9;
   };
   readonly outer: {
-    readonly padding?: import('@coinbase/cds-common').ThemeVars.Space;
-    paddingX: import('@coinbase/cds-common').ThemeVars.Space;
-    paddingY: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingTop?: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingBottom?: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingStart?: import('@coinbase/cds-common').ThemeVars.Space;
-    readonly paddingEnd?: import('@coinbase/cds-common').ThemeVars.Space;
     readonly margin?:
       | 0
       | -5
@@ -150,8 +143,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    marginX: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
-    readonly marginY?:
+    readonly marginBottom?:
       | 0
       | -5
       | -10
@@ -167,7 +159,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginTop?:
+    readonly marginEnd?:
       | 0
       | -5
       | -10
@@ -183,7 +175,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginBottom?:
+    readonly marginStart?:
       | 0
       | -5
       | -10
@@ -199,7 +191,7 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginStart?:
+    readonly marginTop?:
       | 0
       | -5
       | -10
@@ -215,7 +207,15 @@ export declare function useCellSpacing({
       | -7
       | -8
       | -9;
-    readonly marginEnd?:
+    readonly padding?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingBottom?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingEnd?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingStart?: import('@coinbase/cds-common').ThemeVars.Space;
+    readonly paddingTop?: import('@coinbase/cds-common').ThemeVars.Space;
+    paddingX: import('@coinbase/cds-common').ThemeVars.Space;
+    paddingY: import('@coinbase/cds-common').ThemeVars.Space;
+    marginX: 0 | -5 | -10 | -0.25 | -0.5 | -0.75 | -1 | -1.5 | -2 | -3 | -4 | -6 | -7 | -8 | -9;
+    readonly marginY?:
       | 0
       | -5
       | -10

package/dts/hooks/useDimensions.d.ts

@@ -2,6 +2,6 @@ export declare const IOS_BOTTOM_NAV_BAR_HEIGHT = 50;
 export declare function useDimensions(): {
   screenHeight: number;
   screenWidth: number;
-  statusBarHeight: number | undefined;
+  statusBarHeight: number;
 };
 //# sourceMappingURL=useDimensions.d.ts.map

package/dts/hooks/useDimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDimensions.d.ts","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAG5C,wBAAgB,aAAa;;;;EAQ5B"}
+{"version":3,"file":"useDimensions.d.ts","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAG5C,wBAAgB,aAAa;;;;EAQ5B"}

package/dts/hooks/useDotPinStyles.d.ts

@@ -1,6 +1,30 @@
 import type { LayoutRectangle } from 'react-native';
 import type { DotOverlap } from '@coinbase/cds-common';
+/** Valid keys for accessing pin position offsets. */
 export type DotPinStylesKey = 'end' | 'start' | 'bottom' | 'top';
+/**
+ * Calculates positioning offsets for pinning a dot badge to the edges of its parent element.
+ *
+ * Returns transform offsets that position the dot so it overlaps the edge by half its size.
+ * Used by DotCount, DotSymbol, and DotStatusColor to position badges at corners like "top-end".
+ *
+ * @param childrenSize - Measured dimensions of the parent/host element
+ * @param dotSize - Dimensions of the dot badge (number for uniform size, or LayoutRectangle)
+ * @param overlap - When 'circular', pulls offsets inward to better align with circular parents (e.g., avatars)
+ * @returns Object with edge offsets { end, start, bottom, top }, or null if dimensions unavailable
+ *
+ * @example
+ * ```tsx
+ * const transforms = useDotPinStyles(childrenSize, dotSize, overlap);
+ * // For pin="top-end", use:
+ * const style = {
+ *   transform: [
+ *     { translateX: transforms.end },
+ *     { translateY: transforms.top }
+ *   ]
+ * };
+ * ```
+ */
 export declare const useDotPinStyles: (
   childrenSize?: LayoutRectangle | null,
   dotSize?: LayoutRectangle | number | null,

package/dts/hooks/useDotPinStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDotPinStyles.d.ts","sourceRoot":"","sources":["../../src/hooks/useDotPinStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEjE,eAAO,MAAM,eAAe,GAC1B,eAAc,eAAe,GAAG,IAAW,EAC3C,UAAS,eAAe,GAAG,MAAM,GAAG,IAAW,EAC/C,UAAU,UAAU;;;;;QA2BrB,CAAC"}
+{"version":3,"file":"useDotPinStyles.d.ts","sourceRoot":"","sources":["../../src/hooks/useDotPinStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,eAAe,GAAG,IAAW,EAC3C,UAAS,eAAe,GAAG,MAAM,GAAG,IAAW,EAC/C,UAAU,UAAU;;;;;QA2BrB,CAAC"}

package/dts/hooks/useHasNotch.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @deprecated This logic is seriously outdated. The last iPhone version to have a 20px status bar was iPhone 8. Most modern iOS devices no longer have a "notch". This will be removed in a future major release.
+ * @deprecationExpectedRemoval v10
+ */
 export declare const useHasNotch: () => boolean;
 //# sourceMappingURL=useHasNotch.d.ts.map

package/dts/hooks/useHasNotch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHasNotch.d.ts","sourceRoot":"","sources":["../../src/hooks/useHasNotch.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,eAKvB,CAAC"}
+{"version":3,"file":"useHasNotch.d.ts","sourceRoot":"","sources":["../../src/hooks/useHasNotch.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW,eAIvB,CAAC"}

package/dts/hooks/useHorizontalScrollToTarget.d.ts

@@ -27,7 +27,7 @@ export declare const useHorizontalScrollToTarget: ({
   autoScrollOffset,
   overflowThreshold,
 }?: UseHorizontalScrollToTargetOptions) => {
-  scrollRef: import('react').RefObject<ScrollView>;
+  scrollRef: import('react').RefObject<ScrollView | null>;
   isScrollContentOverflowing: boolean;
   isScrollContentOffscreenRight: boolean;
   isScrollContentOffscreenLeft: boolean;

package/dts/hooks/useHorizontallyScrollingPressables.d.ts

@@ -13,7 +13,7 @@ export declare const useHorizontallyScrollingPressables: (
   selectedPressableId: string,
   { scrollThrottleWaitTime, setActivePressableLayout }?: Options,
 ) => {
-  scrollRef: import('react').RefObject<ScrollView>;
+  scrollRef: import('react').RefObject<ScrollView | null>;
   isScrollContentOverflowing: boolean;
   isScrollContentOffscreenRight: boolean;
   handleScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;

package/dts/hooks/useStatusBarHeight.d.ts

@@ -1,6 +1,7 @@
 /**
  * @deprecated Use `useSafeAreaInsets().top` from `react-native-safe-area-context` instead. This will be removed in a future major release.
  * @deprecationExpectedRemoval v9
+ *
  * This approach is recommended by Expo and provides more reliable values across platforms.
  * @see https://docs.expo.dev/versions/latest/sdk/safe-area-context/
  *
@@ -13,5 +14,5 @@
  * const insets = useSafeAreaInsets();
  * const statusBarHeight = insets.top;
  */
-export declare const useStatusBarHeight: () => number | undefined;
+export declare const useStatusBarHeight: () => number;
 //# sourceMappingURL=useStatusBarHeight.d.ts.map

package/dts/hooks/useStatusBarHeight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStatusBarHeight.d.ts","sourceRoot":"","sources":["../../src/hooks/useStatusBarHeight.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,0BAwB9B,CAAC"}
+{"version":3,"file":"useStatusBarHeight.d.ts","sourceRoot":"","sources":["../../src/hooks/useStatusBarHeight.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,cAG9B,CAAC"}

package/dts/icons/Icon.d.ts

@@ -33,7 +33,10 @@ export type IconBaseProps = SharedProps &
      * @default primary
      */
     color?: ThemeVars.Color;
-    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+    /**
+     * @deprecated Use `style`, `styles.icon`, or the `color` prop to customize icon color. This will be removed in a future major release.
+     * @deprecationExpectedRemoval v10
+     */
     dangerouslySetColor?: string | Animated.AnimatedInterpolation<string>;
     animated?: boolean;
     style?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
@@ -54,8 +57,20 @@ export declare const Icon: React.MemoExoticComponent<
   ) =>
     | string
     | number
+    | bigint
     | boolean
     | Iterable<React.ReactNode>
+    | Promise<
+        | string
+        | number
+        | bigint
+        | boolean
+        | React.ReactPortal
+        | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
+        | Iterable<React.ReactNode>
+        | null
+        | undefined
+      >
     | import('react/jsx-runtime').JSX.Element
     | null
 >;

package/dts/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAQpC,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,GACZ,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,mBAAmB,CAAC,GAAG;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;SAGK;IACL,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,kEAAkE;IAClE,MAAM,CAAC,EAAE;QACP,gCAAgC;QAChC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,oCAAoC;QACpC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,mBAI7C,CAAC;AAEF,eAAO,MAAM,IAAI,qCAAiB,SAAS,4GAkGzC,CAAC;AAEH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAQpC,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,GACZ,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,mBAAmB,CAAC,GAAG;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;SAGK;IACL,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,kEAAkE;IAClE,MAAM,CAAC,EAAE;QACP,gCAAgC;QAChC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,oCAAoC;QACpC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,mBAI7C,CAAC;AAEF,eAAO,MAAM,IAAI,qCAAiB,SAAS,+SAmGzC,CAAC;AAEH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dts/icons/TextIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAQ,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,GAAG;IACzE,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,CACE;IACE,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CACzD,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CACJ,CAAC;AACJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,2CA2CnB,CAAC"}
+{"version":3,"file":"TextIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAQ,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,GAAG;IACzE,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,CACE;IACE,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CACzD,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CACJ,CAAC;AACJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,2CA4CnB,CAAC"}

package/dts/layout/Box.d.ts

@@ -1,46 +1,48 @@
 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 { PinningDirection, SharedProps } 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 BoxBaseProps = SharedProps &
+  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;
+    /**
+     * @deprecated Use `style` or the `background` style prop to set custom background colors. This will be removed in a future major release.
+     * @deprecationExpectedRemoval v10
+     */
+    dangerouslySetBackground?: 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<
+export declare const Box: React.NamedExoticComponent<
+  SharedProps &
     StyleProps & {
       children?: React.ReactNode;
       style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
@@ -64,12 +66,12 @@ export declare const Box: React.MemoExoticComponent<
       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. */
+      /**
+       * @deprecated Use `style` or the `background` style prop to set custom background colors. This will be removed in a future major release.
+       * @deprecationExpectedRemoval v10
+       */
       dangerouslySetBackground?: string;
-      /** Used to locate this element in unit and end-to-end tests. */
-      testID?: string;
     } & Omit<ViewProps, 'style'> &
-      React.RefAttributes<View>
-  >
+    React.RefAttributes<View>
 >;
 //# sourceMappingURL=Box.d.ts.map

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

@@ -1 +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"}
+{"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,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC1E,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,WAAW,GACpC,UAAU,GAAG;IACX,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;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEJ,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;eA1HD,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;;;OAGG;+BACwB,MAAM;yDAgXpC,CAAC"}

package/dts/layout/Fallback.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { DimensionValue } from 'react-native';
 import type { Shape } from '@coinbase/cds-common/types/Shape';
 import type { BoxProps } from './Box';
 export type FallbackBaseProps = {
@@ -7,7 +8,7 @@ export type FallbackBaseProps = {
    * @default rectangle
    */
   shape?: Shape;
-  width: number | string;
+  width: DimensionValue;
   /** Disables randomization of rectangle shape width. */
   disableRandomRectWidth?: boolean;
   /**

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

@@ -1 +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;AAO9D,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,qCAAiB,aAAa,6CA+FjD,CAAC"}
+{"version":3,"file":"Fallback.d.ts","sourceRoot":"","sources":["../../src/layout/Fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,cAAc,CAAC;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAO9D,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,cAAc,CAAC;IACtB,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,qCAAiB,aAAa,6CAmGjD,CAAC"}

package/dts/layout/Group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ReactElement } from 'react';
 import type { View } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import { type BoxProps } from './Box';
@@ -27,11 +27,11 @@ export type GroupBaseProps<BoxProps> = BoxProps & {
    */
   renderItem?: (info: {
     Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
-    item: React.ReactChild;
+    item: ReactElement | string | number;
     index: number;
     isFirst: boolean;
     isLast: boolean;
-  }) => React.ReactChild;
+  }) => ReactElement | string | number;
 };
 export type RenderGroupItem = GroupBaseProps<BoxProps>['renderItem'];
 export type GroupProps = GroupBaseProps<BoxProps>;
@@ -40,8 +40,8 @@ export type GroupProps = GroupBaseProps<BoxProps>;
  * @deprecationExpectedRemoval v8
  * @danger Make sure to add a `key` prop to each item.
  */
-export declare const Group: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<
+export declare const Group: React.NamedExoticComponent<
+  import('@coinbase/cds-common').SharedProps &
     import('../styles/styleProps').StyleProps & {
       children?: React.ReactNode;
       style?: import('react-native').Animated.WithAnimatedValue<
@@ -59,39 +59,37 @@ export declare const Group: React.MemoExoticComponent<
       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>
-  >
+      /** 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: ReactElement | string | number;
+            index: number;
+            isFirst: boolean;
+            isLast: boolean;
+          }) => ReactElement | string | number)
+        | undefined;
+    } & React.RefAttributes<View>
 >;
 //# sourceMappingURL=Group.d.ts.map

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

@@ -1 +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;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;IAtChB,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;+BA0CvB,CAAC"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/layout/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoB,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAC5E,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,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;QACrC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;CACtC,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;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;IAtChB,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,YAAY,GAAG,MAAM,GAAG,MAAM;eAC7B,MAAM;iBACJ,OAAO;gBACR,OAAO;UACX,YAAY,GAAG,MAAM,GAAG,MAAM;8BA0CrC,CAAC"}

package/dts/layout/HStack.d.ts

@@ -2,8 +2,8 @@ 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<
+export declare const HStack: React.NamedExoticComponent<
+  import('@coinbase/cds-common').SharedProps &
     import('../styles/styleProps').StyleProps & {
       children?: React.ReactNode;
       style?: import('react-native').Animated.WithAnimatedValue<
@@ -21,9 +21,7 @@ export declare const HStack: React.MemoExoticComponent<
       borderedHorizontal?: boolean;
       borderedVertical?: boolean;
       dangerouslySetBackground?: string;
-      testID?: string;
     } & Omit<import('react-native').ViewProps, 'style'> &
-      React.RefAttributes<View>
-  >
+    React.RefAttributes<View>
 >;
 //# sourceMappingURL=HStack.d.ts.map

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;gFAOlB,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,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,yCAiDjB,CAAC"}

package/dts/layout/VStack.d.ts

@@ -2,8 +2,8 @@ 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<
+export declare const VStack: React.NamedExoticComponent<
+  import('@coinbase/cds-common').SharedProps &
     import('../styles/styleProps').StyleProps & {
       children?: React.ReactNode;
       style?: import('react-native').Animated.WithAnimatedValue<
@@ -21,9 +21,7 @@ export declare const VStack: React.MemoExoticComponent<
       borderedHorizontal?: boolean;
       borderedVertical?: boolean;
       dangerouslySetBackground?: string;
-      testID?: string;
     } & Omit<import('react-native').ViewProps, 'style'> &
-      React.RefAttributes<View>
-  >
+    React.RefAttributes<View>
 >;
 //# sourceMappingURL=VStack.d.ts.map

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;gFAOlB,CAAC"}

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

@@ -1 +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;AAKpC,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;;;OAGG;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;;;;;OAKG;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,qCAAiB,WAAW,6CAyI7C,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/media/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQnD,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAGnE,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;;;OAGG;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;;;;;OAKG;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,qCAAiB,WAAW,6CAuK7C,CAAC"}