@cronocode/react-box 0.3.3 → 0.3.5

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 (13) hide show
  1. package/box.d.ts +418 -0
  2. package/box.js +22 -8144
  3. package/box.module.css.js +10641 -0
  4. package/components/buttonCore.d.ts +13 -0
  5. package/components/buttonCore.js +14 -14
  6. package/components/flex.d.ts +16 -0
  7. package/components/flex.js +8 -23
  8. package/components/uncontrolledTextboxCore.d.ts +16 -0
  9. package/components/uncontrolledTextboxCore.js +17 -18
  10. package/css.variables.d.ts +1 -1
  11. package/package.json +2 -1
  12. package/style.css +1 -1
  13. package/types.d.ts +5 -0
package/box.d.ts ADDED
@@ -0,0 +1,418 @@
1
+ import React from 'react';
2
+ import { SizeType, ColorType, CursorType, FontSizeType } from './css.variables';
3
+ import ClassNameUtils from './utils/className/classNameUtils';
4
+ interface BoxDisplay {
5
+ display?: 'none' | 'block' | 'inline-block' | 'flex' | 'inline-flex' | 'grid';
6
+ inline?: boolean;
7
+ }
8
+ interface BoxPosition {
9
+ position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
10
+ inset?: SizeType;
11
+ top?: SizeType;
12
+ right?: SizeType;
13
+ bottom?: SizeType;
14
+ left?: SizeType;
15
+ }
16
+ declare type BoxSizeValue = 'fit' | 'fit-screen' | 'auto' | 'fit-content' | 'max-content' | 'min-content';
17
+ interface BoxSize {
18
+ width?: BoxSizeValue;
19
+ height?: BoxSizeValue;
20
+ minWidth?: BoxSizeValue;
21
+ minHeight?: BoxSizeValue;
22
+ maxWidth?: BoxSizeValue;
23
+ maxHeight?: BoxSizeValue;
24
+ }
25
+ interface BoxMargin {
26
+ margin?: SizeType | 'auto';
27
+ m?: SizeType | 'auto';
28
+ marginHorizontal?: SizeType | 'auto';
29
+ mx?: SizeType | 'auto';
30
+ marginVertical?: SizeType | 'auto';
31
+ my?: SizeType | 'auto';
32
+ marginTop?: SizeType | 'auto';
33
+ mt?: SizeType | 'auto';
34
+ marginRight?: SizeType | 'auto';
35
+ mr?: SizeType | 'auto';
36
+ marginBottom?: SizeType | 'auto';
37
+ mb?: SizeType | 'auto';
38
+ marginLeft?: SizeType | 'auto';
39
+ ml?: SizeType | 'auto';
40
+ }
41
+ interface BoxBorder {
42
+ border?: SizeType;
43
+ b?: SizeType;
44
+ borderHorizontal?: SizeType;
45
+ bx?: SizeType;
46
+ borderVertical?: SizeType;
47
+ by?: SizeType;
48
+ borderTop?: SizeType;
49
+ bt?: SizeType;
50
+ borderRight?: SizeType;
51
+ br?: SizeType;
52
+ borderBottom?: SizeType;
53
+ bb?: SizeType;
54
+ borderLeft?: SizeType;
55
+ bl?: SizeType;
56
+ borderStyle?: 'solid' | 'dashed' | 'dotted' | 'double';
57
+ bStyle?: 'solid' | 'dashed' | 'dotted' | 'double';
58
+ borderRadius?: SizeType;
59
+ bRadius?: SizeType;
60
+ borderRadiusTop?: SizeType;
61
+ bRadiusTop?: SizeType;
62
+ borderRadiusRight?: SizeType;
63
+ bRadiusRight?: SizeType;
64
+ borderRadiusBottom?: SizeType;
65
+ bRadiusBottom?: SizeType;
66
+ borderRadiusLeft?: SizeType;
67
+ bRadiusLeft?: SizeType;
68
+ borderRadiusTopLeft?: SizeType;
69
+ bRadiusTopLeft?: SizeType;
70
+ borderRadiusTopRight?: SizeType;
71
+ bRadiusTopRight?: SizeType;
72
+ borderRadiusBottomLeft?: SizeType;
73
+ bRadiusBottomLeft?: SizeType;
74
+ borderRadiusBottomRight?: SizeType;
75
+ bRadiusBottomRight?: SizeType;
76
+ }
77
+ interface BoxPadding {
78
+ padding?: SizeType;
79
+ p?: SizeType;
80
+ paddingHorizontal?: SizeType;
81
+ px?: SizeType;
82
+ paddingVertical?: SizeType;
83
+ py?: SizeType;
84
+ paddingTop?: SizeType;
85
+ pt?: SizeType;
86
+ paddingRight?: SizeType;
87
+ pr?: SizeType;
88
+ paddingBottom?: SizeType;
89
+ pb?: SizeType;
90
+ paddingLeft?: SizeType;
91
+ pl?: SizeType;
92
+ }
93
+ interface BoxColors {
94
+ color?: ColorType;
95
+ colorHover?: ColorType;
96
+ backgroundColor?: ColorType;
97
+ bgColor?: ColorType;
98
+ backgroundColorHover?: ColorType;
99
+ bgColorHover?: ColorType;
100
+ borderColor?: ColorType;
101
+ bColor?: ColorType;
102
+ borderColorHover?: ColorType;
103
+ bColorHover?: ColorType;
104
+ }
105
+ interface BoxCursor {
106
+ cursor?: CursorType;
107
+ }
108
+ interface BoxZIndex {
109
+ zIndex?: SizeType;
110
+ }
111
+ interface BoxOverflow {
112
+ overflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
113
+ overflowX?: 'auto' | 'hidden' | 'scroll' | 'visible';
114
+ overflowY?: 'auto' | 'hidden' | 'scroll' | 'visible';
115
+ }
116
+ interface BoxOpacity {
117
+ opacity?: 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
118
+ }
119
+ interface BoxFont {
120
+ fontSize?: FontSizeType;
121
+ lineHeight?: FontSizeType;
122
+ fontWeight?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
123
+ letterSpacing?: SizeType;
124
+ }
125
+ interface BoxText {
126
+ textDecoration?: 'none' | 'underline';
127
+ textTransform?: 'none' | 'capitalize' | 'lowercase' | 'uppercase';
128
+ textAlign?: 'left' | 'right' | 'center';
129
+ }
130
+ interface BoxFlex {
131
+ flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
132
+ justifyContent?: 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'left' | 'right' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
133
+ alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end';
134
+ alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline';
135
+ flex1?: boolean;
136
+ direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
137
+ gap?: SizeType;
138
+ rowGap?: SizeType;
139
+ columnGap?: SizeType;
140
+ order?: SizeType;
141
+ flexGrow?: SizeType;
142
+ flexShrink?: SizeType;
143
+ alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
144
+ justifySelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
145
+ }
146
+ interface BoxHover {
147
+ hover?: boolean;
148
+ }
149
+ declare type BoxStyles = BoxDisplay & BoxPosition & BoxSize & BoxMargin & BoxBorder & BoxPadding & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxHover;
150
+ declare type TagPropsType<TTag extends keyof React.ReactHTML> = Omit<React.ComponentProps<TTag>, 'className' | 'style'>;
151
+ interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles, Hovered<BoxStyles> {
152
+ children?: React.ReactNode | ((props: {
153
+ isHover: boolean;
154
+ }) => React.ReactNode);
155
+ tag?: TTag;
156
+ props?: TagPropsType<TTag>;
157
+ styles?: React.ComponentProps<TTag>['style'];
158
+ className?: ClassNameUtils.ClassNameType;
159
+ }
160
+ export default function Box<TTag extends keyof React.ReactHTML = 'div'>(props: Props<TTag>): React.DetailedReactHTMLElement<{
161
+ style: React.ComponentProps<TTag>["style"] | undefined;
162
+ className: string;
163
+ hidden?: React.ComponentProps<TTag>["hidden"] | undefined;
164
+ slot?: React.ComponentProps<TTag>["slot"] | undefined;
165
+ title?: React.ComponentProps<TTag>["title"] | undefined;
166
+ color?: React.ComponentProps<TTag>["color"] | undefined;
167
+ children?: React.ComponentProps<TTag>["children"] | undefined;
168
+ ref?: React.ComponentProps<TTag>["ref"] | undefined;
169
+ key?: React.ComponentProps<TTag>["key"] | undefined;
170
+ defaultChecked?: React.ComponentProps<TTag>["defaultChecked"] | undefined;
171
+ defaultValue?: React.ComponentProps<TTag>["defaultValue"] | undefined;
172
+ suppressContentEditableWarning?: React.ComponentProps<TTag>["suppressContentEditableWarning"] | undefined;
173
+ suppressHydrationWarning?: React.ComponentProps<TTag>["suppressHydrationWarning"] | undefined;
174
+ accessKey?: React.ComponentProps<TTag>["accessKey"] | undefined;
175
+ contentEditable?: React.ComponentProps<TTag>["contentEditable"] | undefined;
176
+ contextMenu?: React.ComponentProps<TTag>["contextMenu"] | undefined;
177
+ dir?: React.ComponentProps<TTag>["dir"] | undefined;
178
+ draggable?: React.ComponentProps<TTag>["draggable"] | undefined;
179
+ id?: React.ComponentProps<TTag>["id"] | undefined;
180
+ lang?: React.ComponentProps<TTag>["lang"] | undefined;
181
+ placeholder?: React.ComponentProps<TTag>["placeholder"] | undefined;
182
+ spellCheck?: React.ComponentProps<TTag>["spellCheck"] | undefined;
183
+ tabIndex?: React.ComponentProps<TTag>["tabIndex"] | undefined;
184
+ translate?: React.ComponentProps<TTag>["translate"] | undefined;
185
+ radioGroup?: React.ComponentProps<TTag>["radioGroup"] | undefined;
186
+ role?: React.ComponentProps<TTag>["role"] | undefined;
187
+ about?: React.ComponentProps<TTag>["about"] | undefined;
188
+ datatype?: React.ComponentProps<TTag>["datatype"] | undefined;
189
+ inlist?: React.ComponentProps<TTag>["inlist"] | undefined;
190
+ prefix?: React.ComponentProps<TTag>["prefix"] | undefined;
191
+ property?: React.ComponentProps<TTag>["property"] | undefined;
192
+ resource?: React.ComponentProps<TTag>["resource"] | undefined;
193
+ typeof?: React.ComponentProps<TTag>["typeof"] | undefined;
194
+ vocab?: React.ComponentProps<TTag>["vocab"] | undefined;
195
+ autoCapitalize?: React.ComponentProps<TTag>["autoCapitalize"] | undefined;
196
+ autoCorrect?: React.ComponentProps<TTag>["autoCorrect"] | undefined;
197
+ autoSave?: React.ComponentProps<TTag>["autoSave"] | undefined;
198
+ itemProp?: React.ComponentProps<TTag>["itemProp"] | undefined;
199
+ itemScope?: React.ComponentProps<TTag>["itemScope"] | undefined;
200
+ itemType?: React.ComponentProps<TTag>["itemType"] | undefined;
201
+ itemID?: React.ComponentProps<TTag>["itemID"] | undefined;
202
+ itemRef?: React.ComponentProps<TTag>["itemRef"] | undefined;
203
+ results?: React.ComponentProps<TTag>["results"] | undefined;
204
+ security?: React.ComponentProps<TTag>["security"] | undefined;
205
+ unselectable?: React.ComponentProps<TTag>["unselectable"] | undefined;
206
+ inputMode?: React.ComponentProps<TTag>["inputMode"] | undefined;
207
+ is?: React.ComponentProps<TTag>["is"] | undefined;
208
+ 'aria-activedescendant'?: React.ComponentProps<TTag>["aria-activedescendant"] | undefined;
209
+ 'aria-atomic'?: React.ComponentProps<TTag>["aria-atomic"] | undefined;
210
+ 'aria-autocomplete'?: React.ComponentProps<TTag>["aria-autocomplete"] | undefined;
211
+ 'aria-busy'?: React.ComponentProps<TTag>["aria-busy"] | undefined;
212
+ 'aria-checked'?: React.ComponentProps<TTag>["aria-checked"] | undefined;
213
+ 'aria-colcount'?: React.ComponentProps<TTag>["aria-colcount"] | undefined;
214
+ 'aria-colindex'?: React.ComponentProps<TTag>["aria-colindex"] | undefined;
215
+ 'aria-colspan'?: React.ComponentProps<TTag>["aria-colspan"] | undefined;
216
+ 'aria-controls'?: React.ComponentProps<TTag>["aria-controls"] | undefined;
217
+ 'aria-current'?: React.ComponentProps<TTag>["aria-current"] | undefined;
218
+ 'aria-describedby'?: React.ComponentProps<TTag>["aria-describedby"] | undefined;
219
+ 'aria-details'?: React.ComponentProps<TTag>["aria-details"] | undefined;
220
+ 'aria-disabled'?: React.ComponentProps<TTag>["aria-disabled"] | undefined;
221
+ 'aria-dropeffect'?: React.ComponentProps<TTag>["aria-dropeffect"] | undefined;
222
+ 'aria-errormessage'?: React.ComponentProps<TTag>["aria-errormessage"] | undefined;
223
+ 'aria-expanded'?: React.ComponentProps<TTag>["aria-expanded"] | undefined;
224
+ 'aria-flowto'?: React.ComponentProps<TTag>["aria-flowto"] | undefined;
225
+ 'aria-grabbed'?: React.ComponentProps<TTag>["aria-grabbed"] | undefined;
226
+ 'aria-haspopup'?: React.ComponentProps<TTag>["aria-haspopup"] | undefined;
227
+ 'aria-hidden'?: React.ComponentProps<TTag>["aria-hidden"] | undefined;
228
+ 'aria-invalid'?: React.ComponentProps<TTag>["aria-invalid"] | undefined;
229
+ 'aria-keyshortcuts'?: React.ComponentProps<TTag>["aria-keyshortcuts"] | undefined;
230
+ 'aria-label'?: React.ComponentProps<TTag>["aria-label"] | undefined;
231
+ 'aria-labelledby'?: React.ComponentProps<TTag>["aria-labelledby"] | undefined;
232
+ 'aria-level'?: React.ComponentProps<TTag>["aria-level"] | undefined;
233
+ 'aria-live'?: React.ComponentProps<TTag>["aria-live"] | undefined;
234
+ 'aria-modal'?: React.ComponentProps<TTag>["aria-modal"] | undefined;
235
+ 'aria-multiline'?: React.ComponentProps<TTag>["aria-multiline"] | undefined;
236
+ 'aria-multiselectable'?: React.ComponentProps<TTag>["aria-multiselectable"] | undefined;
237
+ 'aria-orientation'?: React.ComponentProps<TTag>["aria-orientation"] | undefined;
238
+ 'aria-owns'?: React.ComponentProps<TTag>["aria-owns"] | undefined;
239
+ 'aria-placeholder'?: React.ComponentProps<TTag>["aria-placeholder"] | undefined;
240
+ 'aria-posinset'?: React.ComponentProps<TTag>["aria-posinset"] | undefined;
241
+ 'aria-pressed'?: React.ComponentProps<TTag>["aria-pressed"] | undefined;
242
+ 'aria-readonly'?: React.ComponentProps<TTag>["aria-readonly"] | undefined;
243
+ 'aria-relevant'?: React.ComponentProps<TTag>["aria-relevant"] | undefined;
244
+ 'aria-required'?: React.ComponentProps<TTag>["aria-required"] | undefined;
245
+ 'aria-roledescription'?: React.ComponentProps<TTag>["aria-roledescription"] | undefined;
246
+ 'aria-rowcount'?: React.ComponentProps<TTag>["aria-rowcount"] | undefined;
247
+ 'aria-rowindex'?: React.ComponentProps<TTag>["aria-rowindex"] | undefined;
248
+ 'aria-rowspan'?: React.ComponentProps<TTag>["aria-rowspan"] | undefined;
249
+ 'aria-selected'?: React.ComponentProps<TTag>["aria-selected"] | undefined;
250
+ 'aria-setsize'?: React.ComponentProps<TTag>["aria-setsize"] | undefined;
251
+ 'aria-sort'?: React.ComponentProps<TTag>["aria-sort"] | undefined;
252
+ 'aria-valuemax'?: React.ComponentProps<TTag>["aria-valuemax"] | undefined;
253
+ 'aria-valuemin'?: React.ComponentProps<TTag>["aria-valuemin"] | undefined;
254
+ 'aria-valuenow'?: React.ComponentProps<TTag>["aria-valuenow"] | undefined;
255
+ 'aria-valuetext'?: React.ComponentProps<TTag>["aria-valuetext"] | undefined;
256
+ dangerouslySetInnerHTML?: React.ComponentProps<TTag>["dangerouslySetInnerHTML"] | undefined;
257
+ onCopy?: React.ComponentProps<TTag>["onCopy"] | undefined;
258
+ onCopyCapture?: React.ComponentProps<TTag>["onCopyCapture"] | undefined;
259
+ onCut?: React.ComponentProps<TTag>["onCut"] | undefined;
260
+ onCutCapture?: React.ComponentProps<TTag>["onCutCapture"] | undefined;
261
+ onPaste?: React.ComponentProps<TTag>["onPaste"] | undefined;
262
+ onPasteCapture?: React.ComponentProps<TTag>["onPasteCapture"] | undefined;
263
+ onCompositionEnd?: React.ComponentProps<TTag>["onCompositionEnd"] | undefined;
264
+ onCompositionEndCapture?: React.ComponentProps<TTag>["onCompositionEndCapture"] | undefined;
265
+ onCompositionStart?: React.ComponentProps<TTag>["onCompositionStart"] | undefined;
266
+ onCompositionStartCapture?: React.ComponentProps<TTag>["onCompositionStartCapture"] | undefined;
267
+ onCompositionUpdate?: React.ComponentProps<TTag>["onCompositionUpdate"] | undefined;
268
+ onCompositionUpdateCapture?: React.ComponentProps<TTag>["onCompositionUpdateCapture"] | undefined;
269
+ onFocus?: React.ComponentProps<TTag>["onFocus"] | undefined;
270
+ onFocusCapture?: React.ComponentProps<TTag>["onFocusCapture"] | undefined;
271
+ onBlur?: React.ComponentProps<TTag>["onBlur"] | undefined;
272
+ onBlurCapture?: React.ComponentProps<TTag>["onBlurCapture"] | undefined;
273
+ onChange?: React.ComponentProps<TTag>["onChange"] | undefined;
274
+ onChangeCapture?: React.ComponentProps<TTag>["onChangeCapture"] | undefined;
275
+ onBeforeInput?: React.ComponentProps<TTag>["onBeforeInput"] | undefined;
276
+ onBeforeInputCapture?: React.ComponentProps<TTag>["onBeforeInputCapture"] | undefined;
277
+ onInput?: React.ComponentProps<TTag>["onInput"] | undefined;
278
+ onInputCapture?: React.ComponentProps<TTag>["onInputCapture"] | undefined;
279
+ onReset?: React.ComponentProps<TTag>["onReset"] | undefined;
280
+ onResetCapture?: React.ComponentProps<TTag>["onResetCapture"] | undefined;
281
+ onSubmit?: React.ComponentProps<TTag>["onSubmit"] | undefined;
282
+ onSubmitCapture?: React.ComponentProps<TTag>["onSubmitCapture"] | undefined;
283
+ onInvalid?: React.ComponentProps<TTag>["onInvalid"] | undefined;
284
+ onInvalidCapture?: React.ComponentProps<TTag>["onInvalidCapture"] | undefined;
285
+ onLoad?: React.ComponentProps<TTag>["onLoad"] | undefined;
286
+ onLoadCapture?: React.ComponentProps<TTag>["onLoadCapture"] | undefined;
287
+ onError?: React.ComponentProps<TTag>["onError"] | undefined;
288
+ onErrorCapture?: React.ComponentProps<TTag>["onErrorCapture"] | undefined;
289
+ onKeyDown?: React.ComponentProps<TTag>["onKeyDown"] | undefined;
290
+ onKeyDownCapture?: React.ComponentProps<TTag>["onKeyDownCapture"] | undefined;
291
+ onKeyPress?: React.ComponentProps<TTag>["onKeyPress"] | undefined;
292
+ onKeyPressCapture?: React.ComponentProps<TTag>["onKeyPressCapture"] | undefined;
293
+ onKeyUp?: React.ComponentProps<TTag>["onKeyUp"] | undefined;
294
+ onKeyUpCapture?: React.ComponentProps<TTag>["onKeyUpCapture"] | undefined;
295
+ onAbort?: React.ComponentProps<TTag>["onAbort"] | undefined;
296
+ onAbortCapture?: React.ComponentProps<TTag>["onAbortCapture"] | undefined;
297
+ onCanPlay?: React.ComponentProps<TTag>["onCanPlay"] | undefined;
298
+ onCanPlayCapture?: React.ComponentProps<TTag>["onCanPlayCapture"] | undefined;
299
+ onCanPlayThrough?: React.ComponentProps<TTag>["onCanPlayThrough"] | undefined;
300
+ onCanPlayThroughCapture?: React.ComponentProps<TTag>["onCanPlayThroughCapture"] | undefined;
301
+ onDurationChange?: React.ComponentProps<TTag>["onDurationChange"] | undefined;
302
+ onDurationChangeCapture?: React.ComponentProps<TTag>["onDurationChangeCapture"] | undefined;
303
+ onEmptied?: React.ComponentProps<TTag>["onEmptied"] | undefined;
304
+ onEmptiedCapture?: React.ComponentProps<TTag>["onEmptiedCapture"] | undefined;
305
+ onEncrypted?: React.ComponentProps<TTag>["onEncrypted"] | undefined;
306
+ onEncryptedCapture?: React.ComponentProps<TTag>["onEncryptedCapture"] | undefined;
307
+ onEnded?: React.ComponentProps<TTag>["onEnded"] | undefined;
308
+ onEndedCapture?: React.ComponentProps<TTag>["onEndedCapture"] | undefined;
309
+ onLoadedData?: React.ComponentProps<TTag>["onLoadedData"] | undefined;
310
+ onLoadedDataCapture?: React.ComponentProps<TTag>["onLoadedDataCapture"] | undefined;
311
+ onLoadedMetadata?: React.ComponentProps<TTag>["onLoadedMetadata"] | undefined;
312
+ onLoadedMetadataCapture?: React.ComponentProps<TTag>["onLoadedMetadataCapture"] | undefined;
313
+ onLoadStart?: React.ComponentProps<TTag>["onLoadStart"] | undefined;
314
+ onLoadStartCapture?: React.ComponentProps<TTag>["onLoadStartCapture"] | undefined;
315
+ onPause?: React.ComponentProps<TTag>["onPause"] | undefined;
316
+ onPauseCapture?: React.ComponentProps<TTag>["onPauseCapture"] | undefined;
317
+ onPlay?: React.ComponentProps<TTag>["onPlay"] | undefined;
318
+ onPlayCapture?: React.ComponentProps<TTag>["onPlayCapture"] | undefined;
319
+ onPlaying?: React.ComponentProps<TTag>["onPlaying"] | undefined;
320
+ onPlayingCapture?: React.ComponentProps<TTag>["onPlayingCapture"] | undefined;
321
+ onProgress?: React.ComponentProps<TTag>["onProgress"] | undefined;
322
+ onProgressCapture?: React.ComponentProps<TTag>["onProgressCapture"] | undefined;
323
+ onRateChange?: React.ComponentProps<TTag>["onRateChange"] | undefined;
324
+ onRateChangeCapture?: React.ComponentProps<TTag>["onRateChangeCapture"] | undefined;
325
+ onSeeked?: React.ComponentProps<TTag>["onSeeked"] | undefined;
326
+ onSeekedCapture?: React.ComponentProps<TTag>["onSeekedCapture"] | undefined;
327
+ onSeeking?: React.ComponentProps<TTag>["onSeeking"] | undefined;
328
+ onSeekingCapture?: React.ComponentProps<TTag>["onSeekingCapture"] | undefined;
329
+ onStalled?: React.ComponentProps<TTag>["onStalled"] | undefined;
330
+ onStalledCapture?: React.ComponentProps<TTag>["onStalledCapture"] | undefined;
331
+ onSuspend?: React.ComponentProps<TTag>["onSuspend"] | undefined;
332
+ onSuspendCapture?: React.ComponentProps<TTag>["onSuspendCapture"] | undefined;
333
+ onTimeUpdate?: React.ComponentProps<TTag>["onTimeUpdate"] | undefined;
334
+ onTimeUpdateCapture?: React.ComponentProps<TTag>["onTimeUpdateCapture"] | undefined;
335
+ onVolumeChange?: React.ComponentProps<TTag>["onVolumeChange"] | undefined;
336
+ onVolumeChangeCapture?: React.ComponentProps<TTag>["onVolumeChangeCapture"] | undefined;
337
+ onWaiting?: React.ComponentProps<TTag>["onWaiting"] | undefined;
338
+ onWaitingCapture?: React.ComponentProps<TTag>["onWaitingCapture"] | undefined;
339
+ onAuxClick?: React.ComponentProps<TTag>["onAuxClick"] | undefined;
340
+ onAuxClickCapture?: React.ComponentProps<TTag>["onAuxClickCapture"] | undefined;
341
+ onClick?: React.ComponentProps<TTag>["onClick"] | undefined;
342
+ onClickCapture?: React.ComponentProps<TTag>["onClickCapture"] | undefined;
343
+ onContextMenu?: React.ComponentProps<TTag>["onContextMenu"] | undefined;
344
+ onContextMenuCapture?: React.ComponentProps<TTag>["onContextMenuCapture"] | undefined;
345
+ onDoubleClick?: React.ComponentProps<TTag>["onDoubleClick"] | undefined;
346
+ onDoubleClickCapture?: React.ComponentProps<TTag>["onDoubleClickCapture"] | undefined;
347
+ onDrag?: React.ComponentProps<TTag>["onDrag"] | undefined;
348
+ onDragCapture?: React.ComponentProps<TTag>["onDragCapture"] | undefined;
349
+ onDragEnd?: React.ComponentProps<TTag>["onDragEnd"] | undefined;
350
+ onDragEndCapture?: React.ComponentProps<TTag>["onDragEndCapture"] | undefined;
351
+ onDragEnter?: React.ComponentProps<TTag>["onDragEnter"] | undefined;
352
+ onDragEnterCapture?: React.ComponentProps<TTag>["onDragEnterCapture"] | undefined;
353
+ onDragExit?: React.ComponentProps<TTag>["onDragExit"] | undefined;
354
+ onDragExitCapture?: React.ComponentProps<TTag>["onDragExitCapture"] | undefined;
355
+ onDragLeave?: React.ComponentProps<TTag>["onDragLeave"] | undefined;
356
+ onDragLeaveCapture?: React.ComponentProps<TTag>["onDragLeaveCapture"] | undefined;
357
+ onDragOver?: React.ComponentProps<TTag>["onDragOver"] | undefined;
358
+ onDragOverCapture?: React.ComponentProps<TTag>["onDragOverCapture"] | undefined;
359
+ onDragStart?: React.ComponentProps<TTag>["onDragStart"] | undefined;
360
+ onDragStartCapture?: React.ComponentProps<TTag>["onDragStartCapture"] | undefined;
361
+ onDrop?: React.ComponentProps<TTag>["onDrop"] | undefined;
362
+ onDropCapture?: React.ComponentProps<TTag>["onDropCapture"] | undefined;
363
+ onMouseDown?: React.ComponentProps<TTag>["onMouseDown"] | undefined;
364
+ onMouseDownCapture?: React.ComponentProps<TTag>["onMouseDownCapture"] | undefined;
365
+ onMouseEnter?: React.ComponentProps<TTag>["onMouseEnter"] | undefined;
366
+ onMouseLeave?: React.ComponentProps<TTag>["onMouseLeave"] | undefined;
367
+ onMouseMove?: React.ComponentProps<TTag>["onMouseMove"] | undefined;
368
+ onMouseMoveCapture?: React.ComponentProps<TTag>["onMouseMoveCapture"] | undefined;
369
+ onMouseOut?: React.ComponentProps<TTag>["onMouseOut"] | undefined;
370
+ onMouseOutCapture?: React.ComponentProps<TTag>["onMouseOutCapture"] | undefined;
371
+ onMouseOver?: React.ComponentProps<TTag>["onMouseOver"] | undefined;
372
+ onMouseOverCapture?: React.ComponentProps<TTag>["onMouseOverCapture"] | undefined;
373
+ onMouseUp?: React.ComponentProps<TTag>["onMouseUp"] | undefined;
374
+ onMouseUpCapture?: React.ComponentProps<TTag>["onMouseUpCapture"] | undefined;
375
+ onSelect?: React.ComponentProps<TTag>["onSelect"] | undefined;
376
+ onSelectCapture?: React.ComponentProps<TTag>["onSelectCapture"] | undefined;
377
+ onTouchCancel?: React.ComponentProps<TTag>["onTouchCancel"] | undefined;
378
+ onTouchCancelCapture?: React.ComponentProps<TTag>["onTouchCancelCapture"] | undefined;
379
+ onTouchEnd?: React.ComponentProps<TTag>["onTouchEnd"] | undefined;
380
+ onTouchEndCapture?: React.ComponentProps<TTag>["onTouchEndCapture"] | undefined;
381
+ onTouchMove?: React.ComponentProps<TTag>["onTouchMove"] | undefined;
382
+ onTouchMoveCapture?: React.ComponentProps<TTag>["onTouchMoveCapture"] | undefined;
383
+ onTouchStart?: React.ComponentProps<TTag>["onTouchStart"] | undefined;
384
+ onTouchStartCapture?: React.ComponentProps<TTag>["onTouchStartCapture"] | undefined;
385
+ onPointerDown?: React.ComponentProps<TTag>["onPointerDown"] | undefined;
386
+ onPointerDownCapture?: React.ComponentProps<TTag>["onPointerDownCapture"] | undefined;
387
+ onPointerMove?: React.ComponentProps<TTag>["onPointerMove"] | undefined;
388
+ onPointerMoveCapture?: React.ComponentProps<TTag>["onPointerMoveCapture"] | undefined;
389
+ onPointerUp?: React.ComponentProps<TTag>["onPointerUp"] | undefined;
390
+ onPointerUpCapture?: React.ComponentProps<TTag>["onPointerUpCapture"] | undefined;
391
+ onPointerCancel?: React.ComponentProps<TTag>["onPointerCancel"] | undefined;
392
+ onPointerCancelCapture?: React.ComponentProps<TTag>["onPointerCancelCapture"] | undefined;
393
+ onPointerEnter?: React.ComponentProps<TTag>["onPointerEnter"] | undefined;
394
+ onPointerEnterCapture?: React.ComponentProps<TTag>["onPointerEnterCapture"] | undefined;
395
+ onPointerLeave?: React.ComponentProps<TTag>["onPointerLeave"] | undefined;
396
+ onPointerLeaveCapture?: React.ComponentProps<TTag>["onPointerLeaveCapture"] | undefined;
397
+ onPointerOver?: React.ComponentProps<TTag>["onPointerOver"] | undefined;
398
+ onPointerOverCapture?: React.ComponentProps<TTag>["onPointerOverCapture"] | undefined;
399
+ onPointerOut?: React.ComponentProps<TTag>["onPointerOut"] | undefined;
400
+ onPointerOutCapture?: React.ComponentProps<TTag>["onPointerOutCapture"] | undefined;
401
+ onGotPointerCapture?: React.ComponentProps<TTag>["onGotPointerCapture"] | undefined;
402
+ onGotPointerCaptureCapture?: React.ComponentProps<TTag>["onGotPointerCaptureCapture"] | undefined;
403
+ onLostPointerCapture?: React.ComponentProps<TTag>["onLostPointerCapture"] | undefined;
404
+ onLostPointerCaptureCapture?: React.ComponentProps<TTag>["onLostPointerCaptureCapture"] | undefined;
405
+ onScroll?: React.ComponentProps<TTag>["onScroll"] | undefined;
406
+ onScrollCapture?: React.ComponentProps<TTag>["onScrollCapture"] | undefined;
407
+ onWheel?: React.ComponentProps<TTag>["onWheel"] | undefined;
408
+ onWheelCapture?: React.ComponentProps<TTag>["onWheelCapture"] | undefined;
409
+ onAnimationStart?: React.ComponentProps<TTag>["onAnimationStart"] | undefined;
410
+ onAnimationStartCapture?: React.ComponentProps<TTag>["onAnimationStartCapture"] | undefined;
411
+ onAnimationEnd?: React.ComponentProps<TTag>["onAnimationEnd"] | undefined;
412
+ onAnimationEndCapture?: React.ComponentProps<TTag>["onAnimationEndCapture"] | undefined;
413
+ onAnimationIteration?: React.ComponentProps<TTag>["onAnimationIteration"] | undefined;
414
+ onAnimationIterationCapture?: React.ComponentProps<TTag>["onAnimationIterationCapture"] | undefined;
415
+ onTransitionEnd?: React.ComponentProps<TTag>["onTransitionEnd"] | undefined;
416
+ onTransitionEndCapture?: React.ComponentProps<TTag>["onTransitionEndCapture"] | undefined;
417
+ }, HTMLWebViewElement>;
418
+ export {};