@coinbase/cds-mcp-server 8.44.0 → 8.44.2

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

@@ -79,7 +79,7 @@ const SelectMobile = () => {
 | `onPress` | `((event: GestureResponderEvent) => void) \| null` | No | `-` | Called when a single tap gesture is detected. |
 | `outerSpacing` | `CellSpacing` | No | `-` | The spacing to use on the parent wrapper of Cell |
 | `priority` | `end \| start \| middle \| (end \| start \| middle)[]` | No | `-` | Which piece of content has the highest priority in regards to text truncation, growing, and shrinking. |
-| `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>; }` | No | `-` | Styles for the components |
+| `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>; }` | No | `-` | Custom styles for individual elements of the Cell 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 |
 | `title` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Title of content. Max 1 line (with description) or 2 lines (without), otherwise will truncate. 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 titleNode. |
 

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

@@ -231,7 +231,6 @@ function Example() {
 | `alignContent` | `flex-start \| flex-end \| center \| stretch \| space-between \| space-around \| space-evenly` | No | `-` | - |
 | `alignItems` | `flex-start \| flex-end \| center \| stretch \| baseline` | No | `-` | - |
 | `alignSelf` | `auto \| FlexAlignType` | No | `-` | - |
-| `analyticsId` | `string` | No | `-` | - |
 | `aspectRatio` | `string \| number` | No | `-` | - |
 | `autoCompleteSlideOnThresholdMet` | `boolean` | No | `-` | If true, the slide button will automatically complete the slide when the threshold is met. If false, the user must release to complete the action. |
 | `background` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | Background color of the overlay (element being interacted with). |
@@ -270,7 +269,6 @@ function Example() {
 | `display` | `flex \| none` | No | `-` | - |
 | `elevation` | `0 \| 1 \| 2` | No | `-` | Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. Is the element elevated. |
 | `endCheckedNode` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Custom end node to render for the checked state of the handle, to replace the default loading indicator. |
-| `eventConfig` | `EventHandlerCustomConfig` | No | `-` | - |
 | `feedback` | `none \| light \| normal \| heavy` | No | `none` | Haptic feedback to trigger when being pressed. |
 | `flexBasis` | `string \| number` | No | `-` | - |
 | `flexDirection` | `row \| column \| row-reverse \| column-reverse` | No | `-` | - |
@@ -334,7 +332,7 @@ function Example() {
 | `right` | `string \| number` | No | `-` | - |
 | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `startUncheckedNode` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Custom start node to render for the unchecked state of the handle, to replace the default arrow icon. |
-| `styles` | `{ container?: StyleProp<ViewStyle>; background?: StyleProp<ViewStyle>; handle?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for the slide button. |
+| `styles` | `{ container?: StyleProp<ViewStyle>; background?: StyleProp<ViewStyle>; handle?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the SlideButton component |
 | `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. |
 | `textAlign` | `left \| right \| auto \| center \| justify` | No | `-` | - |
 | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
@@ -356,8 +354,8 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `container` | `-` | slide button container. |
-| `background` | `-` | background area of the slide button. |
-| `handle` | `-` | handle area of the slide button. |
+| `container` | `-` | Container element |
+| `background` | `-` | Background element |
+| `handle` | `-` | Handle element |
 
 

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

@@ -59,9 +59,6 @@ import { Spacer } from '@coinbase/cds-mobile/layout/Spacer'
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
 | `animated` | `boolean` | No | `-` | - |
-| `flexBasis` | `string \| number` | No | `-` | Sets the initial main flex size. |
-| `flexGrow` | `number` | No | `-` | Set the grow factor of this flex item. |
-| `flexShrink` | `number` | No | `-` | Set the shrink factor of this flex item. |
 | `horizontal` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Padding in the horizontal direction |
 | `maxHorizontal` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Max padding in the horizontal direction |
 | `maxVertical` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Max padding in the vertical direction |

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

@@ -606,7 +606,7 @@ It accepts an object with the following optional keys:
 | `right` | `string \| number` | No | `-` | - |
 | `rowGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `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>; step?: StyleProp<ViewStyle>; substepContainer?: StyleProp<ViewStyle>; label?: StyleProp<ViewStyle>; progress?: StyleProp<ViewStyle>; icon?: StyleProp<ViewStyle>; header?: StyleProp<ViewStyle>; }` | No | `-` | Inline styles for specific child elements of Stepper |
+| `styles` | `{ root?: StyleProp<ViewStyle>; step?: StyleProp<ViewStyle>; substepContainer?: StyleProp<ViewStyle>; label?: StyleProp<ViewStyle>; progress?: StyleProp<ViewStyle>; icon?: StyleProp<ViewStyle>; header?: StyleProp<ViewStyle>; }` | No | `-` | Custom styles for individual elements of the Stepper component |
 | `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. |
 | `textAlign` | `left \| right \| auto \| center \| justify` | No | `-` | - |
 | `textDecorationLine` | `none \| underline \| line-through \| underline line-through` | No | `-` | - |
@@ -623,12 +623,12 @@ It accepts an object with the following optional keys:
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | root Stepper container element |
-| `step` | `-` | Step subcomponent |
-| `substepContainer` | `-` | SubstepContainer subcomponent |
-| `label` | `-` | Label subcomponent |
-| `progress` | `-` | Progress subcomponent |
-| `icon` | `-` | Icon subcomponent |
-| `header` | `-` | Header subcomponent |
+| `root` | `-` | Root Stepper container element |
+| `step` | `-` | Step subcomponent element |
+| `substepContainer` | `-` | Substep container element |
+| `label` | `-` | Label subcomponent element |
+| `progress` | `-` | Progress subcomponent element |
+| `icon` | `-` | Icon subcomponent element |
+| `header` | `-` | Header subcomponent element |
 
 

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

@@ -206,7 +206,7 @@ render(<Example />);
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | Style applied to the root container. |
-| `tabs` | `-` | Style applied to the root of the Tabs component. |
+| `root` | `-` | Root container element |
+| `tabs` | `-` | Tabs root element |
 
 

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

@@ -836,3 +836,18 @@ function Example() {
 | `visible` | `boolean` | No | `-` | The visible prop determines whether your modal is visible. |
 
 
+## Styles
+
+| Selector | Static class name | Description |
+| --- | --- | --- |
+| `root` | `-` | Root container element |
+| `overlay` | `-` | Overlay backdrop element |
+| `container` | `-` | Animated sliding container element |
+| `handleBar` | `-` | Handle bar container element |
+| `handleBarHandle` | `-` | Handle bar indicator element |
+| `drawer` | `-` | Drawer content wrapper element |
+| `content` | `-` | Content area element |
+| `header` | `-` | Header section element |
+| `title` | `-` | Title text element |
+
+

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

@@ -317,6 +317,5 @@ function Example() {
 | `onDismissPress` | `((event: GestureResponderEvent) => void) \| null` | No | `-` | Callback fired when the dismiss button is pressed |
 | `onPress` | `((event: GestureResponderEvent) => void) \| null` | No | `-` | Callback fired when the card is pressed |
 | `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 |
-| `width` | `string \| number` | No | `-` | Set a fixed width. |
 
 

package/mcp-docs/web/components/Alert.txt

@@ -162,6 +162,5 @@ function AlertOnModalExample() {
 | `ref` | `((instance: ModalRefBaseProps \| null) => void) \| RefObject<ModalRefBaseProps> \| null` | No | `-` | - |
 | `stacked` | `boolean` | No | `-` | Indicating if Alert is stacked on top of Modal |
 | `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 |
-| `zIndex` | `number` | No | `-` | Adjust the z-index positioning layer. |
 
 

package/mcp-docs/web/components/AvatarButton.txt

@@ -130,7 +130,6 @@ AvatarButton can use fallback colors with names when no image source is provided
 | `alignItems` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
 | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
 | `alt` | `string` | No | `-` | This is the name associated with the entity in the Avatar. This is used in the image alt tag for accessibility. |
-| `analyticsId` | `string` | No | `-` | - |
 | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
 | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
 | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
@@ -232,7 +231,6 @@ AvatarButton can use fallback colors with names when no image source is provided
 | `draggable` | `Booleanish \| undefined` | No | `-` | - |
 | `elevation` | `0 \| 1 \| 2` | No | `-` | - |
 | `enterKeyHint` | `search \| enter \| done \| go \| next \| previous \| send \| undefined` | No | `-` | - |
-| `eventConfig` | `EventHandlerCustomConfig` | No | `-` | - |
 | `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
 | `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
 | `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |

package/mcp-docs/web/components/Banner.txt

@@ -146,6 +146,28 @@ You can customize `borderRadius` to soften contextual and in-line banners.
 Avoid setting `borderRadius` for `styleVariant="global"` so the vertical status bar remains aligned.
 :::
 
+### Bleed with Margin Props
+
+When using negative `margin*` props to create a bleed effect, explicitly set `width` so the Banner expands beyond its container.
+
+```tsx live
+<VStack height={150} background="bgPositiveWash">
+  <Banner
+    marginX={-2}
+    startIcon="info"
+    startIconActive
+    styleVariant="contextual"
+    title="Bleeding banner"
+    variant="informational"
+    width="auto"
+  >
+    <Text as="p" font="label2">
+      Use with prop to override the default 100% width
+    </Text>
+  </Banner>
+</VStack>
+```
+
 ## Props
 
 | Prop | Type | Required | Default | Description |

package/mcp-docs/web/components/Button.txt

@@ -250,7 +250,6 @@ A full-width primary action with a compact secondary option.
 | `alignContent` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| stretch \| baseline \| first baseline \| last baseline \| space-between \| space-around \| space-evenly>` | No | `-` | - |
 | `alignItems` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
 | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
-| `analyticsId` | `string` | No | `-` | - |
 | `aria-activedescendant` | `string \| undefined` | No | `-` | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. |
 | `aria-atomic` | `Booleanish \| undefined` | No | `-` | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. |
 | `aria-autocomplete` | `none \| inline \| list \| both \| undefined` | No | `-` | Indicates whether inputting text could trigger display of one or more predictions of the users intended value for an input and specifies how predictions would be presented if they are made. |
@@ -353,7 +352,6 @@ A full-width primary action with a compact secondary option.
 | `endIcon` | `key \| search \| pin \| filter \| visible \| continuous \| auto \| loop \| warning \| error \| account \| activity \| add \| addPeople \| advancedMarketSelector \| advancedTradeProduct \| affiliates \| airdrop \| airdropAlt \| airdropCoins \| airdropParachute \| alien \| allTimeHigh \| allocation \| annotation \| api \| apiPlug \| apothecary \| appSwitcher \| apple \| appleLogo \| application \| arrowDown \| arrowLeft \| arrowRight \| arrowUp \| arrowsHorizontal \| arrowsUpDown \| arrowsVertical \| artwork \| assetHubProduct \| assetManagementProduct \| astronautHelmet \| atSign \| atomScience \| autoCar \| avatar \| average \| backArrow \| ballot \| ballotbox \| bandage \| bank \| barChartSimple \| barChartWindow \| base \| baseApps \| baseFeed \| baseNotification \| baseQuickBuy \| baseSquare \| baseTransact \| baseVerification \| baseWallet \| baseball \| basketball \| beaker \| beginningArrow \| bell \| bellCheck \| bellPlus \| birthcertificate \| block \| blockchain \| blog \| book \| bookmark \| borrowProduct \| boxing \| bridging \| briefcase \| briefcaseAlt \| browser \| bug \| building \| calculator \| calendar \| calendarBlank \| calendarDates \| calendarEmpty \| calendarHeart \| calendarMoney \| calendarStar \| camera \| candlesticks \| car \| card \| caret \| caretDown \| caretLeft \| caretRight \| caretUp \| cash \| cashAustralianDollar \| cashBrazilianReal \| cashBrazillianReal \| cashCanadianDollar \| cashCoins \| cashEUR \| cashGBP \| cashIndonesianRupiah \| cashJPY \| cashPhilippinePeso \| cashPolishZloty \| cashRupee \| cashSingaporeDollar \| cashSwissFranc \| cashThaiBaht \| cashTurkishLira \| cashUSD \| cashUaeDirham \| cashVietnameseDong \| chainLink \| chartBar \| chartCandles \| chartLine \| chartPie \| chartPieCircle \| chartVolume \| chatBotAgent \| chatBubble \| chatRequests \| checkboxChecked \| checkboxEmpty \| checkmark \| chess \| circleCheckmark \| circleCross \| circulatingSupply \| city \| clipboard \| clock \| clockOutline \| close \| closeCaption \| clothing \| cloud \| cloudPartial \| cloudProduct \| cluster \| coinbase \| coinbaseCardProduct \| coinbaseOne \| coinbaseOneCard \| coinbaseOneLogo \| coinbaseRewards \| coinsCrypto \| collapse \| collectibles \| collection \| comment \| commentPlus \| commerceProduct \| compass \| complianceProduct \| compose \| computerChip \| concierge \| conciergeBell \| config \| convert \| copy \| corporation \| creatorCoin \| cricket \| cross \| crossTrade \| crypto \| cryptobasics \| crystalBall \| crystalBallInsight \| currencies \| custodyProduct \| dashboard \| dataMarketplaceProduct \| dataStack \| defi \| delegateProduct \| deposit \| derivatives \| derivativesProduct \| derivativesProductNew \| developerAPIProduct \| developerPlatformProduct \| dex \| diagonalDownArrow \| diagonalRightArrow \| diagonalUpArrow \| diamond \| diamondIncentives \| dinnerPlate \| directDeposit \| directDepositIcon \| disabledPhone \| discordLogo \| distribution \| document \| documentation \| dot \| doubleChevronRight \| downArrow \| download \| drag \| drops \| earn \| earnProduct \| earnRewards \| earthquake \| educationBook \| educationPencil \| email \| endArrow \| entertainment \| ethereum \| eventContracts \| exchangeProduct \| exclamationMark \| expand \| expandAddress \| expandAll \| externalLink \| eye \| faceScan \| faces \| factory \| faucet \| fib \| filmStrip \| fingerprint \| flame \| folder \| folderArrow \| folderOpen \| followAdd \| following \| football \| fork \| forwardArrow \| fscsProtection \| gab \| games \| gaming \| gasFees \| gasFeesAlt \| gauge \| gaugeEmpty \| gaugeHigh \| gaugeHighLow \| gaugeHighMid \| gaugeLow \| gaugeLowHigh \| gaugeLowMid \| gaugeMedium \| gavel \| gear \| generalCharacter \| ghost \| gif \| giftBox \| giftCard \| gitHubLogo \| globe \| golf \| googleLogo \| greenEnergy \| grid \| group \| hamburger \| hammer \| heart \| helpCenterProduct \| helpCenterQuestionMark \| hiddenEye \| hockey \| home \| horizontalLine \| hospital \| hospitalCross \| hurricane \| ideal \| identityCard \| image \| info \| initiator \| instagramLogo \| instantUnstakingClock \| institute \| institutionalProduct \| interest \| invisible \| invoice \| keyboard \| laptop \| leadChart \| leadCoin \| learningRewardsProduct \| light \| lightbulb \| lightning \| lightningBolt \| lineChartCrypto \| list \| location \| lock \| login \| logout \| magnifyingGlass \| marketCap \| medal \| megaphone \| menu \| metaverse \| microphone \| microphoneCordless \| microscope \| mint \| minus \| mma \| moneyCardCoin \| moon \| more \| moreVertical \| motorsport \| music \| musicArticles \| needle \| newsFeed \| newsletter \| nft \| nftBuy \| nftOffer \| nftProduct \| nftSale \| noRocket \| noWifi \| nodeProduct \| oil \| options \| orderBook \| orderHistory \| outline \| pFPS \| paperAirplane \| paperclip \| participate \| participateProduct \| passKey \| passport \| pause \| pay \| payProduct \| paymentCard \| payments \| payouts \| paypal \| pencil \| peopleGroup \| peopleStar \| percentage \| perpetualSwap \| phone \| pieChartData \| pillBottle \| pillCapsule \| plane \| planet \| play \| playbutton \| plusMinus \| podiumStar \| politicsBuilding \| politicsCandidate \| politicsFlag \| politicsGavel \| politicsPodium \| politicsStar \| powerTool \| priceAlerts \| priceAlertsCheck \| primePoduct \| privateClientProduct \| proProduct \| profile \| protection \| pulse \| pyramid \| qrCode \| qrCodeAlt \| queryTransact \| questionMark \| quotation \| rain \| ratingsCheck \| ratingsChecks \| ratingsStar \| reCenter \| rectangle \| recurring \| refresh \| regulated \| regulatedFutures \| report \| rewardsProduct \| ribbon \| robot \| rocket \| rocketShip \| rollingSpot \| rosettaProduct \| rottenTomato \| royalty \| safe \| save \| savingsBank \| scanQrCode \| scienceAtom \| scienceBeaker \| scienceMoon \| securityKey \| securityShield \| seen \| sendReceive \| setPinCode \| settings \| share \| shield \| shieldOutline \| shoe \| shoppingCart \| signinProduct \| singleCoin \| singleNote \| singlecloud \| smartContract \| snow \| soccer \| socialChat \| socialReshare \| socialShare \| sofort \| sortDoubleArrow \| sortDown \| sortDownCenter \| sortUp \| sortUpCenter \| soundOff \| soundOn \| sparkle \| speaker \| speechBubble \| stableCoin \| stablecoinStack \| staggeredList \| stake \| staking \| star \| starAward \| starBubble \| starTrophy \| statusDot \| step0 \| step1 \| step2 \| step3 \| step4 \| step5 \| step6 \| step7 \| step8 \| step9 \| strategy \| sun \| support \| tag \| taxes \| taxesReceipt \| telephone \| tennis \| test \| thermometer \| thumbsDown \| thumbsDownOutline \| thumbsUp \| thumbsUpOutline \| tokenLaunchCoin \| tokenLaunchRocket \| tokenSales \| tornado \| trading \| transactions \| trashCan \| trophy \| trophyCup \| tshirt \| tv \| tvStand \| twitterLogo \| ultility \| umbrella \| undo \| unfollowPeople \| unknown \| unlock \| upArrow \| upload \| venturesProduct \| verifiedBadge \| verifiedPools \| verticalLine \| virus \| waasProduct \| wallet \| walletLogo \| walletProduct \| webhooks \| wellness \| wifi \| wind \| wireTransfer \| withdraw \| wrapToken \| xLogo` | No | `-` | Icon to render at the end of the button. |
 | `endIconActive` | `boolean` | No | `-` | Whether the end icon is active |
 | `enterKeyHint` | `search \| enter \| done \| go \| next \| previous \| send \| undefined` | No | `-` | - |
-| `eventConfig` | `EventHandlerCustomConfig` | No | `-` | - |
 | `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
 | `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
 | `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |

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

@@ -53,7 +53,7 @@ function MyCarousel() {
         title="Explore Assets"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
       >
         {Object.values(assets).map((asset, index) => (
@@ -85,8 +85,8 @@ Items can be given a width proportional to the carousel width.
 :::tip Tip
 
 If you have a gap between items, you should account for that in the width.
-For example, if you have a gap of 8px, and you want to show 2 items per page,
-you should give each item a width of `calc(50% - 4px)`.
+For example, if you have a gap of 16px, and you want to show 2 items per page,
+you should give each item a width of `calc(50% - 8px)`.
 
 :::
 
@@ -100,8 +100,8 @@ function DynamicSizingCarousel() {
   const [selectedItemsPerPage, setSelectedItemsPerPage] = useState(itemsPerPage[0]);
   const itemWidths = {
     one: '100%',
-    two: 'calc((100% - var(--space-1)) / 2)',
-    three: 'calc((100% - (2 * var(--space-1))) / 3)',
+    two: 'calc((100% - var(--space-2)) / 2)',
+    three: 'calc((100% - (2 * var(--space-2))) / 3)',
   };
   function NoopFn() {
     console.log('pressed');
@@ -131,7 +131,7 @@ function DynamicSizingCarousel() {
           title="Learn more"
           styles={{
             root: { paddingInline: 'var(--space-3)' },
-            carousel: { gap: 'var(--space-1)' },
+            carousel: { gap: 'var(--space-2)' },
           }}
           key={selectedItemsPerPage.id}
         >
@@ -291,8 +291,8 @@ The carousel below will show per page 1 item on mobile, 2 items on tablet, and 3
 function ResponsiveSizingCarousel() {
   const itemWidth = {
     phone: '100%',
-    tablet: 'calc((100% - var(--space-1)) / 2)',
-    desktop: 'calc((100% - (2 * var(--space-1))) / 3)',
+    tablet: 'calc((100% - var(--space-2)) / 2)',
+    desktop: 'calc((100% - (2 * var(--space-2))) / 3)',
   };
   function NoopFn() {
     console.log('pressed');
@@ -317,7 +317,7 @@ function ResponsiveSizingCarousel() {
       <Carousel
         hidePagination
         title="Learn more"
-        styles={{ root: { paddingInline: 'var(--space-3)' }, carousel: { gap: 'var(--space-1)' } }}
+        styles={{ root: { paddingInline: 'var(--space-3)' }, carousel: { gap: 'var(--space-2)' } }}
         drag="free"
       >
         <CarouselItem id="earn-more-crypto" width={itemWidth}>
@@ -402,15 +402,15 @@ function VariedSizingCarousel() {
   }
   const itemWidth = {
     phone: '100%',
-    tablet: 'calc((100% - var(--space-1)) / 2)',
-    desktop: 'calc((100% - var(--space-1)) / 2)',
+    tablet: 'calc((100% - var(--space-2)) / 2)',
+    desktop: 'calc((100% - var(--space-2)) / 2)',
   };
   return (
     <Box marginX={-3}>
       <Carousel
         hidePagination
         title="Varied Sizing"
-        styles={{ root: { paddingInline: 'var(--space-3)' }, carousel: { gap: 'var(--space-1)' } }}
+        styles={{ root: { paddingInline: 'var(--space-3)' }, carousel: { gap: 'var(--space-2)' } }}
       >
         <CarouselItem id="earn-more-crypto" width={itemWidth}>
           {({ isVisible }) => (
@@ -507,7 +507,7 @@ function DragCarousel() {
           drag={drag.id}
           styles={{
             root: { paddingInline: 'var(--space-3)' },
-            carousel: { gap: 'var(--space-1)' },
+            carousel: { gap: 'var(--space-2)' },
           }}
           snapMode="item"
           key={drag.id}
@@ -573,7 +573,7 @@ function SnapModeCarousel() {
           paginationVariant="dot"
           styles={{
             root: { paddingInline: 'var(--space-3)' },
-            carousel: { gap: 'var(--space-1)' },
+            carousel: { gap: 'var(--space-2)' },
           }}
           snapMode={snapMode.id}
           key={snapMode.id}
@@ -637,7 +637,7 @@ function OverflowCarousel() {
         snapMode="item"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
       >
         {Object.values(assets).map((asset, index) => (
@@ -691,7 +691,7 @@ function AutoplayCarousel() {
         title="Trending Assets"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
       >
         {Object.values(assets).map((asset) => (
@@ -743,7 +743,7 @@ function LoopingCarousel() {
         title="Infinite Scroll"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
       >
         {Object.values(assets).map((asset) => (
@@ -916,8 +916,8 @@ function CustomComponentsCarousel() {
   }
   const itemWidth = {
     phone: '100%',
-    tablet: 'round(down, calc((100% - var(--space-1)) / 2), 1px)',
-    desktop: 'round(down, calc((100% - var(--space-1)) / 2), 1px)',
+    tablet: 'round(down, calc((100% - var(--space-2)) / 2), 1px)',
+    desktop: 'round(down, calc((100% - var(--space-2)) / 2), 1px)',
   };
   return (
     <Box marginX={-3}>
@@ -926,7 +926,7 @@ function CustomComponentsCarousel() {
         PaginationComponent={PaginationComponent}
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
         title={
           <Text as="h3" font="headline">
@@ -1194,7 +1194,7 @@ function ComposedAutoplayCarousel() {
               {showProgress && (
                 <m.div
                   animate={{ width: autoplay.isPlaying ? '100%' : `${progress * 100}%` }}
-                  initial={false}
+                  initial={{ width: '0%' }}
                   transition={{ duration: progressDuration, ease: 'linear' }}
                   style={{
                     height: '100%',
@@ -1366,7 +1366,7 @@ function DynamicContentCarousel() {
           paginationVariant="dot"
           styles={{
             root: { paddingInline: 'var(--space-3)' },
-            carousel: { gap: 'var(--space-1)', height: '156px' },
+            carousel: { gap: 'var(--space-2)', height: '156px' },
           }}
         >
           {items.map((asset, index) => (
@@ -1428,7 +1428,7 @@ function AnimatedCarousel() {
         title="Explore Assets"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
         snapMode="item"
         hidePagination
@@ -1519,7 +1519,7 @@ function AnimatedSelectionCarousel() {
         paginationVariant="dot"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
       >
         {Object.values(assets).map((asset, index) => (
@@ -1576,7 +1576,7 @@ function HideNavigationAndPaginationCarousel() {
         snapMode="item"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
       >
         {Object.values(assets).map((asset, index) => (
@@ -1660,7 +1660,7 @@ function AnimatedPaginationCarousel() {
         snapMode="page"
         styles={{
           root: { paddingInline: 'var(--space-3)' },
-          carousel: { gap: 'var(--space-1)' },
+          carousel: { gap: 'var(--space-2)' },
         }}
         title="Explore Assets"
       >
@@ -1794,7 +1794,7 @@ function ImperativeApiCarousel() {
           snapMode="item"
           styles={{
             root: { paddingInline: 'var(--space-3)' },
-            carousel: { gap: 'var(--space-1)' },
+            carousel: { gap: 'var(--space-2)' },
           }}
           title="Explore Assets"
         >
@@ -1864,7 +1864,7 @@ You can use the `onChangePage`, `onDragStart`, and `onDragEnd` callbacks to list
 | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
 | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
 | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
-| `classNames` | `{ root?: string; title?: string \| undefined; navigation?: string \| undefined; pagination?: string \| undefined; carousel?: string \| undefined; carouselContainer?: string \| undefined; } \| undefined` | No | `-` | Custom class names for the component. |
+| `classNames` | `{ root?: string; title?: string \| undefined; navigation?: string \| undefined; pagination?: string \| undefined; carousel?: string \| undefined; carouselContainer?: string \| undefined; } \| undefined` | No | `-` | Custom class names for individual elements of the Carousel component |
 | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
 | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `dangerouslySetBackground` | `string` | No | `-` | - |
@@ -1939,8 +1939,8 @@ You can use the `onChangePage`, `onDragStart`, and `onDragEnd` callbacks to list
 | `snapMode` | `page \| item` | No | `'page'` | Specifies the pagination and navigation strategy for the carousel. item treats each item as a separate page for navigation, pagination, and snapping. page groups items into pages based on visible area for navigation, pagination, and snapping. This affects page calculation, navigation button behavior, and snap targets when dragging. |
 | `startAutoplayAccessibilityLabel` | `string` | No | `'Play Carousel'` | Accessibility label for starting autoplay. |
 | `stopAutoplayAccessibilityLabel` | `string` | No | `'Pause Carousel'` | Accessibility label for stopping autoplay. |
-| `style` | `CSSProperties` | No | `-` | Custom styles for the root element. |
-| `styles` | `{ root?: CSSProperties; title?: CSSProperties \| undefined; navigation?: CSSProperties \| undefined; pagination?: CSSProperties \| undefined; carousel?: CSSProperties \| undefined; carouselContainer?: CSSProperties \| undefined; } \| undefined` | No | `-` | Custom styles for the component. |
+| `style` | `CSSProperties` | No | `-` | - |
+| `styles` | `{ root?: CSSProperties; title?: CSSProperties \| undefined; navigation?: CSSProperties \| undefined; pagination?: CSSProperties \| undefined; carousel?: CSSProperties \| undefined; carouselContainer?: CSSProperties \| undefined; } \| undefined` | No | `-` | Custom styles for individual elements of the Carousel 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 |
 | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
 | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
@@ -1958,11 +1958,11 @@ You can use the `onChangePage`, `onDragStart`, and `onDragEnd` callbacks to list
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | root element. |
-| `title` | `-` | title element. |
-| `navigation` | `-` | navigation element. |
-| `pagination` | `-` | pagination element. |
-| `carousel` | `-` | main carousel element. |
-| `carouselContainer` | `-` | outer carousel container element. |
+| `root` | `-` | Root element |
+| `title` | `-` | Title text element |
+| `navigation` | `-` | Navigation controls element |
+| `pagination` | `-` | Pagination indicators element |
+| `carousel` | `-` | Main carousel track element |
+| `carouselContainer` | `-` | Outer carousel container element |
 
 

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

@@ -85,7 +85,6 @@ function CustomCheckboxCellExample() {
 | `alignContent` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| stretch \| baseline \| first baseline \| last baseline \| space-between \| space-around \| space-evenly>` | No | `-` | - |
 | `alignItems` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
 | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
-| `analyticsId` | `string` | No | `-` | - |
 | `as` | `label` | No | `-` | The underlying element or component the polymorphic component will render.  Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
 | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
 | `background` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | Background color of the overlay (element being interacted with). |
@@ -121,7 +120,6 @@ function CustomCheckboxCellExample() {
 | `disabled` | `boolean` | No | `-` | Is the element currently disabled. Disable user interaction. |
 | `display` | `ResponsiveProp<grid \| revert \| none \| block \| inline \| inline-block \| flex \| inline-flex \| inline-grid \| contents \| flow-root \| list-item>` | No | `-` | - |
 | `elevation` | `0 \| 1 \| 2` | No | `-` | - |
-| `eventConfig` | `EventHandlerCustomConfig` | No | `-` | - |
 | `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
 | `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
 | `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
@@ -206,10 +204,10 @@ function CustomCheckboxCellExample() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `checkboxContainer` | `-` | - |
-| `title` | `-` | - |
-| `description` | `-` | - |
-| `contentContainer` | `-` | - |
+| `root` | `-` | Root element |
+| `checkboxContainer` | `-` | Checkbox input container element |
+| `title` | `-` | Title text element |
+| `description` | `-` | Description text element |
+| `contentContainer` | `-` | Content container element |
 
 

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

@@ -81,7 +81,6 @@ function Example() {
 | `alignContent` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| stretch \| baseline \| first baseline \| last baseline \| space-between \| space-around \| space-evenly>` | No | `-` | - |
 | `alignItems` | `ResponsiveProp<center \| normal \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
 | `alignSelf` | `ResponsiveProp<center \| normal \| auto \| start \| end \| flex-start \| flex-end \| self-start \| self-end \| stretch \| baseline \| first baseline \| last baseline>` | No | `-` | - |
-| `analyticsId` | `string` | No | `-` | - |
 | `as` | `button` | No | `-` | The underlying element or component the polymorphic component will render.  Changing as also changes the inherited native props (e.g. href for as=a) and the expected ref type. |
 | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
 | `background` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | Background color of the overlay (element being interacted with). |
@@ -108,7 +107,7 @@ function Example() {
 | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
 | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed in the center of the Chip |
 | `className` | `string` | No | `-` | Apply class names to the outer container. |
-| `classNames` | `{ root?: string; content?: string \| undefined; } \| undefined` | No | `-` | Class names for the components |
+| `classNames` | `{ root?: string; content?: string \| undefined; } \| undefined` | No | `-` | Custom class names for individual elements of the Chip component |
 | `color` | `currentColor \| fg \| fgMuted \| fgInverse \| fgPrimary \| fgWarning \| fgPositive \| fgNegative \| bg \| bgAlternate \| bgInverse \| bgOverlay \| bgElevation1 \| bgElevation2 \| bgPrimary \| bgPrimaryWash \| bgSecondary \| bgTertiary \| bgSecondaryWash \| bgNegative \| bgNegativeWash \| bgPositive \| bgPositiveWash \| bgWarning \| bgWarningWash \| bgLine \| bgLineHeavy \| bgLineInverse \| bgLinePrimary \| bgLinePrimarySubtle \| accentSubtleRed \| accentBoldRed \| accentSubtleGreen \| accentBoldGreen \| accentSubtleBlue \| accentBoldBlue \| accentSubtlePurple \| accentBoldPurple \| accentSubtleYellow \| accentBoldYellow \| accentSubtleGray \| accentBoldGray \| transparent` | No | `-` | - |
 | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
 | `compact` | `boolean` | No | `-` | Reduces spacing around Chip content |
@@ -118,7 +117,6 @@ function Example() {
 | `display` | `ResponsiveProp<grid \| revert \| none \| block \| inline \| inline-block \| flex \| inline-flex \| inline-grid \| contents \| flow-root \| list-item>` | No | `-` | - |
 | `elevation` | `0 \| 1 \| 2` | No | `-` | - |
 | `end` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | ReactNode placed after the value |
-| `eventConfig` | `EventHandlerCustomConfig` | No | `-` | - |
 | `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
 | `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
 | `flexGrow` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
@@ -182,7 +180,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` | `CSSProperties` | No | `-` | - |
-| `styles` | `{ root?: CSSProperties; content?: CSSProperties \| undefined; } \| undefined` | No | `-` | Apply styles to the container and content. |
+| `styles` | `{ root?: CSSProperties; content?: CSSProperties \| undefined; } \| undefined` | 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 |
 | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
 | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
@@ -202,7 +200,7 @@ function Example() {
 
 | Selector | Static class name | Description |
 | --- | --- | --- |
-| `root` | `-` | - |
-| `content` | `-` | - |
+| `root` | `-` | Root element |
+| `content` | `-` | Content element |
 
 

package/mcp-docs/web/components/Collapsible.txt

@@ -113,13 +113,6 @@ function Horizontal() {
 | `key` | `Key \| null` | No | `-` | - |
 | `maxHeight` | `ResponsiveProp<MaxHeight<string \| number>>` | No | `-` | Max height of the content. Overflow content will be scrollable. |
 | `maxWidth` | `ResponsiveProp<MaxWidth<string \| number>>` | No | `-` | Max width of the content. Overflow content will be scrollable. |
-| `padding` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on all sides. |
-| `paddingBottom` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on the bottom side. |
-| `paddingEnd` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on the end side. |
-| `paddingStart` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on the start side. |
-| `paddingTop` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on the top side. |
-| `paddingX` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on the start and end sides. |
-| `paddingY` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | Apply padding on the top and bottom sides. |
 | `ref` | `RefObject<HTMLDivElement> \| ((instance: HTMLDivElement \| null) => void) \| null` | No | `-` | - |
 | `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 |