@contentful/f36-popover 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/LICENSE.md +7 -0
  2. package/README.mdx +109 -0
  3. package/dist/main.js +231 -0
  4. package/dist/main.js.map +1 -0
  5. package/dist/module.js +222 -0
  6. package/dist/module.js.map +1 -0
  7. package/dist/types.d.ts +727 -0
  8. package/dist/types.d.ts.map +1 -0
  9. package/package.json +38 -0
package/dist/types.d.ts ADDED
@@ -0,0 +1,727 @@
1
+ import React from "react";
2
+ import { ExpandProps, CommonProps, PropsWithHTMLElement } from "@contentful/f36-core";
3
+ import { Placement } from "@popperjs/core";
4
+ export interface PopoverProps {
5
+ children: React.ReactNode;
6
+ /**
7
+ * Boolean to determine if the Popover should be the same width as
8
+ * the trigger element
9
+ *
10
+ * @default false
11
+ */
12
+ isFullWidth?: boolean;
13
+ /**
14
+ * Boolean to control whether or not the Popover is open
15
+ *
16
+ * @default false
17
+ */
18
+ isOpen?: boolean;
19
+ /**
20
+ * Callback fired when the popover closes
21
+ */
22
+ onClose?: () => void;
23
+ /**
24
+ * Determines the preferred position of the Popover. This position is not
25
+ * guaranteed, as the Popover might be moved to fit the viewport
26
+ *
27
+ * @default bottom-start
28
+ */
29
+ placement?: Placement;
30
+ /**
31
+ * Boolean to control if popover is allowed to change its placement automatically
32
+ * based on available space in the viewport.
33
+ *
34
+ * For example:
35
+ * If you set placement prop to bottom, but there isn't enough space to position the popover in that direction,
36
+ * it will change the popper placement to top. As soon as enough space is detected, the placement will be reverted to the defined one.
37
+ *
38
+ * If you want the popover to strictly follow the placement prop you should set this prop to false.
39
+ *
40
+ * @default true
41
+ */
42
+ isAutoalignmentEnabled?: boolean;
43
+ /**
44
+ * Boolean to control whether or not to render the Popover in a React Portal.
45
+ * Rendering content inside a Portal allows the Popover to escape the bounds
46
+ * of its parent while still being positioned correctly. Using a Portal is
47
+ * necessary if an ancestor of the Popover hides overflow.
48
+ *
49
+ * @default true
50
+ */
51
+ usePortal?: boolean;
52
+ /**
53
+ * If true, the popover will close when you blur out it by clicking outside or tabbing out
54
+ *
55
+ * @default true
56
+ */
57
+ closeOnBlur?: boolean;
58
+ /**
59
+ * If true, the popover will close when you hit the Esc key
60
+ *
61
+ * @default true
62
+ */
63
+ closeOnEsc?: boolean;
64
+ /**
65
+ * If true, the popover will be focused after opening
66
+ *
67
+ * @default true
68
+ */
69
+ autoFocus?: boolean;
70
+ /**
71
+ * Popover id. Will be used as an `id` attribute on popover
72
+ * and as `aria-controls` attribute on trigger
73
+ *
74
+ * @default true
75
+ */
76
+ id?: string;
77
+ /**
78
+ * The `X-axis` and `Y-axis` offset to position popper element
79
+ * from its trigger element. `[X, Y]`
80
+ *
81
+ * @default [1, 4]
82
+ */
83
+ offset?: [number, number];
84
+ }
85
+ declare function _Popover1(props: ExpandProps<PopoverProps>): JSX.Element;
86
+ interface PopoverContentInternalProps extends CommonProps {
87
+ children?: React.ReactNode;
88
+ }
89
+ export type PopoverContentProps = PropsWithHTMLElement<PopoverContentInternalProps, 'div'>;
90
+ export const PopoverContent: React.ForwardRefExoticComponent<{
91
+ id?: string;
92
+ 'aria-expanded'?: boolean | "false" | "true";
93
+ 'aria-controls'?: string;
94
+ hidden?: boolean;
95
+ color?: string;
96
+ slot?: string;
97
+ title?: string;
98
+ translate?: "yes" | "no";
99
+ key?: React.Key;
100
+ defaultChecked?: boolean;
101
+ defaultValue?: string | number | readonly string[];
102
+ suppressContentEditableWarning?: boolean;
103
+ suppressHydrationWarning?: boolean;
104
+ accessKey?: string;
105
+ contentEditable?: "inherit" | (boolean | "false" | "true");
106
+ contextMenu?: string;
107
+ dir?: string;
108
+ draggable?: boolean | "false" | "true";
109
+ lang?: string;
110
+ placeholder?: string;
111
+ spellCheck?: boolean | "false" | "true";
112
+ tabIndex?: number;
113
+ radioGroup?: string;
114
+ role?: string;
115
+ about?: string;
116
+ datatype?: string;
117
+ inlist?: any;
118
+ prefix?: string;
119
+ property?: string;
120
+ resource?: string;
121
+ typeof?: string;
122
+ vocab?: string;
123
+ autoCapitalize?: string;
124
+ autoCorrect?: string;
125
+ autoSave?: string;
126
+ itemProp?: string;
127
+ itemScope?: boolean;
128
+ itemType?: string;
129
+ itemID?: string;
130
+ itemRef?: string;
131
+ results?: number;
132
+ security?: string;
133
+ unselectable?: "on" | "off";
134
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
135
+ is?: string;
136
+ 'aria-activedescendant'?: string;
137
+ 'aria-atomic'?: boolean | "false" | "true";
138
+ 'aria-autocomplete'?: "both" | "none" | "inline" | "list";
139
+ 'aria-busy'?: boolean | "false" | "true";
140
+ 'aria-checked'?: boolean | "false" | "true" | "mixed";
141
+ 'aria-colcount'?: number;
142
+ 'aria-colindex'?: number;
143
+ 'aria-colspan'?: number;
144
+ 'aria-current'?: boolean | "false" | "true" | "page" | "time" | "step" | "location" | "date";
145
+ 'aria-describedby'?: string;
146
+ 'aria-details'?: string;
147
+ 'aria-disabled'?: boolean | "false" | "true";
148
+ 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
149
+ 'aria-errormessage'?: string;
150
+ 'aria-flowto'?: string;
151
+ 'aria-grabbed'?: boolean | "false" | "true";
152
+ 'aria-haspopup'?: boolean | "false" | "true" | "listbox" | "grid" | "menu" | "dialog" | "tree";
153
+ 'aria-hidden'?: boolean | "false" | "true";
154
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
155
+ 'aria-keyshortcuts'?: string;
156
+ 'aria-label'?: string;
157
+ 'aria-labelledby'?: string;
158
+ 'aria-level'?: number;
159
+ 'aria-live'?: "off" | "assertive" | "polite";
160
+ 'aria-modal'?: boolean | "false" | "true";
161
+ 'aria-multiline'?: boolean | "false" | "true";
162
+ 'aria-multiselectable'?: boolean | "false" | "true";
163
+ 'aria-orientation'?: "horizontal" | "vertical";
164
+ 'aria-owns'?: string;
165
+ 'aria-placeholder'?: string;
166
+ 'aria-posinset'?: number;
167
+ 'aria-pressed'?: boolean | "false" | "true" | "mixed";
168
+ 'aria-readonly'?: boolean | "false" | "true";
169
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
170
+ 'aria-required'?: boolean | "false" | "true";
171
+ 'aria-roledescription'?: string;
172
+ 'aria-rowcount'?: number;
173
+ 'aria-rowindex'?: number;
174
+ 'aria-rowspan'?: number;
175
+ 'aria-selected'?: boolean | "false" | "true";
176
+ 'aria-setsize'?: number;
177
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
178
+ 'aria-valuemax'?: number;
179
+ 'aria-valuemin'?: number;
180
+ 'aria-valuenow'?: number;
181
+ 'aria-valuetext'?: string;
182
+ dangerouslySetInnerHTML?: {
183
+ __html: string;
184
+ };
185
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement>;
186
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement>;
187
+ onCut?: React.ClipboardEventHandler<HTMLDivElement>;
188
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement>;
189
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
190
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement>;
191
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement>;
192
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement>;
193
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement>;
194
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement>;
195
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement>;
196
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement>;
197
+ onFocus?: React.FocusEventHandler<HTMLDivElement>;
198
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement>;
199
+ onBlur?: React.FocusEventHandler<HTMLDivElement>;
200
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement>;
201
+ onChange?: React.FormEventHandler<HTMLDivElement>;
202
+ onChangeCapture?: React.FormEventHandler<HTMLDivElement>;
203
+ onBeforeInput?: React.FormEventHandler<HTMLDivElement>;
204
+ onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement>;
205
+ onInput?: React.FormEventHandler<HTMLDivElement>;
206
+ onInputCapture?: React.FormEventHandler<HTMLDivElement>;
207
+ onReset?: React.FormEventHandler<HTMLDivElement>;
208
+ onResetCapture?: React.FormEventHandler<HTMLDivElement>;
209
+ onSubmit?: React.FormEventHandler<HTMLDivElement>;
210
+ onSubmitCapture?: React.FormEventHandler<HTMLDivElement>;
211
+ onInvalid?: React.FormEventHandler<HTMLDivElement>;
212
+ onInvalidCapture?: React.FormEventHandler<HTMLDivElement>;
213
+ onLoad?: React.ReactEventHandler<HTMLDivElement>;
214
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement>;
215
+ onError?: React.ReactEventHandler<HTMLDivElement>;
216
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement>;
217
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
218
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement>;
219
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;
220
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement>;
221
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
222
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement>;
223
+ onAbort?: React.ReactEventHandler<HTMLDivElement>;
224
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement>;
225
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement>;
226
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement>;
227
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement>;
228
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement>;
229
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement>;
230
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
231
+ onEmptied?: React.ReactEventHandler<HTMLDivElement>;
232
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement>;
233
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement>;
234
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement>;
235
+ onEnded?: React.ReactEventHandler<HTMLDivElement>;
236
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement>;
237
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement>;
238
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement>;
239
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement>;
240
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement>;
241
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement>;
242
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement>;
243
+ onPause?: React.ReactEventHandler<HTMLDivElement>;
244
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement>;
245
+ onPlay?: React.ReactEventHandler<HTMLDivElement>;
246
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement>;
247
+ onPlaying?: React.ReactEventHandler<HTMLDivElement>;
248
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement>;
249
+ onProgress?: React.ReactEventHandler<HTMLDivElement>;
250
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement>;
251
+ onRateChange?: React.ReactEventHandler<HTMLDivElement>;
252
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
253
+ onSeeked?: React.ReactEventHandler<HTMLDivElement>;
254
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement>;
255
+ onSeeking?: React.ReactEventHandler<HTMLDivElement>;
256
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement>;
257
+ onStalled?: React.ReactEventHandler<HTMLDivElement>;
258
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement>;
259
+ onSuspend?: React.ReactEventHandler<HTMLDivElement>;
260
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement>;
261
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement>;
262
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement>;
263
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement>;
264
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
265
+ onWaiting?: React.ReactEventHandler<HTMLDivElement>;
266
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement>;
267
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement>;
268
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement>;
269
+ onClick?: React.MouseEventHandler<HTMLDivElement>;
270
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement>;
271
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement>;
272
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement>;
273
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
274
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement>;
275
+ onDrag?: React.DragEventHandler<HTMLDivElement>;
276
+ onDragCapture?: React.DragEventHandler<HTMLDivElement>;
277
+ onDragEnd?: React.DragEventHandler<HTMLDivElement>;
278
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement>;
279
+ onDragEnter?: React.DragEventHandler<HTMLDivElement>;
280
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement>;
281
+ onDragExit?: React.DragEventHandler<HTMLDivElement>;
282
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement>;
283
+ onDragLeave?: React.DragEventHandler<HTMLDivElement>;
284
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement>;
285
+ onDragOver?: React.DragEventHandler<HTMLDivElement>;
286
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement>;
287
+ onDragStart?: React.DragEventHandler<HTMLDivElement>;
288
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement>;
289
+ onDrop?: React.DragEventHandler<HTMLDivElement>;
290
+ onDropCapture?: React.DragEventHandler<HTMLDivElement>;
291
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
292
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement>;
293
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
294
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
295
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
296
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement>;
297
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement>;
298
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement>;
299
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
300
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement>;
301
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement>;
302
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement>;
303
+ onSelect?: React.ReactEventHandler<HTMLDivElement>;
304
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement>;
305
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement>;
306
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement>;
307
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement>;
308
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement>;
309
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement>;
310
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement>;
311
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement>;
312
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement>;
313
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement>;
314
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement>;
315
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement>;
316
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement>;
317
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement>;
318
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement>;
319
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement>;
320
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement>;
321
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement>;
322
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement>;
323
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement>;
324
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement>;
325
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement>;
326
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement>;
327
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement>;
328
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement>;
329
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement>;
330
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement>;
331
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement>;
332
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement>;
333
+ onScroll?: React.UIEventHandler<HTMLDivElement>;
334
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement>;
335
+ onWheel?: React.WheelEventHandler<HTMLDivElement>;
336
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement>;
337
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement>;
338
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement>;
339
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement>;
340
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement>;
341
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement>;
342
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement>;
343
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement>;
344
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement>;
345
+ children?: React.ReactNode;
346
+ className?: string;
347
+ testId?: string;
348
+ style?: React.CSSProperties;
349
+ } & React.RefAttributes<unknown>>;
350
+ export interface PopoverTriggerProps {
351
+ children: React.ReactNode;
352
+ }
353
+ /**
354
+ * PopoverTrigger opens the popover. It must be an interactive element.
355
+ */
356
+ export const PopoverTrigger: (props: PopoverTriggerProps) => React.DetailedReactHTMLElement<{
357
+ 'aria-haspopup': any;
358
+ accept?: string;
359
+ acceptCharset?: string;
360
+ action?: string;
361
+ allowFullScreen?: boolean;
362
+ allowTransparency?: boolean;
363
+ alt?: string;
364
+ as?: string;
365
+ async?: boolean;
366
+ autoComplete?: string;
367
+ autoFocus?: boolean;
368
+ autoPlay?: boolean;
369
+ capture?: string | boolean;
370
+ cellPadding?: string | number;
371
+ cellSpacing?: string | number;
372
+ charSet?: string;
373
+ challenge?: string;
374
+ checked?: boolean;
375
+ cite?: string;
376
+ classID?: string;
377
+ cols?: number;
378
+ colSpan?: number;
379
+ content?: string;
380
+ controls?: boolean;
381
+ coords?: string;
382
+ crossOrigin?: string;
383
+ data?: string;
384
+ dateTime?: string;
385
+ default?: boolean;
386
+ defer?: boolean;
387
+ disabled?: boolean;
388
+ download?: any;
389
+ encType?: string;
390
+ form?: string;
391
+ formAction?: string;
392
+ formEncType?: string;
393
+ formMethod?: string;
394
+ formNoValidate?: boolean;
395
+ formTarget?: string;
396
+ frameBorder?: string | number;
397
+ headers?: string;
398
+ height?: string | number;
399
+ high?: number;
400
+ href?: string;
401
+ hrefLang?: string;
402
+ htmlFor?: string;
403
+ httpEquiv?: string;
404
+ integrity?: string;
405
+ keyParams?: string;
406
+ keyType?: string;
407
+ kind?: string;
408
+ label?: string;
409
+ list?: string;
410
+ loop?: boolean;
411
+ low?: number;
412
+ manifest?: string;
413
+ marginHeight?: number;
414
+ marginWidth?: number;
415
+ max?: string | number;
416
+ maxLength?: number;
417
+ media?: string;
418
+ mediaGroup?: string;
419
+ method?: string;
420
+ min?: string | number;
421
+ minLength?: number;
422
+ multiple?: boolean;
423
+ muted?: boolean;
424
+ name?: string;
425
+ nonce?: string;
426
+ noValidate?: boolean;
427
+ open?: boolean;
428
+ optimum?: number;
429
+ pattern?: string;
430
+ placeholder?: string;
431
+ playsInline?: boolean;
432
+ poster?: string;
433
+ preload?: string;
434
+ readOnly?: boolean;
435
+ rel?: string;
436
+ required?: boolean;
437
+ reversed?: boolean;
438
+ rows?: number;
439
+ rowSpan?: number;
440
+ sandbox?: string;
441
+ scope?: string;
442
+ scoped?: boolean;
443
+ scrolling?: string;
444
+ seamless?: boolean;
445
+ selected?: boolean;
446
+ shape?: string;
447
+ size?: number;
448
+ sizes?: string;
449
+ span?: number;
450
+ src?: string;
451
+ srcDoc?: string;
452
+ srcLang?: string;
453
+ srcSet?: string;
454
+ start?: number;
455
+ step?: string | number;
456
+ summary?: string;
457
+ target?: string;
458
+ type?: string;
459
+ useMap?: string;
460
+ value?: string | number | readonly string[];
461
+ width?: string | number;
462
+ wmode?: string;
463
+ wrap?: string;
464
+ defaultChecked?: boolean;
465
+ defaultValue?: string | number | readonly string[];
466
+ suppressContentEditableWarning?: boolean;
467
+ suppressHydrationWarning?: boolean;
468
+ accessKey?: string;
469
+ className?: string;
470
+ contentEditable?: "inherit" | (boolean | "false" | "true");
471
+ contextMenu?: string;
472
+ dir?: string;
473
+ draggable?: boolean | "false" | "true";
474
+ hidden?: boolean;
475
+ id?: string;
476
+ lang?: string;
477
+ slot?: string;
478
+ spellCheck?: boolean | "false" | "true";
479
+ style?: React.CSSProperties;
480
+ tabIndex?: number;
481
+ title?: string;
482
+ translate?: "yes" | "no";
483
+ radioGroup?: string;
484
+ role?: string;
485
+ about?: string;
486
+ datatype?: string;
487
+ inlist?: any;
488
+ prefix?: string;
489
+ property?: string;
490
+ resource?: string;
491
+ typeof?: string;
492
+ vocab?: string;
493
+ autoCapitalize?: string;
494
+ autoCorrect?: string;
495
+ autoSave?: string;
496
+ color?: string;
497
+ itemProp?: string;
498
+ itemScope?: boolean;
499
+ itemType?: string;
500
+ itemID?: string;
501
+ itemRef?: string;
502
+ results?: number;
503
+ security?: string;
504
+ unselectable?: "on" | "off";
505
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
506
+ is?: string;
507
+ 'aria-activedescendant'?: string;
508
+ 'aria-atomic'?: boolean | "false" | "true";
509
+ 'aria-autocomplete'?: "both" | "none" | "inline" | "list";
510
+ 'aria-busy'?: boolean | "false" | "true";
511
+ 'aria-checked'?: boolean | "false" | "true" | "mixed";
512
+ 'aria-colcount'?: number;
513
+ 'aria-colindex'?: number;
514
+ 'aria-colspan'?: number;
515
+ 'aria-controls'?: string;
516
+ 'aria-current'?: boolean | "false" | "true" | "page" | "time" | "step" | "location" | "date";
517
+ 'aria-describedby'?: string;
518
+ 'aria-details'?: string;
519
+ 'aria-disabled'?: boolean | "false" | "true";
520
+ 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
521
+ 'aria-errormessage'?: string;
522
+ 'aria-expanded'?: boolean | "false" | "true";
523
+ 'aria-flowto'?: string;
524
+ 'aria-grabbed'?: boolean | "false" | "true";
525
+ 'aria-hidden'?: boolean | "false" | "true";
526
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
527
+ 'aria-keyshortcuts'?: string;
528
+ 'aria-label'?: string;
529
+ 'aria-labelledby'?: string;
530
+ 'aria-level'?: number;
531
+ 'aria-live'?: "off" | "assertive" | "polite";
532
+ 'aria-modal'?: boolean | "false" | "true";
533
+ 'aria-multiline'?: boolean | "false" | "true";
534
+ 'aria-multiselectable'?: boolean | "false" | "true";
535
+ 'aria-orientation'?: "horizontal" | "vertical";
536
+ 'aria-owns'?: string;
537
+ 'aria-placeholder'?: string;
538
+ 'aria-posinset'?: number;
539
+ 'aria-pressed'?: boolean | "false" | "true" | "mixed";
540
+ 'aria-readonly'?: boolean | "false" | "true";
541
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
542
+ 'aria-required'?: boolean | "false" | "true";
543
+ 'aria-roledescription'?: string;
544
+ 'aria-rowcount'?: number;
545
+ 'aria-rowindex'?: number;
546
+ 'aria-rowspan'?: number;
547
+ 'aria-selected'?: boolean | "false" | "true";
548
+ 'aria-setsize'?: number;
549
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
550
+ 'aria-valuemax'?: number;
551
+ 'aria-valuemin'?: number;
552
+ 'aria-valuenow'?: number;
553
+ 'aria-valuetext'?: string;
554
+ children?: React.ReactNode;
555
+ dangerouslySetInnerHTML?: {
556
+ __html: string;
557
+ };
558
+ onCopy?: React.ClipboardEventHandler<HTMLElement>;
559
+ onCopyCapture?: React.ClipboardEventHandler<HTMLElement>;
560
+ onCut?: React.ClipboardEventHandler<HTMLElement>;
561
+ onCutCapture?: React.ClipboardEventHandler<HTMLElement>;
562
+ onPaste?: React.ClipboardEventHandler<HTMLElement>;
563
+ onPasteCapture?: React.ClipboardEventHandler<HTMLElement>;
564
+ onCompositionEnd?: React.CompositionEventHandler<HTMLElement>;
565
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement>;
566
+ onCompositionStart?: React.CompositionEventHandler<HTMLElement>;
567
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement>;
568
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>;
569
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement>;
570
+ onFocus?: React.FocusEventHandler<HTMLElement>;
571
+ onFocusCapture?: React.FocusEventHandler<HTMLElement>;
572
+ onBlur?: React.FocusEventHandler<HTMLElement>;
573
+ onBlurCapture?: React.FocusEventHandler<HTMLElement>;
574
+ onChange?: React.FormEventHandler<HTMLElement>;
575
+ onChangeCapture?: React.FormEventHandler<HTMLElement>;
576
+ onBeforeInput?: React.FormEventHandler<HTMLElement>;
577
+ onBeforeInputCapture?: React.FormEventHandler<HTMLElement>;
578
+ onInput?: React.FormEventHandler<HTMLElement>;
579
+ onInputCapture?: React.FormEventHandler<HTMLElement>;
580
+ onReset?: React.FormEventHandler<HTMLElement>;
581
+ onResetCapture?: React.FormEventHandler<HTMLElement>;
582
+ onSubmit?: React.FormEventHandler<HTMLElement>;
583
+ onSubmitCapture?: React.FormEventHandler<HTMLElement>;
584
+ onInvalid?: React.FormEventHandler<HTMLElement>;
585
+ onInvalidCapture?: React.FormEventHandler<HTMLElement>;
586
+ onLoad?: React.ReactEventHandler<HTMLElement>;
587
+ onLoadCapture?: React.ReactEventHandler<HTMLElement>;
588
+ onError?: React.ReactEventHandler<HTMLElement>;
589
+ onErrorCapture?: React.ReactEventHandler<HTMLElement>;
590
+ onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
591
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement>;
592
+ onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
593
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement>;
594
+ onKeyUp?: React.KeyboardEventHandler<HTMLElement>;
595
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement>;
596
+ onAbort?: React.ReactEventHandler<HTMLElement>;
597
+ onAbortCapture?: React.ReactEventHandler<HTMLElement>;
598
+ onCanPlay?: React.ReactEventHandler<HTMLElement>;
599
+ onCanPlayCapture?: React.ReactEventHandler<HTMLElement>;
600
+ onCanPlayThrough?: React.ReactEventHandler<HTMLElement>;
601
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement>;
602
+ onDurationChange?: React.ReactEventHandler<HTMLElement>;
603
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLElement>;
604
+ onEmptied?: React.ReactEventHandler<HTMLElement>;
605
+ onEmptiedCapture?: React.ReactEventHandler<HTMLElement>;
606
+ onEncrypted?: React.ReactEventHandler<HTMLElement>;
607
+ onEncryptedCapture?: React.ReactEventHandler<HTMLElement>;
608
+ onEnded?: React.ReactEventHandler<HTMLElement>;
609
+ onEndedCapture?: React.ReactEventHandler<HTMLElement>;
610
+ onLoadedData?: React.ReactEventHandler<HTMLElement>;
611
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLElement>;
612
+ onLoadedMetadata?: React.ReactEventHandler<HTMLElement>;
613
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement>;
614
+ onLoadStart?: React.ReactEventHandler<HTMLElement>;
615
+ onLoadStartCapture?: React.ReactEventHandler<HTMLElement>;
616
+ onPause?: React.ReactEventHandler<HTMLElement>;
617
+ onPauseCapture?: React.ReactEventHandler<HTMLElement>;
618
+ onPlay?: React.ReactEventHandler<HTMLElement>;
619
+ onPlayCapture?: React.ReactEventHandler<HTMLElement>;
620
+ onPlaying?: React.ReactEventHandler<HTMLElement>;
621
+ onPlayingCapture?: React.ReactEventHandler<HTMLElement>;
622
+ onProgress?: React.ReactEventHandler<HTMLElement>;
623
+ onProgressCapture?: React.ReactEventHandler<HTMLElement>;
624
+ onRateChange?: React.ReactEventHandler<HTMLElement>;
625
+ onRateChangeCapture?: React.ReactEventHandler<HTMLElement>;
626
+ onSeeked?: React.ReactEventHandler<HTMLElement>;
627
+ onSeekedCapture?: React.ReactEventHandler<HTMLElement>;
628
+ onSeeking?: React.ReactEventHandler<HTMLElement>;
629
+ onSeekingCapture?: React.ReactEventHandler<HTMLElement>;
630
+ onStalled?: React.ReactEventHandler<HTMLElement>;
631
+ onStalledCapture?: React.ReactEventHandler<HTMLElement>;
632
+ onSuspend?: React.ReactEventHandler<HTMLElement>;
633
+ onSuspendCapture?: React.ReactEventHandler<HTMLElement>;
634
+ onTimeUpdate?: React.ReactEventHandler<HTMLElement>;
635
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement>;
636
+ onVolumeChange?: React.ReactEventHandler<HTMLElement>;
637
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement>;
638
+ onWaiting?: React.ReactEventHandler<HTMLElement>;
639
+ onWaitingCapture?: React.ReactEventHandler<HTMLElement>;
640
+ onAuxClick?: React.MouseEventHandler<HTMLElement>;
641
+ onAuxClickCapture?: React.MouseEventHandler<HTMLElement>;
642
+ onClick?: React.MouseEventHandler<HTMLElement>;
643
+ onClickCapture?: React.MouseEventHandler<HTMLElement>;
644
+ onContextMenu?: React.MouseEventHandler<HTMLElement>;
645
+ onContextMenuCapture?: React.MouseEventHandler<HTMLElement>;
646
+ onDoubleClick?: React.MouseEventHandler<HTMLElement>;
647
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLElement>;
648
+ onDrag?: React.DragEventHandler<HTMLElement>;
649
+ onDragCapture?: React.DragEventHandler<HTMLElement>;
650
+ onDragEnd?: React.DragEventHandler<HTMLElement>;
651
+ onDragEndCapture?: React.DragEventHandler<HTMLElement>;
652
+ onDragEnter?: React.DragEventHandler<HTMLElement>;
653
+ onDragEnterCapture?: React.DragEventHandler<HTMLElement>;
654
+ onDragExit?: React.DragEventHandler<HTMLElement>;
655
+ onDragExitCapture?: React.DragEventHandler<HTMLElement>;
656
+ onDragLeave?: React.DragEventHandler<HTMLElement>;
657
+ onDragLeaveCapture?: React.DragEventHandler<HTMLElement>;
658
+ onDragOver?: React.DragEventHandler<HTMLElement>;
659
+ onDragOverCapture?: React.DragEventHandler<HTMLElement>;
660
+ onDragStart?: React.DragEventHandler<HTMLElement>;
661
+ onDragStartCapture?: React.DragEventHandler<HTMLElement>;
662
+ onDrop?: React.DragEventHandler<HTMLElement>;
663
+ onDropCapture?: React.DragEventHandler<HTMLElement>;
664
+ onMouseDown?: React.MouseEventHandler<HTMLElement>;
665
+ onMouseDownCapture?: React.MouseEventHandler<HTMLElement>;
666
+ onMouseEnter?: React.MouseEventHandler<HTMLElement>;
667
+ onMouseLeave?: React.MouseEventHandler<HTMLElement>;
668
+ onMouseMove?: React.MouseEventHandler<HTMLElement>;
669
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLElement>;
670
+ onMouseOut?: React.MouseEventHandler<HTMLElement>;
671
+ onMouseOutCapture?: React.MouseEventHandler<HTMLElement>;
672
+ onMouseOver?: React.MouseEventHandler<HTMLElement>;
673
+ onMouseOverCapture?: React.MouseEventHandler<HTMLElement>;
674
+ onMouseUp?: React.MouseEventHandler<HTMLElement>;
675
+ onMouseUpCapture?: React.MouseEventHandler<HTMLElement>;
676
+ onSelect?: React.ReactEventHandler<HTMLElement>;
677
+ onSelectCapture?: React.ReactEventHandler<HTMLElement>;
678
+ onTouchCancel?: React.TouchEventHandler<HTMLElement>;
679
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLElement>;
680
+ onTouchEnd?: React.TouchEventHandler<HTMLElement>;
681
+ onTouchEndCapture?: React.TouchEventHandler<HTMLElement>;
682
+ onTouchMove?: React.TouchEventHandler<HTMLElement>;
683
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLElement>;
684
+ onTouchStart?: React.TouchEventHandler<HTMLElement>;
685
+ onTouchStartCapture?: React.TouchEventHandler<HTMLElement>;
686
+ onPointerDown?: React.PointerEventHandler<HTMLElement>;
687
+ onPointerDownCapture?: React.PointerEventHandler<HTMLElement>;
688
+ onPointerMove?: React.PointerEventHandler<HTMLElement>;
689
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLElement>;
690
+ onPointerUp?: React.PointerEventHandler<HTMLElement>;
691
+ onPointerUpCapture?: React.PointerEventHandler<HTMLElement>;
692
+ onPointerCancel?: React.PointerEventHandler<HTMLElement>;
693
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLElement>;
694
+ onPointerEnter?: React.PointerEventHandler<HTMLElement>;
695
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLElement>;
696
+ onPointerLeave?: React.PointerEventHandler<HTMLElement>;
697
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement>;
698
+ onPointerOver?: React.PointerEventHandler<HTMLElement>;
699
+ onPointerOverCapture?: React.PointerEventHandler<HTMLElement>;
700
+ onPointerOut?: React.PointerEventHandler<HTMLElement>;
701
+ onPointerOutCapture?: React.PointerEventHandler<HTMLElement>;
702
+ onGotPointerCapture?: React.PointerEventHandler<HTMLElement>;
703
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
704
+ onLostPointerCapture?: React.PointerEventHandler<HTMLElement>;
705
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
706
+ onScroll?: React.UIEventHandler<HTMLElement>;
707
+ onScrollCapture?: React.UIEventHandler<HTMLElement>;
708
+ onWheel?: React.WheelEventHandler<HTMLElement>;
709
+ onWheelCapture?: React.WheelEventHandler<HTMLElement>;
710
+ onAnimationStart?: React.AnimationEventHandler<HTMLElement>;
711
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement>;
712
+ onAnimationEnd?: React.AnimationEventHandler<HTMLElement>;
713
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement>;
714
+ onAnimationIteration?: React.AnimationEventHandler<HTMLElement>;
715
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement>;
716
+ onTransitionEnd?: React.TransitionEventHandler<HTMLElement>;
717
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement>;
718
+ ref?: React.LegacyRef<HTMLElement>;
719
+ key?: React.Key;
720
+ }, HTMLElement>;
721
+ type CompoundPopover = typeof _Popover1 & {
722
+ Content: typeof PopoverContent;
723
+ Trigger: typeof PopoverTrigger;
724
+ };
725
+ export const Popover: CompoundPopover;
726
+
727
+ //# sourceMappingURL=types.d.ts.map