@wavv/ui 1.4.2 → 1.5.0

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

@@ -0,0 +1,173 @@
+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, "invalid" | "width" | "height" | "id" | "list" | "selected" | "start" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "containerRef" | "onClick" | "color" | "backgroundColor" | "content" | "fontSize" | "translate" | "borderColor" | "borderRadius" | "hidden" | "pointer" | "default" | "tabIndex" | "value" | "search" | "open" | "key" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | keyof import("./types").Margin | "borderless" | "textOnly" | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "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, "invalid" | "width" | "height" | "id" | "list" | "selected" | "start" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "containerRef" | "onClick" | "color" | "backgroundColor" | "content" | "fontSize" | "translate" | "borderColor" | "borderRadius" | "hidden" | "pointer" | "default" | "tabIndex" | "value" | "search" | "open" | "key" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | keyof import("./types").Margin | "borderless" | "textOnly" | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "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?: "left" | "right" | "top" | "bottom" | 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/esm/types/components/Input.d.ts

@@ -0,0 +1,192 @@
+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, "invalid" | "width" | "height" | "id" | "list" | "selected" | "start" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "containerRef" | "onClick" | "color" | "backgroundColor" | "content" | "fontSize" | "translate" | "borderColor" | "borderRadius" | "hidden" | "pointer" | "default" | "tabIndex" | "value" | "search" | "open" | "key" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | keyof Margin | "borderless" | "textOnly" | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "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, "invalid" | "width" | "height" | "id" | "list" | "selected" | "start" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "containerRef" | "onClick" | "color" | "backgroundColor" | "content" | "fontSize" | "translate" | "borderColor" | "borderRadius" | "hidden" | "pointer" | "default" | "tabIndex" | "value" | "search" | "open" | "key" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | keyof Margin | "borderless" | "textOnly" | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "preventFocus" | "onClear" | keyof Phone>) & import("react").RefAttributes<InputRef>>;
+export default Input;

package/build/esm/{components → types/components}/Notification.d.ts

@@ -6,7 +6,7 @@ declare const Notification: import("@emotion/styled").StyledComponent<{
 } & {
     color?: string | undefined;
     size?: string | number | undefined;
-    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+    position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
     number?: boolean | undefined;
     top?: string | number | undefined;
     bottom?: string | number | undefined;

package/build/esm/{hooks → types/hooks}/index.d.ts

@@ -3,3 +3,4 @@ export { default as useWindowSize } from './useWindowSize';
 export { default as useSelectAll } from './useSelectAll';
 export { default as useEventListener } from './useEventListener';
 export { default as useSelect } from './useSelect';
+export { default as useElementObserver } from './useElementObserver';

package/build/esm/types/hooks/useElementObserver.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+/**
+ * A React hook that fires a callback whenever ResizeObserver detects a change to its size
+ * @param target A React ref created by useRef()
+ * @param callback Invoked with a single HTMLElement any time the target resizes
+ */
+declare const useElementObserver: <T extends HTMLElement>(target: RefObject<T>, callback: (node: T) => void) => void;
+export default useElementObserver;

package/build/{cjs → esm/types}/index.d.ts

@@ -1,3 +1,4 @@
+export { default as Accordion } from './components/Accordion';
 export { default as Audio } from './components/Audio';
 export { default as BarChart } from './components/BarChart';
 export { default as Button } from './components/Button';
@@ -48,5 +49,6 @@ export { default as useSelect } from './hooks/useSelect';
 export { default as useSelectAll } from './hooks/useSelectAll';
 export { default as useWindowSize } from './hooks/useWindowSize';
 export { default as useConfirm } from './hooks/useConfirm';
+export { default as useElementObserver } from './hooks/useElementObserver';
 export { default as formatDate } from './utils/formatDate';
 export { default as copyToClipboard } from './utils/copyToClipboard';