@coinbase/cds-mcp-server 8.41.0 → 8.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/mcp-docs/mobile/components/ContainedAssetCard.txt +1 -1
  3. package/mcp-docs/mobile/components/ContentCard.txt +220 -174
  4. package/mcp-docs/mobile/components/ContentCardBody.txt +127 -19
  5. package/mcp-docs/mobile/components/ContentCardFooter.txt +63 -1
  6. package/mcp-docs/mobile/components/ContentCardHeader.txt +71 -16
  7. package/mcp-docs/mobile/components/DataCard.txt +723 -0
  8. package/mcp-docs/mobile/components/FloatingAssetCard.txt +1 -1
  9. package/mcp-docs/mobile/components/MediaCard.txt +526 -0
  10. package/mcp-docs/mobile/components/MessagingCard.txt +1025 -0
  11. package/mcp-docs/mobile/components/Scrubber.txt +140 -0
  12. package/mcp-docs/mobile/routes.txt +6 -3
  13. package/mcp-docs/web/components/ContentCard.txt +419 -327
  14. package/mcp-docs/web/components/ContentCardBody.txt +91 -16
  15. package/mcp-docs/web/components/ContentCardFooter.txt +231 -165
  16. package/mcp-docs/web/components/ContentCardHeader.txt +237 -177
  17. package/mcp-docs/web/components/DataCard.txt +800 -0
  18. package/mcp-docs/web/components/MediaCard.txt +559 -0
  19. package/mcp-docs/web/components/MessagingCard.txt +1054 -0
  20. package/mcp-docs/web/components/ReferenceLine.txt +1 -0
  21. package/mcp-docs/web/components/Scrubber.txt +106 -0
  22. package/mcp-docs/web/routes.txt +3 -0
  23. package/package.json +1 -1
package/mcp-docs/web/components/ContentCardBody.txt CHANGED
@@ -15,21 +15,92 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
15
15
  ```jsx live
16
16
  <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
17
17
  <ContentCardBody
18
- body="Bitcoin Network Shatters Records With Hashrate Climbing to 464 EH/s"
19
- label={
20
- <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
21
- <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
22
- BTC
23
- </Text>
24
- <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
25
- ↗ 5.12%
26
- </Text>
27
- </HStack>
18
+ title="Bitcoin Network Shatters Records"
19
+ description={
20
+ <VStack gap={0.5}>
21
+ <Text font="body2">Hashrate Climbing to 464 EH/s</Text>
22
+ <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
23
+ <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
24
+ BTC
25
+ </Text>
26
+ <Text
27
+ font="label2"
28
+ accessibilityLabel="Up 5.12%"
29
+ as="p"
30
+ dangerouslySetColor="rgb(var(--green70))"
31
+ >
32
+ ↗ 5.12%
33
+ </Text>
34
+ </HStack>
35
+ </VStack>
36
+ }
37
+ />
38
+ </VStack>
39
+ ```
40
+
41
+ ### With Media (Top Placement)
42
+
43
+ ```jsx live
44
+ <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
45
+ <ContentCardBody
46
+ title="Ethereum Update"
47
+ description="The latest developments in the Ethereum ecosystem and network upgrades."
48
+ media={
49
+ <RemoteImage alt="Ethereum background" resizeMode="cover" src={ethBackground} width="100%" />
28
50
  }
51
+ mediaPlacement="top"
29
52
  />
30
53
  </VStack>
31
54
  ```
32
55
 
56
+ ### With Media (End Placement)
57
+
58
+ ```jsx live
59
+ <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
60
+ <ContentCardBody
61
+ title="Bitcoin Holdings"
62
+ description="Your current portfolio performance and asset allocation details."
63
+ media={
64
+ <RemoteImage alt="Ethereum background" resizeMode="cover" src={ethBackground} width="100%" />
65
+ }
66
+ mediaPlacement="end"
67
+ />
68
+ </VStack>
69
+ ```
70
+
71
+ ### With Custom Children
72
+
73
+ Use the `children` prop to render custom content below the title and description. This is useful when you need to display additional data, charts, or interactive elements that don't fit the standard media/title/description layout.
74
+
75
+ ```jsx live
76
+ <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
77
+ <ContentCardBody title="Weekly Summary" description="Your trading activity this week." gap={2}>
78
+ <HStack gap={2} justifyContent="space-between">
79
+ <VStack gap={0.5}>
80
+ <Text font="legal" color="fgMuted">
81
+ Trades
82
+ </Text>
83
+ <Text font="title3">24</Text>
84
+ </VStack>
85
+ <VStack gap={0.5}>
86
+ <Text font="legal" color="fgMuted">
87
+ Volume
88
+ </Text>
89
+ <Text font="title3">$12,450</Text>
90
+ </VStack>
91
+ <VStack gap={0.5}>
92
+ <Text font="legal" color="fgMuted">
93
+ P&L
94
+ </Text>
95
+ <Text font="title3" dangerouslySetColor="rgb(var(--green70))">
96
+ +$890
97
+ </Text>
98
+ </VStack>
99
+ </HStack>
100
+ </ContentCardBody>
101
+ </VStack>
102
+ ```
103
+
33
104
  ## Props
34
105
 
35
106
  | Prop | Type | Required | Default | Description |
@@ -99,7 +170,7 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
99
170
  | `autoFocus` | `boolean \| undefined` | No | `-` | - |
100
171
  | `autoSave` | `string \| undefined` | No | `-` | - |
101
172
  | `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 | `-` | - |
102
- | `body` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Main body copy |
173
+ | `body` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
103
174
  | `borderBottomLeftRadius` | `0 \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| 1000` | No | `-` | - |
104
175
  | `borderBottomRightRadius` | `0 \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| 1000` | No | `-` | - |
105
176
  | `borderBottomWidth` | `0 \| 100 \| 200 \| 300 \| 400 \| 500` | No | `-` | - |
@@ -119,8 +190,9 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
119
190
  | `borderedTop` | `boolean` | No | `-` | Add a border to the top side of the box. |
120
191
  | `borderedVertical` | `boolean` | No | `-` | Add a border to the top and bottom sides of the box. |
121
192
  | `bottom` | `ResponsiveProp<Bottom<string \| number>>` | No | `-` | - |
122
- | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
193
+ | `children` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Custom content to display below the main content box (title/description/media). Use this when you need to render custom content that doesnt fit the standard media/title/description layout. |
123
194
  | `className` | `string \| undefined` | No | `-` | - |
195
+ | `classNames` | `{ root?: string; contentContainer?: string \| undefined; textContainer?: string \| undefined; mediaContainer?: string \| undefined; } \| undefined` | No | `-` | - |
124
196
  | `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 | `-` | - |
125
197
  | `columnGap` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |
126
198
  | `content` | `string \| undefined` | No | `-` | - |
@@ -131,6 +203,7 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
131
203
  | `datatype` | `string \| undefined` | No | `-` | - |
132
204
  | `defaultChecked` | `boolean \| undefined` | No | `-` | - |
133
205
  | `defaultValue` | `string \| number \| readonly string[] \| undefined` | No | `-` | - |
206
+ | `description` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Text or React node to display as the card description. Use a Text component to override default color and font. |
134
207
  | `dir` | `string \| undefined` | No | `-` | - |
135
208
  | `display` | `ResponsiveProp<grid \| revert \| none \| block \| inline \| inline-block \| flex \| inline-flex \| inline-grid \| contents \| flow-root \| list-item>` | No | `-` | - |
136
209
  | `draggable` | `Booleanish \| undefined` | No | `-` | - |
@@ -174,7 +247,7 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
174
247
  | `itemType` | `string \| undefined` | No | `-` | - |
175
248
  | `justifyContent` | `ResponsiveProp<left \| right \| center \| normal \| start \| end \| flex-start \| flex-end \| stretch \| space-between \| space-around \| space-evenly>` | No | `-` | - |
176
249
  | `key` | `Key \| null \| undefined` | No | `-` | - |
177
- | `label` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Use for supplemental data |
250
+ | `label` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | - |
178
251
  | `lang` | `string \| undefined` | No | `-` | - |
179
252
  | `left` | `ResponsiveProp<Left<string \| number>>` | No | `-` | - |
180
253
  | `lineHeight` | `ResponsiveProp<LineHeight \| inherit>` | No | `-` | - |
@@ -187,8 +260,9 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
187
260
  | `marginY` | `ResponsiveProp<0 \| -5 \| -10 \| -0.25 \| -0.5 \| -0.75 \| -1 \| -1.5 \| -2 \| -3 \| -4 \| -6 \| -7 \| -8 \| -9>` | No | `-` | - |
188
261
  | `maxHeight` | `ResponsiveProp<MaxHeight<string \| number>>` | No | `-` | - |
189
262
  | `maxWidth` | `ResponsiveProp<MaxWidth<string \| number>>` | No | `-` | - |
190
- | `media` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Media, image or video to show |
191
- | `mediaPosition` | `top \| bottom \| left \| right` | No | `-` | The position of the media within the card. Can be one of: top, bottom, right or left. |
263
+ | `media` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | React node to display as media content (e.g., Image or RemoteImage). |
264
+ | `mediaPlacement` | `top \| bottom \| start \| end` | No | `'top'` | Placement of the media content relative to the text content. |
265
+ | `mediaPosition` | `top \| bottom \| left \| right` | No | `-` | - |
192
266
  | `minHeight` | `ResponsiveProp<MinHeight<string \| number>>` | No | `-` | - |
193
267
  | `minWidth` | `ResponsiveProp<MinWidth<string \| number>>` | No | `-` | - |
194
268
  | `nonce` | `string \| undefined` | No | `-` | - |
@@ -378,6 +452,7 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
378
452
  | `slot` | `string \| undefined` | No | `-` | - |
379
453
  | `spellCheck` | `Booleanish \| undefined` | No | `-` | - |
380
454
  | `style` | `CSSProperties` | No | `-` | - |
455
+ | `styles` | `{ root?: CSSProperties; contentContainer?: CSSProperties \| undefined; textContainer?: CSSProperties \| undefined; mediaContainer?: CSSProperties \| undefined; } \| undefined` | No | `-` | - |
381
456
  | `suppressContentEditableWarning` | `boolean \| undefined` | No | `-` | - |
382
457
  | `suppressHydrationWarning` | `boolean \| undefined` | No | `-` | - |
383
458
  | `tabIndex` | `number \| undefined` | No | `-` | - |
@@ -385,7 +460,7 @@ import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'
385
460
  | `textAlign` | `ResponsiveProp<center \| start \| end \| justify>` | No | `-` | - |
386
461
  | `textDecoration` | `ResponsiveProp<none \| underline \| overline \| line-through \| underline overline \| underline double>` | No | `-` | - |
387
462
  | `textTransform` | `ResponsiveProp<capitalize \| lowercase \| none \| uppercase>` | No | `-` | - |
388
- | `title` | `string \| undefined` | No | `-` | - |
463
+ | `title` | `null \| string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal` | No | `-` | Text or React node to display as the card title. Use a Text component to override default color and font. |
389
464
  | `top` | `ResponsiveProp<Top<string \| number>>` | No | `-` | - |
390
465
  | `transform` | `inherit \| none \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
391
466
  | `translate` | `yes \| no \| undefined` | No | `-` | - |
package/mcp-docs/web/components/ContentCardFooter.txt CHANGED
@@ -10,16 +10,82 @@ import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard'
10
10
 
11
11
  ## Examples
12
12
 
13
- ### Basic Example
13
+ :::note Semantic HTML
14
+ ContentCardFooter renders as a `<footer>` element by default. You can override this using the `as` prop.
15
+ :::
16
+
17
+ ### With Icon Counter Buttons
18
+
19
+ ```jsx live
20
+ function Example() {
21
+ return (
22
+ <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
23
+ <ContentCardFooter>
24
+ <IconCounterButton accessibilityLabel="Like" count={20} icon="heart" />
25
+ <IconCounterButton accessibilityLabel="Comment" count={40} icon="comment" />
26
+ <IconCounterButton accessibilityLabel="Share" count={32} icon="wireTransfer" />
27
+ </ContentCardFooter>
28
+ </VStack>
29
+ );
30
+ }
31
+ ```
32
+
33
+ ### With Image Group and Button
14
34
 
15
35
  ```jsx live
16
36
  function Example() {
17
37
  return (
18
38
  <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
19
39
  <ContentCardFooter>
20
- <IconCounterButton count={20} icon="heart" />
21
- <IconCounterButton count={40} icon="comment" />
22
- <IconCounterButton count={32} icon="wireTransfer" />
40
+ <RemoteImageGroup shape="circle" size={32}>
41
+ <RemoteImage alt="Ethereum" src={assets.eth.imageUrl} />
42
+ <RemoteImage alt="Bitcoin" src={assets.btc.imageUrl} />
43
+ <RemoteImage alt="Polygon" src={assets.polygon.imageUrl} />
44
+ </RemoteImageGroup>
45
+ <Button compact variant="secondary">
46
+ Share
47
+ </Button>
48
+ </ContentCardFooter>
49
+ </VStack>
50
+ );
51
+ }
52
+ ```
53
+
54
+ ### With Text and Actions
55
+
56
+ ```jsx live
57
+ function Example() {
58
+ return (
59
+ <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
60
+ <ContentCardFooter alignItems="center">
61
+ <Text font="label2" color="fgMuted">
62
+ Updated 2 hours ago
63
+ </Text>
64
+ <HStack gap={1}>
65
+ <IconButton
66
+ transparent
67
+ accessibilityLabel="Bookmark"
68
+ name="bookmark"
69
+ variant="secondary"
70
+ />
71
+ <IconButton transparent accessibilityLabel="Share" name="share" variant="secondary" />
72
+ </HStack>
73
+ </ContentCardFooter>
74
+ </VStack>
75
+ );
76
+ }
77
+ ```
78
+
79
+ ### Centered Content
80
+
81
+ ```jsx live
82
+ function Example() {
83
+ return (
84
+ <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
85
+ <ContentCardFooter justifyContent="center">
86
+ <Button compact variant="secondary">
87
+ View All Assets
88
+ </Button>
23
89
  </ContentCardFooter>
24
90
  </VStack>
25
91
  );
@@ -88,7 +154,7 @@ function Example() {
88
154
  | `aria-valuemin` | `number \| undefined` | No | `-` | Defines the minimum allowed value for a range widget. |
89
155
  | `aria-valuenow` | `number \| undefined` | No | `-` | Defines the current value for a range widget. |
90
156
  | `aria-valuetext` | `string \| undefined` | No | `-` | Defines the human readable text alternative of aria-valuenow for a range widget. |
91
- | `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. |
157
+ | `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 | `footer` | 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. |
92
158
  | `aspectRatio` | `inherit \| auto \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
93
159
  | `autoCapitalize` | `off \| none \| on \| sentences \| words \| characters \| (string & {}) \| undefined` | No | `-` | - |
94
160
  | `autoCorrect` | `string \| undefined` | No | `-` | - |
@@ -184,166 +250,166 @@ function Example() {
184
250
  | `minHeight` | `ResponsiveProp<MinHeight<string \| number>>` | No | `-` | - |
185
251
  | `minWidth` | `ResponsiveProp<MinWidth<string \| number>>` | No | `-` | - |
186
252
  | `nonce` | `string \| undefined` | No | `-` | - |
187
- | `onAbort` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
188
- | `onAbortCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
189
- | `onAnimationEnd` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
190
- | `onAnimationEndCapture` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
191
- | `onAnimationIteration` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
192
- | `onAnimationIterationCapture` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
193
- | `onAnimationStart` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
194
- | `onAnimationStartCapture` | `AnimationEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
195
- | `onAuxClick` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
196
- | `onAuxClickCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
197
- | `onBeforeInput` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
198
- | `onBeforeInputCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
199
- | `onBlur` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
200
- | `onBlurCapture` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
201
- | `onCanPlay` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
202
- | `onCanPlayCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
203
- | `onCanPlayThrough` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
204
- | `onCanPlayThroughCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
205
- | `onChange` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
206
- | `onChangeCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
207
- | `onClick` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
208
- | `onClickCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
209
- | `onCompositionEnd` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
210
- | `onCompositionEndCapture` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
211
- | `onCompositionStart` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
212
- | `onCompositionStartCapture` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
213
- | `onCompositionUpdate` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
214
- | `onCompositionUpdateCapture` | `CompositionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
215
- | `onContextMenu` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
216
- | `onContextMenuCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
217
- | `onCopy` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
218
- | `onCopyCapture` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
219
- | `onCut` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
220
- | `onCutCapture` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
221
- | `onDoubleClick` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
222
- | `onDoubleClickCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
223
- | `onDrag` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
224
- | `onDragCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
225
- | `onDragEnd` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
226
- | `onDragEndCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
227
- | `onDragEnter` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
228
- | `onDragEnterCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
229
- | `onDragExit` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
230
- | `onDragExitCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
231
- | `onDragLeave` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
232
- | `onDragLeaveCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
233
- | `onDragOver` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
234
- | `onDragOverCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
235
- | `onDragStart` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
236
- | `onDragStartCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
237
- | `onDrop` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
238
- | `onDropCapture` | `DragEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
239
- | `onDurationChange` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
240
- | `onDurationChangeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
241
- | `onEmptied` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
242
- | `onEmptiedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
243
- | `onEncrypted` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
244
- | `onEncryptedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
245
- | `onEnded` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
246
- | `onEndedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
247
- | `onError` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
248
- | `onErrorCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
249
- | `onFocus` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
250
- | `onFocusCapture` | `FocusEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
251
- | `onGotPointerCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
252
- | `onGotPointerCaptureCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
253
- | `onInput` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
254
- | `onInputCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
255
- | `onInvalid` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
256
- | `onInvalidCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
257
- | `onKeyDown` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
258
- | `onKeyDownCapture` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
259
- | `onKeyPress` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
260
- | `onKeyPressCapture` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
261
- | `onKeyUp` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
262
- | `onKeyUpCapture` | `KeyboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
263
- | `onLoad` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
264
- | `onLoadCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
265
- | `onLoadStart` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
266
- | `onLoadStartCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
267
- | `onLoadedData` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
268
- | `onLoadedDataCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
269
- | `onLoadedMetadata` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
270
- | `onLoadedMetadataCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
271
- | `onLostPointerCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
272
- | `onLostPointerCaptureCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
273
- | `onMouseDown` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
274
- | `onMouseDownCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
275
- | `onMouseEnter` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
276
- | `onMouseLeave` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
277
- | `onMouseMove` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
278
- | `onMouseMoveCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
279
- | `onMouseOut` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
280
- | `onMouseOutCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
281
- | `onMouseOver` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
282
- | `onMouseOverCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
283
- | `onMouseUp` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
284
- | `onMouseUpCapture` | `MouseEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
285
- | `onPaste` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
286
- | `onPasteCapture` | `ClipboardEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
287
- | `onPause` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
288
- | `onPauseCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
289
- | `onPlay` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
290
- | `onPlayCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
291
- | `onPlaying` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
292
- | `onPlayingCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
293
- | `onPointerCancel` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
294
- | `onPointerCancelCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
295
- | `onPointerDown` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
296
- | `onPointerDownCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
297
- | `onPointerEnter` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
298
- | `onPointerLeave` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
299
- | `onPointerMove` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
300
- | `onPointerMoveCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
301
- | `onPointerOut` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
302
- | `onPointerOutCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
303
- | `onPointerOver` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
304
- | `onPointerOverCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
305
- | `onPointerUp` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
306
- | `onPointerUpCapture` | `PointerEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
307
- | `onProgress` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
308
- | `onProgressCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
309
- | `onRateChange` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
310
- | `onRateChangeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
311
- | `onReset` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
312
- | `onResetCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
313
- | `onResize` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
314
- | `onResizeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
315
- | `onScroll` | `UIEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
316
- | `onScrollCapture` | `UIEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
317
- | `onSeeked` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
318
- | `onSeekedCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
319
- | `onSeeking` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
320
- | `onSeekingCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
321
- | `onSelect` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
322
- | `onSelectCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
323
- | `onStalled` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
324
- | `onStalledCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
325
- | `onSubmit` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
326
- | `onSubmitCapture` | `FormEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
327
- | `onSuspend` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
328
- | `onSuspendCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
329
- | `onTimeUpdate` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
330
- | `onTimeUpdateCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
331
- | `onTouchCancel` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
332
- | `onTouchCancelCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
333
- | `onTouchEnd` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
334
- | `onTouchEndCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
335
- | `onTouchMove` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
336
- | `onTouchMoveCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
337
- | `onTouchStart` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
338
- | `onTouchStartCapture` | `TouchEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
339
- | `onTransitionEnd` | `TransitionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
340
- | `onTransitionEndCapture` | `TransitionEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
341
- | `onVolumeChange` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
342
- | `onVolumeChangeCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
343
- | `onWaiting` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
344
- | `onWaitingCapture` | `ReactEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
345
- | `onWheel` | `WheelEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
346
- | `onWheelCapture` | `WheelEventHandler<HTMLDivElement> \| undefined` | No | `-` | - |
253
+ | `onAbort` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
254
+ | `onAbortCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
255
+ | `onAnimationEnd` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
256
+ | `onAnimationEndCapture` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
257
+ | `onAnimationIteration` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
258
+ | `onAnimationIterationCapture` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
259
+ | `onAnimationStart` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
260
+ | `onAnimationStartCapture` | `AnimationEventHandler<HTMLElement> \| undefined` | No | `-` | - |
261
+ | `onAuxClick` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
262
+ | `onAuxClickCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
263
+ | `onBeforeInput` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
264
+ | `onBeforeInputCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
265
+ | `onBlur` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
266
+ | `onBlurCapture` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
267
+ | `onCanPlay` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
268
+ | `onCanPlayCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
269
+ | `onCanPlayThrough` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
270
+ | `onCanPlayThroughCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
271
+ | `onChange` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
272
+ | `onChangeCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
273
+ | `onClick` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
274
+ | `onClickCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
275
+ | `onCompositionEnd` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
276
+ | `onCompositionEndCapture` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
277
+ | `onCompositionStart` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
278
+ | `onCompositionStartCapture` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
279
+ | `onCompositionUpdate` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
280
+ | `onCompositionUpdateCapture` | `CompositionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
281
+ | `onContextMenu` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
282
+ | `onContextMenuCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
283
+ | `onCopy` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
284
+ | `onCopyCapture` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
285
+ | `onCut` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
286
+ | `onCutCapture` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
287
+ | `onDoubleClick` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
288
+ | `onDoubleClickCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
289
+ | `onDrag` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
290
+ | `onDragCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
291
+ | `onDragEnd` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
292
+ | `onDragEndCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
293
+ | `onDragEnter` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
294
+ | `onDragEnterCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
295
+ | `onDragExit` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
296
+ | `onDragExitCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
297
+ | `onDragLeave` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
298
+ | `onDragLeaveCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
299
+ | `onDragOver` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
300
+ | `onDragOverCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
301
+ | `onDragStart` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
302
+ | `onDragStartCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
303
+ | `onDrop` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
304
+ | `onDropCapture` | `DragEventHandler<HTMLElement> \| undefined` | No | `-` | - |
305
+ | `onDurationChange` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
306
+ | `onDurationChangeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
307
+ | `onEmptied` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
308
+ | `onEmptiedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
309
+ | `onEncrypted` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
310
+ | `onEncryptedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
311
+ | `onEnded` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
312
+ | `onEndedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
313
+ | `onError` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
314
+ | `onErrorCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
315
+ | `onFocus` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
316
+ | `onFocusCapture` | `FocusEventHandler<HTMLElement> \| undefined` | No | `-` | - |
317
+ | `onGotPointerCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
318
+ | `onGotPointerCaptureCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
319
+ | `onInput` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
320
+ | `onInputCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
321
+ | `onInvalid` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
322
+ | `onInvalidCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
323
+ | `onKeyDown` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
324
+ | `onKeyDownCapture` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
325
+ | `onKeyPress` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
326
+ | `onKeyPressCapture` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
327
+ | `onKeyUp` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
328
+ | `onKeyUpCapture` | `KeyboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
329
+ | `onLoad` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
330
+ | `onLoadCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
331
+ | `onLoadStart` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
332
+ | `onLoadStartCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
333
+ | `onLoadedData` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
334
+ | `onLoadedDataCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
335
+ | `onLoadedMetadata` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
336
+ | `onLoadedMetadataCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
337
+ | `onLostPointerCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
338
+ | `onLostPointerCaptureCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
339
+ | `onMouseDown` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
340
+ | `onMouseDownCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
341
+ | `onMouseEnter` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
342
+ | `onMouseLeave` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
343
+ | `onMouseMove` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
344
+ | `onMouseMoveCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
345
+ | `onMouseOut` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
346
+ | `onMouseOutCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
347
+ | `onMouseOver` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
348
+ | `onMouseOverCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
349
+ | `onMouseUp` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
350
+ | `onMouseUpCapture` | `MouseEventHandler<HTMLElement> \| undefined` | No | `-` | - |
351
+ | `onPaste` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
352
+ | `onPasteCapture` | `ClipboardEventHandler<HTMLElement> \| undefined` | No | `-` | - |
353
+ | `onPause` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
354
+ | `onPauseCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
355
+ | `onPlay` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
356
+ | `onPlayCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
357
+ | `onPlaying` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
358
+ | `onPlayingCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
359
+ | `onPointerCancel` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
360
+ | `onPointerCancelCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
361
+ | `onPointerDown` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
362
+ | `onPointerDownCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
363
+ | `onPointerEnter` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
364
+ | `onPointerLeave` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
365
+ | `onPointerMove` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
366
+ | `onPointerMoveCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
367
+ | `onPointerOut` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
368
+ | `onPointerOutCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
369
+ | `onPointerOver` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
370
+ | `onPointerOverCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
371
+ | `onPointerUp` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
372
+ | `onPointerUpCapture` | `PointerEventHandler<HTMLElement> \| undefined` | No | `-` | - |
373
+ | `onProgress` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
374
+ | `onProgressCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
375
+ | `onRateChange` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
376
+ | `onRateChangeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
377
+ | `onReset` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
378
+ | `onResetCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
379
+ | `onResize` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
380
+ | `onResizeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
381
+ | `onScroll` | `UIEventHandler<HTMLElement> \| undefined` | No | `-` | - |
382
+ | `onScrollCapture` | `UIEventHandler<HTMLElement> \| undefined` | No | `-` | - |
383
+ | `onSeeked` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
384
+ | `onSeekedCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
385
+ | `onSeeking` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
386
+ | `onSeekingCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
387
+ | `onSelect` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
388
+ | `onSelectCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
389
+ | `onStalled` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
390
+ | `onStalledCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
391
+ | `onSubmit` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
392
+ | `onSubmitCapture` | `FormEventHandler<HTMLElement> \| undefined` | No | `-` | - |
393
+ | `onSuspend` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
394
+ | `onSuspendCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
395
+ | `onTimeUpdate` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
396
+ | `onTimeUpdateCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
397
+ | `onTouchCancel` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
398
+ | `onTouchCancelCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
399
+ | `onTouchEnd` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
400
+ | `onTouchEndCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
401
+ | `onTouchMove` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
402
+ | `onTouchMoveCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
403
+ | `onTouchStart` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
404
+ | `onTouchStartCapture` | `TouchEventHandler<HTMLElement> \| undefined` | No | `-` | - |
405
+ | `onTransitionEnd` | `TransitionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
406
+ | `onTransitionEndCapture` | `TransitionEventHandler<HTMLElement> \| undefined` | No | `-` | - |
407
+ | `onVolumeChange` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
408
+ | `onVolumeChangeCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
409
+ | `onWaiting` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
410
+ | `onWaitingCapture` | `ReactEventHandler<HTMLElement> \| undefined` | No | `-` | - |
411
+ | `onWheel` | `WheelEventHandler<HTMLElement> \| undefined` | No | `-` | - |
412
+ | `onWheelCapture` | `WheelEventHandler<HTMLElement> \| undefined` | No | `-` | - |
347
413
  | `opacity` | `inherit \| revert \| -moz-initial \| initial \| revert-layer \| unset` | No | `-` | - |
348
414
  | `overflow` | `ResponsiveProp<hidden \| auto \| visible \| clip \| scroll>` | No | `-` | - |
349
415
  | `padding` | `0 \| 1 \| 2 \| 0.25 \| 0.5 \| 0.75 \| 1.5 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10` | No | `-` | - |