@coinbase/cds-mcp-server 8.40.2 → 8.42.0

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

@@ -10,26 +10,24 @@ import { ContentCardHeader } from '@coinbase/cds-web/cards/ContentCard'
 
 ## Examples
 
+:::note Semantic HTML
+ContentCardHeader renders as a `<header>` element by default. You can override this using the `as` prop.
+:::
+
 ### Basic Example
 
 ```jsx live
 function Example() {
   return (
-    <VStack bordered borderRadius="400" maxWidth={375} padding={1}>
+    <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
       <ContentCardHeader
-        avatar="/img/card/content_card_custom_avatar_1.png"
-        meta={
-          <Box marginLeft={-1}>
-            <Text as="span" font="label2" color="fgMuted" numberOfLines={1}>
-              ・News・5 hrs
-            </Text>
-          </Box>
-        }
-        title="Description"
-        end={
+        thumbnail={<Avatar src={assets.eth.imageUrl} size="l" />}
+        title="CoinDesk"
+        subtitle="News・5 hrs"
+        actions={
           <IconButton
             transparent
-            accessibilityLabel="More information about coinDesk card news"
+            accessibilityLabel="More options"
             name="more"
             variant="secondary"
           />
@@ -40,13 +38,71 @@ function Example() {
 }
 ```
 
+### With Multiple Actions
+
+```jsx live
+function Example() {
+  return (
+    <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
+      <ContentCardHeader
+        thumbnail={<Avatar src={assets.btc.imageUrl} size="l" />}
+        title="Bitcoin News"
+        subtitle="Markets・2 hrs"
+        actions={
+          <HStack gap={0}>
+            <IconButton transparent accessibilityLabel="Bookmark" name="star" variant="secondary" />
+            <IconButton
+              transparent
+              accessibilityLabel="More options"
+              name="more"
+              variant="secondary"
+            />
+          </HStack>
+        }
+      />
+    </VStack>
+  );
+}
+```
+
+### Without Thumbnail
+
+```jsx live
+function Example() {
+  return (
+    <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
+      <ContentCardHeader
+        title="Market Update"
+        subtitle="Posted 3 hours ago"
+        actions={
+          <IconButton transparent accessibilityLabel="Share" name="share" variant="secondary" />
+        }
+      />
+    </VStack>
+  );
+}
+```
+
+### Title Only
+
+```jsx live
+function Example() {
+  return (
+    <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
+      <ContentCardHeader title="Simple Header" />
+    </VStack>
+  );
+}
+```
+
 ## Props
 
 | Prop | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `title` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | Yes | `-` | Name of the publisher |
+| `title` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | Yes | `-` | Text or React node to display as the header title. Use a Text component to override default color and font. |
 | `about` | `string \| undefined` | No | `-` | - |
 | `accessKey` | `string \| undefined` | No | `-` | - |
+| `actions` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Slot for action buttons. |
 | `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 | `-` | - |
@@ -103,13 +159,13 @@ function Example() {
 | `aria-valuemin` | `number \| undefined` | No | `-` | Defines the minimum allowed value for a range widget. |
 | `aria-valuenow` | `number \| undefined` | No | `-` | Defines the current value for a range widget. |
 | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
-| `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `div` | 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. |
+| `as` | `symbol \| object \| style \| div \| a \| abbr \| address \| area \| article \| aside \| audio \| b \| base \| bdi \| bdo \| big \| blockquote \| body \| br \| button \| canvas \| caption \| center \| cite \| code \| col \| colgroup \| data \| datalist \| dd \| del \| details \| dfn \| dialog \| dl \| dt \| em \| embed \| fieldset \| figcaption \| figure \| footer \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| head \| header \| hgroup \| hr \| html \| i \| iframe \| img \| input \| ins \| kbd \| keygen \| label \| legend \| li \| link \| main \| map \| mark \| menu \| menuitem \| meta \| meter \| nav \| noindex \| noscript \| ol \| optgroup \| option \| output \| p \| param \| picture \| pre \| progress \| q \| rp \| rt \| ruby \| s \| samp \| search \| slot \| script \| section \| select \| small \| source \| span \| strong \| sub \| summary \| sup \| table \| template \| tbody \| td \| textarea \| tfoot \| th \| thead \| time \| title \| tr \| track \| u \| ul \| var \| video \| wbr \| webview \| svg \| animate \| animateMotion \| animateTransform \| circle \| clipPath \| defs \| desc \| ellipse \| feBlend \| feColorMatrix \| feComponentTransfer \| feComposite \| feConvolveMatrix \| feDiffuseLighting \| feDisplacementMap \| feDistantLight \| feDropShadow \| feFlood \| feFuncA \| feFuncB \| feFuncG \| feFuncR \| feGaussianBlur \| feImage \| feMerge \| feMergeNode \| feMorphology \| feOffset \| fePointLight \| feSpecularLighting \| feSpotLight \| feTile \| feTurbulence \| filter \| foreignObject \| g \| image \| line \| linearGradient \| marker \| mask \| metadata \| mpath \| path \| pattern \| polygon \| polyline \| radialGradient \| rect \| set \| stop \| switch \| text \| textPath \| tspan \| use \| view \| ComponentClass<any, any> \| FunctionComponent<any>` | No | `header` | 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 | `-` | - |
 | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
 | `autoCorrect` | `string \| undefined` | No | `-` | - |
 | `autoFocus` | `boolean \| undefined` | No | `-` | - |
 | `autoSave` | `string \| undefined` | No | `-` | - |
-| `avatar` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | A media object like an image, avatar, illustration, or cryptocurrency asset. |
+| `avatar` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | 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 | `-` | - |
 | `borderBottomLeftRadius` | `0 \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| 1000` | No | `-` | - |
 | `borderBottomRightRadius` | `0 \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| 1000` | No | `-` | - |
@@ -132,6 +188,7 @@ function Example() {
 | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
 | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
 | `className` | `string \| undefined` | No | `-` | - |
+| `classNames` | `{ root?: string; textContainer?: string \| undefined; contentContainer?: string \| undefined; } \| undefined` | No | `-` | - |
 | `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 | `-` | - |
 | `content` | `string \| undefined` | No | `-` | - |
@@ -146,7 +203,7 @@ function Example() {
 | `display` | `ResponsiveProp<grid \| revert \| none \| block \| inline \| inline-block \| flex \| inline-flex \| inline-grid \| contents \| flow-root \| list-item>` | No | `-` | - |
 | `draggable` | `Booleanish \| undefined` | No | `-` | - |
 | `elevation` | `0 \| 1 \| 2` | No | `-` | - |
-| `end` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Typically an Icon Button or Tag |
+| `end` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
 | `enterKeyHint` | `enter \| done \| go \| next \| previous \| search \| send \| undefined` | No | `-` | - |
 | `flexBasis` | `ResponsiveProp<FlexBasis<string \| number>>` | No | `-` | - |
 | `flexDirection` | `ResponsiveProp<column \| row \| row-reverse \| column-reverse>` | No | `-` | - |
@@ -198,170 +255,170 @@ function Example() {
 | `marginY` | `ResponsiveProp<0 \| -5 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1 \| -1.5 \| -2 \| -3 \| -4 \| -6 \| -7 \| -8 \| -9>` | No | `-` | - |
 | `maxHeight` | `ResponsiveProp<MaxHeight<string \| number>>` | No | `-` | - |
 | `maxWidth` | `ResponsiveProp<MaxWidth<string \| number>>` | No | `-` | - |
-| `meta` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Includes data like content category type and time |
+| `meta` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
 | `minHeight` | `ResponsiveProp<MinHeight<string \| number>>` | No | `-` | - |
 | `minWidth` | `ResponsiveProp<MinWidth<string \| number>>` | No | `-` | - |
 | `nonce` | `string \| undefined` | No | `-` | - |
-| `onAbort` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAbortCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAnimationEnd` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAnimationEndCapture` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAnimationIteration` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAnimationIterationCapture` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAnimationStart` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAnimationStartCapture` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAuxClick` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onAuxClickCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onBeforeInput` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onBeforeInputCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onBlur` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onBlurCapture` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCanPlay` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCanPlayCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCanPlayThrough` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCanPlayThroughCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onChange` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onChangeCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onClick` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onClickCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCompositionEnd` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCompositionEndCapture` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCompositionStart` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCompositionStartCapture` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCompositionUpdate` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCompositionUpdateCapture` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onContextMenu` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onContextMenuCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCopy` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCopyCapture` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCut` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onCutCapture` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDoubleClick` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDoubleClickCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDrag` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragEnd` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragEndCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragEnter` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragEnterCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragExit` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragExitCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragLeave` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragLeaveCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragOver` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragOverCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragStart` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDragStartCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDrop` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDropCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDurationChange` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onDurationChangeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onEmptied` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onEmptiedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onEncrypted` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onEncryptedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onEnded` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onEndedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onError` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onErrorCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onFocus` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onFocusCapture` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onGotPointerCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onGotPointerCaptureCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onInput` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onInputCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onInvalid` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onInvalidCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onKeyDown` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onKeyDownCapture` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onKeyPress` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onKeyPressCapture` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onKeyUp` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onKeyUpCapture` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoad` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadStart` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadStartCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadedData` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadedDataCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadedMetadata` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLoadedMetadataCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLostPointerCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onLostPointerCaptureCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseDown` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseDownCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseEnter` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseLeave` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseMove` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseMoveCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseOut` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseOutCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseOver` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseOverCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseUp` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onMouseUpCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPaste` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPasteCapture` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPause` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPauseCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPlay` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPlayCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPlaying` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPlayingCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerCancel` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerCancelCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerDown` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerDownCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerEnter` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerLeave` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerMove` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerMoveCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerOut` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerOutCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerOver` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerOverCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerUp` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onPointerUpCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onProgress` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onProgressCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onRateChange` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onRateChangeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onReset` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onResetCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onResize` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onResizeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onScroll` | `UIEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onScrollCapture` | `UIEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSeeked` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSeekedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSeeking` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSeekingCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSelect` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSelectCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onStalled` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onStalledCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSubmit` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSubmitCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSuspend` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onSuspendCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTimeUpdate` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTimeUpdateCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchCancel` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchCancelCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchEnd` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchEndCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchMove` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchMoveCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchStart` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTouchStartCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTransitionEnd` | `TransitionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onTransitionEndCapture` | `TransitionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onVolumeChange` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onVolumeChangeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onWaiting` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onWaitingCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onWheel` | `WheelEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
-| `onWheelCapture` | `WheelEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
+| `onAbort` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAbortCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAnimationEnd` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAnimationEndCapture` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAnimationIteration` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAnimationIterationCapture` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAnimationStart` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAnimationStartCapture` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAuxClick` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onAuxClickCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onBeforeInput` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onBeforeInputCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onBlur` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onBlurCapture` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCanPlay` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCanPlayCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCanPlayThrough` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCanPlayThroughCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onChange` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onChangeCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onClick` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onClickCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCompositionEnd` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCompositionEndCapture` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCompositionStart` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCompositionStartCapture` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCompositionUpdate` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCompositionUpdateCapture` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onContextMenu` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onContextMenuCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCopy` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCopyCapture` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCut` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onCutCapture` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDoubleClick` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDoubleClickCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDrag` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragEnd` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragEndCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragEnter` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragEnterCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragExit` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragExitCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragLeave` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragLeaveCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragOver` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragOverCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragStart` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDragStartCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDrop` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDropCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDurationChange` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onDurationChangeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onEmptied` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onEmptiedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onEncrypted` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onEncryptedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onEnded` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onEndedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onError` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onErrorCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onFocus` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onFocusCapture` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onGotPointerCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onGotPointerCaptureCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onInput` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onInputCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onInvalid` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onInvalidCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onKeyDown` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onKeyDownCapture` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onKeyPress` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onKeyPressCapture` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onKeyUp` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onKeyUpCapture` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoad` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadStart` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadStartCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadedData` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadedDataCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadedMetadata` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLoadedMetadataCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLostPointerCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onLostPointerCaptureCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseDown` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseDownCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseEnter` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseLeave` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseMove` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseMoveCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseOut` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseOutCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseOver` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseOverCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseUp` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onMouseUpCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPaste` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPasteCapture` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPause` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPauseCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPlay` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPlayCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPlaying` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPlayingCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerCancel` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerCancelCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerDown` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerDownCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerEnter` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerLeave` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerMove` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerMoveCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerOut` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerOutCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerOver` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerOverCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerUp` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onPointerUpCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onProgress` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onProgressCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onRateChange` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onRateChangeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onReset` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onResetCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onResize` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onResizeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onScroll` | `UIEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onScrollCapture` | `UIEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSeeked` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSeekedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSeeking` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSeekingCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSelect` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSelectCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onStalled` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onStalledCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSubmit` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSubmitCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSuspend` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onSuspendCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTimeUpdate` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTimeUpdateCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchCancel` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchCancelCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchEnd` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchEndCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchMove` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchMoveCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchStart` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTouchStartCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTransitionEnd` | `TransitionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onTransitionEndCapture` | `TransitionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onVolumeChange` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onVolumeChangeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onWaiting` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onWaitingCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onWheel` | `WheelEventHandler<HTMLElement> \| undefined` | No | `-` | - |
+| `onWheelCapture` | `WheelEventHandler<HTMLElement> \| undefined` | No | `-` | - |
 | `opacity` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
 | `overflow` | `ResponsiveProp<hidden \| auto \| visible \| clip \| scroll>` | No | `-` | - |
 | `padding` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
@@ -388,6 +445,8 @@ function Example() {
 | `slot` | `string \| undefined` | No | `-` | - |
 | `spellCheck` | `Booleanish \| undefined` | No | `-` | - |
 | `style` | `CSSProperties` | No | `-` | - |
+| `styles` | `{ root?: CSSProperties; textContainer?: CSSProperties \| undefined; contentContainer?: CSSProperties \| undefined; } \| undefined` | No | `-` | - |
+| `subtitle` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Text or React node to display as the header subtitle. Use a Text component to override default color and font. |
 | `suppressContentEditableWarning` | `boolean \| undefined` | No | `-` | - |
 | `suppressHydrationWarning` | `boolean \| undefined` | No | `-` | - |
 | `tabIndex` | `number \| undefined` | No | `-` | - |
@@ -395,6 +454,7 @@ function Example() {
 | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
 | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
 | `textTransform` | `ResponsiveProp<capitalize \| lowercase \| none \| uppercase>` | No | `-` | - |
+| `thumbnail` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | A media object like an image, avatar, illustration, or cryptocurrency asset. |
 | `top` | `ResponsiveProp<Top<string \| number>>` | No | `-` | - |
 | `transform` | `inherit \| none \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
 | `translate` | `yes \| no \| undefined` | No | `-` | - |