@wavv/ui 1.0.0

package/dist/esm/types/components/Form.d.ts

@@ -0,0 +1,556 @@
+import { FormEvent, HTMLProps, ReactNode } from 'react';
+import { GridProps } from './Grid';
+declare 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;
+        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;
+    } & 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" | "nonce" | "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" | "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" | "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;
+    }> | 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;
+        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;
+    } & 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" | "nonce" | "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" | "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" | "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;
+    }>) & import("react").RefAttributes<import("./types").InputRef>>;
+    Dropdown: {
+        ({ 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: import("./Dropdown").DropdownOption | null) => void) | undefined;
+            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?: import("./Dropdown").DropdownOption[] | 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 & {
+            ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
+            search?: boolean | undefined;
+            cite?: string | undefined;
+            data?: string | undefined;
+            form?: string | undefined;
+            label?: string | undefined;
+            slot?: string | undefined;
+            span?: number | undefined;
+            style?: import("react").CSSProperties | undefined;
+            summary?: string | undefined;
+            title?: string | undefined;
+            pattern?: string | undefined;
+            start?: number | undefined;
+            size?: number | undefined;
+            accept?: string | undefined;
+            acceptCharset?: string | undefined;
+            action?: string | undefined;
+            allowFullScreen?: boolean | undefined;
+            allowTransparency?: boolean | undefined;
+            alt?: string | undefined;
+            as?: import("react").ElementType<unknown> | undefined;
+            async?: boolean | undefined;
+            autoComplete?: string | undefined;
+            autoFocus?: boolean | undefined;
+            autoPlay?: boolean | undefined;
+            capture?: boolean | "user" | "environment" | undefined;
+            cellPadding?: string | number | undefined;
+            cellSpacing?: string | number | undefined;
+            charSet?: string | undefined;
+            challenge?: string | undefined;
+            checked?: boolean | undefined;
+            classID?: string | undefined;
+            cols?: number | undefined;
+            colSpan?: number | undefined;
+            content?: string | undefined;
+            controls?: boolean | undefined;
+            coords?: string | undefined;
+            crossOrigin?: string | undefined;
+            dateTime?: string | undefined;
+            default?: boolean | undefined;
+            defer?: boolean | undefined;
+            disabled?: boolean | undefined;
+            download?: any;
+            encType?: string | undefined;
+            formAction?: string | undefined;
+            formEncType?: string | undefined;
+            formMethod?: string | undefined;
+            formNoValidate?: boolean | undefined;
+            formTarget?: string | undefined;
+            frameBorder?: string | number | undefined;
+            headers?: string | undefined;
+            height?: string | number | undefined;
+            high?: number | undefined;
+            href?: string | undefined;
+            hrefLang?: string | undefined;
+            htmlFor?: string | undefined;
+            httpEquiv?: string | undefined;
+            integrity?: string | undefined;
+            keyParams?: string | undefined;
+            keyType?: string | undefined;
+            kind?: string | undefined;
+            list?: string | undefined;
+            loop?: boolean | undefined;
+            low?: number | undefined;
+            manifest?: string | undefined;
+            marginHeight?: number | undefined;
+            marginWidth?: number | undefined;
+            max?: string | number | undefined;
+            maxLength?: number | undefined;
+            media?: string | undefined;
+            mediaGroup?: string | undefined;
+            method?: string | undefined;
+            min?: string | number | undefined;
+            minLength?: number | undefined;
+            multiple?: boolean | undefined;
+            muted?: boolean | undefined;
+            name?: string | undefined;
+            nonce?: string | undefined;
+            noValidate?: boolean | undefined;
+            open?: boolean | undefined;
+            optimum?: number | undefined;
+            placeholder?: string | undefined;
+            playsInline?: boolean | undefined;
+            poster?: string | undefined;
+            preload?: string | undefined;
+            readOnly?: boolean | undefined;
+            rel?: string | undefined;
+            required?: boolean | undefined;
+            reversed?: boolean | undefined;
+            rows?: number | undefined;
+            rowSpan?: number | undefined;
+            sandbox?: string | undefined;
+            scope?: string | undefined;
+            scoped?: boolean | undefined;
+            scrolling?: string | undefined;
+            seamless?: boolean | undefined;
+            selected?: boolean | undefined;
+            shape?: string | undefined;
+            sizes?: string | undefined;
+            src?: string | undefined;
+            srcDoc?: string | undefined;
+            srcLang?: string | undefined;
+            srcSet?: string | undefined;
+            step?: string | number | undefined;
+            target?: string | undefined;
+            type?: string | undefined;
+            useMap?: string | undefined;
+            width?: string | number | undefined;
+            wmode?: string | undefined;
+            wrap?: string | undefined;
+            defaultChecked?: boolean | undefined;
+            defaultValue?: string | number | readonly string[] | undefined;
+            suppressContentEditableWarning?: boolean | undefined;
+            suppressHydrationWarning?: boolean | undefined;
+            accessKey?: string | undefined;
+            className?: string | undefined;
+            contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+            contextMenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            hidden?: boolean | undefined;
+            id?: string | undefined;
+            lang?: string | undefined;
+            spellCheck?: (boolean | "true" | "false") | undefined;
+            tabIndex?: number | undefined;
+            translate?: "yes" | "no" | undefined;
+            radioGroup?: string | undefined;
+            role?: import("react").AriaRole | undefined;
+            about?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            resource?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autoCapitalize?: string | undefined;
+            autoCorrect?: string | undefined;
+            autoSave?: string | undefined;
+            color?: string | undefined;
+            itemProp?: string | undefined;
+            itemScope?: boolean | undefined;
+            itemType?: string | undefined;
+            itemID?: string | undefined;
+            itemRef?: string | undefined;
+            results?: number | undefined;
+            security?: string | undefined;
+            unselectable?: "on" | "off" | undefined;
+            inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+            is?: string | undefined;
+            'aria-activedescendant'?: string | undefined;
+            'aria-atomic'?: (boolean | "true" | "false") | undefined;
+            'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+            'aria-busy'?: (boolean | "true" | "false") | undefined;
+            'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+            'aria-colcount'?: number | undefined;
+            'aria-colindex'?: number | undefined;
+            'aria-colspan'?: number | undefined;
+            'aria-controls'?: string | undefined;
+            'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
+            'aria-describedby'?: string | undefined;
+            'aria-details'?: string | undefined;
+            'aria-disabled'?: (boolean | "true" | "false") | undefined;
+            'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "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" | "true" | "false" | "listbox" | "tree" | undefined;
+            'aria-hidden'?: (boolean | "true" | "false") | undefined;
+            'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+            'aria-keyshortcuts'?: string | undefined;
+            'aria-label'?: string | undefined;
+            'aria-labelledby'?: string | undefined;
+            'aria-level'?: number | undefined;
+            'aria-live'?: "off" | "assertive" | "polite" | undefined;
+            'aria-modal'?: (boolean | "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" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+            'aria-required'?: (boolean | "true" | "false") | undefined;
+            'aria-roledescription'?: string | undefined;
+            'aria-rowcount'?: number | undefined;
+            'aria-rowindex'?: number | undefined;
+            'aria-rowspan'?: number | undefined;
+            'aria-selected'?: (boolean | "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?: ReactNode;
+            dangerouslySetInnerHTML?: {
+                __html: string;
+            } | undefined;
+            onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+            onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+            onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+            onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+            onPaste?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+            onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+            onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+            onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+            onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+            onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+            onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+            onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+            onFocus?: (((event?: import("./types").InputFocusEvent | undefined) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
+            onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+            onBlur?: (((event?: import("./types").InputFocusEvent | undefined) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
+            onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+            onChangeCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onBeforeInput?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onInput?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onReset?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onResetCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onSubmit?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onInvalid?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+            onLoad?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+            onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+            onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+            onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+            onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+            onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+            onAbort?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onCanPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onDurationChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onEmptied?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onEncrypted?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onEnded?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadedData?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadStart?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onPause?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onPlaying?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onProgress?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onStalled?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSuspend?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onWaiting?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onAuxClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onClick?: (((event?: import("react").MouseEvent<Element, MouseEvent> | undefined) => void) & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+            onClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onContextMenu?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onDrag?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragEnd?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragExit?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragLeave?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragStart?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+            onMouseDown?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+            onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+            onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchMove?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchStart?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+            onPointerDown?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerMove?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerUp?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerEnterCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerOver?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerOut?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+            onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+            onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+            onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
+            onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
+            onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+            onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+            onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+            onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+            onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+            onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+            onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+            onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+            key?: import("react").Key | null | undefined;
+            phone?: true | undefined;
+            pointer?: boolean | undefined;
+            margin?: string | number | undefined;
+            marginTop?: string | number | undefined;
+            marginBottom?: string | number | undefined;
+            marginRight?: string | number | undefined;
+            marginLeft?: string | number | undefined;
+            backgroundColor?: string | undefined;
+            fontSize?: string | number | undefined;
+            borderColor?: string | undefined;
+            borderRadius?: string | number | undefined;
+            borderless?: boolean | undefined;
+            textOnly?: boolean | undefined;
+            invalid?: boolean | undefined;
+            placeholderColor?: string | undefined;
+            description?: string | undefined;
+            isLoading?: boolean | undefined;
+            iconLeft?: import("./helpers/getIcon").IconType | undefined;
+            iconRight?: import("./helpers/getIcon").IconType | undefined;
+            containerRef?: import("react").MutableRefObject<HTMLDivElement> | undefined;
+            preventFocus?: boolean | undefined;
+            onClear?: (() => void) | undefined;
+        }): JSX.Element;
+        Item({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: import("./Dropdown/DropdownUtils").DropdownItemProps): 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;
+};
+declare type FormGroupProps = {
+    /** Disables pointer events and reduces the opacity of the Group's contents  */
+    disabled?: boolean;
+    children?: ReactNode;
+} & GridProps;
+declare 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/dist/esm/types/components/FormControl.d.ts

@@ -0,0 +1,18 @@
+import { HTMLProps } from 'react';
+import { Margin, ThemeProp } from './types';
+export declare const ControlContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    labelRight?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & Margin & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const ControlInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThemeProp, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ControlLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare type CheckboxAttributes = Omit<HTMLProps<HTMLInputElement>, 'onChange'>;