import React from 'react'; import { ClassValue } from 'classnames/types'; import { SupportedColor, CommonProps } from '../Element/Element'; import { SupportedIconName } from '../../shared/icons'; import { ArrayElementType } from '../../types/utils/ArrayElementType'; import 'focus-within-polyfill'; import { BorderRadiusProps } from '../Element/getBorderRadiusClasses'; declare type BaseInputCommonProps = { /** Label shown on the input */ label?: string; /** Adds the required mark on the input */ required?: boolean; /** Sets the input to disabled state */ disabled?: boolean; /** Shows the confirmed sign in the input */ confirmed?: boolean; /** Change Color of icon to purple500 if input is valid aka filled */ valid?: boolean; /** Error text shown below the input to indicate the errorneous state */ errorText?: string; /** Additional description for input, if label is not enough */ helperText?: string; /** Custom className */ className?: ClassValue; /** Hide the existing label in order to show customized label (for PhoneNumberInput) */ showCustomLabel?: boolean; /** WrapperTabIndex effects on the focusability of the outer wrapper div, if you want to effect on the inner input element use inputTabIndex */ wrapperTabIndex?: number; } & Pick, 'borderRadius'> & Pick; declare type InnerInputProps = { /** Type of the input value */ type?: SupportedInputType; /** The value that is set to the input */ value?: string; confirmed?: BaseInputCommonProps['confirmed']; errorText?: BaseInputCommonProps['errorText']; /** OnChange handler for the input */ onChange?: (event: React.ChangeEvent, value: string) => void; /** Placeholder is visible when the input is empty */ placeholder?: string; /** Custom id */ id?: string; /** Name attribute passed to the input element */ name?: string; /** Autocomplete attribute passed to the input element */ autocomplete?: string; /** Icon to be displayed. Is not visible if input is in the errornous or confirmed state */ iconName?: SupportedIconName; /** Customizable color for the icon */ iconColor?: SupportedColor; /** OnClick handler for the icon */ onIconClick?: () => void; /** Readonly input */ readonly?: boolean; /** Border radius for the inner input for the autofill border hack */ borderRadius?: BorderRadiusProps; /** Overridable tabIndex for the internal input element. By default input is focusable unless the it's defined as readonly or disbaled */ inputTabIndex?: number; } & Omit; export declare type BaseInputPropsWithChildren = BaseInputCommonProps & { children: React.ReactElement | React.ReactNodeArray; }; export declare type BaseInputPropsWithoutChildren = BaseInputCommonProps & InnerInputProps & { children?: undefined; }; declare const BaseInput: React.ForwardRefExoticComponent<({ /** Label shown on the input */ label?: string | undefined; /** Adds the required mark on the input */ required?: boolean | undefined; /** Sets the input to disabled state */ disabled?: boolean | undefined; /** Shows the confirmed sign in the input */ confirmed?: boolean | undefined; /** Change Color of icon to purple500 if input is valid aka filled */ valid?: boolean | undefined; /** Error text shown below the input to indicate the errorneous state */ errorText?: string | undefined; /** Additional description for input, if label is not enough */ helperText?: string | undefined; /** Custom className */ className?: ClassValue; /** Hide the existing label in order to show customized label (for PhoneNumberInput) */ showCustomLabel?: boolean | undefined; /** WrapperTabIndex effects on the focusability of the outer wrapper div, if you want to effect on the inner input element use inputTabIndex */ wrapperTabIndex?: number | undefined; } & Pick, "hidden" | "color" | "style" | "block" | "padding" | "backgroundColor" | "boxShadow" | "fontWeight" | "translate" | "borderRadius" | "margin" | "slot" | "title" | "children" | "key" | "onAnimationStart" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hoverColor" | "backgroundHoverColor" | "inlineBlock" | "shown" | "flexItem" | "hoverBoxShadow" | "responsiveHidden" | "occupyVerticalSpace" | "occupyHorizontalSpace" | "forceWrap" | "refElement" | "hideOverflow" | "showOverflow" | "alignTextToCenter" | "alignTextToRight" | "clickableAppearance">, "borderRadius"> & Pick, HTMLDivElement>, "onFocus" | "onBlur" | "onKeyUp" | "onClick"> & { children: React.ReactElement | React.ReactNodeArray; } & React.RefAttributes) | ({ /** Label shown on the input */ label?: string | undefined; /** Adds the required mark on the input */ required?: boolean | undefined; /** Sets the input to disabled state */ disabled?: boolean | undefined; /** Shows the confirmed sign in the input */ confirmed?: boolean | undefined; /** Change Color of icon to purple500 if input is valid aka filled */ valid?: boolean | undefined; /** Error text shown below the input to indicate the errorneous state */ errorText?: string | undefined; /** Additional description for input, if label is not enough */ helperText?: string | undefined; /** Custom className */ className?: ClassValue; /** Hide the existing label in order to show customized label (for PhoneNumberInput) */ showCustomLabel?: boolean | undefined; /** WrapperTabIndex effects on the focusability of the outer wrapper div, if you want to effect on the inner input element use inputTabIndex */ wrapperTabIndex?: number | undefined; } & Pick, "hidden" | "color" | "style" | "block" | "padding" | "backgroundColor" | "boxShadow" | "fontWeight" | "translate" | "borderRadius" | "margin" | "slot" | "title" | "children" | "key" | "onAnimationStart" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hoverColor" | "backgroundHoverColor" | "inlineBlock" | "shown" | "flexItem" | "hoverBoxShadow" | "responsiveHidden" | "occupyVerticalSpace" | "occupyHorizontalSpace" | "forceWrap" | "refElement" | "hideOverflow" | "showOverflow" | "alignTextToCenter" | "alignTextToRight" | "clickableAppearance">, "borderRadius"> & Pick, HTMLDivElement>, "onFocus" | "onBlur" | "onKeyUp" | "onClick"> & { /** Type of the input value */ type?: "search" | "text" | "tel" | "url" | "email" | "password" | undefined; /** The value that is set to the input */ value?: string | undefined; confirmed?: BaseInputCommonProps['confirmed']; errorText?: BaseInputCommonProps['errorText']; /** OnChange handler for the input */ onChange?: ((event: React.ChangeEvent, value: string) => void) | undefined; /** Placeholder is visible when the input is empty */ placeholder?: string | undefined; /** Custom id */ id?: string | undefined; /** Name attribute passed to the input element */ name?: string | undefined; /** Autocomplete attribute passed to the input element */ autocomplete?: string | undefined; /** Icon to be displayed. Is not visible if input is in the errornous or confirmed state */ iconName?: "search" | "link" | "reverse" | "infinite" | "copy" | "help" | "add" | "dot" | "menu" | "zoom" | "filter" | "letter" | "map" | "summary" | "time" | "video" | "image" | "stop" | "switch" | "alert" | "email" | "environment" | "sync" | "send" | "download" | "4g" | "5g" | "address-book" | "ai-robot" | "airplay" | "alarm-off" | "alarm" | "alert-filled" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "attachment" | "b2b-customer" | "bag" | "bar-chart" | "basketball" | "battery" | "blood-pressure" | "broadband" | "broken-phone" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "camera" | "card-view" | "care" | "cart" | "cast" | "chat-robot" | "chat" | "check-circle-filled" | "check-circle" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "child-1" | "child-2" | "close-circle" | "close" | "cloud" | "coffee" | "connected-building" | "connected" | "conversation" | "core-router" | "credit-card" | "customer-dialogue" | "daas-device" | "data-transfer" | "delete" | "delivery" | "desktop" | "devices" | "dislike" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "dsl-hub" | "edit" | "education" | "efficiency" | "end-user" | "entertainment" | "error-filled" | "error" | "esim-simcard" | "euro" | "excel" | "external" | "face-id" | "facebook" | "fiber" | "film" | "fingerprint" | "focus" | "folder-copy" | "folder-new" | "folder" | "food" | "fraud" | "games" | "getting-started" | "gif" | "graph" | "grid-view" | "handshake" | "headphones" | "heart-filled" | "heart" | "helppi" | "home-care" | "home-installation" | "home" | "industry" | "info-filled" | "info" | "instagram" | "internet" | "invoice" | "job-search" | "kontantkort" | "laptop" | "late-payment" | "like" | "linkedin" | "list-view" | "lock-closed" | "lock-open" | "login" | "logout" | "media-content" | "megaphone" | "microphone" | "minus" | "mms" | "moisture" | "money-back" | "money-euro" | "money-krone" | "more-horizontal" | "more-vertical" | "music" | "mute" | "network" | "new-contact" | "new-group" | "news" | "offering" | "offshore" | "optimization" | "org-chart" | "parental-guide" | "password-invisible" | "password-visible" | "pay-monthly" | "pay-once" | "payment-success" | "pebble" | "people-hub" | "people" | "phone-recycling" | "phone-ringing" | "phone" | "pie-chart" | "plane" | "play" | "player-settings" | "plus-minus" | "plus" | "police" | "portal" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "present" | "press-button" | "price" | "print" | "pulse" | "question-filled" | "question" | "rack" | "record" | "recycle" | "refill-card" | "register" | "remote-control" | "repair" | "report" | "reservation" | "roaming" | "router" | "satellite" | "save" | "savings" | "secure-device" | "secured-1" | "secured-2" | "sense-car" | "server" | "service-device" | "service-supervision" | "services" | "settings" | "share" | "shopping" | "shuffle" | "signature" | "simcard" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "smiley-happy" | "smiley-sad" | "sms" | "snapchat" | "snowflake" | "sorter" | "speedometer" | "spell-check" | "star-filled" | "star" | "store" | "stream" | "suitcase" | "support" | "sustainability" | "table-view" | "tablet" | "tag" | "trade-phone" | "trailer" | "transfer" | "tv-next" | "tv-pause" | "tv-play" | "tv-previous" | "tv" | "twitter" | "undo" | "upload" | "usb" | "user-admin" | "vcard" | "video-conference" | "voice-switch" | "voicemail" | "volume" | "wallet" | "wallplug" | "warning" | "weather" | "wireless-off" | "wireless" | "world-alert" | "world-off" | "world-question" | "world" | "youtube" | undefined; /** Customizable color for the icon */ iconColor?: "inherit" | "black" | "transparent" | "white" | "overlay" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | undefined; /** OnClick handler for the icon */ onIconClick?: (() => void) | undefined; /** Readonly input */ readonly?: boolean | undefined; /** Border radius for the inner input for the autofill border hack */ borderRadius?: true | Partial<{ size: "xs" | "sm" | "md" | "lg" | "zero" | "rounded"; top: boolean; bottom: boolean; left: boolean; right: boolean; }> | undefined; /** Overridable tabIndex for the internal input element. By default input is focusable unless the it's defined as readonly or disbaled */ inputTabIndex?: number | undefined; } & Pick, HTMLInputElement>, "hidden" | "color" | "size" | "style" | "multiple" | "disabled" | "height" | "translate" | "width" | "form" | "slot" | "title" | "pattern" | "key" | "list" | "step" | "onAnimationStart" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "max" | "min" | "type" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "alt" | "accept" | "capture" | "checked" | "enterKeyHint"> & { children?: undefined; } & React.RefAttributes)>; export declare const supportedInputTypes: readonly ["email", "password", "tel", "text", "url", "search"]; export declare type SupportedInputType = ArrayElementType; export default BaseInput;