@wavv/ui 1.4.2 → 1.5.0

package/build/cjs/components/Form.d.ts

@@ -1,173 +0,0 @@
-import { FormEvent, HTMLProps, ReactNode } from 'react';
-import { GridProps } from './Grid';
-type FormProps = {
-    children?: ReactNode;
-    /** The function to be run after the form is submitted */
-    onSubmit?: (event: FormEvent) => void;
-} & GridProps & HTMLProps<HTMLFormElement>;
-declare const Form: {
-    ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest }: FormProps): JSX.Element;
-    Group({ children, rows, columns, rowGap, columnGap, disabled, ...rest }: FormGroupProps): JSX.Element;
-    Field({ children, inline, align, disabled }: FieldProps & {
-        children?: ReactNode;
-    }): JSX.Element;
-    Input: import("react").ForwardRefExoticComponent<(Pick<{
-        id?: string | undefined;
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        placeholderColor?: string | undefined;
-        description?: string | undefined;
-        isLoading?: boolean | undefined;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
-        invalid?: boolean | undefined;
-        borderless?: boolean | undefined;
-        borderRadius?: string | number | undefined;
-        borderColor?: string | undefined;
-        backgroundColor?: string | undefined;
-        fontSize?: string | number | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
-        containerRef?: import("react").MutableRefObject<HTMLDivElement> | undefined;
-        value?: string | number | undefined;
-        disabled?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        preventFocus?: boolean | undefined;
-        pointer?: boolean | undefined;
-        textOnly?: boolean | undefined;
-        search?: boolean | undefined;
-        onFocus?: ((event?: import("./types").InputFocusEvent | undefined) => void) | undefined;
-        onBlur?: ((event?: import("./types").InputFocusEvent | undefined) => void) | undefined;
-        onClick?: ((event?: import("react").MouseEvent<Element, MouseEvent> | undefined) => void) | undefined;
-        onClear?: (() => void) | undefined;
-    } & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & import("./types").As & {
-        phone?: undefined;
-        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    } & import("./types").Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof import("./types").Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof {
-        phone?: undefined;
-        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    }> | Pick<{
-        id?: string | undefined;
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        placeholderColor?: string | undefined;
-        description?: string | undefined;
-        isLoading?: boolean | undefined;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
-        invalid?: boolean | undefined;
-        borderless?: boolean | undefined;
-        borderRadius?: string | number | undefined;
-        borderColor?: string | undefined;
-        backgroundColor?: string | undefined;
-        fontSize?: string | number | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
-        containerRef?: import("react").MutableRefObject<HTMLDivElement> | undefined;
-        value?: string | number | undefined;
-        disabled?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        preventFocus?: boolean | undefined;
-        pointer?: boolean | undefined;
-        textOnly?: boolean | undefined;
-        search?: boolean | undefined;
-        onFocus?: ((event?: import("./types").InputFocusEvent | undefined) => void) | undefined;
-        onBlur?: ((event?: import("./types").InputFocusEvent | undefined) => void) | undefined;
-        onClick?: ((event?: import("react").MouseEvent<Element, MouseEvent> | undefined) => void) | undefined;
-        onClear?: (() => void) | undefined;
-    } & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & import("./types").As & {
-        phone: true;
-        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
-    } & import("./types").Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof import("./types").Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof {
-        phone: true;
-        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
-    }>) & import("react").RefAttributes<import("./types").InputRef>>;
-    Dropdown: {
-        <OptionType extends import("./Dropdown").DropdownOption>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
-            children?: ReactNode;
-            onChange?: ((item: OptionType | null) => void) | undefined;
-            /** Disables pointer events and reduces the opacity of the Group's contents  */
-            onTextChange?: ((text: string) => void) | undefined;
-            value?: string | number | undefined;
-            afterShow?: (() => void) | undefined;
-            afterHide?: (() => void) | undefined;
-            onFocus?: ((event?: import("./types").InputFocusEvent | undefined) => void) | undefined;
-            onBlur?: ((event?: import("./types").InputFocusEvent | undefined) => void) | undefined;
-            onError?: ((invalid: boolean) => void) | undefined;
-            placeholder?: string | undefined;
-            placeholderColor?: string | undefined;
-            options?: OptionType[] | undefined;
-            borderless?: boolean | undefined;
-            borderColor?: string | undefined;
-            backgroundColor?: string | undefined;
-            hideIcon?: boolean | undefined;
-            isLoading?: boolean | undefined;
-            clearOnSelect?: boolean | undefined;
-            filter?: boolean | undefined;
-            textOnly?: boolean | undefined;
-            label?: string | undefined;
-            id?: string | undefined;
-            name?: string | undefined;
-            trigger?: ReactNode;
-            centerY?: boolean | undefined;
-            centerX?: boolean | undefined;
-            offsetY?: number | undefined;
-            offsetX?: number | undefined;
-            direction?: "bottom" | "left" | "right" | "top" | undefined;
-            fontSize?: string | number | undefined;
-            description?: string | undefined;
-            disabled?: boolean | undefined;
-            invalid?: boolean | undefined;
-            search?: boolean | undefined;
-            restrictInput?: boolean | ((text: string) => boolean) | undefined;
-            inputRef?: import("react").RefObject<import("./types").InputRef> | undefined;
-            optionsParent?: string | undefined;
-        } & import("./types").Width & import("./types").Height & import("./types").Margin & import("./Dropdown").InputProps): JSX.Element;
-        Item<OptionType_1 extends import("./Dropdown").DropdownOption>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: import("./Dropdown/DropdownUtils").DropdownItemProps<OptionType_1>): JSX.Element;
-    };
-    Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
-        id?: string | undefined;
-        label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        checked?: boolean | undefined;
-    } & import("./types").Margin & import("./types").As & HTMLProps<HTMLInputElement>) => JSX.Element;
-    Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
-        id?: string | undefined;
-        label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        checked?: boolean | undefined;
-        onChange: (val: boolean) => void;
-    } & import("./types").Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => JSX.Element;
-    Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
-        id?: string | undefined;
-        label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        checked?: boolean | undefined;
-        partial?: boolean | undefined;
-        onChange: (val: boolean) => void;
-    } & import("./types").Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => JSX.Element;
-    Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
-        children?: ReactNode;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
-        pill?: boolean | undefined;
-        disabled?: boolean | undefined;
-    } & import("./types").Margin) => JSX.Element;
-};
-type FormGroupProps = {
-    /** Disables pointer events and reduces the opacity of the Group's contents  */
-    disabled?: boolean;
-    children?: ReactNode;
-} & GridProps;
-type FieldProps = {
-    /** Sets the flexDirection of the Field to 'row' instead of 'column' */
-    inline?: boolean;
-    /** Sets the vertical alignment of the Field's contents */
-    align?: 'top' | 'bottom' | 'center';
-    /** Disables pointer events and reduces the opacity of the Field's contents  */
-    disabled?: boolean;
-};
-export default Form;

package/build/cjs/components/Input.d.ts

@@ -1,192 +0,0 @@
-import { ChangeEvent, MutableRefObject, MouseEvent, HTMLProps } from 'react';
-import { As, InputFocusEvent, InputRef, Margin } from './types';
-import { IconType } from './helpers/getIcon';
-type OnClear = () => void;
-type OnChangeDefault = (event: ChangeEvent<HTMLInputElement>) => void;
-type OnChangePhone = (event: ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void;
-type Default = {
-    /** Auto-formats the input to a US phone number */
-    phone?: never;
-    /** A callback function that is run upon changing the contents of the input */
-    onChange?: OnChangeDefault;
-};
-type Phone = {
-    phone: true;
-    onChange?: OnChangePhone;
-};
-type InputTypes = Default | Phone;
-type DefaultInputProps = Omit<HTMLProps<HTMLInputElement>, 'onChange' | 'as'> & As;
-export type InputProps = {
-    /** The id of the input element */
-    id?: string;
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string;
-    /** Sets the input placeholder text */
-    placeholder?: string;
-    /** Sets the input placeholder color */
-    placeholderColor?: string;
-    /** Places a description message below the input */
-    description?: string;
-    /** Displays a spinner icon on the right side of the input */
-    isLoading?: boolean;
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType;
-    /** Sets the Input's bottom border and description text to red */
-    invalid?: boolean;
-    /** Removes the input border */
-    borderless?: boolean;
-    /** Sets the input borderRadius */
-    borderRadius?: number | string;
-    /** Sets the input borderColor */
-    borderColor?: string;
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Sets the input fontSize */
-    fontSize?: number | string;
-    /** Width of the input */
-    width?: number | string;
-    /** Height of the input */
-    height?: number | string;
-    /** A ref to the input's container element */
-    containerRef?: MutableRefObject<HTMLDivElement>;
-    /** Value of the input */
-    value?: string | number;
-    /** Disables the input */
-    disabled?: boolean;
-    /** Prevents the input from being clicked, focused, hovered, or edited  */
-    readOnly?: boolean;
-    /** Prevents the input from being clicked or focused  */
-    preventFocus?: boolean;
-    /** Sets the cursor to pointer for the input container */
-    pointer?: boolean;
-    /** Removes the padding from the input */
-    textOnly?: boolean;
-    /** Adds a search icon to the left of the input and a clear icon and funcitonality to the right */
-    search?: boolean;
-    /** Callback run after onFocus event */
-    onFocus?: (event?: InputFocusEvent) => void;
-    /** Callback run after onBlur event */
-    onBlur?: (event?: InputFocusEvent) => void;
-    /** A callback function that is run upon clicking the input container */
-    onClick?: (event?: MouseEvent) => void;
-    /** A callback function that is run upon clicking the clear icon */
-    onClear?: OnClear;
-} & DefaultInputProps & InputTypes & Margin;
-declare const Input: import("react").ForwardRefExoticComponent<(Pick<{
-    /** The id of the input element */
-    id?: string | undefined;
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string | undefined;
-    /** Sets the input placeholder text */
-    placeholder?: string | undefined;
-    /** Sets the input placeholder color */
-    placeholderColor?: string | undefined;
-    /** Places a description message below the input */
-    description?: string | undefined;
-    /** Displays a spinner icon on the right side of the input */
-    isLoading?: boolean | undefined;
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType | undefined;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType | undefined;
-    /** Sets the Input's bottom border and description text to red */
-    invalid?: boolean | undefined;
-    /** Removes the input border */
-    borderless?: boolean | undefined;
-    /** Sets the input borderRadius */
-    borderRadius?: string | number | undefined;
-    /** Sets the input borderColor */
-    borderColor?: string | undefined;
-    /** Sets the input backgroundColor */
-    backgroundColor?: string | undefined;
-    /** Sets the input fontSize */
-    fontSize?: string | number | undefined;
-    /** Width of the input */
-    width?: string | number | undefined;
-    /** Height of the input */
-    height?: string | number | undefined;
-    /** A ref to the input's container element */
-    containerRef?: MutableRefObject<HTMLDivElement> | undefined;
-    /** Value of the input */
-    value?: string | number | undefined;
-    /** Disables the input */
-    disabled?: boolean | undefined;
-    /** Prevents the input from being clicked, focused, hovered, or edited  */
-    readOnly?: boolean | undefined;
-    /** Prevents the input from being clicked or focused  */
-    preventFocus?: boolean | undefined;
-    /** Sets the cursor to pointer for the input container */
-    pointer?: boolean | undefined;
-    /** Removes the padding from the input */
-    textOnly?: boolean | undefined;
-    /** Adds a search icon to the left of the input and a clear icon and funcitonality to the right */
-    search?: boolean | undefined;
-    /** Callback run after onFocus event */
-    onFocus?: ((event?: InputFocusEvent) => void) | undefined;
-    /** Callback run after onBlur event */
-    onBlur?: ((event?: InputFocusEvent) => void) | undefined;
-    /** A callback function that is run upon clicking the input container */
-    onClick?: ((event?: MouseEvent) => void) | undefined;
-    /** A callback function that is run upon clicking the clear icon */
-    onClear?: OnClear | undefined;
-} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof Default> | Pick<{
-    /** The id of the input element */
-    id?: string | undefined;
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string | undefined;
-    /** Sets the input placeholder text */
-    placeholder?: string | undefined;
-    /** Sets the input placeholder color */
-    placeholderColor?: string | undefined;
-    /** Places a description message below the input */
-    description?: string | undefined;
-    /** Displays a spinner icon on the right side of the input */
-    isLoading?: boolean | undefined;
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType | undefined;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType | undefined;
-    /** Sets the Input's bottom border and description text to red */
-    invalid?: boolean | undefined;
-    /** Removes the input border */
-    borderless?: boolean | undefined;
-    /** Sets the input borderRadius */
-    borderRadius?: string | number | undefined;
-    /** Sets the input borderColor */
-    borderColor?: string | undefined;
-    /** Sets the input backgroundColor */
-    backgroundColor?: string | undefined;
-    /** Sets the input fontSize */
-    fontSize?: string | number | undefined;
-    /** Width of the input */
-    width?: string | number | undefined;
-    /** Height of the input */
-    height?: string | number | undefined;
-    /** A ref to the input's container element */
-    containerRef?: MutableRefObject<HTMLDivElement> | undefined;
-    /** Value of the input */
-    value?: string | number | undefined;
-    /** Disables the input */
-    disabled?: boolean | undefined;
-    /** Prevents the input from being clicked, focused, hovered, or edited  */
-    readOnly?: boolean | undefined;
-    /** Prevents the input from being clicked or focused  */
-    preventFocus?: boolean | undefined;
-    /** Sets the cursor to pointer for the input container */
-    pointer?: boolean | undefined;
-    /** Removes the padding from the input */
-    textOnly?: boolean | undefined;
-    /** Adds a search icon to the left of the input and a clear icon and funcitonality to the right */
-    search?: boolean | undefined;
-    /** Callback run after onFocus event */
-    onFocus?: ((event?: InputFocusEvent) => void) | undefined;
-    /** Callback run after onBlur event */
-    onBlur?: ((event?: InputFocusEvent) => void) | undefined;
-    /** A callback function that is run upon clicking the input container */
-    onClick?: ((event?: MouseEvent) => void) | undefined;
-    /** A callback function that is run upon clicking the clear icon */
-    onClear?: OnClear | undefined;
-} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof Phone>) & import("react").RefAttributes<InputRef>>;
-export default Input;

package/build/esm/components/Audio.d.ts

@@ -1,29 +0,0 @@
-import { ChangeEvent, HTMLProps } from 'react';
-import { Margin, Width, As, AudioRef } from './types';
-type AudioProps = {
-    /** The filepath of the audio source */
-    src: string;
-    /** The title of the audio source to be displayed */
-    title?: string;
-    /** Sets the position of the display info in relation to the duration slider */
-    infoPosition?: 'top' | 'bottom';
-    /** Center aligns the slider and info elements with the button */
-    centerAlignContent?: boolean;
-    /** Hides the slider control while not playing */
-    hideSliderOnStop?: boolean;
-    /** Hides the time display while not playing */
-    hideTimeOnStop?: boolean;
-    /** Reduces the size of the Audio play button */
-    small?: boolean;
-    /** Hides the duration slider */
-    collapsed?: boolean;
-    /** Font size of the audio title */
-    fontSizeTitle?: number | string;
-    /** Font size of the audio time */
-    fontSizeTime?: number | string;
-    onPlay?: (event: ChangeEvent<HTMLAudioElement>) => void;
-    onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
-    onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
-} & Margin & Width & As & HTMLProps<HTMLDivElement>;
-declare const Audio: import("react").ForwardRefExoticComponent<Pick<AudioProps, "small" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "key" | keyof Margin | "infoPosition" | "centerAlignContent" | "collapsed" | "hideSliderOnStop" | "hideTimeOnStop" | "fontSizeTitle" | "fontSizeTime" | "onStop"> & import("react").RefAttributes<AudioRef>>;
-export default Audio;