@coinbase/cds-mcp-server 8.43.2 → 8.44.1

package/CHANGELOG.md

@@ -8,6 +8,14 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.44.1 ((2/10/2026, 12:05 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.44.0 ((2/9/2026, 07:07 PM PST))
+
+This is an artificial version bump with no new change.
+
 ## 8.43.2 ((2/9/2026, 09:05 AM PST))
 
 This is an artificial version bump with no new change.

package/mcp-docs/mobile/components/Carousel.txt

@@ -47,7 +47,7 @@ function MyCarousel() {
       title="Explore Assets"
       styles={{
         root: { paddingHorizontal: theme.space[2] },
-        carousel: { gap: theme.space[1] },
+        carousel: { gap: theme.space[2] },
       }}
     >
       {Object.values(assets).map((asset) => (
@@ -76,10 +76,10 @@ Items can be given a width proportional to the carousel width.
 :::tip Tip
 
 If you have a gap between items or padding between the carousel and the edge of the screen,
-you should account for that in the width. For example, if you have a gap of 8px,
+you should account for that in the width. For example, if you have a gap of 16px,
 and want to offset 16px from edge of screen, you could do
 
-`<CarouselItem width={((screenWidth - (16 * 2)) - 8) / 2} ... />`
+`<CarouselItem width={((screenWidth - (16 * 2)) - 16) / 2} ... />`
 
 :::
 
@@ -91,7 +91,7 @@ function DynamicSizingCarousel() {
   const horizontalPadding = theme.space[2];
 
   const carouselWidth = windowWidth - horizontalPadding * 2;
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   // 1 item per page - will rely on Carousel container's width
   const oneItemWidth = '100%'; // Could alternatively use carouselWidth
@@ -166,7 +166,7 @@ function ResponsiveSizingCarousel() {
   const horizontalPadding = theme.space[2];
 
   const carouselWidth = windowWidth - horizontalPadding * 2;
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   // 1 item per page - will rely on Carousel container's width
   const oneItemWidth = '100%'; // Could alternatively use carouselWidth
@@ -241,7 +241,7 @@ function VariedSizingCarousel() {
   const horizontalPadding = theme.space[2];
 
   const carouselWidth = windowWidth - horizontalPadding * 2;
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   // 1 item per page - will rely on Carousel container's width
   const oneItemWidth = '100%'; // Could alternatively use carouselWidth
@@ -333,7 +333,7 @@ When set to `snap`, upon release the carousel will snap to either the nearest it
 function DragCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -370,7 +370,7 @@ When set to `item`, the carousel will snap to the nearest item.
 function SquareItemsCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -415,7 +415,7 @@ If you want to have the next item be shown at the edge of the screen, make sure
 function OverflowCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -451,7 +451,7 @@ It is recommended to use pagination with autoplay so users know how many pages t
 function AutoplayCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -482,7 +482,7 @@ function AutoplayCarousel() {
 function CustomIntervalCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -518,7 +518,7 @@ Use `loop` to allow for infinite scrolling.
 function LoopingCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -908,8 +908,14 @@ function ComposedAutoplayCarousel() {
           const remainingTime = autoplay.getRemainingTime();
           const progress = 1 - remainingTime / autoplay.totalTime;
           const progressSpring = useSpring({
-            width: autoplay.isPlaying ? theme.space[3] : progress * theme.space[3],
-            config: autoplay.isPlaying ? { duration: remainingTime } : { duration: 0 },
+            width: showProgress
+              ? autoplay.isPlaying
+                ? theme.space[3]
+                : progress * theme.space[3]
+              : 0,
+            config:
+              showProgress && autoplay.isPlaying ? { duration: remainingTime } : { duration: 0 },
+            immediate: !showProgress,
           });
 
           return (
@@ -1065,7 +1071,7 @@ You can dynamically add and remove items from the carousel.
 function DynamicContentCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
   const [items, setItems] = useState(Object.values(assets).slice(0, 3));
 
   function addAsset() {
@@ -1117,7 +1123,7 @@ Note that this can prevent proper accessibility for the carousel, if carousel it
 function HideNavigationAndPaginationCarousel() {
   const theme = useTheme();
   const horizontalPadding = theme.space[2];
-  const horizontalGap = theme.space[1];
+  const horizontalGap = theme.space[2];
 
   return (
     <Carousel
@@ -1241,7 +1247,7 @@ function ImperativeApiCarousel() {
         snapMode="item"
         styles={{
           root: { paddingHorizontal: theme.space[3] },
-          carousel: { gap: theme.space[1] },
+          carousel: { gap: theme.space[2] },
         }}
         title="Explore Assets"
       >

package/mcp-docs/mobile/components/CheckboxCell.txt

@@ -203,10 +203,10 @@ function CustomCheckboxCellExample() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `checkboxContainer` | `-` | - |
-| `contentContainer` | `-` | - |
-| `title` | `-` | - |
-| `description` | `-` | - |
+| `root` | `-` | Root element |
+| `checkboxContainer` | `-` | Checkbox input container element |
+| `contentContainer` | `-` | Content container element |
+| `title` | `-` | Title text element |
+| `description` | `-` | Description text element |
 
 

package/mcp-docs/mobile/components/Chip.txt

@@ -179,7 +179,7 @@ function Example() {
 | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `start` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed before the value |
 | `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
-| `styles` | `{ root?: StyleProp<ViewStyle>; content?: StyleProp<ViewStyle>; }` | No | `-` | Apply styles to the container and content. |
+| `styles` | `{ root?: StyleProp<ViewStyle>; content?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the Chip component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID Used to locate this element in unit and end-to-end tests. Used to locate this view in end-to-end tests. |
 | `textAlign` | `left \| right \| auto \| center \| justify` | No | `-` | - |
 | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
@@ -199,7 +199,7 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `content` | `-` | - |
+| `root` | `-` | Root element |
+| `content` | `-` | Content element |
 
 

package/mcp-docs/mobile/components/Combobox.txt

@@ -276,7 +276,7 @@ function BorderlessExample() {
 | `setOpen` | `((open: boolean \| ((open: boolean) => boolean)) => void)` | No | `-` | Callback to update the open state |
 | `startNode` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component |
 | `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | Inline styles for the root element |
-| `styles` | `{ root?: StyleProp<ViewStyle>; control?: StyleProp<ViewStyle>; controlStartNode?: StyleProp<ViewStyle>; controlInputNode?: StyleProp<ViewStyle>; controlValueNode?: StyleProp<ViewStyle>; controlLabelNode?: StyleProp<ViewStyle>; controlHelperTextNode?: StyleProp<ViewStyle>; controlEndNode?: StyleProp<ViewStyle>; controlBlendStyles?: InteractableBlendStyles; dropdown?: StyleProp<ViewStyle>; option?: StyleProp<ViewStyle>; optionCell?: StyleProp<ViewStyle>; optionContent?: StyleProp<ViewStyle>; optionLabel?: StyleProp<ViewStyle>; optionDescription?: StyleProp<ViewStyle>; optionBlendStyles?: InteractableBlendStyles \| undefined; selectAllDivider?: StyleProp<ViewStyle>; emptyContentsContainer?: StyleProp<ViewStyle>; emptyContentsText?: StyleProp<ViewStyle>; optionGroup?: StyleProp<ViewStyle>; } \| undefined` | No | `-` | Custom styles for different parts of the select |
+| `styles` | `{ root?: StyleProp<ViewStyle>; control?: StyleProp<ViewStyle>; controlStartNode?: StyleProp<ViewStyle>; controlInputNode?: StyleProp<ViewStyle>; controlValueNode?: StyleProp<ViewStyle>; controlLabelNode?: StyleProp<ViewStyle>; controlHelperTextNode?: StyleProp<ViewStyle>; controlEndNode?: StyleProp<ViewStyle>; controlBlendStyles?: InteractableBlendStyles; dropdown?: StyleProp<ViewStyle>; option?: StyleProp<ViewStyle>; optionCell?: StyleProp<ViewStyle>; optionContent?: StyleProp<ViewStyle>; optionLabel?: StyleProp<ViewStyle>; optionDescription?: StyleProp<ViewStyle>; optionBlendStyles?: InteractableBlendStyles \| undefined; selectAllDivider?: StyleProp<ViewStyle>; emptyContentsContainer?: StyleProp<ViewStyle>; emptyContentsText?: StyleProp<ViewStyle>; optionGroup?: StyleProp<ViewStyle>; } \| undefined` | No | `-` | Custom styles for individual elements of the Select component |
 | `testID` | `string` | No | `-` | Test ID for the root element |
 | `type` | `multi \| single` | No | `-` | Whether the select allows single or multiple selections |
 | `variant` | `primary \| secondary \| positive \| negative \| foregroundMuted \| foreground` | No | `-` | Determines the sentiment of the input. Because we allow startContent and endContent to be custom ReactNode, the content placed inside these slots will not change colors according to the variant. You will have to add that yourself |
@@ -286,25 +286,25 @@ function BorderlessExample() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | root element |
-| `control` | `-` | control element |
-| `controlStartNode` | `-` | start node element |
-| `controlInputNode` | `-` | input node element |
-| `controlValueNode` | `-` | value node element |
-| `controlLabelNode` | `-` | label node element |
-| `controlHelperTextNode` | `-` | helper text node element |
-| `controlEndNode` | `-` | end node element |
+| `root` | `-` | Root element |
+| `control` | `-` | Control element |
+| `controlStartNode` | `-` | Start node element |
+| `controlInputNode` | `-` | Input node element |
+| `controlValueNode` | `-` | Value node element |
+| `controlLabelNode` | `-` | Label node element |
+| `controlHelperTextNode` | `-` | Helper text node element |
+| `controlEndNode` | `-` | End node element |
 | `controlBlendStyles` | `-` | Blend styles for control interactivity |
-| `dropdown` | `-` | dropdown container |
-| `option` | `-` | individual options |
-| `optionCell` | `-` | option cell element |
-| `optionContent` | `-` | option content wrapper |
-| `optionLabel` | `-` | option label element |
-| `optionDescription` | `-` | option description element |
-| `optionBlendStyles` | `-` | Blend styles for option interactivity |
-| `selectAllDivider` | `-` | select all divider element |
-| `emptyContentsContainer` | `-` | empty contents container element |
-| `emptyContentsText` | `-` | empty contents text element |
-| `optionGroup` | `-` | option group element |
+| `dropdown` | `-` | Dropdown container element |
+| `option` | `-` | Option element |
+| `optionCell` | `-` | Option cell element |
+| `optionContent` | `-` | Option content wrapper |
+| `optionLabel` | `-` | Option label element |
+| `optionDescription` | `-` | Option description element |
+| `optionBlendStyles` | `-` | Option blend styles for interactivity |
+| `selectAllDivider` | `-` | Select all divider element |
+| `emptyContentsContainer` | `-` | Empty contents container element |
+| `emptyContentsText` | `-` | Empty contents text element |
+| `optionGroup` | `-` | Option group element |
 
 

package/mcp-docs/mobile/components/ContentCell.txt

@@ -267,7 +267,7 @@ The `ContentCellFallback` component provides loading state representations of `C
 | `selected` | `boolean` | No | `-` | Is the cell selected? Will apply a background and selected accessory. |
 | `spacingVariant` | `compact \| normal \| condensed` | No | `'normal'` | Spacing variant configuration. Deprecated value: compact. Prefer condensed.  When spacingVariant=normal: 1. min-height is 80px 2. padding is var(--space-2) var(--space-3) 3. border-radius is var(--borderRadius-200)  When spacingVariant=compact: 1. same as spacingVariant=normal, except min-height is 40px  When spacingVariant=condensed: 1. min-height is undefined 2. padding is var(--space-1) var(--space-2) 3. border-radius is var(--borderRadius-0) 4. subtitle uses label1 5. title wraps to 2 lines regardless of description content |
 | `style` | `false \| RegisteredStyle<ViewStyle> \| Value \| AnimatedInterpolation<string \| number> \| WithAnimatedObject<ViewStyle> \| WithAnimatedArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>> \| readonly (Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>)[]> \| null` | No | `-` | - |
-| `styles` | `{ root?: StyleProp<ViewStyle>; media?: StyleProp<ViewStyle>; accessory?: StyleProp<ViewStyle>; contentContainer?: StyleProp<ViewStyle>; pressable?: StyleProp<ViewStyle>; mainContent?: StyleProp<ViewStyle>; title?: StyleProp<TextStyle>; subtitle?: StyleProp<TextStyle>; metaContainer?: StyleProp<ViewStyle>; meta?: StyleProp<TextStyle>; description?: StyleProp<TextStyle>; }` | No | `-` | Styles for the default subcomponents. Ignored when the corresponding xxNode prop is used. |
+| `styles` | `{ root?: StyleProp<ViewStyle>; media?: StyleProp<ViewStyle>; accessory?: StyleProp<ViewStyle>; contentContainer?: StyleProp<ViewStyle>; pressable?: StyleProp<ViewStyle>; mainContent?: StyleProp<ViewStyle>; title?: StyleProp<TextStyle>; subtitle?: StyleProp<TextStyle>; metaContainer?: StyleProp<ViewStyle>; meta?: StyleProp<TextStyle>; description?: StyleProp<TextStyle>; }` | No | `-` | Styles for subcomponents, ignored when the corresponding xxNode prop is used |
 | `subtitle` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Subtitle of content. Max 1 line, otherwise will truncate. |
 | `subtitleNode` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | React node to render subtitle. Takes precedence over subtitle. When provided, styles.subtitle is not applied. |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Used to locate this view in end-to-end tests. Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
@@ -288,16 +288,16 @@ The `ContentCellFallback` component provides loading state representations of `C
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `media` | `-` | - |
-| `accessory` | `-` | - |
-| `contentContainer` | `-` | - |
-| `pressable` | `-` | - |
-| `mainContent` | `-` | - |
-| `title` | `-` | - |
-| `subtitle` | `-` | - |
-| `metaContainer` | `-` | - |
-| `meta` | `-` | - |
-| `description` | `-` | - |
+| `root` | `-` | Root element |
+| `media` | `-` | Media element |
+| `accessory` | `-` | Accessory element |
+| `contentContainer` | `-` | Content container element |
+| `pressable` | `-` | Pressable wrapper element |
+| `mainContent` | `-` | Main content element |
+| `title` | `-` | Title text element |
+| `subtitle` | `-` | Subtitle text element |
+| `metaContainer` | `-` | Meta container element |
+| `meta` | `-` | Meta text element |
+| `description` | `-` | Description text element |
 
 

package/mcp-docs/mobile/components/DataCard.txt

@@ -725,10 +725,10 @@ import { DataCard } from '@coinbase/cds-mobile/alpha/data-card';
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `layoutContainer` | `-` | - |
-| `headerContainer` | `-` | - |
-| `textContainer` | `-` | - |
-| `titleContainer` | `-` | - |
-| `root` | `-` | - |
+| `layoutContainer` | `-` | Layout container element |
+| `headerContainer` | `-` | Header container element |
+| `textContainer` | `-` | Text container element |
+| `titleContainer` | `-` | Title container element |
+| `root` | `-` | Root element |
 
 

package/mcp-docs/mobile/components/DotCount.txt

@@ -137,8 +137,8 @@ function CustomizeStyle() {
 | `max` | `number` | No | `99` | If a badge count is greater than max, it will truncate the numbers so its max+ |
 | `overlap` | `circular` | No | `-` | Indicates what shape Dot is overlapping |
 | `pin` | `top-end` | No | `-` | Position of dot relative to its parent |
-| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | Custom styles for the root element. |
-| `styles` | `{ root?: StyleProp<ViewStyle>; container?: StyleProp<ViewStyle>; text?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for the component. |
+| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
+| `styles` | `{ root?: StyleProp<ViewStyle>; container?: StyleProp<ViewStyle>; text?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for individual elements of the DotCount component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
 | `variant` | `negative` | No | `negative` | Background color of dot |
 
@@ -147,8 +147,8 @@ function CustomizeStyle() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | root element. |
-| `container` | `-` | container element. |
-| `text` | `-` | text element. |
+| `root` | `-` | Root element |
+| `container` | `-` | Container element |
+| `text` | `-` | Text element |
 
 

package/mcp-docs/mobile/components/Icon.txt

@@ -51,7 +51,7 @@ Mobile apps cache font files in the native build, so you must rebuild your app a
 | `fallback` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `null` | Fallback element to render if unable to find an icon with matching name |
 | `size` | `s \| l \| xs \| m` | No | `m` | Size for a given icon. |
 | `style` | `false \| Value \| AnimatedInterpolation<string \| number> \| RegisteredStyle<TextStyle> \| WithAnimatedObject<TextStyle> \| WithAnimatedArray<Falsy \| TextStyle \| RegisteredStyle<TextStyle> \| RecursiveArray<Falsy \| TextStyle \| RegisteredStyle<TextStyle>> \| readonly (Falsy \| TextStyle \| RegisteredStyle<TextStyle>)[]> \| null` | No | `-` | - |
-| `styles` | `{ root?: StyleProp<ViewStyle>; icon?: StyleProp<TextStyle>; }` | No | `-` | - |
+| `styles` | `{ root?: StyleProp<ViewStyle>; icon?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for individual elements of the Icon component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
 
 
@@ -59,7 +59,7 @@ Mobile apps cache font files in the native build, so you must rebuild your app a
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `icon` | `-` | - |
+| `root` | `-` | Outer Box wrapper element |
+| `icon` | `-` | Inner icon glyph Text element |
 
 

package/mcp-docs/mobile/components/InputChip.txt

@@ -174,7 +174,7 @@ function Example() {
 | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `start` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed before the value |
 | `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
-| `styles` | `{ root?: StyleProp<ViewStyle>; content?: StyleProp<ViewStyle>; }` | No | `-` | Apply styles to the container and content. |
+| `styles` | `{ root?: StyleProp<ViewStyle>; content?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the Chip component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID Used to locate this element in unit and end-to-end tests. Used to locate this view in end-to-end tests. |
 | `textAlign` | `left \| right \| auto \| center \| justify` | No | `-` | - |
 | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |

package/mcp-docs/mobile/components/ListCell.txt

@@ -755,7 +755,7 @@ Mapping to `styles` keys:
 | `selected` | `boolean` | No | `-` | Is the cell selected? Will apply a background and selected accessory. |
 | `spacingVariant` | `compact \| normal \| condensed` | No | `'normal'` | Spacing variant configuration. Deprecated value: compact. Prefer condensed.  When spacingVariant=normal: 1. min-height is 80px 2. padding is var(--space-2) var(--space-3) 3. border-radius is var(--borderRadius-200) 4. when there is a description, titles numberOfLines={1} otherwise titles numberOfLines={2} 5. description and subdetail have font body  When spacingVariant=compact: 1. same as spacingVariant=normal, except min-height is 40px  When spacingVariant=condensed: 1. min-height is undefined 2. padding is var(--space-1) var(--space-2) 3. border-radius is --borderRadius-0 4. titles numberOfLines={2} 5. description and subdetail have font label2 |
 | `style` | `false \| RegisteredStyle<ViewStyle> \| Value \| AnimatedInterpolation<string \| number> \| WithAnimatedObject<ViewStyle> \| WithAnimatedArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>> \| readonly (Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>)[]> \| null` | No | `-` | - |
-| `styles` | `({ root?: StyleProp<ViewStyle>; contentContainer?: StyleProp<ViewStyle>; topContent?: StyleProp<ViewStyle>; bottomContent?: StyleProp<ViewStyle>; pressable?: StyleProp<ViewStyle>; media?: StyleProp<ViewStyle>; childrenContainer?: StyleProp<ViewStyle>; intermediary?: StyleProp<ViewStyle>; end?: StyleProp<ViewStyle>; accessory?: StyleProp<ViewStyle>; } & { root?: StyleProp<ViewStyle>; media?: StyleProp<ViewStyle>; intermediary?: StyleProp<ViewStyle>; end?: StyleProp<ViewStyle>; accessory?: StyleProp<ViewStyle>; contentContainer?: StyleProp<ViewStyle>; pressable?: StyleProp<ViewStyle>; mainContent?: StyleProp<ViewStyle>; titleStack?: StyleProp<ViewStyle>; titleStackContainer?: StyleProp<ViewStyle>; helperText?: StyleProp<ViewStyle>; title?: StyleProp<TextStyle>; subtitle?: StyleProp<TextStyle>; description?: StyleProp<TextStyle>; })` | No | `-` | Styles for the components Styles for default subcomponents. Ignored when the corresponding xxNode prop is used. |
+| `styles` | `({ root?: StyleProp<ViewStyle>; contentContainer?: StyleProp<ViewStyle>; topContent?: StyleProp<ViewStyle>; bottomContent?: StyleProp<ViewStyle>; pressable?: StyleProp<ViewStyle>; media?: StyleProp<ViewStyle>; childrenContainer?: StyleProp<ViewStyle>; intermediary?: StyleProp<ViewStyle>; end?: StyleProp<ViewStyle>; accessory?: StyleProp<ViewStyle>; } & { root?: StyleProp<ViewStyle>; media?: StyleProp<ViewStyle>; intermediary?: StyleProp<ViewStyle>; end?: StyleProp<ViewStyle>; accessory?: StyleProp<ViewStyle>; contentContainer?: StyleProp<ViewStyle>; pressable?: StyleProp<ViewStyle>; mainContent?: StyleProp<ViewStyle>; titleStack?: StyleProp<ViewStyle>; titleStackContainer?: StyleProp<ViewStyle>; helperText?: StyleProp<ViewStyle>; title?: StyleProp<TextStyle>; subtitle?: StyleProp<TextStyle>; description?: StyleProp<TextStyle>; })` | No | `-` | Custom styles for individual elements of the Cell component Styles for subcomponents, ignored when the corresponding xxNode prop is used |
 | `subdetail` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Subdetail providing more information. This prop is only intended to accept a string or Text component; other use cases, while allowed, are not supported and may result in unexpected behavior. For arbitrary content, use subdetailNode. |
 | `subdetailFont` | `inherit \| FontFamily` | No | `-` | Font to apply to the subdetail text. |
 | `subdetailNode` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | React node to render subdetail. Takes precedence over subdetail. |
@@ -780,22 +780,22 @@ Mapping to `styles` keys:
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `contentContainer` | `-` | - |
-| `topContent` | `-` | - |
-| `bottomContent` | `-` | - |
-| `pressable` | `-` | - |
-| `media` | `-` | - |
-| `childrenContainer` | `-` | Wrapper around children inside the top content row (controls flex behavior). |
-| `intermediary` | `-` | - |
-| `end` | `-` | Applied to the container of detail or action |
-| `accessory` | `-` | - |
-| `mainContent` | `-` | - |
-| `titleStack` | `-` | Applied to the VStack of title/subtitle/description. |
-| `titleStackContainer` | `-` | Applied to the Box that wraps around titleStack (controls flex behavior). |
-| `helperText` | `-` | - |
-| `title` | `-` | - |
-| `subtitle` | `-` | - |
-| `description` | `-` | - |
+| `root` | `-` | Root element |
+| `contentContainer` | `-` | Content container element |
+| `topContent` | `-` | Top content element |
+| `bottomContent` | `-` | Bottom content element |
+| `pressable` | `-` | Pressable wrapper element |
+| `media` | `-` | Media element |
+| `childrenContainer` | `-` | Children container wrapper, controls flex behavior |
+| `intermediary` | `-` | Intermediary element |
+| `end` | `-` | End element (detail or action container) End element |
+| `accessory` | `-` | Accessory element |
+| `mainContent` | `-` | Main content element |
+| `titleStack` | `-` | Title stack element (title/subtitle/description VStack) |
+| `titleStackContainer` | `-` | Title stack container wrapper, controls flex behavior |
+| `helperText` | `-` | Helper text element |
+| `title` | `-` | Title text element |
+| `subtitle` | `-` | Subtitle text element |
+| `description` | `-` | Description text element |
 
 

package/mcp-docs/mobile/components/MediaCard.txt

@@ -528,11 +528,11 @@ Replace `FloatingAssetCard` with `MediaCard`. Note that the floating variation (
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `layoutContainer` | `-` | - |
-| `contentContainer` | `-` | - |
-| `textContainer` | `-` | - |
-| `headerContainer` | `-` | - |
-| `mediaContainer` | `-` | - |
-| `root` | `-` | - |
+| `layoutContainer` | `-` | Layout container element |
+| `contentContainer` | `-` | Content container element |
+| `textContainer` | `-` | Text container element |
+| `headerContainer` | `-` | Header container element |
+| `mediaContainer` | `-` | Media container element |
+| `root` | `-` | Root element |
 
 

package/mcp-docs/mobile/components/MediaChip.txt

@@ -255,7 +255,7 @@ You can override the automatic spacing with custom values if needed.
 | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `start` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed before the value |
 | `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
-| `styles` | `{ root?: StyleProp<ViewStyle>; content?: StyleProp<ViewStyle>; }` | No | `-` | Apply styles to the container and content. |
+| `styles` | `{ root?: StyleProp<ViewStyle>; content?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the Chip component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID Used to locate this element in unit and end-to-end tests. Used to locate this view in end-to-end tests. |
 | `textAlign` | `left \| right \| auto \| center \| justify` | No | `-` | - |
 | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |

package/mcp-docs/mobile/components/MessagingCard.txt

@@ -1027,11 +1027,11 @@ Replace `UpsellCard` with `MessagingCard` using `type="upsell"`.
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `layoutContainer` | `-` | - |
-| `contentContainer` | `-` | - |
-| `textContainer` | `-` | - |
-| `mediaContainer` | `-` | - |
-| `dismissButtonContainer` | `-` | - |
-| `root` | `-` | - |
+| `layoutContainer` | `-` | Layout container element |
+| `contentContainer` | `-` | Content container element |
+| `textContainer` | `-` | Text container element |
+| `mediaContainer` | `-` | Media container element |
+| `dismissButtonContainer` | `-` | Dismiss button container element |
+| `root` | `-` | Root element |
 
 

package/mcp-docs/mobile/components/PageHeader.txt

@@ -173,7 +173,7 @@ function Example() {
 | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `start` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Optional. Accepts a ReactNode. Used for placing primary content on the left side of the page header, such as a header title, logo, or icon button. |
 | `style` | `false \| RegisteredStyle<ViewStyle> \| Value \| AnimatedInterpolation<string \| number> \| WithAnimatedObject<ViewStyle> \| WithAnimatedArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>> \| readonly (Falsy \| ViewStyle \| RegisteredStyle<ViewStyle>)[]> \| null` | No | `-` | - |
-| `styles` | `{ root?: StyleProp<ViewStyle>; start?: StyleProp<ViewStyle>; end?: StyleProp<ViewStyle>; title?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for the page header. |
+| `styles` | `{ root?: StyleProp<ViewStyle>; start?: StyleProp<ViewStyle>; end?: StyleProp<ViewStyle>; title?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the PageHeader component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID Used to locate this element in unit and end-to-end tests. Used to locate this view in end-to-end tests. |
 | `textAlign` | `left \| right \| auto \| center \| justify` | No | `-` | - |
 | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
@@ -189,9 +189,9 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | root element. |
-| `start` | `-` | start element. |
-| `end` | `-` | end element. |
-| `title` | `-` | title element. |
+| `root` | `-` | Root element |
+| `start` | `-` | Start element |
+| `end` | `-` | End element |
+| `title` | `-` | Title element |
 
 

package/mcp-docs/mobile/components/ProgressBar.txt

@@ -135,8 +135,8 @@ function Example() {
 | `onAnimationEnd` | `(() => void)` | No | `-` | Callback fired when the progress animation ends. |
 | `onAnimationStart` | `(() => void)` | No | `-` | Callback fired when the progress animation starts. |
 | `ref` | `((instance: View \| null) => void) \| RefObject<View> \| null` | No | `-` | - |
-| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | Custom styles for the progress bar root. |
-| `styles` | `{ root?: StyleProp<ViewStyle>; progress?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for the progress bar. |
+| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
+| `styles` | `{ root?: StyleProp<ViewStyle>; progress?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the ProgressBar component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
 | `weight` | `normal \| heavy \| thin \| semiheavy` | No | `normal` | Toggle used to change thickness of progress visualization |
 
@@ -145,7 +145,7 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | progress bar root. |
-| `progress` | `-` | progress bar. |
+| `root` | `-` | Root element |
+| `progress` | `-` | Progress fill element |
 
 

package/mcp-docs/mobile/components/ProgressBarWithFixedLabels.txt

@@ -208,8 +208,8 @@ function Example() {
 | `endLabel` | `number \| { value: number; render: (num: number, disabled?: boolean \| undefined) => ReactNode; }` | No | `-` | Label that is pinned to the end of the container. If a number is used then it will format it as a percentage. |
 | `labelPlacement` | `above \| below \| beside` | No | `beside` | Position of label relative to the bar |
 | `startLabel` | `number \| { value: number; render: (num: number, disabled?: boolean \| undefined) => ReactNode; }` | No | `-` | Label that is pinned to the start of the container. If a number is used then it will format it as a percentage. |
-| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | Custom styles for the progress bar with fixed labels root. |
-| `styles` | `{ root?: StyleProp<ViewStyle>; labelContainer?: StyleProp<ViewStyle>; startLabel?: StyleProp<TextStyle>; endLabel?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for the progress bar with fixed labels. |
+| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
+| `styles` | `{ root?: StyleProp<ViewStyle>; labelContainer?: StyleProp<ViewStyle>; startLabel?: StyleProp<TextStyle>; endLabel?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for individual elements of the ProgressBarWithFixedLabels component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
 
 
@@ -217,9 +217,9 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | progress bar with fixed labels root. |
-| `labelContainer` | `-` | label container. |
-| `startLabel` | `-` | start label. |
-| `endLabel` | `-` | end label. |
+| `root` | `-` | Root element |
+| `labelContainer` | `-` | Label container element |
+| `startLabel` | `-` | Start label element |
+| `endLabel` | `-` | End label element |
 
 

package/mcp-docs/mobile/components/ProgressBarWithFloatLabel.txt

@@ -180,8 +180,8 @@ function Example() {
 | `disableAnimateOnMount` | `boolean` | No | `false` | Disable animation on component mount |
 | `disabled` | `boolean` | No | `-` | Toggle used to show a disabled progress visualization |
 | `labelPlacement` | `above \| below` | No | `above` | Position of label relative to the bar |
-| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | Custom styles for the progress bar with float label root. |
-| `styles` | `{ root?: StyleProp<ViewStyle>; labelContainer?: StyleProp<ViewStyle>; label?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for the progress bar with float label. |
+| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
+| `styles` | `{ root?: StyleProp<ViewStyle>; labelContainer?: StyleProp<ViewStyle>; label?: StyleProp<TextStyle>; }` | No | `-` | Custom styles for individual elements of the ProgressBarWithFloatLabel component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
 
 
@@ -189,8 +189,8 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | progress bar with float label root. |
-| `labelContainer` | `-` | label container. |
-| `label` | `-` | label. |
+| `root` | `-` | Root element |
+| `labelContainer` | `-` | Label container element |
+| `label` | `-` | Label element |
 
 

package/mcp-docs/mobile/components/ProgressCircle.txt

@@ -250,8 +250,8 @@ function Example() {
 | `onAnimationStart` | `(() => void)` | No | `-` | Callback fired when the progress animation starts. |
 | `ref` | `((instance: View \| null) => void) \| RefObject<View> \| null` | No | `-` | - |
 | `size` | `number` | No | `-` | Optional size in px for the visualization. This is useful if the visualization is used in an HStack. If this is omitted the visualization will fill the parent width or height. Since its a circular visualization it will fill the smaller of the parent width or height |
-| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | Custom styles for the progress circle root. |
-| `styles` | `{ root?: StyleProp<ViewStyle>; svgContainer?: StyleProp<ViewStyle>; svg?: StyleProp<ViewStyle>; textContainer?: StyleProp<ViewStyle>; progress?: Partial<CircleProps>; circle?: Partial<CircleProps> \| undefined; } \| undefined` | No | `-` | Custom styles for the progress circle. |
+| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
+| `styles` | `{ root?: StyleProp<ViewStyle>; svgContainer?: StyleProp<ViewStyle>; svg?: StyleProp<ViewStyle>; textContainer?: StyleProp<ViewStyle>; progress?: Partial<CircleProps>; circle?: Partial<CircleProps> \| undefined; } \| undefined` | No | `-` | Custom styles for individual elements of the ProgressCircle component |
 | `testID` | `string` | No | `-` | Used to locate this element in unit and end-to-end tests. Under the hood, testID translates to data-testid on Web. On Mobile, testID stays the same - testID |
 | `weight` | `normal \| heavy \| thin \| semiheavy` | No | `normal` | Toggle used to change thickness of progress visualization |
 
@@ -260,11 +260,11 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | progress circle root. |
-| `svgContainer` | `-` | progress circle svg container. |
-| `svg` | `-` | progress circle svg. |
-| `textContainer` | `-` | text container. |
-| `progress` | `-` | progress circle inner. |
-| `circle` | `-` | progress circle inner. |
+| `root` | `-` | Root element |
+| `svgContainer` | `-` | SVG container element |
+| `svg` | `-` | SVG element |
+| `textContainer` | `-` | Text container element |
+| `progress` | `-` | Foreground progress circle element |
+| `circle` | `-` | Background circle element |
 
 

package/mcp-docs/mobile/components/RadioCell.txt

@@ -203,10 +203,10 @@ function CustomRadioCellExample() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `radioContainer` | `-` | - |
-| `contentContainer` | `-` | - |
-| `title` | `-` | - |
-| `description` | `-` | - |
+| `root` | `-` | Root element |
+| `radioContainer` | `-` | Radio input container element |
+| `contentContainer` | `-` | Content container element |
+| `title` | `-` | Title text element |
+| `description` | `-` | Description text element |