diff --git a/README.txt b/README.txt
index 42901fd0..9adf032c 100644
--- a/README.txt
+++ b/README.txt
@@ -1,6 +1,6 @@
 MDB 5 React
 
-Version: FREE 1.0.0-alpha4
+Version: FREE 1.0.0-beta1
 
 Documentation:
 https://mdbootstrap.com/docs/b5/react/
diff --git a/app/package.json b/app/package.json
index 76d47b94..f5964754 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mdb-react-ui-kit-demo",
-  "version": "1.0.0-alpha4",
+  "version": "1.0.0-beta1",
   "main": "index.js",
   "repository": {
     "type": "git",
diff --git a/app/src/components/Dropdown/Dropdown.tsx b/app/src/components/Dropdown/Dropdown.tsx
index 131afb49..89687516 100644
--- a/app/src/components/Dropdown/Dropdown.tsx
+++ b/app/src/components/Dropdown/Dropdown.tsx
@@ -70,11 +70,6 @@ const MDBDropdown: React.FC<DropdownProps> = ({
     [isOpenState, popperElement, referenceElement]
   );
 
-  useEffect(() => {
-    const wo = document.body.scrollTop;
-    console.log(wo);
-  });
-
   useEffect(() => {
     document.addEventListener('mousedown', handleClickOutside);
     return () => {
diff --git a/app/src/components/Dropdown/DropdownMenu/DropdownMenu.tsx b/app/src/components/Dropdown/DropdownMenu/DropdownMenu.tsx
index e16414ee..35b334e8 100644
--- a/app/src/components/Dropdown/DropdownMenu/DropdownMenu.tsx
+++ b/app/src/components/Dropdown/DropdownMenu/DropdownMenu.tsx
@@ -10,7 +10,6 @@ const MDBDropdownMenu: React.FC<DropdownMenuProps> = ({
   tag: Tag,
   children,
   style,
-  wrapperStyle,
   dark,
   responsive,
   ...props
@@ -105,28 +104,27 @@ const MDBDropdownMenu: React.FC<DropdownMenuProps> = ({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore
   return attachELements ? (
-    <div
-      className='position-absolute'
-      ref={setPopperElement}
+    <Tag
+      className={classes}
+      style={{ position: 'absolute', zIndex: 1000, ...styles.popper, ...style }}
+      {...props}
       {...attributes.popper}
-      style={{ display: 'block', zIndex: 1000, ...styles.popper, ...wrapperStyle }}
+      ref={setPopperElement}
       tabIndex={-1}
     >
-      <Tag className={classes} style={{ ...style }} {...props} tabIndex={-1}>
-        {React.Children.map(children, (child: any, index) => {
-          if (child?.type === MDBDropdownItem) {
-            return React.cloneElement(child, {
-              tabIndex: 0,
-              'data-active': activeIndex === index && true,
-              'data-index': index,
-              className: activeIndex === index ? 'active' : '',
-            });
-          } else {
-            return child;
-          }
-        })}
-      </Tag>
-    </div>
+      {React.Children.map(children, (child: any, index) => {
+        if (child?.type === MDBDropdownItem) {
+          return React.cloneElement(child, {
+            tabIndex: 0,
+            'data-active': activeIndex === index && true,
+            'data-index': index,
+            className: activeIndex === index ? 'active' : '',
+          });
+        } else {
+          return child;
+        }
+      })}
+    </Tag>
   ) : (
     ''
   );
diff --git a/app/src/components/Dropdown/DropdownMenu/index.d.ts b/app/src/components/Dropdown/DropdownMenu/index.d.ts
index f198f3c7..3e48ad12 100644
--- a/app/src/components/Dropdown/DropdownMenu/index.d.ts
+++ b/app/src/components/Dropdown/DropdownMenu/index.d.ts
@@ -3,7 +3,6 @@ import * as React from 'react';
 declare const MDBDropdownMenu: React.FunctionComponent<{
   className?: string;
   style?: Record<string, any>;
-  wrapperStyle?: Record<string, any>;
   dark?: boolean;
   responsive?: string;
   tag?: React.ComponentProps<any>;
diff --git a/app/src/components/Dropdown/DropdownMenu/types.tsx b/app/src/components/Dropdown/DropdownMenu/types.tsx
index 74572c28..bfc094b9 100644
--- a/app/src/components/Dropdown/DropdownMenu/types.tsx
+++ b/app/src/components/Dropdown/DropdownMenu/types.tsx
@@ -1,7 +1,6 @@
 type DropdownMenuProps = {
   className?: string;
   style?: Record<string, any>;
-  wrapperStyle?: Record<string, any>;
   dark?: boolean;
   responsive?: string;
   tag?: React.ComponentProps<any>;
diff --git a/app/src/forms/Checkbox/Checkbox.tsx b/app/src/forms/Checkbox/Checkbox.tsx
index 52c6c903..6c652b69 100644
--- a/app/src/forms/Checkbox/Checkbox.tsx
+++ b/app/src/forms/Checkbox/Checkbox.tsx
@@ -17,7 +17,10 @@ const MDBCheckbox: React.FC<CheckboxProps> = React.forwardRef<HTMLAllCollection,
       id,
       defaultChecked,
       checked,
+      validation,
+      invalid,
       btnColor,
+      toggleSwitch,
       ...props
     },
     ref
@@ -35,9 +38,15 @@ const MDBCheckbox: React.FC<CheckboxProps> = React.forwardRef<HTMLAllCollection,
       }
     }
 
-    const wrapperClasses = clsx(label && !btn && 'form-check', inline && !btn && 'form-check-inline', wrapperClass);
+    const wrapperClasses = clsx(
+      label && !btn && 'form-check',
+      inline && !btn && 'form-check-inline',
+      toggleSwitch && 'form-switch',
+      wrapperClass
+    );
     const inputClasses = clsx(inputStyle, className);
     const labelClasses = clsx(labelStyle, labelClass);
+    const validationClasses = clsx(validation && (invalid ? 'invalid-feedback' : 'valid-feedback'));
 
     return (
       <WrapperTag className={wrapperClasses}>
@@ -55,6 +64,7 @@ const MDBCheckbox: React.FC<CheckboxProps> = React.forwardRef<HTMLAllCollection,
             {label}
           </label>
         )}
+        {validation && <div className={validationClasses}>{validation}</div>}
       </WrapperTag>
     );
   }
diff --git a/app/src/forms/Checkbox/index.d.ts b/app/src/forms/Checkbox/index.d.ts
index ae3c8638..35594f0b 100644
--- a/app/src/forms/Checkbox/index.d.ts
+++ b/app/src/forms/Checkbox/index.d.ts
@@ -13,6 +13,8 @@ declare const MDBCheckbox: React.FunctionComponent<{
   name?: string;
   inline?: boolean;
   checked?: boolean;
+  validation?: string;
+  invalid?: boolean;
   btn?: boolean;
   btnColor?: string;
   [rest: string]: any;
diff --git a/app/src/forms/Checkbox/types.tsx b/app/src/forms/Checkbox/types.tsx
index 5791143a..ca11c655 100644
--- a/app/src/forms/Checkbox/types.tsx
+++ b/app/src/forms/Checkbox/types.tsx
@@ -12,6 +12,8 @@ type CheckboxProps = {
   value?: string | boolean;
   name?: string;
   inline?: boolean;
+  validation?: string;
+  invalid?: boolean;
   checked?: boolean;
   btn?: boolean;
   btnColor?: string;
diff --git a/app/src/forms/File/File.tsx b/app/src/forms/File/File.tsx
new file mode 100644
index 00000000..28ed4948
--- /dev/null
+++ b/app/src/forms/File/File.tsx
@@ -0,0 +1,37 @@
+import clsx from 'clsx';
+import React, { useRef } from 'react';
+import type { FileProps } from './types';
+
+const MDBFile: React.FC<FileProps> = ({
+  className,
+  labelId,
+  labelClass,
+  labelRef,
+  inputRef,
+  size,
+  label,
+  id,
+  ...props
+}) => {
+  const inputClasses = clsx('form-control', `form-control-${size}`, className);
+  const labelClasses = clsx('form-label', labelClass);
+
+  const labelEl = useRef<HTMLLabelElement>(null);
+  const inputEl = useRef<HTMLInputElement>(null);
+
+  const labelReference = labelRef ? labelRef : labelEl;
+  const inputReference = inputRef ? inputRef : inputEl;
+
+  return (
+    <>
+      {label && (
+        <label className={labelClasses} id={labelId} ref={labelReference} htmlFor={id}>
+          {label}
+        </label>
+      )}
+      <input className={inputClasses} type='file' id={id} ref={inputReference} {...props} />
+    </>
+  );
+};
+
+export default MDBFile;
diff --git a/app/src/forms/File/index.d.ts b/app/src/forms/File/index.d.ts
new file mode 100644
index 00000000..d5f3da0e
--- /dev/null
+++ b/app/src/forms/File/index.d.ts
@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+declare const MDBFile: React.FunctionComponent<{
+  className?: string;
+  id?: string;
+  label?: string;
+  disabled?: boolean;
+  labelId?: string;
+  labelClass?: string;
+  size?: string;
+  name?: string;
+  [rest: string]: any;
+}>;
+
+export default MDBFile;
diff --git a/app/src/forms/File/types.tsx b/app/src/forms/File/types.tsx
new file mode 100644
index 00000000..d62314c6
--- /dev/null
+++ b/app/src/forms/File/types.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+type FileProps = {
+  className?: string;
+  id?: string;
+  label?: string;
+  disabled?: boolean;
+  labelId?: string;
+  labelClass?: string;
+  size?: string;
+  name?: string;
+  [rest: string]: any;
+};
+
+export { FileProps };
diff --git a/app/src/forms/Input/Input.tsx b/app/src/forms/Input/Input.tsx
index 9b7c6b93..44e48212 100644
--- a/app/src/forms/Input/Input.tsx
+++ b/app/src/forms/Input/Input.tsx
@@ -20,6 +20,9 @@ const MDBInput: React.FC<InputProps> = ({
   labelStyle,
   inputRef,
   textarea,
+  validation,
+  invalid,
+  validationTooltip,
   ...props
 }) => {
   const labelEl = useRef<HTMLLabelElement>(null);
@@ -36,6 +39,12 @@ const MDBInput: React.FC<InputProps> = ({
   const wrapperClasses = clsx('form-outline', contrast && 'form-white', wrapperClass);
   const inputClasses = clsx('form-control', active && 'active', size && `form-control-${size}`, className);
   const labelClasses = clsx('form-label', labelClass);
+  const validationClasses = clsx(
+    validation &&
+      (invalid
+        ? `invalid-${validationTooltip ? `tooltip` : `feedback`}`
+        : `valid-${validationTooltip ? `tooltip` : `feedback`}`)
+  );
 
   useEffect(() => {
     if (labelReference.current) {
@@ -91,6 +100,7 @@ const MDBInput: React.FC<InputProps> = ({
           {label}
         </label>
       )}
+      {validation && <div className={validationClasses}>{validation}</div>}
       <div className='form-notch'>
         <div className='form-notch-leading'></div>
         <div className='form-notch-middle' style={{ width: labelWidth }}></div>
diff --git a/app/src/forms/Input/index.d.ts b/app/src/forms/Input/index.d.ts
index 5400139a..bdb602bb 100644
--- a/app/src/forms/Input/index.d.ts
+++ b/app/src/forms/Input/index.d.ts
@@ -17,6 +17,9 @@ declare const MDBInput: React.FunctionComponent<{
   contrast?: boolean;
   value?: string;
   name?: string;
+  validation?: string;
+  invalid?: boolean;
+  validationTooltip?: boolean;
   labelRef?: React.RefObject<HTMLLabelElement>;
   textarea?: boolean;
   [rest: string]: any;
diff --git a/app/src/forms/Input/types.tsx b/app/src/forms/Input/types.tsx
index 638460f7..a6cd8ea1 100644
--- a/app/src/forms/Input/types.tsx
+++ b/app/src/forms/Input/types.tsx
@@ -17,6 +17,9 @@ type InputProps = {
   contrast?: boolean;
   value?: string;
   name?: string;
+  validation?: string;
+  invalid?: boolean;
+  validationTooltip?: boolean;
   labelRef?: React.RefObject<HTMLLabelElement>;
   textarea?: boolean;
   [rest: string]: any;
diff --git a/app/src/forms/InputGroup/InputGroup.tsx b/app/src/forms/InputGroup/InputGroup.tsx
new file mode 100644
index 00000000..798f523b
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroup.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import clsx from 'clsx';
+import type { InputGroupProps } from './types';
+
+const MDBInputGroup: React.FC<InputGroupProps> = React.forwardRef<HTMLAllCollection, InputGroupProps>(
+  ({ className, children, noWrap, tag: Tag, size, ...props }, ref) => {
+    const classes = clsx('input-group', noWrap && 'flex-nowrap', size && `input-group-${size}`, className);
+
+    return (
+      <Tag className={classes} ref={ref} {...props}>
+        {children}
+      </Tag>
+    );
+  }
+);
+
+MDBInputGroup.defaultProps = { tag: 'div', noWrap: false };
+
+export default MDBInputGroup;
diff --git a/app/src/forms/InputGroup/InputGroupElement/InputGroupElement.tsx b/app/src/forms/InputGroup/InputGroupElement/InputGroupElement.tsx
new file mode 100644
index 00000000..acb51e14
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroupElement/InputGroupElement.tsx
@@ -0,0 +1,23 @@
+import React, { useRef } from 'react';
+import clsx from 'clsx';
+import type { InputGroupElementProps } from './types';
+
+const MDBInputGroupElement: React.FC<InputGroupElementProps> = ({ className, textarea, inputRef, ...props }) => {
+  const classes = clsx('form-control', className);
+
+  const inputEl = useRef<HTMLInputElement>(null);
+
+  const inputReference = inputRef ? inputRef : inputEl;
+
+  return (
+    <>
+      {textarea ? (
+        <textarea className={classes} ref={inputReference} {...props} />
+      ) : (
+        <input className={classes} ref={inputReference} {...props} />
+      )}
+    </>
+  );
+};
+
+export default MDBInputGroupElement;
diff --git a/app/src/forms/InputGroup/InputGroupElement/index.d.ts b/app/src/forms/InputGroup/InputGroupElement/index.d.ts
new file mode 100644
index 00000000..486ba6a3
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroupElement/index.d.ts
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+declare const MDBInputGroupElement: React.FunctionComponent<{
+  className?: string;
+  textarea?: boolean;
+  [rest: string]: any;
+}>;
+
+export default MDBInputGroupElement;
diff --git a/app/src/forms/InputGroup/InputGroupElement/types.tsx b/app/src/forms/InputGroup/InputGroupElement/types.tsx
new file mode 100644
index 00000000..bd9602e3
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroupElement/types.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+type InputGroupElementProps = {
+  className?: string;
+  textarea?: boolean;
+  [rest: string]: any;
+};
+
+export { InputGroupElementProps };
diff --git a/app/src/forms/InputGroup/InputGroupText/InputGroupText.tsx b/app/src/forms/InputGroup/InputGroupText/InputGroupText.tsx
new file mode 100644
index 00000000..ea1b5017
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroupText/InputGroupText.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import clsx from 'clsx';
+import type { InputGroupTextProps } from './types';
+
+const MDBInputGroupText: React.FC<InputGroupTextProps> = React.forwardRef<HTMLAllCollection, InputGroupTextProps>(
+  ({ className, children, noBorder, tag: Tag, ...props }, ref) => {
+    const classes = clsx('input-group-text', noBorder && 'border-0', className);
+
+    return (
+      <Tag className={classes} ref={ref} {...props}>
+        {children}
+      </Tag>
+    );
+  }
+);
+
+MDBInputGroupText.defaultProps = { tag: 'span', noBorder: false };
+
+export default MDBInputGroupText;
diff --git a/app/src/forms/InputGroup/InputGroupText/index.d.ts b/app/src/forms/InputGroup/InputGroupText/index.d.ts
new file mode 100644
index 00000000..530bd805
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroupText/index.d.ts
@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+declare const MDBInputGroupText: React.FunctionComponent<{
+  className?: string;
+  noBorder?: boolean;
+  tag?: React.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+export default MDBInputGroupText;
diff --git a/app/src/forms/InputGroup/InputGroupText/types.tsx b/app/src/forms/InputGroup/InputGroupText/types.tsx
new file mode 100644
index 00000000..54bde92a
--- /dev/null
+++ b/app/src/forms/InputGroup/InputGroupText/types.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+type InputGroupTextProps = {
+  className?: string;
+  noBorder?: boolean;
+  tag?: React.ComponentProps<any>;
+  [rest: string]: any;
+};
+
+export { InputGroupTextProps };
diff --git a/app/src/forms/InputGroup/index.d.ts b/app/src/forms/InputGroup/index.d.ts
new file mode 100644
index 00000000..67c080bf
--- /dev/null
+++ b/app/src/forms/InputGroup/index.d.ts
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+declare const MDBInputGroup: React.FunctionComponent<{
+  className?: string;
+  noWrap?: boolean;
+  tag?: React.ComponentProps<any>;
+  size?: string;
+  [rest: string]: any;
+}>;
+
+export default MDBInputGroup;
diff --git a/app/src/forms/InputGroup/types.tsx b/app/src/forms/InputGroup/types.tsx
new file mode 100644
index 00000000..99d72d27
--- /dev/null
+++ b/app/src/forms/InputGroup/types.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+type InputGroupProps = {
+  className?: string;
+  noWrap?: boolean;
+  tag?: React.ComponentProps<any>;
+  size?: string;
+  [rest: string]: any;
+};
+
+export { InputGroupProps };
diff --git a/app/src/forms/Range/Range.tsx b/app/src/forms/Range/Range.tsx
new file mode 100644
index 00000000..74ff4d96
--- /dev/null
+++ b/app/src/forms/Range/Range.tsx
@@ -0,0 +1,99 @@
+import clsx from 'clsx';
+import React, { useState } from 'react';
+import type { RangeProps } from './types';
+
+const MDBRange: React.FC<RangeProps> = React.forwardRef<HTMLAllCollection, RangeProps>(
+  (
+    {
+      className,
+      tag: Tag,
+      labelId,
+      max,
+      min,
+      onChange,
+      onMouseDown,
+      onMouseUp,
+      onTouchStart,
+      onTouchEnd,
+      labelClass,
+      value,
+      label,
+      id,
+      ...props
+    },
+    ref
+  ) => {
+    const [showThumb, setShowThumb] = useState(false);
+    const [inputValue, setInputValue] = useState(value ? value : 0);
+    const [thumbPosition, setThumbPosition] = useState(
+      ((value ? value : 0 - Number(min)) * 100) / (Number(max) - Number(min))
+    );
+
+    const inputClasses = clsx('form-range', className);
+    const labelClasses = clsx('form-label', labelClass);
+    const thumbClasses = clsx('thumb', showThumb && 'thumb-active');
+
+    const handleChange = (e: any) => {
+      setInputValue(e.target.value);
+
+      setThumbPosition(((e.target.value - Number(min)) * 100) / (Number(max) - Number(min)));
+
+      onChange && onChange(e);
+    };
+
+    const handleMouseDown = (e: MouseEvent) => {
+      setShowThumb(true);
+      onMouseDown && onMouseDown(e);
+    };
+
+    const handleMouseUp = (e: MouseEvent) => {
+      setShowThumb(false);
+      onMouseUp && onMouseUp(e);
+    };
+
+    const handleTouchStart = (e: MouseEvent) => {
+      setShowThumb(true);
+      onTouchStart && onTouchStart(e);
+    };
+
+    const handleTouchEnd = (e: MouseEvent) => {
+      setShowThumb(false);
+      onTouchEnd && onTouchEnd(e);
+    };
+
+    return (
+      <>
+        {label && (
+          <label className={labelClasses} id={labelId} htmlFor={id}>
+            {label}
+          </label>
+        )}
+
+        <div className='range'>
+          <Tag
+            onMouseDown={handleMouseDown}
+            onMouseUp={handleMouseUp}
+            onTouchStart={handleTouchStart}
+            onTouchEnd={handleTouchEnd}
+            onChange={handleChange}
+            className={inputClasses}
+            value={value}
+            type='range'
+            id={id}
+            ref={ref}
+            min={min}
+            max={max}
+            {...props}
+          />
+          <span className={thumbClasses} style={{ left: `calc(${thumbPosition}% + (${8 - thumbPosition * 0.15}px))` }}>
+            <span className='thumb-value'>{inputValue}</span>
+          </span>
+        </div>
+      </>
+    );
+  }
+);
+
+MDBRange.defaultProps = { tag: 'input', min: '0', max: '100' };
+
+export default MDBRange;
diff --git a/app/src/forms/Range/index.d.ts b/app/src/forms/Range/index.d.ts
new file mode 100644
index 00000000..9ad4bfa5
--- /dev/null
+++ b/app/src/forms/Range/index.d.ts
@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+declare const MDBRange: React.FunctionComponent<{
+  className?: string;
+  id?: string;
+  label?: string;
+  labelId?: string;
+  labelClass?: string;
+  min?: string;
+  max?: string;
+  step?: string;
+  value?: number;
+  name?: string;
+  [rest: string]: any;
+}>;
+
+export default MDBRange;
diff --git a/app/src/forms/Range/types.tsx b/app/src/forms/Range/types.tsx
new file mode 100644
index 00000000..79e29777
--- /dev/null
+++ b/app/src/forms/Range/types.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+type RangeProps = {
+  className?: string;
+  id?: string;
+  label?: string;
+  labelId?: string;
+  labelClass?: string;
+  min?: string;
+  max?: string;
+  step?: string;
+  value?: number;
+  name?: string;
+  [rest: string]: any;
+};
+
+export { RangeProps };
diff --git a/app/src/forms/Switch/Switch.tsx b/app/src/forms/Switch/Switch.tsx
new file mode 100644
index 00000000..6264c2d7
--- /dev/null
+++ b/app/src/forms/Switch/Switch.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SwitchProps } from './types';
+import MDBCheckbox from '../Checkbox/Checkbox';
+
+const MDBSwitch: React.FC<SwitchProps> = React.forwardRef<HTMLAllCollection, SwitchProps>(({ ...props }, ref) => {
+  return <MDBCheckbox toggleSwitch type='checkbox' ref={ref} {...props} />;
+});
+
+export default MDBSwitch;
diff --git a/app/src/forms/Switch/index.d.ts b/app/src/forms/Switch/index.d.ts
new file mode 100644
index 00000000..f874fc81
--- /dev/null
+++ b/app/src/forms/Switch/index.d.ts
@@ -0,0 +1,5 @@
+import MDBCheckbox from '../Checkbox/index';
+
+declare const MDBSwitch: typeof MDBCheckbox;
+
+export default MDBSwitch;
diff --git a/app/src/forms/Switch/types.tsx b/app/src/forms/Switch/types.tsx
new file mode 100644
index 00000000..25a175a8
--- /dev/null
+++ b/app/src/forms/Switch/types.tsx
@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxProps } from '../Checkbox/types';
+
+type SwitchProps = CheckboxProps;
+
+export { SwitchProps };
diff --git a/app/src/forms/Validation/Validation.tsx b/app/src/forms/Validation/Validation.tsx
new file mode 100644
index 00000000..6b5524e2
--- /dev/null
+++ b/app/src/forms/Validation/Validation.tsx
@@ -0,0 +1,34 @@
+import clsx from 'clsx';
+import React, { useRef, useState } from 'react';
+import type { ValidationProps } from './types';
+
+const MDBValidation: React.FC<ValidationProps> = ({
+  className,
+  children,
+  formRef,
+  isValidated,
+  onSubmit,
+  ...props
+}) => {
+  const formEl = useRef<HTMLLabelElement>(null);
+
+  const formReference = formRef ? formRef : formEl;
+  const [validated, setValidated] = useState(isValidated);
+
+  const classes = clsx('needs-validation', validated && 'was-validated', className);
+
+  const handleSubmit = (e: any) => {
+    e.preventDefault();
+    setValidated(true);
+
+    onSubmit && onSubmit(e);
+  };
+
+  return (
+    <form className={classes} onSubmit={handleSubmit} ref={formReference} {...props}>
+      {children}
+    </form>
+  );
+};
+
+export default MDBValidation;
diff --git a/app/src/forms/Validation/index.d.ts b/app/src/forms/Validation/index.d.ts
new file mode 100644
index 00000000..d40cdd35
--- /dev/null
+++ b/app/src/forms/Validation/index.d.ts
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+declare const MDBValidation: React.FunctionComponent<{
+  className?: string;
+  isValidated?: boolean;
+  [rest: string]: any;
+}>;
+
+export default MDBValidation;
diff --git a/app/src/forms/Validation/types.tsx b/app/src/forms/Validation/types.tsx
new file mode 100644
index 00000000..c2d7d68e
--- /dev/null
+++ b/app/src/forms/Validation/types.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+type ValidationProps = {
+  className?: string;
+  isValidated?: boolean;
+  [rest: string]: any;
+};
+
+export { ValidationProps };
diff --git a/app/src/index.d.ts b/app/src/index.d.ts
index 9a41bea2..369a6404 100644
--- a/app/src/index.d.ts
+++ b/app/src/index.d.ts
@@ -64,6 +64,19 @@ import MDBScrollspySection from './navigation/Scrollspy/ScrollspySection/index';
 import MDBScrollspyNavList from './navigation/Scrollspy/ScrollspyNavList/index';
 import MDBScrollspyNavItem from './navigation/Scrollspy/ScrollspyNavItem/index';
 import MDBScrollspyNavLink from './navigation/Scrollspy/ScrollspyNavlink/index';
+import MDBSwitch from './forms/Switch/index';
+import MDBRange from './forms/Range/index';
+import MDBFile from './forms/File/index';
+import MDBInputGroup from './forms/InputGroup/index';
+import MDBInputGroupText from './forms/InputGroup/InputGroupText/index';
+import MDBInputGroupElement from './forms/InputGroup/InputGroupElement/index';
+import MDBRipple from './methods/Ripple/index';
+import MDBValidation from './forms/Validation/index';
+import MDBTabs from './navigation/Tabs/index';
+import MDBTabsItem from './navigation/Tabs/TabsItem/index';
+import MDBTabsLink from './navigation/Tabs/TabsLink/index';
+import MDBTabsContent from './navigation/Tabs/TabsContent/index';
+import MDBTabsPane from './navigation/Tabs/TabsPane/index';
 
 export {
   MDBContainer,
@@ -132,4 +145,17 @@ export {
   MDBScrollspyNavItem,
   MDBScrollspyNavLink,
   MDBScrollspyNavList,
+  MDBSwitch,
+  MDBRange,
+  MDBFile,
+  MDBInputGroup,
+  MDBInputGroupText,
+  MDBInputGroupElement,
+  MDBRipple,
+  MDBValidation,
+  MDBTabs,
+  MDBTabsItem,
+  MDBTabsLink,
+  MDBTabsContent,
+  MDBTabsPane,
 };
diff --git a/app/src/index.tsx b/app/src/index.tsx
index abae9ce5..054d2083 100644
--- a/app/src/index.tsx
+++ b/app/src/index.tsx
@@ -64,6 +64,19 @@ import MDBScrollspySection from './navigation/Scrollspy/ScrollspySection/Scrolls
 import MDBScrollspyNavItem from './navigation/Scrollspy/ScrollspyNavItem/ScrollspyNavItem';
 import MDBScrollspyNavLink from './navigation/Scrollspy/ScrollspyNavlink/ScrollspyNavlink';
 import MDBScrollspyNavList from './navigation/Scrollspy/ScrollspyNavList/ScrollspyNavList';
+import MDBSwitch from './forms/Switch/Switch';
+import MDBRange from './forms/Range/Range';
+import MDBFile from './forms/File/File';
+import MDBInputGroup from './forms/InputGroup/InputGroup';
+import MDBInputGroupText from './forms/InputGroup/InputGroupText/InputGroupText';
+import MDBInputGroupElement from './forms/InputGroup/InputGroupElement/InputGroupElement';
+import MDBRipple from './methods/Ripple/Ripple';
+import MDBValidation from './forms/Validation/Validation';
+import MDBTabs from './navigation/Tabs/Tabs';
+import MDBTabsItem from './navigation/Tabs/TabsItem/TabsItem';
+import MDBTabsLink from './navigation/Tabs/TabsLink/TabsLink';
+import MDBTabsContent from './navigation/Tabs/TabsContent/TabsContent';
+import MDBTabsPane from './navigation/Tabs/TabsPane/TabsPane';
 
 export {
   MDBContainer,
@@ -132,4 +145,17 @@ export {
   MDBScrollspyNavItem,
   MDBScrollspyNavLink,
   MDBScrollspyNavList,
+  MDBSwitch,
+  MDBRange,
+  MDBFile,
+  MDBInputGroup,
+  MDBInputGroupText,
+  MDBInputGroupElement,
+  MDBRipple,
+  MDBValidation,
+  MDBTabs,
+  MDBTabsItem,
+  MDBTabsLink,
+  MDBTabsContent,
+  MDBTabsPane,
 };
diff --git a/app/src/methods/Ripple/Ripple.tsx b/app/src/methods/Ripple/Ripple.tsx
new file mode 100644
index 00000000..857ff911
--- /dev/null
+++ b/app/src/methods/Ripple/Ripple.tsx
@@ -0,0 +1,234 @@
+import clsx from 'clsx';
+import React, { useState, useEffect } from 'react';
+import type { RippleProps } from './types';
+import MDBBtn from '../../components/Button/Button';
+import MDBRippleWave from './RippleWave/RippleWave';
+
+const MDBRipple: React.FC<RippleProps> = React.forwardRef<HTMLAllCollection, RippleProps>(
+  (
+    {
+      className,
+      rippleTag: Tag,
+      rippleCentered,
+      rippleDuration,
+      rippleUnbound,
+      rippleRadius,
+      rippleColor,
+      children,
+      onClick,
+      ...props
+    },
+    ref
+  ) => {
+    const GRADIENT =
+      'rgba({{color}}, 0.2) 0, rgba({{color}}, 0.3) 40%, rgba({{color}}, 0.4) 50%, rgba({{color}}, 0.5) 60%, rgba({{color}}, 0) 70%';
+
+    const DEFAULT_RIPPLE_COLOR = [0, 0, 0];
+
+    const BOOTSTRAP_COLORS = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
+
+    const [rippleStyles, setRippleStyles] = useState<
+      {
+        left: string;
+        top: string;
+        height: string;
+        width: string;
+        transitionDelay: string;
+        transitionDuration: string;
+      }[]
+    >([]);
+
+    const [isBsColor, setIsBsColor] = useState(false);
+
+    const classes = clsx(
+      'ripple',
+      'ripple-surface',
+      rippleUnbound && 'ripple-surface-unbound',
+      isBsColor && `ripple-surface-${rippleColor}`,
+      className
+    );
+
+    const setupColor = () => {
+      const IS_BOOTSTRAP_COLOR = BOOTSTRAP_COLORS.find((color) => color === rippleColor?.toLowerCase());
+
+      if (IS_BOOTSTRAP_COLOR) {
+        return setIsBsColor(true);
+      } else {
+        const rgbValue = colorToRGB(rippleColor).join(',');
+
+        const gradientImage = GRADIENT.split('{{color}}').join(`${rgbValue}`);
+
+        return `radial-gradient(circle, ${gradientImage})`;
+      }
+    };
+
+    const colorToRGB = (color: any) => {
+      const hexToRgb = (color: string) => {
+        const HEX_COLOR_LENGTH = 7;
+
+        const IS_SHORT_HEX = color.length < HEX_COLOR_LENGTH;
+
+        if (IS_SHORT_HEX) {
+          color = `#${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
+        }
+
+        return [parseInt(color.substr(1, 2), 16), parseInt(color.substr(3, 2), 16), parseInt(color.substr(5, 2), 16)];
+      };
+
+      const namedColorsToRgba = (color: string) => {
+        const tempElem = document.body.appendChild(document.createElement('fictum'));
+
+        const flag = 'rgb(1, 2, 3)';
+
+        tempElem.style.color = flag;
+
+        if (tempElem.style.color !== flag) {
+          return DEFAULT_RIPPLE_COLOR;
+        }
+
+        tempElem.style.color = color;
+
+        if (tempElem.style.color === flag || tempElem.style.color === '') {
+          return DEFAULT_RIPPLE_COLOR;
+        } // color parse failed
+
+        color = getComputedStyle(tempElem).color;
+
+        document.body.removeChild(tempElem);
+
+        return color;
+      };
+
+      const rgbaToRgb = (color: any) => {
+        color = color.match(/[.\d]+/g).map((a: any) => +Number(a));
+        color.length = 3;
+        return color;
+      };
+
+      if (color.toLowerCase() === 'transparent') {
+        return DEFAULT_RIPPLE_COLOR;
+      }
+      if (color[0] === '#') {
+        return hexToRgb(color);
+      }
+      if (color.indexOf('rgb') === -1) {
+        color = namedColorsToRgba(color);
+      }
+      if (color.indexOf('rgb') === 0) {
+        return rgbaToRgb(color);
+      }
+
+      return DEFAULT_RIPPLE_COLOR;
+    };
+
+    const getDiameter = (data: any) => {
+      const { offsetX, offsetY, height, width } = data;
+
+      const top = offsetY <= height / 2;
+      const left = offsetX <= width / 2;
+      const pythagorean = (sideA: number, sideB: number) => Math.sqrt(sideA ** 2 + sideB ** 2);
+
+      const positionCenter = offsetY === height / 2 && offsetX === width / 2;
+
+      const quadrant = {
+        first: top === true && left === false,
+        second: top === true && left === true,
+        third: top === false && left === true,
+        fourth: top === false && left === false,
+      };
+
+      const getCorner = {
+        topLeft: pythagorean(offsetX, offsetY),
+        topRight: pythagorean(width - offsetX, offsetY),
+        bottomLeft: pythagorean(offsetX, height - offsetY),
+        bottomRight: pythagorean(width - offsetX, height - offsetY),
+      };
+
+      let diameter = 0;
+
+      if (positionCenter || quadrant.fourth) {
+        diameter = getCorner.topLeft;
+      } else if (quadrant.third) {
+        diameter = getCorner.topRight;
+      } else if (quadrant.second) {
+        diameter = getCorner.bottomRight;
+      } else if (quadrant.first) {
+        diameter = getCorner.bottomLeft;
+      }
+      return diameter * 2;
+    };
+
+    const getStyles = (e: any) => {
+      const itemRect = e.target.getBoundingClientRect();
+
+      const offsetX = e.clientX - itemRect.left;
+      const offsetY = e.clientY - itemRect.top;
+      const height = itemRect.height;
+      const width = itemRect.width;
+
+      const diameterOptions = {
+        offsetX: rippleCentered ? height / 2 : offsetX,
+        offsetY: rippleCentered ? width / 2 : offsetY,
+        height,
+        width,
+      };
+
+      const opacity = {
+        delay: rippleDuration && rippleDuration * 0.5,
+        duration: rippleDuration && rippleDuration - rippleDuration * 0.5,
+      };
+
+      const diameter = getDiameter(diameterOptions);
+      const radiusValue = rippleRadius || diameter / 2;
+
+      const styles = {
+        left: rippleCentered ? `${width / 2 - radiusValue}px` : `${offsetX - radiusValue}px`,
+        top: rippleCentered ? `${height / 2 - radiusValue}px` : `${offsetY - radiusValue}px`,
+        height: rippleRadius ? `${rippleRadius * 2}px` : `${diameter}px`,
+        width: rippleRadius ? `${rippleRadius * 2}px` : `${diameter}px`,
+        transitionDelay: `0s, ${opacity.delay}ms`,
+        transitionDuration: `${rippleDuration}ms, ${opacity.duration}ms`,
+      };
+
+      if (isBsColor) {
+        return styles;
+      } else {
+        return { ...styles, backgroundImage: `${setupColor()}` };
+      }
+    };
+
+    const handleClick = (e: any) => {
+      const styles = getStyles(e);
+
+      const newStyles = rippleStyles.concat(styles);
+      setRippleStyles(newStyles);
+
+      onClick && onClick(e);
+    };
+
+    useEffect(() => {
+      const timer = setTimeout(() => {
+        if (rippleStyles.length > 0) {
+          setRippleStyles(rippleStyles.splice(1, rippleStyles.length - 1));
+        }
+      }, rippleDuration);
+
+      return () => {
+        clearTimeout(timer);
+      };
+    }, [rippleDuration, rippleStyles]);
+
+    return (
+      <Tag className={classes} onClick={(e: any) => handleClick(e)} ref={ref} {...props}>
+        {children}
+        {rippleStyles.map((item, i) => (
+          <MDBRippleWave key={i} style={item}></MDBRippleWave>
+        ))}
+      </Tag>
+    );
+  }
+);
+
+MDBRipple.defaultProps = { rippleTag: MDBBtn, rippleDuration: 500, rippleRadius: 0, rippleColor: 'dark' };
+
+export default MDBRipple;
diff --git a/app/src/methods/Ripple/RippleWave/RippleWave.tsx b/app/src/methods/Ripple/RippleWave/RippleWave.tsx
new file mode 100644
index 00000000..55a05d51
--- /dev/null
+++ b/app/src/methods/Ripple/RippleWave/RippleWave.tsx
@@ -0,0 +1,23 @@
+import clsx from 'clsx';
+import React, { useState, useEffect } from 'react';
+import type { RippleWaveProps } from './types';
+
+const MDBRippleWave: React.FC<RippleWaveProps> = ({ ...props }) => {
+  const [isActive, setIsActive] = useState(false);
+
+  const rippleClasses = clsx('ripple-wave', isActive && 'active');
+
+  useEffect(() => {
+    const secondTimer: ReturnType<typeof setTimeout> = setTimeout(() => {
+      setIsActive(true);
+    }, 50);
+
+    return () => {
+      clearTimeout(secondTimer);
+    };
+  }, []);
+
+  return <div className={rippleClasses} {...props}></div>;
+};
+
+export default MDBRippleWave;
diff --git a/app/src/methods/Ripple/RippleWave/index.d.ts b/app/src/methods/Ripple/RippleWave/index.d.ts
new file mode 100644
index 00000000..d900d69a
--- /dev/null
+++ b/app/src/methods/Ripple/RippleWave/index.d.ts
@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare const MDBRippleWave: React.FunctionComponent<{
+  [rest: string]: any;
+}>;
+
+export default MDBRippleWave;
diff --git a/app/src/methods/Ripple/RippleWave/types.tsx b/app/src/methods/Ripple/RippleWave/types.tsx
new file mode 100644
index 00000000..2482f996
--- /dev/null
+++ b/app/src/methods/Ripple/RippleWave/types.tsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+type RippleWaveProps = {
+  [rest: string]: any;
+};
+
+export { RippleWaveProps };
diff --git a/app/src/methods/Ripple/index.d.ts b/app/src/methods/Ripple/index.d.ts
new file mode 100644
index 00000000..24cb8043
--- /dev/null
+++ b/app/src/methods/Ripple/index.d.ts
@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+declare const MDBRipple: React.FunctionComponent<{
+  className?: string;
+  rippleUnbound?: boolean;
+  rippleColor?: string;
+  rippleRadius?: number;
+  rippleDuration?: number;
+  rippleCentered?: boolean;
+  // rippleTag?: React.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+export default MDBRipple;
diff --git a/app/src/methods/Ripple/types.tsx b/app/src/methods/Ripple/types.tsx
new file mode 100644
index 00000000..1916cc59
--- /dev/null
+++ b/app/src/methods/Ripple/types.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+type RippleProps = {
+  className?: string;
+  rippleUnbound?: boolean;
+  rippleColor?: string;
+  rippleRadius?: number;
+  rippleDuration?: number;
+  rippleCentered?: boolean;
+  // rippleTag?: React.ComponentProps<any>;
+  [rest: string]: any;
+};
+
+export { RippleProps };
diff --git a/app/src/navigation/Tabs/Tabs.tsx b/app/src/navigation/Tabs/Tabs.tsx
new file mode 100644
index 00000000..5ddfc30c
--- /dev/null
+++ b/app/src/navigation/Tabs/Tabs.tsx
@@ -0,0 +1,23 @@
+import clsx from 'clsx';
+import React from 'react';
+import type { TabsProps } from './types';
+
+const MDBTabs: React.FC<TabsProps> = React.forwardRef<HTMLUListElement, TabsProps>(
+  ({ className, fill, pills, justify, children, ...props }, ref) => {
+    const classes = clsx(
+      'nav',
+      pills ? 'nav-pills' : 'nav-tabs',
+      fill && 'nav-fill',
+      justify && 'nav-justified',
+      className
+    );
+
+    return (
+      <ul className={classes} ref={ref} {...props}>
+        {children}
+      </ul>
+    );
+  }
+);
+
+export default MDBTabs;
diff --git a/app/src/navigation/Tabs/TabsContent/TabsContent.tsx b/app/src/navigation/Tabs/TabsContent/TabsContent.tsx
new file mode 100644
index 00000000..b07c23f0
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsContent/TabsContent.tsx
@@ -0,0 +1,19 @@
+import clsx from 'clsx';
+import React from 'react';
+import type { TabsContentProps } from './types';
+
+const MDBTabsContent: React.FC<TabsContentProps> = React.forwardRef<HTMLAllCollection, TabsContentProps>(
+  ({ className, tag: Tag, children, ...props }, ref) => {
+    const classes = clsx('tab-content', className);
+
+    return (
+      <Tag className={classes} ref={ref} {...props}>
+        {children}
+      </Tag>
+    );
+  }
+);
+
+MDBTabsContent.defaultProps = { tag: 'div' };
+
+export default MDBTabsContent;
diff --git a/app/src/navigation/Tabs/TabsContent/index.d.ts b/app/src/navigation/Tabs/TabsContent/index.d.ts
new file mode 100644
index 00000000..631fd9a1
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsContent/index.d.ts
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+declare const MDBTabsContent: React.FunctionComponent<{
+  className?: string;
+  tag?: React.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+export default MDBTabsContent;
diff --git a/app/src/navigation/Tabs/TabsContent/types.tsx b/app/src/navigation/Tabs/TabsContent/types.tsx
new file mode 100644
index 00000000..c1758c10
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsContent/types.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+type TabsContentProps = {
+  className?: string;
+  tag?: React.ComponentProps<any>;
+  [rest: string]: any;
+};
+
+export { TabsContentProps };
diff --git a/app/src/navigation/Tabs/TabsItem/TabsItem.tsx b/app/src/navigation/Tabs/TabsItem/TabsItem.tsx
new file mode 100644
index 00000000..a0643ef9
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsItem/TabsItem.tsx
@@ -0,0 +1,17 @@
+import clsx from 'clsx';
+import React from 'react';
+import type { TabsItemProps } from './types';
+
+const MDBTabsItem: React.FC<TabsItemProps> = React.forwardRef<HTMLLIElement, TabsItemProps>(
+  ({ className, children, style, ...props }, ref) => {
+    const classes = clsx('nav-item', className);
+
+    return (
+      <li className={classes} style={{ cursor: 'pointer', ...style }} role='presentation' ref={ref} {...props}>
+        {children}
+      </li>
+    );
+  }
+);
+
+export default MDBTabsItem;
diff --git a/app/src/navigation/Tabs/TabsItem/index.d.ts b/app/src/navigation/Tabs/TabsItem/index.d.ts
new file mode 100644
index 00000000..d0eb8797
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsItem/index.d.ts
@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+declare const MDBTabsItem: React.FunctionComponent<{
+  className?: string;
+  [rest: string]: any;
+}>;
+
+export default MDBTabsItem;
diff --git a/app/src/navigation/Tabs/TabsItem/types.tsx b/app/src/navigation/Tabs/TabsItem/types.tsx
new file mode 100644
index 00000000..55cd8960
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsItem/types.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+
+type TabsItemProps = {
+  className?: string;
+  [rest: string]: any;
+};
+
+export { TabsItemProps };
diff --git a/app/src/navigation/Tabs/TabsLink/TabsLink.tsx b/app/src/navigation/Tabs/TabsLink/TabsLink.tsx
new file mode 100644
index 00000000..072af734
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsLink/TabsLink.tsx
@@ -0,0 +1,17 @@
+import clsx from 'clsx';
+import React from 'react';
+import type { TabsLinkProps } from './types';
+
+const MDBTabsLink: React.FC<TabsLinkProps> = React.forwardRef<HTMLAnchorElement, TabsLinkProps>(
+  ({ className, color, active, children, ...props }, ref) => {
+    const classes = clsx('nav-link', active && 'active', color && `bg-${color}`, className);
+
+    return (
+      <a className={classes} ref={ref} {...props}>
+        {children}
+      </a>
+    );
+  }
+);
+
+export default MDBTabsLink;
diff --git a/app/src/navigation/Tabs/TabsLink/index.d.ts b/app/src/navigation/Tabs/TabsLink/index.d.ts
new file mode 100644
index 00000000..0bdaee5d
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsLink/index.d.ts
@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+declare const MDBTabsLink: React.FunctionComponent<{
+  className?: string;
+  active?: boolean;
+  color?: string;
+  [rest: string]: any;
+}>;
+
+export default MDBTabsLink;
diff --git a/app/src/navigation/Tabs/TabsLink/types.tsx b/app/src/navigation/Tabs/TabsLink/types.tsx
new file mode 100644
index 00000000..202eb86f
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsLink/types.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+type TabsLinkProps = {
+  className?: string;
+  active?: boolean;
+  color?: string;
+  [rest: string]: any;
+};
+
+export { TabsLinkProps };
diff --git a/app/src/navigation/Tabs/TabsPane/TabsPane.tsx b/app/src/navigation/Tabs/TabsPane/TabsPane.tsx
new file mode 100644
index 00000000..6320f23a
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsPane/TabsPane.tsx
@@ -0,0 +1,36 @@
+import clsx from 'clsx';
+import React, { useState, useEffect } from 'react';
+import type { TabsPaneProps } from './types';
+
+const MDBTabsPane: React.FC<TabsPaneProps> = React.forwardRef<HTMLAllCollection, TabsPaneProps>(
+  ({ className, tag: Tag, show, children, ...props }, ref) => {
+    const [isReadyToHide, setIsReadyToHide] = useState(false);
+
+    const classes = clsx('tab-pane', 'fade', isReadyToHide && 'show', show && 'active', className);
+
+    useEffect(() => {
+      let timer: ReturnType<typeof setTimeout>;
+
+      if (show) {
+        timer = setTimeout(() => {
+          setIsReadyToHide(true);
+        }, 100);
+      } else {
+        setIsReadyToHide(false);
+      }
+      return () => {
+        clearTimeout(timer);
+      };
+    }, [show]);
+
+    return (
+      <Tag className={classes} role='tabpanel' ref={ref} {...props}>
+        {children}
+      </Tag>
+    );
+  }
+);
+
+MDBTabsPane.defaultProps = { tag: 'div' };
+
+export default MDBTabsPane;
diff --git a/app/src/navigation/Tabs/TabsPane/index.d.ts b/app/src/navigation/Tabs/TabsPane/index.d.ts
new file mode 100644
index 00000000..06f2128b
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsPane/index.d.ts
@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+declare const MDBTabsPane: React.FunctionComponent<{
+  className?: string;
+  show?: boolean;
+  tag?: React.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+export default MDBTabsPane;
diff --git a/app/src/navigation/Tabs/TabsPane/types.tsx b/app/src/navigation/Tabs/TabsPane/types.tsx
new file mode 100644
index 00000000..20ae7c5a
--- /dev/null
+++ b/app/src/navigation/Tabs/TabsPane/types.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+type TabsPaneProps = {
+  className?: string;
+  show?: boolean;
+  tag?: React.ComponentProps<any>;
+  [rest: string]: any;
+};
+
+export { TabsPaneProps };
diff --git a/app/src/navigation/Tabs/index.d.ts b/app/src/navigation/Tabs/index.d.ts
new file mode 100644
index 00000000..3f8ec71e
--- /dev/null
+++ b/app/src/navigation/Tabs/index.d.ts
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+declare const MDBTabs: React.FunctionComponent<{
+  className?: string;
+  fill?: boolean;
+  justify?: boolean;
+  pills?: boolean;
+  [rest: string]: any;
+}>;
+
+export default MDBTabs;
diff --git a/app/src/navigation/Tabs/types.tsx b/app/src/navigation/Tabs/types.tsx
new file mode 100644
index 00000000..1164eb8b
--- /dev/null
+++ b/app/src/navigation/Tabs/types.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+type TabsProps = {
+  className?: string;
+  fill?: boolean;
+  justify?: boolean;
+  pills?: boolean;
+  [rest: string]: any;
+};
+
+export { TabsProps };
diff --git a/app/src/utils/index.d.ts b/app/src/utils/index.d.ts
deleted file mode 100644
index a16b0645..00000000
--- a/app/src/utils/index.d.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export type backgroundColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light' | 'dark';
-export type textColor =
-  | 'primary'
-  | 'secondary'
-  | 'success'
-  | 'info'
-  | 'warning'
-  | 'danger'
-  | 'light'
-  | 'dark'
-  | 'body'
-  | 'muted'
-  | 'white'
-  | 'black-50'
-  | 'white-50';
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 6c483f56..6ffff414 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1,13 +1,14 @@
-import React$1, { FunctionComponent, ElementType, ComponentProps, ReactNode, ReactElement, CSSProperties, RefObject } from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 
-declare const MDBContainer: FunctionComponent<{
+declare const MDBContainer: React$1.FunctionComponent<{
   className?: string;
   fluid?: boolean;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
 }>;
 
-declare const MDBCol: FunctionComponent<{
+declare const MDBCol: React$1.FunctionComponent<{
   center?: string | boolean;
   className?: string;
   end?: string | boolean;
@@ -20,23 +21,23 @@ declare const MDBCol: FunctionComponent<{
   size?: string;
   sm?: string;
   start?: string | boolean;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   xl?: string;
   xs?: string;
   [rest: string]: any;
 }>;
 
-declare const MDBBadge: FunctionComponent<{
+declare const MDBBadge: React$1.FunctionComponent<{
   className?: string;
   pill?: boolean;
   dot?: boolean;
   notification?: boolean;
   color?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBBtn: FunctionComponent<{
+declare const MDBBtn: React$1.FunctionComponent<{
   className?: string;
   color?: string;
   outline?: boolean;
@@ -52,81 +53,81 @@ declare const MDBBtn: FunctionComponent<{
   toggle?: boolean;
   target?: string;
   value?: string | number;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBBtnGroup: FunctionComponent<{
+declare const MDBBtnGroup: React$1.FunctionComponent<{
   className?: string;
   role?: string;
   shadow?: string;
   toolbar?: boolean;
   size?: string;
   vertical?: boolean;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBSpinner: FunctionComponent<{
+declare const MDBSpinner: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   grow?: boolean;
   color?: string;
   size?: string;
   [rest: string]: any;
 }>;
 
-declare const MDBCard: FunctionComponent<{
+declare const MDBCard: React$1.FunctionComponent<{
   className?: string;
   border?: string;
   background?: string;
   shadow?: string;
   alignment?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBCardHeader: FunctionComponent<{
+declare const MDBCardHeader: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   border?: string;
   background?: string;
   [rest: string]: any;
 }>;
 
-declare const MDBCardSubTitle: FunctionComponent<{
+declare const MDBCardSubTitle: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBCardTitle: FunctionComponent<{
+declare const MDBCardTitle: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBCardText: FunctionComponent<{
+declare const MDBCardText: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBCardBody: FunctionComponent<{
+declare const MDBCardBody: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBCardFooter: FunctionComponent<{
+declare const MDBCardFooter: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   border?: string;
   background?: string;
   [rest: string]: any;
 }>;
 
-declare const MDBCardImage: FunctionComponent<{
+declare const MDBCardImage: React$1.FunctionComponent<{
   className?: string;
   position?: string;
   overlay?: boolean;
@@ -134,35 +135,35 @@ declare const MDBCardImage: FunctionComponent<{
   [rest: string]: any;
 }>;
 
-declare const MDBCardOverlay: FunctionComponent<{
+declare const MDBCardOverlay: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBCardLink: FunctionComponent<{
+declare const MDBCardLink: React$1.FunctionComponent<{
   className?: string;
   [rest: string]: any;
 }>;
 
-declare const MDBCardGroup: FunctionComponent<{
+declare const MDBCardGroup: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBListGroup: FunctionComponent<{
+declare const MDBListGroup: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   horizontal?: boolean;
   horizontalSize?: string;
   flush?: boolean;
   [rest: string]: any;
 }>;
 
-declare const MDBListGroupItem: FunctionComponent<{
+declare const MDBListGroupItem: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   active?: boolean;
   disabled?: boolean;
   action?: boolean;
@@ -170,10 +171,10 @@ declare const MDBListGroupItem: FunctionComponent<{
   [rest: string]: any;
 }>;
 
-declare const MDBTooltip: FunctionComponent<{
+declare const MDBTooltip: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
-  tooltipTag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
+  tooltipTag?: React$1.ComponentProps<any>;
   placement?:
     | 'top'
     | 'auto'
@@ -192,13 +193,13 @@ declare const MDBTooltip: FunctionComponent<{
     | 'left-end'
     | undefined;
   options?: Record<string, unknown>;
-  title?: string | ReactNode;
+  title?: string | React$1.ReactNode;
   wrapperProps?: Record<string, unknown>;
   wrapperClass?: string;
   [rest: string]: any;
 }>;
 
-declare const MDBRow: FunctionComponent<{
+declare const MDBRow: React$1.FunctionComponent<{
   around?: boolean;
   between?: boolean;
   bottom?: boolean;
@@ -207,13 +208,13 @@ declare const MDBRow: FunctionComponent<{
   end?: boolean;
   evenly?: boolean;
   middle?: boolean;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   start?: boolean;
   top?: boolean;
   [rest: string]: any;
 }>;
 
-declare const MDBIcon: FunctionComponent<{
+declare const MDBIcon: React$1.FunctionComponent<{
   className?: string;
   fab?: boolean;
   far?: boolean;
@@ -236,9 +237,9 @@ declare const MDBIcon: FunctionComponent<{
   [rest: string]: any;
 }>;
 
-declare const MDBTypography: FunctionComponent<{
+declare const MDBTypography: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   variant?: string;
   blockquote?: boolean;
   note?: boolean;
@@ -249,11 +250,11 @@ declare const MDBTypography: FunctionComponent<{
   [rest: string]: any;
 }>;
 
-declare const MDBBreadcrumb: FunctionComponent<{
+declare const MDBBreadcrumb: React$1.FunctionComponent<{
   bold?: boolean;
-  children?: ReactNode;
+  children?: React$1.ReactNode;
   className?: string;
-  tag?: ReactElement;
+  tag?: React$1.ReactElement;
   color?:
     | 'primary'
     | 'secondary'
@@ -272,16 +273,16 @@ declare const MDBBreadcrumb: FunctionComponent<{
   [rest: string]: any;
 }>;
 
-declare const MDBBreadcrumbItem: FunctionComponent<{
+declare const MDBBreadcrumbItem: React$1.FunctionComponent<{
   active?: boolean;
   className?: string;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   current?: 'page' | 'step' | 'location';
   [rest: string]: any;
 }>;
 
-declare const MDBNavbar: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBNavbar: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
   tag?: 'nav' | 'div';
   [rest: string]: any;
@@ -307,51 +308,51 @@ declare const MDBNavbar: FunctionComponent<{
   sticky?: boolean;
 }>;
 
-declare const MDBNavbarLink: FunctionComponent<{
+declare const MDBNavbarLink: React$1.FunctionComponent<{
   active?: boolean;
-  children?: ReactNode;
+  children?: React$1.ReactNode;
   className?: string;
   disabled?: boolean;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
   link?: boolean;
 }>;
 
-declare const MDBNavbarBrand: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBNavbarBrand: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
 }>;
 
-declare const MDBNavbarItem: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBNavbarItem: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
   active?: boolean;
   text?: boolean;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
 }>;
 
-declare const MDBNavbarNav: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBNavbarNav: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   right?: boolean;
   fullWidth?: boolean;
   left?: boolean;
   [rest: string]: any;
 }>;
 
-declare const MDBNavbarToggler: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBNavbarToggler: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
 }>;
 
-declare const MDBFooter: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBFooter: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
   color?:
     | 'primary'
@@ -372,35 +373,35 @@ declare const MDBFooter: FunctionComponent<{
   [rest: string]: any;
 }>;
 
-declare const MDBPagination: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBPagination: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
   center?: boolean;
   end?: boolean;
   start?: boolean;
   size?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   circle?: boolean;
   [rest: string]: any;
 }>;
 
-declare const MDBPaginationLink: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBPaginationLink: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBPaginationItem: FunctionComponent<{
-  children?: ReactNode;
+declare const MDBPaginationItem: React$1.FunctionComponent<{
+  children?: React$1.ReactNode;
   className?: string;
   active?: boolean;
   disabled?: boolean;
-  tag?: ReactElement;
+  tag?: React$1.ReactElement;
   [rest: string]: any;
 }>;
 
-declare const MDBTable: FunctionComponent<{
+declare const MDBTable: React$1.FunctionComponent<{
   className?: string;
   align?: 'top' | 'bottom' | 'middle';
   borderColor?:
@@ -436,70 +437,73 @@ declare const MDBTable: FunctionComponent<{
   hover?: boolean;
   small?: boolean;
   striped?: boolean;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
 }>;
 
-declare const MDBTableHead: FunctionComponent<{
+declare const MDBTableHead: React$1.FunctionComponent<{
   className?: string;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   dark?: boolean;
   light?: boolean;
   [rest: string]: any;
 }>;
 
-declare const MDBTableBody: FunctionComponent<{
+declare const MDBTableBody: React$1.FunctionComponent<{
   className?: string;
-  tag?: ElementType;
+  tag?: React$1.ElementType;
   [rest: string]: any;
 }>;
 
-declare const MDBProgress: FunctionComponent<{
+declare const MDBProgress: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   height?: number | string;
   style?: Record<string, unknown>;
   [rest: string]: any;
 }>;
 
-declare const MDBProgressBar: FunctionComponent<{
+declare const MDBProgressBar: React$1.FunctionComponent<{
   animated?: boolean;
   bgColor?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light' | 'dark';
   className?: string;
   striped?: boolean;
   style?: Record<string, unknown>;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   valuemax?: string | number;
   valuemin?: string | number;
   width?: string | number;
   [rest: string]: any;
 }>;
 
-declare const MDBInput: FunctionComponent<{
+declare const MDBInput: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
-  wrapperTag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
+  wrapperTag?: React$1.ComponentProps<any>;
   id?: string;
   label?: string;
   labelId?: string;
   labelClass?: string;
   wrapperClass?: string;
   wrapperStyle?: Record<string, unknown>;
-  labelStyle?: CSSProperties;
+  labelStyle?: React$1.CSSProperties;
   disabled?: boolean;
   size?: string;
   readonly?: boolean;
   contrast?: boolean;
   value?: string;
   name?: string;
-  labelRef?: RefObject<HTMLLabelElement>;
+  validation?: string;
+  invalid?: boolean;
+  validationTooltip?: boolean;
+  labelRef?: React$1.RefObject<HTMLLabelElement>;
   textarea?: boolean;
   [rest: string]: any;
 }>;
 
-declare const MDBCheckbox: FunctionComponent<{
+declare const MDBCheckbox: React$1.FunctionComponent<{
   className?: string;
-  wrapperTag?: ComponentProps<any>;
+  wrapperTag?: React$1.ComponentProps<any>;
   wrapperClass?: string;
   id?: string;
   label?: string;
@@ -510,6 +514,8 @@ declare const MDBCheckbox: FunctionComponent<{
   name?: string;
   inline?: boolean;
   checked?: boolean;
+  validation?: string;
+  invalid?: boolean;
   btn?: boolean;
   btnColor?: string;
   [rest: string]: any;
@@ -517,13 +523,13 @@ declare const MDBCheckbox: FunctionComponent<{
 
 declare const MDBRadio: typeof MDBCheckbox;
 
-declare const MDBCollapse: FunctionComponent<{
+declare const MDBCollapse: React$1.FunctionComponent<{
   className?: string;
   navbar?: boolean;
   show?: boolean | string;
   center?: boolean;
   style?: Record<string, unknown>;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
@@ -540,56 +546,55 @@ declare type DropdownProps = {
     animation?: boolean;
 };
 
-declare const MDBDropdown: React$1.FC<DropdownProps>;
+declare const MDBDropdown: React__default.FC<DropdownProps>;
 
-declare const MDBDropdownItem: FunctionComponent<{
+declare const MDBDropdownItem: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBDropdownMenu: FunctionComponent<{
+declare const MDBDropdownMenu: React$1.FunctionComponent<{
   className?: string;
   style?: Record<string, any>;
-  wrapperStyle?: Record<string, any>;
   dark?: boolean;
   responsive?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBDropdownToggle: FunctionComponent<{
+declare const MDBDropdownToggle: React$1.FunctionComponent<{
   className?: string;
   border?: string;
   background?: string;
   shadow?: string;
   alignment?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBDropdownLink: FunctionComponent<{
+declare const MDBDropdownLink: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBDropdownDivider: FunctionComponent<{
+declare const MDBDropdownDivider: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBDropdownHeader: FunctionComponent<{
+declare const MDBDropdownHeader: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBPopover: FunctionComponent<{
-  btnChildren?: ReactNode;
+declare const MDBPopover: React$1.FunctionComponent<{
+  btnChildren?: React$1.ReactNode;
   btnClassName?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   className?: string;
   dismiss?: boolean;
   isOpen?: boolean;
@@ -611,23 +616,23 @@ declare const MDBPopover: FunctionComponent<{
     | 'left-start'
     | 'left-end';
   poperStyle?: Record<string, unknown>;
-  popperTag?: ComponentProps<any>;
+  popperTag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBPopoverBody: FunctionComponent<{
+declare const MDBPopoverBody: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBPopoverHeader: FunctionComponent<{
+declare const MDBPopoverHeader: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBModal: FunctionComponent<{
+declare const MDBModal: React$1.FunctionComponent<{
   animationDirection?: string;
   backdrop?: boolean;
   className?: string;
@@ -635,81 +640,180 @@ declare const MDBModal: FunctionComponent<{
   tabIndex?: string;
   show?: boolean;
   staticBackdrop?: boolean;
-  tag?: ComponentProps<any>;
-  modalRef?: RefObject<HTMLElement>;
+  tag?: React$1.ComponentProps<any>;
+  modalRef?: React$1.RefObject<HTMLElement>;
   [rest: string]: any;
 }>;
 
-declare const MDBModalDialog: FunctionComponent<{
+declare const MDBModalDialog: React$1.FunctionComponent<{
   className?: string;
   centered?: boolean;
   size?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBModalContent: FunctionComponent<{
+declare const MDBModalContent: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBModalHeader: FunctionComponent<{
+declare const MDBModalHeader: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBModalTitle: FunctionComponent<{
+declare const MDBModalTitle: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBModalBody: FunctionComponent<{
+declare const MDBModalBody: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBModalFooter: FunctionComponent<{
+declare const MDBModalFooter: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBScrollspy: FunctionComponent<{
+declare const MDBScrollspy: React$1.FunctionComponent<{
   className?: string;
   offset?: number;
   onElement?: boolean;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBScrollspySection: FunctionComponent<{
+declare const MDBScrollspySection: React$1.FunctionComponent<{
   className?: string;
   customSelect?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBScrollspyNavList: FunctionComponent<{
+declare const MDBScrollspyNavList: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBScrollspyNavItem: FunctionComponent<{
+declare const MDBScrollspyNavItem: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   [rest: string]: any;
 }>;
 
-declare const MDBScrollspyNavLink: FunctionComponent<{
+declare const MDBScrollspyNavLink: React$1.FunctionComponent<{
   className?: string;
-  tag?: ComponentProps<any>;
+  tag?: React$1.ComponentProps<any>;
   scrollElement?: HTMLElement;
   [rest: string]: any;
 }>;
 
-export { MDBBadge, MDBBreadcrumb, MDBBreadcrumbItem, MDBBtn, MDBBtnGroup, MDBCard, MDBCardBody, MDBCardFooter, MDBCardGroup, MDBCardHeader, MDBCardImage, MDBCardLink, MDBCardOverlay, MDBCardSubTitle, MDBCardText, MDBCardTitle, MDBCheckbox, MDBCol, MDBCollapse, MDBContainer, MDBDropdown, MDBDropdownDivider, MDBDropdownHeader, MDBDropdownItem, MDBDropdownLink, MDBDropdownMenu, MDBDropdownToggle, MDBFooter, MDBIcon, MDBInput, MDBListGroup, MDBListGroupItem, MDBModal, MDBModalBody, MDBModalContent, MDBModalDialog, MDBModalFooter, MDBModalHeader, MDBModalTitle, MDBNavbar, MDBNavbarBrand, MDBNavbarItem, MDBNavbarLink, MDBNavbarNav, MDBNavbarToggler, MDBPagination, MDBPaginationItem, MDBPaginationLink, MDBPopover, MDBPopoverBody, MDBPopoverHeader, MDBProgress, MDBProgressBar, MDBRadio, MDBRow, MDBScrollspy, MDBScrollspyNavItem, MDBScrollspyNavLink, MDBScrollspyNavList, MDBScrollspySection, MDBSpinner, MDBTable, MDBTableBody, MDBTableHead, MDBTooltip, MDBTypography };
+declare const MDBSwitch: typeof MDBCheckbox;
+
+declare const MDBRange: React$1.FunctionComponent<{
+  className?: string;
+  id?: string;
+  label?: string;
+  labelId?: string;
+  labelClass?: string;
+  min?: string;
+  max?: string;
+  step?: string;
+  value?: number;
+  name?: string;
+  [rest: string]: any;
+}>;
+
+declare const MDBFile: React$1.FunctionComponent<{
+  className?: string;
+  id?: string;
+  label?: string;
+  disabled?: boolean;
+  labelId?: string;
+  labelClass?: string;
+  size?: string;
+  name?: string;
+  [rest: string]: any;
+}>;
+
+declare const MDBInputGroup: React$1.FunctionComponent<{
+  className?: string;
+  noWrap?: boolean;
+  tag?: React$1.ComponentProps<any>;
+  size?: string;
+  [rest: string]: any;
+}>;
+
+declare const MDBInputGroupText: React$1.FunctionComponent<{
+  className?: string;
+  noBorder?: boolean;
+  tag?: React$1.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+declare const MDBInputGroupElement: React$1.FunctionComponent<{
+  className?: string;
+  textarea?: boolean;
+  [rest: string]: any;
+}>;
+
+declare const MDBRipple: React$1.FunctionComponent<{
+  className?: string;
+  rippleUnbound?: boolean;
+  rippleColor?: string;
+  rippleRadius?: number;
+  rippleDuration?: number;
+  rippleCentered?: boolean;
+  // rippleTag?: React.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+declare const MDBValidation: React$1.FunctionComponent<{
+  className?: string;
+  isValidated?: boolean;
+  [rest: string]: any;
+}>;
+
+declare const MDBTabs: React$1.FunctionComponent<{
+  className?: string;
+  fill?: boolean;
+  justify?: boolean;
+  pills?: boolean;
+  [rest: string]: any;
+}>;
+
+declare const MDBTabsItem: React$1.FunctionComponent<{
+  className?: string;
+  [rest: string]: any;
+}>;
+
+declare const MDBTabsLink: React$1.FunctionComponent<{
+  className?: string;
+  active?: boolean;
+  color?: string;
+  [rest: string]: any;
+}>;
+
+declare const MDBTabsContent: React$1.FunctionComponent<{
+  className?: string;
+  tag?: React$1.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+declare const MDBTabsPane: React$1.FunctionComponent<{
+  className?: string;
+  show?: boolean;
+  tag?: React$1.ComponentProps<any>;
+  [rest: string]: any;
+}>;
+
+export { MDBBadge, MDBBreadcrumb, MDBBreadcrumbItem, MDBBtn, MDBBtnGroup, MDBCard, MDBCardBody, MDBCardFooter, MDBCardGroup, MDBCardHeader, MDBCardImage, MDBCardLink, MDBCardOverlay, MDBCardSubTitle, MDBCardText, MDBCardTitle, MDBCheckbox, MDBCol, MDBCollapse, MDBContainer, MDBDropdown, MDBDropdownDivider, MDBDropdownHeader, MDBDropdownItem, MDBDropdownLink, MDBDropdownMenu, MDBDropdownToggle, MDBFile, MDBFooter, MDBIcon, MDBInput, MDBInputGroup, MDBInputGroupElement, MDBInputGroupText, MDBListGroup, MDBListGroupItem, MDBModal, MDBModalBody, MDBModalContent, MDBModalDialog, MDBModalFooter, MDBModalHeader, MDBModalTitle, MDBNavbar, MDBNavbarBrand, MDBNavbarItem, MDBNavbarLink, MDBNavbarNav, MDBNavbarToggler, MDBPagination, MDBPaginationItem, MDBPaginationLink, MDBPopover, MDBPopoverBody, MDBPopoverHeader, MDBProgress, MDBProgressBar, MDBRadio, MDBRange, MDBRipple, MDBRow, MDBScrollspy, MDBScrollspyNavItem, MDBScrollspyNavLink, MDBScrollspyNavList, MDBScrollspySection, MDBSpinner, MDBSwitch, MDBTable, MDBTableBody, MDBTableHead, MDBTabs, MDBTabsContent, MDBTabsItem, MDBTabsLink, MDBTabsPane, MDBTooltip, MDBTypography, MDBValidation };
diff --git a/dist/mdb-react-ui-kit.esm.js b/dist/mdb-react-ui-kit.esm.js
index c0a4852f..bd68c963 100644
--- a/dist/mdb-react-ui-kit.esm.js
+++ b/dist/mdb-react-ui-kit.esm.js
@@ -1 +1 @@
-import e,{useState as a,useEffect as t,useCallback as r,useMemo as n,useRef as l,useContext as o}from"react";import s from"clsx";import c from"react-dom";import{usePopper as i}from"react-popper";import{flip as d}from"@popperjs/core";var u=function(){return(u=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var n in a=arguments[t])Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);return e}).apply(this,arguments)};function f(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)a.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(t[r[n]]=e[r[n]])}return t}var m=e.forwardRef((function(a,t){var r=a.breakpoint,n=a.fluid,l=a.children,o=a.className,c=a.tag,i=f(a,["breakpoint","fluid","children","className","tag"]),d=s(n?"container-fluid":"container"+(r?"-"+r:""),o);return e.createElement(c,u({className:d},i,{ref:t}),l)}));m.defaultProps={tag:"div"};var p=e.forwardRef((function(a,t){var r=a.center,n=a.children,l=a.className,o=a.end,c=a.lg,i=a.md,d=a.offsetLg,m=a.offsetMd,p=a.offsetSm,g=a.order,v=a.size,h=a.sm,b=a.start,N=a.tag,w=a.xl,E=a.xs,y=f(a,["center","children","className","end","lg","md","offsetLg","offsetMd","offsetSm","order","size","sm","start","tag","xl","xs"]),k=s(v&&"col-"+v,E&&"col-xs-"+E,h&&"col-sm-"+h,i&&"col-md-"+i,c&&"col-lg-"+c,w&&"col-xl-"+w,v||E||h||i||c||w?"":"col",g&&"order-"+g,b&&"align-self-start",r&&"align-self-center",o&&"align-self-end",p&&"offset-sm-"+p,m&&"offset-md-"+m,d&&"offset-lg-"+d,l);return e.createElement(N,u({className:k,ref:t},y),n)}));p.defaultProps={tag:"div"};var g=e.forwardRef((function(a,t){var r=a.className,n=a.color,l=a.pill,o=a.dot,c=a.tag,i=a.children,d=a.notification,m=f(a,["className","color","pill","dot","tag","children","notification"]),p=s("badge",n?"bg-"+n:"bg-primary",o&&"badge-dot",l&&"rounded-pill",d&&"badge-notification",r);return e.createElement(c,u({className:p,ref:t},m),i)}));g.defaultProps={tag:"span"};var v=e.forwardRef((function(t,r){var n=t.className,l=t.color,o=t.outline,c=t.children,i=t.rounded,d=t.disabled,m=t.floating,p=t.size,g=t.href,v=t.block,h=t.active,b=t.toggle,N=t.tag,w=f(t,["className","color","outline","children","rounded","disabled","floating","size","href","block","active","toggle","tag"]),E=a(h||!1),y=E[0],k=E[1],P=s("none"!==l&&"btn","none"!==l?o?l?"btn-outline-"+l:"btn-outline-primary":l?"btn-"+l:"btn-primary":"",i&&"btn-rounded",m&&"btn-floating",p&&"btn-"+p,(g||"button"!==N)&&d?"disabled":"",v&&"btn-block",y&&"active",n);return g&&"a"!==N&&(N="a"),e.createElement(N,u({className:P,onClick:b?function(){k(!y)}:void 0,disabled:!(!d||"button"!==N)||void 0,href:g,ref:r},w),c)}));v.defaultProps={tag:"button",type:"button",role:"button"};var h=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.shadow,o=a.toolbar,c=a.size,i=a.vertical,d=a.tag,m=f(a,["className","children","shadow","toolbar","size","vertical","tag"]),p=s(o?"btn-toolbar":i?"btn-group-vertical":"btn-group",l&&"shadow-"+l,c&&"btn-group-"+c,r);return e.createElement(d,u({className:p,ref:t},m),n)}));h.defaultProps={tag:"div",role:"group"};var b=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=a.color,c=a.grow,i=a.size,d=f(a,["className","children","tag","color","grow","size"]),m=s(c?"spinner-grow":"spinner-border",o&&"text-"+o,i?c?"spinner-grow-"+i:"spinner-border-"+i:"",r);return e.createElement(l,u({className:m,ref:t},d),n)}));b.defaultProps={tag:"div"};var N=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.border,o=a.background,c=a.tag,i=a.shadow,d=a.alignment,m=f(a,["className","children","border","background","tag","shadow","alignment"]),p=s("card",l&&"border border-"+l,o&&"bg-"+o,i&&"shadow-"+i,d&&"text-"+d,r);return e.createElement(c,u({className:p,ref:t},m),n)}));N.defaultProps={tag:"div"};var w=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.border,o=a.background,c=a.tag,i=f(a,["className","children","border","background","tag"]),d=s("card-header",l&&"border-"+l,o&&"bg-"+o,r);return e.createElement(c,u({className:d},i,{ref:t}),n)}));w.defaultProps={tag:"div"};var E=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("card-subtitle",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));E.defaultProps={tag:"p"};var y=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("card-title",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));y.defaultProps={tag:"h5"};var k=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("card-text",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));k.defaultProps={tag:"p"};var P=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("card-body",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));P.defaultProps={tag:"div"};var C=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.border,o=a.background,c=a.tag,i=f(a,["className","children","border","background","tag"]),d=s("card-footer",l&&"border-"+l,o&&"bg-"+o,r);return e.createElement(c,u({className:d},i,{ref:t}),n)}));C.defaultProps={tag:"div"};var R=function(a){var t=a.className,r=a.children,n=a.overlay,l=a.position,o=a.fluid,c=f(a,["className","children","overlay","position","fluid"]),i=s(l&&"card-img-"+l,o&&"img-fluid",n&&"card-img",t);return e.createElement("img",u({className:i},c),r)},x=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("card-img-overlay",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));x.defaultProps={tag:"div"};var T=function(a){var t=a.className,r=a.children,n=f(a,["className","children"]),l=s("card-link",t);return e.createElement("a",u({className:l},n),r)},O=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("card-group",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));O.defaultProps={tag:"div"};var L=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.horizontal,o=a.horizontalSize,c=a.flush,i=a.children,d=f(a,["className","tag","horizontal","horizontalSize","flush","children"]),m=s("list-group",l&&(o?"list-group-horizontal-"+o:"list-group-horizontal"),c&&"list-group-flush",r);return e.createElement(n,u({className:m,ref:t},d),i)}));L.defaultProps={tag:"ul"};var S=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.active,o=a.disabled,c=a.action,i=a.color,d=a.children,m=f(a,["className","tag","active","disabled","action","color","children"]),p="button"===n,g=s("list-group-item",l&&"active",o&&!p&&"disabled",c&&"list-group-item-action",i&&"list-group-item-"+i,r);return e.createElement(n,u({className:g,disabled:p&&o,ref:t},m),d)}));S.defaultProps={tag:"li"};var z=function(n){var l=n.className,o=n.children,d=n.tag,m=n.tooltipTag,p=n.options,g=n.placement,v=n.title,h=n.wrapperProps,b=n.wrapperClass,N=n.onMouseEnter,w=n.onMouseLeave,E=f(n,["className","children","tag","tooltipTag","options","placement","title","wrapperProps","wrapperClass","onMouseEnter","onMouseLeave"]),y=a(null),k=y[0],P=y[1],C=a(null),R=C[0],x=C[1],T=a(!1),O=T[0],L=T[1],S=a(!1),z=S[0],I=S[1],j=a(!1),F=j[0],B=j[1],M=a(!1),W=M[0],A=M[1],D=s("tooltip",F&&"show","fade","bs-tooltip-"+g,l),q=i(k,R,u({placement:g},p)),U=q.styles,V=q.attributes;t((function(){var e,a;return O||z?(A(!0),e=setTimeout((function(){B(!0)}),4)):(B(!1),a=setTimeout((function(){A(!1)}),300)),function(){clearTimeout(e),clearTimeout(a)}}),[O,z]);var Y=r((function(e){e.target===k?I(!0):I(!1)}),[k]);return t((function(){return document.addEventListener("mousedown",Y),function(){document.removeEventListener("mousedown",Y)}}),[Y]),e.createElement(e.Fragment,null,e.createElement(d,u({className:b,onMouseEnter:function(e){L(!0),N&&N(e)},onMouseLeave:function(e){L(!1),w&&w(e)},ref:P},h),o),W&&c.createPortal(e.createElement(m,u({ref:x,className:D,style:U.popper},V.popper,{role:"tooltip"},E),e.createElement("div",{className:"tooltip-inner"},v)),document.body))};z.defaultProps={tag:v,tooltipTag:"div",placement:"top"};var I=e.forwardRef((function(a,t){var r=a.around,n=a.between,l=a.bottom,o=a.center,c=a.children,i=a.className,d=a.evenly,m=a.end,p=a.middle,g=a.start,v=a.tag,h=a.top,b=f(a,["around","between","bottom","center","children","className","evenly","end","middle","start","tag","top"]),N=s("row",r&&"justify-content-around",n&&"justify-content-between",l&&"align-self-end",o&&"justify-content-center",d&&"justifty-content-evenly",m&&"justify-content-end",p&&"align-self-center",g&&"justify-content-start",h&&"align-self-start",i);return e.createElement(v,u({className:N},b,{ref:t}),c)}));I.defaultProps={tag:"div"};var j=function(a){var t=a.className,r=a.icon,n=a.fab,l=a.fas,o=a.fal,c=a.far,i=a.flag,d=a.spin,m=a.fixed,p=a.flip,g=a.list,v=a.size,h=a.pull,b=a.pulse,N=a.color,w=a.border,E=a.rotate,y=a.inverse,k=a.stack,P=a.children,C=f(a,["className","icon","fab","fas","fal","far","flag","spin","fixed","flip","list","size","pull","pulse","color","border","rotate","inverse","stack","children"]),R=s(i?"flag":n?"fab":l?"fas":c?"far":o?"fal":"fa",i?"flag-"+i:r&&"fa-"+r,v&&"fa-"+v,N&&"text-"+N,w&&"fa-border",E&&"fa-rotate-"+E,h&&"fa-pull-"+h,d&&"fa-spin",g&&"fa-li",m&&"fa-fw",b&&"fa-pulse",y&&"fa-inverse",p&&"fa-flip-"+p,k&&"fa-stack-"+k,t);return e.createElement("i",u({className:R},C),P)},F=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=a.variant,c=a.colorText,i=a.blockquote,d=a.note,m=a.noteColor,p=a.listUnStyled,g=a.listInLine,v=f(a,["className","children","tag","variant","colorText","blockquote","note","noteColor","listUnStyled","listInLine"]),h=s(o&&o,i&&"blockquote",d&&"note",c&&"text-"+c,m&&"note-"+m,p&&"list-unstyled",g&&"list-inline",r);return i&&(l="blockquote"),(p||g)&&(l="ul"),e.createElement(l,u({className:h,ref:t},v),n)}));F.defaultProps={tag:"p"};var B=e.forwardRef((function(a,t){var r=a.className,n=a.color,l=a.uppercase,o=a.bold,c=a.children,i=a.tag,d=f(a,["className","color","uppercase","bold","children","tag"]),m=s("breadcrumb",o&&"font-weight-bold",n&&"text-"+n,l&&"text-uppercase",r);return e.createElement("nav",{"aria-label":"breadcrumb"},e.createElement(i,u({className:m,ref:t},d),c))}));B.defaultProps={tag:"ol"};var M=e.forwardRef((function(a,t){var r=a.className,n=a.active,l=a.tag,o=a.current,c=a.children,i=f(a,["className","active","tag","current","children"]),d=s("breadcrumb-item",n&&"active",r);return e.createElement(l,u({className:d,ref:t,"aria-current":n&&o},i),c)}));M.defaultProps={tag:"li",current:"page"};var W=e.forwardRef((function(n,l){var o,c=n.className,i=n.children,d=n.light,m=n.dark,p=n.scrolling,g=n.fixed,v=n.sticky,h=n.scrollingNavbarOffset,b=n.color,N=n.transparent,w=n.expand,E=n.tag,y=n.bgColor,k=f(n,["className","children","light","dark","scrolling","fixed","sticky","scrollingNavbarOffset","color","transparent","expand","tag","bgColor"]),P=a(!1),C=P[0],R=P[1],x=s(((o={"fixed-top":g,"sticky-top":v,"navbar-light":d,"navbar-dark":m,"scrolling-navbar":p||h,"top-nav-collapse":C})["text-"+b]=b&&N?C:b,o),"navbar",w&&function(e){if(!1!==e)return"navbar-expand-"+e}(w),y&&"bg-"+y,c),T=r((function(){window.pageYOffset>h?R(!0):R(!1)}),[h]);return t((function(){return(p||h)&&window.addEventListener("scroll",T),function(){window.removeEventListener("scroll",T)}}),[T,p,h]),e.createElement(E,u({className:x,role:"navigation"},k,{ref:l}),i)}));W.defaultProps={tag:"nav"};var A=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.disabled,o=a.active,c=a.tag,i=f(a,["children","className","disabled","active","tag"]),d=s("nav-link",l?"disabled":o?"active":"",n);return e.createElement(c,u({"data-test":"nav-link",className:d,ref:t},i),r)}));A.defaultProps={tag:"a",active:!1,className:"",disabled:!1};var D=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("navbar-brand",r);return e.createElement(l,u({className:c,ref:t},o),n)}));D.defaultProps={tag:"a"};var q=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.active,o=a.text,c=a.tag,i=f(a,["children","className","active","text","tag"]),d=s("nav-item",l&&"active",o&&"navbar-text",n);return e.createElement(c,u({},i,{className:d,ref:t}),r)}));q.defaultProps={tag:"li"};var U=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.right,o=a.fullWidth,c=a.left,i=a.tag,d=f(a,["children","className","right","fullWidth","left","tag"]),m=s("navbar-nav",o&&"w-100",l&&"ms-auto",c&&"me-auto",n);return e.createElement(i,u({className:m,ref:t},d),r)}));U.defaultProps={tag:"ul",fullWidth:!0};var V=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.tag,o=f(a,["children","className","tag"]),c=s("navbar-toggler",n);return e.createElement(l,u({},o,{className:c,ref:t}),r)}));V.defaultProps={tag:"button"};var Y=e.forwardRef((function(a,t){var r=a.children,n=a.bgColor,l=a.color,o=a.tag,c=a.className,i=f(a,["children","bgColor","color","tag","className"]),d=s(n&&"bg-"+n,l&&"text-"+l,c);return e.createElement(o,u({className:d},i,{ref:t}),r)}));Y.defaultProps={tag:"footer"};var H=e.forwardRef((function(a,t){var r=a.children,n=a.size,l=a.circle,o=a.tag,c=a.center,i=a.end,d=a.start,m=a.className,p=f(a,["children","size","circle","tag","center","end","start","className"]),g=s("pagination",c&&"justify-content-center",l&&"pagination-circle",i&&"justify-content-end",n&&"pagination-"+n,d&&"justify-content-start",m);return e.createElement(o,u({className:g},p,{ref:t}),r)}));H.defaultProps={tag:"ul"};var G=e.forwardRef((function(a,t){var r=a.children,n=a.tag,l=a.className,o=f(a,["children","tag","className"]),c=s("page-link",l);return e.createElement(n,u({className:c},o,{ref:t}),r)}));G.defaultProps={tag:"a"};var J=e.forwardRef((function(a,t){var r=a.children,n=a.tag,l=a.className,o=a.active,c=a.disabled,i=f(a,["children","tag","className","active","disabled"]),d=s("page-item",o&&"active",c&&"disabled",l);return e.createElement(n,u({className:d},i,{ref:t}),r)}));J.defaultProps={tag:"li"};var K=e.forwardRef((function(a,t){var r=a.className,l=a.classNameResponsive,o=a.tag,c=a.responsive,i=a.align,d=a.borderColor,m=a.bordered,p=a.borderless,g=a.children,v=a.color,h=a.hover,b=a.small,N=a.striped,w=f(a,["className","classNameResponsive","tag","responsive","align","borderColor","bordered","borderless","children","color","hover","small","striped"]),E=s("table",i&&"align-"+i,d&&"border-"+d,m&&"table-bordered",p&&"table-borderless",v&&"table-"+v,h&&"table-hover",b&&"table-sm",N&&"table-striped",r),y=n((function(){return e.createElement(o,u({className:E,ref:t},w),g)}),[o,g,E,w,t]);if(c){var k=s("string"==typeof c?"table-responsive-"+c:"table-responsive",l);return e.createElement("div",{className:k},y)}return y}));K.defaultProps={tag:"table"};var Q=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=a.dark,c=a.light,i=f(a,["className","tag","children","dark","light"]),d=s(o&&"table-dark",c&&"table-light",r);return e.createElement(n,u({className:d,ref:t},i),l)}));Q.defaultProps={tag:"thead"};var X=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),c=s(r);return e.createElement(n,u({className:c,ref:t},o),l)}));X.defaultProps={tag:"tbody"};var Z=e.forwardRef((function(a,t){var r,n=a.animated,l=a.children,o=a.className,c=a.style,i=a.tag,d=a.valuenow,m=a.valuemax,p=a.striped,g=a.bgColor,v=a.valuemin,h=a.width,b=f(a,["animated","children","className","style","tag","valuenow","valuemax","striped","bgColor","valuemin","width"]),N=s("progress-bar",g&&"bg-"+g,p&&"progress-bar-striped",n&&"progress-bar-animated",o),w=u({width:h+"%"},c);return e.createElement(i,u({className:N,style:w,ref:t,role:"progressbar"},b,{"aria-valuenow":null!==(r=Number(h))&&void 0!==r?r:d,"aria-valuemin":Number(v),"aria-valuemax":Number(m)}),l)}));Z.defaultProps={tag:"div"};var $=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=a.height,c=a.style,i=f(a,["className","children","tag","height","style"]),d=s("progress",r),m=u({height:o+"px"},c);return e.createElement(l,u({className:d,ref:t,style:m},i),e.Children.map(n,(function(a){return e.isValidElement(a)&&a.type===Z?a:void console.error("Progress component only allows ProgressBar as child")})))}));$.defaultProps={tag:"div"};var _=function(n){var o=n.className,c=n.size,i=n.contrast,d=n.value,m=n.id,p=n.labelId,g=n.labelClass,v=n.wrapperClass,h=n.wrapperStyle,b=n.wrapperTag,N=n.label,w=n.onChange,E=n.children,y=n.labelRef,k=n.labelStyle,P=n.inputRef,C=n.textarea,R=f(n,["className","size","contrast","value","id","labelId","labelClass","wrapperClass","wrapperStyle","wrapperTag","label","onChange","children","labelRef","labelStyle","inputRef","textarea"]),x=l(null),T=l(null),O=l(null),L=y||x,S=P||(C?O:T),z=a(d),I=z[0],j=z[1],F=a(0),B=F[0],M=F[1],W=a(void 0!==d&&d.length>0),A=W[0],D=W[1],q=s("form-outline",i&&"form-white",v),U=s("form-control",A&&"active",c&&"form-control-"+c,o),V=s("form-label",g);t((function(){L.current&&M(.8*L.current.clientWidth+8)}),[]),t((function(){void 0!==d&&(d.length>0?D(!0):D(!1))}),[d]);var Y=function(e){j(e.currentTarget.value),w&&w(e)},H=r((function(){void 0!==I&&I.length>0||void 0!==d&&d.length>0?D(!0):D(!1)}),[I,d]);return e.createElement(b,{className:q,style:u({},h)},C?e.createElement("textarea",u({className:U,onBlur:H,onChange:Y,value:d,id:m,ref:S},R)):e.createElement("input",u({className:U,onBlur:H,onChange:Y,value:d,id:m,ref:S},R)),N&&e.createElement("label",{className:V,style:k,id:p,htmlFor:m,ref:L},N),e.createElement("div",{className:"form-notch"},e.createElement("div",{className:"form-notch-leading"}),e.createElement("div",{className:"form-notch-middle",style:{width:B}}),e.createElement("div",{className:"form-notch-trailing"})),E)};_.defaultProps={wrapperTag:"div"};var ee=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.labelId,o=a.labelClass,c=a.wrapperClass,i=a.wrapperTag,d=a.label,m=a.inline,p=a.btn,g=a.id,v=a.defaultChecked,h=a.checked,b=a.btnColor,N=f(a,["className","tag","labelId","labelClass","wrapperClass","wrapperTag","label","inline","btn","id","defaultChecked","checked","btnColor"]),w="form-check-input",E="form-check-label";p&&(w="btn-check",E=b?"btn btn-"+b:"btn btn-primary");var y=s(d&&!p&&"form-check",m&&!p&&"form-check-inline",c),k=s(w,r),P=s(E,o);return e.createElement(i,{className:y},e.createElement(n,u({className:k,type:"checkbox",defaultChecked:v,checked:h,id:g,ref:t},N)),d&&e.createElement("label",{className:P,id:l,htmlFor:g},d))}));ee.defaultProps={tag:"input",wrapperTag:"div"};var ae=e.forwardRef((function(a,t){var r=f(a,[]);return e.createElement(ee,u({type:"radio",ref:t},r))})),te=function(r){var n=r.className,o=r.center,c=r.children,i=r.show,d=r.id,m=r.navbar,p=r.tag,g=r.style,v=f(r,["className","center","children","show","id","navbar","tag","style"]),h=a(!1),b=h[0],N=h[1],w=a(""),E=w[0],y=w[1],k=a(!1),P=k[0],C=k[1],R=a(void 0),x=R[0],T=R[1],O=a(!1),L=O[0],S=O[1],z=s(L?"collapsing":"collapse",!L&&(b||P)&&"show",m&&"navbar-collapse",o&&"justify-content-center",n),I=l(null);return t((function(){"string"==typeof i?(y(i),C(E===d)):N(i),(P||b)&&S(!0);var e=setTimeout((function(){S(!1)}),350);return function(){clearTimeout(e)}}),[x,i,b,d,E,P]),t((function(){var e;T(b||P?null===(e=null==I?void 0:I.current)||void 0===e?void 0:e.scrollHeight:0)}),[b,P]),e.createElement(p,u({style:u({height:x},g),id:d,className:z},v,{ref:I}),c)};te.defaultProps={tag:"div"};var re=e.createContext({animation:!0,handleOpenClose:function(){},handleClose:function(){},getCount:function(){return 0},isOpenState:!1,activeIndex:0,animatedFadeIn:!1,animatedFadeOut:!1,setPopperElement:null,setReferenceElement:null,styles:{},attributes:{}}),ne=function(n){var l=n.className,o=n.tag,c=n.group,m=n.isOpen,p=n.children,g=n.dropup,v=n.dropright,h=n.dropleft,b=n.options,N=n.animation,w=n.placement,E=f(n,["className","tag","group","isOpen","children","dropup","dropright","dropleft","options","animation","placement"]),y=a(m),k=y[0],P=y[1],C=a(!1),R=C[0],x=C[1],T=a(!1),O=T[0],L=T[1],S=a(),z=S[0],I=S[1],j=a(),F=j[0],B=j[1],M=a(w),W=M[0],A=M[1],D=a(-1),q=D[0],U=D[1],V=a(-1),Y=V[0],H=V[1];t((function(){A(g?"top-start":v?"right-start":h?"left-start":"bottom-start")}),[h,v,g]);var G=i(z,F,u({placement:W,modifiers:[d]},b)),J=G.styles,K=G.attributes,Q=s(c?"btn-group":"dropdown",g&&"dropup",v&&"dropend",h&&"dropstart",l),X=r((function(e){F&&null!==F&&k&&z&&null!==z&&(F.contains(e.target)||z.contains(e.target)||P(!1))}),[k,F,z]);return t((function(){var e=document.body.scrollTop;console.log(e)})),t((function(){return document.addEventListener("mousedown",X),function(){document.removeEventListener("mousedown",X)}}),[X]),t((function(){k&&U(Y)}),[Y,k]),t((function(){var e,a;return k?(x(!0),e=setTimeout((function(){x(!1)}),300)):(L(!0),a=setTimeout((function(){L(!1)}),300)),function(){clearTimeout(e),clearTimeout(a)}}),[k]),e.createElement(re.Provider,{value:{animation:N,activeIndex:q,handleClose:function(){return P(!1)},handleOpenClose:function(){return P(!k)},isOpenState:k,setReferenceElement:I,setPopperElement:B,styles:J,attributes:K,animatedFadeIn:R,animatedFadeOut:O,getCount:function(e){return function(e){return H(e)}(e)}}},e.createElement(o,u({className:Q},E),p))};function le(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}ne.defaultProps={tag:"div",animation:!0};le(".dropdown-menu li[data-active='true'] {\n  color: #16181b;\n  background-color: #eee;\n}\n");var oe=function(a){var t=a.onClick,r=a.tag,n=a.children,l=f(a,["onClick","tag","children"]),s=o(re),c=s.activeIndex,i=s.handleClose;return e.createElement(r,u({},l,{onClick:function(e){i(),t&&t(e)}}),e.Children.map(n,(function(a,t){return e.cloneElement(a,{"data-active":c===t,"data-index":t})})))};oe.defaultProps={tag:"li"};le(".dropdown-menu [data-active='true'] a.dropdown-item,\n.dropdown-menu .dropdown-item:focus,\n.dropdown-menu li:focus .dropdown-item {\n  color: #16181b;\n  background-color: #eee;\n}\n\n.dropdown-menu li:focus {\n  outline: none;\n}\n\n.dropdown-menu.dropdown-menu-dark [data-active='true'] a.dropdown-item,\n.dropdown-menu.dropdown-menu-dark .dropdown-item:focus,\n.dropdown-menu.dropdown-menu-dark li:focus .dropdown-item {\n  color: #fff;\n  background-color: #1266f1;\n}\n\n.btn-group.dropstart > .dropdown-menu {\n  right: 0 !important;\n}\n");var se=function(n){var l=n.className,c=n.tag,i=n.children,d=n.style,m=n.wrapperStyle,p=n.dark,g=n.responsive,v=f(n,["className","tag","children","style","wrapperStyle","dark","responsive"]),h=o(re),b=h.activeIndex,N=h.setPopperElement,w=h.isOpenState,E=h.styles,y=h.attributes,k=h.animatedFadeIn,P=h.animatedFadeOut,C=h.animation,R=h.getCount,x=h.handleOpenClose,T=s("dropdown-menu",p&&"dropdown-menu-dark",w&&"show",C&&"animation",k&&"fade-in",P&&"fade-out",g&&"dropdown-menu-"+g,l),O=a(!1),L=O[0],S=O[1],z=a(0),I=z[0],j=z[1],F=a(-1),B=F[0],M=F[1];t((function(){var a;if(w){var t=e.Children.count(i);M(t),S(!0)}else a=setTimeout((function(){S(!1)}),300);return function(){clearTimeout(a)}}),[i,w]);var W=r((function(e){e.preventDefault(),L&&("ArrowUp"===e.key&&(j(I-1),I<=0&&j(B-1)),"ArrowDown"===e.key&&(j(I+1),I===B-1&&j(0)),"Escape"!==e.key&&"Enter"!==e.key||(S(!1),x()))}),[L,B,x,I]);return t((function(){L&&R(I)}),[I,L,R]),t((function(){return L&&document.addEventListener("keydown",W),function(){document.removeEventListener("keydown",W)}}),[L,W]),L?e.createElement("div",u({className:"position-absolute",ref:N},y.popper,{style:u(u({display:"block",zIndex:1e3},E.popper),m),tabIndex:-1}),e.createElement(c,u({className:T,style:u({},d)},v,{tabIndex:-1}),e.Children.map(i,(function(a,t){return(null==a?void 0:a.type)===oe?e.cloneElement(a,{tabIndex:0,"data-active":b===t&&!0,"data-index":t,className:b===t?"active":""}):a})))):""};se.defaultProps={tag:"ul",responsive:""};var ce=function(a){var t=a.className,r=a.tag,n=a.children,l=a.onClick,c=a.split,i=f(a,["className","tag","children","onClick","split"]),d=s("dropdown-toggle",c&&"dropdown-toggle-split",t),m=o(re),p=m.handleOpenClose,g=m.setReferenceElement,v=m.isOpenState;return e.createElement(r,u({onClick:function(e){p(),l&&l(e)},ref:g,className:d},i,{"aria-expanded":!!v}),n)};ce.defaultProps={tag:v};var ie=function(a){var t=a.onClick,r=a.className,n=a.tag,l=a.children,c=f(a,["onClick","className","tag","children"]),i=s("dropdown-item",r),d=o(re).handleClose;return e.createElement(n,u({className:i},c,{onClick:function(e){d(),t&&t(e)}}),l)};ie.defaultProps={tag:"a"};var de=function(a){var t=a.tag,r=f(a,["tag"]);return e.createElement(t,u({},r,{className:"dropdown-divider"}))};de.defaultProps={tag:"div"};var ue=function(a){var t=a.tag,r=a.children,n=a.className,l=f(a,["tag","children","className"]);return e.createElement(t,u({},l,{className:s("dropdown-header",n)}),r)};ue.defaultProps={tag:"h6"};var fe=function(l){var o=l.className,d=l.btnClassName,m=l.btnChildren,p=l.children,g=l.tag,v=l.popperTag,h=l.isOpen,b=l.placement,N=l.dismiss,w=l.options,E=l.poperStyle,y=l.onClick,k=f(l,["className","btnClassName","btnChildren","children","tag","popperTag","isOpen","placement","dismiss","options","poperStyle","onClick"]),P=a(),C=P[0],R=P[1],x=a(),T=x[0],O=x[1],L=i(C,T,u({placement:b},w)),S=L.styles,z=L.attributes,I=a(h),j=I[0],F=I[1],B=a(!1),M=B[0],W=B[1],A=a(!1),D=A[0],q=A[1],U=a(!1),V=U[0],Y=U[1],H=s("popover fade",D&&"show","bs-popover-"+("left"===b?"start":"right"===b?"end":b),o),G=r((function(e){V&&T&&null!==T&&j&&C&&null!==C&&(C.contains(e.target)||F(!1))}),[V,j,T,C]);return n((function(){var e;return j?(W(!0),setTimeout((function(){q(!0)}),150)):(e=setTimeout((function(){W(!1)}),150),q(!1)),function(){clearTimeout(e)}}),[j]),t((function(){return j&&document.addEventListener("mousedown",G),function(){document.removeEventListener("mousedown",G)}}),[G,j]),e.createElement(e.Fragment,null,e.createElement(g,u({onClick:function(e){N?(Y(!0),F(!0)):F(!j),y&&y(e)},className:d},k,{ref:R}),m),M&&c.createPortal(e.createElement(v,u({className:H,ref:O,style:u(u({},S.popper),E)},z.popper,{"data-testid":"popoverTestID"}),p),document.body))};fe.defaultProps={tag:v,popperTag:"div",placement:"top"};var me=function(a){var t=a.className,r=a.children,n=a.tag,l=f(a,["className","children","tag"]),o=s("popover-body",t);return e.createElement(n,u({className:o},l),r)};me.defaultProps={tag:"div"};var pe=function(a){var t=a.className,r=a.children,n=a.tag,l=f(a,["className","children","tag"]),o=s("popover-header",t);return e.createElement(n,u({className:o},l),r)};pe.defaultProps={tag:"h3"};var ge=function(n){var o=n.animationDirection,c=n.backdrop,i=n.children,d=n.className,m=n.closeOnEsc,p=n.getOpenState,g=n.modalRef,v=n.show,h=n.staticBackdrop,b=n.tag,N=f(n,["animationDirection","backdrop","children","className","closeOnEsc","getOpenState","modalRef","show","staticBackdrop","tag"]),w=a(v),E=w[0],y=w[1],k=a(v),P=k[0],C=k[1],R=a(!1),x=R[0],T=R[1],O=s("modal","fade",o,P&&v&&"show",x&&"modal-static",d),L=l(null),S=window.innerWidth>document.documentElement.clientWidth&&window.innerWidth>=576,z=a(!1),I=z[0],j=z[1],F=g||L,B=r((function(e){h||e.target!==F.current?h&&(T(!0),setTimeout((function(){T(!1)}),300)):(y(!1),c&&((v||E)&&document.body.classList.toggle("modal-open"),S&&(j(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),p&&p(!1))}),[F,p,c]),M=r((function(e){h||"Escape"!==e.key?h&&(T(!0),setTimeout((function(){T(!1)}),300)):(y(!1),c&&((v||E)&&document.body.classList.toggle("modal-open"),S&&(j(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),p&&p(!1))}),[p,m]);return t((function(){y(v),c&&((v||E)&&document.body.classList.toggle("modal-open"),S&&(j(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),p&&p(v)}),[v,p]),t((function(){return E&&(document.addEventListener("click",B),document.addEventListener("keydown",M)),function(){document.removeEventListener("click",B),document.removeEventListener("keydown",M)}}),[B,M,E]),t((function(){var e,a;return E?(C(!0),e=setTimeout((function(){y(!0)}),4)):(y(!1),a=setTimeout((function(){C(!1)}),300)),function(){clearTimeout(e),clearTimeout(a)}}),[E]),e.createElement(e.Fragment,null,e.createElement(b,u({style:{display:v||P?"block":"none",paddingRight:v&&I?"17px":""},className:O,ref:F},N),i),c&&P&&e.createElement("div",{className:"modal-backdrop fade show"}))};ge.defaultProps={tag:"div",backdrop:!0,closeOnEsc:!0,staticBackdrop:!1,show:!1};var ve=e.forwardRef((function(a,t){var r=a.className,n=a.centered,l=a.children,o=a.size,c=a.tag,i=f(a,["className","centered","children","size","tag"]),d=s("modal-dialog",n&&"modal-dialog-centered",o&&"modal-"+o,r);return e.createElement(c,u({className:d},i,{ref:t}),l)}));ve.defaultProps={tag:"div"};var he=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("modal-content",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));he.defaultProps={tag:"div"};var be=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("modal-header",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));be.defaultProps={tag:"div"};var Ne=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("modal-title",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));Ne.defaultProps={tag:"h5"};var we=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("modal-body",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));we.defaultProps={tag:"div"};var Ee=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),c=s("modal-footer",r);return e.createElement(l,u({className:c},o,{ref:t}),n)}));Ee.defaultProps={tag:"div"};var ye=e.forwardRef((function(a,n){var l=a.className,o=a.offset,s=a.onElement,c=a.setActive,i=a.targets,d=a.tag,m=a.children,p=f(a,["className","offset","onElement","setActive","targets","tag","children"]),g=r((function(e){if(i&&o){var a;a=s?e.target.scrollTop:window.pageYOffset;var t=i.length-1;a<i[0].offsetTop&&c(0),i.forEach((function(e,t){var r=i[t+1];a>e.offsetTop-o&&a<(null==r?void 0:r.offsetTop)-o&&c(t+1)})),a>i[t].offsetTop-o&&c(t+1)}}),[i,o,s,c]);return t((function(){if(!s)return window.addEventListener("scroll",g),function(){window.removeEventListener("scroll",g)}}),[i,s,g]),e.createElement(d,u({className:l,ref:n},p,{onScroll:s?g:null}),m)}));ye.defaultProps={tag:"div",onElement:!1,offset:10};var ke=e.forwardRef((function(a,t){var r=a.className,n=a.customSelect,l=a.tag,o=a.children,c=f(a,["className","customSelect","tag","children"]),i=s("scrollspy-section"+n,r);return e.createElement(l,u({className:i,ref:t},c),o)}));ke.defaultProps={tag:"section",customSelect:""};var Pe=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),c=s("nav-item",r);return e.createElement(n,u({className:c,ref:t},o),l)}));Pe.defaultProps={tag:"li"};var Ce=e.forwardRef((function(a,t){var r=a.className,n=a.scrollElement,l=a.active,o=a.tag,c=a.children,i=f(a,["className","scrollElement","active","tag","children"]),d=s("nav-link",r,l&&"active");return e.createElement(o,u({className:d,ref:t},i,{onClick:function(){n.scrollIntoView({behavior:"smooth"})},style:{cursor:"pointer"}}),c)}));Ce.defaultProps={tag:"a"};var Re=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),c=s("nav",r);return e.createElement(n,u({className:c,ref:t},o),l)}));Re.defaultProps={tag:"ul"};export{g as MDBBadge,B as MDBBreadcrumb,M as MDBBreadcrumbItem,v as MDBBtn,h as MDBBtnGroup,N as MDBCard,P as MDBCardBody,C as MDBCardFooter,O as MDBCardGroup,w as MDBCardHeader,R as MDBCardImage,T as MDBCardLink,x as MDBCardOverlay,E as MDBCardSubTitle,k as MDBCardText,y as MDBCardTitle,ee as MDBCheckbox,p as MDBCol,te as MDBCollapse,m as MDBContainer,ne as MDBDropdown,de as MDBDropdownDivider,ue as MDBDropdownHeader,oe as MDBDropdownItem,ie as MDBDropdownLink,se as MDBDropdownMenu,ce as MDBDropdownToggle,Y as MDBFooter,j as MDBIcon,_ as MDBInput,L as MDBListGroup,S as MDBListGroupItem,ge as MDBModal,we as MDBModalBody,he as MDBModalContent,ve as MDBModalDialog,Ee as MDBModalFooter,be as MDBModalHeader,Ne as MDBModalTitle,W as MDBNavbar,D as MDBNavbarBrand,q as MDBNavbarItem,A as MDBNavbarLink,U as MDBNavbarNav,V as MDBNavbarToggler,H as MDBPagination,J as MDBPaginationItem,G as MDBPaginationLink,fe as MDBPopover,me as MDBPopoverBody,pe as MDBPopoverHeader,$ as MDBProgress,Z as MDBProgressBar,ae as MDBRadio,I as MDBRow,ye as MDBScrollspy,Pe as MDBScrollspyNavItem,Ce as MDBScrollspyNavLink,Re as MDBScrollspyNavList,ke as MDBScrollspySection,b as MDBSpinner,K as MDBTable,X as MDBTableBody,Q as MDBTableHead,z as MDBTooltip,F as MDBTypography};
+import e,{useState as a,useEffect as t,useCallback as r,useMemo as n,useRef as l,useContext as o}from"react";import c from"clsx";import s from"react-dom";import{usePopper as i}from"react-popper";import{flip as d}from"@popperjs/core";var u=function(){return(u=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var n in a=arguments[t])Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);return e}).apply(this,arguments)};function f(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)a.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(t[r[n]]=e[r[n]])}return t}var m=e.forwardRef((function(a,t){var r=a.breakpoint,n=a.fluid,l=a.children,o=a.className,s=a.tag,i=f(a,["breakpoint","fluid","children","className","tag"]),d=c(n?"container-fluid":"container"+(r?"-"+r:""),o);return e.createElement(s,u({className:d},i,{ref:t}),l)}));m.defaultProps={tag:"div"};var p=e.forwardRef((function(a,t){var r=a.center,n=a.children,l=a.className,o=a.end,s=a.lg,i=a.md,d=a.offsetLg,m=a.offsetMd,p=a.offsetSm,g=a.order,v=a.size,h=a.sm,b=a.start,N=a.tag,w=a.xl,E=a.xs,y=f(a,["center","children","className","end","lg","md","offsetLg","offsetMd","offsetSm","order","size","sm","start","tag","xl","xs"]),k=c(v&&"col-"+v,E&&"col-xs-"+E,h&&"col-sm-"+h,i&&"col-md-"+i,s&&"col-lg-"+s,w&&"col-xl-"+w,v||E||h||i||s||w?"":"col",g&&"order-"+g,b&&"align-self-start",r&&"align-self-center",o&&"align-self-end",p&&"offset-sm-"+p,m&&"offset-md-"+m,d&&"offset-lg-"+d,l);return e.createElement(N,u({className:k,ref:t},y),n)}));p.defaultProps={tag:"div"};var g=e.forwardRef((function(a,t){var r=a.className,n=a.color,l=a.pill,o=a.dot,s=a.tag,i=a.children,d=a.notification,m=f(a,["className","color","pill","dot","tag","children","notification"]),p=c("badge",n?"bg-"+n:"bg-primary",o&&"badge-dot",l&&"rounded-pill",d&&"badge-notification",r);return e.createElement(s,u({className:p,ref:t},m),i)}));g.defaultProps={tag:"span"};var v=e.forwardRef((function(t,r){var n=t.className,l=t.color,o=t.outline,s=t.children,i=t.rounded,d=t.disabled,m=t.floating,p=t.size,g=t.href,v=t.block,h=t.active,b=t.toggle,N=t.tag,w=f(t,["className","color","outline","children","rounded","disabled","floating","size","href","block","active","toggle","tag"]),E=a(h||!1),y=E[0],k=E[1],R=c("none"!==l&&"btn","none"!==l?o?l?"btn-outline-"+l:"btn-outline-primary":l?"btn-"+l:"btn-primary":"",i&&"btn-rounded",m&&"btn-floating",p&&"btn-"+p,(g||"button"!==N)&&d?"disabled":"",v&&"btn-block",y&&"active",n);return g&&"a"!==N&&(N="a"),e.createElement(N,u({className:R,onClick:b?function(){k(!y)}:void 0,disabled:!(!d||"button"!==N)||void 0,href:g,ref:r},w),s)}));v.defaultProps={tag:"button",type:"button",role:"button"};var h=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.shadow,o=a.toolbar,s=a.size,i=a.vertical,d=a.tag,m=f(a,["className","children","shadow","toolbar","size","vertical","tag"]),p=c(o?"btn-toolbar":i?"btn-group-vertical":"btn-group",l&&"shadow-"+l,s&&"btn-group-"+s,r);return e.createElement(d,u({className:p,ref:t},m),n)}));h.defaultProps={tag:"div",role:"group"};var b=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=a.color,s=a.grow,i=a.size,d=f(a,["className","children","tag","color","grow","size"]),m=c(s?"spinner-grow":"spinner-border",o&&"text-"+o,i?s?"spinner-grow-"+i:"spinner-border-"+i:"",r);return e.createElement(l,u({className:m,ref:t},d),n)}));b.defaultProps={tag:"div"};var N=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.border,o=a.background,s=a.tag,i=a.shadow,d=a.alignment,m=f(a,["className","children","border","background","tag","shadow","alignment"]),p=c("card",l&&"border border-"+l,o&&"bg-"+o,i&&"shadow-"+i,d&&"text-"+d,r);return e.createElement(s,u({className:p,ref:t},m),n)}));N.defaultProps={tag:"div"};var w=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.border,o=a.background,s=a.tag,i=f(a,["className","children","border","background","tag"]),d=c("card-header",l&&"border-"+l,o&&"bg-"+o,r);return e.createElement(s,u({className:d},i,{ref:t}),n)}));w.defaultProps={tag:"div"};var E=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("card-subtitle",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));E.defaultProps={tag:"p"};var y=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("card-title",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));y.defaultProps={tag:"h5"};var k=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("card-text",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));k.defaultProps={tag:"p"};var R=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("card-body",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));R.defaultProps={tag:"div"};var C=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.border,o=a.background,s=a.tag,i=f(a,["className","children","border","background","tag"]),d=c("card-footer",l&&"border-"+l,o&&"bg-"+o,r);return e.createElement(s,u({className:d},i,{ref:t}),n)}));C.defaultProps={tag:"div"};var P=function(a){var t=a.className,r=a.children,n=a.overlay,l=a.position,o=a.fluid,s=f(a,["className","children","overlay","position","fluid"]),i=c(l&&"card-img-"+l,o&&"img-fluid",n&&"card-img",t);return e.createElement("img",u({className:i},s),r)},x=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("card-img-overlay",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));x.defaultProps={tag:"div"};var T=function(a){var t=a.className,r=a.children,n=f(a,["className","children"]),l=c("card-link",t);return e.createElement("a",u({className:l},n),r)},O=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("card-group",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));O.defaultProps={tag:"div"};var S=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.horizontal,o=a.horizontalSize,s=a.flush,i=a.children,d=f(a,["className","tag","horizontal","horizontalSize","flush","children"]),m=c("list-group",l&&(o?"list-group-horizontal-"+o:"list-group-horizontal"),s&&"list-group-flush",r);return e.createElement(n,u({className:m,ref:t},d),i)}));S.defaultProps={tag:"ul"};var L=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.active,o=a.disabled,s=a.action,i=a.color,d=a.children,m=f(a,["className","tag","active","disabled","action","color","children"]),p="button"===n,g=c("list-group-item",l&&"active",o&&!p&&"disabled",s&&"list-group-item-action",i&&"list-group-item-"+i,r);return e.createElement(n,u({className:g,disabled:p&&o,ref:t},m),d)}));L.defaultProps={tag:"li"};var z=function(n){var l=n.className,o=n.children,d=n.tag,m=n.tooltipTag,p=n.options,g=n.placement,v=n.title,h=n.wrapperProps,b=n.wrapperClass,N=n.onMouseEnter,w=n.onMouseLeave,E=f(n,["className","children","tag","tooltipTag","options","placement","title","wrapperProps","wrapperClass","onMouseEnter","onMouseLeave"]),y=a(null),k=y[0],R=y[1],C=a(null),P=C[0],x=C[1],T=a(!1),O=T[0],S=T[1],L=a(!1),z=L[0],I=L[1],j=a(!1),M=j[0],F=j[1],D=a(!1),B=D[0],W=D[1],U=c("tooltip",M&&"show","fade","bs-tooltip-"+g,l),q=i(k,P,u({placement:g},p)),A=q.styles,Y=q.attributes;t((function(){var e,a;return O||z?(W(!0),e=setTimeout((function(){F(!0)}),4)):(F(!1),a=setTimeout((function(){W(!1)}),300)),function(){clearTimeout(e),clearTimeout(a)}}),[O,z]);var V=r((function(e){e.target===k?I(!0):I(!1)}),[k]);return t((function(){return document.addEventListener("mousedown",V),function(){document.removeEventListener("mousedown",V)}}),[V]),e.createElement(e.Fragment,null,e.createElement(d,u({className:b,onMouseEnter:function(e){S(!0),N&&N(e)},onMouseLeave:function(e){S(!1),w&&w(e)},ref:R},h),o),B&&s.createPortal(e.createElement(m,u({ref:x,className:U,style:A.popper},Y.popper,{role:"tooltip"},E),e.createElement("div",{className:"tooltip-inner"},v)),document.body))};z.defaultProps={tag:v,tooltipTag:"div",placement:"top"};var I=e.forwardRef((function(a,t){var r=a.around,n=a.between,l=a.bottom,o=a.center,s=a.children,i=a.className,d=a.evenly,m=a.end,p=a.middle,g=a.start,v=a.tag,h=a.top,b=f(a,["around","between","bottom","center","children","className","evenly","end","middle","start","tag","top"]),N=c("row",r&&"justify-content-around",n&&"justify-content-between",l&&"align-self-end",o&&"justify-content-center",d&&"justifty-content-evenly",m&&"justify-content-end",p&&"align-self-center",g&&"justify-content-start",h&&"align-self-start",i);return e.createElement(v,u({className:N},b,{ref:t}),s)}));I.defaultProps={tag:"div"};var j=function(a){var t=a.className,r=a.icon,n=a.fab,l=a.fas,o=a.fal,s=a.far,i=a.flag,d=a.spin,m=a.fixed,p=a.flip,g=a.list,v=a.size,h=a.pull,b=a.pulse,N=a.color,w=a.border,E=a.rotate,y=a.inverse,k=a.stack,R=a.children,C=f(a,["className","icon","fab","fas","fal","far","flag","spin","fixed","flip","list","size","pull","pulse","color","border","rotate","inverse","stack","children"]),P=c(i?"flag":n?"fab":l?"fas":s?"far":o?"fal":"fa",i?"flag-"+i:r&&"fa-"+r,v&&"fa-"+v,N&&"text-"+N,w&&"fa-border",E&&"fa-rotate-"+E,h&&"fa-pull-"+h,d&&"fa-spin",g&&"fa-li",m&&"fa-fw",b&&"fa-pulse",y&&"fa-inverse",p&&"fa-flip-"+p,k&&"fa-stack-"+k,t);return e.createElement("i",u({className:P},C),R)},M=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=a.variant,s=a.colorText,i=a.blockquote,d=a.note,m=a.noteColor,p=a.listUnStyled,g=a.listInLine,v=f(a,["className","children","tag","variant","colorText","blockquote","note","noteColor","listUnStyled","listInLine"]),h=c(o&&o,i&&"blockquote",d&&"note",s&&"text-"+s,m&&"note-"+m,p&&"list-unstyled",g&&"list-inline",r);return i&&(l="blockquote"),(p||g)&&(l="ul"),e.createElement(l,u({className:h,ref:t},v),n)}));M.defaultProps={tag:"p"};var F=e.forwardRef((function(a,t){var r=a.className,n=a.color,l=a.uppercase,o=a.bold,s=a.children,i=a.tag,d=f(a,["className","color","uppercase","bold","children","tag"]),m=c("breadcrumb",o&&"font-weight-bold",n&&"text-"+n,l&&"text-uppercase",r);return e.createElement("nav",{"aria-label":"breadcrumb"},e.createElement(i,u({className:m,ref:t},d),s))}));F.defaultProps={tag:"ol"};var D=e.forwardRef((function(a,t){var r=a.className,n=a.active,l=a.tag,o=a.current,s=a.children,i=f(a,["className","active","tag","current","children"]),d=c("breadcrumb-item",n&&"active",r);return e.createElement(l,u({className:d,ref:t,"aria-current":n&&o},i),s)}));D.defaultProps={tag:"li",current:"page"};var B=e.forwardRef((function(n,l){var o,s=n.className,i=n.children,d=n.light,m=n.dark,p=n.scrolling,g=n.fixed,v=n.sticky,h=n.scrollingNavbarOffset,b=n.color,N=n.transparent,w=n.expand,E=n.tag,y=n.bgColor,k=f(n,["className","children","light","dark","scrolling","fixed","sticky","scrollingNavbarOffset","color","transparent","expand","tag","bgColor"]),R=a(!1),C=R[0],P=R[1],x=c(((o={"fixed-top":g,"sticky-top":v,"navbar-light":d,"navbar-dark":m,"scrolling-navbar":p||h,"top-nav-collapse":C})["text-"+b]=b&&N?C:b,o),"navbar",w&&function(e){if(!1!==e)return"navbar-expand-"+e}(w),y&&"bg-"+y,s),T=r((function(){window.pageYOffset>h?P(!0):P(!1)}),[h]);return t((function(){return(p||h)&&window.addEventListener("scroll",T),function(){window.removeEventListener("scroll",T)}}),[T,p,h]),e.createElement(E,u({className:x,role:"navigation"},k,{ref:l}),i)}));B.defaultProps={tag:"nav"};var W=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.disabled,o=a.active,s=a.tag,i=f(a,["children","className","disabled","active","tag"]),d=c("nav-link",l?"disabled":o?"active":"",n);return e.createElement(s,u({"data-test":"nav-link",className:d,ref:t},i),r)}));W.defaultProps={tag:"a",active:!1,className:"",disabled:!1};var U=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("navbar-brand",r);return e.createElement(l,u({className:s,ref:t},o),n)}));U.defaultProps={tag:"a"};var q=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.active,o=a.text,s=a.tag,i=f(a,["children","className","active","text","tag"]),d=c("nav-item",l&&"active",o&&"navbar-text",n);return e.createElement(s,u({},i,{className:d,ref:t}),r)}));q.defaultProps={tag:"li"};var A=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.right,o=a.fullWidth,s=a.left,i=a.tag,d=f(a,["children","className","right","fullWidth","left","tag"]),m=c("navbar-nav",o&&"w-100",l&&"ms-auto",s&&"me-auto",n);return e.createElement(i,u({className:m,ref:t},d),r)}));A.defaultProps={tag:"ul",fullWidth:!0};var Y=e.forwardRef((function(a,t){var r=a.children,n=a.className,l=a.tag,o=f(a,["children","className","tag"]),s=c("navbar-toggler",n);return e.createElement(l,u({},o,{className:s,ref:t}),r)}));Y.defaultProps={tag:"button"};var V=e.forwardRef((function(a,t){var r=a.children,n=a.bgColor,l=a.color,o=a.tag,s=a.className,i=f(a,["children","bgColor","color","tag","className"]),d=c(n&&"bg-"+n,l&&"text-"+l,s);return e.createElement(o,u({className:d},i,{ref:t}),r)}));V.defaultProps={tag:"footer"};var X=e.forwardRef((function(a,t){var r=a.children,n=a.size,l=a.circle,o=a.tag,s=a.center,i=a.end,d=a.start,m=a.className,p=f(a,["children","size","circle","tag","center","end","start","className"]),g=c("pagination",s&&"justify-content-center",l&&"pagination-circle",i&&"justify-content-end",n&&"pagination-"+n,d&&"justify-content-start",m);return e.createElement(o,u({className:g},p,{ref:t}),r)}));X.defaultProps={tag:"ul"};var H=e.forwardRef((function(a,t){var r=a.children,n=a.tag,l=a.className,o=f(a,["children","tag","className"]),s=c("page-link",l);return e.createElement(n,u({className:s},o,{ref:t}),r)}));H.defaultProps={tag:"a"};var G=e.forwardRef((function(a,t){var r=a.children,n=a.tag,l=a.className,o=a.active,s=a.disabled,i=f(a,["children","tag","className","active","disabled"]),d=c("page-item",o&&"active",s&&"disabled",l);return e.createElement(n,u({className:d},i,{ref:t}),r)}));G.defaultProps={tag:"li"};var J=e.forwardRef((function(a,t){var r=a.className,l=a.classNameResponsive,o=a.tag,s=a.responsive,i=a.align,d=a.borderColor,m=a.bordered,p=a.borderless,g=a.children,v=a.color,h=a.hover,b=a.small,N=a.striped,w=f(a,["className","classNameResponsive","tag","responsive","align","borderColor","bordered","borderless","children","color","hover","small","striped"]),E=c("table",i&&"align-"+i,d&&"border-"+d,m&&"table-bordered",p&&"table-borderless",v&&"table-"+v,h&&"table-hover",b&&"table-sm",N&&"table-striped",r),y=n((function(){return e.createElement(o,u({className:E,ref:t},w),g)}),[o,g,E,w,t]);if(s){var k=c("string"==typeof s?"table-responsive-"+s:"table-responsive",l);return e.createElement("div",{className:k},y)}return y}));J.defaultProps={tag:"table"};var K=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=a.dark,s=a.light,i=f(a,["className","tag","children","dark","light"]),d=c(o&&"table-dark",s&&"table-light",r);return e.createElement(n,u({className:d,ref:t},i),l)}));K.defaultProps={tag:"thead"};var Q=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),s=c(r);return e.createElement(n,u({className:s,ref:t},o),l)}));Q.defaultProps={tag:"tbody"};var Z=e.forwardRef((function(a,t){var r,n=a.animated,l=a.children,o=a.className,s=a.style,i=a.tag,d=a.valuenow,m=a.valuemax,p=a.striped,g=a.bgColor,v=a.valuemin,h=a.width,b=f(a,["animated","children","className","style","tag","valuenow","valuemax","striped","bgColor","valuemin","width"]),N=c("progress-bar",g&&"bg-"+g,p&&"progress-bar-striped",n&&"progress-bar-animated",o),w=u({width:h+"%"},s);return e.createElement(i,u({className:N,style:w,ref:t,role:"progressbar"},b,{"aria-valuenow":null!==(r=Number(h))&&void 0!==r?r:d,"aria-valuemin":Number(v),"aria-valuemax":Number(m)}),l)}));Z.defaultProps={tag:"div"};var $=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=a.height,s=a.style,i=f(a,["className","children","tag","height","style"]),d=c("progress",r),m=u({height:o+"px"},s);return e.createElement(l,u({className:d,ref:t,style:m},i),e.Children.map(n,(function(a){return e.isValidElement(a)&&a.type===Z?a:void console.error("Progress component only allows ProgressBar as child")})))}));$.defaultProps={tag:"div"};var _=function(n){var o=n.className,s=n.size,i=n.contrast,d=n.value,m=n.id,p=n.labelId,g=n.labelClass,v=n.wrapperClass,h=n.wrapperStyle,b=n.wrapperTag,N=n.label,w=n.onChange,E=n.children,y=n.labelRef,k=n.labelStyle,R=n.inputRef,C=n.textarea,P=n.validation,x=n.invalid,T=n.validationTooltip,O=f(n,["className","size","contrast","value","id","labelId","labelClass","wrapperClass","wrapperStyle","wrapperTag","label","onChange","children","labelRef","labelStyle","inputRef","textarea","validation","invalid","validationTooltip"]),S=l(null),L=l(null),z=l(null),I=y||S,j=R||(C?z:L),M=a(d),F=M[0],D=M[1],B=a(0),W=B[0],U=B[1],q=a(void 0!==d&&d.length>0),A=q[0],Y=q[1],V=c("form-outline",i&&"form-white",v),X=c("form-control",A&&"active",s&&"form-control-"+s,o),H=c("form-label",g),G=c(P&&(x?"invalid-"+(T?"tooltip":"feedback"):"valid-"+(T?"tooltip":"feedback")));t((function(){I.current&&U(.8*I.current.clientWidth+8)}),[]),t((function(){void 0!==d&&(d.length>0?Y(!0):Y(!1))}),[d]);var J=function(e){D(e.currentTarget.value),w&&w(e)},K=r((function(){void 0!==F&&F.length>0||void 0!==d&&d.length>0?Y(!0):Y(!1)}),[F,d]);return e.createElement(b,{className:V,style:u({},h)},C?e.createElement("textarea",u({className:X,onBlur:K,onChange:J,value:d,id:m,ref:j},O)):e.createElement("input",u({className:X,onBlur:K,onChange:J,value:d,id:m,ref:j},O)),N&&e.createElement("label",{className:H,style:k,id:p,htmlFor:m,ref:I},N),P&&e.createElement("div",{className:G},P),e.createElement("div",{className:"form-notch"},e.createElement("div",{className:"form-notch-leading"}),e.createElement("div",{className:"form-notch-middle",style:{width:W}}),e.createElement("div",{className:"form-notch-trailing"})),E)};_.defaultProps={wrapperTag:"div"};var ee=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.labelId,o=a.labelClass,s=a.wrapperClass,i=a.wrapperTag,d=a.label,m=a.inline,p=a.btn,g=a.id,v=a.defaultChecked,h=a.checked,b=a.validation,N=a.invalid,w=a.btnColor,E=a.toggleSwitch,y=f(a,["className","tag","labelId","labelClass","wrapperClass","wrapperTag","label","inline","btn","id","defaultChecked","checked","validation","invalid","btnColor","toggleSwitch"]),k="form-check-input",R="form-check-label";p&&(k="btn-check",R=w?"btn btn-"+w:"btn btn-primary");var C=c(d&&!p&&"form-check",m&&!p&&"form-check-inline",E&&"form-switch",s),P=c(k,r),x=c(R,o),T=c(b&&(N?"invalid-feedback":"valid-feedback"));return e.createElement(i,{className:C},e.createElement(n,u({className:P,type:"checkbox",defaultChecked:v,checked:h,id:g,ref:t},y)),d&&e.createElement("label",{className:x,id:l,htmlFor:g},d),b&&e.createElement("div",{className:T},b))}));ee.defaultProps={tag:"input",wrapperTag:"div"};var ae=e.forwardRef((function(a,t){var r=f(a,[]);return e.createElement(ee,u({type:"radio",ref:t},r))})),te=function(r){var n=r.className,o=r.center,s=r.children,i=r.show,d=r.id,m=r.navbar,p=r.tag,g=r.style,v=f(r,["className","center","children","show","id","navbar","tag","style"]),h=a(!1),b=h[0],N=h[1],w=a(""),E=w[0],y=w[1],k=a(!1),R=k[0],C=k[1],P=a(void 0),x=P[0],T=P[1],O=a(!1),S=O[0],L=O[1],z=c(S?"collapsing":"collapse",!S&&(b||R)&&"show",m&&"navbar-collapse",o&&"justify-content-center",n),I=l(null);return t((function(){"string"==typeof i?(y(i),C(E===d)):N(i),(R||b)&&L(!0);var e=setTimeout((function(){L(!1)}),350);return function(){clearTimeout(e)}}),[x,i,b,d,E,R]),t((function(){var e;T(b||R?null===(e=null==I?void 0:I.current)||void 0===e?void 0:e.scrollHeight:0)}),[b,R]),e.createElement(p,u({style:u({height:x},g),id:d,className:z},v,{ref:I}),s)};te.defaultProps={tag:"div"};var re=e.createContext({animation:!0,handleOpenClose:function(){},handleClose:function(){},getCount:function(){return 0},isOpenState:!1,activeIndex:0,animatedFadeIn:!1,animatedFadeOut:!1,setPopperElement:null,setReferenceElement:null,styles:{},attributes:{}}),ne=function(n){var l=n.className,o=n.tag,s=n.group,m=n.isOpen,p=n.children,g=n.dropup,v=n.dropright,h=n.dropleft,b=n.options,N=n.animation,w=n.placement,E=f(n,["className","tag","group","isOpen","children","dropup","dropright","dropleft","options","animation","placement"]),y=a(m),k=y[0],R=y[1],C=a(!1),P=C[0],x=C[1],T=a(!1),O=T[0],S=T[1],L=a(),z=L[0],I=L[1],j=a(),M=j[0],F=j[1],D=a(w),B=D[0],W=D[1],U=a(-1),q=U[0],A=U[1],Y=a(-1),V=Y[0],X=Y[1];t((function(){W(g?"top-start":v?"right-start":h?"left-start":"bottom-start")}),[h,v,g]);var H=i(z,M,u({placement:B,modifiers:[d]},b)),G=H.styles,J=H.attributes,K=c(s?"btn-group":"dropdown",g&&"dropup",v&&"dropend",h&&"dropstart",l),Q=r((function(e){M&&null!==M&&k&&z&&null!==z&&(M.contains(e.target)||z.contains(e.target)||R(!1))}),[k,M,z]);return t((function(){return document.addEventListener("mousedown",Q),function(){document.removeEventListener("mousedown",Q)}}),[Q]),t((function(){k&&A(V)}),[V,k]),t((function(){var e,a;return k?(x(!0),e=setTimeout((function(){x(!1)}),300)):(S(!0),a=setTimeout((function(){S(!1)}),300)),function(){clearTimeout(e),clearTimeout(a)}}),[k]),e.createElement(re.Provider,{value:{animation:N,activeIndex:q,handleClose:function(){return R(!1)},handleOpenClose:function(){return R(!k)},isOpenState:k,setReferenceElement:I,setPopperElement:F,styles:G,attributes:J,animatedFadeIn:P,animatedFadeOut:O,getCount:function(e){return function(e){return X(e)}(e)}}},e.createElement(o,u({className:K},E),p))};function le(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}ne.defaultProps={tag:"div",animation:!0};le(".dropdown-menu li[data-active='true'] {\n  color: #16181b;\n  background-color: #eee;\n}\n");var oe=function(a){var t=a.onClick,r=a.tag,n=a.children,l=f(a,["onClick","tag","children"]),c=o(re),s=c.activeIndex,i=c.handleClose;return e.createElement(r,u({},l,{onClick:function(e){i(),t&&t(e)}}),e.Children.map(n,(function(a,t){return e.cloneElement(a,{"data-active":s===t,"data-index":t})})))};oe.defaultProps={tag:"li"};le(".dropdown-menu [data-active='true'] a.dropdown-item,\n.dropdown-menu .dropdown-item:focus,\n.dropdown-menu li:focus .dropdown-item {\n  color: #16181b;\n  background-color: #eee;\n}\n\n.dropdown-menu li:focus {\n  outline: none;\n}\n\n.dropdown-menu.dropdown-menu-dark [data-active='true'] a.dropdown-item,\n.dropdown-menu.dropdown-menu-dark .dropdown-item:focus,\n.dropdown-menu.dropdown-menu-dark li:focus .dropdown-item {\n  color: #fff;\n  background-color: #1266f1;\n}\n\n.btn-group.dropstart > .dropdown-menu {\n  right: 0 !important;\n}\n");var ce=function(n){var l=n.className,s=n.tag,i=n.children,d=n.style,m=n.dark,p=n.responsive,g=f(n,["className","tag","children","style","dark","responsive"]),v=o(re),h=v.activeIndex,b=v.setPopperElement,N=v.isOpenState,w=v.styles,E=v.attributes,y=v.animatedFadeIn,k=v.animatedFadeOut,R=v.animation,C=v.getCount,P=v.handleOpenClose,x=c("dropdown-menu",m&&"dropdown-menu-dark",N&&"show",R&&"animation",y&&"fade-in",k&&"fade-out",p&&"dropdown-menu-"+p,l),T=a(!1),O=T[0],S=T[1],L=a(0),z=L[0],I=L[1],j=a(-1),M=j[0],F=j[1];t((function(){var a;if(N){var t=e.Children.count(i);F(t),S(!0)}else a=setTimeout((function(){S(!1)}),300);return function(){clearTimeout(a)}}),[i,N]);var D=r((function(e){e.preventDefault(),O&&("ArrowUp"===e.key&&(I(z-1),z<=0&&I(M-1)),"ArrowDown"===e.key&&(I(z+1),z===M-1&&I(0)),"Escape"!==e.key&&"Enter"!==e.key||(S(!1),P()))}),[O,M,P,z]);return t((function(){O&&C(z)}),[z,O,C]),t((function(){return O&&document.addEventListener("keydown",D),function(){document.removeEventListener("keydown",D)}}),[O,D]),O?e.createElement(s,u({className:x,style:u(u({position:"absolute",zIndex:1e3},w.popper),d)},g,E.popper,{ref:b,tabIndex:-1}),e.Children.map(i,(function(a,t){return(null==a?void 0:a.type)===oe?e.cloneElement(a,{tabIndex:0,"data-active":h===t&&!0,"data-index":t,className:h===t?"active":""}):a}))):""};ce.defaultProps={tag:"ul",responsive:""};var se=function(a){var t=a.className,r=a.tag,n=a.children,l=a.onClick,s=a.split,i=f(a,["className","tag","children","onClick","split"]),d=c("dropdown-toggle",s&&"dropdown-toggle-split",t),m=o(re),p=m.handleOpenClose,g=m.setReferenceElement,v=m.isOpenState;return e.createElement(r,u({onClick:function(e){p(),l&&l(e)},ref:g,className:d},i,{"aria-expanded":!!v}),n)};se.defaultProps={tag:v};var ie=function(a){var t=a.onClick,r=a.className,n=a.tag,l=a.children,s=f(a,["onClick","className","tag","children"]),i=c("dropdown-item",r),d=o(re).handleClose;return e.createElement(n,u({className:i},s,{onClick:function(e){d(),t&&t(e)}}),l)};ie.defaultProps={tag:"a"};var de=function(a){var t=a.tag,r=f(a,["tag"]);return e.createElement(t,u({},r,{className:"dropdown-divider"}))};de.defaultProps={tag:"div"};var ue=function(a){var t=a.tag,r=a.children,n=a.className,l=f(a,["tag","children","className"]);return e.createElement(t,u({},l,{className:c("dropdown-header",n)}),r)};ue.defaultProps={tag:"h6"};var fe=function(l){var o=l.className,d=l.btnClassName,m=l.btnChildren,p=l.children,g=l.tag,v=l.popperTag,h=l.isOpen,b=l.placement,N=l.dismiss,w=l.options,E=l.poperStyle,y=l.onClick,k=f(l,["className","btnClassName","btnChildren","children","tag","popperTag","isOpen","placement","dismiss","options","poperStyle","onClick"]),R=a(),C=R[0],P=R[1],x=a(),T=x[0],O=x[1],S=i(C,T,u({placement:b},w)),L=S.styles,z=S.attributes,I=a(h),j=I[0],M=I[1],F=a(!1),D=F[0],B=F[1],W=a(!1),U=W[0],q=W[1],A=a(!1),Y=A[0],V=A[1],X=c("popover fade",U&&"show","bs-popover-"+("left"===b?"start":"right"===b?"end":b),o),H=r((function(e){Y&&T&&null!==T&&j&&C&&null!==C&&(C.contains(e.target)||M(!1))}),[Y,j,T,C]);return n((function(){var e;return j?(B(!0),setTimeout((function(){q(!0)}),150)):(e=setTimeout((function(){B(!1)}),150),q(!1)),function(){clearTimeout(e)}}),[j]),t((function(){return j&&document.addEventListener("mousedown",H),function(){document.removeEventListener("mousedown",H)}}),[H,j]),e.createElement(e.Fragment,null,e.createElement(g,u({onClick:function(e){N?(V(!0),M(!0)):M(!j),y&&y(e)},className:d},k,{ref:P}),m),D&&s.createPortal(e.createElement(v,u({className:X,ref:O,style:u(u({},L.popper),E)},z.popper,{"data-testid":"popoverTestID"}),p),document.body))};fe.defaultProps={tag:v,popperTag:"div",placement:"top"};var me=function(a){var t=a.className,r=a.children,n=a.tag,l=f(a,["className","children","tag"]),o=c("popover-body",t);return e.createElement(n,u({className:o},l),r)};me.defaultProps={tag:"div"};var pe=function(a){var t=a.className,r=a.children,n=a.tag,l=f(a,["className","children","tag"]),o=c("popover-header",t);return e.createElement(n,u({className:o},l),r)};pe.defaultProps={tag:"h3"};var ge=function(n){var o=n.animationDirection,s=n.backdrop,i=n.children,d=n.className,m=n.closeOnEsc,p=n.getOpenState,g=n.modalRef,v=n.show,h=n.staticBackdrop,b=n.tag,N=f(n,["animationDirection","backdrop","children","className","closeOnEsc","getOpenState","modalRef","show","staticBackdrop","tag"]),w=a(v),E=w[0],y=w[1],k=a(v),R=k[0],C=k[1],P=a(!1),x=P[0],T=P[1],O=c("modal","fade",o,R&&v&&"show",x&&"modal-static",d),S=l(null),L=window.innerWidth>document.documentElement.clientWidth&&window.innerWidth>=576,z=a(!1),I=z[0],j=z[1],M=g||S,F=r((function(e){h||e.target!==M.current?h&&(T(!0),setTimeout((function(){T(!1)}),300)):(y(!1),s&&((v||E)&&document.body.classList.toggle("modal-open"),L&&(j(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),p&&p(!1))}),[M,p,s]),D=r((function(e){h||"Escape"!==e.key?h&&(T(!0),setTimeout((function(){T(!1)}),300)):(y(!1),s&&((v||E)&&document.body.classList.toggle("modal-open"),L&&(j(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),p&&p(!1))}),[p,m]);return t((function(){y(v),s&&((v||E)&&document.body.classList.toggle("modal-open"),L&&(j(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),p&&p(v)}),[v,p]),t((function(){return E&&(document.addEventListener("click",F),document.addEventListener("keydown",D)),function(){document.removeEventListener("click",F),document.removeEventListener("keydown",D)}}),[F,D,E]),t((function(){var e,a;return E?(C(!0),e=setTimeout((function(){y(!0)}),4)):(y(!1),a=setTimeout((function(){C(!1)}),300)),function(){clearTimeout(e),clearTimeout(a)}}),[E]),e.createElement(e.Fragment,null,e.createElement(b,u({style:{display:v||R?"block":"none",paddingRight:v&&I?"17px":""},className:O,ref:M},N),i),s&&R&&e.createElement("div",{className:"modal-backdrop fade show"}))};ge.defaultProps={tag:"div",backdrop:!0,closeOnEsc:!0,staticBackdrop:!1,show:!1};var ve=e.forwardRef((function(a,t){var r=a.className,n=a.centered,l=a.children,o=a.size,s=a.tag,i=f(a,["className","centered","children","size","tag"]),d=c("modal-dialog",n&&"modal-dialog-centered",o&&"modal-"+o,r);return e.createElement(s,u({className:d},i,{ref:t}),l)}));ve.defaultProps={tag:"div"};var he=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("modal-content",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));he.defaultProps={tag:"div"};var be=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("modal-header",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));be.defaultProps={tag:"div"};var Ne=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("modal-title",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));Ne.defaultProps={tag:"h5"};var we=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("modal-body",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));we.defaultProps={tag:"div"};var Ee=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.tag,o=f(a,["className","children","tag"]),s=c("modal-footer",r);return e.createElement(l,u({className:s},o,{ref:t}),n)}));Ee.defaultProps={tag:"div"};var ye=e.forwardRef((function(a,n){var l=a.className,o=a.offset,c=a.onElement,s=a.setActive,i=a.targets,d=a.tag,m=a.children,p=f(a,["className","offset","onElement","setActive","targets","tag","children"]),g=r((function(e){if(i&&o){var a;a=c?e.target.scrollTop:window.pageYOffset;var t=i.length-1;a<i[0].offsetTop&&s(0),i.forEach((function(e,t){var r=i[t+1];a>e.offsetTop-o&&a<(null==r?void 0:r.offsetTop)-o&&s(t+1)})),a>i[t].offsetTop-o&&s(t+1)}}),[i,o,c,s]);return t((function(){if(!c)return window.addEventListener("scroll",g),function(){window.removeEventListener("scroll",g)}}),[i,c,g]),e.createElement(d,u({className:l,ref:n},p,{onScroll:c?g:null}),m)}));ye.defaultProps={tag:"div",onElement:!1,offset:10};var ke=e.forwardRef((function(a,t){var r=a.className,n=a.customSelect,l=a.tag,o=a.children,s=f(a,["className","customSelect","tag","children"]),i=c("scrollspy-section"+n,r);return e.createElement(l,u({className:i,ref:t},s),o)}));ke.defaultProps={tag:"section",customSelect:""};var Re=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),s=c("nav-item",r);return e.createElement(n,u({className:s,ref:t},o),l)}));Re.defaultProps={tag:"li"};var Ce=e.forwardRef((function(a,t){var r=a.className,n=a.scrollElement,l=a.active,o=a.tag,s=a.children,i=f(a,["className","scrollElement","active","tag","children"]),d=c("nav-link",r,l&&"active");return e.createElement(o,u({className:d,ref:t},i,{onClick:function(){n.scrollIntoView({behavior:"smooth"})},style:{cursor:"pointer"}}),s)}));Ce.defaultProps={tag:"a"};var Pe=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),s=c("nav",r);return e.createElement(n,u({className:s,ref:t},o),l)}));Pe.defaultProps={tag:"ul"};var xe=e.forwardRef((function(a,t){var r=f(a,[]);return e.createElement(ee,u({toggleSwitch:!0,type:"checkbox",ref:t},r))})),Te=e.forwardRef((function(t,r){var n=t.className,l=t.tag,o=t.labelId,s=t.max,i=t.min,d=t.onChange,m=t.onMouseDown,p=t.onMouseUp,g=t.onTouchStart,v=t.onTouchEnd,h=t.labelClass,b=t.value,N=t.label,w=t.id,E=f(t,["className","tag","labelId","max","min","onChange","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","labelClass","value","label","id"]),y=a(!1),k=y[0],R=y[1],C=a(b||0),P=C[0],x=C[1],T=a(100*(b||0-Number(i))/(Number(s)-Number(i))),O=T[0],S=T[1],L=c("form-range",n),z=c("form-label",h),I=c("thumb",k&&"thumb-active");return e.createElement(e.Fragment,null,N&&e.createElement("label",{className:z,id:o,htmlFor:w},N),e.createElement("div",{className:"range"},e.createElement(l,u({onMouseDown:function(e){R(!0),m&&m(e)},onMouseUp:function(e){R(!1),p&&p(e)},onTouchStart:function(e){R(!0),g&&g(e)},onTouchEnd:function(e){R(!1),v&&v(e)},onChange:function(e){x(e.target.value),S(100*(e.target.value-Number(i))/(Number(s)-Number(i))),d&&d(e)},className:L,value:b,type:"range",id:w,ref:r,min:i,max:s},E)),e.createElement("span",{className:I,style:{left:"calc("+O+"% + ("+(8-.15*O)+"px))"}},e.createElement("span",{className:"thumb-value"},P))))}));Te.defaultProps={tag:"input",min:"0",max:"100"};var Oe=function(a){var t=a.className,r=a.labelId,n=a.labelClass,o=a.labelRef,s=a.inputRef,i=a.size,d=a.label,m=a.id,p=f(a,["className","labelId","labelClass","labelRef","inputRef","size","label","id"]),g=c("form-control","form-control-"+i,t),v=c("form-label",n),h=l(null),b=l(null),N=o||h,w=s||b;return e.createElement(e.Fragment,null,d&&e.createElement("label",{className:v,id:r,ref:N,htmlFor:m},d),e.createElement("input",u({className:g,type:"file",id:m,ref:w},p)))},Se=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.noWrap,o=a.tag,s=a.size,i=f(a,["className","children","noWrap","tag","size"]),d=c("input-group",l&&"flex-nowrap",s&&"input-group-"+s,r);return e.createElement(o,u({className:d,ref:t},i),n)}));Se.defaultProps={tag:"div",noWrap:!1};var Le=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.noBorder,o=a.tag,s=f(a,["className","children","noBorder","tag"]),i=c("input-group-text",l&&"border-0",r);return e.createElement(o,u({className:i,ref:t},s),n)}));Le.defaultProps={tag:"span",noBorder:!1};var ze=function(a){var t=a.className,r=a.textarea,n=a.inputRef,o=f(a,["className","textarea","inputRef"]),s=c("form-control",t),i=l(null),d=n||i;return e.createElement(e.Fragment,null,r?e.createElement("textarea",u({className:s,ref:d},o)):e.createElement("input",u({className:s,ref:d},o)))},Ie=function(r){var n=f(r,[]),l=a(!1),o=l[0],s=l[1],i=c("ripple-wave",o&&"active");return t((function(){var e=setTimeout((function(){s(!0)}),50);return function(){clearTimeout(e)}}),[]),e.createElement("div",u({className:i},n))},je=e.forwardRef((function(r,n){var l=r.className,o=r.rippleTag,s=r.rippleCentered,i=r.rippleDuration,d=r.rippleUnbound,m=r.rippleRadius,p=r.rippleColor,g=r.children,v=r.onClick,h=f(r,["className","rippleTag","rippleCentered","rippleDuration","rippleUnbound","rippleRadius","rippleColor","children","onClick"]),b=[0,0,0],N=["primary","secondary","success","danger","warning","info","light","dark"],w=a([]),E=w[0],y=w[1],k=a(!1),R=k[0],C=k[1],P=c("ripple","ripple-surface",d&&"ripple-surface-unbound",R&&"ripple-surface-"+p,l),x=function(){if(N.find((function(e){return e===(null==p?void 0:p.toLowerCase())})))return C(!0);var e=T(p).join(",");return"radial-gradient(circle, "+"rgba({{color}}, 0.2) 0, rgba({{color}}, 0.3) 40%, rgba({{color}}, 0.4) 50%, rgba({{color}}, 0.5) 60%, rgba({{color}}, 0) 70%".split("{{color}}").join(""+e)+")"},T=function(e){return"transparent"===e.toLowerCase()?b:"#"===e[0]?function(e){return e.length<7&&(e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]),[parseInt(e.substr(1,2),16),parseInt(e.substr(3,2),16),parseInt(e.substr(5,2),16)]}(e):(-1===e.indexOf("rgb")&&(e=function(e){var a=document.body.appendChild(document.createElement("fictum")),t="rgb(1, 2, 3)";return a.style.color=t,a.style.color!==t?b:(a.style.color=e,a.style.color===t||""===a.style.color?b:(e=getComputedStyle(a).color,document.body.removeChild(a),e))}(e)),0===e.indexOf("rgb")?function(e){return(e=e.match(/[.\d]+/g).map((function(e){return+Number(e)}))).length=3,e}(e):b)},O=function(e){var a=e.target.getBoundingClientRect(),t=e.clientX-a.left,r=e.clientY-a.top,n=a.height,l=a.width,o=i&&.5*i,c=i&&i-.5*i,d=function(e){var a=e.offsetX,t=e.offsetY,r=e.height,n=e.width,l=t<=r/2,o=a<=n/2,c=function(e,a){return Math.sqrt(Math.pow(e,2)+Math.pow(a,2))},s=t===r/2&&a===n/2,i=!0===l&&!1===o,d=!0===l&&!0===o,u=!1===l&&!0===o,f=!1===l&&!1===o,m={topLeft:c(a,t),topRight:c(n-a,t),bottomLeft:c(a,r-t),bottomRight:c(n-a,r-t)},p=0;return s||f?p=m.topLeft:u?p=m.topRight:d?p=m.bottomRight:i&&(p=m.bottomLeft),2*p}({offsetX:s?n/2:t,offsetY:s?l/2:r,height:n,width:l}),f=m||d/2,p={left:s?l/2-f+"px":t-f+"px",top:s?n/2-f+"px":r-f+"px",height:m?2*m+"px":d+"px",width:m?2*m+"px":d+"px",transitionDelay:"0s, "+o+"ms",transitionDuration:i+"ms, "+c+"ms"};return R?p:u(u({},p),{backgroundImage:""+x()})};return t((function(){var e=setTimeout((function(){E.length>0&&y(E.splice(1,E.length-1))}),i);return function(){clearTimeout(e)}}),[i,E]),e.createElement(o,u({className:P,onClick:function(e){return function(e){var a=O(e),t=E.concat(a);y(t),v&&v(e)}(e)},ref:n},h),g,E.map((function(a,t){return e.createElement(Ie,{key:t,style:a})})))}));je.defaultProps={rippleTag:v,rippleDuration:500,rippleRadius:0,rippleColor:"dark"};var Me=function(t){var r=t.className,n=t.children,o=t.formRef,s=t.isValidated,i=t.onSubmit,d=f(t,["className","children","formRef","isValidated","onSubmit"]),m=l(null),p=o||m,g=a(s),v=g[0],h=g[1],b=c("needs-validation",v&&"was-validated",r);return e.createElement("form",u({className:b,onSubmit:function(e){e.preventDefault(),h(!0),i&&i(e)},ref:p},d),n)},Fe=e.forwardRef((function(a,t){var r=a.className,n=a.fill,l=a.pills,o=a.justify,s=a.children,i=f(a,["className","fill","pills","justify","children"]),d=c("nav",l?"nav-pills":"nav-tabs",n&&"nav-fill",o&&"nav-justified",r);return e.createElement("ul",u({className:d,ref:t},i),s)})),De=e.forwardRef((function(a,t){var r=a.className,n=a.children,l=a.style,o=f(a,["className","children","style"]),s=c("nav-item",r);return e.createElement("li",u({className:s,style:u({cursor:"pointer"},l),role:"presentation",ref:t},o),n)})),Be=e.forwardRef((function(a,t){var r=a.className,n=a.color,l=a.active,o=a.children,s=f(a,["className","color","active","children"]),i=c("nav-link",l&&"active",n&&"bg-"+n,r);return e.createElement("a",u({className:i,ref:t},s),o)})),We=e.forwardRef((function(a,t){var r=a.className,n=a.tag,l=a.children,o=f(a,["className","tag","children"]),s=c("tab-content",r);return e.createElement(n,u({className:s,ref:t},o),l)}));We.defaultProps={tag:"div"};var Ue=e.forwardRef((function(r,n){var l=r.className,o=r.tag,s=r.show,i=r.children,d=f(r,["className","tag","show","children"]),m=a(!1),p=m[0],g=m[1],v=c("tab-pane","fade",p&&"show",s&&"active",l);return t((function(){var e;return s?e=setTimeout((function(){g(!0)}),100):g(!1),function(){clearTimeout(e)}}),[s]),e.createElement(o,u({className:v,role:"tabpanel",ref:n},d),i)}));Ue.defaultProps={tag:"div"};export{g as MDBBadge,F as MDBBreadcrumb,D as MDBBreadcrumbItem,v as MDBBtn,h as MDBBtnGroup,N as MDBCard,R as MDBCardBody,C as MDBCardFooter,O as MDBCardGroup,w as MDBCardHeader,P as MDBCardImage,T as MDBCardLink,x as MDBCardOverlay,E as MDBCardSubTitle,k as MDBCardText,y as MDBCardTitle,ee as MDBCheckbox,p as MDBCol,te as MDBCollapse,m as MDBContainer,ne as MDBDropdown,de as MDBDropdownDivider,ue as MDBDropdownHeader,oe as MDBDropdownItem,ie as MDBDropdownLink,ce as MDBDropdownMenu,se as MDBDropdownToggle,Oe as MDBFile,V as MDBFooter,j as MDBIcon,_ as MDBInput,Se as MDBInputGroup,ze as MDBInputGroupElement,Le as MDBInputGroupText,S as MDBListGroup,L as MDBListGroupItem,ge as MDBModal,we as MDBModalBody,he as MDBModalContent,ve as MDBModalDialog,Ee as MDBModalFooter,be as MDBModalHeader,Ne as MDBModalTitle,B as MDBNavbar,U as MDBNavbarBrand,q as MDBNavbarItem,W as MDBNavbarLink,A as MDBNavbarNav,Y as MDBNavbarToggler,X as MDBPagination,G as MDBPaginationItem,H as MDBPaginationLink,fe as MDBPopover,me as MDBPopoverBody,pe as MDBPopoverHeader,$ as MDBProgress,Z as MDBProgressBar,ae as MDBRadio,Te as MDBRange,je as MDBRipple,I as MDBRow,ye as MDBScrollspy,Re as MDBScrollspyNavItem,Ce as MDBScrollspyNavLink,Pe as MDBScrollspyNavList,ke as MDBScrollspySection,b as MDBSpinner,xe as MDBSwitch,J as MDBTable,Q as MDBTableBody,K as MDBTableHead,Fe as MDBTabs,We as MDBTabsContent,De as MDBTabsItem,Be as MDBTabsLink,Ue as MDBTabsPane,z as MDBTooltip,M as MDBTypography,Me as MDBValidation};
diff --git a/dist/mdb-react-ui-kit.js b/dist/mdb-react-ui-kit.js
index ae738353..69e24146 100644
--- a/dist/mdb-react-ui-kit.js
+++ b/dist/mdb-react-ui-kit.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),a=require("react-dom"),r=require("react-popper"),l=require("@popperjs/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=n(t),d=n(a),c=function(){return(c=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var l in t=arguments[a])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e}).apply(this,arguments)};function i(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(a[r[l]]=e[r[l]])}return a}var u=o.default.forwardRef((function(e,t){var a=e.breakpoint,r=e.fluid,l=e.children,n=e.className,d=e.tag,u=i(e,["breakpoint","fluid","children","className","tag"]),f=s.default(r?"container-fluid":"container"+(a?"-"+a:""),n);return o.default.createElement(d,c({className:f},u,{ref:t}),l)}));u.defaultProps={tag:"div"};var f=o.default.forwardRef((function(e,t){var a=e.center,r=e.children,l=e.className,n=e.end,d=e.lg,u=e.md,f=e.offsetLg,m=e.offsetMd,p=e.offsetSm,g=e.order,v=e.size,h=e.sm,b=e.start,N=e.tag,w=e.xl,E=e.xs,y=i(e,["center","children","className","end","lg","md","offsetLg","offsetMd","offsetSm","order","size","sm","start","tag","xl","xs"]),x=s.default(v&&"col-"+v,E&&"col-xs-"+E,h&&"col-sm-"+h,u&&"col-md-"+u,d&&"col-lg-"+d,w&&"col-xl-"+w,v||E||h||u||d||w?"":"col",g&&"order-"+g,b&&"align-self-start",a&&"align-self-center",n&&"align-self-end",p&&"offset-sm-"+p,m&&"offset-md-"+m,f&&"offset-lg-"+f,l);return o.default.createElement(N,c({className:x,ref:t},y),r)}));f.defaultProps={tag:"div"};var m=o.default.forwardRef((function(e,t){var a=e.className,r=e.color,l=e.pill,n=e.dot,d=e.tag,u=e.children,f=e.notification,m=i(e,["className","color","pill","dot","tag","children","notification"]),p=s.default("badge",r?"bg-"+r:"bg-primary",n&&"badge-dot",l&&"rounded-pill",f&&"badge-notification",a);return o.default.createElement(d,c({className:p,ref:t},m),u)}));m.defaultProps={tag:"span"};var p=o.default.forwardRef((function(t,a){var r,l=t.className,n=t.color,d=t.outline,u=t.children,f=t.rounded,m=t.disabled,p=t.floating,g=t.size,v=t.href,h=t.block,b=t.active,N=t.toggle,w=t.tag,E=i(t,["className","color","outline","children","rounded","disabled","floating","size","href","block","active","toggle","tag"]),y=e.useState(b||!1),x=y[0],k=y[1];r="none"!==n?d?n?"btn-outline-"+n:"btn-outline-primary":n?"btn-"+n:"btn-primary":"";var C=s.default("none"!==n&&"btn",r,f&&"btn-rounded",p&&"btn-floating",g&&"btn-"+g,(v||"button"!==w)&&m?"disabled":"",h&&"btn-block",x&&"active",l);return v&&"a"!==w&&(w="a"),o.default.createElement(w,c({className:C,onClick:N?function(){k(!x)}:void 0,disabled:!(!m||"button"!==w)||void 0,href:v,ref:a},E),u)}));p.defaultProps={tag:"button",type:"button",role:"button"};var g=o.default.forwardRef((function(e,t){var a,r=e.className,l=e.children,n=e.shadow,d=e.toolbar,u=e.size,f=e.vertical,m=e.tag,p=i(e,["className","children","shadow","toolbar","size","vertical","tag"]);a=d?"btn-toolbar":f?"btn-group-vertical":"btn-group";var g=s.default(a,n&&"shadow-"+n,u&&"btn-group-"+u,r);return o.default.createElement(m,c({className:g,ref:t},p),l)}));g.defaultProps={tag:"div",role:"group"};var v=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=e.color,d=e.grow,u=e.size,f=i(e,["className","children","tag","color","grow","size"]),m=s.default(d?"spinner-grow":"spinner-border",n&&"text-"+n,u?d?"spinner-grow-"+u:"spinner-border-"+u:"",a);return o.default.createElement(l,c({className:m,ref:t},f),r)}));v.defaultProps={tag:"div"};var h=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.border,n=e.background,d=e.tag,u=e.shadow,f=e.alignment,m=i(e,["className","children","border","background","tag","shadow","alignment"]),p=s.default("card",l&&"border border-"+l,n&&"bg-"+n,u&&"shadow-"+u,f&&"text-"+f,a);return o.default.createElement(d,c({className:p,ref:t},m),r)}));h.defaultProps={tag:"div"};var b=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.border,n=e.background,d=e.tag,u=i(e,["className","children","border","background","tag"]),f=s.default("card-header",l&&"border-"+l,n&&"bg-"+n,a);return o.default.createElement(d,c({className:f},u,{ref:t}),r)}));b.defaultProps={tag:"div"};var N=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-subtitle",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));N.defaultProps={tag:"p"};var w=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-title",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));w.defaultProps={tag:"h5"};var E=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-text",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));E.defaultProps={tag:"p"};var y=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-body",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));y.defaultProps={tag:"div"};var x=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.border,n=e.background,d=e.tag,u=i(e,["className","children","border","background","tag"]),f=s.default("card-footer",l&&"border-"+l,n&&"bg-"+n,a);return o.default.createElement(d,c({className:f},u,{ref:t}),r)}));x.defaultProps={tag:"div"};var k=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-img-overlay",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));k.defaultProps={tag:"div"};var C=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-group",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));C.defaultProps={tag:"div"};var P=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.horizontal,n=e.horizontalSize,d=e.flush,u=e.children,f=i(e,["className","tag","horizontal","horizontalSize","flush","children"]),m=s.default("list-group",l&&(n?"list-group-horizontal-"+n:"list-group-horizontal"),d&&"list-group-flush",a);return o.default.createElement(r,c({className:m,ref:t},f),u)}));P.defaultProps={tag:"ul"};var B=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.active,n=e.disabled,d=e.action,u=e.color,f=e.children,m=i(e,["className","tag","active","disabled","action","color","children"]),p="button"===r,g=s.default("list-group-item",l&&"active",n&&!p&&"disabled",d&&"list-group-item-action",u&&"list-group-item-"+u,a);return o.default.createElement(r,c({className:g,disabled:p&&n,ref:t},m),f)}));B.defaultProps={tag:"li"};var M=function(t){var a=t.className,l=t.children,n=t.tag,u=t.tooltipTag,f=t.options,m=t.placement,p=t.title,g=t.wrapperProps,v=t.wrapperClass,h=t.onMouseEnter,b=t.onMouseLeave,N=i(t,["className","children","tag","tooltipTag","options","placement","title","wrapperProps","wrapperClass","onMouseEnter","onMouseLeave"]),w=e.useState(null),E=w[0],y=w[1],x=e.useState(null),k=x[0],C=x[1],P=e.useState(!1),B=P[0],M=P[1],D=e.useState(!1),R=D[0],S=D[1],T=e.useState(!1),O=T[0],L=T[1],I=e.useState(!1),z=I[0],j=I[1],F=s.default("tooltip",O&&"show","fade","bs-tooltip-"+m,a),q=r.usePopper(E,k,c({placement:m},f)),W=q.styles,H=q.attributes;e.useEffect((function(){var e,t;return B||R?(j(!0),e=setTimeout((function(){L(!0)}),4)):(L(!1),t=setTimeout((function(){j(!1)}),300)),function(){clearTimeout(e),clearTimeout(t)}}),[B,R]);var A=e.useCallback((function(e){e.target===E?S(!0):S(!1)}),[E]);return e.useEffect((function(){return document.addEventListener("mousedown",A),function(){document.removeEventListener("mousedown",A)}}),[A]),o.default.createElement(o.default.Fragment,null,o.default.createElement(n,c({className:v,onMouseEnter:function(e){M(!0),h&&h(e)},onMouseLeave:function(e){M(!1),b&&b(e)},ref:y},g),l),z&&d.default.createPortal(o.default.createElement(u,c({ref:C,className:F,style:W.popper},H.popper,{role:"tooltip"},N),o.default.createElement("div",{className:"tooltip-inner"},p)),document.body))};M.defaultProps={tag:p,tooltipTag:"div",placement:"top"};var D=o.default.forwardRef((function(e,t){var a=e.around,r=e.between,l=e.bottom,n=e.center,d=e.children,u=e.className,f=e.evenly,m=e.end,p=e.middle,g=e.start,v=e.tag,h=e.top,b=i(e,["around","between","bottom","center","children","className","evenly","end","middle","start","tag","top"]),N=s.default("row",a&&"justify-content-around",r&&"justify-content-between",l&&"align-self-end",n&&"justify-content-center",f&&"justifty-content-evenly",m&&"justify-content-end",p&&"align-self-center",g&&"justify-content-start",h&&"align-self-start",u);return o.default.createElement(v,c({className:N},b,{ref:t}),d)}));D.defaultProps={tag:"div"};var R=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=e.variant,d=e.colorText,u=e.blockquote,f=e.note,m=e.noteColor,p=e.listUnStyled,g=e.listInLine,v=i(e,["className","children","tag","variant","colorText","blockquote","note","noteColor","listUnStyled","listInLine"]),h=s.default(n&&n,u&&"blockquote",f&&"note",d&&"text-"+d,m&&"note-"+m,p&&"list-unstyled",g&&"list-inline",a);return u&&(l="blockquote"),(p||g)&&(l="ul"),o.default.createElement(l,c({className:h,ref:t},v),r)}));R.defaultProps={tag:"p"};var S=o.default.forwardRef((function(e,t){var a=e.className,r=e.color,l=e.uppercase,n=e.bold,d=e.children,u=e.tag,f=i(e,["className","color","uppercase","bold","children","tag"]),m=s.default("breadcrumb",n&&"font-weight-bold",r&&"text-"+r,l&&"text-uppercase",a);return o.default.createElement("nav",{"aria-label":"breadcrumb"},o.default.createElement(u,c({className:m,ref:t},f),d))}));S.defaultProps={tag:"ol"};var T=o.default.forwardRef((function(e,t){var a=e.className,r=e.active,l=e.tag,n=e.current,d=e.children,u=i(e,["className","active","tag","current","children"]),f=s.default("breadcrumb-item",r&&"active",a);return o.default.createElement(l,c({className:f,ref:t,"aria-current":r&&n},u),d)}));T.defaultProps={tag:"li",current:"page"};var O=o.default.forwardRef((function(t,a){var r,l=t.className,n=t.children,d=t.light,u=t.dark,f=t.scrolling,m=t.fixed,p=t.sticky,g=t.scrollingNavbarOffset,v=t.color,h=t.transparent,b=t.expand,N=t.tag,w=t.bgColor,E=i(t,["className","children","light","dark","scrolling","fixed","sticky","scrollingNavbarOffset","color","transparent","expand","tag","bgColor"]),y=e.useState(!1),x=y[0],k=y[1],C=s.default(((r={"fixed-top":m,"sticky-top":p,"navbar-light":d,"navbar-dark":u,"scrolling-navbar":f||g,"top-nav-collapse":x})["text-"+v]=v&&h?x:v,r),"navbar",b&&function(e){if(!1!==e)return"navbar-expand-"+e}(b),w&&"bg-"+w,l),P=e.useCallback((function(){window.pageYOffset>g?k(!0):k(!1)}),[g]);return e.useEffect((function(){return(f||g)&&window.addEventListener("scroll",P),function(){window.removeEventListener("scroll",P)}}),[P,f,g]),o.default.createElement(N,c({className:C,role:"navigation"},E,{ref:a}),n)}));O.defaultProps={tag:"nav"};var L=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.disabled,n=e.active,d=e.tag,u=i(e,["children","className","disabled","active","tag"]),f=s.default("nav-link",l?"disabled":n?"active":"",r);return o.default.createElement(d,c({"data-test":"nav-link",className:f,ref:t},u),a)}));L.defaultProps={tag:"a",active:!1,className:"",disabled:!1};var I=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("navbar-brand",a);return o.default.createElement(l,c({className:d,ref:t},n),r)}));I.defaultProps={tag:"a"};var z=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.active,n=e.text,d=e.tag,u=i(e,["children","className","active","text","tag"]),f=s.default("nav-item",l&&"active",n&&"navbar-text",r);return o.default.createElement(d,c({},u,{className:f,ref:t}),a)}));z.defaultProps={tag:"li"};var j=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.right,n=e.fullWidth,d=e.left,u=e.tag,f=i(e,["children","className","right","fullWidth","left","tag"]),m=s.default("navbar-nav",n&&"w-100",l&&"ms-auto",d&&"me-auto",r);return o.default.createElement(u,c({className:m,ref:t},f),a)}));j.defaultProps={tag:"ul",fullWidth:!0};var F=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.tag,n=i(e,["children","className","tag"]),d=s.default("navbar-toggler",r);return o.default.createElement(l,c({},n,{className:d,ref:t}),a)}));F.defaultProps={tag:"button"};var q=o.default.forwardRef((function(e,t){var a=e.children,r=e.bgColor,l=e.color,n=e.tag,d=e.className,u=i(e,["children","bgColor","color","tag","className"]),f=s.default(r&&"bg-"+r,l&&"text-"+l,d);return o.default.createElement(n,c({className:f},u,{ref:t}),a)}));q.defaultProps={tag:"footer"};var W=o.default.forwardRef((function(e,t){var a=e.children,r=e.size,l=e.circle,n=e.tag,d=e.center,u=e.end,f=e.start,m=e.className,p=i(e,["children","size","circle","tag","center","end","start","className"]),g=s.default("pagination",d&&"justify-content-center",l&&"pagination-circle",u&&"justify-content-end",r&&"pagination-"+r,f&&"justify-content-start",m);return o.default.createElement(n,c({className:g},p,{ref:t}),a)}));W.defaultProps={tag:"ul"};var H=o.default.forwardRef((function(e,t){var a=e.children,r=e.tag,l=e.className,n=i(e,["children","tag","className"]),d=s.default("page-link",l);return o.default.createElement(r,c({className:d},n,{ref:t}),a)}));H.defaultProps={tag:"a"};var A=o.default.forwardRef((function(e,t){var a=e.children,r=e.tag,l=e.className,n=e.active,d=e.disabled,u=i(e,["children","tag","className","active","disabled"]),f=s.default("page-item",n&&"active",d&&"disabled",l);return o.default.createElement(r,c({className:f},u,{ref:t}),a)}));A.defaultProps={tag:"li"};var G=o.default.forwardRef((function(t,a){var r=t.className,l=t.classNameResponsive,n=t.tag,d=t.responsive,u=t.align,f=t.borderColor,m=t.bordered,p=t.borderless,g=t.children,v=t.color,h=t.hover,b=t.small,N=t.striped,w=i(t,["className","classNameResponsive","tag","responsive","align","borderColor","bordered","borderless","children","color","hover","small","striped"]),E=s.default("table",u&&"align-"+u,f&&"border-"+f,m&&"table-bordered",p&&"table-borderless",v&&"table-"+v,h&&"table-hover",b&&"table-sm",N&&"table-striped",r),y=e.useMemo((function(){return o.default.createElement(n,c({className:E,ref:a},w),g)}),[n,g,E,w,a]);if(d){var x=s.default("string"==typeof d?"table-responsive-"+d:"table-responsive",l);return o.default.createElement("div",{className:x},y)}return y}));G.defaultProps={tag:"table"};var U=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=e.dark,d=e.light,u=i(e,["className","tag","children","dark","light"]),f=s.default(n&&"table-dark",d&&"table-light",a);return o.default.createElement(r,c({className:f,ref:t},u),l)}));U.defaultProps={tag:"thead"};var V=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default(a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));V.defaultProps={tag:"tbody"};var Y=o.default.forwardRef((function(e,t){var a,r=e.animated,l=e.children,n=e.className,d=e.style,u=e.tag,f=e.valuenow,m=e.valuemax,p=e.striped,g=e.bgColor,v=e.valuemin,h=e.width,b=i(e,["animated","children","className","style","tag","valuenow","valuemax","striped","bgColor","valuemin","width"]),N=s.default("progress-bar",g&&"bg-"+g,p&&"progress-bar-striped",r&&"progress-bar-animated",n),w=c({width:h+"%"},d);return o.default.createElement(u,c({className:N,style:w,ref:t,role:"progressbar"},b,{"aria-valuenow":null!==(a=Number(h))&&void 0!==a?a:f,"aria-valuemin":Number(v),"aria-valuemax":Number(m)}),l)}));Y.defaultProps={tag:"div"};var _=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=e.height,d=e.style,u=i(e,["className","children","tag","height","style"]),f=s.default("progress",a),m=c({height:n+"px"},d);return o.default.createElement(l,c({className:f,ref:t,style:m},u),o.default.Children.map(r,(function(e){return o.default.isValidElement(e)&&e.type===Y?e:void console.error("Progress component only allows ProgressBar as child")})))}));_.defaultProps={tag:"div"};var J=function(t){var a=t.className,r=t.size,l=t.contrast,n=t.value,d=t.id,u=t.labelId,f=t.labelClass,m=t.wrapperClass,p=t.wrapperStyle,g=t.wrapperTag,v=t.label,h=t.onChange,b=t.children,N=t.labelRef,w=t.labelStyle,E=t.inputRef,y=t.textarea,x=i(t,["className","size","contrast","value","id","labelId","labelClass","wrapperClass","wrapperStyle","wrapperTag","label","onChange","children","labelRef","labelStyle","inputRef","textarea"]),k=e.useRef(null),C=e.useRef(null),P=e.useRef(null),B=N||k,M=E||(y?P:C),D=e.useState(n),R=D[0],S=D[1],T=e.useState(0),O=T[0],L=T[1],I=e.useState(void 0!==n&&n.length>0),z=I[0],j=I[1],F=s.default("form-outline",l&&"form-white",m),q=s.default("form-control",z&&"active",r&&"form-control-"+r,a),W=s.default("form-label",f);e.useEffect((function(){B.current&&L(.8*B.current.clientWidth+8)}),[]),e.useEffect((function(){void 0!==n&&(n.length>0?j(!0):j(!1))}),[n]);var H=function(e){S(e.currentTarget.value),h&&h(e)},A=e.useCallback((function(){void 0!==R&&R.length>0||void 0!==n&&n.length>0?j(!0):j(!1)}),[R,n]);return o.default.createElement(g,{className:F,style:c({},p)},y?o.default.createElement("textarea",c({className:q,onBlur:A,onChange:H,value:n,id:d,ref:M},x)):o.default.createElement("input",c({className:q,onBlur:A,onChange:H,value:n,id:d,ref:M},x)),v&&o.default.createElement("label",{className:W,style:w,id:u,htmlFor:d,ref:B},v),o.default.createElement("div",{className:"form-notch"},o.default.createElement("div",{className:"form-notch-leading"}),o.default.createElement("div",{className:"form-notch-middle",style:{width:O}}),o.default.createElement("div",{className:"form-notch-trailing"})),b)};J.defaultProps={wrapperTag:"div"};var K=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.labelId,n=e.labelClass,d=e.wrapperClass,u=e.wrapperTag,f=e.label,m=e.inline,p=e.btn,g=e.id,v=e.defaultChecked,h=e.checked,b=e.btnColor,N=i(e,["className","tag","labelId","labelClass","wrapperClass","wrapperTag","label","inline","btn","id","defaultChecked","checked","btnColor"]),w="form-check-input",E="form-check-label";p&&(w="btn-check",E=b?"btn btn-"+b:"btn btn-primary");var y=s.default(f&&!p&&"form-check",m&&!p&&"form-check-inline",d),x=s.default(w,a),k=s.default(E,n);return o.default.createElement(u,{className:y},o.default.createElement(r,c({className:x,type:"checkbox",defaultChecked:v,checked:h,id:g,ref:t},N)),f&&o.default.createElement("label",{className:k,id:l,htmlFor:g},f))}));K.defaultProps={tag:"input",wrapperTag:"div"};var Q=o.default.forwardRef((function(e,t){var a=i(e,[]);return o.default.createElement(K,c({type:"radio",ref:t},a))})),X=function(t){var a=t.className,r=t.center,l=t.children,n=t.show,d=t.id,u=t.navbar,f=t.tag,m=t.style,p=i(t,["className","center","children","show","id","navbar","tag","style"]),g=e.useState(!1),v=g[0],h=g[1],b=e.useState(""),N=b[0],w=b[1],E=e.useState(!1),y=E[0],x=E[1],k=e.useState(void 0),C=k[0],P=k[1],B=e.useState(!1),M=B[0],D=B[1],R=s.default(M?"collapsing":"collapse",!M&&(v||y)&&"show",u&&"navbar-collapse",r&&"justify-content-center",a),S=e.useRef(null);return e.useEffect((function(){"string"==typeof n?(w(n),x(N===d)):h(n),(y||v)&&D(!0);var e=setTimeout((function(){D(!1)}),350);return function(){clearTimeout(e)}}),[C,n,v,d,N,y]),e.useEffect((function(){var e;P(v||y?null===(e=null==S?void 0:S.current)||void 0===e?void 0:e.scrollHeight:0)}),[v,y]),o.default.createElement(f,c({style:c({height:C},m),id:d,className:R},p,{ref:S}),l)};X.defaultProps={tag:"div"};var Z=o.default.createContext({animation:!0,handleOpenClose:function(){},handleClose:function(){},getCount:function(){return 0},isOpenState:!1,activeIndex:0,animatedFadeIn:!1,animatedFadeOut:!1,setPopperElement:null,setReferenceElement:null,styles:{},attributes:{}}),$=function(t){var a=t.className,n=t.tag,d=t.group,u=t.isOpen,f=t.children,m=t.dropup,p=t.dropright,g=t.dropleft,v=t.options,h=t.animation,b=t.placement,N=i(t,["className","tag","group","isOpen","children","dropup","dropright","dropleft","options","animation","placement"]),w=e.useState(u),E=w[0],y=w[1],x=e.useState(!1),k=x[0],C=x[1],P=e.useState(!1),B=P[0],M=P[1],D=e.useState(),R=D[0],S=D[1],T=e.useState(),O=T[0],L=T[1],I=e.useState(b),z=I[0],j=I[1],F=e.useState(-1),q=F[0],W=F[1],H=e.useState(-1),A=H[0],G=H[1];e.useEffect((function(){j(m?"top-start":p?"right-start":g?"left-start":"bottom-start")}),[g,p,m]);var U=r.usePopper(R,O,c({placement:z,modifiers:[l.flip]},v)),V=U.styles,Y=U.attributes,_=s.default(d?"btn-group":"dropdown",m&&"dropup",p&&"dropend",g&&"dropstart",a),J=e.useCallback((function(e){O&&null!==O&&E&&R&&null!==R&&(O.contains(e.target)||R.contains(e.target)||y(!1))}),[E,O,R]);return e.useEffect((function(){var e=document.body.scrollTop;console.log(e)})),e.useEffect((function(){return document.addEventListener("mousedown",J),function(){document.removeEventListener("mousedown",J)}}),[J]),e.useEffect((function(){E&&W(A)}),[A,E]),e.useEffect((function(){var e,t;return E?(C(!0),e=setTimeout((function(){C(!1)}),300)):(M(!0),t=setTimeout((function(){M(!1)}),300)),function(){clearTimeout(e),clearTimeout(t)}}),[E]),o.default.createElement(Z.Provider,{value:{animation:h,activeIndex:q,handleClose:function(){return y(!1)},handleOpenClose:function(){return y(!E)},isOpenState:E,setReferenceElement:S,setPopperElement:L,styles:V,attributes:Y,animatedFadeIn:k,animatedFadeOut:B,getCount:function(e){return function(e){return G(e)}(e)}}},o.default.createElement(n,c({className:_},N),f))};function ee(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}$.defaultProps={tag:"div",animation:!0};ee(".dropdown-menu li[data-active='true'] {\n  color: #16181b;\n  background-color: #eee;\n}\n");var te=function(t){var a=t.onClick,r=t.tag,l=t.children,n=i(t,["onClick","tag","children"]),s=e.useContext(Z),d=s.activeIndex,u=s.handleClose;return o.default.createElement(r,c({},n,{onClick:function(e){u(),a&&a(e)}}),o.default.Children.map(l,(function(e,t){return o.default.cloneElement(e,{"data-active":d===t,"data-index":t})})))};te.defaultProps={tag:"li"};ee(".dropdown-menu [data-active='true'] a.dropdown-item,\n.dropdown-menu .dropdown-item:focus,\n.dropdown-menu li:focus .dropdown-item {\n  color: #16181b;\n  background-color: #eee;\n}\n\n.dropdown-menu li:focus {\n  outline: none;\n}\n\n.dropdown-menu.dropdown-menu-dark [data-active='true'] a.dropdown-item,\n.dropdown-menu.dropdown-menu-dark .dropdown-item:focus,\n.dropdown-menu.dropdown-menu-dark li:focus .dropdown-item {\n  color: #fff;\n  background-color: #1266f1;\n}\n\n.btn-group.dropstart > .dropdown-menu {\n  right: 0 !important;\n}\n");var ae=function(t){var a=t.className,r=t.tag,l=t.children,n=t.style,d=t.wrapperStyle,u=t.dark,f=t.responsive,m=i(t,["className","tag","children","style","wrapperStyle","dark","responsive"]),p=e.useContext(Z),g=p.activeIndex,v=p.setPopperElement,h=p.isOpenState,b=p.styles,N=p.attributes,w=p.animatedFadeIn,E=p.animatedFadeOut,y=p.animation,x=p.getCount,k=p.handleOpenClose,C=s.default("dropdown-menu",u&&"dropdown-menu-dark",h&&"show",y&&"animation",w&&"fade-in",E&&"fade-out",f&&"dropdown-menu-"+f,a),P=e.useState(!1),B=P[0],M=P[1],D=e.useState(0),R=D[0],S=D[1],T=e.useState(-1),O=T[0],L=T[1];e.useEffect((function(){var e;if(h){var t=o.default.Children.count(l);L(t),M(!0)}else e=setTimeout((function(){M(!1)}),300);return function(){clearTimeout(e)}}),[l,h]);var I=e.useCallback((function(e){e.preventDefault(),B&&("ArrowUp"===e.key&&(S(R-1),R<=0&&S(O-1)),"ArrowDown"===e.key&&(S(R+1),R===O-1&&S(0)),"Escape"!==e.key&&"Enter"!==e.key||(M(!1),k()))}),[B,O,k,R]);return e.useEffect((function(){B&&x(R)}),[R,B,x]),e.useEffect((function(){return B&&document.addEventListener("keydown",I),function(){document.removeEventListener("keydown",I)}}),[B,I]),B?o.default.createElement("div",c({className:"position-absolute",ref:v},N.popper,{style:c(c({display:"block",zIndex:1e3},b.popper),d),tabIndex:-1}),o.default.createElement(r,c({className:C,style:c({},n)},m,{tabIndex:-1}),o.default.Children.map(l,(function(e,t){return(null==e?void 0:e.type)===te?o.default.cloneElement(e,{tabIndex:0,"data-active":g===t&&!0,"data-index":t,className:g===t?"active":""}):e})))):""};ae.defaultProps={tag:"ul",responsive:""};var re=function(t){var a=t.className,r=t.tag,l=t.children,n=t.onClick,d=t.split,u=i(t,["className","tag","children","onClick","split"]),f=s.default("dropdown-toggle",d&&"dropdown-toggle-split",a),m=e.useContext(Z),p=m.handleOpenClose,g=m.setReferenceElement,v=m.isOpenState;return o.default.createElement(r,c({onClick:function(e){p(),n&&n(e)},ref:g,className:f},u,{"aria-expanded":!!v}),l)};re.defaultProps={tag:p};var le=function(t){var a=t.onClick,r=t.className,l=t.tag,n=t.children,d=i(t,["onClick","className","tag","children"]),u=s.default("dropdown-item",r),f=e.useContext(Z).handleClose;return o.default.createElement(l,c({className:u},d,{onClick:function(e){f(),a&&a(e)}}),n)};le.defaultProps={tag:"a"};var ne=function(e){var t=e.tag,a=i(e,["tag"]);return o.default.createElement(t,c({},a,{className:"dropdown-divider"}))};ne.defaultProps={tag:"div"};var oe=function(e){var t=e.tag,a=e.children,r=e.className,l=i(e,["tag","children","className"]);return o.default.createElement(t,c({},l,{className:s.default("dropdown-header",r)}),a)};oe.defaultProps={tag:"h6"};var se=function(t){var a=t.className,l=t.btnClassName,n=t.btnChildren,u=t.children,f=t.tag,m=t.popperTag,p=t.isOpen,g=t.placement,v=t.dismiss,h=t.options,b=t.poperStyle,N=t.onClick,w=i(t,["className","btnClassName","btnChildren","children","tag","popperTag","isOpen","placement","dismiss","options","poperStyle","onClick"]),E=e.useState(),y=E[0],x=E[1],k=e.useState(),C=k[0],P=k[1],B=r.usePopper(y,C,c({placement:g},h)),M=B.styles,D=B.attributes,R=e.useState(p),S=R[0],T=R[1],O=e.useState(!1),L=O[0],I=O[1],z=e.useState(!1),j=z[0],F=z[1],q=e.useState(!1),W=q[0],H=q[1],A=s.default("popover fade",j&&"show","bs-popover-"+("left"===g?"start":"right"===g?"end":g),a),G=e.useCallback((function(e){W&&C&&null!==C&&S&&y&&null!==y&&(y.contains(e.target)||T(!1))}),[W,S,C,y]);return e.useMemo((function(){var e;return S?(I(!0),setTimeout((function(){F(!0)}),150)):(e=setTimeout((function(){I(!1)}),150),F(!1)),function(){clearTimeout(e)}}),[S]),e.useEffect((function(){return S&&document.addEventListener("mousedown",G),function(){document.removeEventListener("mousedown",G)}}),[G,S]),o.default.createElement(o.default.Fragment,null,o.default.createElement(f,c({onClick:function(e){v?(H(!0),T(!0)):T(!S),N&&N(e)},className:l},w,{ref:x}),n),L&&d.default.createPortal(o.default.createElement(m,c({className:A,ref:P,style:c(c({},M.popper),b)},D.popper,{"data-testid":"popoverTestID"}),u),document.body))};se.defaultProps={tag:p,popperTag:"div",placement:"top"};var de=function(e){var t=e.className,a=e.children,r=e.tag,l=i(e,["className","children","tag"]),n=s.default("popover-body",t);return o.default.createElement(r,c({className:n},l),a)};de.defaultProps={tag:"div"};var ce=function(e){var t=e.className,a=e.children,r=e.tag,l=i(e,["className","children","tag"]),n=s.default("popover-header",t);return o.default.createElement(r,c({className:n},l),a)};ce.defaultProps={tag:"h3"};var ie=function(t){var a=t.animationDirection,r=t.backdrop,l=t.children,n=t.className,d=t.closeOnEsc,u=t.getOpenState,f=t.modalRef,m=t.show,p=t.staticBackdrop,g=t.tag,v=i(t,["animationDirection","backdrop","children","className","closeOnEsc","getOpenState","modalRef","show","staticBackdrop","tag"]),h=e.useState(m),b=h[0],N=h[1],w=e.useState(m),E=w[0],y=w[1],x=e.useState(!1),k=x[0],C=x[1],P=s.default("modal","fade",a,E&&m&&"show",k&&"modal-static",n),B=e.useRef(null),M=window.innerWidth>document.documentElement.clientWidth&&window.innerWidth>=576,D=e.useState(!1),R=D[0],S=D[1],T=f||B,O=e.useCallback((function(e){p||e.target!==T.current?p&&(C(!0),setTimeout((function(){C(!1)}),300)):(N(!1),r&&((m||b)&&document.body.classList.toggle("modal-open"),M&&(S(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),u&&u(!1))}),[T,u,r]),L=e.useCallback((function(e){p||"Escape"!==e.key?p&&(C(!0),setTimeout((function(){C(!1)}),300)):(N(!1),r&&((m||b)&&document.body.classList.toggle("modal-open"),M&&(S(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),u&&u(!1))}),[u,d]);return e.useEffect((function(){N(m),r&&((m||b)&&document.body.classList.toggle("modal-open"),M&&(S(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),u&&u(m)}),[m,u]),e.useEffect((function(){return b&&(document.addEventListener("click",O),document.addEventListener("keydown",L)),function(){document.removeEventListener("click",O),document.removeEventListener("keydown",L)}}),[O,L,b]),e.useEffect((function(){var e,t;return b?(y(!0),e=setTimeout((function(){N(!0)}),4)):(N(!1),t=setTimeout((function(){y(!1)}),300)),function(){clearTimeout(e),clearTimeout(t)}}),[b]),o.default.createElement(o.default.Fragment,null,o.default.createElement(g,c({style:{display:m||E?"block":"none",paddingRight:m&&R?"17px":""},className:P,ref:T},v),l),r&&E&&o.default.createElement("div",{className:"modal-backdrop fade show"}))};ie.defaultProps={tag:"div",backdrop:!0,closeOnEsc:!0,staticBackdrop:!1,show:!1};var ue=o.default.forwardRef((function(e,t){var a=e.className,r=e.centered,l=e.children,n=e.size,d=e.tag,u=i(e,["className","centered","children","size","tag"]),f=s.default("modal-dialog",r&&"modal-dialog-centered",n&&"modal-"+n,a);return o.default.createElement(d,c({className:f},u,{ref:t}),l)}));ue.defaultProps={tag:"div"};var fe=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-content",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));fe.defaultProps={tag:"div"};var me=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-header",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));me.defaultProps={tag:"div"};var pe=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-title",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));pe.defaultProps={tag:"h5"};var ge=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-body",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));ge.defaultProps={tag:"div"};var ve=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-footer",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));ve.defaultProps={tag:"div"};var he=o.default.forwardRef((function(t,a){var r=t.className,l=t.offset,n=t.onElement,s=t.setActive,d=t.targets,u=t.tag,f=t.children,m=i(t,["className","offset","onElement","setActive","targets","tag","children"]),p=e.useCallback((function(e){if(d&&l){var t;t=n?e.target.scrollTop:window.pageYOffset;var a=d.length-1;t<d[0].offsetTop&&s(0),d.forEach((function(e,a){var r=d[a+1];t>e.offsetTop-l&&t<(null==r?void 0:r.offsetTop)-l&&s(a+1)})),t>d[a].offsetTop-l&&s(a+1)}}),[d,l,n,s]);return e.useEffect((function(){if(!n)return window.addEventListener("scroll",p),function(){window.removeEventListener("scroll",p)}}),[d,n,p]),o.default.createElement(u,c({className:r,ref:a},m,{onScroll:n?p:null}),f)}));he.defaultProps={tag:"div",onElement:!1,offset:10};var be=o.default.forwardRef((function(e,t){var a=e.className,r=e.customSelect,l=e.tag,n=e.children,d=i(e,["className","customSelect","tag","children"]),u=s.default("scrollspy-section"+r,a);return o.default.createElement(l,c({className:u,ref:t},d),n)}));be.defaultProps={tag:"section",customSelect:""};var Ne=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default("nav-item",a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));Ne.defaultProps={tag:"li"};var we=o.default.forwardRef((function(e,t){var a=e.className,r=e.scrollElement,l=e.active,n=e.tag,d=e.children,u=i(e,["className","scrollElement","active","tag","children"]),f=s.default("nav-link",a,l&&"active");return o.default.createElement(n,c({className:f,ref:t},u,{onClick:function(){r.scrollIntoView({behavior:"smooth"})},style:{cursor:"pointer"}}),d)}));we.defaultProps={tag:"a"};var Ee=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default("nav",a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));Ee.defaultProps={tag:"ul"},exports.MDBBadge=m,exports.MDBBreadcrumb=S,exports.MDBBreadcrumbItem=T,exports.MDBBtn=p,exports.MDBBtnGroup=g,exports.MDBCard=h,exports.MDBCardBody=y,exports.MDBCardFooter=x,exports.MDBCardGroup=C,exports.MDBCardHeader=b,exports.MDBCardImage=function(e){var t=e.className,a=e.children,r=e.overlay,l=e.position,n=e.fluid,d=i(e,["className","children","overlay","position","fluid"]),u=s.default(l&&"card-img-"+l,n&&"img-fluid",r&&"card-img",t);return o.default.createElement("img",c({className:u},d),a)},exports.MDBCardLink=function(e){var t=e.className,a=e.children,r=i(e,["className","children"]),l=s.default("card-link",t);return o.default.createElement("a",c({className:l},r),a)},exports.MDBCardOverlay=k,exports.MDBCardSubTitle=N,exports.MDBCardText=E,exports.MDBCardTitle=w,exports.MDBCheckbox=K,exports.MDBCol=f,exports.MDBCollapse=X,exports.MDBContainer=u,exports.MDBDropdown=$,exports.MDBDropdownDivider=ne,exports.MDBDropdownHeader=oe,exports.MDBDropdownItem=te,exports.MDBDropdownLink=le,exports.MDBDropdownMenu=ae,exports.MDBDropdownToggle=re,exports.MDBFooter=q,exports.MDBIcon=function(e){var t,a=e.className,r=e.icon,l=e.fab,n=e.fas,d=e.fal,u=e.far,f=e.flag,m=e.spin,p=e.fixed,g=e.flip,v=e.list,h=e.size,b=e.pull,N=e.pulse,w=e.color,E=e.border,y=e.rotate,x=e.inverse,k=e.stack,C=e.children,P=i(e,["className","icon","fab","fas","fal","far","flag","spin","fixed","flip","list","size","pull","pulse","color","border","rotate","inverse","stack","children"]);t=f?"flag":l?"fab":n?"fas":u?"far":d?"fal":"fa";var B=s.default(t,f?"flag-"+f:r&&"fa-"+r,h&&"fa-"+h,w&&"text-"+w,E&&"fa-border",y&&"fa-rotate-"+y,b&&"fa-pull-"+b,m&&"fa-spin",v&&"fa-li",p&&"fa-fw",N&&"fa-pulse",x&&"fa-inverse",g&&"fa-flip-"+g,k&&"fa-stack-"+k,a);return o.default.createElement("i",c({className:B},P),C)},exports.MDBInput=J,exports.MDBListGroup=P,exports.MDBListGroupItem=B,exports.MDBModal=ie,exports.MDBModalBody=ge,exports.MDBModalContent=fe,exports.MDBModalDialog=ue,exports.MDBModalFooter=ve,exports.MDBModalHeader=me,exports.MDBModalTitle=pe,exports.MDBNavbar=O,exports.MDBNavbarBrand=I,exports.MDBNavbarItem=z,exports.MDBNavbarLink=L,exports.MDBNavbarNav=j,exports.MDBNavbarToggler=F,exports.MDBPagination=W,exports.MDBPaginationItem=A,exports.MDBPaginationLink=H,exports.MDBPopover=se,exports.MDBPopoverBody=de,exports.MDBPopoverHeader=ce,exports.MDBProgress=_,exports.MDBProgressBar=Y,exports.MDBRadio=Q,exports.MDBRow=D,exports.MDBScrollspy=he,exports.MDBScrollspyNavItem=Ne,exports.MDBScrollspyNavLink=we,exports.MDBScrollspyNavList=Ee,exports.MDBScrollspySection=be,exports.MDBSpinner=v,exports.MDBTable=G,exports.MDBTableBody=V,exports.MDBTableHead=U,exports.MDBTooltip=M,exports.MDBTypography=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),a=require("react-dom"),r=require("react-popper"),l=require("@popperjs/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=n(t),d=n(a),c=function(){return(c=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var l in t=arguments[a])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e}).apply(this,arguments)};function i(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(a[r[l]]=e[r[l]])}return a}var u=o.default.forwardRef((function(e,t){var a=e.breakpoint,r=e.fluid,l=e.children,n=e.className,d=e.tag,u=i(e,["breakpoint","fluid","children","className","tag"]),f=s.default(r?"container-fluid":"container"+(a?"-"+a:""),n);return o.default.createElement(d,c({className:f},u,{ref:t}),l)}));u.defaultProps={tag:"div"};var f=o.default.forwardRef((function(e,t){var a=e.center,r=e.children,l=e.className,n=e.end,d=e.lg,u=e.md,f=e.offsetLg,m=e.offsetMd,p=e.offsetSm,g=e.order,v=e.size,h=e.sm,b=e.start,N=e.tag,w=e.xl,E=e.xs,x=i(e,["center","children","className","end","lg","md","offsetLg","offsetMd","offsetSm","order","size","sm","start","tag","xl","xs"]),y=s.default(v&&"col-"+v,E&&"col-xs-"+E,h&&"col-sm-"+h,u&&"col-md-"+u,d&&"col-lg-"+d,w&&"col-xl-"+w,v||E||h||u||d||w?"":"col",g&&"order-"+g,b&&"align-self-start",a&&"align-self-center",n&&"align-self-end",p&&"offset-sm-"+p,m&&"offset-md-"+m,f&&"offset-lg-"+f,l);return o.default.createElement(N,c({className:y,ref:t},x),r)}));f.defaultProps={tag:"div"};var m=o.default.forwardRef((function(e,t){var a=e.className,r=e.color,l=e.pill,n=e.dot,d=e.tag,u=e.children,f=e.notification,m=i(e,["className","color","pill","dot","tag","children","notification"]),p=s.default("badge",r?"bg-"+r:"bg-primary",n&&"badge-dot",l&&"rounded-pill",f&&"badge-notification",a);return o.default.createElement(d,c({className:p,ref:t},m),u)}));m.defaultProps={tag:"span"};var p=o.default.forwardRef((function(t,a){var r,l=t.className,n=t.color,d=t.outline,u=t.children,f=t.rounded,m=t.disabled,p=t.floating,g=t.size,v=t.href,h=t.block,b=t.active,N=t.toggle,w=t.tag,E=i(t,["className","color","outline","children","rounded","disabled","floating","size","href","block","active","toggle","tag"]),x=e.useState(b||!1),y=x[0],C=x[1];r="none"!==n?d?n?"btn-outline-"+n:"btn-outline-primary":n?"btn-"+n:"btn-primary":"";var k=s.default("none"!==n&&"btn",r,f&&"btn-rounded",p&&"btn-floating",g&&"btn-"+g,(v||"button"!==w)&&m?"disabled":"",h&&"btn-block",y&&"active",l);return v&&"a"!==w&&(w="a"),o.default.createElement(w,c({className:k,onClick:N?function(){C(!y)}:void 0,disabled:!(!m||"button"!==w)||void 0,href:v,ref:a},E),u)}));p.defaultProps={tag:"button",type:"button",role:"button"};var g=o.default.forwardRef((function(e,t){var a,r=e.className,l=e.children,n=e.shadow,d=e.toolbar,u=e.size,f=e.vertical,m=e.tag,p=i(e,["className","children","shadow","toolbar","size","vertical","tag"]);a=d?"btn-toolbar":f?"btn-group-vertical":"btn-group";var g=s.default(a,n&&"shadow-"+n,u&&"btn-group-"+u,r);return o.default.createElement(m,c({className:g,ref:t},p),l)}));g.defaultProps={tag:"div",role:"group"};var v=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=e.color,d=e.grow,u=e.size,f=i(e,["className","children","tag","color","grow","size"]),m=s.default(d?"spinner-grow":"spinner-border",n&&"text-"+n,u?d?"spinner-grow-"+u:"spinner-border-"+u:"",a);return o.default.createElement(l,c({className:m,ref:t},f),r)}));v.defaultProps={tag:"div"};var h=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.border,n=e.background,d=e.tag,u=e.shadow,f=e.alignment,m=i(e,["className","children","border","background","tag","shadow","alignment"]),p=s.default("card",l&&"border border-"+l,n&&"bg-"+n,u&&"shadow-"+u,f&&"text-"+f,a);return o.default.createElement(d,c({className:p,ref:t},m),r)}));h.defaultProps={tag:"div"};var b=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.border,n=e.background,d=e.tag,u=i(e,["className","children","border","background","tag"]),f=s.default("card-header",l&&"border-"+l,n&&"bg-"+n,a);return o.default.createElement(d,c({className:f},u,{ref:t}),r)}));b.defaultProps={tag:"div"};var N=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-subtitle",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));N.defaultProps={tag:"p"};var w=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-title",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));w.defaultProps={tag:"h5"};var E=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-text",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));E.defaultProps={tag:"p"};var x=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-body",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));x.defaultProps={tag:"div"};var y=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.border,n=e.background,d=e.tag,u=i(e,["className","children","border","background","tag"]),f=s.default("card-footer",l&&"border-"+l,n&&"bg-"+n,a);return o.default.createElement(d,c({className:f},u,{ref:t}),r)}));y.defaultProps={tag:"div"};var C=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-img-overlay",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));C.defaultProps={tag:"div"};var k=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("card-group",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));k.defaultProps={tag:"div"};var M=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.horizontal,n=e.horizontalSize,d=e.flush,u=e.children,f=i(e,["className","tag","horizontal","horizontalSize","flush","children"]),m=s.default("list-group",l&&(n?"list-group-horizontal-"+n:"list-group-horizontal"),d&&"list-group-flush",a);return o.default.createElement(r,c({className:m,ref:t},f),u)}));M.defaultProps={tag:"ul"};var R=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.active,n=e.disabled,d=e.action,u=e.color,f=e.children,m=i(e,["className","tag","active","disabled","action","color","children"]),p="button"===r,g=s.default("list-group-item",l&&"active",n&&!p&&"disabled",d&&"list-group-item-action",u&&"list-group-item-"+u,a);return o.default.createElement(r,c({className:g,disabled:p&&n,ref:t},m),f)}));R.defaultProps={tag:"li"};var B=function(t){var a=t.className,l=t.children,n=t.tag,u=t.tooltipTag,f=t.options,m=t.placement,p=t.title,g=t.wrapperProps,v=t.wrapperClass,h=t.onMouseEnter,b=t.onMouseLeave,N=i(t,["className","children","tag","tooltipTag","options","placement","title","wrapperProps","wrapperClass","onMouseEnter","onMouseLeave"]),w=e.useState(null),E=w[0],x=w[1],y=e.useState(null),C=y[0],k=y[1],M=e.useState(!1),R=M[0],B=M[1],D=e.useState(!1),P=D[0],S=D[1],T=e.useState(!1),L=T[0],I=T[1],O=e.useState(!1),z=O[0],j=O[1],F=s.default("tooltip",L&&"show","fade","bs-tooltip-"+m,a),q=r.usePopper(E,C,c({placement:m},f)),W=q.styles,U=q.attributes;e.useEffect((function(){var e,t;return R||P?(j(!0),e=setTimeout((function(){I(!0)}),4)):(I(!1),t=setTimeout((function(){j(!1)}),300)),function(){clearTimeout(e),clearTimeout(t)}}),[R,P]);var G=e.useCallback((function(e){e.target===E?S(!0):S(!1)}),[E]);return e.useEffect((function(){return document.addEventListener("mousedown",G),function(){document.removeEventListener("mousedown",G)}}),[G]),o.default.createElement(o.default.Fragment,null,o.default.createElement(n,c({className:v,onMouseEnter:function(e){B(!0),h&&h(e)},onMouseLeave:function(e){B(!1),b&&b(e)},ref:x},g),l),z&&d.default.createPortal(o.default.createElement(u,c({ref:k,className:F,style:W.popper},U.popper,{role:"tooltip"},N),o.default.createElement("div",{className:"tooltip-inner"},p)),document.body))};B.defaultProps={tag:p,tooltipTag:"div",placement:"top"};var D=o.default.forwardRef((function(e,t){var a=e.around,r=e.between,l=e.bottom,n=e.center,d=e.children,u=e.className,f=e.evenly,m=e.end,p=e.middle,g=e.start,v=e.tag,h=e.top,b=i(e,["around","between","bottom","center","children","className","evenly","end","middle","start","tag","top"]),N=s.default("row",a&&"justify-content-around",r&&"justify-content-between",l&&"align-self-end",n&&"justify-content-center",f&&"justifty-content-evenly",m&&"justify-content-end",p&&"align-self-center",g&&"justify-content-start",h&&"align-self-start",u);return o.default.createElement(v,c({className:N},b,{ref:t}),d)}));D.defaultProps={tag:"div"};var P=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=e.variant,d=e.colorText,u=e.blockquote,f=e.note,m=e.noteColor,p=e.listUnStyled,g=e.listInLine,v=i(e,["className","children","tag","variant","colorText","blockquote","note","noteColor","listUnStyled","listInLine"]),h=s.default(n&&n,u&&"blockquote",f&&"note",d&&"text-"+d,m&&"note-"+m,p&&"list-unstyled",g&&"list-inline",a);return u&&(l="blockquote"),(p||g)&&(l="ul"),o.default.createElement(l,c({className:h,ref:t},v),r)}));P.defaultProps={tag:"p"};var S=o.default.forwardRef((function(e,t){var a=e.className,r=e.color,l=e.uppercase,n=e.bold,d=e.children,u=e.tag,f=i(e,["className","color","uppercase","bold","children","tag"]),m=s.default("breadcrumb",n&&"font-weight-bold",r&&"text-"+r,l&&"text-uppercase",a);return o.default.createElement("nav",{"aria-label":"breadcrumb"},o.default.createElement(u,c({className:m,ref:t},f),d))}));S.defaultProps={tag:"ol"};var T=o.default.forwardRef((function(e,t){var a=e.className,r=e.active,l=e.tag,n=e.current,d=e.children,u=i(e,["className","active","tag","current","children"]),f=s.default("breadcrumb-item",r&&"active",a);return o.default.createElement(l,c({className:f,ref:t,"aria-current":r&&n},u),d)}));T.defaultProps={tag:"li",current:"page"};var L=o.default.forwardRef((function(t,a){var r,l=t.className,n=t.children,d=t.light,u=t.dark,f=t.scrolling,m=t.fixed,p=t.sticky,g=t.scrollingNavbarOffset,v=t.color,h=t.transparent,b=t.expand,N=t.tag,w=t.bgColor,E=i(t,["className","children","light","dark","scrolling","fixed","sticky","scrollingNavbarOffset","color","transparent","expand","tag","bgColor"]),x=e.useState(!1),y=x[0],C=x[1],k=s.default(((r={"fixed-top":m,"sticky-top":p,"navbar-light":d,"navbar-dark":u,"scrolling-navbar":f||g,"top-nav-collapse":y})["text-"+v]=v&&h?y:v,r),"navbar",b&&function(e){if(!1!==e)return"navbar-expand-"+e}(b),w&&"bg-"+w,l),M=e.useCallback((function(){window.pageYOffset>g?C(!0):C(!1)}),[g]);return e.useEffect((function(){return(f||g)&&window.addEventListener("scroll",M),function(){window.removeEventListener("scroll",M)}}),[M,f,g]),o.default.createElement(N,c({className:k,role:"navigation"},E,{ref:a}),n)}));L.defaultProps={tag:"nav"};var I=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.disabled,n=e.active,d=e.tag,u=i(e,["children","className","disabled","active","tag"]),f=s.default("nav-link",l?"disabled":n?"active":"",r);return o.default.createElement(d,c({"data-test":"nav-link",className:f,ref:t},u),a)}));I.defaultProps={tag:"a",active:!1,className:"",disabled:!1};var O=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("navbar-brand",a);return o.default.createElement(l,c({className:d,ref:t},n),r)}));O.defaultProps={tag:"a"};var z=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.active,n=e.text,d=e.tag,u=i(e,["children","className","active","text","tag"]),f=s.default("nav-item",l&&"active",n&&"navbar-text",r);return o.default.createElement(d,c({},u,{className:f,ref:t}),a)}));z.defaultProps={tag:"li"};var j=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.right,n=e.fullWidth,d=e.left,u=e.tag,f=i(e,["children","className","right","fullWidth","left","tag"]),m=s.default("navbar-nav",n&&"w-100",l&&"ms-auto",d&&"me-auto",r);return o.default.createElement(u,c({className:m,ref:t},f),a)}));j.defaultProps={tag:"ul",fullWidth:!0};var F=o.default.forwardRef((function(e,t){var a=e.children,r=e.className,l=e.tag,n=i(e,["children","className","tag"]),d=s.default("navbar-toggler",r);return o.default.createElement(l,c({},n,{className:d,ref:t}),a)}));F.defaultProps={tag:"button"};var q=o.default.forwardRef((function(e,t){var a=e.children,r=e.bgColor,l=e.color,n=e.tag,d=e.className,u=i(e,["children","bgColor","color","tag","className"]),f=s.default(r&&"bg-"+r,l&&"text-"+l,d);return o.default.createElement(n,c({className:f},u,{ref:t}),a)}));q.defaultProps={tag:"footer"};var W=o.default.forwardRef((function(e,t){var a=e.children,r=e.size,l=e.circle,n=e.tag,d=e.center,u=e.end,f=e.start,m=e.className,p=i(e,["children","size","circle","tag","center","end","start","className"]),g=s.default("pagination",d&&"justify-content-center",l&&"pagination-circle",u&&"justify-content-end",r&&"pagination-"+r,f&&"justify-content-start",m);return o.default.createElement(n,c({className:g},p,{ref:t}),a)}));W.defaultProps={tag:"ul"};var U=o.default.forwardRef((function(e,t){var a=e.children,r=e.tag,l=e.className,n=i(e,["children","tag","className"]),d=s.default("page-link",l);return o.default.createElement(r,c({className:d},n,{ref:t}),a)}));U.defaultProps={tag:"a"};var G=o.default.forwardRef((function(e,t){var a=e.children,r=e.tag,l=e.className,n=e.active,d=e.disabled,u=i(e,["children","tag","className","active","disabled"]),f=s.default("page-item",n&&"active",d&&"disabled",l);return o.default.createElement(r,c({className:f},u,{ref:t}),a)}));G.defaultProps={tag:"li"};var H=o.default.forwardRef((function(t,a){var r=t.className,l=t.classNameResponsive,n=t.tag,d=t.responsive,u=t.align,f=t.borderColor,m=t.bordered,p=t.borderless,g=t.children,v=t.color,h=t.hover,b=t.small,N=t.striped,w=i(t,["className","classNameResponsive","tag","responsive","align","borderColor","bordered","borderless","children","color","hover","small","striped"]),E=s.default("table",u&&"align-"+u,f&&"border-"+f,m&&"table-bordered",p&&"table-borderless",v&&"table-"+v,h&&"table-hover",b&&"table-sm",N&&"table-striped",r),x=e.useMemo((function(){return o.default.createElement(n,c({className:E,ref:a},w),g)}),[n,g,E,w,a]);if(d){var y=s.default("string"==typeof d?"table-responsive-"+d:"table-responsive",l);return o.default.createElement("div",{className:y},x)}return x}));H.defaultProps={tag:"table"};var A=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=e.dark,d=e.light,u=i(e,["className","tag","children","dark","light"]),f=s.default(n&&"table-dark",d&&"table-light",a);return o.default.createElement(r,c({className:f,ref:t},u),l)}));A.defaultProps={tag:"thead"};var V=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default(a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));V.defaultProps={tag:"tbody"};var Y=o.default.forwardRef((function(e,t){var a,r=e.animated,l=e.children,n=e.className,d=e.style,u=e.tag,f=e.valuenow,m=e.valuemax,p=e.striped,g=e.bgColor,v=e.valuemin,h=e.width,b=i(e,["animated","children","className","style","tag","valuenow","valuemax","striped","bgColor","valuemin","width"]),N=s.default("progress-bar",g&&"bg-"+g,p&&"progress-bar-striped",r&&"progress-bar-animated",n),w=c({width:h+"%"},d);return o.default.createElement(u,c({className:N,style:w,ref:t,role:"progressbar"},b,{"aria-valuenow":null!==(a=Number(h))&&void 0!==a?a:f,"aria-valuemin":Number(v),"aria-valuemax":Number(m)}),l)}));Y.defaultProps={tag:"div"};var X=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=e.height,d=e.style,u=i(e,["className","children","tag","height","style"]),f=s.default("progress",a),m=c({height:n+"px"},d);return o.default.createElement(l,c({className:f,ref:t,style:m},u),o.default.Children.map(r,(function(e){return o.default.isValidElement(e)&&e.type===Y?e:void console.error("Progress component only allows ProgressBar as child")})))}));X.defaultProps={tag:"div"};var _=function(t){var a=t.className,r=t.size,l=t.contrast,n=t.value,d=t.id,u=t.labelId,f=t.labelClass,m=t.wrapperClass,p=t.wrapperStyle,g=t.wrapperTag,v=t.label,h=t.onChange,b=t.children,N=t.labelRef,w=t.labelStyle,E=t.inputRef,x=t.textarea,y=t.validation,C=t.invalid,k=t.validationTooltip,M=i(t,["className","size","contrast","value","id","labelId","labelClass","wrapperClass","wrapperStyle","wrapperTag","label","onChange","children","labelRef","labelStyle","inputRef","textarea","validation","invalid","validationTooltip"]),R=e.useRef(null),B=e.useRef(null),D=e.useRef(null),P=N||R,S=E||(x?D:B),T=e.useState(n),L=T[0],I=T[1],O=e.useState(0),z=O[0],j=O[1],F=e.useState(void 0!==n&&n.length>0),q=F[0],W=F[1],U=s.default("form-outline",l&&"form-white",m),G=s.default("form-control",q&&"active",r&&"form-control-"+r,a),H=s.default("form-label",f),A=s.default(y&&(C?"invalid-"+(k?"tooltip":"feedback"):"valid-"+(k?"tooltip":"feedback")));e.useEffect((function(){P.current&&j(.8*P.current.clientWidth+8)}),[]),e.useEffect((function(){void 0!==n&&(n.length>0?W(!0):W(!1))}),[n]);var V=function(e){I(e.currentTarget.value),h&&h(e)},Y=e.useCallback((function(){void 0!==L&&L.length>0||void 0!==n&&n.length>0?W(!0):W(!1)}),[L,n]);return o.default.createElement(g,{className:U,style:c({},p)},x?o.default.createElement("textarea",c({className:G,onBlur:Y,onChange:V,value:n,id:d,ref:S},M)):o.default.createElement("input",c({className:G,onBlur:Y,onChange:V,value:n,id:d,ref:S},M)),v&&o.default.createElement("label",{className:H,style:w,id:u,htmlFor:d,ref:P},v),y&&o.default.createElement("div",{className:A},y),o.default.createElement("div",{className:"form-notch"},o.default.createElement("div",{className:"form-notch-leading"}),o.default.createElement("div",{className:"form-notch-middle",style:{width:z}}),o.default.createElement("div",{className:"form-notch-trailing"})),b)};_.defaultProps={wrapperTag:"div"};var J=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.labelId,n=e.labelClass,d=e.wrapperClass,u=e.wrapperTag,f=e.label,m=e.inline,p=e.btn,g=e.id,v=e.defaultChecked,h=e.checked,b=e.validation,N=e.invalid,w=e.btnColor,E=e.toggleSwitch,x=i(e,["className","tag","labelId","labelClass","wrapperClass","wrapperTag","label","inline","btn","id","defaultChecked","checked","validation","invalid","btnColor","toggleSwitch"]),y="form-check-input",C="form-check-label";p&&(y="btn-check",C=w?"btn btn-"+w:"btn btn-primary");var k=s.default(f&&!p&&"form-check",m&&!p&&"form-check-inline",E&&"form-switch",d),M=s.default(y,a),R=s.default(C,n),B=s.default(b&&(N?"invalid-feedback":"valid-feedback"));return o.default.createElement(u,{className:k},o.default.createElement(r,c({className:M,type:"checkbox",defaultChecked:v,checked:h,id:g,ref:t},x)),f&&o.default.createElement("label",{className:R,id:l,htmlFor:g},f),b&&o.default.createElement("div",{className:B},b))}));J.defaultProps={tag:"input",wrapperTag:"div"};var K=o.default.forwardRef((function(e,t){var a=i(e,[]);return o.default.createElement(J,c({type:"radio",ref:t},a))})),Q=function(t){var a=t.className,r=t.center,l=t.children,n=t.show,d=t.id,u=t.navbar,f=t.tag,m=t.style,p=i(t,["className","center","children","show","id","navbar","tag","style"]),g=e.useState(!1),v=g[0],h=g[1],b=e.useState(""),N=b[0],w=b[1],E=e.useState(!1),x=E[0],y=E[1],C=e.useState(void 0),k=C[0],M=C[1],R=e.useState(!1),B=R[0],D=R[1],P=s.default(B?"collapsing":"collapse",!B&&(v||x)&&"show",u&&"navbar-collapse",r&&"justify-content-center",a),S=e.useRef(null);return e.useEffect((function(){"string"==typeof n?(w(n),y(N===d)):h(n),(x||v)&&D(!0);var e=setTimeout((function(){D(!1)}),350);return function(){clearTimeout(e)}}),[k,n,v,d,N,x]),e.useEffect((function(){var e;M(v||x?null===(e=null==S?void 0:S.current)||void 0===e?void 0:e.scrollHeight:0)}),[v,x]),o.default.createElement(f,c({style:c({height:k},m),id:d,className:P},p,{ref:S}),l)};Q.defaultProps={tag:"div"};var Z=o.default.createContext({animation:!0,handleOpenClose:function(){},handleClose:function(){},getCount:function(){return 0},isOpenState:!1,activeIndex:0,animatedFadeIn:!1,animatedFadeOut:!1,setPopperElement:null,setReferenceElement:null,styles:{},attributes:{}}),$=function(t){var a=t.className,n=t.tag,d=t.group,u=t.isOpen,f=t.children,m=t.dropup,p=t.dropright,g=t.dropleft,v=t.options,h=t.animation,b=t.placement,N=i(t,["className","tag","group","isOpen","children","dropup","dropright","dropleft","options","animation","placement"]),w=e.useState(u),E=w[0],x=w[1],y=e.useState(!1),C=y[0],k=y[1],M=e.useState(!1),R=M[0],B=M[1],D=e.useState(),P=D[0],S=D[1],T=e.useState(),L=T[0],I=T[1],O=e.useState(b),z=O[0],j=O[1],F=e.useState(-1),q=F[0],W=F[1],U=e.useState(-1),G=U[0],H=U[1];e.useEffect((function(){j(m?"top-start":p?"right-start":g?"left-start":"bottom-start")}),[g,p,m]);var A=r.usePopper(P,L,c({placement:z,modifiers:[l.flip]},v)),V=A.styles,Y=A.attributes,X=s.default(d?"btn-group":"dropdown",m&&"dropup",p&&"dropend",g&&"dropstart",a),_=e.useCallback((function(e){L&&null!==L&&E&&P&&null!==P&&(L.contains(e.target)||P.contains(e.target)||x(!1))}),[E,L,P]);return e.useEffect((function(){return document.addEventListener("mousedown",_),function(){document.removeEventListener("mousedown",_)}}),[_]),e.useEffect((function(){E&&W(G)}),[G,E]),e.useEffect((function(){var e,t;return E?(k(!0),e=setTimeout((function(){k(!1)}),300)):(B(!0),t=setTimeout((function(){B(!1)}),300)),function(){clearTimeout(e),clearTimeout(t)}}),[E]),o.default.createElement(Z.Provider,{value:{animation:h,activeIndex:q,handleClose:function(){return x(!1)},handleOpenClose:function(){return x(!E)},isOpenState:E,setReferenceElement:S,setPopperElement:I,styles:V,attributes:Y,animatedFadeIn:C,animatedFadeOut:R,getCount:function(e){return function(e){return H(e)}(e)}}},o.default.createElement(n,c({className:X},N),f))};function ee(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}$.defaultProps={tag:"div",animation:!0};ee(".dropdown-menu li[data-active='true'] {\n  color: #16181b;\n  background-color: #eee;\n}\n");var te=function(t){var a=t.onClick,r=t.tag,l=t.children,n=i(t,["onClick","tag","children"]),s=e.useContext(Z),d=s.activeIndex,u=s.handleClose;return o.default.createElement(r,c({},n,{onClick:function(e){u(),a&&a(e)}}),o.default.Children.map(l,(function(e,t){return o.default.cloneElement(e,{"data-active":d===t,"data-index":t})})))};te.defaultProps={tag:"li"};ee(".dropdown-menu [data-active='true'] a.dropdown-item,\n.dropdown-menu .dropdown-item:focus,\n.dropdown-menu li:focus .dropdown-item {\n  color: #16181b;\n  background-color: #eee;\n}\n\n.dropdown-menu li:focus {\n  outline: none;\n}\n\n.dropdown-menu.dropdown-menu-dark [data-active='true'] a.dropdown-item,\n.dropdown-menu.dropdown-menu-dark .dropdown-item:focus,\n.dropdown-menu.dropdown-menu-dark li:focus .dropdown-item {\n  color: #fff;\n  background-color: #1266f1;\n}\n\n.btn-group.dropstart > .dropdown-menu {\n  right: 0 !important;\n}\n");var ae=function(t){var a=t.className,r=t.tag,l=t.children,n=t.style,d=t.dark,u=t.responsive,f=i(t,["className","tag","children","style","dark","responsive"]),m=e.useContext(Z),p=m.activeIndex,g=m.setPopperElement,v=m.isOpenState,h=m.styles,b=m.attributes,N=m.animatedFadeIn,w=m.animatedFadeOut,E=m.animation,x=m.getCount,y=m.handleOpenClose,C=s.default("dropdown-menu",d&&"dropdown-menu-dark",v&&"show",E&&"animation",N&&"fade-in",w&&"fade-out",u&&"dropdown-menu-"+u,a),k=e.useState(!1),M=k[0],R=k[1],B=e.useState(0),D=B[0],P=B[1],S=e.useState(-1),T=S[0],L=S[1];e.useEffect((function(){var e;if(v){var t=o.default.Children.count(l);L(t),R(!0)}else e=setTimeout((function(){R(!1)}),300);return function(){clearTimeout(e)}}),[l,v]);var I=e.useCallback((function(e){e.preventDefault(),M&&("ArrowUp"===e.key&&(P(D-1),D<=0&&P(T-1)),"ArrowDown"===e.key&&(P(D+1),D===T-1&&P(0)),"Escape"!==e.key&&"Enter"!==e.key||(R(!1),y()))}),[M,T,y,D]);return e.useEffect((function(){M&&x(D)}),[D,M,x]),e.useEffect((function(){return M&&document.addEventListener("keydown",I),function(){document.removeEventListener("keydown",I)}}),[M,I]),M?o.default.createElement(r,c({className:C,style:c(c({position:"absolute",zIndex:1e3},h.popper),n)},f,b.popper,{ref:g,tabIndex:-1}),o.default.Children.map(l,(function(e,t){return(null==e?void 0:e.type)===te?o.default.cloneElement(e,{tabIndex:0,"data-active":p===t&&!0,"data-index":t,className:p===t?"active":""}):e}))):""};ae.defaultProps={tag:"ul",responsive:""};var re=function(t){var a=t.className,r=t.tag,l=t.children,n=t.onClick,d=t.split,u=i(t,["className","tag","children","onClick","split"]),f=s.default("dropdown-toggle",d&&"dropdown-toggle-split",a),m=e.useContext(Z),p=m.handleOpenClose,g=m.setReferenceElement,v=m.isOpenState;return o.default.createElement(r,c({onClick:function(e){p(),n&&n(e)},ref:g,className:f},u,{"aria-expanded":!!v}),l)};re.defaultProps={tag:p};var le=function(t){var a=t.onClick,r=t.className,l=t.tag,n=t.children,d=i(t,["onClick","className","tag","children"]),u=s.default("dropdown-item",r),f=e.useContext(Z).handleClose;return o.default.createElement(l,c({className:u},d,{onClick:function(e){f(),a&&a(e)}}),n)};le.defaultProps={tag:"a"};var ne=function(e){var t=e.tag,a=i(e,["tag"]);return o.default.createElement(t,c({},a,{className:"dropdown-divider"}))};ne.defaultProps={tag:"div"};var oe=function(e){var t=e.tag,a=e.children,r=e.className,l=i(e,["tag","children","className"]);return o.default.createElement(t,c({},l,{className:s.default("dropdown-header",r)}),a)};oe.defaultProps={tag:"h6"};var se=function(t){var a=t.className,l=t.btnClassName,n=t.btnChildren,u=t.children,f=t.tag,m=t.popperTag,p=t.isOpen,g=t.placement,v=t.dismiss,h=t.options,b=t.poperStyle,N=t.onClick,w=i(t,["className","btnClassName","btnChildren","children","tag","popperTag","isOpen","placement","dismiss","options","poperStyle","onClick"]),E=e.useState(),x=E[0],y=E[1],C=e.useState(),k=C[0],M=C[1],R=r.usePopper(x,k,c({placement:g},h)),B=R.styles,D=R.attributes,P=e.useState(p),S=P[0],T=P[1],L=e.useState(!1),I=L[0],O=L[1],z=e.useState(!1),j=z[0],F=z[1],q=e.useState(!1),W=q[0],U=q[1],G=s.default("popover fade",j&&"show","bs-popover-"+("left"===g?"start":"right"===g?"end":g),a),H=e.useCallback((function(e){W&&k&&null!==k&&S&&x&&null!==x&&(x.contains(e.target)||T(!1))}),[W,S,k,x]);return e.useMemo((function(){var e;return S?(O(!0),setTimeout((function(){F(!0)}),150)):(e=setTimeout((function(){O(!1)}),150),F(!1)),function(){clearTimeout(e)}}),[S]),e.useEffect((function(){return S&&document.addEventListener("mousedown",H),function(){document.removeEventListener("mousedown",H)}}),[H,S]),o.default.createElement(o.default.Fragment,null,o.default.createElement(f,c({onClick:function(e){v?(U(!0),T(!0)):T(!S),N&&N(e)},className:l},w,{ref:y}),n),I&&d.default.createPortal(o.default.createElement(m,c({className:G,ref:M,style:c(c({},B.popper),b)},D.popper,{"data-testid":"popoverTestID"}),u),document.body))};se.defaultProps={tag:p,popperTag:"div",placement:"top"};var de=function(e){var t=e.className,a=e.children,r=e.tag,l=i(e,["className","children","tag"]),n=s.default("popover-body",t);return o.default.createElement(r,c({className:n},l),a)};de.defaultProps={tag:"div"};var ce=function(e){var t=e.className,a=e.children,r=e.tag,l=i(e,["className","children","tag"]),n=s.default("popover-header",t);return o.default.createElement(r,c({className:n},l),a)};ce.defaultProps={tag:"h3"};var ie=function(t){var a=t.animationDirection,r=t.backdrop,l=t.children,n=t.className,d=t.closeOnEsc,u=t.getOpenState,f=t.modalRef,m=t.show,p=t.staticBackdrop,g=t.tag,v=i(t,["animationDirection","backdrop","children","className","closeOnEsc","getOpenState","modalRef","show","staticBackdrop","tag"]),h=e.useState(m),b=h[0],N=h[1],w=e.useState(m),E=w[0],x=w[1],y=e.useState(!1),C=y[0],k=y[1],M=s.default("modal","fade",a,E&&m&&"show",C&&"modal-static",n),R=e.useRef(null),B=window.innerWidth>document.documentElement.clientWidth&&window.innerWidth>=576,D=e.useState(!1),P=D[0],S=D[1],T=f||R,L=e.useCallback((function(e){p||e.target!==T.current?p&&(k(!0),setTimeout((function(){k(!1)}),300)):(N(!1),r&&((m||b)&&document.body.classList.toggle("modal-open"),B&&(S(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),u&&u(!1))}),[T,u,r]),I=e.useCallback((function(e){p||"Escape"!==e.key?p&&(k(!0),setTimeout((function(){k(!1)}),300)):(N(!1),r&&((m||b)&&document.body.classList.toggle("modal-open"),B&&(S(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),u&&u(!1))}),[u,d]);return e.useEffect((function(){N(m),r&&((m||b)&&document.body.classList.toggle("modal-open"),B&&(S(!0),document.body.classList.contains("modal-open")?document.body.style.paddingRight="17px":document.body.style.paddingRight="")),u&&u(m)}),[m,u]),e.useEffect((function(){return b&&(document.addEventListener("click",L),document.addEventListener("keydown",I)),function(){document.removeEventListener("click",L),document.removeEventListener("keydown",I)}}),[L,I,b]),e.useEffect((function(){var e,t;return b?(x(!0),e=setTimeout((function(){N(!0)}),4)):(N(!1),t=setTimeout((function(){x(!1)}),300)),function(){clearTimeout(e),clearTimeout(t)}}),[b]),o.default.createElement(o.default.Fragment,null,o.default.createElement(g,c({style:{display:m||E?"block":"none",paddingRight:m&&P?"17px":""},className:M,ref:T},v),l),r&&E&&o.default.createElement("div",{className:"modal-backdrop fade show"}))};ie.defaultProps={tag:"div",backdrop:!0,closeOnEsc:!0,staticBackdrop:!1,show:!1};var ue=o.default.forwardRef((function(e,t){var a=e.className,r=e.centered,l=e.children,n=e.size,d=e.tag,u=i(e,["className","centered","children","size","tag"]),f=s.default("modal-dialog",r&&"modal-dialog-centered",n&&"modal-"+n,a);return o.default.createElement(d,c({className:f},u,{ref:t}),l)}));ue.defaultProps={tag:"div"};var fe=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-content",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));fe.defaultProps={tag:"div"};var me=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-header",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));me.defaultProps={tag:"div"};var pe=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-title",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));pe.defaultProps={tag:"h5"};var ge=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-body",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));ge.defaultProps={tag:"div"};var ve=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.tag,n=i(e,["className","children","tag"]),d=s.default("modal-footer",a);return o.default.createElement(l,c({className:d},n,{ref:t}),r)}));ve.defaultProps={tag:"div"};var he=o.default.forwardRef((function(t,a){var r=t.className,l=t.offset,n=t.onElement,s=t.setActive,d=t.targets,u=t.tag,f=t.children,m=i(t,["className","offset","onElement","setActive","targets","tag","children"]),p=e.useCallback((function(e){if(d&&l){var t;t=n?e.target.scrollTop:window.pageYOffset;var a=d.length-1;t<d[0].offsetTop&&s(0),d.forEach((function(e,a){var r=d[a+1];t>e.offsetTop-l&&t<(null==r?void 0:r.offsetTop)-l&&s(a+1)})),t>d[a].offsetTop-l&&s(a+1)}}),[d,l,n,s]);return e.useEffect((function(){if(!n)return window.addEventListener("scroll",p),function(){window.removeEventListener("scroll",p)}}),[d,n,p]),o.default.createElement(u,c({className:r,ref:a},m,{onScroll:n?p:null}),f)}));he.defaultProps={tag:"div",onElement:!1,offset:10};var be=o.default.forwardRef((function(e,t){var a=e.className,r=e.customSelect,l=e.tag,n=e.children,d=i(e,["className","customSelect","tag","children"]),u=s.default("scrollspy-section"+r,a);return o.default.createElement(l,c({className:u,ref:t},d),n)}));be.defaultProps={tag:"section",customSelect:""};var Ne=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default("nav-item",a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));Ne.defaultProps={tag:"li"};var we=o.default.forwardRef((function(e,t){var a=e.className,r=e.scrollElement,l=e.active,n=e.tag,d=e.children,u=i(e,["className","scrollElement","active","tag","children"]),f=s.default("nav-link",a,l&&"active");return o.default.createElement(n,c({className:f,ref:t},u,{onClick:function(){r.scrollIntoView({behavior:"smooth"})},style:{cursor:"pointer"}}),d)}));we.defaultProps={tag:"a"};var Ee=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default("nav",a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));Ee.defaultProps={tag:"ul"};var xe=o.default.forwardRef((function(e,t){var a=i(e,[]);return o.default.createElement(J,c({toggleSwitch:!0,type:"checkbox",ref:t},a))})),ye=o.default.forwardRef((function(t,a){var r=t.className,l=t.tag,n=t.labelId,d=t.max,u=t.min,f=t.onChange,m=t.onMouseDown,p=t.onMouseUp,g=t.onTouchStart,v=t.onTouchEnd,h=t.labelClass,b=t.value,N=t.label,w=t.id,E=i(t,["className","tag","labelId","max","min","onChange","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","labelClass","value","label","id"]),x=e.useState(!1),y=x[0],C=x[1],k=e.useState(b||0),M=k[0],R=k[1],B=e.useState(100*(b||0-Number(u))/(Number(d)-Number(u))),D=B[0],P=B[1],S=s.default("form-range",r),T=s.default("form-label",h),L=s.default("thumb",y&&"thumb-active");return o.default.createElement(o.default.Fragment,null,N&&o.default.createElement("label",{className:T,id:n,htmlFor:w},N),o.default.createElement("div",{className:"range"},o.default.createElement(l,c({onMouseDown:function(e){C(!0),m&&m(e)},onMouseUp:function(e){C(!1),p&&p(e)},onTouchStart:function(e){C(!0),g&&g(e)},onTouchEnd:function(e){C(!1),v&&v(e)},onChange:function(e){R(e.target.value),P(100*(e.target.value-Number(u))/(Number(d)-Number(u))),f&&f(e)},className:S,value:b,type:"range",id:w,ref:a,min:u,max:d},E)),o.default.createElement("span",{className:L,style:{left:"calc("+D+"% + ("+(8-.15*D)+"px))"}},o.default.createElement("span",{className:"thumb-value"},M))))}));ye.defaultProps={tag:"input",min:"0",max:"100"};var Ce=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.noWrap,n=e.tag,d=e.size,u=i(e,["className","children","noWrap","tag","size"]),f=s.default("input-group",l&&"flex-nowrap",d&&"input-group-"+d,a);return o.default.createElement(n,c({className:f,ref:t},u),r)}));Ce.defaultProps={tag:"div",noWrap:!1};var ke=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.noBorder,n=e.tag,d=i(e,["className","children","noBorder","tag"]),u=s.default("input-group-text",l&&"border-0",a);return o.default.createElement(n,c({className:u,ref:t},d),r)}));ke.defaultProps={tag:"span",noBorder:!1};var Me=function(t){var a=i(t,[]),r=e.useState(!1),l=r[0],n=r[1],d=s.default("ripple-wave",l&&"active");return e.useEffect((function(){var e=setTimeout((function(){n(!0)}),50);return function(){clearTimeout(e)}}),[]),o.default.createElement("div",c({className:d},a))},Re=o.default.forwardRef((function(t,a){var r=t.className,l=t.rippleTag,n=t.rippleCentered,d=t.rippleDuration,u=t.rippleUnbound,f=t.rippleRadius,m=t.rippleColor,p=t.children,g=t.onClick,v=i(t,["className","rippleTag","rippleCentered","rippleDuration","rippleUnbound","rippleRadius","rippleColor","children","onClick"]),h=[0,0,0],b=["primary","secondary","success","danger","warning","info","light","dark"],N=e.useState([]),w=N[0],E=N[1],x=e.useState(!1),y=x[0],C=x[1],k=s.default("ripple","ripple-surface",u&&"ripple-surface-unbound",y&&"ripple-surface-"+m,r),M=function(){if(b.find((function(e){return e===(null==m?void 0:m.toLowerCase())})))return C(!0);var e=R(m).join(",");return"radial-gradient(circle, "+"rgba({{color}}, 0.2) 0, rgba({{color}}, 0.3) 40%, rgba({{color}}, 0.4) 50%, rgba({{color}}, 0.5) 60%, rgba({{color}}, 0) 70%".split("{{color}}").join(""+e)+")"},R=function(e){return"transparent"===e.toLowerCase()?h:"#"===e[0]?function(e){return e.length<7&&(e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]),[parseInt(e.substr(1,2),16),parseInt(e.substr(3,2),16),parseInt(e.substr(5,2),16)]}(e):(-1===e.indexOf("rgb")&&(e=function(e){var t=document.body.appendChild(document.createElement("fictum")),a="rgb(1, 2, 3)";return t.style.color=a,t.style.color!==a?h:(t.style.color=e,t.style.color===a||""===t.style.color?h:(e=getComputedStyle(t).color,document.body.removeChild(t),e))}(e)),0===e.indexOf("rgb")?function(e){return(e=e.match(/[.\d]+/g).map((function(e){return+Number(e)}))).length=3,e}(e):h)},B=function(e){var t=e.target.getBoundingClientRect(),a=e.clientX-t.left,r=e.clientY-t.top,l=t.height,o=t.width,s=d&&.5*d,i=d&&d-.5*d,u=function(e){var t=e.offsetX,a=e.offsetY,r=e.height,l=e.width,n=a<=r/2,o=t<=l/2,s=function(e,t){return Math.sqrt(Math.pow(e,2)+Math.pow(t,2))},d=a===r/2&&t===l/2,c=!0===n&&!1===o,i=!0===n&&!0===o,u=!1===n&&!0===o,f=!1===n&&!1===o,m={topLeft:s(t,a),topRight:s(l-t,a),bottomLeft:s(t,r-a),bottomRight:s(l-t,r-a)},p=0;return d||f?p=m.topLeft:u?p=m.topRight:i?p=m.bottomRight:c&&(p=m.bottomLeft),2*p}({offsetX:n?l/2:a,offsetY:n?o/2:r,height:l,width:o}),m=f||u/2,p={left:n?o/2-m+"px":a-m+"px",top:n?l/2-m+"px":r-m+"px",height:f?2*f+"px":u+"px",width:f?2*f+"px":u+"px",transitionDelay:"0s, "+s+"ms",transitionDuration:d+"ms, "+i+"ms"};return y?p:c(c({},p),{backgroundImage:""+M()})};return e.useEffect((function(){var e=setTimeout((function(){w.length>0&&E(w.splice(1,w.length-1))}),d);return function(){clearTimeout(e)}}),[d,w]),o.default.createElement(l,c({className:k,onClick:function(e){return function(e){var t=B(e),a=w.concat(t);E(a),g&&g(e)}(e)},ref:a},v),p,w.map((function(e,t){return o.default.createElement(Me,{key:t,style:e})})))}));Re.defaultProps={rippleTag:p,rippleDuration:500,rippleRadius:0,rippleColor:"dark"};var Be=o.default.forwardRef((function(e,t){var a=e.className,r=e.fill,l=e.pills,n=e.justify,d=e.children,u=i(e,["className","fill","pills","justify","children"]),f=s.default("nav",l?"nav-pills":"nav-tabs",r&&"nav-fill",n&&"nav-justified",a);return o.default.createElement("ul",c({className:f,ref:t},u),d)})),De=o.default.forwardRef((function(e,t){var a=e.className,r=e.children,l=e.style,n=i(e,["className","children","style"]),d=s.default("nav-item",a);return o.default.createElement("li",c({className:d,style:c({cursor:"pointer"},l),role:"presentation",ref:t},n),r)})),Pe=o.default.forwardRef((function(e,t){var a=e.className,r=e.color,l=e.active,n=e.children,d=i(e,["className","color","active","children"]),u=s.default("nav-link",l&&"active",r&&"bg-"+r,a);return o.default.createElement("a",c({className:u,ref:t},d),n)})),Se=o.default.forwardRef((function(e,t){var a=e.className,r=e.tag,l=e.children,n=i(e,["className","tag","children"]),d=s.default("tab-content",a);return o.default.createElement(r,c({className:d,ref:t},n),l)}));Se.defaultProps={tag:"div"};var Te=o.default.forwardRef((function(t,a){var r=t.className,l=t.tag,n=t.show,d=t.children,u=i(t,["className","tag","show","children"]),f=e.useState(!1),m=f[0],p=f[1],g=s.default("tab-pane","fade",m&&"show",n&&"active",r);return e.useEffect((function(){var e;return n?e=setTimeout((function(){p(!0)}),100):p(!1),function(){clearTimeout(e)}}),[n]),o.default.createElement(l,c({className:g,role:"tabpanel",ref:a},u),d)}));Te.defaultProps={tag:"div"},exports.MDBBadge=m,exports.MDBBreadcrumb=S,exports.MDBBreadcrumbItem=T,exports.MDBBtn=p,exports.MDBBtnGroup=g,exports.MDBCard=h,exports.MDBCardBody=x,exports.MDBCardFooter=y,exports.MDBCardGroup=k,exports.MDBCardHeader=b,exports.MDBCardImage=function(e){var t=e.className,a=e.children,r=e.overlay,l=e.position,n=e.fluid,d=i(e,["className","children","overlay","position","fluid"]),u=s.default(l&&"card-img-"+l,n&&"img-fluid",r&&"card-img",t);return o.default.createElement("img",c({className:u},d),a)},exports.MDBCardLink=function(e){var t=e.className,a=e.children,r=i(e,["className","children"]),l=s.default("card-link",t);return o.default.createElement("a",c({className:l},r),a)},exports.MDBCardOverlay=C,exports.MDBCardSubTitle=N,exports.MDBCardText=E,exports.MDBCardTitle=w,exports.MDBCheckbox=J,exports.MDBCol=f,exports.MDBCollapse=Q,exports.MDBContainer=u,exports.MDBDropdown=$,exports.MDBDropdownDivider=ne,exports.MDBDropdownHeader=oe,exports.MDBDropdownItem=te,exports.MDBDropdownLink=le,exports.MDBDropdownMenu=ae,exports.MDBDropdownToggle=re,exports.MDBFile=function(t){var a=t.className,r=t.labelId,l=t.labelClass,n=t.labelRef,d=t.inputRef,u=t.size,f=t.label,m=t.id,p=i(t,["className","labelId","labelClass","labelRef","inputRef","size","label","id"]),g=s.default("form-control","form-control-"+u,a),v=s.default("form-label",l),h=e.useRef(null),b=e.useRef(null),N=n||h,w=d||b;return o.default.createElement(o.default.Fragment,null,f&&o.default.createElement("label",{className:v,id:r,ref:N,htmlFor:m},f),o.default.createElement("input",c({className:g,type:"file",id:m,ref:w},p)))},exports.MDBFooter=q,exports.MDBIcon=function(e){var t,a=e.className,r=e.icon,l=e.fab,n=e.fas,d=e.fal,u=e.far,f=e.flag,m=e.spin,p=e.fixed,g=e.flip,v=e.list,h=e.size,b=e.pull,N=e.pulse,w=e.color,E=e.border,x=e.rotate,y=e.inverse,C=e.stack,k=e.children,M=i(e,["className","icon","fab","fas","fal","far","flag","spin","fixed","flip","list","size","pull","pulse","color","border","rotate","inverse","stack","children"]);t=f?"flag":l?"fab":n?"fas":u?"far":d?"fal":"fa";var R=s.default(t,f?"flag-"+f:r&&"fa-"+r,h&&"fa-"+h,w&&"text-"+w,E&&"fa-border",x&&"fa-rotate-"+x,b&&"fa-pull-"+b,m&&"fa-spin",v&&"fa-li",p&&"fa-fw",N&&"fa-pulse",y&&"fa-inverse",g&&"fa-flip-"+g,C&&"fa-stack-"+C,a);return o.default.createElement("i",c({className:R},M),k)},exports.MDBInput=_,exports.MDBInputGroup=Ce,exports.MDBInputGroupElement=function(t){var a=t.className,r=t.textarea,l=t.inputRef,n=i(t,["className","textarea","inputRef"]),d=s.default("form-control",a),u=e.useRef(null),f=l||u;return o.default.createElement(o.default.Fragment,null,r?o.default.createElement("textarea",c({className:d,ref:f},n)):o.default.createElement("input",c({className:d,ref:f},n)))},exports.MDBInputGroupText=ke,exports.MDBListGroup=M,exports.MDBListGroupItem=R,exports.MDBModal=ie,exports.MDBModalBody=ge,exports.MDBModalContent=fe,exports.MDBModalDialog=ue,exports.MDBModalFooter=ve,exports.MDBModalHeader=me,exports.MDBModalTitle=pe,exports.MDBNavbar=L,exports.MDBNavbarBrand=O,exports.MDBNavbarItem=z,exports.MDBNavbarLink=I,exports.MDBNavbarNav=j,exports.MDBNavbarToggler=F,exports.MDBPagination=W,exports.MDBPaginationItem=G,exports.MDBPaginationLink=U,exports.MDBPopover=se,exports.MDBPopoverBody=de,exports.MDBPopoverHeader=ce,exports.MDBProgress=X,exports.MDBProgressBar=Y,exports.MDBRadio=K,exports.MDBRange=ye,exports.MDBRipple=Re,exports.MDBRow=D,exports.MDBScrollspy=he,exports.MDBScrollspyNavItem=Ne,exports.MDBScrollspyNavLink=we,exports.MDBScrollspyNavList=Ee,exports.MDBScrollspySection=be,exports.MDBSpinner=v,exports.MDBSwitch=xe,exports.MDBTable=H,exports.MDBTableBody=V,exports.MDBTableHead=A,exports.MDBTabs=Be,exports.MDBTabsContent=Se,exports.MDBTabsItem=De,exports.MDBTabsLink=Pe,exports.MDBTabsPane=Te,exports.MDBTooltip=B,exports.MDBTypography=P,exports.MDBValidation=function(t){var a=t.className,r=t.children,l=t.formRef,n=t.isValidated,d=t.onSubmit,u=i(t,["className","children","formRef","isValidated","onSubmit"]),f=e.useRef(null),m=l||f,p=e.useState(n),g=p[0],v=p[1],h=s.default("needs-validation",g&&"was-validated",a);return o.default.createElement("form",c({className:h,onSubmit:function(e){e.preventDefault(),v(!0),d&&d(e)},ref:m},u),r)};
diff --git a/package.json b/package.json
index a454c93b..a77e8d14 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mdb-react-ui-kit",
-  "version": "1.0.0-alpha4",
+  "version": "1.0.0-beta1",
   "main": "./dist/mdb-react-ui-kit.js",
   "module": "./dist/mdb-react-ui-kit.esm.js",
   "types": "./dist/index.d.ts",