@ringcentral/juno 3.0.0-alpha.8 → 3.0.0-alpha.9

package/components/Menu/MenuItem/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ElementType, ReactElement, ReactNode } from 'react';
+import React, { ComponentProps, ElementType, ReactElement, ReactNode, Ref } from 'react';
 import MuiMenuItem from '@material-ui/core/MenuItem';
 import { Classes, RcBaseProps, RcBaseSize, RcClassesProps, RcBaseFocusVariant } from '../../../foundation';
 import { RcIconProps } from '../../Icon';
@@ -7,6 +7,12 @@ import { WithTooltipProps } from '../../Tooltip';
 type RcMenuItemSize = RcBaseSize<'large' | 'medium'>;
 type RcMenuItemType = 'checked' | 'selected';
 type RcMenuItemClassesType = RcClassesProps<Classes<ComponentProps<typeof MuiMenuItem>> | 'checked' | 'unchecked' | 'focusVisible'>;
+type RcMenuItemInnerProps = {
+    /** id ref, can get menu item id */
+    idRef?: Ref<string>;
+    /** for subMenu component, use prevent click */
+    isSubMenuItem?: boolean;
+};
 type RcMenuItemProps = {
     /** MenuItem size */
     size?: RcMenuItemSize;
@@ -31,6 +37,436 @@ type RcMenuItemProps = {
      */
     focusVariant?: RcBaseFocusVariant<'highlight' | 'focusRing'>;
 } & RcMenuItemClassesType & Pick<RcListItemProps, 'color' | 'highlighted' | 'focused'> & WithTooltipProps & RcBaseProps<ComponentProps<typeof MuiMenuItem>, 'classes' | 'title'>;
-declare const RcMenuItem: any;
+declare const RcMenuItem: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    title?: NonNullable<React.ReactNode> | undefined;
+    useRcTooltip?: boolean | undefined;
+    TooltipProps?: Partial<import("../../Tooltip/Tooltip").RcTooltipProps> | undefined;
+} & Omit<Omit<Omit<{
+    /** MenuItem size */
+    size?: "medium" | "large" | undefined;
+    /** The component used for the root node. Either a string to use a HTML element or a component. */
+    component?: React.ElementType | undefined;
+    /** checked for that should render checked icon */
+    type?: RcMenuItemType | undefined;
+    /** if type to be `checked`, the checked prop for that should render checked icon */
+    checked?: boolean | undefined;
+    /** MenuItem with icon, can use `RcListItemIcon` */
+    icon?: ReactNode;
+    /** pass to the icon, can use RcIcon with symbol prop */
+    symbol?: RcIconProps['symbol'];
+    /** MenuItem with avatar, can use ListItemAvatar */
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    /** MenuItem with subAction, can use ListItemSecondaryAction */
+    secondaryAction?: ReactNode;
+    /**
+     * Set focus style for component.
+     *
+     * @default 'highlight'
+     */
+    focusVariant?: "highlight" | "focusRing" | undefined;
+} & RcMenuItemClassesType & Pick<RcListItemProps, "color" | "focused" | "highlighted"> & {
+    title?: NonNullable<React.ReactNode> | undefined;
+    useRcTooltip?: boolean | undefined;
+    TooltipProps?: Partial<import("../../Tooltip/Tooltip").RcTooltipProps> | undefined;
+} & Omit<{}, "title"> & RcBaseProps<{
+    button?: true | undefined;
+} & {
+    alignItems?: "center" | "flex-start" | undefined;
+    autoFocus?: boolean | undefined;
+    button?: boolean | undefined;
+    ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>, keyof React.JSX.IntrinsicElements> | undefined;
+    ContainerProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    dense?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    divider?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    selected?: boolean | undefined;
+} & {
+    action?: React.Ref<import("@material-ui/core").ButtonBaseActions> | undefined;
+    buttonRef?: React.Ref<unknown> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    onFocusVisible?: React.FocusEventHandler<any> | undefined;
+    tabIndex?: string | number | undefined;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core/MenuItem").MenuItemTypeMap<{
+    button?: true | undefined;
+}, "li">>> & Pick<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+}, "ref" | "key" | "suppressHydrationWarning" | "color" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value">, "title" | "classes"> & RcMenuItemInnerProps, "ref"> & React.RefAttributes<any>, "ref">, "title"> & React.RefAttributes<any>> & React.ComponentType<WithTooltipProps<Omit<Omit<{
+    /** MenuItem size */
+    size?: "medium" | "large" | undefined;
+    /** The component used for the root node. Either a string to use a HTML element or a component. */
+    component?: React.ElementType | undefined;
+    /** checked for that should render checked icon */
+    type?: RcMenuItemType | undefined;
+    /** if type to be `checked`, the checked prop for that should render checked icon */
+    checked?: boolean | undefined;
+    /** MenuItem with icon, can use `RcListItemIcon` */
+    icon?: ReactNode;
+    /** pass to the icon, can use RcIcon with symbol prop */
+    symbol?: RcIconProps['symbol'];
+    /** MenuItem with avatar, can use ListItemAvatar */
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    /** MenuItem with subAction, can use ListItemSecondaryAction */
+    secondaryAction?: ReactNode;
+    /**
+     * Set focus style for component.
+     *
+     * @default 'highlight'
+     */
+    focusVariant?: "highlight" | "focusRing" | undefined;
+} & RcMenuItemClassesType & Pick<RcListItemProps, "color" | "focused" | "highlighted"> & {
+    title?: NonNullable<React.ReactNode> | undefined;
+    useRcTooltip?: boolean | undefined;
+    TooltipProps?: Partial<import("../../Tooltip/Tooltip").RcTooltipProps> | undefined;
+} & Omit<{}, "title"> & RcBaseProps<{
+    button?: true | undefined;
+} & {
+    alignItems?: "center" | "flex-start" | undefined;
+    autoFocus?: boolean | undefined;
+    button?: boolean | undefined;
+    ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>, keyof React.JSX.IntrinsicElements> | undefined;
+    ContainerProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    dense?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    divider?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    selected?: boolean | undefined;
+} & {
+    action?: React.Ref<import("@material-ui/core").ButtonBaseActions> | undefined;
+    buttonRef?: React.Ref<unknown> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    onFocusVisible?: React.FocusEventHandler<any> | undefined;
+    tabIndex?: string | number | undefined;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core/MenuItem").MenuItemTypeMap<{
+    button?: true | undefined;
+}, "li">>> & Pick<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+}, "ref" | "key" | "suppressHydrationWarning" | "color" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value">, "title" | "classes"> & RcMenuItemInnerProps, "ref"> & React.RefAttributes<any>, "ref">>>, import("../../../foundation").RcTheme, {
+    /** The component used for the root node. Either a string to use a HTML element or a component. */
+    component?: React.ElementType | undefined;
+    /** checked for that should render checked icon */
+    type?: RcMenuItemType | undefined;
+    /** if type to be `checked`, the checked prop for that should render checked icon */
+    checked?: boolean | undefined;
+    /** MenuItem with icon, can use `RcListItemIcon` */
+    icon?: ReactNode;
+    /** pass to the icon, can use RcIcon with symbol prop */
+    symbol?: RcIconProps['symbol'];
+    /** MenuItem with avatar, can use ListItemAvatar */
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    /** MenuItem with subAction, can use ListItemSecondaryAction */
+    secondaryAction?: ReactNode;
+    classes?: Partial<import("@material-ui/styles").ClassNameMap<"focusVisible" | "checked" | import("@material-ui/core/MenuItem").MenuItemClassKey | "unchecked">> | undefined;
+    color?: ((import("../../../foundation").RcPaletteProp & string) & string) | undefined;
+    focused?: boolean | undefined;
+    highlighted?: boolean | undefined;
+    title?: NonNullable<React.ReactNode> | undefined;
+    useRcTooltip?: boolean | undefined;
+    TooltipProps?: Partial<import("../../Tooltip/Tooltip").RcTooltipProps> | undefined;
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+    key?: React.Key | null | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    role?: React.AriaRole | undefined;
+    tabIndex?: string | number | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | 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 | "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 | "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-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLLIElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLLIElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLLIElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLLIElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLLIElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLLIElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLLIElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLLIElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLLIElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLLIElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLLIElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLLIElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLLIElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLLIElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLLIElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLLIElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLLIElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLLIElement> | undefined;
+    slot?: string | undefined;
+    translate?: "no" | "yes" | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    innerRef?: React.Ref<any> | undefined;
+    disabled?: boolean | undefined;
+    action?: React.Ref<import("@material-ui/core").ButtonBaseActions> | undefined;
+    buttonRef?: React.Ref<unknown> | undefined;
+    centerRipple?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    onFocusVisible?: React.FocusEventHandler<any> | undefined;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    divider?: boolean | undefined;
+    selected?: boolean | undefined;
+    dense?: boolean | undefined;
+    alignItems?: "center" | "flex-start" | undefined;
+    ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>, keyof React.JSX.IntrinsicElements> | undefined;
+    ContainerProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    disableGutters?: boolean | undefined;
+    size: "medium" | "large";
+    button: true;
+    focusVariant: "highlight" | "focusRing";
+}, "symbol" | "ref" | "key" | "suppressHydrationWarning" | "color" | "id" | "lang" | "style" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "button" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "innerRef" | "icon" | "useRcTooltip" | "TooltipProps" | "disabled" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "component" | "focusVariant" | "avatar" | "divider" | "selected" | "checked" | "focused" | "dense" | "alignItems" | "ContainerComponent" | "ContainerProps" | "disableGutters" | "secondaryAction" | "highlighted">;
 export { RcMenuItem };
 export type { RcMenuItemClassesType, RcMenuItemProps, RcMenuItemSize, RcMenuItemType, };

package/components/Menu/MenuItem/styles/MenuItemStyle.d.ts

@@ -1,4 +1,17 @@
+/// <reference types="react" />
 import { RcThemedStyled } from '../../../../foundation';
 import { RcMenuItemProps } from '../MenuItem';
-export declare const StyledCheckIcon: any;
+export declare const StyledCheckIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    symbol?: import("../../../Icon/Icon").SvgSymbol | undefined;
+    loading?: boolean | undefined;
+    CircularProgressProps?: import("../../../Progress/CircularProgress/CircularProgress").RcCircularProgressProps | undefined;
+    color?: import("../../../../foundation").RcPaletteProp | undefined;
+    size?: "small" | "inherit" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | undefined;
+    loadingSize?: string | number | undefined;
+    useLoading?: boolean | undefined;
+    icon?: string | undefined;
+    desc?: string | undefined;
+    iconColor?: import("../../../../foundation").RcPaletteProp | undefined;
+    iconSize?: import("../../../Icon").IconSize | undefined;
+} & import("../../../../foundation").RcBaseProps<import("react").HTMLAttributes<HTMLSpanElement>, "color"> & import("react").RefAttributes<any>>>, import("../../../../foundation").RcTheme, {}, never>;
 export declare const MenuItemStyle: RcThemedStyled<RcMenuItemProps, any>;

package/components/Menu/MenuItemActionWrapper/MenuItemActionWrapper.d.ts

@@ -1,3 +1,3 @@
 /** @deprecated no longer need, just a `div` */
-declare const RcMenuItemActionWrapper: any;
+declare const RcMenuItemActionWrapper: import("styled-components").StyledComponent<"div", import("../../..").RcTheme, {}, never>;
 export { RcMenuItemActionWrapper };

package/components/Menu/MenuItemActionWrapper/styles/StyledMenuItemActionWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const StyledMenuItemActionWrapper: any;
+declare const StyledMenuItemActionWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").RcTheme, {}, never>;
 export { StyledMenuItemActionWrapper };

package/components/Menu/MenuItemSubAction/MenuItemSubAction.d.ts

@@ -2,6 +2,6 @@ import { ListItemSecondaryActionProps as MuiListItemSecondaryActionProps } from
 import { RcBaseProps } from '../../../foundation';
 type RcMenuItemSubActionProps = RcBaseProps<MuiListItemSecondaryActionProps>;
 /** @deprecated use RcListItemSecondaryAction */
-declare const RcMenuItemSubAction: any;
+declare const RcMenuItemSubAction: import("styled-components").StyledComponent<typeof import("@material-ui/core/ListItemSecondaryAction").default, import("../../../foundation").RcTheme, {}, never>;
 export { RcMenuItemSubAction };
 export type { RcMenuItemSubActionProps };

package/components/Menu/MenuItemSubAction/styles/StyledMenuItemSubAction.d.ts

@@ -1,2 +1,3 @@
-declare const StyledMenuItemSubAction: any;
+import MuiListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+declare const StyledMenuItemSubAction: import("styled-components").StyledComponent<typeof MuiListItemSecondaryAction, import("../../../../foundation").RcTheme, {}, never>;
 export { StyledMenuItemSubAction };

package/components/Menu/MenuList/MenuList.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import MuiMenuList from '@material-ui/core/MenuList';
 import { RcBaseProps } from '../../../foundation';
 import type { RcMenuListContextType, RcMenuListOnCloseReasonsType } from './MenuListContext';
@@ -11,6 +11,6 @@ type RcMenuListProps = {
     /** emit for subMenu closed */
     onClose?: (event: {}, reason: RcMenuListOnCloseReasonsType) => void;
 } & RcBaseProps<ComponentProps<typeof MuiMenuList>>;
-declare const RcMenuList: any;
+declare const RcMenuList: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcMenuListProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcMenuList, RcMenuListContext };
 export type { RcMenuListContextType, RcMenuListProps };

package/components/Menu/MenuList/styles/MenuListStyle.d.ts

@@ -1,4 +1,4 @@
 import { RcThemedStyled } from '../../../../foundation';
 import { RcMenuListProps } from '../MenuList';
-export declare const DividerInMenuStyle: any;
+export declare const DividerInMenuStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../../foundation").RcTheme>>;
 export declare const MenuListStyle: RcThemedStyled<RcMenuListProps, any>;

package/components/Menu/MenuOption/styles/StyledMenuOption.d.ts

@@ -1,2 +1,4 @@
-declare const StyledMenuOption: any;
+import React from 'react';
+import { RcMenuOptionProps } from '../MenuOption';
+declare const StyledMenuOption: import("styled-components").StyledComponent<React.FunctionComponent<RcMenuOptionProps>, import("../../../../foundation").RcTheme, {}, never>;
 export { StyledMenuOption };

package/components/Menu/SubMenu/SubMenu.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { RcBaseProps } from '../../../foundation';
 import { RcPopperProps } from '../../Popper';
 import { RcMenuItemProps } from '../MenuItem/MenuItem';
@@ -17,6 +17,6 @@ type RcSubMenuProps = {
     /** emit when sub menu popper closed */
     onClose?: (e: {}, reason: RcSubMenuOnCloseReasonsType) => void;
 } & RcBaseProps<RcMenuItemProps, 'type' | 'checked' | 'title'>;
-declare const RcSubMenu: any;
+declare const RcSubMenu: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcSubMenuProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcSubMenu, RcSubMenuContext };
 export type { RcSubMenuContextType, RcSubMenuProps };

package/components/Menu/SubMenu/styles/SubMenuStyle.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { RcThemedStyled } from '../../../../foundation';
 import { RcSubMenuProps } from '../SubMenu';
-export declare const StyledListItemSecondaryAction: any;
-export declare const StyledGrow: any;
+export declare const StyledListItemSecondaryAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../../../../foundation").RcBaseProps<import("@material-ui/core").ListItemSecondaryActionProps>, "ref"> & import("react").RefAttributes<any>>, import("../../../../foundation").RcTheme, {}, never>;
+export declare const StyledGrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@material-ui/core").GrowProps, "ref"> & import("react").RefAttributes<any>>, import("../../../../foundation").RcTheme, {}, never>;
 export declare const SubMenuStyle: RcThemedStyled<RcSubMenuProps, any>;

package/components/Pagination/Pagination/Pagination.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import MuiPagination from '@material-ui/lab/Pagination';
 import { RcBaseProps } from '../../../foundation';
 type RcPaginationProps = {} & RcBaseProps<ComponentProps<typeof MuiPagination>>;
 /** @release */
-declare const RcPagination: any;
+declare const RcPagination: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcBaseProps<import("@material-ui/lab/Pagination").PaginationProps>, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcPagination };
 export type { RcPaginationProps };