diff --git a/.eslintrc.js b/.eslintrc.js
index 2e99e4580..ed13419ab 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,32 +1,22 @@
 module.exports = {
   extends: [
-    'plugin:react/recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
+    'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
     'plugin:prettier/recommended',
-    'prettier/prettier',
+    'plugin:react-hooks/recommended',
     'plugin:storybook/recommended',
   ],
-  root: true,
+  ignorePatterns: ['.eslintrc.js', 'config-overrides.js', 'lint-staged.js', 'postcss.config.js', 'tailwind.config.js'],
   parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint/eslint-plugin'],
-  ignorePatterns: ['/node_modules/**', '/build/**'],
-  rules: {
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/no-inferrable-types': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/ban-ts-ignore': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    'react/react-in-jsx-scope': 'off',
-    'prettier/prettier': ['error'],
-    'react/display-name': 'off',
-    'react/prop-types': 'off',
-  },
-  settings: {
-    react: {
-      version: 'detect',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
     },
+    project: ['tsconfig.json', 'tsconfig.lib.json', 'cypress/tsconfig.json'],
+  },
+  plugins: ['@typescript-eslint', 'prettier', 'react-hooks', 'storybook'],
+  root: true,
+  rules: {
+    '@typescript-eslint/consistent-type-imports': 'warn',
   },
 };
diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json
index 5dc3c01f2..136a93b13 100644
--- a/cypress/tsconfig.json
+++ b/cypress/tsconfig.json
@@ -1,4 +1,5 @@
 {
+  "extends": "../tsconfig.json",
   "compilerOptions": {
     "types": ["cypress", "cypress-axe", "node"]
   },
diff --git a/package.json b/package.json
index 2bdeb7903..92a601b7c 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
     "eject": "react-app-rewired eject",
-    "lint": "eslint --color",
+    "lint": "eslint --color --ignore-path .gitignore .",
     "lint:staged": "lint-staged --config lint-staged.js",
     "prettier": "prettier --check {src,test,.storybook}/**/*.{js,jsx,ts,tsx,json,css,scss}",
     "prettier:fix": "prettier --write {src,test,.storybook}/**/*.{js,jsx,ts,tsx,json,css,scss}",
@@ -81,19 +81,19 @@
     "@types/react": "^18.0.5",
     "@types/react-dom": "^18.0.1",
     "@types/react-syntax-highlighter": "^13.5.2",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
-    "@typescript-eslint/parser": "^5.10.1",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
     "autoprefixer": "^10.4.4",
     "axe-core": "^4.4.1",
     "babel-loader": "^8.2.4",
     "cypress": "^9.6.0",
     "cypress-axe": "^0.14.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "^0.5.8",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-storybook": "^0.5.12",
     "flowbite": "^1.4.2",
     "husky": "^7.0.4",
     "lint-staged": "^12.3.8",
diff --git a/src/docs/Root.tsx b/src/docs/Root.tsx
index 9a862856b..a9470ecf4 100644
--- a/src/docs/Root.tsx
+++ b/src/docs/Root.tsx
@@ -1,4 +1,5 @@
-import { FC, Suspense, useRef, useState } from 'react';
+import type { FC } from 'react';
+import { Suspense, useRef, useState } from 'react';
 import { BsGithub } from 'react-icons/bs';
 import { HiMenuAlt1 } from 'react-icons/hi';
 import { SiStorybook } from 'react-icons/si';
diff --git a/src/docs/pages/AccordionPage.tsx b/src/docs/pages/AccordionPage.tsx
index f39323a95..4aff808e0 100644
--- a/src/docs/pages/AccordionPage.tsx
+++ b/src/docs/pages/AccordionPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiOutlineArrowCircleDown } from 'react-icons/hi';
 
 import { Accordion } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const AccordionPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/AlertsPage.tsx b/src/docs/pages/AlertsPage.tsx
index 5de76b1a5..32b724586 100644
--- a/src/docs/pages/AlertsPage.tsx
+++ b/src/docs/pages/AlertsPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiEye, HiInformationCircle } from 'react-icons/hi';
 
 import { Alert } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const AlertsPage: FC = () => {
   const alertText = (
diff --git a/src/docs/pages/AvatarPage.tsx b/src/docs/pages/AvatarPage.tsx
index 09d45a23d..1059597e6 100644
--- a/src/docs/pages/AvatarPage.tsx
+++ b/src/docs/pages/AvatarPage.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { Avatar, Dropdown } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const AvatarPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/BadgesPage.tsx b/src/docs/pages/BadgesPage.tsx
index e0977e345..1e2099ca7 100644
--- a/src/docs/pages/BadgesPage.tsx
+++ b/src/docs/pages/BadgesPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiCheck, HiClock } from 'react-icons/hi';
 
 import { Badge } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const BadgesPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/BreadcrumbPage.tsx b/src/docs/pages/BreadcrumbPage.tsx
index 37a85da12..4640af2ae 100644
--- a/src/docs/pages/BreadcrumbPage.tsx
+++ b/src/docs/pages/BreadcrumbPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiHome } from 'react-icons/hi';
 import { Breadcrumb } from '../../lib';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const BreadcrumbPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/ButtonGroupPage.tsx b/src/docs/pages/ButtonGroupPage.tsx
index 2346a9664..ce54cc755 100644
--- a/src/docs/pages/ButtonGroupPage.tsx
+++ b/src/docs/pages/ButtonGroupPage.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiAdjustments, HiCloudDownload, HiUserCircle } from 'react-icons/hi';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Button } from '../../lib';
 
 const ButtonGroupPage: FC = () => {
diff --git a/src/docs/pages/ButtonsPage.tsx b/src/docs/pages/ButtonsPage.tsx
index 7545586c0..b70895f2f 100644
--- a/src/docs/pages/ButtonsPage.tsx
+++ b/src/docs/pages/ButtonsPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiOutlineArrowRight, HiShoppingCart } from 'react-icons/hi';
 
 import { Button, Spinner } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const ButtonsPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/CardPage.tsx b/src/docs/pages/CardPage.tsx
index 6b7148a3e..27dd22771 100644
--- a/src/docs/pages/CardPage.tsx
+++ b/src/docs/pages/CardPage.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { Card } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const CardPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/CarouselPage.tsx b/src/docs/pages/CarouselPage.tsx
index 8e864b670..5163b0e65 100644
--- a/src/docs/pages/CarouselPage.tsx
+++ b/src/docs/pages/CarouselPage.tsx
@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Carousel } from '../../lib';
 
 const CarouselPage: FC = () => {
diff --git a/src/docs/pages/DashboardPage.tsx b/src/docs/pages/DashboardPage.tsx
index 89c113da8..5825f9857 100644
--- a/src/docs/pages/DashboardPage.tsx
+++ b/src/docs/pages/DashboardPage.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiExternalLink } from 'react-icons/hi';
 import { Link } from 'react-router-dom';
 import classNames from 'classnames';
diff --git a/src/docs/pages/DemoPage.tsx b/src/docs/pages/DemoPage.tsx
index d133b3d78..c2a74ef65 100644
--- a/src/docs/pages/DemoPage.tsx
+++ b/src/docs/pages/DemoPage.tsx
@@ -1,5 +1,6 @@
-import { FC, ReactNode } from 'react';
-import reactElementToJSXString, { Options } from 'react-element-to-jsx-string';
+import type { FC, ReactNode } from 'react';
+import type { Options } from 'react-element-to-jsx-string';
+import reactElementToJSXString from 'react-element-to-jsx-string';
 import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';
@@ -22,8 +23,6 @@ export type DemoPageProps = {
 };
 
 export const DemoPage: FC<DemoPageProps> = ({ examples }) => {
-  const SyntaxHighlighterFix = SyntaxHighlighter as any;
-
   return (
     <div className="mx-auto flex max-w-4xl flex-col gap-8 dark:text-white">
       {examples.map(({ title, content, code, showCode = true, codeClassName, codeStringifierOptions }, index) => (
@@ -33,7 +32,7 @@ export const DemoPage: FC<DemoPageProps> = ({ examples }) => {
           <div className={codeClassName}>
             <Card>
               {showCode && code}
-              <SyntaxHighlighterFix language="tsx" style={dracula}>
+              <SyntaxHighlighter language="tsx" style={dracula}>
                 {reactElementToJSXString(code, {
                   showFunctions: true,
                   functionValue: (fn) => fn.name,
@@ -42,7 +41,7 @@ export const DemoPage: FC<DemoPageProps> = ({ examples }) => {
                   useFragmentShortSyntax: false,
                   ...codeStringifierOptions,
                 })}
-              </SyntaxHighlighterFix>
+              </SyntaxHighlighter>
             </Card>
           </div>
         </div>
diff --git a/src/docs/pages/DropdownPage.tsx b/src/docs/pages/DropdownPage.tsx
index 5e06084e7..0627e4d70 100644
--- a/src/docs/pages/DropdownPage.tsx
+++ b/src/docs/pages/DropdownPage.tsx
@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Dropdown } from '../../lib';
 
 const DropdownPage: FC = () => {
diff --git a/src/docs/pages/FooterPage.tsx b/src/docs/pages/FooterPage.tsx
index d0ff9f5bd..66db24b00 100644
--- a/src/docs/pages/FooterPage.tsx
+++ b/src/docs/pages/FooterPage.tsx
@@ -1,5 +1,6 @@
-import { FC } from 'react';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { FC } from 'react';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Footer } from '../../lib/components/Footer';
 import { BsDribbble, BsFacebook, BsGithub, BsInstagram, BsTwitter } from 'react-icons/bs';
 
diff --git a/src/docs/pages/FormsPage.tsx b/src/docs/pages/FormsPage.tsx
index 143d1147f..700f679b2 100644
--- a/src/docs/pages/FormsPage.tsx
+++ b/src/docs/pages/FormsPage.tsx
@@ -1,7 +1,9 @@
-import { FC, useState } from 'react';
+import type { FC } from 'react';
+import { useState } from 'react';
 import { HiMail } from 'react-icons/hi';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Button, Checkbox, FileInput, Label, Radio, Select, Textarea, TextInput, ToggleSwitch } from '../../lib';
 
 const FormsPage: FC = () => {
diff --git a/src/docs/pages/ListGroupPage.tsx b/src/docs/pages/ListGroupPage.tsx
index b72cb5eef..2d63d4caa 100644
--- a/src/docs/pages/ListGroupPage.tsx
+++ b/src/docs/pages/ListGroupPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiCloudDownload, HiInbox, HiOutlineAdjustments, HiUserCircle } from 'react-icons/hi';
 
 import { ListGroup } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const ListGroupPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/ModalPage.tsx b/src/docs/pages/ModalPage.tsx
index 6e5091738..a0a56b1e1 100644
--- a/src/docs/pages/ModalPage.tsx
+++ b/src/docs/pages/ModalPage.tsx
@@ -1,7 +1,10 @@
-import { FC, useState } from 'react';
+import type { FC } from 'react';
+import { useState } from 'react';
 import { HiOutlineExclamationCircle } from 'react-icons/hi';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
+import type { ModalSize, ModalPlacement } from '../../lib';
 import { Button, Checkbox, Label, Modal, Select, TextInput } from '../../lib';
 
 const ModalPage: FC = () => {
@@ -129,7 +132,7 @@ const ModalPage: FC = () => {
             </Select>
             <Button onClick={() => setOpenModal('size')}>Toggle modal</Button>
           </div>
-          <Modal show={openModal === 'size'} size={modalSize as any} onClose={() => setOpenModal(undefined)}>
+          <Modal show={openModal === 'size'} size={modalSize as ModalSize} onClose={() => setOpenModal(undefined)}>
             <Modal.Header>Small modal</Modal.Header>
             <Modal.Body className="space-y-6 p-6">
               <p className="text-base leading-relaxed text-gray-500 dark:text-gray-400">
@@ -172,7 +175,7 @@ const ModalPage: FC = () => {
           </div>
           <Modal
             show={openModal === 'placement'}
-            placement={modalPlacement as any}
+            placement={modalPlacement as ModalPlacement}
             onClose={() => setOpenModal(undefined)}
           >
             <Modal.Header>Small modal</Modal.Header>
diff --git a/src/docs/pages/NavbarPage.tsx b/src/docs/pages/NavbarPage.tsx
index 51c53d883..3bf7d9ad2 100644
--- a/src/docs/pages/NavbarPage.tsx
+++ b/src/docs/pages/NavbarPage.tsx
@@ -1,5 +1,6 @@
-import { FC } from 'react';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { FC } from 'react';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Avatar, Button, Dropdown, Navbar } from '../../lib';
 
 const NavbarPage: FC = () => {
diff --git a/src/docs/pages/PaginationPage.tsx b/src/docs/pages/PaginationPage.tsx
index bdf1469dd..9dd497419 100644
--- a/src/docs/pages/PaginationPage.tsx
+++ b/src/docs/pages/PaginationPage.tsx
@@ -1,7 +1,9 @@
-import { FC, useState } from 'react';
+import type { FC } from 'react';
+import { useState } from 'react';
 import { Pagination } from '../../lib/components/Pagination';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const PaginationPage: FC = (): JSX.Element => {
   const [currentPage, setCurrentPage] = useState(1);
diff --git a/src/docs/pages/ProgressPage.tsx b/src/docs/pages/ProgressPage.tsx
index b85874eb8..174d1a2ad 100644
--- a/src/docs/pages/ProgressPage.tsx
+++ b/src/docs/pages/ProgressPage.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { Progress } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const ProgressPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/RatingPage.tsx b/src/docs/pages/RatingPage.tsx
index 177c7636c..ac25020c8 100644
--- a/src/docs/pages/RatingPage.tsx
+++ b/src/docs/pages/RatingPage.tsx
@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { Rating } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const RatingPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/SidebarPage.tsx b/src/docs/pages/SidebarPage.tsx
index 4050ec48e..d817c9377 100644
--- a/src/docs/pages/SidebarPage.tsx
+++ b/src/docs/pages/SidebarPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { BiBuoy } from 'react-icons/bi';
 import { HiArrowSmRight, HiChartPie, HiInbox, HiShoppingBag, HiTable, HiUser, HiViewBoards } from 'react-icons/hi';
 import { Sidebar, Badge, Button } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const SidebarPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/SpinnersPage.tsx b/src/docs/pages/SpinnersPage.tsx
index e50034f17..7b40476bc 100644
--- a/src/docs/pages/SpinnersPage.tsx
+++ b/src/docs/pages/SpinnersPage.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { Button, Spinner } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const SpinnersPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/pages/TablePage.tsx b/src/docs/pages/TablePage.tsx
index 4c227da5e..9e4c0ce69 100644
--- a/src/docs/pages/TablePage.tsx
+++ b/src/docs/pages/TablePage.tsx
@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Checkbox, Table } from '../../lib';
 
 const TablePage: FC = () => {
diff --git a/src/docs/pages/TabsPage.tsx b/src/docs/pages/TabsPage.tsx
index 2ad297ada..c889f75d6 100644
--- a/src/docs/pages/TabsPage.tsx
+++ b/src/docs/pages/TabsPage.tsx
@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiAdjustments, HiClipboardList, HiUserCircle } from 'react-icons/hi';
 import { MdDashboard } from 'react-icons/md';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Tabs } from '../../lib';
 
 const TabsPage: FC = () => {
diff --git a/src/docs/pages/ThemePage.tsx b/src/docs/pages/ThemePage.tsx
index 514f470eb..39891b3fd 100644
--- a/src/docs/pages/ThemePage.tsx
+++ b/src/docs/pages/ThemePage.tsx
@@ -1,11 +1,11 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import reactElementToJSXString from 'react-element-to-jsx-string';
 import { HiInformationCircle } from 'react-icons/hi';
 import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import { Alert, Card, DarkThemeToggle } from '../../lib';
 import { Flowbite } from '../../lib/components';
-import { CustomFlowbiteTheme } from '../../lib/components/Flowbite/FlowbiteTheme';
+import type { CustomFlowbiteTheme } from '../../lib/components/Flowbite/FlowbiteTheme';
 
 const ThemePage: FC = () => {
   const theme: CustomFlowbiteTheme = { alert: { color: { primary: 'bg-primary' } } };
diff --git a/src/docs/pages/TimelinePage.tsx b/src/docs/pages/TimelinePage.tsx
index c5376b576..e525a5034 100644
--- a/src/docs/pages/TimelinePage.tsx
+++ b/src/docs/pages/TimelinePage.tsx
@@ -1,5 +1,6 @@
-import { FC } from 'react';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { FC } from 'react';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Timeline, Button } from '../../lib';
 import { HiArrowNarrowRight, HiCalendar } from 'react-icons/hi';
 
diff --git a/src/docs/pages/ToastPage.tsx b/src/docs/pages/ToastPage.tsx
index 0ba1df420..1c5cc0be1 100644
--- a/src/docs/pages/ToastPage.tsx
+++ b/src/docs/pages/ToastPage.tsx
@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { HiFire, HiCheck, HiExclamation, HiX } from 'react-icons/hi';
 import { FaTelegramPlane } from 'react-icons/fa';
 import { MdLoop } from 'react-icons/md';
 
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 import { Button, Toast } from '../../lib';
 
 const ToastPage: FC = () => {
diff --git a/src/docs/pages/TooltipsPage.tsx b/src/docs/pages/TooltipsPage.tsx
index c54c578cd..4049b14f9 100644
--- a/src/docs/pages/TooltipsPage.tsx
+++ b/src/docs/pages/TooltipsPage.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { Button, Tooltip } from '../../lib';
-import { CodeExample, DemoPage } from './DemoPage';
+import type { CodeExample } from './DemoPage';
+import { DemoPage } from './DemoPage';
 
 const TooltipsPage: FC = () => {
   const examples: CodeExample[] = [
diff --git a/src/docs/routes.tsx b/src/docs/routes.tsx
index 9c6172f03..249c4f9d5 100644
--- a/src/docs/routes.tsx
+++ b/src/docs/routes.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentProps, FC, ReactNode } from 'react';
 
 import { BiNotification } from 'react-icons/bi';
 import { BsCreditCard2FrontFill, BsImages } from 'react-icons/bs';
diff --git a/src/index.tsx b/src/index.tsx
index bae5c6206..bd71e0ec6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,12 +6,16 @@ import { Flowbite } from './lib/components';
 import './index.css';
 import 'flowbite';
 
-const container = document.getElementById('root')!;
-const root = createRoot(container);
-root.render(
-  <Flowbite>
-    <BrowserRouter>
-      <Root />
-    </BrowserRouter>
-  </Flowbite>,
-);
+const container = document.getElementById('root');
+
+if (container) {
+  const root = createRoot(container);
+
+  root.render(
+    <Flowbite>
+      <BrowserRouter>
+        <Root />
+      </BrowserRouter>
+    </Flowbite>,
+  );
+}
diff --git a/src/lib/components/Accordion/Accordion.spec.tsx b/src/lib/components/Accordion/Accordion.spec.tsx
index feceb00bd..ac1f0994c 100644
--- a/src/lib/components/Accordion/Accordion.spec.tsx
+++ b/src/lib/components/Accordion/Accordion.spec.tsx
@@ -1,8 +1,10 @@
-import { render, RenderResult, waitFor } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { HiOutlineArrowCircleDown } from 'react-icons/hi';
 
-import { Accordion, AccordionProps } from '.';
+import type { AccordionProps } from '.';
+import { Accordion } from '.';
 import { Flowbite } from '../Flowbite';
 
 describe('Components / Accordion', () => {
diff --git a/src/lib/components/Accordion/Accordion.stories.tsx b/src/lib/components/Accordion/Accordion.stories.tsx
index a5ebd5dd7..dee88f255 100644
--- a/src/lib/components/Accordion/Accordion.stories.tsx
+++ b/src/lib/components/Accordion/Accordion.stories.tsx
@@ -1,9 +1,10 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { HiChevronDown, HiOutlineArrowCircleDown } from 'react-icons/hi';
 
-import { Accordion, AccordionProps } from '.';
+import type { AccordionProps } from '.';
+import { Accordion } from '.';
 
 export default {
   title: 'Components/Accordion',
diff --git a/src/lib/components/Accordion/AccordionContent.tsx b/src/lib/components/Accordion/AccordionContent.tsx
index 06f73f573..d450aaa0e 100644
--- a/src/lib/components/Accordion/AccordionContent.tsx
+++ b/src/lib/components/Accordion/AccordionContent.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import { excludeClassName } from '../../helpers/exclude';
 import { useTheme } from '../Flowbite/ThemeContext';
 
diff --git a/src/lib/components/Accordion/AccordionPanel.tsx b/src/lib/components/Accordion/AccordionPanel.tsx
index 201f78eec..55ee382a7 100644
--- a/src/lib/components/Accordion/AccordionPanel.tsx
+++ b/src/lib/components/Accordion/AccordionPanel.tsx
@@ -1,5 +1,6 @@
-import { FC, PropsWithChildren, useState } from 'react';
-import { AccordionProps } from '.';
+import type { FC, PropsWithChildren } from 'react';
+import { useState } from 'react';
+import type { AccordionProps } from '.';
 import { AccordionPanelContext } from './AccordionPanelContext';
 
 export interface AccordionPanelProps extends PropsWithChildren<AccordionProps> {
diff --git a/src/lib/components/Accordion/AccordionPanelContext.tsx b/src/lib/components/Accordion/AccordionPanelContext.tsx
index 9955ea805..c92ff3b54 100644
--- a/src/lib/components/Accordion/AccordionPanelContext.tsx
+++ b/src/lib/components/Accordion/AccordionPanelContext.tsx
@@ -1,5 +1,5 @@
 import { createContext, useContext } from 'react';
-import { AccordionPanelProps } from './AccordionPanel';
+import type { AccordionPanelProps } from './AccordionPanel';
 
 type AccordionPanelContext = Omit<AccordionPanelProps, 'children'>;
 
diff --git a/src/lib/components/Accordion/AccordionTitle.tsx b/src/lib/components/Accordion/AccordionTitle.tsx
index 33b6855e2..5c5faa45f 100644
--- a/src/lib/components/Accordion/AccordionTitle.tsx
+++ b/src/lib/components/Accordion/AccordionTitle.tsx
@@ -1,9 +1,9 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
 import { useAccordionContext } from './AccordionPanelContext';
 import { useTheme } from '../Flowbite/ThemeContext';
 import { excludeClassName } from '../../helpers/exclude';
-import { FlowbiteHeadingLevel } from '../Flowbite/FlowbiteTheme';
+import type { FlowbiteHeadingLevel } from '../Flowbite/FlowbiteTheme';
 
 export interface AccordionTitleProps extends ComponentProps<'button'> {
   arrowIcon?: FC<ComponentProps<'svg'>>;
diff --git a/src/lib/components/Accordion/index.tsx b/src/lib/components/Accordion/index.tsx
index 98f752663..c8685e5ea 100644
--- a/src/lib/components/Accordion/index.tsx
+++ b/src/lib/components/Accordion/index.tsx
@@ -1,5 +1,7 @@
-import { Children, cloneElement, ComponentProps, FC, PropsWithChildren, ReactElement, useMemo, useState } from 'react';
-import { AccordionPanel, AccordionPanelProps } from './AccordionPanel';
+import type { ComponentProps, FC, PropsWithChildren, ReactElement } from 'react';
+import { Children, cloneElement, useMemo, useState } from 'react';
+import type { AccordionPanelProps } from './AccordionPanel';
+import { AccordionPanel } from './AccordionPanel';
 import { AccordionTitle } from './AccordionTitle';
 import { AccordionContent } from './AccordionContent';
 import classNames from 'classnames';
diff --git a/src/lib/components/Alert/Alert.stories.tsx b/src/lib/components/Alert/Alert.stories.tsx
index 600125332..ed3f70fcc 100644
--- a/src/lib/components/Alert/Alert.stories.tsx
+++ b/src/lib/components/Alert/Alert.stories.tsx
@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { HiEye, HiInformationCircle } from 'react-icons/hi';
 
-import { Alert, AlertProps } from '.';
+import type { AlertProps } from '.';
+import { Alert } from '.';
 
 export default {
   title: 'Components/Alert',
diff --git a/src/lib/components/Alert/index.tsx b/src/lib/components/Alert/index.tsx
index f0b57343a..deeb8a3e1 100644
--- a/src/lib/components/Alert/index.tsx
+++ b/src/lib/components/Alert/index.tsx
@@ -1,8 +1,8 @@
-import { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
+import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 import classNames from 'classnames';
 import { HiX } from 'react-icons/hi';
 import { useTheme } from '../Flowbite/ThemeContext';
-import { FlowbiteColors } from '../Flowbite/FlowbiteTheme';
+import type { FlowbiteColors } from '../Flowbite/FlowbiteTheme';
 
 export interface AlertProps extends PropsWithChildren<Omit<ComponentProps<'div'>, 'color'>> {
   additionalContent?: ReactNode;
diff --git a/src/lib/components/Avatar/Avatar.spec.tsx b/src/lib/components/Avatar/Avatar.spec.tsx
index c73a585d5..1fe927c8c 100644
--- a/src/lib/components/Avatar/Avatar.spec.tsx
+++ b/src/lib/components/Avatar/Avatar.spec.tsx
@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import { Avatar } from '.';
 import { Flowbite } from '../Flowbite';
-import { CustomFlowbiteTheme } from '../Flowbite/FlowbiteTheme';
+import type { CustomFlowbiteTheme } from '../Flowbite/FlowbiteTheme';
 import AvatarGroup from './AvatarGroup';
 
 describe('Components / Avatar', () => {
diff --git a/src/lib/components/Avatar/Avatar.stories.tsx b/src/lib/components/Avatar/Avatar.stories.tsx
index 412b508fb..51a24ff76 100644
--- a/src/lib/components/Avatar/Avatar.stories.tsx
+++ b/src/lib/components/Avatar/Avatar.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Avatar, AvatarProps } from '.';
+import type { AvatarProps } from '.';
+import { Avatar } from '.';
 
 export default {
   title: 'Components/Avatar',
diff --git a/src/lib/components/Avatar/AvatarGroup.stories.tsx b/src/lib/components/Avatar/AvatarGroup.stories.tsx
index c1363e2fc..f0beebd4a 100644
--- a/src/lib/components/Avatar/AvatarGroup.stories.tsx
+++ b/src/lib/components/Avatar/AvatarGroup.stories.tsx
@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { Avatar } from '.';
-import { AvatarGroupProps } from './AvatarGroup';
+import type { AvatarGroupProps } from './AvatarGroup';
 
 export default {
   title: 'Components/Avatar',
diff --git a/src/lib/components/Avatar/AvatarGroup.tsx b/src/lib/components/Avatar/AvatarGroup.tsx
index 8b4657422..cc91220a9 100644
--- a/src/lib/components/Avatar/AvatarGroup.tsx
+++ b/src/lib/components/Avatar/AvatarGroup.tsx
@@ -1,4 +1,5 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
+import React from 'react';
 
 export type AvatarGroupProps = PropsWithChildren<{
   children: ReactNode;
diff --git a/src/lib/components/Avatar/AvatarGroupCounter.tsx b/src/lib/components/Avatar/AvatarGroupCounter.tsx
index ba8969d23..68ced943c 100644
--- a/src/lib/components/Avatar/AvatarGroupCounter.tsx
+++ b/src/lib/components/Avatar/AvatarGroupCounter.tsx
@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 
 export type AvatarGroupdCounterProps = PropsWithChildren<{
   total?: number;
diff --git a/src/lib/components/Avatar/index.tsx b/src/lib/components/Avatar/index.tsx
index beb16538e..e83c4e18f 100644
--- a/src/lib/components/Avatar/index.tsx
+++ b/src/lib/components/Avatar/index.tsx
@@ -1,7 +1,7 @@
 import classNames from 'classnames';
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { excludeClassName } from '../../helpers/exclude';
-import { FlowbitePositions, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
+import type { FlowbitePositions, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
 import { useTheme } from '../Flowbite/ThemeContext';
 import AvatarGroup from './AvatarGroup';
 import AvatarGroupCounter from './AvatarGroupCounter';
diff --git a/src/lib/components/Badge/Badge.stories.tsx b/src/lib/components/Badge/Badge.stories.tsx
index 84e75b4f3..16725120d 100644
--- a/src/lib/components/Badge/Badge.stories.tsx
+++ b/src/lib/components/Badge/Badge.stories.tsx
@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { HiCheck } from 'react-icons/hi';
 
-import { Badge, BadgeProps } from '.';
+import type { BadgeProps } from '.';
+import { Badge } from '.';
 
 export default {
   title: 'Components/Badge',
diff --git a/src/lib/components/Badge/index.tsx b/src/lib/components/Badge/index.tsx
index f81c83e14..ac69cfa0c 100644
--- a/src/lib/components/Badge/index.tsx
+++ b/src/lib/components/Badge/index.tsx
@@ -1,7 +1,7 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { useTheme } from '../Flowbite/ThemeContext';
-import { FlowbiteColors, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
+import type { FlowbiteColors, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
 import { excludeClassName } from '../../helpers/exclude';
 
 export interface BadgeProps extends PropsWithChildren<Omit<ComponentProps<'span'>, 'color'>> {
diff --git a/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx b/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx
index 406427d5a..07fa4a1e6 100644
--- a/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx
+++ b/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react/types-6-0';
+import type { Meta } from '@storybook/react/types-6-0';
 import { HiHome } from 'react-icons/hi';
 
 import { Breadcrumb } from '.';
diff --git a/src/lib/components/Breadcrumb/BreadcrumbItem.tsx b/src/lib/components/Breadcrumb/BreadcrumbItem.tsx
index efcf0ab30..a3dbec2a3 100644
--- a/src/lib/components/Breadcrumb/BreadcrumbItem.tsx
+++ b/src/lib/components/Breadcrumb/BreadcrumbItem.tsx
@@ -1,4 +1,4 @@
-import { FC, ComponentProps, PropsWithChildren } from 'react';
+import type { FC, ComponentProps, PropsWithChildren } from 'react';
 import { HiOutlineChevronRight } from 'react-icons/hi';
 import { excludeClassName } from '../../helpers/exclude';
 import { useTheme } from '../Flowbite/ThemeContext';
diff --git a/src/lib/components/Breadcrumb/index.tsx b/src/lib/components/Breadcrumb/index.tsx
index d1f12e88e..b577df44e 100644
--- a/src/lib/components/Breadcrumb/index.tsx
+++ b/src/lib/components/Breadcrumb/index.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import { useTheme } from '../Flowbite/ThemeContext';
 import BreadcrumbItem from './BreadcrumbItem';
 
diff --git a/src/lib/components/Button/Button.spec.tsx b/src/lib/components/Button/Button.spec.tsx
index 64d5959c2..10510d7c2 100644
--- a/src/lib/components/Button/Button.spec.tsx
+++ b/src/lib/components/Button/Button.spec.tsx
@@ -1,4 +1,5 @@
-import { render, RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { Button } from '.';
 import { Flowbite } from '../Flowbite';
diff --git a/src/lib/components/Button/Button.stories.tsx b/src/lib/components/Button/Button.stories.tsx
index cbf85c1ac..cb1c975dc 100644
--- a/src/lib/components/Button/Button.stories.tsx
+++ b/src/lib/components/Button/Button.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Button, ButtonComponentProps } from '.';
+import type { ButtonComponentProps } from '.';
+import { Button } from '.';
 
 export default {
   title: 'Components/Button',
diff --git a/src/lib/components/Button/ButtonGroup.spec.tsx b/src/lib/components/Button/ButtonGroup.spec.tsx
index 3a762e4c2..7ca7d0b91 100644
--- a/src/lib/components/Button/ButtonGroup.spec.tsx
+++ b/src/lib/components/Button/ButtonGroup.spec.tsx
@@ -1,4 +1,5 @@
-import { render, RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { Button } from '.';
 import { Flowbite } from '../Flowbite';
diff --git a/src/lib/components/Button/ButtonGroup.stories.tsx b/src/lib/components/Button/ButtonGroup.stories.tsx
index 8a3d43710..6632af63e 100644
--- a/src/lib/components/Button/ButtonGroup.stories.tsx
+++ b/src/lib/components/Button/ButtonGroup.stories.tsx
@@ -1,7 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { Button } from '.';
 
-import { ButtonGroupProps } from './ButtonGroup';
+import type { ButtonGroupProps } from './ButtonGroup';
 
 export default {
   title: 'Components/Button',
diff --git a/src/lib/components/Button/ButtonGroup.tsx b/src/lib/components/Button/ButtonGroup.tsx
index a12b94d2d..13c725f18 100644
--- a/src/lib/components/Button/ButtonGroup.tsx
+++ b/src/lib/components/Button/ButtonGroup.tsx
@@ -1,6 +1,7 @@
-import { Children, cloneElement, ComponentProps, FC, PropsWithChildren, ReactElement, useMemo } from 'react';
+import type { ComponentProps, FC, PropsWithChildren, ReactElement } from 'react';
+import { Children, cloneElement, useMemo } from 'react';
 
-import { ButtonComponentProps } from '.';
+import type { ButtonComponentProps } from '.';
 import { excludeClassName } from '../../helpers/exclude';
 import { useTheme } from '../Flowbite/ThemeContext';
 
diff --git a/src/lib/components/Button/index.tsx b/src/lib/components/Button/index.tsx
index 1192d5ccc..699a7ab07 100644
--- a/src/lib/components/Button/index.tsx
+++ b/src/lib/components/Button/index.tsx
@@ -1,7 +1,8 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentProps, FC, ReactNode } from 'react';
 import classNames from 'classnames';
-import ButtonGroup, { PositionInButtonGroup } from './ButtonGroup';
-import {
+import type { PositionInButtonGroup } from './ButtonGroup';
+import ButtonGroup from './ButtonGroup';
+import type {
   FlowbiteColors,
   FlowbiteGradientColors,
   FlowbiteGradientDuoToneColors,
diff --git a/src/lib/components/Card/Card.spec.tsx b/src/lib/components/Card/Card.spec.tsx
index eb3029145..ce1822202 100644
--- a/src/lib/components/Card/Card.spec.tsx
+++ b/src/lib/components/Card/Card.spec.tsx
@@ -1,4 +1,5 @@
-import { render, RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { Card } from '.';
 import { Flowbite } from '../Flowbite';
 
diff --git a/src/lib/components/Card/Card.stories.tsx b/src/lib/components/Card/Card.stories.tsx
index 42559043b..543d76056 100644
--- a/src/lib/components/Card/Card.stories.tsx
+++ b/src/lib/components/Card/Card.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Card, CardProps } from '.';
+import type { CardProps } from '.';
+import { Card } from '.';
 
 export default {
   title: 'Components/Card',
diff --git a/src/lib/components/Card/index.tsx b/src/lib/components/Card/index.tsx
index 711f26b44..15ee678e9 100644
--- a/src/lib/components/Card/index.tsx
+++ b/src/lib/components/Card/index.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { useTheme } from '../Flowbite/ThemeContext';
 import { excludeClassName } from '../../helpers/exclude';
diff --git a/src/lib/components/Carousel/Carousel.stories.tsx b/src/lib/components/Carousel/Carousel.stories.tsx
index c93fefe4c..598705b54 100644
--- a/src/lib/components/Carousel/Carousel.stories.tsx
+++ b/src/lib/components/Carousel/Carousel.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Carousel, CarouselProps } from '.';
+import type { CarouselProps } from '.';
+import { Carousel } from '.';
 
 export default {
   title: 'Components/Carousel',
diff --git a/src/lib/components/Carousel/index.tsx b/src/lib/components/Carousel/index.tsx
index 4ecd2e10c..b75352bb4 100644
--- a/src/lib/components/Carousel/index.tsx
+++ b/src/lib/components/Carousel/index.tsx
@@ -1,17 +1,5 @@
-import {
-  Children,
-  cloneElement,
-  ComponentProps,
-  FC,
-  PropsWithChildren,
-  ReactElement,
-  ReactNode,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import type { ComponentProps, FC, PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { HiOutlineChevronLeft, HiOutlineChevronRight } from 'react-icons/hi';
 import ScrollContainer from 'react-indiana-drag-scroll';
diff --git a/src/lib/components/DarkThemeToggle/DarkThemeToggle.stories.tsx b/src/lib/components/DarkThemeToggle/DarkThemeToggle.stories.tsx
index c38b1a522..1e7071d25 100644
--- a/src/lib/components/DarkThemeToggle/DarkThemeToggle.stories.tsx
+++ b/src/lib/components/DarkThemeToggle/DarkThemeToggle.stories.tsx
@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
 import { DarkThemeToggle } from '.';
 import { Flowbite } from '../Flowbite';
diff --git a/src/lib/components/DarkThemeToggle/index.tsx b/src/lib/components/DarkThemeToggle/index.tsx
index dab8a4d58..40dae3fd0 100644
--- a/src/lib/components/DarkThemeToggle/index.tsx
+++ b/src/lib/components/DarkThemeToggle/index.tsx
@@ -1,4 +1,5 @@
-import { FC, useContext } from 'react';
+import type { FC } from 'react';
+import { useContext } from 'react';
 import { HiMoon, HiSun } from 'react-icons/hi';
 import { ThemeContext } from '../Flowbite/ThemeContext';
 
diff --git a/src/lib/components/Dropdown/Dropdown.stories.tsx b/src/lib/components/Dropdown/Dropdown.stories.tsx
index 3f55abd23..4b14fee7b 100644
--- a/src/lib/components/Dropdown/Dropdown.stories.tsx
+++ b/src/lib/components/Dropdown/Dropdown.stories.tsx
@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { action } from '@storybook/addon-actions';
 
-import { Dropdown, DropdownProps } from '.';
+import type { DropdownProps } from '.';
+import { Dropdown } from '.';
 
 export default {
   title: 'Components/Dropdown',
diff --git a/src/lib/components/Dropdown/DropdownDivider.tsx b/src/lib/components/Dropdown/DropdownDivider.tsx
index 7d23a5ed8..5ad4485af 100644
--- a/src/lib/components/Dropdown/DropdownDivider.tsx
+++ b/src/lib/components/Dropdown/DropdownDivider.tsx
@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 export const DropdownDivider: FC = () => <div className="my-1 h-px bg-gray-100 dark:bg-gray-600" />;
diff --git a/src/lib/components/Dropdown/DropdownHeader.tsx b/src/lib/components/Dropdown/DropdownHeader.tsx
index 431b90521..20b6b5145 100644
--- a/src/lib/components/Dropdown/DropdownHeader.tsx
+++ b/src/lib/components/Dropdown/DropdownHeader.tsx
@@ -1,9 +1,16 @@
-import { FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+import { excludeClassName } from '../../helpers/exclude';
 import { DropdownDivider } from './DropdownDivider';
 
-export const DropdownHeader: FC<PropsWithChildren<any>> = ({ children }) => (
-  <>
-    <div className="block py-2 px-4 text-sm text-gray-700 dark:text-gray-200">{children}</div>
-    <DropdownDivider />
-  </>
-);
+export const DropdownHeader: FC<PropsWithChildren<ComponentProps<'div'>>> = ({ children, ...props }): JSX.Element => {
+  const theirProps = excludeClassName(props);
+
+  return (
+    <>
+      <div className="block py-2 px-4 text-sm text-gray-700 dark:text-gray-200" {...theirProps}>
+        {children}
+      </div>
+      <DropdownDivider />
+    </>
+  );
+};
diff --git a/src/lib/components/Dropdown/DropdownItem.tsx b/src/lib/components/Dropdown/DropdownItem.tsx
index 30c7f564e..75747ba5e 100644
--- a/src/lib/components/Dropdown/DropdownItem.tsx
+++ b/src/lib/components/Dropdown/DropdownItem.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 
 export type DropdownItemProps = PropsWithChildren<{
   onClick?: () => void;
diff --git a/src/lib/components/Dropdown/index.tsx b/src/lib/components/Dropdown/index.tsx
index 4f65dcaef..6e8044ee0 100644
--- a/src/lib/components/Dropdown/index.tsx
+++ b/src/lib/components/Dropdown/index.tsx
@@ -1,9 +1,12 @@
-import { ComponentProps, FC, PropsWithChildren, ReactNode, useMemo } from 'react';
+import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
+import { useMemo } from 'react';
 import { HiOutlineChevronDown, HiOutlineChevronLeft, HiOutlineChevronRight, HiOutlineChevronUp } from 'react-icons/hi';
 import classNames from 'classnames';
 
-import { Button, ButtonComponentProps } from '../Button';
-import { Tooltip, TooltipProps } from '../Tooltip';
+import type { ButtonComponentProps } from '../Button';
+import { Button } from '../Button';
+import type { TooltipProps } from '../Tooltip';
+import { Tooltip } from '../Tooltip';
 import { DropdownItem } from './DropdownItem';
 import { DropdownDivider } from './DropdownDivider';
 import { DropdownHeader } from './DropdownHeader';
@@ -35,7 +38,7 @@ const DropdownComponent: FC<DropdownProps> = (props) => {
   }, [placement]);
   const content = useMemo(() => <ul className="py-1">{children}</ul>, [children]);
 
-  const TriggerWrapper = ({ children }: PropsWithChildren<any>) =>
+  const TriggerWrapper: FC<PropsWithChildren<ComponentProps<'button'>>> = ({ children }): JSX.Element =>
     inline ? <button className="flex items-center">{children}</button> : <Button {...buttonProps}>{children}</Button>;
 
   return (
diff --git a/src/lib/components/Flowbite/ThemeContext.tsx b/src/lib/components/Flowbite/ThemeContext.tsx
index 0ed76ee02..a958626b4 100644
--- a/src/lib/components/Flowbite/ThemeContext.tsx
+++ b/src/lib/components/Flowbite/ThemeContext.tsx
@@ -1,8 +1,9 @@
 /* eslint-disable react-hooks/rules-of-hooks */
-import { FC, ReactNode, createContext, useContext, useState, useEffect } from 'react';
+import type { FC, ReactNode } from 'react';
+import { createContext, useContext, useState, useEffect } from 'react';
 import windowExists from '../../helpers/window-exists';
 import defaultTheme from '../../theme/default';
-import { FlowbiteTheme } from './FlowbiteTheme';
+import type { FlowbiteTheme } from './FlowbiteTheme';
 
 export type Mode = string | undefined | 'light' | 'dark';
 
@@ -18,7 +19,7 @@ export const ThemeContext = createContext<ThemeContextProps>({
 
 interface ThemeProviderProps {
   children: ReactNode;
-  value?: any;
+  value: ThemeContextProps;
 }
 
 export const ThemeProvider: FC<ThemeProviderProps> = ({ children, value }) => {
diff --git a/src/lib/components/Flowbite/index.tsx b/src/lib/components/Flowbite/index.tsx
index 7055e8599..fbb415bac 100644
--- a/src/lib/components/Flowbite/index.tsx
+++ b/src/lib/components/Flowbite/index.tsx
@@ -1,10 +1,11 @@
-import { FC, HTMLAttributes, useLayoutEffect, useMemo } from 'react';
+import type { FC, HTMLAttributes } from 'react';
+import { useLayoutEffect, useMemo } from 'react';
 import { ThemeContext, useThemeMode } from './ThemeContext';
 import { mergeDeep } from '../../helpers/mergeDeep';
 import defaultTheme from '../../theme/default';
 import windowExists from '../../helpers/window-exists';
-import { FlowbiteTheme } from './FlowbiteTheme';
-import { DeepPartial } from '../../helpers/deep-partial';
+import type { FlowbiteTheme } from './FlowbiteTheme';
+import type { DeepPartial } from '../../helpers/deep-partial';
 
 export interface ThemeProps {
   dark?: boolean;
@@ -18,10 +19,10 @@ interface FlowbiteProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const Flowbite: FC<FlowbiteProps> = ({ children, theme = {} }) => {
-  const { theme: customTheme, dark, usePreferences = true } = theme;
+  const { theme: customTheme = {}, dark, usePreferences = true } = theme;
   const [mode, setMode, toggleMode] = useThemeMode(usePreferences);
 
-  const mergedTheme = mergeDeep(defaultTheme, customTheme);
+  const mergedTheme = mergeDeep(defaultTheme, customTheme) as unknown as FlowbiteTheme;
 
   useLayoutEffect(() => {
     if (dark) {
diff --git a/src/lib/components/Footer/Footer.stories.tsx b/src/lib/components/Footer/Footer.stories.tsx
index 2b01fcaf4..c4e19a446 100644
--- a/src/lib/components/Footer/Footer.stories.tsx
+++ b/src/lib/components/Footer/Footer.stories.tsx
@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { Footer } from '.';
 import { BsDribbble, BsFacebook, BsGithub, BsInstagram, BsTwitter } from 'react-icons/bs';
 
diff --git a/src/lib/components/Footer/FooterBrand.tsx b/src/lib/components/Footer/FooterBrand.tsx
index 08e61cb61..7ec1f4913 100644
--- a/src/lib/components/Footer/FooterBrand.tsx
+++ b/src/lib/components/Footer/FooterBrand.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 
 export type FooterBrandProps = PropsWithChildren<{
   href?: string;
diff --git a/src/lib/components/Footer/FooterCopyright.tsx b/src/lib/components/Footer/FooterCopyright.tsx
index c6b2c730f..bd9066bcd 100644
--- a/src/lib/components/Footer/FooterCopyright.tsx
+++ b/src/lib/components/Footer/FooterCopyright.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 
 export type CopyrightProps = PropsWithChildren<{
   href?: string;
diff --git a/src/lib/components/Footer/FooterIcon.tsx b/src/lib/components/Footer/FooterIcon.tsx
index 7a1990b33..3dfe1e847 100644
--- a/src/lib/components/Footer/FooterIcon.tsx
+++ b/src/lib/components/Footer/FooterIcon.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
 
 export type FooterIconProps = PropsWithChildren<{
diff --git a/src/lib/components/Footer/FooterLink.tsx b/src/lib/components/Footer/FooterLink.tsx
index b415b24de..9651dbfc9 100644
--- a/src/lib/components/Footer/FooterLink.tsx
+++ b/src/lib/components/Footer/FooterLink.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 
 export type FooterLinkProps = PropsWithChildren<{
   href: string;
diff --git a/src/lib/components/Footer/FooterLinkGroup.tsx b/src/lib/components/Footer/FooterLinkGroup.tsx
index 2894af618..cf5592642 100644
--- a/src/lib/components/Footer/FooterLinkGroup.tsx
+++ b/src/lib/components/Footer/FooterLinkGroup.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 
 export type FooterLinkGroupProps = PropsWithChildren<{
   className?: string;
diff --git a/src/lib/components/Footer/index.tsx b/src/lib/components/Footer/index.tsx
index 7ac888c1c..5aa6ab752 100644
--- a/src/lib/components/Footer/index.tsx
+++ b/src/lib/components/Footer/index.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import { FooterBrand } from './FooterBrand';
 import { FooterCopyright } from './FooterCopyright';
 import { FooterLink } from './FooterLink';
diff --git a/src/lib/components/FormControls/Checkbox.stories.tsx b/src/lib/components/FormControls/Checkbox.stories.tsx
index 3d7ca901b..2ce814acb 100644
--- a/src/lib/components/FormControls/Checkbox.stories.tsx
+++ b/src/lib/components/FormControls/Checkbox.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Checkbox, CheckboxProps } from './Checkbox';
+import type { CheckboxProps } from './Checkbox';
+import { Checkbox } from './Checkbox';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/Checkbox.tsx b/src/lib/components/FormControls/Checkbox.tsx
index a5d6a04dc..ba97494b1 100644
--- a/src/lib/components/FormControls/Checkbox.tsx
+++ b/src/lib/components/FormControls/Checkbox.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
 
 export type CheckboxProps = Omit<ComponentProps<'input'>, 'type'>;
diff --git a/src/lib/components/FormControls/FileInput.stories.tsx b/src/lib/components/FormControls/FileInput.stories.tsx
index df30dc4f1..7977a28f9 100644
--- a/src/lib/components/FormControls/FileInput.stories.tsx
+++ b/src/lib/components/FormControls/FileInput.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { FileInput, FileInputProps } from './FileInput';
+import type { FileInputProps } from './FileInput';
+import { FileInput } from './FileInput';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/FileInput.tsx b/src/lib/components/FormControls/FileInput.tsx
index ba41751d2..8034e1d54 100644
--- a/src/lib/components/FormControls/FileInput.tsx
+++ b/src/lib/components/FormControls/FileInput.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import classNames from 'classnames';
 
-import { TextInput, TextInputProps } from './TextInput';
+import type { TextInputProps } from './TextInput';
+import { TextInput } from './TextInput';
 
 export type FileInputProps = Omit<TextInputProps, 'type'>;
 
diff --git a/src/lib/components/FormControls/Label.stories.tsx b/src/lib/components/FormControls/Label.stories.tsx
index 5f1b23df3..b9986bebb 100644
--- a/src/lib/components/FormControls/Label.stories.tsx
+++ b/src/lib/components/FormControls/Label.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Label, LabelProps } from './Label';
+import type { LabelProps } from './Label';
+import { Label } from './Label';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/Label.tsx b/src/lib/components/FormControls/Label.tsx
index 3ee9c58fa..c47211b57 100644
--- a/src/lib/components/FormControls/Label.tsx
+++ b/src/lib/components/FormControls/Label.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
 
 type Color = 'gray' | 'green' | 'red';
diff --git a/src/lib/components/FormControls/Radio.stories.tsx b/src/lib/components/FormControls/Radio.stories.tsx
index 8cc7c0a3c..3183202f6 100644
--- a/src/lib/components/FormControls/Radio.stories.tsx
+++ b/src/lib/components/FormControls/Radio.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Radio, RadioProps } from './Radio';
+import type { RadioProps } from './Radio';
+import { Radio } from './Radio';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/Radio.tsx b/src/lib/components/FormControls/Radio.tsx
index 588da268d..68e59748d 100644
--- a/src/lib/components/FormControls/Radio.tsx
+++ b/src/lib/components/FormControls/Radio.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
 
 export type RadioProps = Omit<ComponentProps<'input'>, 'type'>;
diff --git a/src/lib/components/FormControls/Select.stories.tsx b/src/lib/components/FormControls/Select.stories.tsx
index d5b46a5a0..16c5b335b 100644
--- a/src/lib/components/FormControls/Select.stories.tsx
+++ b/src/lib/components/FormControls/Select.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Select, SelectProps } from './Select';
+import type { SelectProps } from './Select';
+import { Select } from './Select';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/Select.tsx b/src/lib/components/FormControls/Select.tsx
index ed504c4dc..305f0ff85 100644
--- a/src/lib/components/FormControls/Select.tsx
+++ b/src/lib/components/FormControls/Select.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentProps, FC, ReactNode } from 'react';
 import classNames from 'classnames';
 
 type Size = 'sm' | 'md' | 'lg';
diff --git a/src/lib/components/FormControls/TextInput.stories.tsx b/src/lib/components/FormControls/TextInput.stories.tsx
index db692c021..869984232 100644
--- a/src/lib/components/FormControls/TextInput.stories.tsx
+++ b/src/lib/components/FormControls/TextInput.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { TextInput, TextInputProps } from './TextInput';
+import type { TextInputProps } from './TextInput';
+import { TextInput } from './TextInput';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/TextInput.tsx b/src/lib/components/FormControls/TextInput.tsx
index 97f0752ce..c0f5ad972 100644
--- a/src/lib/components/FormControls/TextInput.tsx
+++ b/src/lib/components/FormControls/TextInput.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentProps, FC, ReactNode } from 'react';
 import classNames from 'classnames';
 
 type Size = 'sm' | 'md' | 'lg';
diff --git a/src/lib/components/FormControls/Textarea.stories.tsx b/src/lib/components/FormControls/Textarea.stories.tsx
index d387aaf24..a4ff4d794 100644
--- a/src/lib/components/FormControls/Textarea.stories.tsx
+++ b/src/lib/components/FormControls/Textarea.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Textarea, TextareaProps } from './Textarea';
+import type { TextareaProps } from './Textarea';
+import { Textarea } from './Textarea';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/Textarea.tsx b/src/lib/components/FormControls/Textarea.tsx
index 070d34202..c7cce09c0 100644
--- a/src/lib/components/FormControls/Textarea.tsx
+++ b/src/lib/components/FormControls/Textarea.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentProps, FC, ReactNode } from 'react';
 import classNames from 'classnames';
 
 type Color = 'base' | 'green' | 'red';
diff --git a/src/lib/components/FormControls/ToggleSwitch.spec.tsx b/src/lib/components/FormControls/ToggleSwitch.spec.tsx
index dda0776e5..a8a346596 100644
--- a/src/lib/components/FormControls/ToggleSwitch.spec.tsx
+++ b/src/lib/components/FormControls/ToggleSwitch.spec.tsx
@@ -1,4 +1,5 @@
-import { render, RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useState } from 'react';
 import { TextInput } from './TextInput';
diff --git a/src/lib/components/FormControls/ToggleSwitch.stories.tsx b/src/lib/components/FormControls/ToggleSwitch.stories.tsx
index 4bf1f907c..a169c0e27 100644
--- a/src/lib/components/FormControls/ToggleSwitch.stories.tsx
+++ b/src/lib/components/FormControls/ToggleSwitch.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { ToggleSwitch, ToggleSwitchProps } from './ToggleSwitch';
+import type { ToggleSwitchProps } from './ToggleSwitch';
+import { ToggleSwitch } from './ToggleSwitch';
 
 export default {
   title: 'Components/FormControls',
diff --git a/src/lib/components/FormControls/ToggleSwitch.tsx b/src/lib/components/FormControls/ToggleSwitch.tsx
index fe9f81bea..58aed4c61 100644
--- a/src/lib/components/FormControls/ToggleSwitch.tsx
+++ b/src/lib/components/FormControls/ToggleSwitch.tsx
@@ -1,4 +1,5 @@
-import { ComponentProps, FC, KeyboardEvent, MouseEvent, useMemo } from 'react';
+import type { ComponentProps, FC, KeyboardEvent, MouseEvent } from 'react';
+import { useMemo } from 'react';
 import classNames from 'classnames';
 import * as nanoid from 'nanoid';
 
diff --git a/src/lib/components/ListGroup/ListGroup.stories.tsx b/src/lib/components/ListGroup/ListGroup.stories.tsx
index f927a1f57..567959a03 100644
--- a/src/lib/components/ListGroup/ListGroup.stories.tsx
+++ b/src/lib/components/ListGroup/ListGroup.stories.tsx
@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { HiUserCircle, HiOutlineAdjustments, HiInbox, HiCloudDownload } from 'react-icons/hi';
 
-import { ListGroup, ListGroupProps } from '.';
+import type { ListGroupProps } from '.';
+import { ListGroup } from '.';
 
 export default {
   title: 'Components/ListGroup',
diff --git a/src/lib/components/ListGroup/ListGroupItem.tsx b/src/lib/components/ListGroup/ListGroupItem.tsx
index cb7cc92f3..6e9dc622d 100644
--- a/src/lib/components/ListGroup/ListGroupItem.tsx
+++ b/src/lib/components/ListGroup/ListGroupItem.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 export type ListGroupItemProps = PropsWithChildren<{
diff --git a/src/lib/components/ListGroup/index.tsx b/src/lib/components/ListGroup/index.tsx
index c37b5caed..ae7179a5f 100644
--- a/src/lib/components/ListGroup/index.tsx
+++ b/src/lib/components/ListGroup/index.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 import { ListGroupItem } from './ListGroupItem';
diff --git a/src/lib/components/Modal/Modal.spec.tsx b/src/lib/components/Modal/Modal.spec.tsx
index 61963c612..80ca37bc0 100644
--- a/src/lib/components/Modal/Modal.spec.tsx
+++ b/src/lib/components/Modal/Modal.spec.tsx
@@ -1,7 +1,8 @@
 import { render, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useState } from 'react';
-import { Modal, ModalProps } from '.';
+import type { ModalProps } from '.';
+import { Modal } from '.';
 import { Button } from '../Button';
 
 describe('Components / Modal', () => {
diff --git a/src/lib/components/Modal/Modal.stories.tsx b/src/lib/components/Modal/Modal.stories.tsx
index e4f678688..70101a9ac 100644
--- a/src/lib/components/Modal/Modal.stories.tsx
+++ b/src/lib/components/Modal/Modal.stories.tsx
@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { action } from '@storybook/addon-actions';
 
-import { Modal, ModalProps } from '.';
+import type { ModalProps } from '.';
+import { Modal } from '.';
 import { Button } from '../Button';
 import { HiOutlineExclamationCircle } from 'react-icons/hi';
 import { Label, TextInput, Checkbox } from '../FormControls';
diff --git a/src/lib/components/Modal/ModalBody.tsx b/src/lib/components/Modal/ModalBody.tsx
index c1157b53f..732568efa 100644
--- a/src/lib/components/Modal/ModalBody.tsx
+++ b/src/lib/components/Modal/ModalBody.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 import { useModalContext } from './ModalContext';
diff --git a/src/lib/components/Modal/ModalFooter.tsx b/src/lib/components/Modal/ModalFooter.tsx
index d5d29e725..e7706cb41 100644
--- a/src/lib/components/Modal/ModalFooter.tsx
+++ b/src/lib/components/Modal/ModalFooter.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 import { useModalContext } from './ModalContext';
diff --git a/src/lib/components/Modal/ModalHeader.tsx b/src/lib/components/Modal/ModalHeader.tsx
index 02c5dd6b2..d21eda912 100644
--- a/src/lib/components/Modal/ModalHeader.tsx
+++ b/src/lib/components/Modal/ModalHeader.tsx
@@ -1,10 +1,13 @@
-import { FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { HiOutlineX } from 'react-icons/hi';
 
 import { useModalContext } from './ModalContext';
+import { excludeClassName } from '../../helpers/exclude';
+
+export const ModalHeader: FC<PropsWithChildren<ComponentProps<'div'>>> = ({ children, ...props }): JSX.Element => {
+  const theirProps = excludeClassName(props);
 
-export const ModalHeader: FC<PropsWithChildren<any>> = ({ children }) => {
   const { popup, onClose } = useModalContext();
 
   return (
@@ -13,6 +16,7 @@ export const ModalHeader: FC<PropsWithChildren<any>> = ({ children }) => {
         'p-2': popup,
         'border-b p-5': !popup,
       })}
+      {...theirProps}
     >
       <h3 className="text-xl font-medium text-gray-900 dark:text-white">{children}</h3>
       <button
diff --git a/src/lib/components/Modal/index.tsx b/src/lib/components/Modal/index.tsx
index a5a1dfcd3..806198d73 100644
--- a/src/lib/components/Modal/index.tsx
+++ b/src/lib/components/Modal/index.tsx
@@ -1,4 +1,5 @@
-import { FC, PropsWithChildren, useEffect, useState } from 'react';
+import type { FC, PropsWithChildren } from 'react';
+import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
 
@@ -8,19 +9,19 @@ import { ModalFooter } from './ModalFooter';
 import { ModalContext } from './ModalContext';
 import windowExists from '../../helpers/window-exists';
 
-type Size = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
-type Placement = `${'top' | 'bottom'}-${'left' | 'center' | 'right'}` | `center${'' | '-left' | '-right'}`;
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
+export type ModalPlacement = `${'top' | 'bottom'}-${'left' | 'center' | 'right'}` | `center${'' | '-left' | '-right'}`;
 
 export type ModalProps = PropsWithChildren<{
   onClose?: () => void;
-  placement?: Placement;
+  placement?: ModalPlacement;
   popup?: boolean;
   root?: HTMLElement;
   show?: boolean;
-  size?: Size;
+  size?: ModalSize;
 }>;
 
-const sizeClasses: Record<Size, string> = {
+const sizeClasses: Record<ModalSize, string> = {
   sm: 'max-w-sm',
   md: 'max-w-md',
   lg: 'max-w-lg',
@@ -33,7 +34,7 @@ const sizeClasses: Record<Size, string> = {
   '7xl': 'max-w-7xl',
 };
 
-const placementClasses: Record<Placement, string> = {
+const placementClasses: Record<ModalPlacement, string> = {
   'top-left': 'items-start justify-start',
   'top-center': 'items-start justify-center',
   'top-right': 'items-start justify-end',
diff --git a/src/lib/components/Navbar/Navbar.stories.tsx b/src/lib/components/Navbar/Navbar.stories.tsx
index a59823934..73a4b953d 100644
--- a/src/lib/components/Navbar/Navbar.stories.tsx
+++ b/src/lib/components/Navbar/Navbar.stories.tsx
@@ -1,9 +1,10 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { Avatar } from '../Avatar';
 import { Button } from '../Button';
 import { Dropdown } from '../Dropdown';
 
-import { Navbar, NavbarComponentProps } from '../Navbar';
+import type { NavbarComponentProps } from '../Navbar';
+import { Navbar } from '../Navbar';
 
 export default {
   title: 'Components/Navbar',
diff --git a/src/lib/components/Navbar/NavbarBrand.tsx b/src/lib/components/Navbar/NavbarBrand.tsx
index 3eb32e254..8e2da64b6 100644
--- a/src/lib/components/Navbar/NavbarBrand.tsx
+++ b/src/lib/components/Navbar/NavbarBrand.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 
 export const NavbarBrand: FC<ComponentProps<'a'>> = ({ children, href }) => (
   <a href={href} className="flex items-center">
diff --git a/src/lib/components/Navbar/NavbarCollapse.tsx b/src/lib/components/Navbar/NavbarCollapse.tsx
index 978456d77..78b9d8000 100644
--- a/src/lib/components/Navbar/NavbarCollapse.tsx
+++ b/src/lib/components/Navbar/NavbarCollapse.tsx
@@ -1,11 +1,19 @@
-import { FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { useNavbarContext } from './NavbarContext';
+import { excludeClassName } from '../../helpers/exclude';
+
+export const NavbarCollapse: FC<PropsWithChildren<ComponentProps<'div'>>> = ({ children, ...props }): JSX.Element => {
+  const theirProps = excludeClassName(props);
 
-export const NavbarCollapse: FC<PropsWithChildren<any>> = ({ children }) => {
   const { isOpen } = useNavbarContext();
+
   return (
-    <div className={classNames('w-full md:block md:w-auto', { hidden: !isOpen })} data-testid="navbar-collapse">
+    <div
+      className={classNames('w-full md:block md:w-auto', { hidden: !isOpen })}
+      data-testid="navbar-collapse"
+      {...theirProps}
+    >
       <ul className="mt-4 flex flex-col md:mt-0 md:flex-row md:space-x-8 md:text-sm md:font-medium">{children}</ul>
     </div>
   );
diff --git a/src/lib/components/Navbar/NavbarLink.tsx b/src/lib/components/Navbar/NavbarLink.tsx
index 1b8e5db82..bc573ef47 100644
--- a/src/lib/components/Navbar/NavbarLink.tsx
+++ b/src/lib/components/Navbar/NavbarLink.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 export type NavbarLinkProps = PropsWithChildren<{
diff --git a/src/lib/components/Navbar/NavbarToggle.tsx b/src/lib/components/Navbar/NavbarToggle.tsx
index 23d55faca..f3a331133 100644
--- a/src/lib/components/Navbar/NavbarToggle.tsx
+++ b/src/lib/components/Navbar/NavbarToggle.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
 import { GoThreeBars } from 'react-icons/go';
 import { useNavbarContext } from './NavbarContext';
diff --git a/src/lib/components/Navbar/index.tsx b/src/lib/components/Navbar/index.tsx
index 231170dc9..3977658b2 100644
--- a/src/lib/components/Navbar/index.tsx
+++ b/src/lib/components/Navbar/index.tsx
@@ -1,4 +1,5 @@
-import { FC, PropsWithChildren, useState } from 'react';
+import type { FC, PropsWithChildren } from 'react';
+import { useState } from 'react';
 import classNames from 'classnames';
 import { NavbarBrand } from './NavbarBrand';
 import { NavbarCollapse } from './NavbarCollapse';
diff --git a/src/lib/components/Pagination/Pagination.spec.tsx b/src/lib/components/Pagination/Pagination.spec.tsx
index 5cf041505..bf1c88a3d 100644
--- a/src/lib/components/Pagination/Pagination.spec.tsx
+++ b/src/lib/components/Pagination/Pagination.spec.tsx
@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { FC, useState, useEffect } from 'react';
+import type { FC } from 'react';
+import { useState, useEffect } from 'react';
 import { Pagination } from '.';
 
 describe('Pagination', () => {
diff --git a/src/lib/components/Pagination/Pagination.stories.tsx b/src/lib/components/Pagination/Pagination.stories.tsx
index 3e6975f15..6c721a438 100644
--- a/src/lib/components/Pagination/Pagination.stories.tsx
+++ b/src/lib/components/Pagination/Pagination.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { useEffect, useState } from 'react';
-import { Pagination, PaginationProps } from '.';
+import type { PaginationProps } from '.';
+import { Pagination } from '.';
 
 export default {
   title: 'Components/Pagination',
diff --git a/src/lib/components/Pagination/index.tsx b/src/lib/components/Pagination/index.tsx
index 76cc71b7f..74cebaf48 100644
--- a/src/lib/components/Pagination/index.tsx
+++ b/src/lib/components/Pagination/index.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { HiChevronLeft, HiChevronRight } from 'react-icons/hi';
 import range from '../../helpers/range';
 
diff --git a/src/lib/components/Progress/Progress.stories.tsx b/src/lib/components/Progress/Progress.stories.tsx
index c075ca879..381ecdb82 100644
--- a/src/lib/components/Progress/Progress.stories.tsx
+++ b/src/lib/components/Progress/Progress.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Progress, ProgressProps } from '.';
+import type { ProgressProps } from '.';
+import { Progress } from '.';
 
 export default {
   title: 'Components/Progress',
diff --git a/src/lib/components/Progress/index.tsx b/src/lib/components/Progress/index.tsx
index 373be0e71..ba33970c3 100644
--- a/src/lib/components/Progress/index.tsx
+++ b/src/lib/components/Progress/index.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import * as nanoid from 'nanoid';
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 
 type Color = 'dark' | 'blue' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple';
 type Size = 'sm' | 'md' | 'lg' | 'xl';
diff --git a/src/lib/components/Rating/Rating.stories.tsx b/src/lib/components/Rating/Rating.stories.tsx
index 6916a5155..c1c8d9d4f 100644
--- a/src/lib/components/Rating/Rating.stories.tsx
+++ b/src/lib/components/Rating/Rating.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Rating, RatingProps } from '.';
+import type { RatingProps } from '.';
+import { Rating } from '.';
 
 export default {
   title: 'Components/Rating',
diff --git a/src/lib/components/Rating/RatingAdvanced.tsx b/src/lib/components/Rating/RatingAdvanced.tsx
index d457aceaf..46f6e5a5d 100644
--- a/src/lib/components/Rating/RatingAdvanced.tsx
+++ b/src/lib/components/Rating/RatingAdvanced.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 
 export type RatingAdvancedProps = PropsWithChildren<{
   percentFilled?: number;
diff --git a/src/lib/components/Rating/RatingStar.tsx b/src/lib/components/Rating/RatingStar.tsx
index 17fbfd5c6..4ce63d8c6 100644
--- a/src/lib/components/Rating/RatingStar.tsx
+++ b/src/lib/components/Rating/RatingStar.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
 import { useRatingContext } from './RatingContext';
 import { HiStar } from 'react-icons/hi';
diff --git a/src/lib/components/Rating/index.tsx b/src/lib/components/Rating/index.tsx
index 3f14ac0a1..f57c06efc 100644
--- a/src/lib/components/Rating/index.tsx
+++ b/src/lib/components/Rating/index.tsx
@@ -1,7 +1,8 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { RatingAdvanced } from './RatingAdvanced';
-import { RatingContext, Size } from './RatingContext';
+import type { Size } from './RatingContext';
+import { RatingContext } from './RatingContext';
 import { RatingStar } from './RatingStar';
 
 export type RatingProps = PropsWithChildren<{
diff --git a/src/lib/components/Sidebar/Sidebar.spec.tsx b/src/lib/components/Sidebar/Sidebar.spec.tsx
index ed654c86f..782c605d6 100644
--- a/src/lib/components/Sidebar/Sidebar.spec.tsx
+++ b/src/lib/components/Sidebar/Sidebar.spec.tsx
@@ -1,7 +1,9 @@
-import { render, RenderResult, waitFor } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { HiChartPie, HiInbox, HiShoppingBag } from 'react-icons/hi';
-import { Sidebar, SidebarProps } from '.';
+import type { SidebarProps } from '.';
+import { Sidebar } from '.';
 
 describe('Components / Sidebar', () => {
   describe('A11y', () => {
diff --git a/src/lib/components/Sidebar/Sidebar.stories.tsx b/src/lib/components/Sidebar/Sidebar.stories.tsx
index 45f48f1bd..7c6314d42 100644
--- a/src/lib/components/Sidebar/Sidebar.stories.tsx
+++ b/src/lib/components/Sidebar/Sidebar.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
 import { BiBuoy } from 'react-icons/bi';
 import { HiChartPie, HiViewBoards, HiInbox, HiUser, HiShoppingBag, HiArrowSmRight, HiTable } from 'react-icons/hi';
 import { Sidebar } from '.';
diff --git a/src/lib/components/Sidebar/SidebarCTA.tsx b/src/lib/components/Sidebar/SidebarCTA.tsx
index f4327f436..0a19df0cc 100644
--- a/src/lib/components/Sidebar/SidebarCTA.tsx
+++ b/src/lib/components/Sidebar/SidebarCTA.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { PropsWithChildren, FC, ComponentProps } from 'react';
+import type { PropsWithChildren, FC, ComponentProps } from 'react';
 import { useSidebarContext } from './SidebarContext';
 
 export interface SidebarCTAProps extends PropsWithChildren<ComponentProps<'div'>> {
diff --git a/src/lib/components/Sidebar/SidebarCollapse.tsx b/src/lib/components/Sidebar/SidebarCollapse.tsx
index 04ab9f009..809ebc3d6 100644
--- a/src/lib/components/Sidebar/SidebarCollapse.tsx
+++ b/src/lib/components/Sidebar/SidebarCollapse.tsx
@@ -1,11 +1,12 @@
 import classNames from 'classnames';
 import * as nanoid from 'nanoid';
-import { ComponentProps, FC, PropsWithChildren, useMemo, useState } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+import { useMemo, useState } from 'react';
 import { HiChevronDown } from 'react-icons/hi';
 import { excludeClassName } from '../../helpers/exclude';
 import { Tooltip } from '../Tooltip';
 import { useSidebarContext } from './SidebarContext';
-import { SidebarItemProps } from './SidebarItem';
+import type { SidebarItemProps } from './SidebarItem';
 import { SidebarItemContext } from './SidebarItemContext';
 
 export type SidebarCollapseProps = PropsWithChildren<ComponentProps<'button'> & SidebarItemProps>;
diff --git a/src/lib/components/Sidebar/SidebarItem.tsx b/src/lib/components/Sidebar/SidebarItem.tsx
index 5dc19fe9d..7bb2470af 100644
--- a/src/lib/components/Sidebar/SidebarItem.tsx
+++ b/src/lib/components/Sidebar/SidebarItem.tsx
@@ -1,8 +1,9 @@
 import classNames from 'classnames';
 import * as nanoid from 'nanoid';
-import { ComponentProps, ElementType, FC, PropsWithChildren, useMemo } from 'react';
+import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
+import { useMemo } from 'react';
 import { Badge } from '../Badge';
-import { FlowbiteColors } from '../Flowbite/FlowbiteTheme';
+import type { FlowbiteColors } from '../Flowbite/FlowbiteTheme';
 import { Tooltip } from '../Tooltip';
 import { useSidebarContext } from './SidebarContext';
 import { useSidebarItemContext } from './SidebarItemContext';
diff --git a/src/lib/components/Sidebar/SidebarItemGroup.tsx b/src/lib/components/Sidebar/SidebarItemGroup.tsx
index 2a773d56e..9edd79f09 100644
--- a/src/lib/components/Sidebar/SidebarItemGroup.tsx
+++ b/src/lib/components/Sidebar/SidebarItemGroup.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import type { FC, HTMLAttributes, PropsWithChildren } from 'react';
 import { SidebarItemContext } from './SidebarItemContext';
 
 const SidebarItemGroup: FC<PropsWithChildren<HTMLAttributes<HTMLUListElement>>> = ({ children, ...rest }) => {
diff --git a/src/lib/components/Sidebar/SidebarItems.tsx b/src/lib/components/Sidebar/SidebarItems.tsx
index e71e32fef..73d7face6 100644
--- a/src/lib/components/Sidebar/SidebarItems.tsx
+++ b/src/lib/components/Sidebar/SidebarItems.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, HTMLAttributes } from 'react';
+import type { FC, PropsWithChildren, HTMLAttributes } from 'react';
 
 const SidebarItems: FC<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> = ({ children, ...rest }) => {
   return <div {...rest}>{children}</div>;
diff --git a/src/lib/components/Sidebar/SidebarLogo.tsx b/src/lib/components/Sidebar/SidebarLogo.tsx
index bad736322..80036fc0e 100644
--- a/src/lib/components/Sidebar/SidebarLogo.tsx
+++ b/src/lib/components/Sidebar/SidebarLogo.tsx
@@ -1,6 +1,7 @@
 import classNames from 'classnames';
 import * as nanoid from 'nanoid';
-import { PropsWithChildren, FC, HTMLAttributes, useMemo } from 'react';
+import type { PropsWithChildren, FC, HTMLAttributes } from 'react';
+import { useMemo } from 'react';
 import { useSidebarContext } from './SidebarContext';
 
 export interface SidebarLogoProps extends PropsWithChildren<HTMLAttributes<HTMLAnchorElement>> {
diff --git a/src/lib/components/Sidebar/index.tsx b/src/lib/components/Sidebar/index.tsx
index 60805726b..225a51519 100644
--- a/src/lib/components/Sidebar/index.tsx
+++ b/src/lib/components/Sidebar/index.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import type { FC, HTMLAttributes, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import SidebarCTA from './SidebarCTA';
 import SidebarLogo from './SidebarLogo';
diff --git a/src/lib/components/Spinner/Spinner.spec.tsx b/src/lib/components/Spinner/Spinner.spec.tsx
index 586d60e48..9c4c12693 100644
--- a/src/lib/components/Spinner/Spinner.spec.tsx
+++ b/src/lib/components/Spinner/Spinner.spec.tsx
@@ -1,4 +1,5 @@
-import { render, RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { Spinner } from '.';
 import { Flowbite } from '../Flowbite';
 
diff --git a/src/lib/components/Spinner/Spinner.stories.tsx b/src/lib/components/Spinner/Spinner.stories.tsx
index a4c4c6ece..2b2e1f43f 100644
--- a/src/lib/components/Spinner/Spinner.stories.tsx
+++ b/src/lib/components/Spinner/Spinner.stories.tsx
@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
 import { Spinner } from '.';
 import { Button } from '../Button';
diff --git a/src/lib/components/Spinner/index.tsx b/src/lib/components/Spinner/index.tsx
index 28dcdf6eb..262f51d5c 100644
--- a/src/lib/components/Spinner/index.tsx
+++ b/src/lib/components/Spinner/index.tsx
@@ -1,6 +1,6 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import classNames from 'classnames';
-import { FlowbiteColors, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
+import type { FlowbiteColors, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
 import { excludeClassName } from '../../helpers/exclude';
 import { useTheme } from '../Flowbite/ThemeContext';
 
diff --git a/src/lib/components/Tab/TabItem.tsx b/src/lib/components/Tab/TabItem.tsx
index e67e7665c..77d362a0a 100644
--- a/src/lib/components/Tab/TabItem.tsx
+++ b/src/lib/components/Tab/TabItem.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
+import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 
 export type TabProps = PropsWithChildren<{
   title: ReactNode;
diff --git a/src/lib/components/Tab/Tabs.stories.tsx b/src/lib/components/Tab/Tabs.stories.tsx
index 578256ef6..dac23bfa7 100644
--- a/src/lib/components/Tab/Tabs.stories.tsx
+++ b/src/lib/components/Tab/Tabs.stories.tsx
@@ -1,8 +1,9 @@
-import { Meta } from '@storybook/react/types-6-0';
+import type { Meta } from '@storybook/react/types-6-0';
 import { HiAdjustments, HiClipboardList, HiUserCircle } from 'react-icons/hi';
 import { MdDashboard } from 'react-icons/md';
 
-import { Tabs, TabsComponent, TabsProps } from '.';
+import type { TabsProps } from '.';
+import { Tabs, TabsComponent } from '.';
 
 export default {
   title: 'Components/Tabs',
diff --git a/src/lib/components/Tab/index.tsx b/src/lib/components/Tab/index.tsx
index 479ad4803..84b049436 100644
--- a/src/lib/components/Tab/index.tsx
+++ b/src/lib/components/Tab/index.tsx
@@ -1,18 +1,9 @@
-import {
-  Children,
-  ComponentProps,
-  FC,
-  KeyboardEvent,
-  PropsWithChildren,
-  ReactElement,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import type { ComponentProps, FC, KeyboardEvent, PropsWithChildren, ReactElement } from 'react';
+import { Children, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 
-import { TabItem, TabProps } from './TabItem';
+import type { TabProps } from './TabItem';
+import { TabItem } from './TabItem';
 import * as nanoid from 'nanoid';
 
 export type TabStyle = 'default' | 'underline' | 'pills' | 'fullWidth';
diff --git a/src/lib/components/Table/Table.spec.tsx b/src/lib/components/Table/Table.spec.tsx
index c6504e0ee..26d1cf179 100644
--- a/src/lib/components/Table/Table.spec.tsx
+++ b/src/lib/components/Table/Table.spec.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { cleanup, render } from '@testing-library/react';
 
-import { Table, TableProps } from '.';
+import type { TableProps } from '.';
+import { Table } from '.';
 
 const TestComponent: FC<TableProps> = (props) => (
   <Table {...props}>
diff --git a/src/lib/components/Table/Table.stories.tsx b/src/lib/components/Table/Table.stories.tsx
index 31344b905..0d4c5cfc5 100644
--- a/src/lib/components/Table/Table.stories.tsx
+++ b/src/lib/components/Table/Table.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Table, TableProps } from '.';
+import type { TableProps } from '.';
+import { Table } from '.';
 
 export default {
   title: 'Components/Tables',
diff --git a/src/lib/components/Table/TableBody.tsx b/src/lib/components/Table/TableBody.tsx
index 127eaf3c6..9f0bb968e 100644
--- a/src/lib/components/Table/TableBody.tsx
+++ b/src/lib/components/Table/TableBody.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 
 export type TableBodyProps = PropsWithChildren<ComponentProps<'tbody'>>;
 
diff --git a/src/lib/components/Table/TableCell.tsx b/src/lib/components/Table/TableCell.tsx
index 7cda2c425..6ba334c65 100644
--- a/src/lib/components/Table/TableCell.tsx
+++ b/src/lib/components/Table/TableCell.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 export type TableCellProps = PropsWithChildren<ComponentProps<'td'>>;
diff --git a/src/lib/components/Table/TableHead.tsx b/src/lib/components/Table/TableHead.tsx
index a2b92fc0f..4cc66e7e9 100644
--- a/src/lib/components/Table/TableHead.tsx
+++ b/src/lib/components/Table/TableHead.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 export type TableHeadProps = PropsWithChildren<ComponentProps<'thead'>>;
diff --git a/src/lib/components/Table/TableHeadCell.tsx b/src/lib/components/Table/TableHeadCell.tsx
index ca25085ef..f1fe88a46 100644
--- a/src/lib/components/Table/TableHeadCell.tsx
+++ b/src/lib/components/Table/TableHeadCell.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 export type TableHeadCellProps = PropsWithChildren<ComponentProps<'th'>>;
diff --git a/src/lib/components/Table/TableRow.tsx b/src/lib/components/Table/TableRow.tsx
index 235bb78de..18e40e25f 100644
--- a/src/lib/components/Table/TableRow.tsx
+++ b/src/lib/components/Table/TableRow.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 
 import { useTableContext } from './TableContext';
 
diff --git a/src/lib/components/Table/index.tsx b/src/lib/components/Table/index.tsx
index ba35ee5c3..6f4f94f04 100644
--- a/src/lib/components/Table/index.tsx
+++ b/src/lib/components/Table/index.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
 import { TableHead } from './TableHead';
diff --git a/src/lib/components/Timeline/Timeline.spec.tsx b/src/lib/components/Timeline/Timeline.spec.tsx
index 22dddd825..0fd1efd1f 100644
--- a/src/lib/components/Timeline/Timeline.spec.tsx
+++ b/src/lib/components/Timeline/Timeline.spec.tsx
@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { cleanup, render } from '@testing-library/react';
 
-import { Timeline, TimelineProps } from '.';
+import type { TimelineProps } from '.';
+import { Timeline } from '.';
 
 describe('Timeline Component', () => {
   afterEach(cleanup);
diff --git a/src/lib/components/Timeline/Timeline.stories.tsx b/src/lib/components/Timeline/Timeline.stories.tsx
index 38bfd1b4e..0c72dba17 100644
--- a/src/lib/components/Timeline/Timeline.stories.tsx
+++ b/src/lib/components/Timeline/Timeline.stories.tsx
@@ -1,5 +1,6 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-import { Timeline, TimelineProps } from '.';
+import type { Meta, Story } from '@storybook/react/types-6-0';
+import type { TimelineProps } from '.';
+import { Timeline } from '.';
 
 export default {
   title: 'Components/Timeline',
@@ -8,9 +9,8 @@ export default {
 
 const Template: Story<TimelineProps> = (args) => <Timeline {...args} />;
 
-export const DefaultTimeline = Template.bind({});
-DefaultTimeline.storyName = 'Default Timeline';
-DefaultTimeline.args = {
+export const Default = Template.bind({});
+Default.args = {
   children: (
     <>
       <Timeline.Item>
diff --git a/src/lib/components/Timeline/TimelineBody.tsx b/src/lib/components/Timeline/TimelineBody.tsx
index 8668b03f5..03df2df20 100644
--- a/src/lib/components/Timeline/TimelineBody.tsx
+++ b/src/lib/components/Timeline/TimelineBody.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
 
 export type TimelineBodyProps = PropsWithChildren<
diff --git a/src/lib/components/Timeline/TimelineContent.tsx b/src/lib/components/Timeline/TimelineContent.tsx
index 2f99bd130..dd555de41 100644
--- a/src/lib/components/Timeline/TimelineContent.tsx
+++ b/src/lib/components/Timeline/TimelineContent.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
 import { useTimelineContext } from './TimelineContext';
 
diff --git a/src/lib/components/Timeline/TimelineItem.tsx b/src/lib/components/Timeline/TimelineItem.tsx
index 889dea9fc..ea5e2dbb6 100644
--- a/src/lib/components/Timeline/TimelineItem.tsx
+++ b/src/lib/components/Timeline/TimelineItem.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
 import { useTimelineContext } from './TimelineContext';
 
diff --git a/src/lib/components/Timeline/TimelinePoint.tsx b/src/lib/components/Timeline/TimelinePoint.tsx
index b1697a2fe..73970e9c3 100644
--- a/src/lib/components/Timeline/TimelinePoint.tsx
+++ b/src/lib/components/Timeline/TimelinePoint.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
 import { useTimelineContext } from './TimelineContext';
 
diff --git a/src/lib/components/Timeline/TimelineTime.tsx b/src/lib/components/Timeline/TimelineTime.tsx
index 11fac27e8..3009ce77d 100644
--- a/src/lib/components/Timeline/TimelineTime.tsx
+++ b/src/lib/components/Timeline/TimelineTime.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
 
 export type TimelineTimeProps = PropsWithChildren<
diff --git a/src/lib/components/Timeline/TimelineTitle.tsx b/src/lib/components/Timeline/TimelineTitle.tsx
index 72228ac5f..816d838af 100644
--- a/src/lib/components/Timeline/TimelineTitle.tsx
+++ b/src/lib/components/Timeline/TimelineTitle.tsx
@@ -1,6 +1,6 @@
-import { FC, PropsWithChildren, ComponentProps } from 'react';
+import type { FC, PropsWithChildren, ComponentProps } from 'react';
 import classNames from 'classnames';
-import { FlowbiteHeadingLevel } from '../Flowbite/FlowbiteTheme';
+import type { FlowbiteHeadingLevel } from '../Flowbite/FlowbiteTheme';
 
 export type TimelineTitleProps = PropsWithChildren<
   ComponentProps<FlowbiteHeadingLevel> & {
diff --git a/src/lib/components/Timeline/index.tsx b/src/lib/components/Timeline/index.tsx
index 25a5c156a..d882b9a66 100644
--- a/src/lib/components/Timeline/index.tsx
+++ b/src/lib/components/Timeline/index.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { TimelineItem } from './TimelineItem';
 import { TimelineContext } from './TimelineContext';
diff --git a/src/lib/components/Toast/Toast.stories.tsx b/src/lib/components/Toast/Toast.stories.tsx
index d44a0b0b1..5a5f9c5b5 100644
--- a/src/lib/components/Toast/Toast.stories.tsx
+++ b/src/lib/components/Toast/Toast.stories.tsx
@@ -1,7 +1,8 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import { HiFire } from 'react-icons/hi';
 
-import { Toast, ToastProps } from '.';
+import type { ToastProps } from '.';
+import { Toast } from '.';
 
 export default {
   title: 'Components/Toast',
diff --git a/src/lib/components/Toast/ToastToggle.tsx b/src/lib/components/Toast/ToastToggle.tsx
index 70279b79c..5d41d72c8 100644
--- a/src/lib/components/Toast/ToastToggle.tsx
+++ b/src/lib/components/Toast/ToastToggle.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 import { useToastContext } from './ToastContext';
 import { HiX } from 'react-icons/hi';
 
diff --git a/src/lib/components/Toast/index.tsx b/src/lib/components/Toast/index.tsx
index af1440363..0b62716ad 100644
--- a/src/lib/components/Toast/index.tsx
+++ b/src/lib/components/Toast/index.tsx
@@ -1,6 +1,8 @@
-import { PropsWithChildren, FC, useState } from 'react';
+import type { PropsWithChildren, FC } from 'react';
+import { useState } from 'react';
 import classNames from 'classnames';
-import { Duration, ToastContext } from './ToastContext';
+import type { Duration } from './ToastContext';
+import { ToastContext } from './ToastContext';
 import { ToastToggle } from './ToastToggle';
 
 export type ToastProps = PropsWithChildren<{
diff --git a/src/lib/components/Tooltip/Tooltip.stories.tsx b/src/lib/components/Tooltip/Tooltip.stories.tsx
index bfef0d65a..7851d2dae 100644
--- a/src/lib/components/Tooltip/Tooltip.stories.tsx
+++ b/src/lib/components/Tooltip/Tooltip.stories.tsx
@@ -1,6 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 
-import { Tooltip, TooltipProps } from '.';
+import type { TooltipProps } from '.';
+import { Tooltip } from '.';
 import { Button } from '../Button';
 
 export default {
diff --git a/src/lib/components/Tooltip/index.tsx b/src/lib/components/Tooltip/index.tsx
index 1d782cb2e..16fdf81ae 100644
--- a/src/lib/components/Tooltip/index.tsx
+++ b/src/lib/components/Tooltip/index.tsx
@@ -1,10 +1,12 @@
-import { FC, PropsWithChildren, ReactNode, RefObject, useEffect, useRef, useState } from 'react';
+import type { FC, PropsWithChildren, ReactNode, RefObject } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { arrow, autoPlacement, Placement, shift } from '@floating-ui/core';
+import type { Placement } from '@floating-ui/core';
+import { arrow, autoPlacement, shift } from '@floating-ui/core';
+import type { Middleware } from '@floating-ui/react-dom-interactions';
 import {
   autoUpdate,
   flip,
-  Middleware,
   offset,
   useClick,
   useFloating,
diff --git a/src/lib/helpers/exclude.ts b/src/lib/helpers/exclude.ts
index e07e244ac..7c91e7182 100644
--- a/src/lib/helpers/exclude.ts
+++ b/src/lib/helpers/exclude.ts
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 
 export interface ExcludeProps {
   key: string;
diff --git a/src/lib/helpers/mergeDeep.ts b/src/lib/helpers/mergeDeep.ts
index 9ab5d0640..1178caa16 100644
--- a/src/lib/helpers/mergeDeep.ts
+++ b/src/lib/helpers/mergeDeep.ts
@@ -5,7 +5,7 @@
  * @param item
  * @returns {boolean}
  */
-export function isObject(item: any) {
+export function isObject(item: unknown) {
   return item && typeof item === 'object' && !Array.isArray(item);
 }
 
@@ -14,7 +14,10 @@ export function isObject(item: any) {
  * @param target
  * @param ...sources
  */
-export function mergeDeep(target: any, ...sources: any[]): any {
+export function mergeDeep(
+  target: Record<string, unknown>,
+  ...sources: Record<string, unknown>[]
+): Record<string, unknown> {
   if (!sources.length) return target;
   const source = sources.shift();
 
@@ -22,7 +25,7 @@ export function mergeDeep(target: any, ...sources: any[]): any {
     for (const key in source) {
       if (isObject(source[key])) {
         if (!target[key]) Object.assign(target, { [key]: {} });
-        mergeDeep(target[key], source[key]);
+        mergeDeep(target[key] as Record<string, unknown>, source[key] as Record<string, unknown>);
       } else {
         Object.assign(target, { [key]: source[key] });
       }
diff --git a/src/setupTests.js b/src/setupTests.js
index b00ac6ab8..99352955f 100644
--- a/src/setupTests.js
+++ b/src/setupTests.js
@@ -1,3 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
+import ResizeObserver from 'resize-observer-polyfill';
 
-global.ResizeObserver = require('resize-observer-polyfill');
+// eslint-disable-next-line no-undef
+global.ResizeObserver = ResizeObserver;
diff --git a/tsconfig.json b/tsconfig.json
index b15cf2985..7b0497760 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,21 +1,16 @@
 {
   "compilerOptions": {
-    "target": "ES2021",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,
-    "skipLibCheck": true,
     "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
+    "isolatedModules": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "jsx": "react-jsx",
     "module": "ESNext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["src", "@types"],
-  "exclude": ["node_modules", "dist", "src/*.stories.tsx", "src/*.spec.tsx", "src/*.spec.ts"]
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ESNext"
+  }
 }
diff --git a/tsconfig.lib.json b/tsconfig.lib.json
index 92b1c3e6e..74a43f7b4 100644
--- a/tsconfig.lib.json
+++ b/tsconfig.lib.json
@@ -1,22 +1,13 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "lib/cjs",
     "module": "CommonJS",
-    "target": "ESNext",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "jsx": "react-jsx",
-    "moduleResolution": "node",
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "esModuleInterop": true,
-    "noImplicitThis": true,
     "noImplicitAny": true,
-    "skipLibCheck": true,
-    "strictNullChecks": true,
-    "resolveJsonModule": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "allowSyntheticDefaultImports": true
+    "noImplicitThis": true,
+    "outDir": "lib/cjs"
   },
-  "include": ["src/lib"],
-  "exclude": ["**/**.spec.tsx", "**/**.stories.tsx"]
+  "exclude": ["**/*.spec.tsx", "**/*.stories.tsx"],
+  "include": ["src/lib"]
 }
diff --git a/yarn.lock b/yarn.lock
index 8b323b04c..9cd81243b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -18,13 +18,6 @@
     jsonpointer "^5.0.0"
     leven "^3.1.0"
 
-"@babel/code-frame@7.12.11":
-  version "7.12.11"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
-  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
-  dependencies:
-    "@babel/highlight" "^7.10.4"
-
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
@@ -316,7 +309,7 @@
     "@babel/traverse" "^7.17.9"
     "@babel/types" "^7.17.0"
 
-"@babel/highlight@^7.10.4", "@babel/highlight@^7.16.7":
+"@babel/highlight@^7.16.7":
   version "7.16.10"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.10.tgz#744f2eb81579d6eea753c227b0f570ad785aba88"
   integrity sha512-5FnTQLSLswEj6IkgVw5KusNUUFY9ZGqe/TRFnP/BKYHYgfh7tc+C7mwiy95/yNP7Dh9x580Vv8r7u7ZfTBFxdw==
@@ -1546,21 +1539,6 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
   integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
 
-"@eslint/eslintrc@^0.4.3":
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
-  integrity sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.1.1"
-    espree "^7.3.0"
-    globals "^13.9.0"
-    ignore "^4.0.6"
-    import-fresh "^3.2.1"
-    js-yaml "^3.13.1"
-    minimatch "^3.0.4"
-    strip-json-comments "^3.1.1"
-
 "@eslint/eslintrc@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.2.0.tgz#7ce1547a5c46dfe56e1e45c3c9ed18038c721c6a"
@@ -1576,6 +1554,21 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@eslint/eslintrc@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.0.tgz#29f92c30bb3e771e4a2048c95fa6855392dfac4f"
+  integrity sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.3.2"
+    globals "^13.15.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
 "@floating-ui/core@^0.6.2":
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-0.6.2.tgz#f2813f0e5f3d5ed7af5029e1a082203dadf02b7d"
@@ -1622,15 +1615,6 @@
   dependencies:
     "@hapi/hoek" "^9.0.0"
 
-"@humanwhocodes/config-array@^0.5.0":
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
-  integrity sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.0"
-    debug "^4.1.1"
-    minimatch "^3.0.4"
-
 "@humanwhocodes/config-array@^0.9.2":
   version "0.9.5"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"
@@ -1640,7 +1624,7 @@
     debug "^4.1.1"
     minimatch "^3.0.4"
 
-"@humanwhocodes/object-schema@^1.2.0", "@humanwhocodes/object-schema@^1.2.1":
+"@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
@@ -3772,7 +3756,22 @@
   dependencies:
     "@types/node" "*"
 
-"@typescript-eslint/eslint-plugin@^5.10.1", "@typescript-eslint/eslint-plugin@^5.5.0":
+"@typescript-eslint/eslint-plugin@^5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.27.0.tgz#23d82a4f21aaafd8f69dbab7e716323bb6695cc8"
+  integrity sha512-DDrIA7GXtmHXr1VCcx9HivA39eprYBIFxbQEHI6NyraRDxCGpxAFiYQAT/1Y0vh1C+o2vfBiy4IuPoXxtTZCAQ==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.27.0"
+    "@typescript-eslint/type-utils" "5.27.0"
+    "@typescript-eslint/utils" "5.27.0"
+    debug "^4.3.4"
+    functional-red-black-tree "^1.0.1"
+    ignore "^5.2.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/eslint-plugin@^5.5.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.13.0.tgz#2809052b85911ced9c54a60dac10e515e9114497"
   integrity sha512-vLktb2Uec81fxm/cfz2Hd6QaWOs8qdmVAZXLdOBX6JFJDhf6oDZpMzZ4/LZ6SFM/5DgDcxIMIvy3F+O9yZBuiQ==
@@ -3794,7 +3793,17 @@
   dependencies:
     "@typescript-eslint/utils" "5.18.0"
 
-"@typescript-eslint/parser@^5.10.1", "@typescript-eslint/parser@^5.5.0":
+"@typescript-eslint/parser@^5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.27.0.tgz#62bb091ed5cf9c7e126e80021bb563dcf36b6b12"
+  integrity sha512-8oGjQF46c52l7fMiPPvX4It3u3V3JipssqDfHQ2hcR0AeR8Zge+OYyKUCm5b70X72N1qXt0qgHenwN6Gc2SXZA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.27.0"
+    "@typescript-eslint/types" "5.27.0"
+    "@typescript-eslint/typescript-estree" "5.27.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/parser@^5.5.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.13.0.tgz#0394ed8f2f849273c0bf4b811994d177112ced5c"
   integrity sha512-GdrU4GvBE29tm2RqWOM0P5QfCtgCyN4hXICj/X9ibKED16136l9ZpoJvCL5pSKtmJzA+NRDzQ312wWMejCVVfg==
@@ -3820,6 +3829,14 @@
     "@typescript-eslint/types" "5.18.0"
     "@typescript-eslint/visitor-keys" "5.18.0"
 
+"@typescript-eslint/scope-manager@5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.27.0.tgz#a272178f613050ed62f51f69aae1e19e870a8bbb"
+  integrity sha512-VnykheBQ/sHd1Vt0LJ1JLrMH1GzHO+SzX6VTXuStISIsvRiurue/eRkTqSrG0CexHQgKG8shyJfR4o5VYioB9g==
+  dependencies:
+    "@typescript-eslint/types" "5.27.0"
+    "@typescript-eslint/visitor-keys" "5.27.0"
+
 "@typescript-eslint/type-utils@5.13.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.13.0.tgz#b0efd45c85b7bab1125c97b752cab3a86c7b615d"
@@ -3829,6 +3846,15 @@
     debug "^4.3.2"
     tsutils "^3.21.0"
 
+"@typescript-eslint/type-utils@5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.27.0.tgz#36fd95f6747412251d79c795b586ba766cf0974b"
+  integrity sha512-vpTvRRchaf628Hb/Xzfek+85o//zEUotr1SmexKvTfs7czXfYjXVT/a5yDbpzLBX1rhbqxjDdr1Gyo0x1Fc64g==
+  dependencies:
+    "@typescript-eslint/utils" "5.27.0"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/types@5.13.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.13.0.tgz#da1de4ae905b1b9ff682cab0bed6b2e3be9c04e5"
@@ -3839,6 +3865,11 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.18.0.tgz#4f0425d85fdb863071680983853c59a62ce9566e"
   integrity sha512-bhV1+XjM+9bHMTmXi46p1Led5NP6iqQcsOxgx7fvk6gGiV48c6IynY0apQb7693twJDsXiVzNXTflhplmaiJaw==
 
+"@typescript-eslint/types@5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.27.0.tgz#c3f44b9dda6177a9554f94a74745ca495ba9c001"
+  integrity sha512-lY6C7oGm9a/GWhmUDOs3xAVRz4ty/XKlQ2fOLr8GAIryGn0+UBOoJDWyHer3UgrHkenorwvBnphhP+zPmzmw0A==
+
 "@typescript-eslint/typescript-estree@5.13.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.13.0.tgz#b37c07b748ff030a3e93d87c842714e020b78141"
@@ -3865,6 +3896,19 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
+"@typescript-eslint/typescript-estree@5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.27.0.tgz#7965f5b553c634c5354a47dcce0b40b94611e995"
+  integrity sha512-QywPMFvgZ+MHSLRofLI7BDL+UczFFHyj0vF5ibeChDAJgdTV8k4xgEwF0geFhVlPc1p8r70eYewzpo6ps+9LJQ==
+  dependencies:
+    "@typescript-eslint/types" "5.27.0"
+    "@typescript-eslint/visitor-keys" "5.27.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/utils@5.13.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.13.0.tgz#2328feca700eb02837298339a2e49c46b41bd0af"
@@ -3889,6 +3933,18 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
+"@typescript-eslint/utils@5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.27.0.tgz#d0021cbf686467a6a9499bd0589e19665f9f7e71"
+  integrity sha512-nZvCrkIJppym7cIbP3pOwIkAefXOmfGPnCM0LQfzNaKxJHI6VjI8NC662uoiPlaf5f6ymkTy9C3NQXev2mdXmA==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@typescript-eslint/scope-manager" "5.27.0"
+    "@typescript-eslint/types" "5.27.0"
+    "@typescript-eslint/typescript-estree" "5.27.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
 "@typescript-eslint/visitor-keys@5.13.0":
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.13.0.tgz#f45ff55bcce16403b221ac9240fbeeae4764f0fd"
@@ -3905,6 +3961,14 @@
     "@typescript-eslint/types" "5.18.0"
     eslint-visitor-keys "^3.0.0"
 
+"@typescript-eslint/visitor-keys@5.27.0":
+  version "5.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.27.0.tgz#97aa9a5d2f3df8215e6d3b77f9d214a24db269bd"
+  integrity sha512-46cYrteA2MrIAjv9ai44OQDUoCZyHeGIc4lsjCUX2WT6r4C+kidz1bNiR4017wHOPUythYeH+Sc7/cFP97KEAA==
+  dependencies:
+    "@typescript-eslint/types" "5.27.0"
+    eslint-visitor-keys "^3.3.0"
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -4215,7 +4279,7 @@ acorn-import-assertions@^1.7.6:
   resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
   integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
 
-acorn-jsx@^5.3.1:
+acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
@@ -4244,7 +4308,7 @@ acorn@^6.4.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
   integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
 
-acorn@^7.0.0, acorn@^7.1.1, acorn@^7.4.0, acorn@^7.4.1:
+acorn@^7.0.0, acorn@^7.1.1, acorn@^7.4.1:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@@ -4254,6 +4318,11 @@ acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
   integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
 
+acorn@^8.7.1:
+  version "8.7.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
+  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -4344,7 +4413,7 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.0.1, ajv@^8.6.0, ajv@^8.8.0:
+ajv@^8.0.0, ajv@^8.6.0, ajv@^8.8.0:
   version "8.10.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.10.0.tgz#e573f719bd3af069017e3b66538ab968d040e54d"
   integrity sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==
@@ -4556,6 +4625,17 @@ array-includes@^3.0.3, array-includes@^3.1.3, array-includes@^3.1.4:
     get-intrinsic "^1.1.1"
     is-string "^1.0.7"
 
+array-includes@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.5.tgz#2c320010db8d31031fd2a5f6b3bbd4b1aad31bdb"
+  integrity sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+    get-intrinsic "^1.1.1"
+    is-string "^1.0.7"
+
 array-union@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
@@ -4596,6 +4676,16 @@ array.prototype.flatmap@^1.2.1, array.prototype.flatmap@^1.2.5:
     define-properties "^1.1.3"
     es-abstract "^1.19.0"
 
+array.prototype.flatmap@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz#a7e8ed4225f4788a70cd910abcf0791e76a5534f"
+  integrity sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.2"
+    es-shim-unscopables "^1.0.0"
+
 array.prototype.map@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/array.prototype.map/-/array.prototype.map-1.0.4.tgz#0d97b640cfdd036c1b41cfe706a5e699aa0711f2"
@@ -6675,7 +6765,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3:
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -6770,6 +6860,14 @@ define-properties@^1.1.2, define-properties@^1.1.3:
   dependencies:
     object-keys "^1.0.12"
 
+define-properties@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
+  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
+  dependencies:
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
 define-property@^0.2.5:
   version "0.2.5"
   resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
@@ -7229,7 +7327,7 @@ enhanced-resolve@^5.9.2:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-enquirer@^2.3.5, enquirer@^2.3.6:
+enquirer@^2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
   integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
@@ -7288,6 +7386,35 @@ es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.19.1:
     string.prototype.trimstart "^1.0.4"
     unbox-primitive "^1.0.1"
 
+es-abstract@^1.19.2, es-abstract@^1.19.5:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.1.tgz#027292cd6ef44bd12b1913b828116f54787d1814"
+  integrity sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==
+  dependencies:
+    call-bind "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    function.prototype.name "^1.1.5"
+    get-intrinsic "^1.1.1"
+    get-symbol-description "^1.0.0"
+    has "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.3"
+    is-callable "^1.2.4"
+    is-negative-zero "^2.0.2"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    is-string "^1.0.7"
+    is-weakref "^1.0.2"
+    object-inspect "^1.12.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.2"
+    regexp.prototype.flags "^1.4.3"
+    string.prototype.trimend "^1.0.5"
+    string.prototype.trimstart "^1.0.5"
+    unbox-primitive "^1.0.2"
+
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
@@ -7312,6 +7439,13 @@ es-module-lexer@^0.9.0:
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
+es-shim-unscopables@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
+  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
+  dependencies:
+    has "^1.0.3"
+
 es-to-primitive@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
@@ -7368,10 +7502,10 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-prettier@^8.3.0:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.4.0.tgz#8e6d17c7436649e98c4c2189868562921ef563de"
-  integrity sha512-CFotdUcMY18nGRo5KGsnNxpznzhkopOcOo0InID+sgQssPrzjvsyKZPvOgymTFeHrFuC3Tzdf2YndhXtULK9Iw==
+eslint-config-prettier@^8.5.0:
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
+  integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
 
 eslint-config-react-app@^7.0.0:
   version "7.0.0"
@@ -7461,10 +7595,10 @@ eslint-plugin-jsx-a11y@^6.5.1:
     language-tags "^1.0.5"
     minimatch "^3.0.4"
 
-eslint-plugin-prettier@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.1.tgz#e9ddb200efb6f3d05ffe83b1665a716af4a387e5"
-  integrity sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==
+eslint-plugin-prettier@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz#8b99d1e4b8b24a762472b4567992023619cb98e0"
+  integrity sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
@@ -7473,7 +7607,12 @@ eslint-plugin-react-hooks@^4.3.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.3.0.tgz#318dbf312e06fab1c835a4abef00121751ac1172"
   integrity sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==
 
-eslint-plugin-react@^7.27.1, eslint-plugin-react@^7.28.0:
+eslint-plugin-react-hooks@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.5.0.tgz#5f762dfedf8b2cf431c689f533c9d3fa5dcf25ad"
+  integrity sha512-8k1gRt7D7h03kd+SAAlzXkQwWK22BnK6GKZG+FJA6BAGy22CFvl8kCIXKpVux0cCxMWDQUPqSok0LKaZ0aOcCw==
+
+eslint-plugin-react@^7.27.1:
   version "7.29.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.29.2.tgz#2d4da69d30d0a736efd30890dc6826f3e91f3f7c"
   integrity sha512-ypEBTKOy5liFQXZWMchJ3LN0JX1uPI6n7MN7OPHKacqXAxq5gYC30TdO7wqGYQyxD1OrzpobdHC3hDmlRWDg9w==
@@ -7493,10 +7632,30 @@ eslint-plugin-react@^7.27.1, eslint-plugin-react@^7.28.0:
     semver "^6.3.0"
     string.prototype.matchall "^4.0.6"
 
-eslint-plugin-storybook@^0.5.8:
-  version "0.5.8"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-0.5.8.tgz#2830cad780e20c2642874e79486f0c075d5ddf82"
-  integrity sha512-k67mXT9dOl0z8RFWL9SAQ38NaNst6BjCUDQudaDGjMJHrXncOfCSOz9ROGIVu//zVepZw8D3abdGn9OVvyJ3QA==
+eslint-plugin-react@^7.30.0:
+  version "7.30.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.30.0.tgz#8e7b1b2934b8426ac067a0febade1b13bd7064e3"
+  integrity sha512-RgwH7hjW48BleKsYyHK5vUAvxtE9SMPDKmcPRQgtRCYaZA0XQPt5FSkrU3nhz5ifzMZcA8opwmRJ2cmOO8tr5A==
+  dependencies:
+    array-includes "^3.1.5"
+    array.prototype.flatmap "^1.3.0"
+    doctrine "^2.1.0"
+    estraverse "^5.3.0"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.5"
+    object.fromentries "^2.0.5"
+    object.hasown "^1.1.1"
+    object.values "^1.1.5"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.3"
+    semver "^6.3.0"
+    string.prototype.matchall "^4.0.7"
+
+eslint-plugin-storybook@^0.5.12:
+  version "0.5.12"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-0.5.12.tgz#b84d38400b91a9abdf15cd2c81644bff27861a96"
+  integrity sha512-ojuNKnrZFrQpm5N5Lp8UR0VEn4HtLjlNn6nxQAYlmTsEXNigtId1XPuMbXAsvFcEmv3RTb5l+9tZgkhSURfACg==
   dependencies:
     "@storybook/csf" "^0.0.1"
     "@typescript-eslint/experimental-utils" "^5.3.0"
@@ -7533,13 +7692,6 @@ eslint-scope@^7.1.1:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-utils@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
-  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
 eslint-utils@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
@@ -7547,11 +7699,6 @@ eslint-utils@^3.0.0:
   dependencies:
     eslint-visitor-keys "^2.0.0"
 
-eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
-  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
-
 eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
@@ -7573,49 +7720,44 @@ eslint-webpack-plugin@^3.1.1:
     normalize-path "^3.0.0"
     schema-utils "^3.1.1"
 
-eslint@^7.32.0:
-  version "7.32.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
-  integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
+eslint@^8.17.0:
+  version "8.17.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.17.0.tgz#1cfc4b6b6912f77d24b874ca1506b0fe09328c21"
+  integrity sha512-gq0m0BTJfci60Fz4nczYxNAlED+sMcihltndR8t9t1evnU/azx53x3t2UHXC/uRjcbvRw/XctpaNygSTcQD+Iw==
   dependencies:
-    "@babel/code-frame" "7.12.11"
-    "@eslint/eslintrc" "^0.4.3"
-    "@humanwhocodes/config-array" "^0.5.0"
+    "@eslint/eslintrc" "^1.3.0"
+    "@humanwhocodes/config-array" "^0.9.2"
     ajv "^6.10.0"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
-    debug "^4.0.1"
+    debug "^4.3.2"
     doctrine "^3.0.0"
-    enquirer "^2.3.5"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^2.1.0"
-    eslint-visitor-keys "^2.0.0"
-    espree "^7.3.1"
+    eslint-scope "^7.1.1"
+    eslint-utils "^3.0.0"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.3.2"
     esquery "^1.4.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
     functional-red-black-tree "^1.0.1"
-    glob-parent "^5.1.2"
-    globals "^13.6.0"
-    ignore "^4.0.6"
+    glob-parent "^6.0.1"
+    globals "^13.15.0"
+    ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
-    js-yaml "^3.13.1"
+    js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
     lodash.merge "^4.6.2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.1"
-    progress "^2.0.0"
-    regexpp "^3.1.0"
-    semver "^7.2.1"
-    strip-ansi "^6.0.0"
+    regexpp "^3.2.0"
+    strip-ansi "^6.0.1"
     strip-json-comments "^3.1.0"
-    table "^6.0.9"
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
@@ -7660,15 +7802,6 @@ eslint@^8.3.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^7.3.0, espree@^7.3.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
-  integrity sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==
-  dependencies:
-    acorn "^7.4.0"
-    acorn-jsx "^5.3.1"
-    eslint-visitor-keys "^1.3.0"
-
 espree@^9.3.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.1.tgz#8793b4bc27ea4c778c19908e0719e7b8f4115bcd"
@@ -7678,6 +7811,15 @@ espree@^9.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^3.3.0"
 
+espree@^9.3.2:
+  version "9.3.2"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
+  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
+  dependencies:
+    acorn "^8.7.1"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.3.0"
+
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -8389,7 +8531,7 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
-function.prototype.name@^1.1.0:
+function.prototype.name@^1.1.0, function.prototype.name@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
   integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
@@ -8647,6 +8789,13 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
+globals@^13.15.0:
+  version "13.15.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.15.0.tgz#38113218c907d2f7e98658af246cef8b77e90bac"
+  integrity sha512-bpzcOlgDhMG070Av0Vy5Owklpv1I6+j96GhUI7Rh7IzDCKLzboflLrrfqMu8NquDbiR4EOQk7XzJwqVJxicxog==
+  dependencies:
+    type-fest "^0.20.2"
+
 globals@^13.6.0, globals@^13.9.0:
   version "13.12.1"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.12.1.tgz#ec206be932e6c77236677127577aa8e50bf1c5cb"
@@ -8661,7 +8810,7 @@ globalthis@^1.0.0:
   dependencies:
     define-properties "^1.1.3"
 
-globby@^11.0.1, globby@^11.0.2, globby@^11.0.4:
+globby@^11.0.1, globby@^11.0.2, globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -8731,6 +8880,11 @@ has-bigints@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
   integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
 
+has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -8748,6 +8902,13 @@ has-glob@^1.0.0:
   dependencies:
     is-glob "^3.0.0"
 
+has-property-descriptors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
+  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+  dependencies:
+    get-intrinsic "^1.1.1"
+
 has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
@@ -9550,7 +9711,7 @@ is-module@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
   integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
 
-is-negative-zero@^2.0.1:
+is-negative-zero@^2.0.1, is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
   integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
@@ -9659,6 +9820,13 @@ is-shared-array-buffer@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz#97b0c85fbdacb59c9c446fe653b82cf2b5b7cfe6"
   integrity sha512-IU0NmyknYZN0rChcKhRO1X8LYz5Isj/Fsqh8NJOSf+N/hCOTwy29F32Ik7a+QszE63IdvmwdTPDd6cZ5pg4cwA==
 
+is-shared-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
+  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+  dependencies:
+    call-bind "^1.0.2"
+
 is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
@@ -9700,7 +9868,7 @@ is-unicode-supported@^0.1.0:
   resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
   integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
 
-is-weakref@^1.0.1:
+is-weakref@^1.0.1, is-weakref@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
   integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
@@ -10759,11 +10927,6 @@ lodash.sortby@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
   integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
 
-lodash.truncate@^4.4.2:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
-  integrity sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=
-
 lodash.uniq@4.5.0, lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -11616,6 +11779,14 @@ object.hasown@^1.1.0:
     define-properties "^1.1.3"
     es-abstract "^1.19.1"
 
+object.hasown@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.1.tgz#ad1eecc60d03f49460600430d97f23882cf592a3"
+  integrity sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==
+  dependencies:
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@@ -12790,11 +12961,6 @@ process@^0.11.10:
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
 
-progress@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
 promise-inflight@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
@@ -13473,7 +13639,16 @@ regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.4.1:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
 
-regexpp@^3.1.0, regexpp@^3.2.0:
+regexp.prototype.flags@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
+  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    functions-have-names "^1.2.2"
+
+regexpp@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
@@ -13941,7 +14116,7 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@7.3.5, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
+semver@7.3.5, semver@^7.1.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
   version "7.3.5"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
   integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
@@ -13953,6 +14128,13 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
+semver@^7.3.7:
+  version "7.3.7"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
+  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
+  dependencies:
+    lru-cache "^6.0.0"
+
 send@0.17.2:
   version "0.17.2"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.2.tgz#926622f76601c41808012c8bf1688fe3906f7820"
@@ -14564,7 +14746,7 @@ string-width@^5.0.0:
     emoji-regex "^9.2.2"
     strip-ansi "^7.0.1"
 
-"string.prototype.matchall@^4.0.0 || ^3.0.1", string.prototype.matchall@^4.0.6:
+"string.prototype.matchall@^4.0.0 || ^3.0.1", string.prototype.matchall@^4.0.6, string.prototype.matchall@^4.0.7:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz#8e6ecb0d8a1fb1fda470d81acecb2dba057a481d"
   integrity sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==
@@ -14604,6 +14786,15 @@ string.prototype.trimend@^1.0.4:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
 
+string.prototype.trimend@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
+  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+
 string.prototype.trimstart@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
@@ -14612,6 +14803,15 @@ string.prototype.trimstart@^1.0.4:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
 
+string.prototype.trimstart@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
+  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -14830,17 +15030,6 @@ synchronous-promise@^2.0.15:
   resolved "https://registry.yarnpkg.com/synchronous-promise/-/synchronous-promise-2.0.15.tgz#07ca1822b9de0001f5ff73595f3d08c4f720eb8e"
   integrity sha512-k8uzYIkIVwmT+TcglpdN50pS2y1BDcUnBPK9iJeGu0Pl1lOI8pD6wtzgw91Pjpe+RxtTncw32tLxs/R0yNL2Mg==
 
-table@^6.0.9:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca"
-  integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==
-  dependencies:
-    ajv "^8.0.1"
-    lodash.truncate "^4.4.2"
-    slice-ansi "^4.0.0"
-    string-width "^4.2.3"
-    strip-ansi "^6.0.1"
-
 tailwindcss@^3.0.2, tailwindcss@^3.0.24:
   version "3.0.24"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.0.24.tgz#22e31e801a44a78a1d9a81ecc52e13b69d85704d"
@@ -15345,6 +15534,16 @@ unbox-primitive@^1.0.1:
     has-symbols "^1.0.2"
     which-boxed-primitive "^1.0.2"
 
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
 unfetch@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-4.2.0.tgz#7e21b0ef7d363d8d9af0fb929a5555f6ef97a3be"