@chakra-ui/clickable - npm Package Compare versions

Comparing version 1.0.0-rc.0 to 1.0.0-rc.1

CHANGELOG.md

@@ -6,2 +6,11 @@ # Change Log
 
+# [1.0.0-rc.1](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/clickable@1.0.0-rc.0...@chakra-ui/clickable@1.0.0-rc.1) (2020-08-06)
+
+**Note:** Version bump only for package @chakra-ui/clickable
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [1.0.0-rc.0](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/clickable@1.0.0-next.7...@chakra-ui/clickable@1.0.0-rc.0) (2020-07-26)
@@ -8,0 +17,0 @@

dist/cjs/use-clickable.js

@@ -6,6 +6,6 @@ "use strict";
 
+var _utils = require("@chakra-ui/utils");
+
 var _react = require("react");
 
-var _utils = require("@chakra-ui/utils");
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -12,0 +12,0 @@

dist/esm/use-clickable.js

@@ -5,4 +5,4 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+import { dataAttr, isRightClick, mergeRefs } from "@chakra-ui/utils";
 import { useCallback, useState } from "react";
-import { mergeRefs, dataAttr, isRightClick } from "@chakra-ui/utils";
 
@@ -9,0 +9,0 @@ /**

dist/types/use-clickable.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes, KeyboardEvent, MouseEvent } from "react";
+import { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from "react";
 export interface UseClickableProps extends HTMLAttributes<Element> {
@@ -21,3 +21,3 @@ /**
     clickOnSpace?: boolean;
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }
@@ -38,7 +38,7 @@ /**
     onClick: (event: MouseEvent) => void;
-    onMouseDown: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseUp: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onKeyUp: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyDown: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onMouseOver: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseDown: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseUp: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onKeyUp: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyDown: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onMouseOver: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
     defaultChecked?: boolean | undefined;
@@ -60,3 +60,3 @@ defaultValue?: string | number | readonly string[] | undefined;
     spellCheck?: boolean | "true" | "false" | undefined;
-    style?: React.CSSProperties | undefined;
+    style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
@@ -135,160 +135,160 @@ translate?: "yes" | "no" | undefined;
     'aria-valuetext'?: string | undefined;
-    children?: React.ReactNode;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string;
     } | undefined;
-    onCopy?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCopyCapture?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCut?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCutCapture?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onPaste?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onPasteCapture?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCompositionEnd?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionEndCapture?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionStart?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionStartCapture?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionUpdate?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionUpdateCapture?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onFocusCapture?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onBlurCapture?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onChange?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onChangeCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onBeforeInput?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onBeforeInputCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInput?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInputCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onReset?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onResetCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onSubmit?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onSubmitCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInvalid?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInvalidCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onLoad?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onError?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onErrorCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onKeyDownCapture?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyPress?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyPressCapture?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyUpCapture?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onAbort?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onAbortCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlay?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlayCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlayThrough?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlayThroughCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onDurationChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onDurationChangeCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEmptied?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEmptiedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEncrypted?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEncryptedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEnded?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEndedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedData?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedDataCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedMetadata?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedMetadataCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadStart?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadStartCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPause?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPauseCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlay?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlayCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlaying?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlayingCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onProgress?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onProgressCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onRateChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onRateChangeCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeeked?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeekedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeeking?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeekingCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onStalled?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onStalledCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSuspend?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSuspendCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onTimeUpdate?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onTimeUpdateCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onVolumeChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onVolumeChangeCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onWaiting?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onWaitingCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onAuxClick?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onAuxClickCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onClickCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onContextMenu?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onContextMenuCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onDoubleClick?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onDoubleClickCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onDrag?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEnd?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEndCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEnter?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEnterCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragExit?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragExitCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragLeave?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragLeaveCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragOver?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragOverCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragStart?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragStartCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDrop?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDropCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onMouseDownCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseEnter?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseMove?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseMoveCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseOut?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseOutCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseOverCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseUpCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onSelect?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSelectCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onTouchCancel?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchCancelCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchEnd?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchEndCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchMove?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchMoveCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchStart?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchStartCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onPointerDown?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerDownCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerMove?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerMoveCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerUp?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerUpCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerCancel?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerCancelCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerEnter?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerEnterCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerLeave?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerLeaveCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOver?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOverCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOut?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOutCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onGotPointerCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onGotPointerCaptureCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onLostPointerCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onLostPointerCaptureCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onScroll?: ((event: React.UIEvent<Element, UIEvent>) => void) | undefined;
-    onScrollCapture?: ((event: React.UIEvent<Element, UIEvent>) => void) | undefined;
-    onWheel?: ((event: React.WheelEvent<Element>) => void) | undefined;
-    onWheelCapture?: ((event: React.WheelEvent<Element>) => void) | undefined;
-    onAnimationStart?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationStartCapture?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationEnd?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationEndCapture?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationIteration?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationIterationCapture?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onTransitionEnd?: ((event: React.TransitionEvent<Element>) => void) | undefined;
-    onTransitionEndCapture?: ((event: React.TransitionEvent<Element>) => void) | undefined;
+    onCopy?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCopyCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCut?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCutCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onPaste?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onPasteCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCompositionEnd?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionEndCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionStart?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionStartCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionUpdate?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onFocus?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onFocusCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onBlur?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onBlurCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onChange?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onChangeCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onBeforeInput?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onBeforeInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInput?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onReset?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onResetCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onSubmit?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onSubmitCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInvalid?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInvalidCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onLoad?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onError?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onErrorCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onKeyDownCapture?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyPress?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyPressCapture?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyUpCapture?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onAbort?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onAbortCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlayThrough?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onDurationChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onDurationChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEmptied?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEmptiedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEncrypted?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEncryptedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEnded?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEndedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedData?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedDataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedMetadata?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadStart?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadStartCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPause?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPauseCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlaying?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlayingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onProgress?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onProgressCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onRateChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onRateChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeeked?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeekedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeeking?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeekingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onStalled?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onStalledCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSuspend?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSuspendCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onTimeUpdate?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onVolumeChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onWaiting?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onWaitingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onAuxClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onAuxClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onContextMenu?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onContextMenuCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onDoubleClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onDoubleClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onDrag?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnd?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEndCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnter?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnterCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragExit?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragExitCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragLeave?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragLeaveCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragOver?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragOverCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragStart?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragStartCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDrop?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDropCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onMouseDownCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseEnter?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseLeave?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseMove?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseMoveCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseOut?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseOutCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseOverCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseUpCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onSelect?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSelectCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onTouchCancel?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchCancelCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchEnd?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchEndCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchMove?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchMoveCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchStart?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchStartCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onPointerDown?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerDownCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerMove?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerUp?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerUpCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerCancel?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerCancelCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerEnter?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerLeave?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOver?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOverCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOut?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOutCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onGotPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onLostPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onScroll?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined;
+    onScrollCapture?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined;
+    onWheel?: ((event: import("react").WheelEvent<Element>) => void) | undefined;
+    onWheelCapture?: ((event: import("react").WheelEvent<Element>) => void) | undefined;
+    onAnimationStart?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationStartCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationEnd?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationEndCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationIteration?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationIterationCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onTransitionEnd?: ((event: import("react").TransitionEvent<Element>) => void) | undefined;
+    onTransitionEndCapture?: ((event: import("react").TransitionEvent<Element>) => void) | undefined;
 } | {
@@ -303,3 +303,3 @@ ref: (value: any) => void;
     onMouseUp: (event: MouseEvent) => void;
-    onKeyUp: (event: React.KeyboardEvent) => void;
+    onKeyUp: (event: KeyboardEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
@@ -323,3 +323,3 @@ onMouseOver: (event: MouseEvent) => void;
     spellCheck?: boolean | "true" | "false" | undefined;
-    style?: React.CSSProperties | undefined;
+    style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
@@ -397,161 +397,161 @@ translate?: "yes" | "no" | undefined;
     'aria-valuetext'?: string | undefined;
-    children?: React.ReactNode;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string;
     } | undefined;
-    onCopy?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCopyCapture?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCut?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCutCapture?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onPaste?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onPasteCapture?: ((event: React.ClipboardEvent<Element>) => void) | undefined;
-    onCompositionEnd?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionEndCapture?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionStart?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionStartCapture?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionUpdate?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onCompositionUpdateCapture?: ((event: React.CompositionEvent<Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onFocusCapture?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onBlurCapture?: ((event: React.FocusEvent<Element>) => void) | undefined;
-    onChange?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onChangeCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onBeforeInput?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onBeforeInputCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInput?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInputCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onReset?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onResetCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onSubmit?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onSubmitCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInvalid?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onInvalidCapture?: ((event: React.FormEvent<Element>) => void) | undefined;
-    onLoad?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onError?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onErrorCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onKeyDownCapture?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyPress?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyPressCapture?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onKeyUpCapture?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    onAbort?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onAbortCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlay?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlayCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlayThrough?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onCanPlayThroughCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onDurationChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onDurationChangeCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEmptied?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEmptiedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEncrypted?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEncryptedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEnded?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onEndedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedData?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedDataCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedMetadata?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadedMetadataCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadStart?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onLoadStartCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPause?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPauseCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlay?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlayCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlaying?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onPlayingCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onProgress?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onProgressCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onRateChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onRateChangeCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeeked?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeekedCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeeking?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSeekingCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onStalled?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onStalledCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSuspend?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSuspendCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onTimeUpdate?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onTimeUpdateCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onVolumeChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onVolumeChangeCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onWaiting?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onWaitingCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onAuxClick?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onAuxClickCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onClickCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onContextMenu?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onContextMenuCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onDoubleClick?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onDoubleClickCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onDrag?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEnd?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEndCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEnter?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragEnterCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragExit?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragExitCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragLeave?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragLeaveCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragOver?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragOverCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragStart?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDragStartCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDrop?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onDropCapture?: ((event: React.DragEvent<Element>) => void) | undefined;
-    onMouseDownCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseEnter?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseMove?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseMoveCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseOut?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseOutCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseOverCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onMouseUpCapture?: ((event: React.MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
-    onSelect?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onSelectCapture?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    onTouchCancel?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchCancelCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchEnd?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchEndCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchMove?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchMoveCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchStart?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onTouchStartCapture?: ((event: React.TouchEvent<Element>) => void) | undefined;
-    onPointerDown?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerDownCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerMove?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerMoveCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerUp?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerUpCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerCancel?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerCancelCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerEnter?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerEnterCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerLeave?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerLeaveCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOver?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOverCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOut?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onPointerOutCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onGotPointerCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onGotPointerCaptureCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onLostPointerCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onLostPointerCaptureCapture?: ((event: React.PointerEvent<Element>) => void) | undefined;
-    onScroll?: ((event: React.UIEvent<Element, UIEvent>) => void) | undefined;
-    onScrollCapture?: ((event: React.UIEvent<Element, UIEvent>) => void) | undefined;
-    onWheel?: ((event: React.WheelEvent<Element>) => void) | undefined;
-    onWheelCapture?: ((event: React.WheelEvent<Element>) => void) | undefined;
-    onAnimationStart?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationStartCapture?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationEnd?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationEndCapture?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationIteration?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onAnimationIterationCapture?: ((event: React.AnimationEvent<Element>) => void) | undefined;
-    onTransitionEnd?: ((event: React.TransitionEvent<Element>) => void) | undefined;
-    onTransitionEndCapture?: ((event: React.TransitionEvent<Element>) => void) | undefined;
+    onCopy?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCopyCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCut?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCutCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onPaste?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onPasteCapture?: ((event: import("react").ClipboardEvent<Element>) => void) | undefined;
+    onCompositionEnd?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionEndCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionStart?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionStartCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionUpdate?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<Element>) => void) | undefined;
+    onFocus?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onFocusCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onBlur?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onBlurCapture?: ((event: import("react").FocusEvent<Element>) => void) | undefined;
+    onChange?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onChangeCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onBeforeInput?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onBeforeInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInput?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInputCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onReset?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onResetCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onSubmit?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onSubmitCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInvalid?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onInvalidCapture?: ((event: import("react").FormEvent<Element>) => void) | undefined;
+    onLoad?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onError?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onErrorCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onKeyDownCapture?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyPress?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyPressCapture?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onKeyUpCapture?: ((event: KeyboardEvent<Element>) => void) | undefined;
+    onAbort?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onAbortCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlayThrough?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onDurationChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onDurationChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEmptied?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEmptiedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEncrypted?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEncryptedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEnded?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onEndedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedData?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedDataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedMetadata?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadStart?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onLoadStartCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPause?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPauseCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlay?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlayCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlaying?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onPlayingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onProgress?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onProgressCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onRateChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onRateChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeeked?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeekedCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeeking?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSeekingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onStalled?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onStalledCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSuspend?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSuspendCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onTimeUpdate?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onVolumeChange?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onWaiting?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onWaitingCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onAuxClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onAuxClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onContextMenu?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onContextMenuCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onDoubleClick?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onDoubleClickCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onDrag?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnd?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEndCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnter?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnterCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragExit?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragExitCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragLeave?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragLeaveCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragOver?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragOverCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragStart?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDragStartCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDrop?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onDropCapture?: ((event: import("react").DragEvent<Element>) => void) | undefined;
+    onMouseDownCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseEnter?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseLeave?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseMove?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseMoveCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseOut?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseOutCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseOverCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onMouseUpCapture?: ((event: MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+    onSelect?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onSelectCapture?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onTouchCancel?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchCancelCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchEnd?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchEndCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchMove?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchMoveCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchStart?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onTouchStartCapture?: ((event: import("react").TouchEvent<Element>) => void) | undefined;
+    onPointerDown?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerDownCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerMove?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerUp?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerUpCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerCancel?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerCancelCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerEnter?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerLeave?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOver?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOverCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOut?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onPointerOutCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onGotPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onLostPointerCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<Element>) => void) | undefined;
+    onScroll?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined;
+    onScrollCapture?: ((event: import("react").UIEvent<Element, UIEvent>) => void) | undefined;
+    onWheel?: ((event: import("react").WheelEvent<Element>) => void) | undefined;
+    onWheelCapture?: ((event: import("react").WheelEvent<Element>) => void) | undefined;
+    onAnimationStart?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationStartCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationEnd?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationEndCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationIteration?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onAnimationIterationCapture?: ((event: import("react").AnimationEvent<Element>) => void) | undefined;
+    onTransitionEnd?: ((event: import("react").TransitionEvent<Element>) => void) | undefined;
+    onTransitionEndCapture?: ((event: import("react").TransitionEvent<Element>) => void) | undefined;
 };
 export declare type UseClickableReturn = ReturnType<typeof useClickable>;

package.json

 {
   "name": "@chakra-ui/clickable",
-  "version": "1.0.0-rc.0",
+  "version": "1.0.0-rc.1",
   "description": "React hook and component that implements native button interactions",
@@ -48,3 +48,3 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/utils": "1.0.0-rc.0"
+    "@chakra-ui/utils": "1.0.0-rc.1"
   },
@@ -54,3 +54,3 @@ "peerDependencies": {
   },
-  "gitHead": "60392008d42867da38211687e2491f02da9975a9"
+  "gitHead": "e0470c73a9f6be24525dc5458d6fb157096b5ae3"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

79277

increased by3.69%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@chakra-ui/utils@1.0.0-rc.1(transitive)

• - Removed@chakra-ui/utils@1.0.0-rc.0(transitive)

• Updated@chakra-ui/utils@1.0.0-rc.1