react-context-form 2.11.0 → 2.11.1

package/build/AutoUpdate/AutoUpdate.d.ts

@@ -16,7 +16,7 @@ export declare class AutoUpdate extends React.Component<AutoUpdateProps> {
         onChange: boolean;
     };
     static readonly contextTypes: {
-        getDOMElement: PropTypes.Validator<any>;
+        getDOMElement: PropTypes.Validator<(...args: any[]) => any>;
         id: PropTypes.Validator<any>;
         name: PropTypes.Validator<any>;
         value: PropTypes.Validator<any>;

package/build/AutoValidate/AutoValidate.d.ts

@@ -30,7 +30,7 @@ export declare class AutoValidate extends React.Component<AutoValidateProps> {
         onBlur: PropTypes.Validator<any>;
     };
     static readonly contextTypes: {
-        validate: PropTypes.Validator<any>;
+        validate: PropTypes.Validator<(...args: any[]) => any>;
         id: PropTypes.Validator<any>;
         name: PropTypes.Validator<any>;
         value: PropTypes.Validator<any>;

package/build/Button/BaseButton.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as PropTypes from "prop-types";
 import { InputContext } from "../Input";
-export declare abstract class BaseButton extends React.Component<React.HTMLProps<HTMLButtonElement>> {
+export declare abstract class BaseButton extends React.Component<React.HTMLProps<HTMLButtonElement>, {}> {
     static contextTypes: {
         id: PropTypes.Validator<any>;
         name: PropTypes.Validator<any>;
@@ -13,7 +13,7 @@ export declare abstract class BaseButton extends React.Component<React.HTMLProps
         onMount: PropTypes.Validator<any>;
     };
     context: InputContext;
-    readonly childProps: React.HTMLProps<HTMLButtonElement>;
+    get childProps(): React.HTMLProps<HTMLButtonElement>;
     protected abstract handleClick: (args: any) => any;
     protected handleBlur: (event: any) => void;
     protected handleFocus: (event: any) => void;

package/build/Button/Button.d.ts

@@ -72,7 +72,6 @@ export declare class Button extends BaseButton {
         multiple?: PropTypes.Validator<any> | undefined;
         muted?: PropTypes.Validator<any> | undefined;
         name?: PropTypes.Validator<any> | undefined;
-        nonce?: PropTypes.Validator<any> | undefined;
         noValidate?: PropTypes.Validator<any> | undefined;
         open?: PropTypes.Validator<any> | undefined;
         optimum?: PropTypes.Validator<any> | undefined;
@@ -124,13 +123,13 @@ export declare class Button extends BaseButton {
         hidden?: PropTypes.Validator<any> | undefined;
         id?: PropTypes.Validator<any> | undefined;
         lang?: PropTypes.Validator<any> | undefined;
+        nonce?: PropTypes.Validator<any> | undefined;
         slot?: PropTypes.Validator<any> | undefined;
         spellCheck?: PropTypes.Validator<any> | undefined;
         style?: PropTypes.Validator<any> | undefined;
         tabIndex?: PropTypes.Validator<any> | undefined;
         title?: PropTypes.Validator<any> | undefined;
-        inputMode?: PropTypes.Validator<any> | undefined;
-        is?: PropTypes.Validator<any> | undefined;
+        translate?: PropTypes.Validator<any> | undefined;
         radioGroup?: PropTypes.Validator<any> | undefined;
         role?: PropTypes.Validator<any> | undefined;
         about?: PropTypes.Validator<any> | undefined;
@@ -153,6 +152,8 @@ export declare class Button extends BaseButton {
         results?: PropTypes.Validator<any> | undefined;
         security?: PropTypes.Validator<any> | undefined;
         unselectable?: PropTypes.Validator<any> | undefined;
+        inputMode?: PropTypes.Validator<any> | undefined;
+        is?: PropTypes.Validator<any> | undefined;
         'aria-activedescendant'?: PropTypes.Validator<any> | undefined;
         'aria-atomic'?: PropTypes.Validator<any> | undefined;
         'aria-autocomplete'?: PropTypes.Validator<any> | undefined;
@@ -221,6 +222,8 @@ export declare class Button extends BaseButton {
         onBlurCapture?: PropTypes.Validator<any> | undefined;
         onChange?: PropTypes.Validator<any> | undefined;
         onChangeCapture?: PropTypes.Validator<any> | undefined;
+        onBeforeInput?: PropTypes.Validator<any> | undefined;
+        onBeforeInputCapture?: PropTypes.Validator<any> | undefined;
         onInput?: PropTypes.Validator<any> | undefined;
         onInputCapture?: PropTypes.Validator<any> | undefined;
         onReset?: PropTypes.Validator<any> | undefined;
@@ -283,6 +286,8 @@ export declare class Button extends BaseButton {
         onVolumeChangeCapture?: PropTypes.Validator<any> | undefined;
         onWaiting?: PropTypes.Validator<any> | undefined;
         onWaitingCapture?: PropTypes.Validator<any> | undefined;
+        onAuxClick?: PropTypes.Validator<any> | undefined;
+        onAuxClickCapture?: PropTypes.Validator<any> | undefined;
         onClick?: PropTypes.Validator<any> | undefined;
         onClickCapture?: PropTypes.Validator<any> | undefined;
         onContextMenu?: PropTypes.Validator<any> | undefined;
@@ -327,6 +332,26 @@ export declare class Button extends BaseButton {
         onTouchMoveCapture?: PropTypes.Validator<any> | undefined;
         onTouchStart?: PropTypes.Validator<any> | undefined;
         onTouchStartCapture?: PropTypes.Validator<any> | undefined;
+        onPointerDown?: PropTypes.Validator<any> | undefined;
+        onPointerDownCapture?: PropTypes.Validator<any> | undefined;
+        onPointerMove?: PropTypes.Validator<any> | undefined;
+        onPointerMoveCapture?: PropTypes.Validator<any> | undefined;
+        onPointerUp?: PropTypes.Validator<any> | undefined;
+        onPointerUpCapture?: PropTypes.Validator<any> | undefined;
+        onPointerCancel?: PropTypes.Validator<any> | undefined;
+        onPointerCancelCapture?: PropTypes.Validator<any> | undefined;
+        onPointerEnter?: PropTypes.Validator<any> | undefined;
+        onPointerEnterCapture?: PropTypes.Validator<any> | undefined;
+        onPointerLeave?: PropTypes.Validator<any> | undefined;
+        onPointerLeaveCapture?: PropTypes.Validator<any> | undefined;
+        onPointerOver?: PropTypes.Validator<any> | undefined;
+        onPointerOverCapture?: PropTypes.Validator<any> | undefined;
+        onPointerOut?: PropTypes.Validator<any> | undefined;
+        onPointerOutCapture?: PropTypes.Validator<any> | undefined;
+        onGotPointerCapture?: PropTypes.Validator<any> | undefined;
+        onGotPointerCaptureCapture?: PropTypes.Validator<any> | undefined;
+        onLostPointerCapture?: PropTypes.Validator<any> | undefined;
+        onLostPointerCaptureCapture?: PropTypes.Validator<any> | undefined;
         onScroll?: PropTypes.Validator<any> | undefined;
         onScrollCapture?: PropTypes.Validator<any> | undefined;
         onWheel?: PropTypes.Validator<any> | undefined;
@@ -355,7 +380,7 @@ export declare class Button extends BaseButton {
         autoComplete?: string | undefined;
         autoFocus?: boolean | undefined;
         autoPlay?: boolean | undefined;
-        capture?: boolean | undefined;
+        capture?: string | boolean | undefined;
         cellPadding?: string | number | undefined;
         cellSpacing?: string | number | undefined;
         charSet?: string | undefined;
@@ -411,7 +436,6 @@ export declare class Button extends BaseButton {
         multiple?: boolean | undefined;
         muted?: boolean | undefined;
         name?: string | undefined;
-        nonce?: string | undefined;
         noValidate?: boolean | undefined;
         open?: boolean | undefined;
         optimum?: number | undefined;
@@ -446,32 +470,32 @@ export declare class Button extends BaseButton {
         target?: string | undefined;
         type?: string | undefined;
         useMap?: string | undefined;
-        value?: string | number | string[] | undefined;
+        value?: string | number | readonly string[] | undefined;
         width?: string | number | undefined;
         wmode?: string | undefined;
         wrap?: string | undefined;
         defaultChecked?: boolean | undefined;
-        defaultValue?: string | string[] | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         className?: string | undefined;
-        contentEditable?: boolean | undefined;
+        contentEditable?: boolean | "true" | "false" | "inherit" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: boolean | undefined;
+        draggable?: boolean | "true" | "false" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: boolean | undefined;
+        spellCheck?: boolean | "true" | "false" | undefined;
         style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        inputMode?: string | undefined;
-        is?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
-        role?: string | undefined;
+        role?: "form" | "list" | "checkbox" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | (string & {}) | undefined;
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
@@ -491,49 +515,51 @@ export declare class Button extends BaseButton {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: boolean | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: boolean | "false" | "true" | undefined;
+        'aria-atomic'?: boolean | "true" | "false" | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-        'aria-busy'?: boolean | "false" | "true" | undefined;
-        'aria-checked'?: boolean | "false" | "true" | "mixed" | undefined;
+        'aria-busy'?: boolean | "true" | "false" | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "step" | "false" | "true" | "page" | "location" | "date" | "time" | undefined;
+        'aria-current'?: boolean | "step" | "true" | "false" | "page" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
-        'aria-disabled'?: boolean | "false" | "true" | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        'aria-disabled'?: boolean | "true" | "false" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: boolean | "false" | "true" | undefined;
+        'aria-expanded'?: boolean | "true" | "false" | undefined;
         'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: boolean | "false" | "true" | undefined;
-        'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        'aria-hidden'?: boolean | "false" | "true" | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        'aria-grabbed'?: boolean | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "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;
-        'aria-modal'?: boolean | "false" | "true" | undefined;
-        'aria-multiline'?: boolean | "false" | "true" | undefined;
-        'aria-multiselectable'?: boolean | "false" | "true" | undefined;
+        'aria-modal'?: boolean | "true" | "false" | undefined;
+        'aria-multiline'?: boolean | "true" | "false" | undefined;
+        'aria-multiselectable'?: boolean | "true" | "false" | undefined;
         'aria-orientation'?: "horizontal" | "vertical" | undefined;
         'aria-owns'?: string | undefined;
         'aria-placeholder'?: string | undefined;
         'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "false" | "true" | "mixed" | undefined;
-        'aria-readonly'?: boolean | "false" | "true" | undefined;
-        'aria-relevant'?: "additions" | "additions text" | "all" | "removals" | "text" | undefined;
-        'aria-required'?: boolean | "false" | "true" | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: boolean | "true" | "false" | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: boolean | "true" | "false" | undefined;
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
         'aria-rowindex'?: number | undefined;
         'aria-rowspan'?: number | undefined;
-        'aria-selected'?: boolean | "false" | "true" | undefined;
+        'aria-selected'?: boolean | "true" | "false" | undefined;
         'aria-setsize'?: number | undefined;
         'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
         'aria-valuemax'?: number | undefined;
@@ -556,12 +582,14 @@ export declare class Button extends BaseButton {
         onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLButtonElement>) => void) | undefined;
         onCompositionUpdate?: ((event: React.CompositionEvent<HTMLButtonElement>) => void) | undefined;
         onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLButtonElement>) => void) | undefined;
-        onFocus?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
-        onFocusCapture?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
-        onBlur?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
-        onBlurCapture?: ((event: React.FocusEvent<HTMLButtonElement>) => void) | undefined;
+        onFocus?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
+        onFocusCapture?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
+        onBlur?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
+        onBlurCapture?: ((event: React.FocusEvent<HTMLButtonElement, Element>) => void) | undefined;
         onChange?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onChangeCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
+        onBeforeInput?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
+        onBeforeInputCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInput?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInputCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onReset?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
@@ -570,66 +598,68 @@ export declare class Button extends BaseButton {
         onSubmitCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInvalid?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
         onInvalidCapture?: ((event: React.FormEvent<HTMLButtonElement>) => void) | undefined;
-        onLoad?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onError?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onErrorCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
+        onLoad?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onError?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onErrorCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
         onKeyDown?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyPress?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyUp?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
         onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
-        onAbort?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onAbortCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlay?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onDurationChange?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEmptied?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEncrypted?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEnded?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onEndedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedData?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadStart?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPause?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPauseCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlay?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlaying?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onPlayingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onProgress?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onProgressCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onRateChange?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeeked?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeekedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeeking?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSeekingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onStalled?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onStalledCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSuspend?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSuspendCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onTimeUpdate?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onVolumeChange?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onWaiting?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onWaitingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onClickCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onContextMenu?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onContextMenuCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onDoubleClick?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onDoubleClickCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
+        onAbort?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onAbortCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlay?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onDurationChange?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEmptied?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEncrypted?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEnded?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onEndedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedData?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadStart?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPause?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPauseCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlay?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlayCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlaying?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onPlayingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onProgress?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onProgressCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onRateChange?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeeked?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeekedCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeeking?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSeekingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onStalled?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onStalledCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSuspend?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSuspendCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onTimeUpdate?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onVolumeChange?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onWaiting?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onWaitingCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onAuxClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onAuxClickCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onContextMenu?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onContextMenuCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onDoubleClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onDoubleClickCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
         onDrag?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDragCapture?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDragEnd?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
@@ -646,20 +676,20 @@ export declare class Button extends BaseButton {
         onDragStartCapture?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDrop?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
         onDropCapture?: ((event: React.DragEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseDownCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseEnter?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseLeave?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseMove?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseMoveCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOut?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOutCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOver?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseOverCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onMouseUpCapture?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-        onSelect?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
-        onSelectCapture?: ((event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
+        onMouseDown?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseDownCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseEnter?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseLeave?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseMove?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseMoveCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOut?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOutCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOver?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseOverCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseUp?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onMouseUpCapture?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+        onSelect?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
+        onSelectCapture?: ((event: React.SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined;
         onTouchCancel?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchCancelCapture?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchEnd?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
@@ -668,8 +698,28 @@ export declare class Button extends BaseButton {
         onTouchMoveCapture?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchStart?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
         onTouchStartCapture?: ((event: React.TouchEvent<HTMLButtonElement>) => void) | undefined;
-        onScroll?: ((event: React.UIEvent<HTMLButtonElement>) => void) | undefined;
-        onScrollCapture?: ((event: React.UIEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerDown?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerDownCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerMove?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerMoveCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerUp?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerUpCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerCancel?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerCancelCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerEnter?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerEnterCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerLeave?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOver?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOverCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOut?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onPointerOutCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onGotPointerCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onLostPointerCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLButtonElement>) => void) | undefined;
+        onScroll?: ((event: React.UIEvent<HTMLButtonElement, UIEvent>) => void) | undefined;
+        onScrollCapture?: ((event: React.UIEvent<HTMLButtonElement, UIEvent>) => void) | undefined;
         onWheel?: ((event: React.WheelEvent<HTMLButtonElement>) => void) | undefined;
         onWheelCapture?: ((event: React.WheelEvent<HTMLButtonElement>) => void) | undefined;
         onAnimationStart?: ((event: React.AnimationEvent<HTMLButtonElement>) => void) | undefined;
@@ -680,11 +730,11 @@ export declare class Button extends BaseButton {
         onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLButtonElement>) => void) | undefined;
         onTransitionEnd?: ((event: React.TransitionEvent<HTMLButtonElement>) => void) | undefined;
         onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLButtonElement>) => void) | undefined;
-        ref?: string | ((instance: HTMLButtonElement | null) => any) | React.RefObject<HTMLButtonElement> | undefined;
-        key?: string | number | undefined;
+        ref?: string | ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+        key?: string | number | null | undefined;
     };
     props: ButtonProps;
     render(): JSX.Element;
     protected handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    protected readonly className: string;
+    protected get className(): string;
 }