@envive-ai/react-toolkit-v3 0.3.7 → 0.3.9

package/dist/ChatPreviewComparison/types/types.d.cts

@@ -1,6 +1,7 @@
 import { Theme } from "../../tokens/theme/theme.cjs";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.cjs";
 import { ImageGalleryImage } from "../../ImageGallery/types/types.cjs";
+import { Suggestion } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ChatPreviewComparison/types/types.d.ts
 
@@ -53,7 +54,7 @@ type WidgetContentProps = {
   /**
    * Array of text labels for the prompt buttons.
    */
-  promptButtonTexts?: string[];
+  promptButtons?: Suggestion[];
   /**
    * Placeholder text for the text field input.
    * Displayed when the text field is visible.
@@ -119,13 +120,12 @@ type WidgetEventProps = {
    *
    * @param text - The text label of the clicked prompt button
    */
-  handlePromptButtonClick?: (text: string) => void;
+  handlePromptButtonClick?: (suggestion: Suggestion) => void;
   /**
    * Callback function invoked when the text field is clicked.
    *
-   * @param text - The placeholder text of the text field
    */
-  handleTextFieldClick?: (text: string) => void;
+  handleTextFieldClick?: () => void;
 };
 /**
  * Props for the ChatPreviewComparison component.

package/dist/ChatPreviewComparison/types/types.d.ts

@@ -1,6 +1,7 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.js";
 import { ImageGalleryImage } from "../../ImageGallery/types/types.js";
+import { Suggestion } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ChatPreviewComparison/types/types.d.ts
 
@@ -53,7 +54,7 @@ type WidgetContentProps = {
   /**
    * Array of text labels for the prompt buttons.
    */
-  promptButtonTexts?: string[];
+  promptButtons?: Suggestion[];
   /**
    * Placeholder text for the text field input.
    * Displayed when the text field is visible.
@@ -119,13 +120,12 @@ type WidgetEventProps = {
    *
    * @param text - The text label of the clicked prompt button
    */
-  handlePromptButtonClick?: (text: string) => void;
+  handlePromptButtonClick?: (suggestion: Suggestion) => void;
   /**
    * Callback function invoked when the text field is clicked.
    *
-   * @param text - The placeholder text of the text field
    */
-  handleTextFieldClick?: (text: string) => void;
+  handleTextFieldClick?: () => void;
 };
 /**
  * Props for the ChatPreviewComparison component.

package/dist/ChatPreviewLoading/ChatPreviewLoading.cjs

@@ -6,8 +6,8 @@ const require_WidgetTextField = require('../WidgetTextField/WidgetTextField.cjs'
 require('../WidgetTextField/index.cjs');
 require('../WidgetWrapper/index.cjs');
 const require_index = require('./components/index.cjs');
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.tsx
 const ChatPreviewLoading = ({ id, testId, className, style, variant = require_types.WidgetWrapperVariant.CARD_WITH_BORDER, hexCardColor, hideTextField, fullIsLoading = false, textFieldPlaceholder, hideLogo, logoSrc, titleLabel }) => {

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.js";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -15,6 +15,6 @@ declare const ChatPreviewLoading: ({
   hideLogo,
   logoSrc,
   titleLabel
-}: ChatPreviewLoadingProps) => react_jsx_runtime21.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };

package/dist/ChatPreviewLoading/ChatPreviewLoading.js

@@ -5,8 +5,8 @@ import { WidgetTextField } from "../WidgetTextField/WidgetTextField.js";
 import "../WidgetTextField/index.js";
 import "../WidgetWrapper/index.js";
 import { ChatPreviewLoadingComponents } from "./components/index.js";
-import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.tsx
 const ChatPreviewLoading = ({ id, testId, className, style, variant = WidgetWrapperVariant.CARD_WITH_BORDER, hexCardColor, hideTextField, fullIsLoading = false, textFieldPlaceholder, hideLogo, logoSrc, titleLabel }) => {

package/dist/Container/Container.d.cts

@@ -1,5 +1,5 @@
 import { ContainerProps } from "./types/index.cjs";
-import * as react7 from "react";
+import * as react0 from "react";
 
 //#region src/components/Container/Container.d.ts
 
@@ -17,13 +17,8 @@ declare const Container: ({
   fluid,
   centerContent,
   ...props
-}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react7.DetailedReactHTMLElement<{
-  color?: string | undefined;
-  slot?: string | undefined;
-  title?: string | undefined;
-  "aria-label"?: string | undefined;
-  onToggle?: react7.ToggleEventHandler<HTMLElement>;
-  onClick?: react7.MouseEventHandler<HTMLElement>;
+}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react0.DetailedReactHTMLElement<{
+  onClick?: react0.MouseEventHandler<HTMLElement>;
   defaultChecked?: boolean | undefined;
   defaultValue?: string | number | readonly string[] | undefined;
   suppressContentEditableWarning?: boolean | undefined;
@@ -39,11 +34,13 @@ declare const Container: ({
   hidden?: boolean | undefined;
   lang?: string | undefined;
   nonce?: string | undefined;
+  slot?: string | undefined;
   spellCheck?: (boolean | "true" | "false") | undefined;
   tabIndex?: number | undefined;
+  title?: string | undefined;
   translate?: "yes" | "no" | undefined;
   radioGroup?: string | undefined;
-  role?: react7.AriaRole | undefined;
+  role?: react0.AriaRole | undefined;
   about?: string | undefined;
   content?: string | undefined;
   datatype?: string | undefined;
@@ -57,6 +54,7 @@ declare const Container: ({
   vocab?: string | undefined;
   autoCorrect?: string | undefined;
   autoSave?: string | undefined;
+  color?: string | undefined;
   itemProp?: string | undefined;
   itemScope?: boolean | undefined;
   itemType?: string | undefined;
@@ -99,6 +97,7 @@ declare const Container: ({
   "aria-hidden"?: (boolean | "true" | "false") | undefined;
   "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
   "aria-keyshortcuts"?: string | undefined;
+  "aria-label"?: string | undefined;
   "aria-labelledby"?: string | undefined;
   "aria-level"?: number | undefined;
   "aria-live"?: "off" | "assertive" | "polite" | undefined;
@@ -128,174 +127,175 @@ declare const Container: ({
   dangerouslySetInnerHTML?: {
     __html: string | TrustedHTML;
   } | undefined;
-  onCopy?: react7.ClipboardEventHandler<HTMLElement>;
-  onCopyCapture?: react7.ClipboardEventHandler<HTMLElement>;
-  onCut?: react7.ClipboardEventHandler<HTMLElement>;
-  onCutCapture?: react7.ClipboardEventHandler<HTMLElement>;
-  onPaste?: react7.ClipboardEventHandler<HTMLElement>;
-  onPasteCapture?: react7.ClipboardEventHandler<HTMLElement>;
-  onCompositionEnd?: react7.CompositionEventHandler<HTMLElement>;
-  onCompositionEndCapture?: react7.CompositionEventHandler<HTMLElement>;
-  onCompositionStart?: react7.CompositionEventHandler<HTMLElement>;
-  onCompositionStartCapture?: react7.CompositionEventHandler<HTMLElement>;
-  onCompositionUpdate?: react7.CompositionEventHandler<HTMLElement>;
-  onCompositionUpdateCapture?: react7.CompositionEventHandler<HTMLElement>;
-  onFocus?: react7.FocusEventHandler<HTMLElement>;
-  onFocusCapture?: react7.FocusEventHandler<HTMLElement>;
-  onBlur?: react7.FocusEventHandler<HTMLElement>;
-  onBlurCapture?: react7.FocusEventHandler<HTMLElement>;
-  onChange?: react7.FormEventHandler<HTMLElement>;
-  onChangeCapture?: react7.FormEventHandler<HTMLElement>;
-  onBeforeInput?: react7.InputEventHandler<HTMLElement>;
-  onBeforeInputCapture?: react7.FormEventHandler<HTMLElement>;
-  onInput?: react7.FormEventHandler<HTMLElement>;
-  onInputCapture?: react7.FormEventHandler<HTMLElement>;
-  onReset?: react7.FormEventHandler<HTMLElement>;
-  onResetCapture?: react7.FormEventHandler<HTMLElement>;
-  onSubmit?: react7.FormEventHandler<HTMLElement>;
-  onSubmitCapture?: react7.FormEventHandler<HTMLElement>;
-  onInvalid?: react7.FormEventHandler<HTMLElement>;
-  onInvalidCapture?: react7.FormEventHandler<HTMLElement>;
-  onLoad?: react7.ReactEventHandler<HTMLElement>;
-  onLoadCapture?: react7.ReactEventHandler<HTMLElement>;
-  onError?: react7.ReactEventHandler<HTMLElement>;
-  onErrorCapture?: react7.ReactEventHandler<HTMLElement>;
-  onKeyDown?: react7.KeyboardEventHandler<HTMLElement>;
-  onKeyDownCapture?: react7.KeyboardEventHandler<HTMLElement>;
-  onKeyPress?: react7.KeyboardEventHandler<HTMLElement>;
-  onKeyPressCapture?: react7.KeyboardEventHandler<HTMLElement>;
-  onKeyUp?: react7.KeyboardEventHandler<HTMLElement>;
-  onKeyUpCapture?: react7.KeyboardEventHandler<HTMLElement>;
-  onAbort?: react7.ReactEventHandler<HTMLElement>;
-  onAbortCapture?: react7.ReactEventHandler<HTMLElement>;
-  onCanPlay?: react7.ReactEventHandler<HTMLElement>;
-  onCanPlayCapture?: react7.ReactEventHandler<HTMLElement>;
-  onCanPlayThrough?: react7.ReactEventHandler<HTMLElement>;
-  onCanPlayThroughCapture?: react7.ReactEventHandler<HTMLElement>;
-  onDurationChange?: react7.ReactEventHandler<HTMLElement>;
-  onDurationChangeCapture?: react7.ReactEventHandler<HTMLElement>;
-  onEmptied?: react7.ReactEventHandler<HTMLElement>;
-  onEmptiedCapture?: react7.ReactEventHandler<HTMLElement>;
-  onEncrypted?: react7.ReactEventHandler<HTMLElement>;
-  onEncryptedCapture?: react7.ReactEventHandler<HTMLElement>;
-  onEnded?: react7.ReactEventHandler<HTMLElement>;
-  onEndedCapture?: react7.ReactEventHandler<HTMLElement>;
-  onLoadedData?: react7.ReactEventHandler<HTMLElement>;
-  onLoadedDataCapture?: react7.ReactEventHandler<HTMLElement>;
-  onLoadedMetadata?: react7.ReactEventHandler<HTMLElement>;
-  onLoadedMetadataCapture?: react7.ReactEventHandler<HTMLElement>;
-  onLoadStart?: react7.ReactEventHandler<HTMLElement>;
-  onLoadStartCapture?: react7.ReactEventHandler<HTMLElement>;
-  onPause?: react7.ReactEventHandler<HTMLElement>;
-  onPauseCapture?: react7.ReactEventHandler<HTMLElement>;
-  onPlay?: react7.ReactEventHandler<HTMLElement>;
-  onPlayCapture?: react7.ReactEventHandler<HTMLElement>;
-  onPlaying?: react7.ReactEventHandler<HTMLElement>;
-  onPlayingCapture?: react7.ReactEventHandler<HTMLElement>;
-  onProgress?: react7.ReactEventHandler<HTMLElement>;
-  onProgressCapture?: react7.ReactEventHandler<HTMLElement>;
-  onRateChange?: react7.ReactEventHandler<HTMLElement>;
-  onRateChangeCapture?: react7.ReactEventHandler<HTMLElement>;
-  onSeeked?: react7.ReactEventHandler<HTMLElement>;
-  onSeekedCapture?: react7.ReactEventHandler<HTMLElement>;
-  onSeeking?: react7.ReactEventHandler<HTMLElement>;
-  onSeekingCapture?: react7.ReactEventHandler<HTMLElement>;
-  onStalled?: react7.ReactEventHandler<HTMLElement>;
-  onStalledCapture?: react7.ReactEventHandler<HTMLElement>;
-  onSuspend?: react7.ReactEventHandler<HTMLElement>;
-  onSuspendCapture?: react7.ReactEventHandler<HTMLElement>;
-  onTimeUpdate?: react7.ReactEventHandler<HTMLElement>;
-  onTimeUpdateCapture?: react7.ReactEventHandler<HTMLElement>;
-  onVolumeChange?: react7.ReactEventHandler<HTMLElement>;
-  onVolumeChangeCapture?: react7.ReactEventHandler<HTMLElement>;
-  onWaiting?: react7.ReactEventHandler<HTMLElement>;
-  onWaitingCapture?: react7.ReactEventHandler<HTMLElement>;
-  onAuxClick?: react7.MouseEventHandler<HTMLElement>;
-  onAuxClickCapture?: react7.MouseEventHandler<HTMLElement>;
-  onClickCapture?: react7.MouseEventHandler<HTMLElement>;
-  onContextMenu?: react7.MouseEventHandler<HTMLElement>;
-  onContextMenuCapture?: react7.MouseEventHandler<HTMLElement>;
-  onDoubleClick?: react7.MouseEventHandler<HTMLElement>;
-  onDoubleClickCapture?: react7.MouseEventHandler<HTMLElement>;
-  onDrag?: react7.DragEventHandler<HTMLElement>;
-  onDragCapture?: react7.DragEventHandler<HTMLElement>;
-  onDragEnd?: react7.DragEventHandler<HTMLElement>;
-  onDragEndCapture?: react7.DragEventHandler<HTMLElement>;
-  onDragEnter?: react7.DragEventHandler<HTMLElement>;
-  onDragEnterCapture?: react7.DragEventHandler<HTMLElement>;
-  onDragExit?: react7.DragEventHandler<HTMLElement>;
-  onDragExitCapture?: react7.DragEventHandler<HTMLElement>;
-  onDragLeave?: react7.DragEventHandler<HTMLElement>;
-  onDragLeaveCapture?: react7.DragEventHandler<HTMLElement>;
-  onDragOver?: react7.DragEventHandler<HTMLElement>;
-  onDragOverCapture?: react7.DragEventHandler<HTMLElement>;
-  onDragStart?: react7.DragEventHandler<HTMLElement>;
-  onDragStartCapture?: react7.DragEventHandler<HTMLElement>;
-  onDrop?: react7.DragEventHandler<HTMLElement>;
-  onDropCapture?: react7.DragEventHandler<HTMLElement>;
-  onMouseDown?: react7.MouseEventHandler<HTMLElement>;
-  onMouseDownCapture?: react7.MouseEventHandler<HTMLElement>;
-  onMouseEnter?: react7.MouseEventHandler<HTMLElement>;
-  onMouseLeave?: react7.MouseEventHandler<HTMLElement>;
-  onMouseMove?: react7.MouseEventHandler<HTMLElement>;
-  onMouseMoveCapture?: react7.MouseEventHandler<HTMLElement>;
-  onMouseOut?: react7.MouseEventHandler<HTMLElement>;
-  onMouseOutCapture?: react7.MouseEventHandler<HTMLElement>;
-  onMouseOver?: react7.MouseEventHandler<HTMLElement>;
-  onMouseOverCapture?: react7.MouseEventHandler<HTMLElement>;
-  onMouseUp?: react7.MouseEventHandler<HTMLElement>;
-  onMouseUpCapture?: react7.MouseEventHandler<HTMLElement>;
-  onSelect?: react7.ReactEventHandler<HTMLElement>;
-  onSelectCapture?: react7.ReactEventHandler<HTMLElement>;
-  onTouchCancel?: react7.TouchEventHandler<HTMLElement>;
-  onTouchCancelCapture?: react7.TouchEventHandler<HTMLElement>;
-  onTouchEnd?: react7.TouchEventHandler<HTMLElement>;
-  onTouchEndCapture?: react7.TouchEventHandler<HTMLElement>;
-  onTouchMove?: react7.TouchEventHandler<HTMLElement>;
-  onTouchMoveCapture?: react7.TouchEventHandler<HTMLElement>;
-  onTouchStart?: react7.TouchEventHandler<HTMLElement>;
-  onTouchStartCapture?: react7.TouchEventHandler<HTMLElement>;
-  onPointerDown?: react7.PointerEventHandler<HTMLElement>;
-  onPointerDownCapture?: react7.PointerEventHandler<HTMLElement>;
-  onPointerMove?: react7.PointerEventHandler<HTMLElement>;
-  onPointerMoveCapture?: react7.PointerEventHandler<HTMLElement>;
-  onPointerUp?: react7.PointerEventHandler<HTMLElement>;
-  onPointerUpCapture?: react7.PointerEventHandler<HTMLElement>;
-  onPointerCancel?: react7.PointerEventHandler<HTMLElement>;
-  onPointerCancelCapture?: react7.PointerEventHandler<HTMLElement>;
-  onPointerEnter?: react7.PointerEventHandler<HTMLElement>;
-  onPointerLeave?: react7.PointerEventHandler<HTMLElement>;
-  onPointerOver?: react7.PointerEventHandler<HTMLElement>;
-  onPointerOverCapture?: react7.PointerEventHandler<HTMLElement>;
-  onPointerOut?: react7.PointerEventHandler<HTMLElement>;
-  onPointerOutCapture?: react7.PointerEventHandler<HTMLElement>;
-  onGotPointerCapture?: react7.PointerEventHandler<HTMLElement>;
-  onGotPointerCaptureCapture?: react7.PointerEventHandler<HTMLElement>;
-  onLostPointerCapture?: react7.PointerEventHandler<HTMLElement>;
-  onLostPointerCaptureCapture?: react7.PointerEventHandler<HTMLElement>;
-  onScroll?: react7.UIEventHandler<HTMLElement>;
-  onScrollCapture?: react7.UIEventHandler<HTMLElement>;
-  onScrollEnd?: react7.UIEventHandler<HTMLElement>;
-  onScrollEndCapture?: react7.UIEventHandler<HTMLElement>;
-  onWheel?: react7.WheelEventHandler<HTMLElement>;
-  onWheelCapture?: react7.WheelEventHandler<HTMLElement>;
-  onAnimationStart?: react7.AnimationEventHandler<HTMLElement>;
-  onAnimationStartCapture?: react7.AnimationEventHandler<HTMLElement>;
-  onAnimationEnd?: react7.AnimationEventHandler<HTMLElement>;
-  onAnimationEndCapture?: react7.AnimationEventHandler<HTMLElement>;
-  onAnimationIteration?: react7.AnimationEventHandler<HTMLElement>;
-  onAnimationIterationCapture?: react7.AnimationEventHandler<HTMLElement>;
-  onBeforeToggle?: react7.ToggleEventHandler<HTMLElement>;
-  onTransitionCancel?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionCancelCapture?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionEnd?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionEndCapture?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionRun?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionRunCapture?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionStart?: react7.TransitionEventHandler<HTMLElement>;
-  onTransitionStartCapture?: react7.TransitionEventHandler<HTMLElement>;
+  onCopy?: react0.ClipboardEventHandler<HTMLElement>;
+  onCopyCapture?: react0.ClipboardEventHandler<HTMLElement>;
+  onCut?: react0.ClipboardEventHandler<HTMLElement>;
+  onCutCapture?: react0.ClipboardEventHandler<HTMLElement>;
+  onPaste?: react0.ClipboardEventHandler<HTMLElement>;
+  onPasteCapture?: react0.ClipboardEventHandler<HTMLElement>;
+  onCompositionEnd?: react0.CompositionEventHandler<HTMLElement>;
+  onCompositionEndCapture?: react0.CompositionEventHandler<HTMLElement>;
+  onCompositionStart?: react0.CompositionEventHandler<HTMLElement>;
+  onCompositionStartCapture?: react0.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdate?: react0.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdateCapture?: react0.CompositionEventHandler<HTMLElement>;
+  onFocus?: react0.FocusEventHandler<HTMLElement>;
+  onFocusCapture?: react0.FocusEventHandler<HTMLElement>;
+  onBlur?: react0.FocusEventHandler<HTMLElement>;
+  onBlurCapture?: react0.FocusEventHandler<HTMLElement>;
+  onChange?: react0.FormEventHandler<HTMLElement>;
+  onChangeCapture?: react0.FormEventHandler<HTMLElement>;
+  onBeforeInput?: react0.InputEventHandler<HTMLElement>;
+  onBeforeInputCapture?: react0.FormEventHandler<HTMLElement>;
+  onInput?: react0.FormEventHandler<HTMLElement>;
+  onInputCapture?: react0.FormEventHandler<HTMLElement>;
+  onReset?: react0.FormEventHandler<HTMLElement>;
+  onResetCapture?: react0.FormEventHandler<HTMLElement>;
+  onSubmit?: react0.FormEventHandler<HTMLElement>;
+  onSubmitCapture?: react0.FormEventHandler<HTMLElement>;
+  onInvalid?: react0.FormEventHandler<HTMLElement>;
+  onInvalidCapture?: react0.FormEventHandler<HTMLElement>;
+  onLoad?: react0.ReactEventHandler<HTMLElement>;
+  onLoadCapture?: react0.ReactEventHandler<HTMLElement>;
+  onError?: react0.ReactEventHandler<HTMLElement>;
+  onErrorCapture?: react0.ReactEventHandler<HTMLElement>;
+  onKeyDown?: react0.KeyboardEventHandler<HTMLElement>;
+  onKeyDownCapture?: react0.KeyboardEventHandler<HTMLElement>;
+  onKeyPress?: react0.KeyboardEventHandler<HTMLElement>;
+  onKeyPressCapture?: react0.KeyboardEventHandler<HTMLElement>;
+  onKeyUp?: react0.KeyboardEventHandler<HTMLElement>;
+  onKeyUpCapture?: react0.KeyboardEventHandler<HTMLElement>;
+  onAbort?: react0.ReactEventHandler<HTMLElement>;
+  onAbortCapture?: react0.ReactEventHandler<HTMLElement>;
+  onCanPlay?: react0.ReactEventHandler<HTMLElement>;
+  onCanPlayCapture?: react0.ReactEventHandler<HTMLElement>;
+  onCanPlayThrough?: react0.ReactEventHandler<HTMLElement>;
+  onCanPlayThroughCapture?: react0.ReactEventHandler<HTMLElement>;
+  onDurationChange?: react0.ReactEventHandler<HTMLElement>;
+  onDurationChangeCapture?: react0.ReactEventHandler<HTMLElement>;
+  onEmptied?: react0.ReactEventHandler<HTMLElement>;
+  onEmptiedCapture?: react0.ReactEventHandler<HTMLElement>;
+  onEncrypted?: react0.ReactEventHandler<HTMLElement>;
+  onEncryptedCapture?: react0.ReactEventHandler<HTMLElement>;
+  onEnded?: react0.ReactEventHandler<HTMLElement>;
+  onEndedCapture?: react0.ReactEventHandler<HTMLElement>;
+  onLoadedData?: react0.ReactEventHandler<HTMLElement>;
+  onLoadedDataCapture?: react0.ReactEventHandler<HTMLElement>;
+  onLoadedMetadata?: react0.ReactEventHandler<HTMLElement>;
+  onLoadedMetadataCapture?: react0.ReactEventHandler<HTMLElement>;
+  onLoadStart?: react0.ReactEventHandler<HTMLElement>;
+  onLoadStartCapture?: react0.ReactEventHandler<HTMLElement>;
+  onPause?: react0.ReactEventHandler<HTMLElement>;
+  onPauseCapture?: react0.ReactEventHandler<HTMLElement>;
+  onPlay?: react0.ReactEventHandler<HTMLElement>;
+  onPlayCapture?: react0.ReactEventHandler<HTMLElement>;
+  onPlaying?: react0.ReactEventHandler<HTMLElement>;
+  onPlayingCapture?: react0.ReactEventHandler<HTMLElement>;
+  onProgress?: react0.ReactEventHandler<HTMLElement>;
+  onProgressCapture?: react0.ReactEventHandler<HTMLElement>;
+  onRateChange?: react0.ReactEventHandler<HTMLElement>;
+  onRateChangeCapture?: react0.ReactEventHandler<HTMLElement>;
+  onSeeked?: react0.ReactEventHandler<HTMLElement>;
+  onSeekedCapture?: react0.ReactEventHandler<HTMLElement>;
+  onSeeking?: react0.ReactEventHandler<HTMLElement>;
+  onSeekingCapture?: react0.ReactEventHandler<HTMLElement>;
+  onStalled?: react0.ReactEventHandler<HTMLElement>;
+  onStalledCapture?: react0.ReactEventHandler<HTMLElement>;
+  onSuspend?: react0.ReactEventHandler<HTMLElement>;
+  onSuspendCapture?: react0.ReactEventHandler<HTMLElement>;
+  onTimeUpdate?: react0.ReactEventHandler<HTMLElement>;
+  onTimeUpdateCapture?: react0.ReactEventHandler<HTMLElement>;
+  onVolumeChange?: react0.ReactEventHandler<HTMLElement>;
+  onVolumeChangeCapture?: react0.ReactEventHandler<HTMLElement>;
+  onWaiting?: react0.ReactEventHandler<HTMLElement>;
+  onWaitingCapture?: react0.ReactEventHandler<HTMLElement>;
+  onAuxClick?: react0.MouseEventHandler<HTMLElement>;
+  onAuxClickCapture?: react0.MouseEventHandler<HTMLElement>;
+  onClickCapture?: react0.MouseEventHandler<HTMLElement>;
+  onContextMenu?: react0.MouseEventHandler<HTMLElement>;
+  onContextMenuCapture?: react0.MouseEventHandler<HTMLElement>;
+  onDoubleClick?: react0.MouseEventHandler<HTMLElement>;
+  onDoubleClickCapture?: react0.MouseEventHandler<HTMLElement>;
+  onDrag?: react0.DragEventHandler<HTMLElement>;
+  onDragCapture?: react0.DragEventHandler<HTMLElement>;
+  onDragEnd?: react0.DragEventHandler<HTMLElement>;
+  onDragEndCapture?: react0.DragEventHandler<HTMLElement>;
+  onDragEnter?: react0.DragEventHandler<HTMLElement>;
+  onDragEnterCapture?: react0.DragEventHandler<HTMLElement>;
+  onDragExit?: react0.DragEventHandler<HTMLElement>;
+  onDragExitCapture?: react0.DragEventHandler<HTMLElement>;
+  onDragLeave?: react0.DragEventHandler<HTMLElement>;
+  onDragLeaveCapture?: react0.DragEventHandler<HTMLElement>;
+  onDragOver?: react0.DragEventHandler<HTMLElement>;
+  onDragOverCapture?: react0.DragEventHandler<HTMLElement>;
+  onDragStart?: react0.DragEventHandler<HTMLElement>;
+  onDragStartCapture?: react0.DragEventHandler<HTMLElement>;
+  onDrop?: react0.DragEventHandler<HTMLElement>;
+  onDropCapture?: react0.DragEventHandler<HTMLElement>;
+  onMouseDown?: react0.MouseEventHandler<HTMLElement>;
+  onMouseDownCapture?: react0.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: react0.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: react0.MouseEventHandler<HTMLElement>;
+  onMouseMove?: react0.MouseEventHandler<HTMLElement>;
+  onMouseMoveCapture?: react0.MouseEventHandler<HTMLElement>;
+  onMouseOut?: react0.MouseEventHandler<HTMLElement>;
+  onMouseOutCapture?: react0.MouseEventHandler<HTMLElement>;
+  onMouseOver?: react0.MouseEventHandler<HTMLElement>;
+  onMouseOverCapture?: react0.MouseEventHandler<HTMLElement>;
+  onMouseUp?: react0.MouseEventHandler<HTMLElement>;
+  onMouseUpCapture?: react0.MouseEventHandler<HTMLElement>;
+  onSelect?: react0.ReactEventHandler<HTMLElement>;
+  onSelectCapture?: react0.ReactEventHandler<HTMLElement>;
+  onTouchCancel?: react0.TouchEventHandler<HTMLElement>;
+  onTouchCancelCapture?: react0.TouchEventHandler<HTMLElement>;
+  onTouchEnd?: react0.TouchEventHandler<HTMLElement>;
+  onTouchEndCapture?: react0.TouchEventHandler<HTMLElement>;
+  onTouchMove?: react0.TouchEventHandler<HTMLElement>;
+  onTouchMoveCapture?: react0.TouchEventHandler<HTMLElement>;
+  onTouchStart?: react0.TouchEventHandler<HTMLElement>;
+  onTouchStartCapture?: react0.TouchEventHandler<HTMLElement>;
+  onPointerDown?: react0.PointerEventHandler<HTMLElement>;
+  onPointerDownCapture?: react0.PointerEventHandler<HTMLElement>;
+  onPointerMove?: react0.PointerEventHandler<HTMLElement>;
+  onPointerMoveCapture?: react0.PointerEventHandler<HTMLElement>;
+  onPointerUp?: react0.PointerEventHandler<HTMLElement>;
+  onPointerUpCapture?: react0.PointerEventHandler<HTMLElement>;
+  onPointerCancel?: react0.PointerEventHandler<HTMLElement>;
+  onPointerCancelCapture?: react0.PointerEventHandler<HTMLElement>;
+  onPointerEnter?: react0.PointerEventHandler<HTMLElement>;
+  onPointerLeave?: react0.PointerEventHandler<HTMLElement>;
+  onPointerOver?: react0.PointerEventHandler<HTMLElement>;
+  onPointerOverCapture?: react0.PointerEventHandler<HTMLElement>;
+  onPointerOut?: react0.PointerEventHandler<HTMLElement>;
+  onPointerOutCapture?: react0.PointerEventHandler<HTMLElement>;
+  onGotPointerCapture?: react0.PointerEventHandler<HTMLElement>;
+  onGotPointerCaptureCapture?: react0.PointerEventHandler<HTMLElement>;
+  onLostPointerCapture?: react0.PointerEventHandler<HTMLElement>;
+  onLostPointerCaptureCapture?: react0.PointerEventHandler<HTMLElement>;
+  onScroll?: react0.UIEventHandler<HTMLElement>;
+  onScrollCapture?: react0.UIEventHandler<HTMLElement>;
+  onScrollEnd?: react0.UIEventHandler<HTMLElement>;
+  onScrollEndCapture?: react0.UIEventHandler<HTMLElement>;
+  onWheel?: react0.WheelEventHandler<HTMLElement>;
+  onWheelCapture?: react0.WheelEventHandler<HTMLElement>;
+  onAnimationStart?: react0.AnimationEventHandler<HTMLElement>;
+  onAnimationStartCapture?: react0.AnimationEventHandler<HTMLElement>;
+  onAnimationEnd?: react0.AnimationEventHandler<HTMLElement>;
+  onAnimationEndCapture?: react0.AnimationEventHandler<HTMLElement>;
+  onAnimationIteration?: react0.AnimationEventHandler<HTMLElement>;
+  onAnimationIterationCapture?: react0.AnimationEventHandler<HTMLElement>;
+  onToggle?: react0.ToggleEventHandler<HTMLElement>;
+  onBeforeToggle?: react0.ToggleEventHandler<HTMLElement>;
+  onTransitionCancel?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionCancelCapture?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionEnd?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionEndCapture?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionRun?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionRunCapture?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionStart?: react0.TransitionEventHandler<HTMLElement>;
+  onTransitionStartCapture?: react0.TransitionEventHandler<HTMLElement>;
   className: string;
-  style: react7.CSSProperties;
+  style: react0.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;