@grapu-design/react-image 0.1.1

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 (12) hide show
  1. package/lib/Image-12s-O0sy0c4i.cjs +160 -0
  2. package/lib/Image-12s-SR1fYJF4.js +156 -0
  3. package/lib/index.cjs +15 -0
  4. package/lib/index.d.ts +1127 -0
  5. package/lib/index.js +11 -0
  6. package/package.json +48 -0
  7. package/src/Image.namespace.ts +8 -0
  8. package/src/Image.tsx +71 -0
  9. package/src/index.ts +19 -0
  10. package/src/useImage.test.tsx +48 -0
  11. package/src/useImage.ts +101 -0
  12. package/src/useImageContext.tsx +17 -0
package/lib/index.d.ts ADDED
@@ -0,0 +1,1127 @@
1
+ import { PrimitiveProps } from '@grapu-design/react-primitive';
2
+ import * as react from 'react';
3
+
4
+ type ImageLoadingStatus = "loading" | "loaded" | "error";
5
+ interface UseImageProps {
6
+ onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
7
+ }
8
+ type UseImageReturn = ReturnType<typeof useImage>;
9
+ declare function useImage(props: UseImageProps): {
10
+ refs: {
11
+ image: react.MutableRefObject<HTMLImageElement>;
12
+ };
13
+ loadingStatus: ImageLoadingStatus;
14
+ stateProps: {
15
+ defaultChecked?: boolean | undefined;
16
+ defaultValue?: string | number | readonly string[] | undefined;
17
+ suppressContentEditableWarning?: boolean | undefined;
18
+ suppressHydrationWarning?: boolean | undefined;
19
+ accessKey?: string | undefined;
20
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
21
+ autoFocus?: boolean | undefined;
22
+ className?: string | undefined;
23
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
24
+ contextMenu?: string | undefined;
25
+ dir?: string | undefined;
26
+ draggable?: (boolean | "true" | "false") | undefined;
27
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
28
+ hidden?: boolean | undefined;
29
+ id?: string | undefined;
30
+ lang?: string | undefined;
31
+ nonce?: string | undefined;
32
+ slot?: string | undefined;
33
+ spellCheck?: (boolean | "true" | "false") | undefined;
34
+ style?: react.CSSProperties | undefined;
35
+ tabIndex?: number | undefined;
36
+ title?: string | undefined;
37
+ translate?: "yes" | "no" | undefined;
38
+ radioGroup?: string | undefined;
39
+ role?: react.AriaRole | undefined;
40
+ about?: string | undefined;
41
+ content?: string | undefined;
42
+ datatype?: string | undefined;
43
+ inlist?: any;
44
+ prefix?: string | undefined;
45
+ property?: string | undefined;
46
+ rel?: string | undefined;
47
+ resource?: string | undefined;
48
+ rev?: string | undefined;
49
+ typeof?: string | undefined;
50
+ vocab?: string | undefined;
51
+ autoCorrect?: string | undefined;
52
+ autoSave?: string | undefined;
53
+ color?: string | undefined;
54
+ itemProp?: string | undefined;
55
+ itemScope?: boolean | undefined;
56
+ itemType?: string | undefined;
57
+ itemID?: string | undefined;
58
+ itemRef?: string | undefined;
59
+ results?: number | undefined;
60
+ security?: string | undefined;
61
+ unselectable?: "on" | "off" | undefined;
62
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
63
+ is?: string | undefined;
64
+ exportparts?: string | undefined;
65
+ part?: string | undefined;
66
+ "aria-activedescendant"?: string | undefined;
67
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
68
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
69
+ "aria-braillelabel"?: string | undefined;
70
+ "aria-brailleroledescription"?: string | undefined;
71
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
72
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
73
+ "aria-colcount"?: number | undefined;
74
+ "aria-colindex"?: number | undefined;
75
+ "aria-colindextext"?: string | undefined;
76
+ "aria-colspan"?: number | undefined;
77
+ "aria-controls"?: string | undefined;
78
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
79
+ "aria-describedby"?: string | undefined;
80
+ "aria-description"?: string | undefined;
81
+ "aria-details"?: string | undefined;
82
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
83
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
84
+ "aria-errormessage"?: string | undefined;
85
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
86
+ "aria-flowto"?: string | undefined;
87
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
88
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
89
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
90
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
91
+ "aria-keyshortcuts"?: string | undefined;
92
+ "aria-label"?: string | undefined;
93
+ "aria-labelledby"?: string | undefined;
94
+ "aria-level"?: number | undefined;
95
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
96
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
97
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
98
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
99
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
100
+ "aria-owns"?: string | undefined;
101
+ "aria-placeholder"?: string | undefined;
102
+ "aria-posinset"?: number | undefined;
103
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
104
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
105
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
106
+ "aria-required"?: (boolean | "true" | "false") | undefined;
107
+ "aria-roledescription"?: string | undefined;
108
+ "aria-rowcount"?: number | undefined;
109
+ "aria-rowindex"?: number | undefined;
110
+ "aria-rowindextext"?: string | undefined;
111
+ "aria-rowspan"?: number | undefined;
112
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
113
+ "aria-setsize"?: number | undefined;
114
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
115
+ "aria-valuemax"?: number | undefined;
116
+ "aria-valuemin"?: number | undefined;
117
+ "aria-valuenow"?: number | undefined;
118
+ "aria-valuetext"?: string | undefined;
119
+ children?: react.ReactNode | undefined;
120
+ dangerouslySetInnerHTML?: {
121
+ __html: string | TrustedHTML;
122
+ } | undefined;
123
+ onCopy?: react.ClipboardEventHandler<HTMLElement>;
124
+ onCopyCapture?: react.ClipboardEventHandler<HTMLElement>;
125
+ onCut?: react.ClipboardEventHandler<HTMLElement>;
126
+ onCutCapture?: react.ClipboardEventHandler<HTMLElement>;
127
+ onPaste?: react.ClipboardEventHandler<HTMLElement>;
128
+ onPasteCapture?: react.ClipboardEventHandler<HTMLElement>;
129
+ onCompositionEnd?: react.CompositionEventHandler<HTMLElement>;
130
+ onCompositionEndCapture?: react.CompositionEventHandler<HTMLElement>;
131
+ onCompositionStart?: react.CompositionEventHandler<HTMLElement>;
132
+ onCompositionStartCapture?: react.CompositionEventHandler<HTMLElement>;
133
+ onCompositionUpdate?: react.CompositionEventHandler<HTMLElement>;
134
+ onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLElement>;
135
+ onFocus?: react.FocusEventHandler<HTMLElement>;
136
+ onFocusCapture?: react.FocusEventHandler<HTMLElement>;
137
+ onBlur?: react.FocusEventHandler<HTMLElement>;
138
+ onBlurCapture?: react.FocusEventHandler<HTMLElement>;
139
+ onChange?: react.FormEventHandler<HTMLElement>;
140
+ onChangeCapture?: react.FormEventHandler<HTMLElement>;
141
+ onBeforeInput?: react.InputEventHandler<HTMLElement>;
142
+ onBeforeInputCapture?: react.FormEventHandler<HTMLElement>;
143
+ onInput?: react.FormEventHandler<HTMLElement>;
144
+ onInputCapture?: react.FormEventHandler<HTMLElement>;
145
+ onReset?: react.FormEventHandler<HTMLElement>;
146
+ onResetCapture?: react.FormEventHandler<HTMLElement>;
147
+ onSubmit?: react.FormEventHandler<HTMLElement>;
148
+ onSubmitCapture?: react.FormEventHandler<HTMLElement>;
149
+ onInvalid?: react.FormEventHandler<HTMLElement>;
150
+ onInvalidCapture?: react.FormEventHandler<HTMLElement>;
151
+ onLoad?: react.ReactEventHandler<HTMLElement>;
152
+ onLoadCapture?: react.ReactEventHandler<HTMLElement>;
153
+ onError?: react.ReactEventHandler<HTMLElement>;
154
+ onErrorCapture?: react.ReactEventHandler<HTMLElement>;
155
+ onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
156
+ onKeyDownCapture?: react.KeyboardEventHandler<HTMLElement>;
157
+ onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
158
+ onKeyPressCapture?: react.KeyboardEventHandler<HTMLElement>;
159
+ onKeyUp?: react.KeyboardEventHandler<HTMLElement>;
160
+ onKeyUpCapture?: react.KeyboardEventHandler<HTMLElement>;
161
+ onAbort?: react.ReactEventHandler<HTMLElement>;
162
+ onAbortCapture?: react.ReactEventHandler<HTMLElement>;
163
+ onCanPlay?: react.ReactEventHandler<HTMLElement>;
164
+ onCanPlayCapture?: react.ReactEventHandler<HTMLElement>;
165
+ onCanPlayThrough?: react.ReactEventHandler<HTMLElement>;
166
+ onCanPlayThroughCapture?: react.ReactEventHandler<HTMLElement>;
167
+ onDurationChange?: react.ReactEventHandler<HTMLElement>;
168
+ onDurationChangeCapture?: react.ReactEventHandler<HTMLElement>;
169
+ onEmptied?: react.ReactEventHandler<HTMLElement>;
170
+ onEmptiedCapture?: react.ReactEventHandler<HTMLElement>;
171
+ onEncrypted?: react.ReactEventHandler<HTMLElement>;
172
+ onEncryptedCapture?: react.ReactEventHandler<HTMLElement>;
173
+ onEnded?: react.ReactEventHandler<HTMLElement>;
174
+ onEndedCapture?: react.ReactEventHandler<HTMLElement>;
175
+ onLoadedData?: react.ReactEventHandler<HTMLElement>;
176
+ onLoadedDataCapture?: react.ReactEventHandler<HTMLElement>;
177
+ onLoadedMetadata?: react.ReactEventHandler<HTMLElement>;
178
+ onLoadedMetadataCapture?: react.ReactEventHandler<HTMLElement>;
179
+ onLoadStart?: react.ReactEventHandler<HTMLElement>;
180
+ onLoadStartCapture?: react.ReactEventHandler<HTMLElement>;
181
+ onPause?: react.ReactEventHandler<HTMLElement>;
182
+ onPauseCapture?: react.ReactEventHandler<HTMLElement>;
183
+ onPlay?: react.ReactEventHandler<HTMLElement>;
184
+ onPlayCapture?: react.ReactEventHandler<HTMLElement>;
185
+ onPlaying?: react.ReactEventHandler<HTMLElement>;
186
+ onPlayingCapture?: react.ReactEventHandler<HTMLElement>;
187
+ onProgress?: react.ReactEventHandler<HTMLElement>;
188
+ onProgressCapture?: react.ReactEventHandler<HTMLElement>;
189
+ onRateChange?: react.ReactEventHandler<HTMLElement>;
190
+ onRateChangeCapture?: react.ReactEventHandler<HTMLElement>;
191
+ onSeeked?: react.ReactEventHandler<HTMLElement>;
192
+ onSeekedCapture?: react.ReactEventHandler<HTMLElement>;
193
+ onSeeking?: react.ReactEventHandler<HTMLElement>;
194
+ onSeekingCapture?: react.ReactEventHandler<HTMLElement>;
195
+ onStalled?: react.ReactEventHandler<HTMLElement>;
196
+ onStalledCapture?: react.ReactEventHandler<HTMLElement>;
197
+ onSuspend?: react.ReactEventHandler<HTMLElement>;
198
+ onSuspendCapture?: react.ReactEventHandler<HTMLElement>;
199
+ onTimeUpdate?: react.ReactEventHandler<HTMLElement>;
200
+ onTimeUpdateCapture?: react.ReactEventHandler<HTMLElement>;
201
+ onVolumeChange?: react.ReactEventHandler<HTMLElement>;
202
+ onVolumeChangeCapture?: react.ReactEventHandler<HTMLElement>;
203
+ onWaiting?: react.ReactEventHandler<HTMLElement>;
204
+ onWaitingCapture?: react.ReactEventHandler<HTMLElement>;
205
+ onAuxClick?: react.MouseEventHandler<HTMLElement>;
206
+ onAuxClickCapture?: react.MouseEventHandler<HTMLElement>;
207
+ onClick?: react.MouseEventHandler<HTMLElement>;
208
+ onClickCapture?: react.MouseEventHandler<HTMLElement>;
209
+ onContextMenu?: react.MouseEventHandler<HTMLElement>;
210
+ onContextMenuCapture?: react.MouseEventHandler<HTMLElement>;
211
+ onDoubleClick?: react.MouseEventHandler<HTMLElement>;
212
+ onDoubleClickCapture?: react.MouseEventHandler<HTMLElement>;
213
+ onDrag?: react.DragEventHandler<HTMLElement>;
214
+ onDragCapture?: react.DragEventHandler<HTMLElement>;
215
+ onDragEnd?: react.DragEventHandler<HTMLElement>;
216
+ onDragEndCapture?: react.DragEventHandler<HTMLElement>;
217
+ onDragEnter?: react.DragEventHandler<HTMLElement>;
218
+ onDragEnterCapture?: react.DragEventHandler<HTMLElement>;
219
+ onDragExit?: react.DragEventHandler<HTMLElement>;
220
+ onDragExitCapture?: react.DragEventHandler<HTMLElement>;
221
+ onDragLeave?: react.DragEventHandler<HTMLElement>;
222
+ onDragLeaveCapture?: react.DragEventHandler<HTMLElement>;
223
+ onDragOver?: react.DragEventHandler<HTMLElement>;
224
+ onDragOverCapture?: react.DragEventHandler<HTMLElement>;
225
+ onDragStart?: react.DragEventHandler<HTMLElement>;
226
+ onDragStartCapture?: react.DragEventHandler<HTMLElement>;
227
+ onDrop?: react.DragEventHandler<HTMLElement>;
228
+ onDropCapture?: react.DragEventHandler<HTMLElement>;
229
+ onMouseDown?: react.MouseEventHandler<HTMLElement>;
230
+ onMouseDownCapture?: react.MouseEventHandler<HTMLElement>;
231
+ onMouseEnter?: react.MouseEventHandler<HTMLElement>;
232
+ onMouseLeave?: react.MouseEventHandler<HTMLElement>;
233
+ onMouseMove?: react.MouseEventHandler<HTMLElement>;
234
+ onMouseMoveCapture?: react.MouseEventHandler<HTMLElement>;
235
+ onMouseOut?: react.MouseEventHandler<HTMLElement>;
236
+ onMouseOutCapture?: react.MouseEventHandler<HTMLElement>;
237
+ onMouseOver?: react.MouseEventHandler<HTMLElement>;
238
+ onMouseOverCapture?: react.MouseEventHandler<HTMLElement>;
239
+ onMouseUp?: react.MouseEventHandler<HTMLElement>;
240
+ onMouseUpCapture?: react.MouseEventHandler<HTMLElement>;
241
+ onSelect?: react.ReactEventHandler<HTMLElement>;
242
+ onSelectCapture?: react.ReactEventHandler<HTMLElement>;
243
+ onTouchCancel?: react.TouchEventHandler<HTMLElement>;
244
+ onTouchCancelCapture?: react.TouchEventHandler<HTMLElement>;
245
+ onTouchEnd?: react.TouchEventHandler<HTMLElement>;
246
+ onTouchEndCapture?: react.TouchEventHandler<HTMLElement>;
247
+ onTouchMove?: react.TouchEventHandler<HTMLElement>;
248
+ onTouchMoveCapture?: react.TouchEventHandler<HTMLElement>;
249
+ onTouchStart?: react.TouchEventHandler<HTMLElement>;
250
+ onTouchStartCapture?: react.TouchEventHandler<HTMLElement>;
251
+ onPointerDown?: react.PointerEventHandler<HTMLElement>;
252
+ onPointerDownCapture?: react.PointerEventHandler<HTMLElement>;
253
+ onPointerMove?: react.PointerEventHandler<HTMLElement>;
254
+ onPointerMoveCapture?: react.PointerEventHandler<HTMLElement>;
255
+ onPointerUp?: react.PointerEventHandler<HTMLElement>;
256
+ onPointerUpCapture?: react.PointerEventHandler<HTMLElement>;
257
+ onPointerCancel?: react.PointerEventHandler<HTMLElement>;
258
+ onPointerCancelCapture?: react.PointerEventHandler<HTMLElement>;
259
+ onPointerEnter?: react.PointerEventHandler<HTMLElement>;
260
+ onPointerLeave?: react.PointerEventHandler<HTMLElement>;
261
+ onPointerOver?: react.PointerEventHandler<HTMLElement>;
262
+ onPointerOverCapture?: react.PointerEventHandler<HTMLElement>;
263
+ onPointerOut?: react.PointerEventHandler<HTMLElement>;
264
+ onPointerOutCapture?: react.PointerEventHandler<HTMLElement>;
265
+ onGotPointerCapture?: react.PointerEventHandler<HTMLElement>;
266
+ onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLElement>;
267
+ onLostPointerCapture?: react.PointerEventHandler<HTMLElement>;
268
+ onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement>;
269
+ onScroll?: react.UIEventHandler<HTMLElement>;
270
+ onScrollCapture?: react.UIEventHandler<HTMLElement>;
271
+ onWheel?: react.WheelEventHandler<HTMLElement>;
272
+ onWheelCapture?: react.WheelEventHandler<HTMLElement>;
273
+ onAnimationStart?: react.AnimationEventHandler<HTMLElement>;
274
+ onAnimationStartCapture?: react.AnimationEventHandler<HTMLElement>;
275
+ onAnimationEnd?: react.AnimationEventHandler<HTMLElement>;
276
+ onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement>;
277
+ onAnimationIteration?: react.AnimationEventHandler<HTMLElement>;
278
+ onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement>;
279
+ onTransitionEnd?: react.TransitionEventHandler<HTMLElement>;
280
+ onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement>;
281
+ };
282
+ rootProps: {
283
+ defaultChecked?: boolean | undefined;
284
+ defaultValue?: string | number | readonly string[] | undefined;
285
+ suppressContentEditableWarning?: boolean | undefined;
286
+ suppressHydrationWarning?: boolean | undefined;
287
+ accessKey?: string | undefined;
288
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
289
+ autoFocus?: boolean | undefined;
290
+ className?: string | undefined;
291
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
292
+ contextMenu?: string | undefined;
293
+ dir?: string | undefined;
294
+ draggable?: (boolean | "true" | "false") | undefined;
295
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
296
+ hidden?: boolean | undefined;
297
+ id?: string | undefined;
298
+ lang?: string | undefined;
299
+ nonce?: string | undefined;
300
+ slot?: string | undefined;
301
+ spellCheck?: (boolean | "true" | "false") | undefined;
302
+ style?: react.CSSProperties | undefined;
303
+ tabIndex?: number | undefined;
304
+ title?: string | undefined;
305
+ translate?: "yes" | "no" | undefined;
306
+ radioGroup?: string | undefined;
307
+ role?: react.AriaRole | undefined;
308
+ about?: string | undefined;
309
+ content?: string | undefined;
310
+ datatype?: string | undefined;
311
+ inlist?: any;
312
+ prefix?: string | undefined;
313
+ property?: string | undefined;
314
+ rel?: string | undefined;
315
+ resource?: string | undefined;
316
+ rev?: string | undefined;
317
+ typeof?: string | undefined;
318
+ vocab?: string | undefined;
319
+ autoCorrect?: string | undefined;
320
+ autoSave?: string | undefined;
321
+ color?: string | undefined;
322
+ itemProp?: string | undefined;
323
+ itemScope?: boolean | undefined;
324
+ itemType?: string | undefined;
325
+ itemID?: string | undefined;
326
+ itemRef?: string | undefined;
327
+ results?: number | undefined;
328
+ security?: string | undefined;
329
+ unselectable?: "on" | "off" | undefined;
330
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
331
+ is?: string | undefined;
332
+ exportparts?: string | undefined;
333
+ part?: string | undefined;
334
+ "aria-activedescendant"?: string | undefined;
335
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
336
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
337
+ "aria-braillelabel"?: string | undefined;
338
+ "aria-brailleroledescription"?: string | undefined;
339
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
340
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
341
+ "aria-colcount"?: number | undefined;
342
+ "aria-colindex"?: number | undefined;
343
+ "aria-colindextext"?: string | undefined;
344
+ "aria-colspan"?: number | undefined;
345
+ "aria-controls"?: string | undefined;
346
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
347
+ "aria-describedby"?: string | undefined;
348
+ "aria-description"?: string | undefined;
349
+ "aria-details"?: string | undefined;
350
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
351
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
352
+ "aria-errormessage"?: string | undefined;
353
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
354
+ "aria-flowto"?: string | undefined;
355
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
356
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
357
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
358
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
359
+ "aria-keyshortcuts"?: string | undefined;
360
+ "aria-label"?: string | undefined;
361
+ "aria-labelledby"?: string | undefined;
362
+ "aria-level"?: number | undefined;
363
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
364
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
365
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
366
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
367
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
368
+ "aria-owns"?: string | undefined;
369
+ "aria-placeholder"?: string | undefined;
370
+ "aria-posinset"?: number | undefined;
371
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
372
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
373
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
374
+ "aria-required"?: (boolean | "true" | "false") | undefined;
375
+ "aria-roledescription"?: string | undefined;
376
+ "aria-rowcount"?: number | undefined;
377
+ "aria-rowindex"?: number | undefined;
378
+ "aria-rowindextext"?: string | undefined;
379
+ "aria-rowspan"?: number | undefined;
380
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
381
+ "aria-setsize"?: number | undefined;
382
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
383
+ "aria-valuemax"?: number | undefined;
384
+ "aria-valuemin"?: number | undefined;
385
+ "aria-valuenow"?: number | undefined;
386
+ "aria-valuetext"?: string | undefined;
387
+ children?: react.ReactNode | undefined;
388
+ dangerouslySetInnerHTML?: {
389
+ __html: string | TrustedHTML;
390
+ } | undefined;
391
+ onCopy?: react.ClipboardEventHandler<HTMLElement>;
392
+ onCopyCapture?: react.ClipboardEventHandler<HTMLElement>;
393
+ onCut?: react.ClipboardEventHandler<HTMLElement>;
394
+ onCutCapture?: react.ClipboardEventHandler<HTMLElement>;
395
+ onPaste?: react.ClipboardEventHandler<HTMLElement>;
396
+ onPasteCapture?: react.ClipboardEventHandler<HTMLElement>;
397
+ onCompositionEnd?: react.CompositionEventHandler<HTMLElement>;
398
+ onCompositionEndCapture?: react.CompositionEventHandler<HTMLElement>;
399
+ onCompositionStart?: react.CompositionEventHandler<HTMLElement>;
400
+ onCompositionStartCapture?: react.CompositionEventHandler<HTMLElement>;
401
+ onCompositionUpdate?: react.CompositionEventHandler<HTMLElement>;
402
+ onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLElement>;
403
+ onFocus?: react.FocusEventHandler<HTMLElement>;
404
+ onFocusCapture?: react.FocusEventHandler<HTMLElement>;
405
+ onBlur?: react.FocusEventHandler<HTMLElement>;
406
+ onBlurCapture?: react.FocusEventHandler<HTMLElement>;
407
+ onChange?: react.FormEventHandler<HTMLElement>;
408
+ onChangeCapture?: react.FormEventHandler<HTMLElement>;
409
+ onBeforeInput?: react.InputEventHandler<HTMLElement>;
410
+ onBeforeInputCapture?: react.FormEventHandler<HTMLElement>;
411
+ onInput?: react.FormEventHandler<HTMLElement>;
412
+ onInputCapture?: react.FormEventHandler<HTMLElement>;
413
+ onReset?: react.FormEventHandler<HTMLElement>;
414
+ onResetCapture?: react.FormEventHandler<HTMLElement>;
415
+ onSubmit?: react.FormEventHandler<HTMLElement>;
416
+ onSubmitCapture?: react.FormEventHandler<HTMLElement>;
417
+ onInvalid?: react.FormEventHandler<HTMLElement>;
418
+ onInvalidCapture?: react.FormEventHandler<HTMLElement>;
419
+ onLoad?: react.ReactEventHandler<HTMLElement>;
420
+ onLoadCapture?: react.ReactEventHandler<HTMLElement>;
421
+ onError?: react.ReactEventHandler<HTMLElement>;
422
+ onErrorCapture?: react.ReactEventHandler<HTMLElement>;
423
+ onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
424
+ onKeyDownCapture?: react.KeyboardEventHandler<HTMLElement>;
425
+ onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
426
+ onKeyPressCapture?: react.KeyboardEventHandler<HTMLElement>;
427
+ onKeyUp?: react.KeyboardEventHandler<HTMLElement>;
428
+ onKeyUpCapture?: react.KeyboardEventHandler<HTMLElement>;
429
+ onAbort?: react.ReactEventHandler<HTMLElement>;
430
+ onAbortCapture?: react.ReactEventHandler<HTMLElement>;
431
+ onCanPlay?: react.ReactEventHandler<HTMLElement>;
432
+ onCanPlayCapture?: react.ReactEventHandler<HTMLElement>;
433
+ onCanPlayThrough?: react.ReactEventHandler<HTMLElement>;
434
+ onCanPlayThroughCapture?: react.ReactEventHandler<HTMLElement>;
435
+ onDurationChange?: react.ReactEventHandler<HTMLElement>;
436
+ onDurationChangeCapture?: react.ReactEventHandler<HTMLElement>;
437
+ onEmptied?: react.ReactEventHandler<HTMLElement>;
438
+ onEmptiedCapture?: react.ReactEventHandler<HTMLElement>;
439
+ onEncrypted?: react.ReactEventHandler<HTMLElement>;
440
+ onEncryptedCapture?: react.ReactEventHandler<HTMLElement>;
441
+ onEnded?: react.ReactEventHandler<HTMLElement>;
442
+ onEndedCapture?: react.ReactEventHandler<HTMLElement>;
443
+ onLoadedData?: react.ReactEventHandler<HTMLElement>;
444
+ onLoadedDataCapture?: react.ReactEventHandler<HTMLElement>;
445
+ onLoadedMetadata?: react.ReactEventHandler<HTMLElement>;
446
+ onLoadedMetadataCapture?: react.ReactEventHandler<HTMLElement>;
447
+ onLoadStart?: react.ReactEventHandler<HTMLElement>;
448
+ onLoadStartCapture?: react.ReactEventHandler<HTMLElement>;
449
+ onPause?: react.ReactEventHandler<HTMLElement>;
450
+ onPauseCapture?: react.ReactEventHandler<HTMLElement>;
451
+ onPlay?: react.ReactEventHandler<HTMLElement>;
452
+ onPlayCapture?: react.ReactEventHandler<HTMLElement>;
453
+ onPlaying?: react.ReactEventHandler<HTMLElement>;
454
+ onPlayingCapture?: react.ReactEventHandler<HTMLElement>;
455
+ onProgress?: react.ReactEventHandler<HTMLElement>;
456
+ onProgressCapture?: react.ReactEventHandler<HTMLElement>;
457
+ onRateChange?: react.ReactEventHandler<HTMLElement>;
458
+ onRateChangeCapture?: react.ReactEventHandler<HTMLElement>;
459
+ onSeeked?: react.ReactEventHandler<HTMLElement>;
460
+ onSeekedCapture?: react.ReactEventHandler<HTMLElement>;
461
+ onSeeking?: react.ReactEventHandler<HTMLElement>;
462
+ onSeekingCapture?: react.ReactEventHandler<HTMLElement>;
463
+ onStalled?: react.ReactEventHandler<HTMLElement>;
464
+ onStalledCapture?: react.ReactEventHandler<HTMLElement>;
465
+ onSuspend?: react.ReactEventHandler<HTMLElement>;
466
+ onSuspendCapture?: react.ReactEventHandler<HTMLElement>;
467
+ onTimeUpdate?: react.ReactEventHandler<HTMLElement>;
468
+ onTimeUpdateCapture?: react.ReactEventHandler<HTMLElement>;
469
+ onVolumeChange?: react.ReactEventHandler<HTMLElement>;
470
+ onVolumeChangeCapture?: react.ReactEventHandler<HTMLElement>;
471
+ onWaiting?: react.ReactEventHandler<HTMLElement>;
472
+ onWaitingCapture?: react.ReactEventHandler<HTMLElement>;
473
+ onAuxClick?: react.MouseEventHandler<HTMLElement>;
474
+ onAuxClickCapture?: react.MouseEventHandler<HTMLElement>;
475
+ onClick?: react.MouseEventHandler<HTMLElement>;
476
+ onClickCapture?: react.MouseEventHandler<HTMLElement>;
477
+ onContextMenu?: react.MouseEventHandler<HTMLElement>;
478
+ onContextMenuCapture?: react.MouseEventHandler<HTMLElement>;
479
+ onDoubleClick?: react.MouseEventHandler<HTMLElement>;
480
+ onDoubleClickCapture?: react.MouseEventHandler<HTMLElement>;
481
+ onDrag?: react.DragEventHandler<HTMLElement>;
482
+ onDragCapture?: react.DragEventHandler<HTMLElement>;
483
+ onDragEnd?: react.DragEventHandler<HTMLElement>;
484
+ onDragEndCapture?: react.DragEventHandler<HTMLElement>;
485
+ onDragEnter?: react.DragEventHandler<HTMLElement>;
486
+ onDragEnterCapture?: react.DragEventHandler<HTMLElement>;
487
+ onDragExit?: react.DragEventHandler<HTMLElement>;
488
+ onDragExitCapture?: react.DragEventHandler<HTMLElement>;
489
+ onDragLeave?: react.DragEventHandler<HTMLElement>;
490
+ onDragLeaveCapture?: react.DragEventHandler<HTMLElement>;
491
+ onDragOver?: react.DragEventHandler<HTMLElement>;
492
+ onDragOverCapture?: react.DragEventHandler<HTMLElement>;
493
+ onDragStart?: react.DragEventHandler<HTMLElement>;
494
+ onDragStartCapture?: react.DragEventHandler<HTMLElement>;
495
+ onDrop?: react.DragEventHandler<HTMLElement>;
496
+ onDropCapture?: react.DragEventHandler<HTMLElement>;
497
+ onMouseDown?: react.MouseEventHandler<HTMLElement>;
498
+ onMouseDownCapture?: react.MouseEventHandler<HTMLElement>;
499
+ onMouseEnter?: react.MouseEventHandler<HTMLElement>;
500
+ onMouseLeave?: react.MouseEventHandler<HTMLElement>;
501
+ onMouseMove?: react.MouseEventHandler<HTMLElement>;
502
+ onMouseMoveCapture?: react.MouseEventHandler<HTMLElement>;
503
+ onMouseOut?: react.MouseEventHandler<HTMLElement>;
504
+ onMouseOutCapture?: react.MouseEventHandler<HTMLElement>;
505
+ onMouseOver?: react.MouseEventHandler<HTMLElement>;
506
+ onMouseOverCapture?: react.MouseEventHandler<HTMLElement>;
507
+ onMouseUp?: react.MouseEventHandler<HTMLElement>;
508
+ onMouseUpCapture?: react.MouseEventHandler<HTMLElement>;
509
+ onSelect?: react.ReactEventHandler<HTMLElement>;
510
+ onSelectCapture?: react.ReactEventHandler<HTMLElement>;
511
+ onTouchCancel?: react.TouchEventHandler<HTMLElement>;
512
+ onTouchCancelCapture?: react.TouchEventHandler<HTMLElement>;
513
+ onTouchEnd?: react.TouchEventHandler<HTMLElement>;
514
+ onTouchEndCapture?: react.TouchEventHandler<HTMLElement>;
515
+ onTouchMove?: react.TouchEventHandler<HTMLElement>;
516
+ onTouchMoveCapture?: react.TouchEventHandler<HTMLElement>;
517
+ onTouchStart?: react.TouchEventHandler<HTMLElement>;
518
+ onTouchStartCapture?: react.TouchEventHandler<HTMLElement>;
519
+ onPointerDown?: react.PointerEventHandler<HTMLElement>;
520
+ onPointerDownCapture?: react.PointerEventHandler<HTMLElement>;
521
+ onPointerMove?: react.PointerEventHandler<HTMLElement>;
522
+ onPointerMoveCapture?: react.PointerEventHandler<HTMLElement>;
523
+ onPointerUp?: react.PointerEventHandler<HTMLElement>;
524
+ onPointerUpCapture?: react.PointerEventHandler<HTMLElement>;
525
+ onPointerCancel?: react.PointerEventHandler<HTMLElement>;
526
+ onPointerCancelCapture?: react.PointerEventHandler<HTMLElement>;
527
+ onPointerEnter?: react.PointerEventHandler<HTMLElement>;
528
+ onPointerLeave?: react.PointerEventHandler<HTMLElement>;
529
+ onPointerOver?: react.PointerEventHandler<HTMLElement>;
530
+ onPointerOverCapture?: react.PointerEventHandler<HTMLElement>;
531
+ onPointerOut?: react.PointerEventHandler<HTMLElement>;
532
+ onPointerOutCapture?: react.PointerEventHandler<HTMLElement>;
533
+ onGotPointerCapture?: react.PointerEventHandler<HTMLElement>;
534
+ onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLElement>;
535
+ onLostPointerCapture?: react.PointerEventHandler<HTMLElement>;
536
+ onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement>;
537
+ onScroll?: react.UIEventHandler<HTMLElement>;
538
+ onScrollCapture?: react.UIEventHandler<HTMLElement>;
539
+ onWheel?: react.WheelEventHandler<HTMLElement>;
540
+ onWheelCapture?: react.WheelEventHandler<HTMLElement>;
541
+ onAnimationStart?: react.AnimationEventHandler<HTMLElement>;
542
+ onAnimationStartCapture?: react.AnimationEventHandler<HTMLElement>;
543
+ onAnimationEnd?: react.AnimationEventHandler<HTMLElement>;
544
+ onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement>;
545
+ onAnimationIteration?: react.AnimationEventHandler<HTMLElement>;
546
+ onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement>;
547
+ onTransitionEnd?: react.TransitionEventHandler<HTMLElement>;
548
+ onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement>;
549
+ };
550
+ setSrc: (src: string | undefined) => void;
551
+ getContentProps: ({ src }: {
552
+ src?: string;
553
+ }) => {
554
+ loading?: "eager" | "lazy" | undefined;
555
+ defaultChecked?: boolean | undefined;
556
+ defaultValue?: string | number | readonly string[] | undefined;
557
+ suppressContentEditableWarning?: boolean | undefined;
558
+ suppressHydrationWarning?: boolean | undefined;
559
+ accessKey?: string | undefined;
560
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
561
+ autoFocus?: boolean | undefined;
562
+ className?: string | undefined;
563
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
564
+ contextMenu?: string | undefined;
565
+ dir?: string | undefined;
566
+ draggable?: (boolean | "true" | "false") | undefined;
567
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
568
+ hidden?: boolean | undefined;
569
+ id?: string | undefined;
570
+ lang?: string | undefined;
571
+ nonce?: string | undefined;
572
+ slot?: string | undefined;
573
+ spellCheck?: (boolean | "true" | "false") | undefined;
574
+ style?: react.CSSProperties | undefined;
575
+ tabIndex?: number | undefined;
576
+ title?: string | undefined;
577
+ translate?: "yes" | "no" | undefined;
578
+ radioGroup?: string | undefined;
579
+ role?: react.AriaRole | undefined;
580
+ about?: string | undefined;
581
+ content?: string | undefined;
582
+ datatype?: string | undefined;
583
+ inlist?: any;
584
+ prefix?: string | undefined;
585
+ property?: string | undefined;
586
+ rel?: string | undefined;
587
+ resource?: string | undefined;
588
+ rev?: string | undefined;
589
+ typeof?: string | undefined;
590
+ vocab?: string | undefined;
591
+ autoCorrect?: string | undefined;
592
+ autoSave?: string | undefined;
593
+ color?: string | undefined;
594
+ itemProp?: string | undefined;
595
+ itemScope?: boolean | undefined;
596
+ itemType?: string | undefined;
597
+ itemID?: string | undefined;
598
+ itemRef?: string | undefined;
599
+ results?: number | undefined;
600
+ security?: string | undefined;
601
+ unselectable?: "on" | "off" | undefined;
602
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
603
+ is?: string | undefined;
604
+ exportparts?: string | undefined;
605
+ part?: string | undefined;
606
+ "aria-activedescendant"?: string | undefined;
607
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
608
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
609
+ "aria-braillelabel"?: string | undefined;
610
+ "aria-brailleroledescription"?: string | undefined;
611
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
612
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
613
+ "aria-colcount"?: number | undefined;
614
+ "aria-colindex"?: number | undefined;
615
+ "aria-colindextext"?: string | undefined;
616
+ "aria-colspan"?: number | undefined;
617
+ "aria-controls"?: string | undefined;
618
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
619
+ "aria-describedby"?: string | undefined;
620
+ "aria-description"?: string | undefined;
621
+ "aria-details"?: string | undefined;
622
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
623
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
624
+ "aria-errormessage"?: string | undefined;
625
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
626
+ "aria-flowto"?: string | undefined;
627
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
628
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
629
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
630
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
631
+ "aria-keyshortcuts"?: string | undefined;
632
+ "aria-label"?: string | undefined;
633
+ "aria-labelledby"?: string | undefined;
634
+ "aria-level"?: number | undefined;
635
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
636
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
637
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
638
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
639
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
640
+ "aria-owns"?: string | undefined;
641
+ "aria-placeholder"?: string | undefined;
642
+ "aria-posinset"?: number | undefined;
643
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
644
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
645
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
646
+ "aria-required"?: (boolean | "true" | "false") | undefined;
647
+ "aria-roledescription"?: string | undefined;
648
+ "aria-rowcount"?: number | undefined;
649
+ "aria-rowindex"?: number | undefined;
650
+ "aria-rowindextext"?: string | undefined;
651
+ "aria-rowspan"?: number | undefined;
652
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
653
+ "aria-setsize"?: number | undefined;
654
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
655
+ "aria-valuemax"?: number | undefined;
656
+ "aria-valuemin"?: number | undefined;
657
+ "aria-valuenow"?: number | undefined;
658
+ "aria-valuetext"?: string | undefined;
659
+ children?: react.ReactNode | undefined;
660
+ dangerouslySetInnerHTML?: {
661
+ __html: string | TrustedHTML;
662
+ } | undefined;
663
+ onCopy?: react.ClipboardEventHandler<HTMLImageElement>;
664
+ onCopyCapture?: react.ClipboardEventHandler<HTMLImageElement>;
665
+ onCut?: react.ClipboardEventHandler<HTMLImageElement>;
666
+ onCutCapture?: react.ClipboardEventHandler<HTMLImageElement>;
667
+ onPaste?: react.ClipboardEventHandler<HTMLImageElement>;
668
+ onPasteCapture?: react.ClipboardEventHandler<HTMLImageElement>;
669
+ onCompositionEnd?: react.CompositionEventHandler<HTMLImageElement>;
670
+ onCompositionEndCapture?: react.CompositionEventHandler<HTMLImageElement>;
671
+ onCompositionStart?: react.CompositionEventHandler<HTMLImageElement>;
672
+ onCompositionStartCapture?: react.CompositionEventHandler<HTMLImageElement>;
673
+ onCompositionUpdate?: react.CompositionEventHandler<HTMLImageElement>;
674
+ onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLImageElement>;
675
+ onFocus?: react.FocusEventHandler<HTMLImageElement>;
676
+ onFocusCapture?: react.FocusEventHandler<HTMLImageElement>;
677
+ onBlur?: react.FocusEventHandler<HTMLImageElement>;
678
+ onBlurCapture?: react.FocusEventHandler<HTMLImageElement>;
679
+ onChange?: react.FormEventHandler<HTMLImageElement>;
680
+ onChangeCapture?: react.FormEventHandler<HTMLImageElement>;
681
+ onBeforeInput?: react.InputEventHandler<HTMLImageElement>;
682
+ onBeforeInputCapture?: react.FormEventHandler<HTMLImageElement>;
683
+ onInput?: react.FormEventHandler<HTMLImageElement>;
684
+ onInputCapture?: react.FormEventHandler<HTMLImageElement>;
685
+ onReset?: react.FormEventHandler<HTMLImageElement>;
686
+ onResetCapture?: react.FormEventHandler<HTMLImageElement>;
687
+ onSubmit?: react.FormEventHandler<HTMLImageElement>;
688
+ onSubmitCapture?: react.FormEventHandler<HTMLImageElement>;
689
+ onInvalid?: react.FormEventHandler<HTMLImageElement>;
690
+ onInvalidCapture?: react.FormEventHandler<HTMLImageElement>;
691
+ onLoad?: react.ReactEventHandler<HTMLImageElement>;
692
+ onLoadCapture?: react.ReactEventHandler<HTMLImageElement>;
693
+ onError?: react.ReactEventHandler<HTMLImageElement>;
694
+ onErrorCapture?: react.ReactEventHandler<HTMLImageElement>;
695
+ onKeyDown?: react.KeyboardEventHandler<HTMLImageElement>;
696
+ onKeyDownCapture?: react.KeyboardEventHandler<HTMLImageElement>;
697
+ onKeyPress?: react.KeyboardEventHandler<HTMLImageElement>;
698
+ onKeyPressCapture?: react.KeyboardEventHandler<HTMLImageElement>;
699
+ onKeyUp?: react.KeyboardEventHandler<HTMLImageElement>;
700
+ onKeyUpCapture?: react.KeyboardEventHandler<HTMLImageElement>;
701
+ onAbort?: react.ReactEventHandler<HTMLImageElement>;
702
+ onAbortCapture?: react.ReactEventHandler<HTMLImageElement>;
703
+ onCanPlay?: react.ReactEventHandler<HTMLImageElement>;
704
+ onCanPlayCapture?: react.ReactEventHandler<HTMLImageElement>;
705
+ onCanPlayThrough?: react.ReactEventHandler<HTMLImageElement>;
706
+ onCanPlayThroughCapture?: react.ReactEventHandler<HTMLImageElement>;
707
+ onDurationChange?: react.ReactEventHandler<HTMLImageElement>;
708
+ onDurationChangeCapture?: react.ReactEventHandler<HTMLImageElement>;
709
+ onEmptied?: react.ReactEventHandler<HTMLImageElement>;
710
+ onEmptiedCapture?: react.ReactEventHandler<HTMLImageElement>;
711
+ onEncrypted?: react.ReactEventHandler<HTMLImageElement>;
712
+ onEncryptedCapture?: react.ReactEventHandler<HTMLImageElement>;
713
+ onEnded?: react.ReactEventHandler<HTMLImageElement>;
714
+ onEndedCapture?: react.ReactEventHandler<HTMLImageElement>;
715
+ onLoadedData?: react.ReactEventHandler<HTMLImageElement>;
716
+ onLoadedDataCapture?: react.ReactEventHandler<HTMLImageElement>;
717
+ onLoadedMetadata?: react.ReactEventHandler<HTMLImageElement>;
718
+ onLoadedMetadataCapture?: react.ReactEventHandler<HTMLImageElement>;
719
+ onLoadStart?: react.ReactEventHandler<HTMLImageElement>;
720
+ onLoadStartCapture?: react.ReactEventHandler<HTMLImageElement>;
721
+ onPause?: react.ReactEventHandler<HTMLImageElement>;
722
+ onPauseCapture?: react.ReactEventHandler<HTMLImageElement>;
723
+ onPlay?: react.ReactEventHandler<HTMLImageElement>;
724
+ onPlayCapture?: react.ReactEventHandler<HTMLImageElement>;
725
+ onPlaying?: react.ReactEventHandler<HTMLImageElement>;
726
+ onPlayingCapture?: react.ReactEventHandler<HTMLImageElement>;
727
+ onProgress?: react.ReactEventHandler<HTMLImageElement>;
728
+ onProgressCapture?: react.ReactEventHandler<HTMLImageElement>;
729
+ onRateChange?: react.ReactEventHandler<HTMLImageElement>;
730
+ onRateChangeCapture?: react.ReactEventHandler<HTMLImageElement>;
731
+ onSeeked?: react.ReactEventHandler<HTMLImageElement>;
732
+ onSeekedCapture?: react.ReactEventHandler<HTMLImageElement>;
733
+ onSeeking?: react.ReactEventHandler<HTMLImageElement>;
734
+ onSeekingCapture?: react.ReactEventHandler<HTMLImageElement>;
735
+ onStalled?: react.ReactEventHandler<HTMLImageElement>;
736
+ onStalledCapture?: react.ReactEventHandler<HTMLImageElement>;
737
+ onSuspend?: react.ReactEventHandler<HTMLImageElement>;
738
+ onSuspendCapture?: react.ReactEventHandler<HTMLImageElement>;
739
+ onTimeUpdate?: react.ReactEventHandler<HTMLImageElement>;
740
+ onTimeUpdateCapture?: react.ReactEventHandler<HTMLImageElement>;
741
+ onVolumeChange?: react.ReactEventHandler<HTMLImageElement>;
742
+ onVolumeChangeCapture?: react.ReactEventHandler<HTMLImageElement>;
743
+ onWaiting?: react.ReactEventHandler<HTMLImageElement>;
744
+ onWaitingCapture?: react.ReactEventHandler<HTMLImageElement>;
745
+ onAuxClick?: react.MouseEventHandler<HTMLImageElement>;
746
+ onAuxClickCapture?: react.MouseEventHandler<HTMLImageElement>;
747
+ onClick?: react.MouseEventHandler<HTMLImageElement>;
748
+ onClickCapture?: react.MouseEventHandler<HTMLImageElement>;
749
+ onContextMenu?: react.MouseEventHandler<HTMLImageElement>;
750
+ onContextMenuCapture?: react.MouseEventHandler<HTMLImageElement>;
751
+ onDoubleClick?: react.MouseEventHandler<HTMLImageElement>;
752
+ onDoubleClickCapture?: react.MouseEventHandler<HTMLImageElement>;
753
+ onDrag?: react.DragEventHandler<HTMLImageElement>;
754
+ onDragCapture?: react.DragEventHandler<HTMLImageElement>;
755
+ onDragEnd?: react.DragEventHandler<HTMLImageElement>;
756
+ onDragEndCapture?: react.DragEventHandler<HTMLImageElement>;
757
+ onDragEnter?: react.DragEventHandler<HTMLImageElement>;
758
+ onDragEnterCapture?: react.DragEventHandler<HTMLImageElement>;
759
+ onDragExit?: react.DragEventHandler<HTMLImageElement>;
760
+ onDragExitCapture?: react.DragEventHandler<HTMLImageElement>;
761
+ onDragLeave?: react.DragEventHandler<HTMLImageElement>;
762
+ onDragLeaveCapture?: react.DragEventHandler<HTMLImageElement>;
763
+ onDragOver?: react.DragEventHandler<HTMLImageElement>;
764
+ onDragOverCapture?: react.DragEventHandler<HTMLImageElement>;
765
+ onDragStart?: react.DragEventHandler<HTMLImageElement>;
766
+ onDragStartCapture?: react.DragEventHandler<HTMLImageElement>;
767
+ onDrop?: react.DragEventHandler<HTMLImageElement>;
768
+ onDropCapture?: react.DragEventHandler<HTMLImageElement>;
769
+ onMouseDown?: react.MouseEventHandler<HTMLImageElement>;
770
+ onMouseDownCapture?: react.MouseEventHandler<HTMLImageElement>;
771
+ onMouseEnter?: react.MouseEventHandler<HTMLImageElement>;
772
+ onMouseLeave?: react.MouseEventHandler<HTMLImageElement>;
773
+ onMouseMove?: react.MouseEventHandler<HTMLImageElement>;
774
+ onMouseMoveCapture?: react.MouseEventHandler<HTMLImageElement>;
775
+ onMouseOut?: react.MouseEventHandler<HTMLImageElement>;
776
+ onMouseOutCapture?: react.MouseEventHandler<HTMLImageElement>;
777
+ onMouseOver?: react.MouseEventHandler<HTMLImageElement>;
778
+ onMouseOverCapture?: react.MouseEventHandler<HTMLImageElement>;
779
+ onMouseUp?: react.MouseEventHandler<HTMLImageElement>;
780
+ onMouseUpCapture?: react.MouseEventHandler<HTMLImageElement>;
781
+ onSelect?: react.ReactEventHandler<HTMLImageElement>;
782
+ onSelectCapture?: react.ReactEventHandler<HTMLImageElement>;
783
+ onTouchCancel?: react.TouchEventHandler<HTMLImageElement>;
784
+ onTouchCancelCapture?: react.TouchEventHandler<HTMLImageElement>;
785
+ onTouchEnd?: react.TouchEventHandler<HTMLImageElement>;
786
+ onTouchEndCapture?: react.TouchEventHandler<HTMLImageElement>;
787
+ onTouchMove?: react.TouchEventHandler<HTMLImageElement>;
788
+ onTouchMoveCapture?: react.TouchEventHandler<HTMLImageElement>;
789
+ onTouchStart?: react.TouchEventHandler<HTMLImageElement>;
790
+ onTouchStartCapture?: react.TouchEventHandler<HTMLImageElement>;
791
+ onPointerDown?: react.PointerEventHandler<HTMLImageElement>;
792
+ onPointerDownCapture?: react.PointerEventHandler<HTMLImageElement>;
793
+ onPointerMove?: react.PointerEventHandler<HTMLImageElement>;
794
+ onPointerMoveCapture?: react.PointerEventHandler<HTMLImageElement>;
795
+ onPointerUp?: react.PointerEventHandler<HTMLImageElement>;
796
+ onPointerUpCapture?: react.PointerEventHandler<HTMLImageElement>;
797
+ onPointerCancel?: react.PointerEventHandler<HTMLImageElement>;
798
+ onPointerCancelCapture?: react.PointerEventHandler<HTMLImageElement>;
799
+ onPointerEnter?: react.PointerEventHandler<HTMLImageElement>;
800
+ onPointerLeave?: react.PointerEventHandler<HTMLImageElement>;
801
+ onPointerOver?: react.PointerEventHandler<HTMLImageElement>;
802
+ onPointerOverCapture?: react.PointerEventHandler<HTMLImageElement>;
803
+ onPointerOut?: react.PointerEventHandler<HTMLImageElement>;
804
+ onPointerOutCapture?: react.PointerEventHandler<HTMLImageElement>;
805
+ onGotPointerCapture?: react.PointerEventHandler<HTMLImageElement>;
806
+ onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLImageElement>;
807
+ onLostPointerCapture?: react.PointerEventHandler<HTMLImageElement>;
808
+ onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLImageElement>;
809
+ onScroll?: react.UIEventHandler<HTMLImageElement>;
810
+ onScrollCapture?: react.UIEventHandler<HTMLImageElement>;
811
+ onWheel?: react.WheelEventHandler<HTMLImageElement>;
812
+ onWheelCapture?: react.WheelEventHandler<HTMLImageElement>;
813
+ onAnimationStart?: react.AnimationEventHandler<HTMLImageElement>;
814
+ onAnimationStartCapture?: react.AnimationEventHandler<HTMLImageElement>;
815
+ onAnimationEnd?: react.AnimationEventHandler<HTMLImageElement>;
816
+ onAnimationEndCapture?: react.AnimationEventHandler<HTMLImageElement>;
817
+ onAnimationIteration?: react.AnimationEventHandler<HTMLImageElement>;
818
+ onAnimationIterationCapture?: react.AnimationEventHandler<HTMLImageElement>;
819
+ onTransitionEnd?: react.TransitionEventHandler<HTMLImageElement>;
820
+ onTransitionEndCapture?: react.TransitionEventHandler<HTMLImageElement>;
821
+ src?: string | undefined;
822
+ alt?: string | undefined;
823
+ crossOrigin?: "" | "anonymous" | "use-credentials";
824
+ decoding?: "async" | "auto" | "sync" | undefined;
825
+ fetchPriority?: "high" | "low" | "auto";
826
+ height?: number | string | undefined;
827
+ referrerPolicy?: react.HTMLAttributeReferrerPolicy | undefined;
828
+ sizes?: string | undefined;
829
+ srcSet?: string | undefined;
830
+ useMap?: string | undefined;
831
+ width?: number | string | undefined;
832
+ };
833
+ handleLoad: () => void;
834
+ handleError: () => void;
835
+ fallbackProps: {
836
+ defaultChecked?: boolean | undefined;
837
+ defaultValue?: string | number | readonly string[] | undefined;
838
+ suppressContentEditableWarning?: boolean | undefined;
839
+ suppressHydrationWarning?: boolean | undefined;
840
+ accessKey?: string | undefined;
841
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
842
+ autoFocus?: boolean | undefined;
843
+ className?: string | undefined;
844
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
845
+ contextMenu?: string | undefined;
846
+ dir?: string | undefined;
847
+ draggable?: (boolean | "true" | "false") | undefined;
848
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
849
+ hidden?: boolean | undefined;
850
+ id?: string | undefined;
851
+ lang?: string | undefined;
852
+ nonce?: string | undefined;
853
+ slot?: string | undefined;
854
+ spellCheck?: (boolean | "true" | "false") | undefined;
855
+ style?: react.CSSProperties | undefined;
856
+ tabIndex?: number | undefined;
857
+ title?: string | undefined;
858
+ translate?: "yes" | "no" | undefined;
859
+ radioGroup?: string | undefined;
860
+ role?: react.AriaRole | undefined;
861
+ about?: string | undefined;
862
+ content?: string | undefined;
863
+ datatype?: string | undefined;
864
+ inlist?: any;
865
+ prefix?: string | undefined;
866
+ property?: string | undefined;
867
+ rel?: string | undefined;
868
+ resource?: string | undefined;
869
+ rev?: string | undefined;
870
+ typeof?: string | undefined;
871
+ vocab?: string | undefined;
872
+ autoCorrect?: string | undefined;
873
+ autoSave?: string | undefined;
874
+ color?: string | undefined;
875
+ itemProp?: string | undefined;
876
+ itemScope?: boolean | undefined;
877
+ itemType?: string | undefined;
878
+ itemID?: string | undefined;
879
+ itemRef?: string | undefined;
880
+ results?: number | undefined;
881
+ security?: string | undefined;
882
+ unselectable?: "on" | "off" | undefined;
883
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
884
+ is?: string | undefined;
885
+ exportparts?: string | undefined;
886
+ part?: string | undefined;
887
+ "aria-activedescendant"?: string | undefined;
888
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
889
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
890
+ "aria-braillelabel"?: string | undefined;
891
+ "aria-brailleroledescription"?: string | undefined;
892
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
893
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
894
+ "aria-colcount"?: number | undefined;
895
+ "aria-colindex"?: number | undefined;
896
+ "aria-colindextext"?: string | undefined;
897
+ "aria-colspan"?: number | undefined;
898
+ "aria-controls"?: string | undefined;
899
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
900
+ "aria-describedby"?: string | undefined;
901
+ "aria-description"?: string | undefined;
902
+ "aria-details"?: string | undefined;
903
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
904
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
905
+ "aria-errormessage"?: string | undefined;
906
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
907
+ "aria-flowto"?: string | undefined;
908
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
909
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
910
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
911
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
912
+ "aria-keyshortcuts"?: string | undefined;
913
+ "aria-label"?: string | undefined;
914
+ "aria-labelledby"?: string | undefined;
915
+ "aria-level"?: number | undefined;
916
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
917
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
918
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
919
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
920
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
921
+ "aria-owns"?: string | undefined;
922
+ "aria-placeholder"?: string | undefined;
923
+ "aria-posinset"?: number | undefined;
924
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
925
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
926
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
927
+ "aria-required"?: (boolean | "true" | "false") | undefined;
928
+ "aria-roledescription"?: string | undefined;
929
+ "aria-rowcount"?: number | undefined;
930
+ "aria-rowindex"?: number | undefined;
931
+ "aria-rowindextext"?: string | undefined;
932
+ "aria-rowspan"?: number | undefined;
933
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
934
+ "aria-setsize"?: number | undefined;
935
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
936
+ "aria-valuemax"?: number | undefined;
937
+ "aria-valuemin"?: number | undefined;
938
+ "aria-valuenow"?: number | undefined;
939
+ "aria-valuetext"?: string | undefined;
940
+ children?: react.ReactNode | undefined;
941
+ dangerouslySetInnerHTML?: {
942
+ __html: string | TrustedHTML;
943
+ } | undefined;
944
+ onCopy?: react.ClipboardEventHandler<HTMLElement>;
945
+ onCopyCapture?: react.ClipboardEventHandler<HTMLElement>;
946
+ onCut?: react.ClipboardEventHandler<HTMLElement>;
947
+ onCutCapture?: react.ClipboardEventHandler<HTMLElement>;
948
+ onPaste?: react.ClipboardEventHandler<HTMLElement>;
949
+ onPasteCapture?: react.ClipboardEventHandler<HTMLElement>;
950
+ onCompositionEnd?: react.CompositionEventHandler<HTMLElement>;
951
+ onCompositionEndCapture?: react.CompositionEventHandler<HTMLElement>;
952
+ onCompositionStart?: react.CompositionEventHandler<HTMLElement>;
953
+ onCompositionStartCapture?: react.CompositionEventHandler<HTMLElement>;
954
+ onCompositionUpdate?: react.CompositionEventHandler<HTMLElement>;
955
+ onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLElement>;
956
+ onFocus?: react.FocusEventHandler<HTMLElement>;
957
+ onFocusCapture?: react.FocusEventHandler<HTMLElement>;
958
+ onBlur?: react.FocusEventHandler<HTMLElement>;
959
+ onBlurCapture?: react.FocusEventHandler<HTMLElement>;
960
+ onChange?: react.FormEventHandler<HTMLElement>;
961
+ onChangeCapture?: react.FormEventHandler<HTMLElement>;
962
+ onBeforeInput?: react.InputEventHandler<HTMLElement>;
963
+ onBeforeInputCapture?: react.FormEventHandler<HTMLElement>;
964
+ onInput?: react.FormEventHandler<HTMLElement>;
965
+ onInputCapture?: react.FormEventHandler<HTMLElement>;
966
+ onReset?: react.FormEventHandler<HTMLElement>;
967
+ onResetCapture?: react.FormEventHandler<HTMLElement>;
968
+ onSubmit?: react.FormEventHandler<HTMLElement>;
969
+ onSubmitCapture?: react.FormEventHandler<HTMLElement>;
970
+ onInvalid?: react.FormEventHandler<HTMLElement>;
971
+ onInvalidCapture?: react.FormEventHandler<HTMLElement>;
972
+ onLoad?: react.ReactEventHandler<HTMLElement>;
973
+ onLoadCapture?: react.ReactEventHandler<HTMLElement>;
974
+ onError?: react.ReactEventHandler<HTMLElement>;
975
+ onErrorCapture?: react.ReactEventHandler<HTMLElement>;
976
+ onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
977
+ onKeyDownCapture?: react.KeyboardEventHandler<HTMLElement>;
978
+ onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
979
+ onKeyPressCapture?: react.KeyboardEventHandler<HTMLElement>;
980
+ onKeyUp?: react.KeyboardEventHandler<HTMLElement>;
981
+ onKeyUpCapture?: react.KeyboardEventHandler<HTMLElement>;
982
+ onAbort?: react.ReactEventHandler<HTMLElement>;
983
+ onAbortCapture?: react.ReactEventHandler<HTMLElement>;
984
+ onCanPlay?: react.ReactEventHandler<HTMLElement>;
985
+ onCanPlayCapture?: react.ReactEventHandler<HTMLElement>;
986
+ onCanPlayThrough?: react.ReactEventHandler<HTMLElement>;
987
+ onCanPlayThroughCapture?: react.ReactEventHandler<HTMLElement>;
988
+ onDurationChange?: react.ReactEventHandler<HTMLElement>;
989
+ onDurationChangeCapture?: react.ReactEventHandler<HTMLElement>;
990
+ onEmptied?: react.ReactEventHandler<HTMLElement>;
991
+ onEmptiedCapture?: react.ReactEventHandler<HTMLElement>;
992
+ onEncrypted?: react.ReactEventHandler<HTMLElement>;
993
+ onEncryptedCapture?: react.ReactEventHandler<HTMLElement>;
994
+ onEnded?: react.ReactEventHandler<HTMLElement>;
995
+ onEndedCapture?: react.ReactEventHandler<HTMLElement>;
996
+ onLoadedData?: react.ReactEventHandler<HTMLElement>;
997
+ onLoadedDataCapture?: react.ReactEventHandler<HTMLElement>;
998
+ onLoadedMetadata?: react.ReactEventHandler<HTMLElement>;
999
+ onLoadedMetadataCapture?: react.ReactEventHandler<HTMLElement>;
1000
+ onLoadStart?: react.ReactEventHandler<HTMLElement>;
1001
+ onLoadStartCapture?: react.ReactEventHandler<HTMLElement>;
1002
+ onPause?: react.ReactEventHandler<HTMLElement>;
1003
+ onPauseCapture?: react.ReactEventHandler<HTMLElement>;
1004
+ onPlay?: react.ReactEventHandler<HTMLElement>;
1005
+ onPlayCapture?: react.ReactEventHandler<HTMLElement>;
1006
+ onPlaying?: react.ReactEventHandler<HTMLElement>;
1007
+ onPlayingCapture?: react.ReactEventHandler<HTMLElement>;
1008
+ onProgress?: react.ReactEventHandler<HTMLElement>;
1009
+ onProgressCapture?: react.ReactEventHandler<HTMLElement>;
1010
+ onRateChange?: react.ReactEventHandler<HTMLElement>;
1011
+ onRateChangeCapture?: react.ReactEventHandler<HTMLElement>;
1012
+ onSeeked?: react.ReactEventHandler<HTMLElement>;
1013
+ onSeekedCapture?: react.ReactEventHandler<HTMLElement>;
1014
+ onSeeking?: react.ReactEventHandler<HTMLElement>;
1015
+ onSeekingCapture?: react.ReactEventHandler<HTMLElement>;
1016
+ onStalled?: react.ReactEventHandler<HTMLElement>;
1017
+ onStalledCapture?: react.ReactEventHandler<HTMLElement>;
1018
+ onSuspend?: react.ReactEventHandler<HTMLElement>;
1019
+ onSuspendCapture?: react.ReactEventHandler<HTMLElement>;
1020
+ onTimeUpdate?: react.ReactEventHandler<HTMLElement>;
1021
+ onTimeUpdateCapture?: react.ReactEventHandler<HTMLElement>;
1022
+ onVolumeChange?: react.ReactEventHandler<HTMLElement>;
1023
+ onVolumeChangeCapture?: react.ReactEventHandler<HTMLElement>;
1024
+ onWaiting?: react.ReactEventHandler<HTMLElement>;
1025
+ onWaitingCapture?: react.ReactEventHandler<HTMLElement>;
1026
+ onAuxClick?: react.MouseEventHandler<HTMLElement>;
1027
+ onAuxClickCapture?: react.MouseEventHandler<HTMLElement>;
1028
+ onClick?: react.MouseEventHandler<HTMLElement>;
1029
+ onClickCapture?: react.MouseEventHandler<HTMLElement>;
1030
+ onContextMenu?: react.MouseEventHandler<HTMLElement>;
1031
+ onContextMenuCapture?: react.MouseEventHandler<HTMLElement>;
1032
+ onDoubleClick?: react.MouseEventHandler<HTMLElement>;
1033
+ onDoubleClickCapture?: react.MouseEventHandler<HTMLElement>;
1034
+ onDrag?: react.DragEventHandler<HTMLElement>;
1035
+ onDragCapture?: react.DragEventHandler<HTMLElement>;
1036
+ onDragEnd?: react.DragEventHandler<HTMLElement>;
1037
+ onDragEndCapture?: react.DragEventHandler<HTMLElement>;
1038
+ onDragEnter?: react.DragEventHandler<HTMLElement>;
1039
+ onDragEnterCapture?: react.DragEventHandler<HTMLElement>;
1040
+ onDragExit?: react.DragEventHandler<HTMLElement>;
1041
+ onDragExitCapture?: react.DragEventHandler<HTMLElement>;
1042
+ onDragLeave?: react.DragEventHandler<HTMLElement>;
1043
+ onDragLeaveCapture?: react.DragEventHandler<HTMLElement>;
1044
+ onDragOver?: react.DragEventHandler<HTMLElement>;
1045
+ onDragOverCapture?: react.DragEventHandler<HTMLElement>;
1046
+ onDragStart?: react.DragEventHandler<HTMLElement>;
1047
+ onDragStartCapture?: react.DragEventHandler<HTMLElement>;
1048
+ onDrop?: react.DragEventHandler<HTMLElement>;
1049
+ onDropCapture?: react.DragEventHandler<HTMLElement>;
1050
+ onMouseDown?: react.MouseEventHandler<HTMLElement>;
1051
+ onMouseDownCapture?: react.MouseEventHandler<HTMLElement>;
1052
+ onMouseEnter?: react.MouseEventHandler<HTMLElement>;
1053
+ onMouseLeave?: react.MouseEventHandler<HTMLElement>;
1054
+ onMouseMove?: react.MouseEventHandler<HTMLElement>;
1055
+ onMouseMoveCapture?: react.MouseEventHandler<HTMLElement>;
1056
+ onMouseOut?: react.MouseEventHandler<HTMLElement>;
1057
+ onMouseOutCapture?: react.MouseEventHandler<HTMLElement>;
1058
+ onMouseOver?: react.MouseEventHandler<HTMLElement>;
1059
+ onMouseOverCapture?: react.MouseEventHandler<HTMLElement>;
1060
+ onMouseUp?: react.MouseEventHandler<HTMLElement>;
1061
+ onMouseUpCapture?: react.MouseEventHandler<HTMLElement>;
1062
+ onSelect?: react.ReactEventHandler<HTMLElement>;
1063
+ onSelectCapture?: react.ReactEventHandler<HTMLElement>;
1064
+ onTouchCancel?: react.TouchEventHandler<HTMLElement>;
1065
+ onTouchCancelCapture?: react.TouchEventHandler<HTMLElement>;
1066
+ onTouchEnd?: react.TouchEventHandler<HTMLElement>;
1067
+ onTouchEndCapture?: react.TouchEventHandler<HTMLElement>;
1068
+ onTouchMove?: react.TouchEventHandler<HTMLElement>;
1069
+ onTouchMoveCapture?: react.TouchEventHandler<HTMLElement>;
1070
+ onTouchStart?: react.TouchEventHandler<HTMLElement>;
1071
+ onTouchStartCapture?: react.TouchEventHandler<HTMLElement>;
1072
+ onPointerDown?: react.PointerEventHandler<HTMLElement>;
1073
+ onPointerDownCapture?: react.PointerEventHandler<HTMLElement>;
1074
+ onPointerMove?: react.PointerEventHandler<HTMLElement>;
1075
+ onPointerMoveCapture?: react.PointerEventHandler<HTMLElement>;
1076
+ onPointerUp?: react.PointerEventHandler<HTMLElement>;
1077
+ onPointerUpCapture?: react.PointerEventHandler<HTMLElement>;
1078
+ onPointerCancel?: react.PointerEventHandler<HTMLElement>;
1079
+ onPointerCancelCapture?: react.PointerEventHandler<HTMLElement>;
1080
+ onPointerEnter?: react.PointerEventHandler<HTMLElement>;
1081
+ onPointerLeave?: react.PointerEventHandler<HTMLElement>;
1082
+ onPointerOver?: react.PointerEventHandler<HTMLElement>;
1083
+ onPointerOverCapture?: react.PointerEventHandler<HTMLElement>;
1084
+ onPointerOut?: react.PointerEventHandler<HTMLElement>;
1085
+ onPointerOutCapture?: react.PointerEventHandler<HTMLElement>;
1086
+ onGotPointerCapture?: react.PointerEventHandler<HTMLElement>;
1087
+ onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLElement>;
1088
+ onLostPointerCapture?: react.PointerEventHandler<HTMLElement>;
1089
+ onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement>;
1090
+ onScroll?: react.UIEventHandler<HTMLElement>;
1091
+ onScrollCapture?: react.UIEventHandler<HTMLElement>;
1092
+ onWheel?: react.WheelEventHandler<HTMLElement>;
1093
+ onWheelCapture?: react.WheelEventHandler<HTMLElement>;
1094
+ onAnimationStart?: react.AnimationEventHandler<HTMLElement>;
1095
+ onAnimationStartCapture?: react.AnimationEventHandler<HTMLElement>;
1096
+ onAnimationEnd?: react.AnimationEventHandler<HTMLElement>;
1097
+ onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement>;
1098
+ onAnimationIteration?: react.AnimationEventHandler<HTMLElement>;
1099
+ onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement>;
1100
+ onTransitionEnd?: react.TransitionEventHandler<HTMLElement>;
1101
+ onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement>;
1102
+ };
1103
+ };
1104
+
1105
+ interface ImageRootProps extends UseImageProps, PrimitiveProps, react.HTMLAttributes<HTMLDivElement> {
1106
+ }
1107
+ declare const ImageRoot: react.ForwardRefExoticComponent<ImageRootProps & react.RefAttributes<HTMLDivElement>>;
1108
+ interface ImageContentProps extends PrimitiveProps, react.ImgHTMLAttributes<HTMLImageElement> {
1109
+ }
1110
+ declare const ImageContent: react.ForwardRefExoticComponent<ImageContentProps & react.RefAttributes<HTMLImageElement>>;
1111
+ interface ImageFallbackProps extends PrimitiveProps, react.HTMLAttributes<HTMLDivElement> {
1112
+ }
1113
+ declare const ImageFallback: react.ForwardRefExoticComponent<ImageFallbackProps & react.RefAttributes<HTMLDivElement>>;
1114
+
1115
+ interface UseImageContext extends UseImageReturn {
1116
+ }
1117
+ declare function useImageContext({ strict }?: {
1118
+ strict?: boolean;
1119
+ }): UseImageContext;
1120
+
1121
+ declare namespace Image_namespace {
1122
+ export { ImageContent as Content, ImageFallback as Fallback, ImageRoot as Root };
1123
+ export type { ImageContentProps as ContentProps, ImageFallbackProps as FallbackProps, ImageRootProps as RootProps };
1124
+ }
1125
+
1126
+ export { Image_namespace as Image, ImageContent, ImageFallback, ImageRoot, useImage, useImageContext };
1127
+ export type { ImageContentProps, ImageFallbackProps, ImageLoadingStatus, ImageRootProps, UseImageContext, UseImageProps, UseImageReturn };