From 9c68fa3d809667aa845601fc47d805f428eda7a2 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Thu, 21 Dec 2023 19:58:00 -0500
Subject: [PATCH 01/33] Start of search component

---
 package-lock.json                    | 772 +++++++++++++++++++++++----
 package.json                         |  14 +-
 src/app/globals.css                  |   4 +-
 src/app/page.tsx                     | 108 +---
 src/components/Search/Search.tsx     |  90 ++++
 src/components/Search/SearchIcon.tsx |  27 +
 tailwind.config.ts                   |   5 +-
 7 files changed, 804 insertions(+), 216 deletions(-)
 create mode 100644 src/components/Search/Search.tsx
 create mode 100644 src/components/Search/SearchIcon.tsx

diff --git a/package-lock.json b/package-lock.json
index a5bc2ca..f99fb4e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,10 @@
       "name": "ui-components",
       "version": "0.1.0",
       "dependencies": {
+        "@nextui-org/input": "^2.1.16",
+        "@nextui-org/system": "^2.0.15",
+        "@nextui-org/theme": "^2.1.17",
+        "framer-motion": "^10.16.16",
         "next": "14.0.4",
         "react": "^18",
         "react-dom": "^18"
@@ -37,7 +41,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -49,7 +52,6 @@
       "version": "7.23.6",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
       "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
-      "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -57,6 +59,21 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "dependencies": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -113,6 +130,50 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.18.0.tgz",
+      "integrity": "sha512-PEVLoa3zBevWSCZzPIM/lvPCi8P5l4G+NXQMc/CjEiaCWgyHieUoo0nM7Bs0n/NbuQ6JpXEolivQ9pKSBHaDlA==",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "0.5.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz",
+      "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.7.3.tgz",
+      "integrity": "sha512-X/jy10V9S/vW+qlplqhMUxR8wErQ0mmIYSq4mrjpjDl9mbuGcCILcI1SUYkL5nlM4PJqpc0KOS0bFkkJNPxYRw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.18.0",
+        "@formatjs/icu-skeleton-parser": "1.7.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.7.0.tgz",
+      "integrity": "sha512-Cfdo/fgbZzpN/jlN/ptQVe0lRHora+8ezrEeg2RfrNjyp+YStwBy7cqDY8k5/z2LzXg6O0AdzAV91XS0zIWv+A==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.18.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.2.tgz",
+      "integrity": "sha512-txaaE2fiBMagLrR4jYhxzFO6wEdEG4TPMqrzBAcbr4HFUYzH/YC+lg6OIzKCHm8WgDdyQevxbAAV1OgcXctuGw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.13",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
@@ -146,11 +207,43 @@
       "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
       "dev": true
     },
+    "node_modules/@internationalized/date": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.5.1.tgz",
+      "integrity": "sha512-LUQIfwU9e+Fmutc/DpRTGXSdgYZLBegi4wygCWDSVmUdLTaMHsQyASDiJtREwanwKuQLq0hY76fCJ9J/9I2xOQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/message": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.1.tgz",
+      "integrity": "sha512-ZgHxf5HAPIaR0th+w0RUD62yF6vxitjlprSxmLJ1tam7FOekqRSDELMg4Cr/DdszG5YLsp5BG3FgHgqquQZbqw==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0",
+        "intl-messageformat": "^10.1.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.5.0.tgz",
+      "integrity": "sha512-ZY1BW8HT9WKYvaubbuqXbbDdHhOUMfE2zHHFJeTppid0S+pc8HtdIxFxaYMsGjCb4UsF+MEJ4n2TfU7iHnUK8w==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.0.tgz",
+      "integrity": "sha512-Xx3Sy3f2c9ctT+vh8c7euEaEHQZltp0euZ3Hy4UfT3E13r6lxpUS3kgKyumEjboJZSnaZv7JhqWz3D75v+IxQg==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
       "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -164,7 +257,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
       "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -173,7 +265,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
       "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -181,14 +272,12 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-      "dev": true
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.20",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
       "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -343,11 +432,116 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nextui-org/input": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
+      "integrity": "sha512-nUTlAvsXj5t88ycvQdICxf78/pko6Wznx2OomvYjb3E45eb77twQcWUDhydkJCWIh3b4AhGHSMM6GYxwWUgMDA==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-icons": "2.0.6",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/textfield": "^3.12.2",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/utils": "^3.8.0",
+        "@react-types/shared": "^3.21.0",
+        "@react-types/textfield": "^3.8.1",
+        "react-textarea-autosize": "^8.5.2"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/react-rsc-utils": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.10.tgz",
+      "integrity": "sha512-LNePDEThUF9PAbJW4T8k7EgSfqwlvGku5fIqJ1IA9+OpVy5LqhrUQehjvgXe63N1RupC7Pt+XvaaxkGu9U2FiQ=="
+    },
+    "node_modules/@nextui-org/react-utils": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react-utils/-/react-utils-2.0.10.tgz",
+      "integrity": "sha512-bcA+k7ZdcgcK+r/8nrCtbdgHo0SD6jicbazWIokknFwjb97JQ7ooaMwxnLt5E5sswCAv0XeLwybOmrgm7JA5TA==",
+      "dependencies": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/shared-icons": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
+      "integrity": "sha512-Mw5utPJAclFaeKAZowznEgabI5gdhXrW0iMaMA18Y4zcZRTidAc0WFeGYUlX876NxYLPc1Zk4bZUhQvMe+7uWg==",
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/shared-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/shared-utils/-/shared-utils-2.0.4.tgz",
+      "integrity": "sha512-Ms7A6UCvo/SZt/9Nmb7cZwHe9fZFw+EPsieTnC1vtpvDNCasxrTB0hj9VWFoYfWOaCzzqxl1AL9maIz/gMvckQ==",
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/system": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
+      "integrity": "sha512-WFDq+Rx6D+gmK1YGEG2RBARPK9EOYonQDt5Tq2tUchzOOqj3kXXcM5Z0F3fudM59eIncLa/tX/ApJSTLry+hsw==",
+      "dependencies": {
+        "@nextui-org/system-rsc": "2.0.11",
+        "@react-aria/i18n": "^3.8.4",
+        "@react-aria/overlays": "^3.18.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/utils": "^3.8.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/system-rsc": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@nextui-org/system-rsc/-/system-rsc-2.0.11.tgz",
+      "integrity": "sha512-1QqZ+GM7Ii0rsfSHXS6BBjzKOoLIWwb72nm4h4WgjlMXbRKLZcCQasRHVe5HMSBMvN0JUo7qyGExchfDFl/Ubw==",
+      "dependencies": {
+        "clsx": "^1.2.1"
+      },
+      "peerDependencies": {
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "tailwind-variants": ">=0.1.13"
+      }
+    },
+    "node_modules/@nextui-org/theme": {
+      "version": "2.1.17",
+      "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
+      "integrity": "sha512-/WeHcMrAcWPGsEVn9M9TnvxKkaYkCocBH9JrDYCEFQoJgleUzHd4nVk7MWtpSOYJXLUzUMY1M9AqAK3jBkw+5g==",
+      "dependencies": {
+        "color": "^4.2.3",
+        "color2k": "^2.0.2",
+        "deepmerge": "4.3.1",
+        "flat": "^5.0.2",
+        "lodash.foreach": "^4.5.0",
+        "lodash.get": "^4.4.2",
+        "lodash.kebabcase": "^4.1.1",
+        "lodash.mapkeys": "^4.6.0",
+        "lodash.omit": "^4.5.0",
+        "tailwind-variants": "^0.1.18"
+      },
+      "peerDependencies": {
+        "tailwindcss": "*"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -360,7 +554,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -369,7 +562,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -378,6 +570,258 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@react-aria/focus": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
+      "integrity": "sha512-GP6EYI07E8NKQQcXHjpIocEU0vh0oi0Vcsd+/71fKS0NnTR0TUOEeil0JuuQ9ymkmPDTu51Aaaa4FxVsuN/23A==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/focus/node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@react-aria/form": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.1.tgz",
+      "integrity": "sha512-6586oODMDR4/ciGRwXjpvEAg7tWGSDrXE//waK0n5e5sMuzlPOo1DHc5SpPTvz0XdJsu6VDt2rHdVWVIC9LEyw==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/form": "^3.0.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/i18n": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.10.0.tgz",
+      "integrity": "sha512-sviD5Y1pLPG49HHRmVjR+5nONrp0HK219+nu9Y7cDfUhXu2EjyhMS9t/n9/VZ69hHChZ2PnHYLEE2visu9CuCg==",
+      "dependencies": {
+        "@internationalized/date": "^3.5.1",
+        "@internationalized/message": "^3.1.1",
+        "@internationalized/number": "^3.5.0",
+        "@internationalized/string": "^3.2.0",
+        "@react-aria/ssr": "^3.9.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/interactions": {
+      "version": "3.20.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.20.1.tgz",
+      "integrity": "sha512-PLNBr87+SzRhe9PvvF9qvzYeP4ofTwfKSorwmO+hjr3qoczrSXf4LRQlb27wB6hF10C7ZE/XVbUI1lj4QQrZ/g==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/label": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.4.tgz",
+      "integrity": "sha512-3Y0yyrqpLzZdzHw+TOyzwuyx5wa2ujU5DGfKuL5GFnU9Ii4DtdwBGSYS7Yu7qadU+eQmG4OGhAgFVswbIgIwJw==",
+      "dependencies": {
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/overlays": {
+      "version": "3.20.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
+      "integrity": "sha512-2m7MpRJL5UucbEuu08lMHsiFJoDowkJV4JAIFBZYK1NzVH0vF/A+w9HRNM7jRwx2DUxE+iIsZnl8yKV/7KY8OQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/ssr": "^3.9.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-aria/visually-hidden": "^3.8.8",
+        "@react-stately/overlays": "^3.6.4",
+        "@react-types/button": "^3.9.1",
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/ssr": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
+      "integrity": "sha512-NqzkLFP8ZVI4GSorS0AYljC13QW2sc8bDqJOkBvkAt3M8gbcAXJWVRGtZBCRscki9RZF+rNlnPdg0G0jYkhJcg==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/textfield": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
+      "integrity": "sha512-LtHFcPK/N9m3KWSRM5KdmlIk7cUEk0OF+uBUrfKsGGc1bJKVToimdW7jQusChHmHhslHUR7WQ4KDjXyFjoLXOw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/form": "^3.0.1",
+        "@react-aria/label": "^3.7.4",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/form": "^3.0.0",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/textfield": "^3.9.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/utils": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.23.0.tgz",
+      "integrity": "sha512-fJA63/VU4iQNT8WUvrmll3kvToqMurD69CcgVmbQ56V7ZbvlzFi44E7BpnoaofScYLLtFWRjVdaHsohT6O/big==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.1",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/utils/node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@react-aria/visually-hidden": {
+      "version": "3.8.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.8.tgz",
+      "integrity": "sha512-Cn2PYKD4ijGDtF0+dvsh8qa4y7KTNAlkTG6h20r8Q+6UTyRNmtE2/26QEaApRF8CBiNy9/BZC/ZC4FK2OjvCoA==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/form": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
+      "integrity": "sha512-C8wkfFmtx1escizibhdka5JvTy9/Vp173CS9cakjvWTmnjYYC1nOlzwp7BsYWTgerCFbRY/BU/Cf/bJDxPiUKQ==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/overlays": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
+      "integrity": "sha512-tHEaoAGpE9dSnsskqLPVKum59yGteoSqsniTopodM+miQozbpPlSjdiQnzGLroy5Afx5OZYClE616muNHUILXA==",
+      "dependencies": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/overlays": "^3.8.4",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/utils": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
+      "integrity": "sha512-yPKFY1F88HxuZ15BG2qwAYxtpE4HnIU0Ofi4CuBE0xC6I8mwo4OQjDzi+DZjxQngM9D6AeTTD6F1V8gkozA0Gw==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/button": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
+      "integrity": "sha512-bf9iTar3PtqnyV9rA+wyFyrskZKhwmOuOd/ifYIjPs56YNVXWH5Wfqj6Dx3xdFBgtKx8mEVQxVhoX+WkHX+rtw==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/overlays": {
+      "version": "3.8.4",
+      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
+      "integrity": "sha512-pfgNlQnbF6RB/R2oSxyqAP3Uzz0xE/k5q4n5gUeCDNLjY5qxFHGE8xniZZ503nZYw6VBa9XMN1efDOKQyeiO0w==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/shared": {
+      "version": "3.22.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.22.0.tgz",
+      "integrity": "sha512-yVOekZWbtSmmiThGEIARbBpnmUIuePFlLyctjvCbgJgGhz8JnEJOipLQ/a4anaWfzAgzSceQP8j/K+VOOePleA==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/textfield": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
+      "integrity": "sha512-D/DiwzsfkwlAg3uv8hoIfwju+zhB/hWDEdTvxQbPkntDr0kmN/QfI17NMSzbOBCInC4ABX87ViXLGxr940ykGA==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
@@ -611,14 +1055,12 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -630,8 +1072,7 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
     },
     "node_modules/argparse": {
       "version": "2.0.1",
@@ -863,14 +1304,12 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -879,7 +1318,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -889,7 +1327,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -967,7 +1404,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -1011,7 +1447,6 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -1038,7 +1473,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1051,11 +1485,30 @@
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
     },
+    "node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -1066,14 +1519,26 @@
     "node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/color2k": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/color2k/-/color2k-2.0.3.tgz",
+      "integrity": "sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog=="
     },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -1081,8 +1546,7 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
@@ -1102,7 +1566,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -1145,6 +1608,14 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-data-property": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
@@ -1188,8 +1659,7 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
     },
     "node_modules/dir-glob": {
       "version": "3.0.1",
@@ -1206,8 +1676,7 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -1802,7 +2271,6 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -1818,7 +2286,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1842,7 +2309,6 @@
       "version": "1.16.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
       "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
-      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -1863,7 +2329,6 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -1887,6 +2352,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
     "node_modules/flat-cache": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
@@ -1929,17 +2402,38 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "10.16.16",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.16.16.tgz",
+      "integrity": "sha512-je6j91rd7NmUX7L1XHouwJ4v3R+SO4umso2LUcgOct3rHZ0PajZ80ETYZTajzEXEl9DlKyzjyt4AvGQ+lrebOw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "optionalDependencies": {
+        "@emotion/is-prop-valid": "^0.8.2"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -1953,7 +2447,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -2052,7 +2545,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -2211,7 +2703,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
       "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "dev": true,
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -2257,7 +2748,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -2266,8 +2756,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/internal-slot": {
       "version": "1.0.6",
@@ -2283,6 +2772,17 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/intl-messageformat": {
+      "version": "10.5.8",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.8.tgz",
+      "integrity": "sha512-NRf0jpBWV0vd671G5b06wNofAN8tp7WWDogMZyaU8GUAsmbouyvgwmFJI7zLjfAMpm3zK+vSwRP3jzaoIcMbaA==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.18.0",
+        "@formatjs/fast-memoize": "2.2.0",
+        "@formatjs/icu-messageformat-parser": "2.7.3",
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
@@ -2297,6 +2797,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
     "node_modules/is-async-function": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
@@ -2328,7 +2833,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -2368,7 +2872,6 @@
       "version": "2.13.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
       "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "dev": true,
       "dependencies": {
         "hasown": "^2.0.0"
       },
@@ -2395,7 +2898,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2431,7 +2933,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -2464,7 +2965,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -2638,7 +3138,6 @@
       "version": "1.21.0",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
       "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
-      "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -2749,7 +3248,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -2757,8 +3255,7 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
@@ -2775,12 +3272,37 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+    },
+    "node_modules/lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ=="
+    },
+    "node_modules/lodash.kebabcase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g=="
+    },
+    "node_modules/lodash.mapkeys": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.mapkeys/-/lodash.mapkeys-4.6.0.tgz",
+      "integrity": "sha512-0Al+hxpYvONWtg+ZqHpa/GaVzxuN3V7Xeo2p+bY06EaK/n+Y9R7nBePPN2o1LxmL0TWQSwP8LYZ008/hc9JzhA=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/lodash.omit": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.omit/-/lodash.omit-4.5.0.tgz",
+      "integrity": "sha512-XeqSp49hNGmlkj2EJlfrQFIzQ6lXdNro9sddtQzcJY8QaoC2GO0DT7xaIokHeyM+mIT0mPMlPvkYzg2xCuHdZg=="
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -2808,7 +3330,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -2817,7 +3338,6 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
       "dependencies": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -2830,7 +3350,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2857,7 +3376,6 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -2970,7 +3488,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2988,7 +3505,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2997,7 +3513,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -3115,7 +3630,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -3192,7 +3706,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3209,8 +3722,7 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -3230,7 +3742,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -3242,7 +3753,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3251,7 +3761,6 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -3260,7 +3769,6 @@
       "version": "8.4.32",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
       "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -3288,7 +3796,6 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -3305,7 +3812,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -3324,7 +3830,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
       "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -3359,7 +3864,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
       "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==",
-      "dev": true,
       "engines": {
         "node": ">=14"
       }
@@ -3368,7 +3872,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
       "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.11"
       },
@@ -3387,7 +3890,6 @@
       "version": "6.0.13",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
       "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -3399,8 +3901,7 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
     },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
@@ -3435,7 +3936,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -3480,11 +3980,26 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "dev": true
     },
+    "node_modules/react-textarea-autosize": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.3.tgz",
+      "integrity": "sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "use-composed-ref": "^1.3.0",
+        "use-latest": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -3493,7 +4008,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -3524,8 +4038,7 @@
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "dev": true
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.1",
@@ -3548,7 +4061,6 @@
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -3583,7 +4095,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -3608,7 +4119,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -3746,6 +4256,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -3895,7 +4413,6 @@
       "version": "3.34.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
       "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -3917,7 +4434,6 @@
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
       "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -3949,7 +4465,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -3957,11 +4472,34 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/tailwind-merge": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz",
+      "integrity": "sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwind-variants": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-0.1.19.tgz",
+      "integrity": "sha512-D9Yf5WqsxodnCtjZt6KifEoKwW8rTURXQV03KRKlojITQM5gV1vPVWufWNiIvd/ptC3QybYFpwmHK9cs4Ei08Q==",
+      "dependencies": {
+        "tailwind-merge": "^1.14.0"
+      },
+      "engines": {
+        "node": ">=16.x",
+        "pnpm": ">=7.x"
+      },
+      "peerDependencies": {
+        "tailwindcss": "*"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
       "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
-      "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -4013,7 +4551,6 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -4022,7 +4559,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -4034,7 +4570,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -4057,8 +4592,7 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
     },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
@@ -4239,11 +4773,47 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-composed-ref": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.3.0.tgz",
+      "integrity": "sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/use-isomorphic-layout-effect": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
+      "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-latest": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.2.1.tgz",
+      "integrity": "sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==",
+      "dependencies": {
+        "use-isomorphic-layout-effect": "^1.1.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/watchpack": {
       "version": "2.4.0",
@@ -4351,8 +4921,7 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/yallist": {
       "version": "4.0.0",
@@ -4364,7 +4933,6 @@
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
       "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
-      "dev": true,
       "engines": {
         "node": ">= 14"
       }
diff --git a/package.json b/package.json
index 1be6eff..5b8364e 100644
--- a/package.json
+++ b/package.json
@@ -9,19 +9,23 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@nextui-org/input": "^2.1.16",
+    "@nextui-org/system": "^2.0.15",
+    "@nextui-org/theme": "^2.1.17",
+    "framer-motion": "^10.16.16",
+    "next": "14.0.4",
     "react": "^18",
-    "react-dom": "^18",
-    "next": "14.0.4"
+    "react-dom": "^18"
   },
   "devDependencies": {
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.0.4",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
-    "eslint": "^8",
-    "eslint-config-next": "14.0.4"
+    "typescript": "^5"
   }
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index fd81e88..72c9e68 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -18,10 +18,10 @@
 
 body {
   color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
+  /* background: linear-gradient(
       to bottom,
       transparent,
       rgb(var(--background-end-rgb))
     )
-    rgb(var(--background-start-rgb));
+    rgb(var(--background-start-rgb)); */
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b973266..0655605 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,113 +1,9 @@
-import Image from 'next/image'
+import { Search } from '@/components/Search/Search'
 
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
-          Get started by editing&nbsp;
-          <code className="font-mono font-bold">src/app/page.tsx</code>
-        </p>
-        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
-          <a
-            className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
-            href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            By{' '}
-            <Image
-              src="/vercel.svg"
-              alt="Vercel Logo"
-              className="dark:invert"
-              width={100}
-              height={24}
-              priority
-            />
-          </a>
-        </div>
-      </div>
-
-      <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
-        <Image
-          className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
-          src="/next.svg"
-          alt="Next.js Logo"
-          width={180}
-          height={37}
-          priority
-        />
-      </div>
-
-      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
-        <a
-          href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Docs{' '}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
-            Find in-depth information about Next.js features and API.
-          </p>
-        </a>
-
-        <a
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Learn{' '}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
-            Learn about Next.js in an interactive course with&nbsp;quizzes!
-          </p>
-        </a>
-
-        <a
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Templates{' '}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
-            Explore starter templates for Next.js.
-          </p>
-        </a>
-
-        <a
-          href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className={`mb-3 text-2xl font-semibold`}>
-            Deploy{' '}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
-            Instantly deploy your Next.js site to a shareable URL with Vercel.
-          </p>
-        </a>
-      </div>
+      <Search placeholder='Types of potatoes' label='Search'/>
     </main>
   )
 }
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
new file mode 100644
index 0000000..09b2882
--- /dev/null
+++ b/src/components/Search/Search.tsx
@@ -0,0 +1,90 @@
+'use client'
+
+import { Input } from '@nextui-org/input';
+import { SearchIcon } from './SearchIcon'
+import { useSearchParams, useRouter, usePathname } from 'next/navigation'
+import { useState } from 'react'
+
+export const Search = ({
+    label,
+    placeholder,
+}: {
+    label?: string
+    placeholder?: string;
+}) => {
+    const searchParams = useSearchParams()
+    const pathName = usePathname()
+    const { replace } = useRouter()
+    const [searchValue, setSearchValue] = useState(searchParams.get('search') || '');
+    
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const params = new URLSearchParams(searchParams)
+        const value = e.target.value
+        setSearchValue(value)
+
+        if (value) {
+            params.set('search', value)
+        } else {
+            params.delete('search')
+        }
+
+        replace(`${pathName}?${params.toString()}`)
+    }
+
+    const handleClear = () => {
+        const params = new URLSearchParams(searchParams)
+        params.delete('search')
+        replace(`${pathName}?${params.toString()}`)
+        setSearchValue('')
+    }
+
+    const styles = {
+        label: 'text-black/50 dark:text-white/90',
+        input: [
+        'bg-transparent',
+        'text-black/90 dark:text-white/90',
+        'placeholder:text-default-700/50 dark:placeholder:text-white/60',
+        ],
+        innerWrapper: 'bg-transparent',
+        inputWrapper: [
+        'shadow-xl',
+        'bg-default-200/50',
+        'dark:bg-default/60',
+        'backdrop-blur-xl',
+        'backdrop-saturate-200',
+        'hover:bg-default-200/70',
+        'dark:hover:bg-default/70',
+        'group-data-[focused=true]:bg-default-200/50',
+        'dark:group-data-[focused=true]:bg-default/60',
+        '!cursor-text',
+        ],
+    }
+
+    return (
+        <search className='w-[340px]'>
+            <Input
+                label={ label }
+                isClearable
+                value={ searchValue }
+                onClear={ handleClear }
+                radius='lg'
+                onChange={ handleChange }
+                defaultValue={ searchParams.get('search') || '' }
+                classNames={ styles }
+                placeholder={ placeholder }
+                startContent={
+                    <SearchIcon 
+                        className='
+                            text-black/50 
+                            mb-0.5 
+                            dark:text-white/90 
+                            text-slate-400 
+                            pointer-events-none 
+                            flex-shrink-0
+                        ' 
+                    />
+                }
+            />
+        </search>
+    )
+}
\ No newline at end of file
diff --git a/src/components/Search/SearchIcon.tsx b/src/components/Search/SearchIcon.tsx
new file mode 100644
index 0000000..365ed9e
--- /dev/null
+++ b/src/components/Search/SearchIcon.tsx
@@ -0,0 +1,27 @@
+export const SearchIcon = (props) => (
+  <svg
+    aria-hidden='true'
+    fill='none'
+    focusable='false'
+    height='1em'
+    role='presentation'
+    viewBox='0 0 24 24'
+    width='1em'
+    {...props}
+  >
+    <path
+      d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z'
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth='2'
+    />
+    <path
+      d='M22 22L20 20'
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth='2'
+    />
+  </svg>
+)
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 1af3b8f..95521a9 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,10 +1,12 @@
 import type { Config } from 'tailwindcss'
+import { nextui } from '@nextui-org/theme'
 
 const config: Config = {
   content: [
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    './node_modules/@nextui-org/theme/dist/components/input.js',
   ],
   theme: {
     extend: {
@@ -15,6 +17,7 @@ const config: Config = {
       },
     },
   },
-  plugins: [],
+  darkMode: 'class',
+  plugins: [nextui()],
 }
 export default config

From ef109a979afc8218b35b7941ab21680b572fec0d Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Thu, 21 Dec 2023 23:51:28 -0500
Subject: [PATCH 02/33] New props

---
 .vscode/settings.json            |   22 +
 package-lock.json                | 4210 +++++++++++++++++++++++++++++-
 src/components/Search/Search.tsx |   34 +-
 3 files changed, 4145 insertions(+), 121 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..5be0973
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,22 @@
+{
+    "workbench.colorCustomizations": {
+        "activityBar.activeBackground": "#93e6fc",
+        "activityBar.background": "#93e6fc",
+        "activityBar.foreground": "#15202b",
+        "activityBar.inactiveForeground": "#15202b99",
+        "activityBarBadge.background": "#fa45d4",
+        "activityBarBadge.foreground": "#15202b",
+        "commandCenter.border": "#15202b99",
+        "sash.hoverBorder": "#93e6fc",
+        "statusBar.background": "#61dafb",
+        "statusBar.foreground": "#15202b",
+        "statusBarItem.hoverBackground": "#2fcefa",
+        "statusBarItem.remoteBackground": "#61dafb",
+        "statusBarItem.remoteForeground": "#15202b",
+        "titleBar.activeBackground": "#61dafb",
+        "titleBar.activeForeground": "#15202b",
+        "titleBar.inactiveBackground": "#61dafb99",
+        "titleBar.inactiveForeground": "#15202b99"
+    },
+    "peacock.color": "#61dafb"
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index f99fb4e..540c01f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,7 +1,7 @@
 {
   "name": "ui-components",
   "version": "0.1.0",
-  "lockfileVersion": 3,
+  "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
@@ -240,6 +240,47 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -297,6 +338,26 @@
         "glob": "7.1.7"
       }
     },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@next/swc-darwin-arm64": {
       "version": "14.0.4",
       "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
@@ -518,6 +579,14 @@
         "tailwind-variants": ">=0.1.13"
       }
     },
+    "node_modules/@nextui-org/system-rsc/node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@nextui-org/theme": {
       "version": "2.1.17",
       "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
@@ -570,6 +639,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -585,14 +663,6 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@react-aria/focus/node_modules/clsx": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
-      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@react-aria/form": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.1.tgz",
@@ -723,14 +793,6 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@react-aria/utils/node_modules/clsx": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
-      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@react-aria/visually-hidden": {
       "version": "3.8.8",
       "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.8.tgz",
@@ -829,9 +891,9 @@
       "dev": true
     },
     "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.3.tgz",
+      "integrity": "sha512-FaruWX6KdudYloq1AHD/4nU+UsMTdNE8CKyrseXWEcgjDAbvkwJg2QGPAnfIJLIWsjZOSPLOAykK6fuYp4vp4A==",
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -1032,7 +1094,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -1041,7 +1102,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -1318,6 +1378,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1486,9 +1547,9 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
     },
     "node_modules/clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
       "engines": {
         "node": ">=6"
       }
@@ -1546,13 +1607,13 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -1690,6 +1751,11 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.616",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
@@ -1699,8 +1765,7 @@
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
     "node_modules/enhanced-resolve": {
       "version": "5.15.0",
@@ -2389,6 +2454,21 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
+      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -2428,7 +2508,8 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -2522,15 +2603,15 @@
       }
     },
     "node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
         "inherits": "2",
-        "minimatch": "^3.0.4",
+        "minimatch": "^3.1.1",
         "once": "^1.3.0",
         "path-is-absolute": "^1.0.0"
       },
@@ -2748,6 +2829,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -2756,7 +2838,8 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
     },
     "node_modules/internal-slot": {
       "version": "1.0.6",
@@ -2914,6 +2997,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-generator-function": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
@@ -3118,8 +3209,7 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
@@ -3134,6 +3224,23 @@
         "set-function-name": "^2.0.1"
       }
     },
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/jiti": {
       "version": "1.21.0",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
@@ -3350,6 +3457,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -3366,6 +3474,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/minipass": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
+      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -3451,31 +3567,12 @@
         }
       }
     },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+    "node_modules/next/node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
       "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/node-releases": {
@@ -3630,6 +3727,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -3706,6 +3804,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3714,7 +3813,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3724,6 +3822,29 @@
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
+    "node_modules/path-scurry": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
+      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "dependencies": {
+        "lru-cache": "^9.1.1 || ^10.0.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -3766,9 +3887,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
-      "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -3784,7 +3905,7 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.7",
+        "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       },
@@ -4225,7 +4346,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -4237,7 +4357,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4256,6 +4375,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -4289,6 +4419,63 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/string.prototype.matchall": {
       "version": "4.0.10",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
@@ -4358,7 +4545,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -4366,6 +4552,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -4410,13 +4605,13 @@
       }
     },
     "node_modules/sucrase": {
-      "version": "3.34.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
-      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
-        "glob": "7.1.6",
+        "glob": "^10.3.10",
         "lines-and-columns": "^1.1.6",
         "mz": "^2.7.0",
         "pirates": "^4.0.1",
@@ -4427,23 +4622,47 @@
         "sucrase-node": "bin/sucrase-node"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/sucrase/node_modules/glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.5",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+        "path-scurry": "^1.10.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -4831,7 +5050,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -4918,30 +5136,112 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/yaml": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
-      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
       "engines": {
-        "node": ">= 14"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -4949,5 +5249,3703 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     }
+  },
+  "dependencies": {
+    "@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true
+    },
+    "@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="
+    },
+    "@babel/runtime": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      }
+    },
+    "@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "requires": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
+    "@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^3.3.0"
+      }
+    },
+    "@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "dev": true
+    },
+    "@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.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"
+      }
+    },
+    "@eslint/js": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
+      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
+      "dev": true
+    },
+    "@formatjs/ecma402-abstract": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.18.0.tgz",
+      "integrity": "sha512-PEVLoa3zBevWSCZzPIM/lvPCi8P5l4G+NXQMc/CjEiaCWgyHieUoo0nM7Bs0n/NbuQ6JpXEolivQ9pKSBHaDlA==",
+      "requires": {
+        "@formatjs/intl-localematcher": "0.5.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "@formatjs/fast-memoize": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz",
+      "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==",
+      "requires": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "@formatjs/icu-messageformat-parser": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.7.3.tgz",
+      "integrity": "sha512-X/jy10V9S/vW+qlplqhMUxR8wErQ0mmIYSq4mrjpjDl9mbuGcCILcI1SUYkL5nlM4PJqpc0KOS0bFkkJNPxYRw==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.18.0",
+        "@formatjs/icu-skeleton-parser": "1.7.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "@formatjs/icu-skeleton-parser": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.7.0.tgz",
+      "integrity": "sha512-Cfdo/fgbZzpN/jlN/ptQVe0lRHora+8ezrEeg2RfrNjyp+YStwBy7cqDY8k5/z2LzXg6O0AdzAV91XS0zIWv+A==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.18.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "@formatjs/intl-localematcher": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.2.tgz",
+      "integrity": "sha512-txaaE2fiBMagLrR4jYhxzFO6wEdEG4TPMqrzBAcbr4HFUYzH/YC+lg6OIzKCHm8WgDdyQevxbAAV1OgcXctuGw==",
+      "requires": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "@humanwhocodes/config-array": {
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "dev": true,
+      "requires": {
+        "@humanwhocodes/object-schema": "^2.0.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      }
+    },
+    "@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true
+    },
+    "@humanwhocodes/object-schema": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "dev": true
+    },
+    "@internationalized/date": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.5.1.tgz",
+      "integrity": "sha512-LUQIfwU9e+Fmutc/DpRTGXSdgYZLBegi4wygCWDSVmUdLTaMHsQyASDiJtREwanwKuQLq0hY76fCJ9J/9I2xOQ==",
+      "requires": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@internationalized/message": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.1.tgz",
+      "integrity": "sha512-ZgHxf5HAPIaR0th+w0RUD62yF6vxitjlprSxmLJ1tam7FOekqRSDELMg4Cr/DdszG5YLsp5BG3FgHgqquQZbqw==",
+      "requires": {
+        "@swc/helpers": "^0.5.0",
+        "intl-messageformat": "^10.1.0"
+      }
+    },
+    "@internationalized/number": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.5.0.tgz",
+      "integrity": "sha512-ZY1BW8HT9WKYvaubbuqXbbDdHhOUMfE2zHHFJeTppid0S+pc8HtdIxFxaYMsGjCb4UsF+MEJ4n2TfU7iHnUK8w==",
+      "requires": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@internationalized/string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.0.tgz",
+      "integrity": "sha512-Xx3Sy3f2c9ctT+vh8c7euEaEHQZltp0euZ3Hy4UfT3E13r6lxpUS3kgKyumEjboJZSnaZv7JhqWz3D75v+IxQg==",
+      "requires": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "requires": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="
+        },
+        "strip-ansi": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        }
+      }
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "requires": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA=="
+    },
+    "@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "@next/env": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
+      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
+    },
+    "@next/eslint-plugin-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
+      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.7"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.1.7",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+          "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "@next/swc-darwin-arm64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
+      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
+      "optional": true
+    },
+    "@next/swc-darwin-x64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz",
+      "integrity": "sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==",
+      "optional": true
+    },
+    "@next/swc-linux-arm64-gnu": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz",
+      "integrity": "sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==",
+      "optional": true
+    },
+    "@next/swc-linux-arm64-musl": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz",
+      "integrity": "sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==",
+      "optional": true
+    },
+    "@next/swc-linux-x64-gnu": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz",
+      "integrity": "sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==",
+      "optional": true
+    },
+    "@next/swc-linux-x64-musl": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz",
+      "integrity": "sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==",
+      "optional": true
+    },
+    "@next/swc-win32-arm64-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz",
+      "integrity": "sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==",
+      "optional": true
+    },
+    "@next/swc-win32-ia32-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz",
+      "integrity": "sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==",
+      "optional": true
+    },
+    "@next/swc-win32-x64-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz",
+      "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
+      "optional": true
+    },
+    "@nextui-org/input": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
+      "integrity": "sha512-nUTlAvsXj5t88ycvQdICxf78/pko6Wznx2OomvYjb3E45eb77twQcWUDhydkJCWIh3b4AhGHSMM6GYxwWUgMDA==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-icons": "2.0.6",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/textfield": "^3.12.2",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/utils": "^3.8.0",
+        "@react-types/shared": "^3.21.0",
+        "@react-types/textfield": "^3.8.1",
+        "react-textarea-autosize": "^8.5.2"
+      }
+    },
+    "@nextui-org/react-rsc-utils": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.10.tgz",
+      "integrity": "sha512-LNePDEThUF9PAbJW4T8k7EgSfqwlvGku5fIqJ1IA9+OpVy5LqhrUQehjvgXe63N1RupC7Pt+XvaaxkGu9U2FiQ=="
+    },
+    "@nextui-org/react-utils": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react-utils/-/react-utils-2.0.10.tgz",
+      "integrity": "sha512-bcA+k7ZdcgcK+r/8nrCtbdgHo0SD6jicbazWIokknFwjb97JQ7ooaMwxnLt5E5sswCAv0XeLwybOmrgm7JA5TA==",
+      "requires": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4"
+      }
+    },
+    "@nextui-org/shared-icons": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
+      "integrity": "sha512-Mw5utPJAclFaeKAZowznEgabI5gdhXrW0iMaMA18Y4zcZRTidAc0WFeGYUlX876NxYLPc1Zk4bZUhQvMe+7uWg==",
+      "requires": {}
+    },
+    "@nextui-org/shared-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/shared-utils/-/shared-utils-2.0.4.tgz",
+      "integrity": "sha512-Ms7A6UCvo/SZt/9Nmb7cZwHe9fZFw+EPsieTnC1vtpvDNCasxrTB0hj9VWFoYfWOaCzzqxl1AL9maIz/gMvckQ==",
+      "requires": {}
+    },
+    "@nextui-org/system": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
+      "integrity": "sha512-WFDq+Rx6D+gmK1YGEG2RBARPK9EOYonQDt5Tq2tUchzOOqj3kXXcM5Z0F3fudM59eIncLa/tX/ApJSTLry+hsw==",
+      "requires": {
+        "@nextui-org/system-rsc": "2.0.11",
+        "@react-aria/i18n": "^3.8.4",
+        "@react-aria/overlays": "^3.18.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/utils": "^3.8.0"
+      }
+    },
+    "@nextui-org/system-rsc": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@nextui-org/system-rsc/-/system-rsc-2.0.11.tgz",
+      "integrity": "sha512-1QqZ+GM7Ii0rsfSHXS6BBjzKOoLIWwb72nm4h4WgjlMXbRKLZcCQasRHVe5HMSBMvN0JUo7qyGExchfDFl/Ubw==",
+      "requires": {
+        "clsx": "^1.2.1"
+      },
+      "dependencies": {
+        "clsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+          "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+        }
+      }
+    },
+    "@nextui-org/theme": {
+      "version": "2.1.17",
+      "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
+      "integrity": "sha512-/WeHcMrAcWPGsEVn9M9TnvxKkaYkCocBH9JrDYCEFQoJgleUzHd4nVk7MWtpSOYJXLUzUMY1M9AqAK3jBkw+5g==",
+      "requires": {
+        "color": "^4.2.3",
+        "color2k": "^2.0.2",
+        "deepmerge": "4.3.1",
+        "flat": "^5.0.2",
+        "lodash.foreach": "^4.5.0",
+        "lodash.get": "^4.4.2",
+        "lodash.kebabcase": "^4.1.1",
+        "lodash.mapkeys": "^4.6.0",
+        "lodash.omit": "^4.5.0",
+        "tailwind-variants": "^0.1.18"
+      }
+    },
+    "@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "requires": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
+    },
+    "@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      }
+    },
+    "@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "optional": true
+    },
+    "@react-aria/focus": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
+      "integrity": "sha512-GP6EYI07E8NKQQcXHjpIocEU0vh0oi0Vcsd+/71fKS0NnTR0TUOEeil0JuuQ9ymkmPDTu51Aaaa4FxVsuN/23A==",
+      "requires": {
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      }
+    },
+    "@react-aria/form": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.1.tgz",
+      "integrity": "sha512-6586oODMDR4/ciGRwXjpvEAg7tWGSDrXE//waK0n5e5sMuzlPOo1DHc5SpPTvz0XdJsu6VDt2rHdVWVIC9LEyw==",
+      "requires": {
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/form": "^3.0.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/i18n": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.10.0.tgz",
+      "integrity": "sha512-sviD5Y1pLPG49HHRmVjR+5nONrp0HK219+nu9Y7cDfUhXu2EjyhMS9t/n9/VZ69hHChZ2PnHYLEE2visu9CuCg==",
+      "requires": {
+        "@internationalized/date": "^3.5.1",
+        "@internationalized/message": "^3.1.1",
+        "@internationalized/number": "^3.5.0",
+        "@internationalized/string": "^3.2.0",
+        "@react-aria/ssr": "^3.9.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/interactions": {
+      "version": "3.20.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.20.1.tgz",
+      "integrity": "sha512-PLNBr87+SzRhe9PvvF9qvzYeP4ofTwfKSorwmO+hjr3qoczrSXf4LRQlb27wB6hF10C7ZE/XVbUI1lj4QQrZ/g==",
+      "requires": {
+        "@react-aria/ssr": "^3.9.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/label": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.4.tgz",
+      "integrity": "sha512-3Y0yyrqpLzZdzHw+TOyzwuyx5wa2ujU5DGfKuL5GFnU9Ii4DtdwBGSYS7Yu7qadU+eQmG4OGhAgFVswbIgIwJw==",
+      "requires": {
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/overlays": {
+      "version": "3.20.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
+      "integrity": "sha512-2m7MpRJL5UucbEuu08lMHsiFJoDowkJV4JAIFBZYK1NzVH0vF/A+w9HRNM7jRwx2DUxE+iIsZnl8yKV/7KY8OQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/ssr": "^3.9.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-aria/visually-hidden": "^3.8.8",
+        "@react-stately/overlays": "^3.6.4",
+        "@react-types/button": "^3.9.1",
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/ssr": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
+      "integrity": "sha512-NqzkLFP8ZVI4GSorS0AYljC13QW2sc8bDqJOkBvkAt3M8gbcAXJWVRGtZBCRscki9RZF+rNlnPdg0G0jYkhJcg==",
+      "requires": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/textfield": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
+      "integrity": "sha512-LtHFcPK/N9m3KWSRM5KdmlIk7cUEk0OF+uBUrfKsGGc1bJKVToimdW7jQusChHmHhslHUR7WQ4KDjXyFjoLXOw==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/form": "^3.0.1",
+        "@react-aria/label": "^3.7.4",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/form": "^3.0.0",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/textfield": "^3.9.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/utils": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.23.0.tgz",
+      "integrity": "sha512-fJA63/VU4iQNT8WUvrmll3kvToqMurD69CcgVmbQ56V7ZbvlzFi44E7BpnoaofScYLLtFWRjVdaHsohT6O/big==",
+      "requires": {
+        "@react-aria/ssr": "^3.9.1",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      }
+    },
+    "@react-aria/visually-hidden": {
+      "version": "3.8.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.8.tgz",
+      "integrity": "sha512-Cn2PYKD4ijGDtF0+dvsh8qa4y7KTNAlkTG6h20r8Q+6UTyRNmtE2/26QEaApRF8CBiNy9/BZC/ZC4FK2OjvCoA==",
+      "requires": {
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/form": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
+      "integrity": "sha512-C8wkfFmtx1escizibhdka5JvTy9/Vp173CS9cakjvWTmnjYYC1nOlzwp7BsYWTgerCFbRY/BU/Cf/bJDxPiUKQ==",
+      "requires": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/overlays": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
+      "integrity": "sha512-tHEaoAGpE9dSnsskqLPVKum59yGteoSqsniTopodM+miQozbpPlSjdiQnzGLroy5Afx5OZYClE616muNHUILXA==",
+      "requires": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/overlays": "^3.8.4",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/utils": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
+      "integrity": "sha512-yPKFY1F88HxuZ15BG2qwAYxtpE4HnIU0Ofi4CuBE0xC6I8mwo4OQjDzi+DZjxQngM9D6AeTTD6F1V8gkozA0Gw==",
+      "requires": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-types/button": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
+      "integrity": "sha512-bf9iTar3PtqnyV9rA+wyFyrskZKhwmOuOd/ifYIjPs56YNVXWH5Wfqj6Dx3xdFBgtKx8mEVQxVhoX+WkHX+rtw==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
+    "@react-types/overlays": {
+      "version": "3.8.4",
+      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
+      "integrity": "sha512-pfgNlQnbF6RB/R2oSxyqAP3Uzz0xE/k5q4n5gUeCDNLjY5qxFHGE8xniZZ503nZYw6VBa9XMN1efDOKQyeiO0w==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
+    "@react-types/shared": {
+      "version": "3.22.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.22.0.tgz",
+      "integrity": "sha512-yVOekZWbtSmmiThGEIARbBpnmUIuePFlLyctjvCbgJgGhz8JnEJOipLQ/a4anaWfzAgzSceQP8j/K+VOOePleA==",
+      "requires": {}
+    },
+    "@react-types/textfield": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
+      "integrity": "sha512-D/DiwzsfkwlAg3uv8hoIfwju+zhB/hWDEdTvxQbPkntDr0kmN/QfI17NMSzbOBCInC4ABX87ViXLGxr940ykGA==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
+    "@rushstack/eslint-patch": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
+      "integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
+      "dev": true
+    },
+    "@swc/helpers": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.3.tgz",
+      "integrity": "sha512-FaruWX6KdudYloq1AHD/4nU+UsMTdNE8CKyrseXWEcgjDAbvkwJg2QGPAnfIJLIWsjZOSPLOAykK6fuYp4vp4A==",
+      "requires": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "20.10.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
+      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+      "dev": true,
+      "requires": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "@types/prop-types": {
+      "version": "15.7.11",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
+      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
+      "dev": true
+    },
+    "@types/react": {
+      "version": "18.2.45",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.45.tgz",
+      "integrity": "sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==",
+      "dev": true,
+      "requires": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@types/react-dom": {
+      "version": "18.2.18",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.18.tgz",
+      "integrity": "sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/scheduler": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
+      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
+      "dev": true
+    },
+    "@typescript-eslint/parser": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.15.0.tgz",
+      "integrity": "sha512-MkgKNnsjC6QwcMdlNAel24jjkEO/0hQaMDLqP4S9zq5HBAUJNQB6y+3DwLjX7b3l2b37eNAxMPLwb3/kh8VKdA==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/scope-manager": "6.15.0",
+        "@typescript-eslint/types": "6.15.0",
+        "@typescript-eslint/typescript-estree": "6.15.0",
+        "@typescript-eslint/visitor-keys": "6.15.0",
+        "debug": "^4.3.4"
+      }
+    },
+    "@typescript-eslint/scope-manager": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.15.0.tgz",
+      "integrity": "sha512-+BdvxYBltqrmgCNu4Li+fGDIkW9n//NrruzG9X1vBzaNK+ExVXPoGB71kneaVw/Jp+4rH/vaMAGC6JfMbHstVg==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "6.15.0",
+        "@typescript-eslint/visitor-keys": "6.15.0"
+      }
+    },
+    "@typescript-eslint/types": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.15.0.tgz",
+      "integrity": "sha512-yXjbt//E4T/ee8Ia1b5mGlbNj9fB9lJP4jqLbZualwpP2BCQ5is6BcWwxpIsY4XKAhmdv3hrW92GdtJbatC6dQ==",
+      "dev": true
+    },
+    "@typescript-eslint/typescript-estree": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.15.0.tgz",
+      "integrity": "sha512-7mVZJN7Hd15OmGuWrp2T9UvqR2Ecg+1j/Bp1jXUEY2GZKV6FXlOIoqVDmLpBiEiq3katvj/2n2mR0SDwtloCew==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "6.15.0",
+        "@typescript-eslint/visitor-keys": "6.15.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      }
+    },
+    "@typescript-eslint/visitor-keys": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.15.0.tgz",
+      "integrity": "sha512-1zvtdC1a9h5Tb5jU9x3ADNXO9yjP8rXlaoChu0DQX40vf5ACVpYIVIZhIMZ6d5sDXH7vq4dsZBT1fEGj8D2n2w==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "6.15.0",
+        "eslint-visitor-keys": "^3.4.1"
+      }
+    },
+    "@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "dev": true
+    },
+    "acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+    },
+    "ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "requires": {
+        "color-convert": "^2.0.1"
+      }
+    },
+    "any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+    },
+    "anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+    },
+    "argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "requires": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      }
+    },
+    "array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      }
+    },
+    "array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true
+    },
+    "array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
+    "array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
+    "array.prototype.tosorted": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
+      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "requires": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      }
+    },
+    "ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true
+    },
+    "asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "autoprefixer": {
+      "version": "10.4.16",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.21.10",
+        "caniuse-lite": "^1.0.30001538",
+        "fraction.js": "^4.3.6",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      }
+    },
+    "available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true
+    },
+    "axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true
+    },
+    "axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "dev": true,
+      "requires": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "browserslist": {
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
+      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001565",
+        "electron-to-chromium": "^1.4.601",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.13"
+      }
+    },
+    "busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "requires": {
+        "streamsearch": "^1.1.0"
+      }
+    },
+    "call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      }
+    },
+    "callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true
+    },
+    "camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001571",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001571.tgz",
+      "integrity": "sha512-tYq/6MoXhdezDLFZuCO/TKboTzuQ/xR5cFdgXPfDtM7/kchBO3b4VWghE/OAi/DV7tTdhmLjZiZBZi1fA/GheQ=="
+    },
+    "chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      }
+    },
+    "chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "requires": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        }
+      }
+    },
+    "client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q=="
+    },
+    "color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "requires": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      }
+    },
+    "color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "requires": {
+        "color-name": "~1.1.4"
+      }
+    },
+    "color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "color2k": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/color2k/-/color2k-2.0.3.tgz",
+      "integrity": "sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog=="
+    },
+    "commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      }
+    },
+    "cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
+    },
+    "csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true
+    },
+    "damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "requires": {
+        "ms": "2.1.2"
+      }
+    },
+    "deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="
+    },
+    "define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      }
+    },
+    "define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true
+    },
+    "didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+    },
+    "dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "requires": {
+        "path-type": "^4.0.0"
+      }
+    },
+    "dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
+    "eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+    },
+    "electron-to-chromium": {
+      "version": "1.4.616",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
+      "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
+      "dev": true
+    },
+    "emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+    },
+    "enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      }
+    },
+    "es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "requires": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      }
+    },
+    "es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "requires": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "es-set-tostringtag": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
+      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.2",
+        "has-tostringtag": "^1.0.0",
+        "hasown": "^2.0.0"
+      }
+    },
+    "es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "requires": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      }
+    },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true
+    },
+    "eslint": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
+      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
+      "dev": true,
+      "requires": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.56.0",
+        "@humanwhocodes/config-array": "^0.11.13",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      }
+    },
+    "eslint-config-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
+      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
+      "dev": true,
+      "requires": {
+        "@next/eslint-plugin-next": "14.0.4",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      }
+    },
+    "eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      }
+    },
+    "eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "eslint-plugin-import": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
+      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-jsx-a11y": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
+      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.23.2",
+        "aria-query": "^5.3.0",
+        "array-includes": "^3.1.7",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "=4.7.0",
+        "axobject-query": "^3.2.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "es-iterator-helpers": "^1.0.15",
+        "hasown": "^2.0.0",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7"
+      }
+    },
+    "eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "dependencies": {
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "resolve": {
+          "version": "2.0.0-next.5",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+          "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+          "dev": true,
+          "requires": {
+            "is-core-module": "^2.13.0",
+            "path-parse": "^1.0.7",
+            "supports-preserve-symlinks-flag": "^1.0.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "requires": {}
+    },
+    "eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true
+    },
+    "espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      }
+    },
+    "esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.1.0"
+      }
+    },
+    "esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.2.0"
+      }
+    },
+    "estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "requires": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        }
+      }
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "fastq": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
+      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^3.0.4"
+      }
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
+    "flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ=="
+    },
+    "flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "requires": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "flatted": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
+      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "dev": true
+    },
+    "for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "foreground-child": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
+      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "requires": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      }
+    },
+    "fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true
+    },
+    "framer-motion": {
+      "version": "10.16.16",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.16.16.tgz",
+      "integrity": "sha512-je6j91rd7NmUX7L1XHouwJ4v3R+SO4umso2LUcgOct3rHZ0PajZ80ETYZTajzEXEl9DlKyzjyt4AvGQ+lrebOw==",
+      "requires": {
+        "@emotion/is-prop-valid": "^0.8.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="
+    },
+    "function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      }
+    },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true
+    },
+    "get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      }
+    },
+    "get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "requires": {
+        "resolve-pkg-maps": "^1.0.0"
+      }
+    },
+    "glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "requires": {
+        "is-glob": "^4.0.3"
+      }
+    },
+    "glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.20.2"
+      }
+    },
+    "globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3"
+      }
+    },
+    "globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "requires": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      }
+    },
+    "gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true
+    },
+    "has-property-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
+      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.2"
+      }
+    },
+    "has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true
+    },
+    "has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
+    "hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "requires": {
+        "function-bind": "^1.1.2"
+      }
+    },
+    "ignore": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
+      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
+      "dev": true
+    },
+    "import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "internal-slot": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
+      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.2",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      }
+    },
+    "intl-messageformat": {
+      "version": "10.5.8",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.8.tgz",
+      "integrity": "sha512-NRf0jpBWV0vd671G5b06wNofAN8tp7WWDogMZyaU8GUAsmbouyvgwmFJI7zLjfAMpm3zK+vSwRP3jzaoIcMbaA==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.18.0",
+        "@formatjs/fast-memoize": "2.2.0",
+        "@formatjs/icu-messageformat-parser": "2.7.3",
+        "tslib": "^2.4.0"
+      }
+    },
+    "is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
+    "is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "requires": {
+        "has-bigints": "^1.0.1"
+      }
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true
+    },
+    "is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "requires": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
+    },
+    "is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+    },
+    "is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true
+    },
+    "is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+    },
+    "is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true
+    },
+    "is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true
+    },
+    "is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
+    "is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "requires": {
+        "which-typed-array": "^1.1.11"
+      }
+    },
+    "is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true
+    },
+    "is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+    },
+    "iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "requires": {
+        "@isaacs/cliui": "^8.0.2",
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "jiti": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
+      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q=="
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "requires": {
+        "argparse": "^2.0.1"
+      }
+    },
+    "json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.0"
+      }
+    },
+    "jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      }
+    },
+    "keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "language-subtag-registry": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "dev": true
+    },
+    "language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "requires": {
+        "language-subtag-registry": "^0.3.20"
+      }
+    },
+    "levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      }
+    },
+    "lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="
+    },
+    "lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
+    "locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^5.0.0"
+      }
+    },
+    "lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+    },
+    "lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ=="
+    },
+    "lodash.kebabcase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g=="
+    },
+    "lodash.mapkeys": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.mapkeys/-/lodash.mapkeys-4.6.0.tgz",
+      "integrity": "sha512-0Al+hxpYvONWtg+ZqHpa/GaVzxuN3V7Xeo2p+bY06EaK/n+Y9R7nBePPN2o1LxmL0TWQSwP8LYZ008/hc9JzhA=="
+    },
+    "lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "lodash.omit": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.omit/-/lodash.omit-4.5.0.tgz",
+      "integrity": "sha512-XeqSp49hNGmlkj2EJlfrQFIzQ6lXdNro9sddtQzcJY8QaoC2GO0DT7xaIokHeyM+mIT0mPMlPvkYzg2xCuHdZg=="
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
+    "merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
+    },
+    "micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "requires": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      }
+    },
+    "minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true
+    },
+    "minipass": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
+      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ=="
+    },
+    "ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "requires": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
+      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
+      "requires": {
+        "@next/env": "14.0.4",
+        "@next/swc-darwin-arm64": "14.0.4",
+        "@next/swc-darwin-x64": "14.0.4",
+        "@next/swc-linux-arm64-gnu": "14.0.4",
+        "@next/swc-linux-arm64-musl": "14.0.4",
+        "@next/swc-linux-x64-gnu": "14.0.4",
+        "@next/swc-linux-x64-musl": "14.0.4",
+        "@next/swc-win32-arm64-msvc": "14.0.4",
+        "@next/swc-win32-ia32-msvc": "14.0.4",
+        "@next/swc-win32-x64-msvc": "14.0.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "dependencies": {
+        "@swc/helpers": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+          "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+          "requires": {
+            "tslib": "^2.4.0"
+          }
+        }
+      }
+    },
+    "node-releases": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "dev": true
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
+    },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
+    },
+    "object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
+    },
+    "object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true
+    },
+    "object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "object.entries": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "object.hasown": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
+      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "requires": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      }
+    },
+    "p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "requires": {
+        "yocto-queue": "^0.1.0"
+      }
+    },
+    "p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^3.0.2"
+      }
+    },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "requires": {
+        "callsites": "^3.0.0"
+      }
+    },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true
+    },
+    "path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "path-scurry": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
+      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "requires": {
+        "lru-cache": "^9.1.1 || ^10.0.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+          "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag=="
+        }
+      }
+    },
+    "path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+    },
+    "pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+    },
+    "pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg=="
+    },
+    "postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "requires": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "requires": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      }
+    },
+    "postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "requires": {
+        "camelcase-css": "^2.0.1"
+      }
+    },
+    "postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "requires": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "dependencies": {
+        "lilconfig": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
+          "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g=="
+        }
+      }
+    },
+    "postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "requires": {
+        "postcss-selector-parser": "^6.0.11"
+      }
+    },
+    "postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "requires": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
+    },
+    "prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true
+    },
+    "queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+    },
+    "react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      }
+    },
+    "react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "react-textarea-autosize": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.3.tgz",
+      "integrity": "sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "use-composed-ref": "^1.3.0",
+        "use-latest": "^1.2.1"
+      }
+    },
+    "read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "requires": {
+        "pify": "^2.3.0"
+      }
+    },
+    "readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "requires": {
+        "picomatch": "^2.2.1"
+      }
+    },
+    "reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
+    "regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      }
+    },
+    "resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "requires": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true
+    },
+    "resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true
+    },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
+    },
+    "rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "requires": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      }
+    },
+    "safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      }
+    },
+    "scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
+    "set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      }
+    },
+    "set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      }
+    },
+    "shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "requires": {
+        "shebang-regex": "^3.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
+    },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
+    "signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+    },
+    "streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
+    },
+    "string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "requires": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="
+        },
+        "strip-ansi": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        }
+      }
+    },
+    "string-width-cjs": {
+      "version": "npm:string-width@4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+        }
+      }
+    },
+    "string.prototype.matchall": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
+      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "regexp.prototype.flags": "^1.5.0",
+        "set-function-name": "^2.0.0",
+        "side-channel": "^1.0.4"
+      }
+    },
+    "string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-ansi-cjs": {
+      "version": "npm:strip-ansi@6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true
+    },
+    "strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
+    },
+    "styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "requires": {
+        "client-only": "0.0.1"
+      }
+    },
+    "sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "glob": {
+          "version": "10.3.10",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+          "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+          "requires": {
+            "foreground-child": "^3.1.0",
+            "jackspeak": "^2.3.5",
+            "minimatch": "^9.0.1",
+            "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+            "path-scurry": "^1.10.1"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.3",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+          "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^4.0.0"
+      }
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+    },
+    "tailwind-merge": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz",
+      "integrity": "sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ=="
+    },
+    "tailwind-variants": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-0.1.19.tgz",
+      "integrity": "sha512-D9Yf5WqsxodnCtjZt6KifEoKwW8rTURXQV03KRKlojITQM5gV1vPVWufWNiIvd/ptC3QybYFpwmHK9cs4Ei08Q==",
+      "requires": {
+        "tailwind-merge": "^1.14.0"
+      }
+    },
+    "tailwindcss": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
+      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
+      "requires": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.19.1",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      }
+    },
+    "tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "requires": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "requires": {
+        "thenify": ">= 3.1.0 < 4"
+      }
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "ts-api-utils": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
+      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "dev": true,
+      "requires": {}
+    },
+    "ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+    },
+    "tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "requires": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1"
+      }
+    },
+    "type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true
+    },
+    "typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      }
+    },
+    "typescript": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "dev": true
+    },
+    "unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      }
+    },
+    "undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
+    "update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "dev": true,
+      "requires": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      }
+    },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "use-composed-ref": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.3.0.tgz",
+      "integrity": "sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==",
+      "requires": {}
+    },
+    "use-isomorphic-layout-effect": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
+      "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+      "requires": {}
+    },
+    "use-latest": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.2.1.tgz",
+      "integrity": "sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==",
+      "requires": {
+        "use-isomorphic-layout-effect": "^1.1.1"
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "requires": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "requires": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      }
+    },
+    "which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "requires": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      }
+    },
+    "which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "requires": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      }
+    },
+    "which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "requires": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="
+        },
+        "ansi-styles": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+          "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="
+        },
+        "strip-ansi": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        }
+      }
+    },
+    "wrap-ansi-cjs": {
+      "version": "npm:wrap-ansi@7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        }
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "yaml": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA=="
+    },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
+    }
   }
 }
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
index 09b2882..754c3da 100644
--- a/src/components/Search/Search.tsx
+++ b/src/components/Search/Search.tsx
@@ -8,9 +8,13 @@ import { useState } from 'react'
 export const Search = ({
     label,
     placeholder,
+    width='340px',
+    radius='lg',
 }: {
     label?: string
     placeholder?: string;
+    width?: string;
+    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full' | undefined;
 }) => {
     const searchParams = useSearchParams()
     const pathName = usePathname()
@@ -41,33 +45,33 @@ export const Search = ({
     const styles = {
         label: 'text-black/50 dark:text-white/90',
         input: [
-        'bg-transparent',
-        'text-black/90 dark:text-white/90',
-        'placeholder:text-default-700/50 dark:placeholder:text-white/60',
+            'bg-transparent',
+            'text-black/90 dark:text-white/90',
+            'placeholder:text-default-700/50 dark:placeholder:text-white/60',
         ],
         innerWrapper: 'bg-transparent',
         inputWrapper: [
-        'shadow-xl',
-        'bg-default-200/50',
-        'dark:bg-default/60',
-        'backdrop-blur-xl',
-        'backdrop-saturate-200',
-        'hover:bg-default-200/70',
-        'dark:hover:bg-default/70',
-        'group-data-[focused=true]:bg-default-200/50',
-        'dark:group-data-[focused=true]:bg-default/60',
-        '!cursor-text',
+            'shadow-xl',
+            'bg-default-200/50',
+            'dark:bg-default/60',
+            'backdrop-blur-xl',
+            'backdrop-saturate-200',
+            'hover:bg-default-200/70',
+            'dark:hover:bg-default/70',
+            'group-data-[focused=true]:bg-default-200/50',
+            'dark:group-data-[focused=true]:bg-default/60',
+            '!cursor-text',
         ],
     }
 
     return (
-        <search className='w-[340px]'>
+        <search className={`w-[${width}]`}>
             <Input
                 label={ label }
                 isClearable
                 value={ searchValue }
                 onClear={ handleClear }
-                radius='lg'
+                radius={ radius }
                 onChange={ handleChange }
                 defaultValue={ searchParams.get('search') || '' }
                 classNames={ styles }

From cd0512427baf9039677b591386643ce435da15b5 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 00:26:46 -0500
Subject: [PATCH 03/33] Starting ligth table component

---
 package-lock.json                          | 357 +++++++++++++++++++++
 package.json                               |   1 +
 src/app/page.tsx                           |  43 +++
 src/components/TableSimple/TableSimple.tsx |  42 +++
 tailwind.config.ts                         |   2 +-
 5 files changed, 444 insertions(+), 1 deletion(-)
 create mode 100644 src/components/TableSimple/TableSimple.tsx

diff --git a/package-lock.json b/package-lock.json
index f99fb4e..313d9a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@nextui-org/input": "^2.1.16",
         "@nextui-org/system": "^2.0.15",
+        "@nextui-org/table": "^2.0.28",
         "@nextui-org/theme": "^2.1.17",
         "framer-motion": "^10.16.16",
         "next": "14.0.4",
@@ -432,6 +433,31 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nextui-org/checkbox": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/checkbox/-/checkbox-2.0.25.tgz",
+      "integrity": "sha512-X6WkwPbZlDvioEcXF6HhKH21wD6OK+3+FSroKkzMPQLJrj2KYUIYGbiuw9rT9aCtdjbT+6HUCv+FA8/cBQr7cA==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@react-aria/checkbox": "^3.11.2",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-aria/visually-hidden": "^3.8.6",
+        "@react-stately/checkbox": "^3.5.1",
+        "@react-stately/toggle": "^3.6.3",
+        "@react-types/checkbox": "^3.5.2",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -489,6 +515,21 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/spacer": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/spacer/-/spacer-2.0.24.tgz",
+      "integrity": "sha512-bLnhPRnoyHQXhLneHjbRqZNxJWMFOBYOZkuX83uy59/FFUY07BcoNsb2s80tN3GoVxsaZ2jB6NxxVbaCJwoPog==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11"
+      },
+      "peerDependencies": {
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/system": {
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
@@ -518,6 +559,33 @@
         "tailwind-variants": ">=0.1.13"
       }
     },
+    "node_modules/@nextui-org/table": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/@nextui-org/table/-/table-2.0.28.tgz",
+      "integrity": "sha512-qH/7jdV5+tiMDDvBfMrUZN4jamds0FsL5Ak+ighoKIUYRFTSXOroi+63ZzzAh/mZAsUALCPPcfbXt4r4aBFDzg==",
+      "dependencies": {
+        "@nextui-org/checkbox": "2.0.25",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-icons": "2.0.6",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/spacer": "2.0.24",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/table": "^3.13.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-aria/visually-hidden": "^3.8.6",
+        "@react-stately/table": "^3.11.2",
+        "@react-stately/virtualizer": "^3.6.4",
+        "@react-types/grid": "^3.2.2",
+        "@react-types/table": "^3.9.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/theme": {
       "version": "2.1.17",
       "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
@@ -538,6 +606,20 @@
         "tailwindcss": "*"
       }
     },
+    "node_modules/@nextui-org/use-aria-press": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-press/-/use-aria-press-2.0.1.tgz",
+      "integrity": "sha512-T3MjHH5TU9qnkf872GmhcfQK16ITMmMW9zir6xsSsz0w6ay9Y0XTSPrI2zRL6ociFyfJjP840XCLtSx6VBfEBQ==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/ssr": "^3.8.0",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -570,6 +652,26 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@react-aria/checkbox": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.13.0.tgz",
+      "integrity": "sha512-eylJwtADIPKJ1Y5rITNJm/8JD8sXG2nhiZBIg1ko44Szxrpu+Le53NoGtg8nlrfh9vbUrXVvuFtf2jxbPXR5Jw==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.1",
+        "@react-aria/label": "^3.7.4",
+        "@react-aria/toggle": "^3.10.0",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/checkbox": "^3.6.1",
+        "@react-stately/form": "^3.0.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -608,6 +710,31 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/grid": {
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.8.6.tgz",
+      "integrity": "sha512-JlQDkdm5heG1FfRyy5KnB8b6s/hRqSI6Xt2xN2AccLX5kcbfFr2/d5KVxyf6ahfa4Gfd46alN6477ju5eTWJew==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/live-announcer": "^3.3.1",
+        "@react-aria/selection": "^3.17.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/grid": "^3.8.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/virtualizer": "^3.6.6",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/i18n": {
       "version": "3.10.0",
       "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.10.0.tgz",
@@ -653,6 +780,14 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/live-announcer": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/live-announcer/-/live-announcer-3.3.1.tgz",
+      "integrity": "sha512-hsc77U7S16trM86d+peqJCOCQ7/smO1cybgdpOuzXyiwcHQw8RQ4GrXrS37P4Ux/44E9nMZkOwATQRT2aK8+Ew==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "node_modules/@react-aria/overlays": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
@@ -675,6 +810,24 @@
         "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/selection": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.3.tgz",
+      "integrity": "sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/ssr": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
@@ -689,6 +842,33 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/table": {
+      "version": "3.13.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.13.3.tgz",
+      "integrity": "sha512-AzmETpyxwNqISTzwHJPs85x9gujG40IIsSOBUdp49oKhB85RbPLvMwhadp4wCVAoHw3erOC/TJxHtVc7o2K1LA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/grid": "^3.8.6",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/live-announcer": "^3.3.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-aria/visually-hidden": "^3.8.8",
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/flags": "^3.0.0",
+        "@react-stately/table": "^3.11.4",
+        "@react-stately/virtualizer": "^3.6.6",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/table": "^3.9.2",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/textfield": {
       "version": "3.14.0",
       "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
@@ -708,6 +888,22 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/toggle": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.0.tgz",
+      "integrity": "sha512-6cUf4V9TuG2J7AvXUdU/GspEPFCubUOID3mrselSe563RViy+mMZk0vUEOdyoNanDcEXl58W4dE3SGWxFn71vg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/utils": {
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.23.0.tgz",
@@ -745,6 +941,50 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/checkbox": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.6.1.tgz",
+      "integrity": "sha512-rOjFeVBy32edYwhKiHj3ZLdLeO+xZ2fnBwxnOBjcygnw4Neygm8FJH/dB1J0hdYYR349yby86ED2x0wRc84zPw==",
+      "dependencies": {
+        "@react-stately/form": "^3.0.0",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/collections": {
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.10.4.tgz",
+      "integrity": "sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/flags": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.0.0.tgz",
+      "integrity": "sha512-e3i2ItHbIa0eEwmSXAnPdD7K8syW76JjGe8ENxwFJPW/H1Pu9RJfjkCb/Mq0WSPN/TpxBb54+I9TgrGhbCoZ9w==",
+      "dependencies": {
+        "@swc/helpers": "^0.4.14"
+      }
+    },
+    "node_modules/@react-stately/flags/node_modules/@swc/helpers": {
+      "version": "0.4.36",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.36.tgz",
+      "integrity": "sha512-5lxnyLEYFskErRPenYItLRSge5DjrJngYKdVjRSrWfza9G6KkgHEXi0vUZiyUeMU5JfXH1YnvXZzSp8ul88o2Q==",
+      "dependencies": {
+        "legacy-swc-helpers": "npm:@swc/helpers@=0.4.14",
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@react-stately/form": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
@@ -757,6 +997,21 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/grid": {
+      "version": "3.8.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.8.4.tgz",
+      "integrity": "sha512-rwqV1K4lVhaiaqJkt4TfYqdJoVIyqvSm98rKAYfCNzrKcivVpoiCMJ2EMt6WlYCjDVBdEOQ7fMV1I60IV0pntA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/overlays": {
       "version": "3.6.4",
       "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
@@ -770,6 +1025,52 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/selection": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.14.2.tgz",
+      "integrity": "sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/table": {
+      "version": "3.11.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.11.4.tgz",
+      "integrity": "sha512-dWINJIEOKQl4qq3moq+S8xCD3m+yJqBj0dahr+rOkS+t2uqORwzsusTM35D2T/ZHZi49S2GpE7QuDa+edCynPw==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/flags": "^3.0.0",
+        "@react-stately/grid": "^3.8.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/table": "^3.9.2",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/toggle": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.0.tgz",
+      "integrity": "sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==",
+      "dependencies": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/utils": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
@@ -781,6 +1082,19 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/virtualizer": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/virtualizer/-/virtualizer-3.6.6.tgz",
+      "integrity": "sha512-9hWvfITdE/028q4YFve6FxlmA3PdSMkUwpYA+vfaGCXI/4DFZIssBMspUeu4PTRJoV+k+m0z1wYHPmufrq6a3g==",
+      "dependencies": {
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/button": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
@@ -792,6 +1106,28 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/checkbox": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.6.0.tgz",
+      "integrity": "sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/grid": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.3.tgz",
+      "integrity": "sha512-GQM4RDmYhstcYZ0Odjq+xUwh1fhLmRebG6qMM8OXHTPQ77nhl3wc1UTGRhZm6mzEionplSRx4GCpEMEHMJIU0w==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -811,6 +1147,18 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/table": {
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.9.2.tgz",
+      "integrity": "sha512-brw5JUANOzBa2rYNpN8AIl9nDZ9RwRZC6G/wTM/JhtirjC1S42oCtf8Ap5rWJBdmMG/5KOfcGNcAl/huyqb3gg==",
+      "dependencies": {
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/textfield": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
@@ -3231,6 +3579,15 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/legacy-swc-helpers": {
+      "name": "@swc/helpers",
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
+      "integrity": "sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
diff --git a/package.json b/package.json
index 5b8364e..0aa2a40 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@nextui-org/input": "^2.1.16",
     "@nextui-org/system": "^2.0.15",
+    "@nextui-org/table": "^2.0.28",
     "@nextui-org/theme": "^2.1.17",
     "framer-motion": "^10.16.16",
     "next": "14.0.4",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0655605..e9739f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,52 @@
 import { Search } from '@/components/Search/Search'
+import { TableSimple } from '@/components/Table/Table'
 
 export default function Home() {
+  const rows = [
+    {
+      key: "1",
+      name: "Tony Reichert",
+      role: "CEO",
+      status: "Active",
+    },
+    {
+      key: "2",
+      name: "Zoey Lang",
+      role: "Technical Lead",
+      status: "Paused",
+    },
+    {
+      key: "3",
+      name: "Jane Fisher",
+      role: "Senior Developer",
+      status: "Active",
+    },
+    {
+      key: "4",
+      name: "William Howard",
+      role: "Community Manager",
+      status: "Vacation",
+    },
+  ];
+  
+  const columns = [
+    {
+      key: "name",
+      label: "NAME",
+    },
+    {
+      key: "role",
+      label: "ROLE",
+    },
+    {
+      key: "status",
+      label: "STATUS",
+    },
+  ]; 
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       <Search placeholder='Types of potatoes' label='Search'/>
+      <TableSimple rows={ rows } columns={ columns }/>
     </main>
   )
 }
diff --git a/src/components/TableSimple/TableSimple.tsx b/src/components/TableSimple/TableSimple.tsx
new file mode 100644
index 0000000..6ad0264
--- /dev/null
+++ b/src/components/TableSimple/TableSimple.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+import {
+    Table,
+    TableHeader,
+    TableBody,
+    TableColumn,
+    TableRow,
+    TableCell,
+    getKeyValue,
+} from "@nextui-org/table";
+
+export const TableSimple = ({
+    rows,
+    columns,
+}: {
+    rows: Array<any>
+    columns: Array<any>
+}) => {     
+    return (
+        <Table aria-label="Example table with dynamic content">
+            <TableHeader columns={columns}>
+                {(column) => (
+                    <TableColumn key={ column.key }>
+                        { column.label }
+                    </TableColumn>
+                )}
+            </TableHeader>
+            <TableBody items={ rows } emptyContent={"No rows to display."}>
+                {(item) => (
+                    <TableRow key={item.key}>
+                        {(columnKey) => (
+                            <TableCell>
+                                { getKeyValue(item, columnKey) }
+                            </TableCell>
+                        )}
+                    </TableRow>
+                )}
+            </TableBody>
+        </Table>
+    )
+}
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 95521a9..a70e4e3 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,7 +6,7 @@ const config: Config = {
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-    './node_modules/@nextui-org/theme/dist/components/input.js',
+    './node_modules/@nextui-org/theme/dist/components/(input|table).js',
   ],
   theme: {
     extend: {

From 58510fa9f29b9e36e11521c74f7eaece4e45267e Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 00:26:46 -0500
Subject: [PATCH 04/33] Starting ligth table component

---
 package-lock.json                          | 357 +++++++++++++++++++++
 package.json                               |   1 +
 src/app/page.tsx                           |  43 +++
 src/components/TableSimple/TableSimple.tsx |  42 +++
 tailwind.config.ts                         |   2 +-
 5 files changed, 444 insertions(+), 1 deletion(-)
 create mode 100644 src/components/TableSimple/TableSimple.tsx

diff --git a/package-lock.json b/package-lock.json
index f99fb4e..313d9a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@nextui-org/input": "^2.1.16",
         "@nextui-org/system": "^2.0.15",
+        "@nextui-org/table": "^2.0.28",
         "@nextui-org/theme": "^2.1.17",
         "framer-motion": "^10.16.16",
         "next": "14.0.4",
@@ -432,6 +433,31 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nextui-org/checkbox": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/checkbox/-/checkbox-2.0.25.tgz",
+      "integrity": "sha512-X6WkwPbZlDvioEcXF6HhKH21wD6OK+3+FSroKkzMPQLJrj2KYUIYGbiuw9rT9aCtdjbT+6HUCv+FA8/cBQr7cA==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@react-aria/checkbox": "^3.11.2",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-aria/visually-hidden": "^3.8.6",
+        "@react-stately/checkbox": "^3.5.1",
+        "@react-stately/toggle": "^3.6.3",
+        "@react-types/checkbox": "^3.5.2",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -489,6 +515,21 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/spacer": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/spacer/-/spacer-2.0.24.tgz",
+      "integrity": "sha512-bLnhPRnoyHQXhLneHjbRqZNxJWMFOBYOZkuX83uy59/FFUY07BcoNsb2s80tN3GoVxsaZ2jB6NxxVbaCJwoPog==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11"
+      },
+      "peerDependencies": {
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/system": {
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
@@ -518,6 +559,33 @@
         "tailwind-variants": ">=0.1.13"
       }
     },
+    "node_modules/@nextui-org/table": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/@nextui-org/table/-/table-2.0.28.tgz",
+      "integrity": "sha512-qH/7jdV5+tiMDDvBfMrUZN4jamds0FsL5Ak+ighoKIUYRFTSXOroi+63ZzzAh/mZAsUALCPPcfbXt4r4aBFDzg==",
+      "dependencies": {
+        "@nextui-org/checkbox": "2.0.25",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-icons": "2.0.6",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/spacer": "2.0.24",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/table": "^3.13.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-aria/visually-hidden": "^3.8.6",
+        "@react-stately/table": "^3.11.2",
+        "@react-stately/virtualizer": "^3.6.4",
+        "@react-types/grid": "^3.2.2",
+        "@react-types/table": "^3.9.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/theme": {
       "version": "2.1.17",
       "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
@@ -538,6 +606,20 @@
         "tailwindcss": "*"
       }
     },
+    "node_modules/@nextui-org/use-aria-press": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-press/-/use-aria-press-2.0.1.tgz",
+      "integrity": "sha512-T3MjHH5TU9qnkf872GmhcfQK16ITMmMW9zir6xsSsz0w6ay9Y0XTSPrI2zRL6ociFyfJjP840XCLtSx6VBfEBQ==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/ssr": "^3.8.0",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -570,6 +652,26 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@react-aria/checkbox": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.13.0.tgz",
+      "integrity": "sha512-eylJwtADIPKJ1Y5rITNJm/8JD8sXG2nhiZBIg1ko44Szxrpu+Le53NoGtg8nlrfh9vbUrXVvuFtf2jxbPXR5Jw==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.1",
+        "@react-aria/label": "^3.7.4",
+        "@react-aria/toggle": "^3.10.0",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/checkbox": "^3.6.1",
+        "@react-stately/form": "^3.0.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -608,6 +710,31 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/grid": {
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.8.6.tgz",
+      "integrity": "sha512-JlQDkdm5heG1FfRyy5KnB8b6s/hRqSI6Xt2xN2AccLX5kcbfFr2/d5KVxyf6ahfa4Gfd46alN6477ju5eTWJew==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/live-announcer": "^3.3.1",
+        "@react-aria/selection": "^3.17.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/grid": "^3.8.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/virtualizer": "^3.6.6",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/i18n": {
       "version": "3.10.0",
       "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.10.0.tgz",
@@ -653,6 +780,14 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/live-announcer": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/live-announcer/-/live-announcer-3.3.1.tgz",
+      "integrity": "sha512-hsc77U7S16trM86d+peqJCOCQ7/smO1cybgdpOuzXyiwcHQw8RQ4GrXrS37P4Ux/44E9nMZkOwATQRT2aK8+Ew==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "node_modules/@react-aria/overlays": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
@@ -675,6 +810,24 @@
         "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/selection": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.3.tgz",
+      "integrity": "sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/ssr": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
@@ -689,6 +842,33 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/table": {
+      "version": "3.13.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.13.3.tgz",
+      "integrity": "sha512-AzmETpyxwNqISTzwHJPs85x9gujG40IIsSOBUdp49oKhB85RbPLvMwhadp4wCVAoHw3erOC/TJxHtVc7o2K1LA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/grid": "^3.8.6",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/live-announcer": "^3.3.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-aria/visually-hidden": "^3.8.8",
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/flags": "^3.0.0",
+        "@react-stately/table": "^3.11.4",
+        "@react-stately/virtualizer": "^3.6.6",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/table": "^3.9.2",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/textfield": {
       "version": "3.14.0",
       "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
@@ -708,6 +888,22 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/toggle": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.0.tgz",
+      "integrity": "sha512-6cUf4V9TuG2J7AvXUdU/GspEPFCubUOID3mrselSe563RViy+mMZk0vUEOdyoNanDcEXl58W4dE3SGWxFn71vg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/utils": {
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.23.0.tgz",
@@ -745,6 +941,50 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/checkbox": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.6.1.tgz",
+      "integrity": "sha512-rOjFeVBy32edYwhKiHj3ZLdLeO+xZ2fnBwxnOBjcygnw4Neygm8FJH/dB1J0hdYYR349yby86ED2x0wRc84zPw==",
+      "dependencies": {
+        "@react-stately/form": "^3.0.0",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/collections": {
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.10.4.tgz",
+      "integrity": "sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/flags": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.0.0.tgz",
+      "integrity": "sha512-e3i2ItHbIa0eEwmSXAnPdD7K8syW76JjGe8ENxwFJPW/H1Pu9RJfjkCb/Mq0WSPN/TpxBb54+I9TgrGhbCoZ9w==",
+      "dependencies": {
+        "@swc/helpers": "^0.4.14"
+      }
+    },
+    "node_modules/@react-stately/flags/node_modules/@swc/helpers": {
+      "version": "0.4.36",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.36.tgz",
+      "integrity": "sha512-5lxnyLEYFskErRPenYItLRSge5DjrJngYKdVjRSrWfza9G6KkgHEXi0vUZiyUeMU5JfXH1YnvXZzSp8ul88o2Q==",
+      "dependencies": {
+        "legacy-swc-helpers": "npm:@swc/helpers@=0.4.14",
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@react-stately/form": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
@@ -757,6 +997,21 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/grid": {
+      "version": "3.8.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.8.4.tgz",
+      "integrity": "sha512-rwqV1K4lVhaiaqJkt4TfYqdJoVIyqvSm98rKAYfCNzrKcivVpoiCMJ2EMt6WlYCjDVBdEOQ7fMV1I60IV0pntA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/overlays": {
       "version": "3.6.4",
       "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
@@ -770,6 +1025,52 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/selection": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.14.2.tgz",
+      "integrity": "sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/table": {
+      "version": "3.11.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.11.4.tgz",
+      "integrity": "sha512-dWINJIEOKQl4qq3moq+S8xCD3m+yJqBj0dahr+rOkS+t2uqORwzsusTM35D2T/ZHZi49S2GpE7QuDa+edCynPw==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/flags": "^3.0.0",
+        "@react-stately/grid": "^3.8.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/table": "^3.9.2",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/toggle": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.0.tgz",
+      "integrity": "sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==",
+      "dependencies": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/utils": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
@@ -781,6 +1082,19 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/virtualizer": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/virtualizer/-/virtualizer-3.6.6.tgz",
+      "integrity": "sha512-9hWvfITdE/028q4YFve6FxlmA3PdSMkUwpYA+vfaGCXI/4DFZIssBMspUeu4PTRJoV+k+m0z1wYHPmufrq6a3g==",
+      "dependencies": {
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/button": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
@@ -792,6 +1106,28 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/checkbox": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.6.0.tgz",
+      "integrity": "sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/grid": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.3.tgz",
+      "integrity": "sha512-GQM4RDmYhstcYZ0Odjq+xUwh1fhLmRebG6qMM8OXHTPQ77nhl3wc1UTGRhZm6mzEionplSRx4GCpEMEHMJIU0w==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -811,6 +1147,18 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/table": {
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.9.2.tgz",
+      "integrity": "sha512-brw5JUANOzBa2rYNpN8AIl9nDZ9RwRZC6G/wTM/JhtirjC1S42oCtf8Ap5rWJBdmMG/5KOfcGNcAl/huyqb3gg==",
+      "dependencies": {
+        "@react-types/grid": "^3.2.3",
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/textfield": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
@@ -3231,6 +3579,15 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/legacy-swc-helpers": {
+      "name": "@swc/helpers",
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
+      "integrity": "sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
diff --git a/package.json b/package.json
index 5b8364e..0aa2a40 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@nextui-org/input": "^2.1.16",
     "@nextui-org/system": "^2.0.15",
+    "@nextui-org/table": "^2.0.28",
     "@nextui-org/theme": "^2.1.17",
     "framer-motion": "^10.16.16",
     "next": "14.0.4",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0655605..b35b015 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,52 @@
 import { Search } from '@/components/Search/Search'
+import { TableSimple } from '@/components/TableSimple/TableSimple'
 
 export default function Home() {
+  const rows = [
+    {
+      key: "1",
+      name: "Tony Reichert",
+      role: "CEO",
+      status: "Active",
+    },
+    {
+      key: "2",
+      name: "Zoey Lang",
+      role: "Technical Lead",
+      status: "Paused",
+    },
+    {
+      key: "3",
+      name: "Jane Fisher",
+      role: "Senior Developer",
+      status: "Active",
+    },
+    {
+      key: "4",
+      name: "William Howard",
+      role: "Community Manager",
+      status: "Vacation",
+    },
+  ];
+  
+  const columns = [
+    {
+      key: "name",
+      label: "NAME",
+    },
+    {
+      key: "role",
+      label: "ROLE",
+    },
+    {
+      key: "status",
+      label: "STATUS",
+    },
+  ]; 
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       <Search placeholder='Types of potatoes' label='Search'/>
+      <TableSimple rows={ rows } columns={ columns }/>
     </main>
   )
 }
diff --git a/src/components/TableSimple/TableSimple.tsx b/src/components/TableSimple/TableSimple.tsx
new file mode 100644
index 0000000..6ad0264
--- /dev/null
+++ b/src/components/TableSimple/TableSimple.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+import {
+    Table,
+    TableHeader,
+    TableBody,
+    TableColumn,
+    TableRow,
+    TableCell,
+    getKeyValue,
+} from "@nextui-org/table";
+
+export const TableSimple = ({
+    rows,
+    columns,
+}: {
+    rows: Array<any>
+    columns: Array<any>
+}) => {     
+    return (
+        <Table aria-label="Example table with dynamic content">
+            <TableHeader columns={columns}>
+                {(column) => (
+                    <TableColumn key={ column.key }>
+                        { column.label }
+                    </TableColumn>
+                )}
+            </TableHeader>
+            <TableBody items={ rows } emptyContent={"No rows to display."}>
+                {(item) => (
+                    <TableRow key={item.key}>
+                        {(columnKey) => (
+                            <TableCell>
+                                { getKeyValue(item, columnKey) }
+                            </TableCell>
+                        )}
+                    </TableRow>
+                )}
+            </TableBody>
+        </Table>
+    )
+}
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 95521a9..a70e4e3 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,7 +6,7 @@ const config: Config = {
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-    './node_modules/@nextui-org/theme/dist/components/input.js',
+    './node_modules/@nextui-org/theme/dist/components/(input|table).js',
   ],
   theme: {
     extend: {

From 9a1f250717e241505c822eeae36d7a59bc280176 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 09:19:22 -0500
Subject: [PATCH 05/33] Adding rules to the gitignore

---
 .gitignore | 517 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 508 insertions(+), 9 deletions(-)

diff --git a/.gitignore b/.gitignore
index fd3dbb5..6abdd8e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,75 @@
 .pnp.js
 .yarn/install-state.gz
 
+# production
+/build
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+
+# Created by https://www.toptal.com/developers/gitignore/api/visualstudio,nextjs,vercel,windows,linux,macos,react
+# Edit at https://www.toptal.com/developers/gitignore?templates=visualstudio,nextjs,vercel,windows,linux,macos,react
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### macOS Patch ###
+# iCloud generated files
+*.icloud
+
 # testing
 /coverage
 
@@ -13,24 +82,454 @@
 /.next/
 /out/
 
-# production
-/build
-
 # misc
-.DS_Store
 *.pem
 
 # debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
 .env*.local
 
-# vercel
-.vercel
+### react ###
+.DS_*
+*.log
+logs
+**/*.backup.*
+**/*.back.*
 
-# typescript
-*.tsbuildinfo
-next-env.d.ts
+node_modules
+bower_components
+
+*.sublime*
+
+psd
+thumb
+sketch
+
+### Vercel ###
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+### VisualStudio ###
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+##
+## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Mono auto generated files
+mono_crash.*
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+[Ww][Ii][Nn]32/
+[Aa][Rr][Mm]/
+[Aa][Rr][Mm]64/
+bld/
+[Bb]in/
+[Oo]bj/
+[Ll]og/
+[Ll]ogs/
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# Visual Studio 2017 auto generated files
+Generated\ Files/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUnit
+*.VisualState.xml
+TestResult.xml
+nunit-*.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# Benchmark Results
+BenchmarkDotNet.Artifacts/
+
+# .NET Core
+project.lock.json
+project.fragment.lock.json
+artifacts/
+
+# ASP.NET Scaffolding
+ScaffoldingReadMe.txt
+
+# StyleCop
+StyleCopReport.xml
+
+# Files built by Visual Studio
+*_i.c
+*_p.c
+*_h.h
+*.ilk
+*.meta
+*.obj
+*.iobj
+*.pch
+*.pdb
+*.ipdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*_wpftmp.csproj
+*.tlog
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# Visual Studio Trace Files
+*.e2e
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# AxoCover is a Code Coverage Tool
+.axoCover/*
+!.axoCover/settings.json
+
+# Coverlet is a free, cross platform Code Coverage Tool
+coverage*.json
+coverage*.xml
+coverage*.info
+
+# Visual Studio code coverage results
+*.coverage
+*.coveragexml
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+# Note: Comment the next line if you want to checkin your web deploy settings,
+# but database connection strings (with potential passwords) will be unencrypted
+*.pubxml
+*.publishproj
+
+# Microsoft Azure Web App publish settings. Comment the next line if you want to
+# checkin your Azure Web App publish settings, but sensitive information contained
+# in these scripts will be unencrypted
+PublishScripts/
+
+# NuGet Packages
+*.nupkg
+# NuGet Symbol Packages
+*.snupkg
+# The packages folder can be ignored because of Package Restore
+**/[Pp]ackages/*
+# except build/, which is used as an MSBuild target.
+!**/[Pp]ackages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/[Pp]ackages/repositories.config
+# NuGet v3's project.json files produces more ignorable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directories and files
+AppPackages/
+BundleArtifacts/
+Package.StoreAssociation.xml
+_pkginfo.txt
+*.appx
+*.appxbundle
+*.appxupload
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!?*.[Cc]ache/
+
+# Others
+ClientBin/
+~$*
+*.dbmdl
+*.dbproj.schemaview
+*.jfm
+*.pfx
+*.publishsettings
+orleans.codegen.cs
+
+# Including strong name files can present a security risk
+# (https://github.com/github/gitignore/pull/2483#issue-259490424)
+#*.snk
+
+# Since there are multiple workflows, uncomment next line to ignore bower_components
+# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
+#bower_components/
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+ServiceFabricBackup/
+*.rptproj.bak
+
+# SQL Server files
+*.mdf
+*.ldf
+*.ndf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+*.rptproj.rsuser
+*- [Bb]ackup.rdl
+*- [Bb]ackup ([0-9]).rdl
+*- [Bb]ackup ([0-9][0-9]).rdl
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+node_modules/
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
+*.vbw
+
+# Visual Studio 6 auto-generated project file (contains which files were open etc.)
+*.vbp
+
+# Visual Studio 6 workspace and project file (working project files containing files to include in project)
+*.dsw
+*.dsp
+
+# Visual Studio 6 technical files
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# Paket dependency manager
+.paket/paket.exe
+paket-files/
+
+# FAKE - F# Make
+.fake/
+
+# CodeRush personal settings
+.cr/personal
+
+# Python Tools for Visual Studio (PTVS)
+__pycache__/
+*.pyc
+
+# Cake - Uncomment if you are using it
+# tools/**
+# !tools/packages.config
+
+# Tabs Studio
+*.tss
+
+# Telerik's JustMock configuration file
+*.jmconfig
+
+# BizTalk build output
+*.btp.cs
+*.btm.cs
+*.odx.cs
+*.xsd.cs
+
+# OpenCover UI analysis results
+OpenCover/
+
+# Azure Stream Analytics local run output
+ASALocalRun/
+
+# MSBuild Binary and Structured Log
+*.binlog
+
+# NVidia Nsight GPU debugger configuration file
+*.nvuser
+
+# MFractors (Xamarin productivity tool) working folder
+.mfractor/
+
+# Local History for Visual Studio
+.localhistory/
+
+# Visual Studio History (VSHistory) files
+.vshistory/
+
+# BeatPulse healthcheck temp database
+healthchecksdb
+
+# Backup folder for Package Reference Convert tool in Visual Studio 2017
+MigrationBackup/
+
+# Ionide (cross platform F# VS Code tools) working folder
+.ionide/
+
+# Fody - auto-generated XML schema
+FodyWeavers.xsd
+
+# VS Code files for those working on multiple tools
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
+
+# Windows Installer files from build outputs
+
+# JetBrains Rider
+*.sln.iml
+
+### VisualStudio Patch ###
+# Additional files built by Visual Studio
+
+# End of https://www.toptal.com/developers/gitignore/api/visualstudio,nextjs,vercel,windows,linux,macos,react
\ No newline at end of file

From f0ca9297e75915e04cf42fe3315c9691b5cc604c Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 11:39:39 -0500
Subject: [PATCH 06/33] Adding delay

---
 package-lock.json                | 20 +++++++++++++++++++-
 package.json                     |  3 ++-
 src/components/Search/Search.tsx | 17 ++++++++++-------
 3 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 540c01f..b67f7ab 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
         "framer-motion": "^10.16.16",
         "next": "14.0.4",
         "react": "^18",
-        "react-dom": "^18"
+        "react-dom": "^18",
+        "use-debounce": "10.0.0"
       },
       "devDependencies": {
         "@types/node": "^20",
@@ -5000,6 +5001,17 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/use-debounce": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.0.tgz",
+      "integrity": "sha512-XRjvlvCB46bah9IBXVnq/ACP2lxqXyZj0D9hj4K5OzNroMDpTEBg8Anuh1/UfRTRs7pLhQ+RiNxxwZu9+MVl1A==",
+      "engines": {
+        "node": ">= 16.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/use-isomorphic-layout-effect": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
@@ -8773,6 +8785,12 @@
       "integrity": "sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==",
       "requires": {}
     },
+    "use-debounce": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.0.tgz",
+      "integrity": "sha512-XRjvlvCB46bah9IBXVnq/ACP2lxqXyZj0D9hj4K5OzNroMDpTEBg8Anuh1/UfRTRs7pLhQ+RiNxxwZu9+MVl1A==",
+      "requires": {}
+    },
     "use-isomorphic-layout-effect": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
diff --git a/package.json b/package.json
index 5b8364e..8641a4b 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "framer-motion": "^10.16.16",
     "next": "14.0.4",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "use-debounce": "10.0.0"
   },
   "devDependencies": {
     "@types/node": "^20",
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
index 754c3da..1d0b6a3 100644
--- a/src/components/Search/Search.tsx
+++ b/src/components/Search/Search.tsx
@@ -4,6 +4,7 @@ import { Input } from '@nextui-org/input';
 import { SearchIcon } from './SearchIcon'
 import { useSearchParams, useRouter, usePathname } from 'next/navigation'
 import { useState } from 'react'
+import { useDebouncedCallback } from 'use-debounce';
 
 export const Search = ({
     label,
@@ -20,19 +21,21 @@ export const Search = ({
     const pathName = usePathname()
     const { replace } = useRouter()
     const [searchValue, setSearchValue] = useState(searchParams.get('search') || '');
-    
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const params = new URLSearchParams(searchParams)
-        const value = e.target.value
-        setSearchValue(value)
+    const WAIT_BETWEEN_CHANGE = 200
 
+    const handleSearchParams = useDebouncedCallback((value: string) => {
+        const params = new URLSearchParams(searchParams)
         if (value) {
             params.set('search', value)
         } else {
             params.delete('search')
         }
-
         replace(`${pathName}?${params.toString()}`)
+    }, WAIT_BETWEEN_CHANGE)
+    
+    const handleChange = (value: string) => {
+        setSearchValue(value)
+        handleSearchParams(value)
     }
 
     const handleClear = () => {
@@ -72,7 +75,7 @@ export const Search = ({
                 value={ searchValue }
                 onClear={ handleClear }
                 radius={ radius }
-                onChange={ handleChange }
+                onChange={ e => handleChange(e.target.value) }
                 defaultValue={ searchParams.get('search') || '' }
                 classNames={ styles }
                 placeholder={ placeholder }

From b49bd689420e428dc1ea626f4e7434cacf9c9eac Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 13:04:10 -0500
Subject: [PATCH 07/33] Starting breadcrumbs component

---
 package-lock.json                          | 135 +++++++++++++++++++++
 package.json                               |   1 +
 src/app/globals.css                        |   2 +-
 src/app/page.tsx                           |  11 ++
 src/components/Breadcrumbs/Breadcrumbs.tsx |  48 ++++++++
 5 files changed, 196 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Breadcrumbs/Breadcrumbs.tsx

diff --git a/package-lock.json b/package-lock.json
index 540c01f..1e33e77 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "ui-components",
       "version": "0.1.0",
       "dependencies": {
+        "@nextui-org/breadcrumbs": "^2.0.4",
         "@nextui-org/input": "^2.1.16",
         "@nextui-org/system": "^2.0.15",
         "@nextui-org/theme": "^2.1.17",
@@ -493,6 +494,27 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nextui-org/breadcrumbs": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/breadcrumbs/-/breadcrumbs-2.0.4.tgz",
+      "integrity": "sha512-SAE0+QRgA7vxUHPL65TKz3MRj7u2mbSwk8Eifkwo6hPcF0d34zv2QDupTGyphIjoGCSrQHFIq/CPAkXyaOXZxw==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-icons": "2.0.6",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/breadcrumbs": "^3.5.7",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/breadcrumbs": "^3.7.1",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -648,6 +670,22 @@
         "node": ">=14"
       }
     },
+    "node_modules/@react-aria/breadcrumbs": {
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.9.tgz",
+      "integrity": "sha512-asbXTL5NjeHl1+YIF0K70y8tNHk8Lb6VneYH8yOkpLO49ejyNDYBK0tp0jtI9IZAQiTa2qkhYq58c9LloTwebQ==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/link": "^3.6.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/breadcrumbs": "^3.7.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -723,6 +761,22 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/link": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.6.3.tgz",
+      "integrity": "sha512-8kPWc4u/lDow3Ll0LDxeMgaxt9Y3sl8UldKLGli8tzRSltYFugNh/n+i9sCnmo4Qv9Tp9kYv+yxBK50Uk9sINw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/link": "^3.5.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/overlays": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
@@ -843,6 +897,18 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/breadcrumbs": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.2.tgz",
+      "integrity": "sha512-esl6RucDW2CNMsApJxNYfMtDaUcfLlwKMPH/loYsOBbKxGl2HsgVLMcdpjEkTRs2HCTNCbBXWpeU8AY77t+bsw==",
+      "dependencies": {
+        "@react-types/link": "^3.5.2",
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/button": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
@@ -854,6 +920,17 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/link": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.5.2.tgz",
+      "integrity": "sha512-/s51/WejmpLiyxOgP89s4txgxYoGaPe8pVDItVo1h4+BhU1Puyvgv/Jx8t9dPvo6LUXbraaN+SgKk/QDxaiirw==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -5569,6 +5646,21 @@
       "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
       "optional": true
     },
+    "@nextui-org/breadcrumbs": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/breadcrumbs/-/breadcrumbs-2.0.4.tgz",
+      "integrity": "sha512-SAE0+QRgA7vxUHPL65TKz3MRj7u2mbSwk8Eifkwo6hPcF0d34zv2QDupTGyphIjoGCSrQHFIq/CPAkXyaOXZxw==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-icons": "2.0.6",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/breadcrumbs": "^3.5.7",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/breadcrumbs": "^3.7.1",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
     "@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -5686,6 +5778,19 @@
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
       "optional": true
     },
+    "@react-aria/breadcrumbs": {
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.9.tgz",
+      "integrity": "sha512-asbXTL5NjeHl1+YIF0K70y8tNHk8Lb6VneYH8yOkpLO49ejyNDYBK0tp0jtI9IZAQiTa2qkhYq58c9LloTwebQ==",
+      "requires": {
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/link": "^3.6.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/breadcrumbs": "^3.7.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -5746,6 +5851,19 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-aria/link": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.6.3.tgz",
+      "integrity": "sha512-8kPWc4u/lDow3Ll0LDxeMgaxt9Y3sl8UldKLGli8tzRSltYFugNh/n+i9sCnmo4Qv9Tp9kYv+yxBK50Uk9sINw==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/link": "^3.5.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/overlays": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
@@ -5838,6 +5956,15 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-types/breadcrumbs": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.2.tgz",
+      "integrity": "sha512-esl6RucDW2CNMsApJxNYfMtDaUcfLlwKMPH/loYsOBbKxGl2HsgVLMcdpjEkTRs2HCTNCbBXWpeU8AY77t+bsw==",
+      "requires": {
+        "@react-types/link": "^3.5.2",
+        "@react-types/shared": "^3.22.0"
+      }
+    },
     "@react-types/button": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
@@ -5846,6 +5973,14 @@
         "@react-types/shared": "^3.22.0"
       }
     },
+    "@react-types/link": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.5.2.tgz",
+      "integrity": "sha512-/s51/WejmpLiyxOgP89s4txgxYoGaPe8pVDItVo1h4+BhU1Puyvgv/Jx8t9dPvo6LUXbraaN+SgKk/QDxaiirw==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
     "@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
diff --git a/package.json b/package.json
index 5b8364e..3ed7d2e 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@nextui-org/breadcrumbs": "^2.0.4",
     "@nextui-org/input": "^2.1.16",
     "@nextui-org/system": "^2.0.15",
     "@nextui-org/theme": "^2.1.17",
diff --git a/src/app/globals.css b/src/app/globals.css
index 72c9e68..1e6485d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -17,7 +17,7 @@
 }
 
 body {
-  color: rgb(var(--foreground-rgb));
+  /* color: rgb(var(--foreground-rgb)); */
   /* background: linear-gradient(
       to bottom,
       transparent,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0655605..55d7a70 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,20 @@
+import { Breadcrumbs } from '@/components/Breadcrumbs/Breadcrumbs'
 import { Search } from '@/components/Search/Search'
 
 export default function Home() {
+
+  const items = [
+    { href: '/', label: 'Home' },
+    { href: '/music', label: 'Music' },
+    { href: '/artist', label: 'Artist' },
+    { href: '/album', label: 'Album' },
+    { href: '/song', label: 'Song' },
+  ]
+
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       <Search placeholder='Types of potatoes' label='Search'/>
+      <Breadcrumbs breadcrumbs={ items }/>
     </main>
   )
 }
diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx
new file mode 100644
index 0000000..d5a5c66
--- /dev/null
+++ b/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -0,0 +1,48 @@
+'use client'
+
+import { 
+    Breadcrumbs as BreadcrumbsContainer, 
+    BreadcrumbItem 
+} from "@nextui-org/breadcrumbs";
+
+export const Breadcrumbs = ({
+    breadcrumbs,
+    size,
+    color,
+    variant,
+    radius,
+    separator,
+    spaceBetween='px-1',
+    isDisabled
+}: {
+    breadcrumbs: { href: string, label: string }[];
+    size?: 'sm' | 'md' | 'lg' | undefined;
+    color?: 'foreground' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
+    variant?: 'solid' | 'bordered' | 'light' | undefined;
+    radius?: 'none' | 'full' | 'lg' | 'md' | 'sm' | undefined;
+    separator?: string;
+    isDisabled?: boolean;
+    spaceBetween?: string;
+}) => {
+    return (
+        <BreadcrumbsContainer 
+            size={ size } 
+            color={ color } 
+            variant={ variant } 
+            radius={ radius } 
+            separator={ separator }
+            isDisabled={ isDisabled }
+            itemClasses={{
+                separator: spaceBetween
+            }}
+        >
+            {breadcrumbs.map((crumb, index) => (
+                <BreadcrumbItem 
+                    key={ index } 
+                    href={ crumb.href }
+                >{ crumb.label }
+                </BreadcrumbItem>
+            ))}
+        </BreadcrumbsContainer>
+    )
+}

From 5e62202823aa5373e4f5f30c162fbcb2e62111eb Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 16:43:33 -0500
Subject: [PATCH 08/33] Starting the navigation tabs component

---
 package-lock.json                             | 534 ++++++++++++++++++
 package.json                                  |   2 +
 src/app/layout.tsx                            |   5 +-
 src/app/page.tsx                              |  23 +-
 .../NavigationTabs/NavigationTabs.tsx         |  66 +++
 tailwind.config.ts                            |   2 +
 6 files changed, 630 insertions(+), 2 deletions(-)
 create mode 100644 src/components/NavigationTabs/NavigationTabs.tsx

diff --git a/package-lock.json b/package-lock.json
index 540c01f..6895caf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,10 @@
       "name": "ui-components",
       "version": "0.1.0",
       "dependencies": {
+        "@nextui-org/card": "^2.0.24",
         "@nextui-org/input": "^2.1.16",
         "@nextui-org/system": "^2.0.15",
+        "@nextui-org/tabs": "^2.0.26",
         "@nextui-org/theme": "^2.1.17",
         "framer-motion": "^10.16.16",
         "next": "14.0.4",
@@ -493,6 +495,61 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nextui-org/aria-utils": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/aria-utils/-/aria-utils-2.0.15.tgz",
+      "integrity": "sha512-4M4jeJ/ghGaia9064yS+mEZ3sFPH80onmjNGWJZkkZDmUV4R88lNkqe/XYBK1tbxfl4Kxa8jc/ALsZkUkkvR5w==",
+      "dependencies": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/collections": "^3.10.2",
+        "@react-types/overlays": "^3.8.3",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/card": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/card/-/card-2.0.24.tgz",
+      "integrity": "sha512-16uAS0i6+EO+u8aqtmaCXatjovsyuTq51JwCLBlB67OldfgXoYcYl3GaE2VoZdEwxVu1G/qypDfXv29k46nZuA==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/ripple": "2.0.24",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/button": "^3.8.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/framer-transitions": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/framer-transitions/-/framer-transitions-2.0.15.tgz",
+      "integrity": "sha512-UlWMCAFdrq8wKrYFGwc+O4kFhKCkL4L9ZadBkP0PqjmfyAC2gA3ygRbNqtKhFMWeKbBAiC8qQ9aTBEA/+0r/EA==",
+      "dependencies": {
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15"
+      },
+      "peerDependencies": {
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -534,6 +591,22 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/ripple": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/ripple/-/ripple-2.0.24.tgz",
+      "integrity": "sha512-PCvAk9ErhmPX46VRmhsg8yMxw3Qd9LY7BDkRRfIF8KftgRDyOpG2vV8DxvSOxQu1/aqBWkkHNUuEjM/EvSEung==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/shared-icons": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
@@ -587,6 +660,34 @@
         "node": ">=6"
       }
     },
+    "node_modules/@nextui-org/tabs": {
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/tabs/-/tabs-2.0.26.tgz",
+      "integrity": "sha512-GjERgBYUAY1KD4GqNVy0cRi6GyQnf62q0ddcN4je3sEM6rsq3PygEXhkN5pxxFPacoYM/UE6rBswHSKlbjJjgw==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.15",
+        "@nextui-org/framer-transitions": "2.0.15",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-is-mounted": "2.0.4",
+        "@nextui-org/use-update-effect": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/tabs": "^3.8.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/tabs": "^3.6.1",
+        "@react-types/shared": "^3.21.0",
+        "@react-types/tabs": "^3.3.3",
+        "scroll-into-view-if-needed": "3.0.10"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/theme": {
       "version": "2.1.17",
       "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
@@ -607,6 +708,52 @@
         "tailwindcss": "*"
       }
     },
+    "node_modules/@nextui-org/use-aria-button": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-button/-/use-aria-button-2.0.6.tgz",
+      "integrity": "sha512-38DZ3FK/oPZ3sppfM5EtgJ4DITOajNwSKkAMePBmuSZl+bsW7peP8g5JNd9uPOEz3edCOppT60AQSICsYiH3cg==",
+      "dependencies": {
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/use-aria-press": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-press/-/use-aria-press-2.0.1.tgz",
+      "integrity": "sha512-T3MjHH5TU9qnkf872GmhcfQK16ITMmMW9zir6xsSsz0w6ay9Y0XTSPrI2zRL6ociFyfJjP840XCLtSx6VBfEBQ==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/ssr": "^3.8.0",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/use-is-mounted": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mounted/-/use-is-mounted-2.0.4.tgz",
+      "integrity": "sha512-NSQwQjg8+k02GVov9cDwtAdop1Cr90eDgB0MAdvu7QCMgfBZjy88IdQnx3Yo7bG4wP45xC0vLjqDBanaK+11hw==",
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/use-update-effect": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-update-effect/-/use-update-effect-2.0.4.tgz",
+      "integrity": "sha512-HycSl9Eopmy3ypZQxXVR7eov2D0q0zcgldgbIPvlKExbj8OInaIImc9zLMI9oQgfmg/YdvLeFSrfwc5BPrIvlg==",
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -648,6 +795,23 @@
         "node": ">=14"
       }
     },
+    "node_modules/@react-aria/button": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.9.1.tgz",
+      "integrity": "sha512-nAnLMUAnwIVcRkKzS1G2IU6LZSkIWPJGu9amz/g7Y02cGUwFp3lk5bEw2LdoaXiSDJNSX8g0SZFU8FROg57jfQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/button": "^3.9.1",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -745,6 +909,24 @@
         "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/selection": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.3.tgz",
+      "integrity": "sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/ssr": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
@@ -759,6 +941,25 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/tabs": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.8.3.tgz",
+      "integrity": "sha512-Plw0K/5Qv35vYq7pHZFfQB2BF5OClFx4Abzo9hLVx4oMy3qb7i5lxmLBVbt81yPX/MdjYeP4zO1EHGBl4zMRhA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/selection": "^3.17.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/tabs": "^3.6.3",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/tabs": "^3.3.4",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/textfield": {
       "version": "3.14.0",
       "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
@@ -807,6 +1008,18 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/collections": {
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.10.4.tgz",
+      "integrity": "sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/form": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
@@ -819,6 +1032,21 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/list": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.10.2.tgz",
+      "integrity": "sha512-INt+zofkIg2KN8B95xPi9pJG7ZFWAm30oIm/lCPBqM3K1Nm03/QaAbiQj2QeJcOsG3lb7oqI6D6iwTolwJkjIQ==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/overlays": {
       "version": "3.6.4",
       "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
@@ -832,6 +1060,47 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/selection": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.14.2.tgz",
+      "integrity": "sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/tabs": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.6.3.tgz",
+      "integrity": "sha512-Nj+Gacwa2SIzYIvHW40GsyX4Q6c8kF7GOuXESeQswbCjnwqhrSbDBp+ngPcUPUJxqFh6JhDCVwAS3wMhUoyUwA==",
+      "dependencies": {
+        "@react-stately/list": "^3.10.2",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/tabs": "^3.3.4",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/toggle": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.0.tgz",
+      "integrity": "sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==",
+      "dependencies": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/utils": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
@@ -854,6 +1123,17 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/checkbox": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.6.0.tgz",
+      "integrity": "sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -873,6 +1153,17 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/tabs": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.4.tgz",
+      "integrity": "sha512-4mCTtFrwMRypyGTZCvNYVT9CkknexO/UYvqwDm2jMYb8JgjRvxnomu776Yh7uyiYKWyql2upm20jqasEOm620w==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/textfield": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
@@ -1604,6 +1895,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
+      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -4298,6 +4594,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -5569,6 +5873,45 @@
       "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
       "optional": true
     },
+    "@nextui-org/aria-utils": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/aria-utils/-/aria-utils-2.0.15.tgz",
+      "integrity": "sha512-4M4jeJ/ghGaia9064yS+mEZ3sFPH80onmjNGWJZkkZDmUV4R88lNkqe/XYBK1tbxfl4Kxa8jc/ALsZkUkkvR5w==",
+      "requires": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/collections": "^3.10.2",
+        "@react-types/overlays": "^3.8.3",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/card": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/card/-/card-2.0.24.tgz",
+      "integrity": "sha512-16uAS0i6+EO+u8aqtmaCXatjovsyuTq51JwCLBlB67OldfgXoYcYl3GaE2VoZdEwxVu1G/qypDfXv29k46nZuA==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/ripple": "2.0.24",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/button": "^3.8.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/framer-transitions": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/framer-transitions/-/framer-transitions-2.0.15.tgz",
+      "integrity": "sha512-UlWMCAFdrq8wKrYFGwc+O4kFhKCkL4L9ZadBkP0PqjmfyAC2gA3ygRbNqtKhFMWeKbBAiC8qQ9aTBEA/+0r/EA==",
+      "requires": {
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15"
+      }
+    },
     "@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -5601,6 +5944,15 @@
         "@nextui-org/shared-utils": "2.0.4"
       }
     },
+    "@nextui-org/ripple": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/ripple/-/ripple-2.0.24.tgz",
+      "integrity": "sha512-PCvAk9ErhmPX46VRmhsg8yMxw3Qd9LY7BDkRRfIF8KftgRDyOpG2vV8DxvSOxQu1/aqBWkkHNUuEjM/EvSEung==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4"
+      }
+    },
     "@nextui-org/shared-icons": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
@@ -5640,6 +5992,27 @@
         }
       }
     },
+    "@nextui-org/tabs": {
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/tabs/-/tabs-2.0.26.tgz",
+      "integrity": "sha512-GjERgBYUAY1KD4GqNVy0cRi6GyQnf62q0ddcN4je3sEM6rsq3PygEXhkN5pxxFPacoYM/UE6rBswHSKlbjJjgw==",
+      "requires": {
+        "@nextui-org/aria-utils": "2.0.15",
+        "@nextui-org/framer-transitions": "2.0.15",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-is-mounted": "2.0.4",
+        "@nextui-org/use-update-effect": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/tabs": "^3.8.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/tabs": "^3.6.1",
+        "@react-types/shared": "^3.21.0",
+        "@react-types/tabs": "^3.3.3",
+        "scroll-into-view-if-needed": "3.0.10"
+      }
+    },
     "@nextui-org/theme": {
       "version": "2.1.17",
       "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
@@ -5657,6 +6030,42 @@
         "tailwind-variants": "^0.1.18"
       }
     },
+    "@nextui-org/use-aria-button": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-button/-/use-aria-button-2.0.6.tgz",
+      "integrity": "sha512-38DZ3FK/oPZ3sppfM5EtgJ4DITOajNwSKkAMePBmuSZl+bsW7peP8g5JNd9uPOEz3edCOppT60AQSICsYiH3cg==",
+      "requires": {
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/use-aria-press": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-press/-/use-aria-press-2.0.1.tgz",
+      "integrity": "sha512-T3MjHH5TU9qnkf872GmhcfQK16ITMmMW9zir6xsSsz0w6ay9Y0XTSPrI2zRL6ociFyfJjP840XCLtSx6VBfEBQ==",
+      "requires": {
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/ssr": "^3.8.0",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/use-is-mounted": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mounted/-/use-is-mounted-2.0.4.tgz",
+      "integrity": "sha512-NSQwQjg8+k02GVov9cDwtAdop1Cr90eDgB0MAdvu7QCMgfBZjy88IdQnx3Yo7bG4wP45xC0vLjqDBanaK+11hw==",
+      "requires": {}
+    },
+    "@nextui-org/use-update-effect": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-update-effect/-/use-update-effect-2.0.4.tgz",
+      "integrity": "sha512-HycSl9Eopmy3ypZQxXVR7eov2D0q0zcgldgbIPvlKExbj8OInaIImc9zLMI9oQgfmg/YdvLeFSrfwc5BPrIvlg==",
+      "requires": {}
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -5686,6 +6095,20 @@
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
       "optional": true
     },
+    "@react-aria/button": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.9.1.tgz",
+      "integrity": "sha512-nAnLMUAnwIVcRkKzS1G2IU6LZSkIWPJGu9amz/g7Y02cGUwFp3lk5bEw2LdoaXiSDJNSX8g0SZFU8FROg57jfQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/button": "^3.9.1",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -5764,6 +6187,20 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-aria/selection": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.3.tgz",
+      "integrity": "sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/ssr": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
@@ -5772,6 +6209,21 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-aria/tabs": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.8.3.tgz",
+      "integrity": "sha512-Plw0K/5Qv35vYq7pHZFfQB2BF5OClFx4Abzo9hLVx4oMy3qb7i5lxmLBVbt81yPX/MdjYeP4zO1EHGBl4zMRhA==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/selection": "^3.17.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/tabs": "^3.6.3",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/tabs": "^3.3.4",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/textfield": {
       "version": "3.14.0",
       "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
@@ -5811,6 +6263,15 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-stately/collections": {
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.10.4.tgz",
+      "integrity": "sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==",
+      "requires": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-stately/form": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
@@ -5820,6 +6281,18 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-stately/list": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.10.2.tgz",
+      "integrity": "sha512-INt+zofkIg2KN8B95xPi9pJG7ZFWAm30oIm/lCPBqM3K1Nm03/QaAbiQj2QeJcOsG3lb7oqI6D6iwTolwJkjIQ==",
+      "requires": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-stately/overlays": {
       "version": "3.6.4",
       "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
@@ -5830,6 +6303,38 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-stately/selection": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.14.2.tgz",
+      "integrity": "sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==",
+      "requires": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/tabs": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.6.3.tgz",
+      "integrity": "sha512-Nj+Gacwa2SIzYIvHW40GsyX4Q6c8kF7GOuXESeQswbCjnwqhrSbDBp+ngPcUPUJxqFh6JhDCVwAS3wMhUoyUwA==",
+      "requires": {
+        "@react-stately/list": "^3.10.2",
+        "@react-types/shared": "^3.22.0",
+        "@react-types/tabs": "^3.3.4",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/toggle": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.0.tgz",
+      "integrity": "sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==",
+      "requires": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-stately/utils": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
@@ -5846,6 +6351,14 @@
         "@react-types/shared": "^3.22.0"
       }
     },
+    "@react-types/checkbox": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.6.0.tgz",
+      "integrity": "sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
     "@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -5860,6 +6373,14 @@
       "integrity": "sha512-yVOekZWbtSmmiThGEIARbBpnmUIuePFlLyctjvCbgJgGhz8JnEJOipLQ/a4anaWfzAgzSceQP8j/K+VOOePleA==",
       "requires": {}
     },
+    "@react-types/tabs": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.4.tgz",
+      "integrity": "sha512-4mCTtFrwMRypyGTZCvNYVT9CkknexO/UYvqwDm2jMYb8JgjRvxnomu776Yh7uyiYKWyql2upm20jqasEOm620w==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
     "@react-types/textfield": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
@@ -6366,6 +6887,11 @@
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
     },
+    "compute-scroll-into-view": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
+      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -8284,6 +8810,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "requires": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
diff --git a/package.json b/package.json
index 5b8364e..ee8cac6 100644
--- a/package.json
+++ b/package.json
@@ -9,8 +9,10 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@nextui-org/card": "^2.0.24",
     "@nextui-org/input": "^2.1.16",
     "@nextui-org/system": "^2.0.15",
+    "@nextui-org/tabs": "^2.0.26",
     "@nextui-org/theme": "^2.1.17",
     "framer-motion": "^10.16.16",
     "next": "14.0.4",
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 40e027f..3a12497 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -14,9 +14,12 @@ export default function RootLayout({
 }: {
   children: React.ReactNode
 }) {
+
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={inter.className}>
+        {children}
+      </body>
     </html>
   )
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0655605..aa43c06 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,30 @@
 import { Search } from '@/components/Search/Search'
+import { NavigationTabs } from '@/components/NavigationTabs/NavigationTabs'
 
 export default function Home() {
+
+  let tabs = [
+    {
+      id: 'photos',
+      label: 'Photos',
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
+    },
+    {
+      id: 'music',
+      label: 'Music',
+      content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.'
+    },
+    {
+      id: 'videos',
+      label: 'Videos',
+      content: 'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
+    }
+  ];
+
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+    <main className="grid gap-10 p-4">
       <Search placeholder='Types of potatoes' label='Search'/>
+      <NavigationTabs tabs={ tabs } />
     </main>
   )
 }
diff --git a/src/components/NavigationTabs/NavigationTabs.tsx b/src/components/NavigationTabs/NavigationTabs.tsx
new file mode 100644
index 0000000..316d058
--- /dev/null
+++ b/src/components/NavigationTabs/NavigationTabs.tsx
@@ -0,0 +1,66 @@
+'use client'
+
+import { Tabs, Tab } from '@nextui-org/tabs';
+import { Card, CardBody } from '@nextui-org/card'
+
+export const NavigationTabs = ({
+    tabs=[],
+    isDisabled,
+    disabledKeys,
+    size='md',
+    radius='md',
+    color,
+    variant,
+    // No probado
+    fullWidth,
+    defaultSelectedKey,
+    disableAnimation,
+}: {
+    tabs: Array<{
+        id: string
+        label: string
+        content: string
+        href?: string
+    }>;
+    isDisabled?: boolean;
+    disabledKeys?: Array<string | number>;
+    size?: 'sm' | 'md' | 'lg';
+    radius?: 'full' | 'lg' | 'md' | 'sm' | 'none';
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    variant?: 'solid' | 'underlined' | 'bordered' | 'light';
+    // No probado
+    fullWidth?: boolean;
+    defaultSelectedKey?: string | number;
+    disableAnimation?: boolean;
+}) => {
+    return (
+        <div className='flex w-full flex-col'>
+        <Tabs 
+            aria-label='Dynamic tabs' 
+            items={ tabs } 
+            isDisabled={ isDisabled  }
+            disabledKeys={ disabledKeys }
+            size={ size }
+            radius={ radius }
+            color={ color }
+            variant={variant}
+            // No probado
+            fullWidth={ fullWidth }
+            defaultSelectedKey={ defaultSelectedKey }
+            disableAnimation={ disableAnimation }>
+            {tab => (
+                <Tab 
+                    key={ tab.id } 
+                    title={ tab.label }
+                >
+                    <Card>
+                        <CardBody>
+                            {tab.content}
+                        </CardBody>
+                    </Card>  
+                </Tab>
+            )}
+        </Tabs>
+        </div>  
+  )
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 95521a9..3971dfd 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,6 +7,8 @@ const config: Config = {
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
     './node_modules/@nextui-org/theme/dist/components/input.js',
+    './node_modules/@nextui-org/theme/dist/components/tabs.js',
+    './node_modules/@nextui-org/theme/dist/components/card.js',
   ],
   theme: {
     extend: {

From c8ba501c1292c61c417cf3cf059c072d270d8a68 Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Fri, 22 Dec 2023 18:09:05 -0500
Subject: [PATCH 09/33] Created Dropdown Menu component with href to real pages

---
 .vscode/settings.json                |  22 -
 package-lock.json                    | 948 ++++++++++++++++++++++++++-
 package.json                         |   2 +
 src/app/globals.css                  |   2 +-
 src/app/page.tsx                     |   4 +
 src/components/Dropdown/Dropdown.tsx |  55 ++
 tailwind.config.ts                   |   1 +
 7 files changed, 988 insertions(+), 46 deletions(-)
 delete mode 100644 .vscode/settings.json
 create mode 100644 src/components/Dropdown/Dropdown.tsx

diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 5be0973..0000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-    "workbench.colorCustomizations": {
-        "activityBar.activeBackground": "#93e6fc",
-        "activityBar.background": "#93e6fc",
-        "activityBar.foreground": "#15202b",
-        "activityBar.inactiveForeground": "#15202b99",
-        "activityBarBadge.background": "#fa45d4",
-        "activityBarBadge.foreground": "#15202b",
-        "commandCenter.border": "#15202b99",
-        "sash.hoverBorder": "#93e6fc",
-        "statusBar.background": "#61dafb",
-        "statusBar.foreground": "#15202b",
-        "statusBarItem.hoverBackground": "#2fcefa",
-        "statusBarItem.remoteBackground": "#61dafb",
-        "statusBarItem.remoteForeground": "#15202b",
-        "titleBar.activeBackground": "#61dafb",
-        "titleBar.activeForeground": "#15202b",
-        "titleBar.inactiveBackground": "#61dafb99",
-        "titleBar.inactiveForeground": "#15202b99"
-    },
-    "peacock.color": "#61dafb"
-}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 540c01f..09f5fe7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "name": "ui-components",
       "version": "0.1.0",
       "dependencies": {
+        "@nextui-org/button": "^2.0.26",
+        "@nextui-org/dropdown": "^2.1.16",
         "@nextui-org/input": "^2.1.16",
         "@nextui-org/system": "^2.0.15",
         "@nextui-org/theme": "^2.1.17",
@@ -493,6 +495,102 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nextui-org/aria-utils": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/aria-utils/-/aria-utils-2.0.15.tgz",
+      "integrity": "sha512-4M4jeJ/ghGaia9064yS+mEZ3sFPH80onmjNGWJZkkZDmUV4R88lNkqe/XYBK1tbxfl4Kxa8jc/ALsZkUkkvR5w==",
+      "dependencies": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/collections": "^3.10.2",
+        "@react-types/overlays": "^3.8.3",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/button": {
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/button/-/button-2.0.26.tgz",
+      "integrity": "sha512-mDrSII1oneY4omwDdxUhl5oLa3AhoWCchwV/jt7egunnAFie32HbTqfFYGpLGiJw3JMMh3WDUthrI1islVTRKA==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/ripple": "2.0.24",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/spinner": "2.0.24",
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/button": "^3.8.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/divider": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/divider/-/divider-2.0.25.tgz",
+      "integrity": "sha512-yEvHqYlhNBwmF68pfjJKdzC8gVQtL+txxD5COBGF9uFyfxA5hVw2D6GmYgOH514bxrFBuWOLcQX6gyljgcN3bA==",
+      "dependencies": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/dropdown": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@nextui-org/dropdown/-/dropdown-2.1.16.tgz",
+      "integrity": "sha512-3KINNvC7Cz+deQltCM8gaB7iJCfU4Qsp1fwnoy1wUEjeZhEtPOPR59oTyqT+gPaPIisP1+LLOfcqRl4jNQoVXw==",
+      "dependencies": {
+        "@nextui-org/menu": "2.0.17",
+        "@nextui-org/popover": "2.1.14",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/menu": "^3.11.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/menu": "^3.5.6",
+        "@react-types/menu": "^3.9.5"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/framer-transitions": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/framer-transitions/-/framer-transitions-2.0.15.tgz",
+      "integrity": "sha512-UlWMCAFdrq8wKrYFGwc+O4kFhKCkL4L9ZadBkP0PqjmfyAC2gA3ygRbNqtKhFMWeKbBAiC8qQ9aTBEA/+0r/EA==",
+      "dependencies": {
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15"
+      },
+      "peerDependencies": {
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -517,6 +615,62 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@nextui-org/menu": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@nextui-org/menu/-/menu-2.0.17.tgz",
+      "integrity": "sha512-qr/BPDbBvg5tpAZZLkLx8eNnvYwJYM3Q72fmRYbzwmG3upNtdjln0QYxSwPXUz7RYqTKEFWc9JPxq2pgPM15Wg==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.15",
+        "@nextui-org/divider": "2.0.25",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@nextui-org/use-is-mobile": "2.0.6",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/menu": "^3.11.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/menu": "^3.5.6",
+        "@react-stately/tree": "^3.7.3",
+        "@react-types/menu": "^3.9.5",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/popover": {
+      "version": "2.1.14",
+      "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.14.tgz",
+      "integrity": "sha512-fqqktFQ/chIBS9Y3MghL6KX6qAy3hodtXUDchnxLa1GL+oi6TCBLUjo+wgI5EMJrTTbqo/eFLui/Ks00JfCj+A==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.15",
+        "@nextui-org/button": "2.0.26",
+        "@nextui-org/framer-transitions": "2.0.15",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/dialog": "^3.5.7",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/overlays": "^3.18.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/overlays": "^3.6.3",
+        "@react-types/button": "^3.9.0",
+        "@react-types/overlays": "^3.8.3",
+        "react-remove-scroll": "^2.5.6"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/react-rsc-utils": {
       "version": "2.0.10",
       "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.10.tgz",
@@ -534,6 +688,22 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/ripple": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/ripple/-/ripple-2.0.24.tgz",
+      "integrity": "sha512-PCvAk9ErhmPX46VRmhsg8yMxw3Qd9LY7BDkRRfIF8KftgRDyOpG2vV8DxvSOxQu1/aqBWkkHNUuEjM/EvSEung==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/shared-icons": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
@@ -550,6 +720,21 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/spinner": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/spinner/-/spinner-2.0.24.tgz",
+      "integrity": "sha512-s/q2FmxGPNEqA0ifWfc7xgs5a5D9c3xKkxL3n7jDoRnWo0NPlRsa6QRJGiSL5dHNoUqspRf/lNw2V94Bxk86Pg==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11"
+      },
+      "peerDependencies": {
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/system": {
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
@@ -607,6 +792,47 @@
         "tailwindcss": "*"
       }
     },
+    "node_modules/@nextui-org/use-aria-button": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-button/-/use-aria-button-2.0.6.tgz",
+      "integrity": "sha512-38DZ3FK/oPZ3sppfM5EtgJ4DITOajNwSKkAMePBmuSZl+bsW7peP8g5JNd9uPOEz3edCOppT60AQSICsYiH3cg==",
+      "dependencies": {
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/use-aria-press": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-press/-/use-aria-press-2.0.1.tgz",
+      "integrity": "sha512-T3MjHH5TU9qnkf872GmhcfQK16ITMmMW9zir6xsSsz0w6ay9Y0XTSPrI2zRL6ociFyfJjP840XCLtSx6VBfEBQ==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/ssr": "^3.8.0",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
+    "node_modules/@nextui-org/use-is-mobile": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
+      "integrity": "sha512-HeglWUoq6Ln8P5n6s1SZvBRatLYMKsiXQM7Mk2l+6jFByzZh3VWtZ05xmuX8te/1rGmeUxjeXtW6x+F7/f/JoA==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.8.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -648,6 +874,40 @@
         "node": ">=14"
       }
     },
+    "node_modules/@react-aria/button": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.9.1.tgz",
+      "integrity": "sha512-nAnLMUAnwIVcRkKzS1G2IU6LZSkIWPJGu9amz/g7Y02cGUwFp3lk5bEw2LdoaXiSDJNSX8g0SZFU8FROg57jfQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/button": "^3.9.1",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/dialog": {
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.9.tgz",
+      "integrity": "sha512-Eg5pFJN3b5NitKL60nf30iPpQGCyOcU4YakUVn5+GWKLBlm8ryE8jyoIIO0e0LCM65K+fL+gGHGK01GCZyKrpQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/overlays": "^3.20.0",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/dialog": "^3.5.7",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -723,6 +983,30 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/menu": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.12.0.tgz",
+      "integrity": "sha512-Nsujv3b61WR0gybDKnBjAeyxDVJOfPLMggRUf9SQDfPWnrPXEsAFxaPaVcAkzlfI4HiQs1IxNwsKFNpc3PPZTQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/overlays": "^3.20.0",
+        "@react-aria/selection": "^3.17.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/menu": "^3.6.0",
+        "@react-stately/tree": "^3.7.5",
+        "@react-types/button": "^3.9.1",
+        "@react-types/menu": "^3.9.6",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/overlays": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
@@ -745,6 +1029,24 @@
         "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/selection": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.3.tgz",
+      "integrity": "sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/ssr": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
@@ -807,6 +1109,18 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/collections": {
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.10.4.tgz",
+      "integrity": "sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/form": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
@@ -819,6 +1133,20 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/menu": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.6.0.tgz",
+      "integrity": "sha512-OB6CjNyfOkAuirqx1oTL8z8epS9WDzLyrXjmRnxdiCU9EgRXLGAQNECuO7VIpl58oDry8tgRJiJ8fn8FivWSQA==",
+      "dependencies": {
+        "@react-stately/overlays": "^3.6.4",
+        "@react-types/menu": "^3.9.6",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/overlays": {
       "version": "3.6.4",
       "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
@@ -832,6 +1160,48 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-stately/selection": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.14.2.tgz",
+      "integrity": "sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/toggle": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.0.tgz",
+      "integrity": "sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==",
+      "dependencies": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/tree": {
+      "version": "3.7.5",
+      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.7.5.tgz",
+      "integrity": "sha512-xTJVwvhAeY0N5rui4N/TxN7f8hjXdqApDuGDxMZeFAWoQz8Abf7LFKBVQ3OkT6qVr7P+23dgoisUDBhD5a45Hg==",
+      "dependencies": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-stately/utils": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
@@ -854,6 +1224,41 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/checkbox": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.6.0.tgz",
+      "integrity": "sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==",
+      "dependencies": {
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/dialog": {
+      "version": "3.5.7",
+      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.7.tgz",
+      "integrity": "sha512-geYoqAyQaTLG43AaXdMUVqZXYgkSifrD9cF7lR2kPAT0uGFv0YREi6ieU+aui8XJ83EW0xcxP+EPWd2YkN4D4w==",
+      "dependencies": {
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/menu": {
+      "version": "3.9.6",
+      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.9.6.tgz",
+      "integrity": "sha512-w/RbFInOf4nNayQDv5c2L8IMJbcFOkBhsT3xvvpTy+CHvJcQdjggwaV1sRiw7eF/PwB81k2CwigmidUzHJhKDg==",
+      "dependencies": {
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -917,13 +1322,13 @@
       "version": "15.7.11",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
       "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/react": {
       "version": "18.2.45",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.45.tgz",
       "integrity": "sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -943,7 +1348,7 @@
       "version": "0.16.8",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
       "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@typescript-eslint/parser": {
       "version": "6.15.0",
@@ -1638,7 +2043,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
@@ -1717,6 +2122,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -2574,6 +2984,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -2866,6 +3284,14 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
@@ -4077,30 +4503,97 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
       "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
       "dependencies": {
-        "loose-envify": "^1.1.0"
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
+      "integrity": "sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.4",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "dependencies": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+    "node_modules/react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
       "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
     "node_modules/react-textarea-autosize": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.3.tgz",
@@ -4992,6 +5485,26 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+      "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/use-composed-ref": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.3.0.tgz",
@@ -5029,6 +5542,27 @@
         }
       }
     },
+    "node_modules/use-sidecar": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -5569,6 +6103,74 @@
       "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
       "optional": true
     },
+    "@nextui-org/aria-utils": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/aria-utils/-/aria-utils-2.0.15.tgz",
+      "integrity": "sha512-4M4jeJ/ghGaia9064yS+mEZ3sFPH80onmjNGWJZkkZDmUV4R88lNkqe/XYBK1tbxfl4Kxa8jc/ALsZkUkkvR5w==",
+      "requires": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/collections": "^3.10.2",
+        "@react-types/overlays": "^3.8.3",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/button": {
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/button/-/button-2.0.26.tgz",
+      "integrity": "sha512-mDrSII1oneY4omwDdxUhl5oLa3AhoWCchwV/jt7egunnAFie32HbTqfFYGpLGiJw3JMMh3WDUthrI1islVTRKA==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/ripple": "2.0.24",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/spinner": "2.0.24",
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/button": "^3.8.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/divider": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/divider/-/divider-2.0.25.tgz",
+      "integrity": "sha512-yEvHqYlhNBwmF68pfjJKdzC8gVQtL+txxD5COBGF9uFyfxA5hVw2D6GmYgOH514bxrFBuWOLcQX6gyljgcN3bA==",
+      "requires": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/dropdown": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@nextui-org/dropdown/-/dropdown-2.1.16.tgz",
+      "integrity": "sha512-3KINNvC7Cz+deQltCM8gaB7iJCfU4Qsp1fwnoy1wUEjeZhEtPOPR59oTyqT+gPaPIisP1+LLOfcqRl4jNQoVXw==",
+      "requires": {
+        "@nextui-org/menu": "2.0.17",
+        "@nextui-org/popover": "2.1.14",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/menu": "^3.11.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/menu": "^3.5.6",
+        "@react-types/menu": "^3.9.5"
+      }
+    },
+    "@nextui-org/framer-transitions": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/framer-transitions/-/framer-transitions-2.0.15.tgz",
+      "integrity": "sha512-UlWMCAFdrq8wKrYFGwc+O4kFhKCkL4L9ZadBkP0PqjmfyAC2gA3ygRbNqtKhFMWeKbBAiC8qQ9aTBEA/+0r/EA==",
+      "requires": {
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system": "2.0.15"
+      }
+    },
     "@nextui-org/input": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
@@ -5587,6 +6189,49 @@
         "react-textarea-autosize": "^8.5.2"
       }
     },
+    "@nextui-org/menu": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@nextui-org/menu/-/menu-2.0.17.tgz",
+      "integrity": "sha512-qr/BPDbBvg5tpAZZLkLx8eNnvYwJYM3Q72fmRYbzwmG3upNtdjln0QYxSwPXUz7RYqTKEFWc9JPxq2pgPM15Wg==",
+      "requires": {
+        "@nextui-org/aria-utils": "2.0.15",
+        "@nextui-org/divider": "2.0.25",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@nextui-org/use-is-mobile": "2.0.6",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/menu": "^3.11.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/menu": "^3.5.6",
+        "@react-stately/tree": "^3.7.3",
+        "@react-types/menu": "^3.9.5",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/popover": {
+      "version": "2.1.14",
+      "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.14.tgz",
+      "integrity": "sha512-fqqktFQ/chIBS9Y3MghL6KX6qAy3hodtXUDchnxLa1GL+oi6TCBLUjo+wgI5EMJrTTbqo/eFLui/Ks00JfCj+A==",
+      "requires": {
+        "@nextui-org/aria-utils": "2.0.15",
+        "@nextui-org/button": "2.0.26",
+        "@nextui-org/framer-transitions": "2.0.15",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/dialog": "^3.5.7",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/overlays": "^3.18.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/overlays": "^3.6.3",
+        "@react-types/button": "^3.9.0",
+        "@react-types/overlays": "^3.8.3",
+        "react-remove-scroll": "^2.5.6"
+      }
+    },
     "@nextui-org/react-rsc-utils": {
       "version": "2.0.10",
       "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.10.tgz",
@@ -5601,6 +6246,15 @@
         "@nextui-org/shared-utils": "2.0.4"
       }
     },
+    "@nextui-org/ripple": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/ripple/-/ripple-2.0.24.tgz",
+      "integrity": "sha512-PCvAk9ErhmPX46VRmhsg8yMxw3Qd9LY7BDkRRfIF8KftgRDyOpG2vV8DxvSOxQu1/aqBWkkHNUuEjM/EvSEung==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4"
+      }
+    },
     "@nextui-org/shared-icons": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
@@ -5613,6 +6267,16 @@
       "integrity": "sha512-Ms7A6UCvo/SZt/9Nmb7cZwHe9fZFw+EPsieTnC1vtpvDNCasxrTB0hj9VWFoYfWOaCzzqxl1AL9maIz/gMvckQ==",
       "requires": {}
     },
+    "@nextui-org/spinner": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/spinner/-/spinner-2.0.24.tgz",
+      "integrity": "sha512-s/q2FmxGPNEqA0ifWfc7xgs5a5D9c3xKkxL3n7jDoRnWo0NPlRsa6QRJGiSL5dHNoUqspRf/lNw2V94Bxk86Pg==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11"
+      }
+    },
     "@nextui-org/system": {
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
@@ -5657,6 +6321,38 @@
         "tailwind-variants": "^0.1.18"
       }
     },
+    "@nextui-org/use-aria-button": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-button/-/use-aria-button-2.0.6.tgz",
+      "integrity": "sha512-38DZ3FK/oPZ3sppfM5EtgJ4DITOajNwSKkAMePBmuSZl+bsW7peP8g5JNd9uPOEz3edCOppT60AQSICsYiH3cg==",
+      "requires": {
+        "@nextui-org/use-aria-press": "2.0.1",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/use-aria-press": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-press/-/use-aria-press-2.0.1.tgz",
+      "integrity": "sha512-T3MjHH5TU9qnkf872GmhcfQK16ITMmMW9zir6xsSsz0w6ay9Y0XTSPrI2zRL6ociFyfJjP840XCLtSx6VBfEBQ==",
+      "requires": {
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/ssr": "^3.8.0",
+        "@react-aria/utils": "^3.21.1",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
+    "@nextui-org/use-is-mobile": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
+      "integrity": "sha512-HeglWUoq6Ln8P5n6s1SZvBRatLYMKsiXQM7Mk2l+6jFByzZh3VWtZ05xmuX8te/1rGmeUxjeXtW6x+F7/f/JoA==",
+      "requires": {
+        "@react-aria/ssr": "^3.8.0"
+      }
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -5686,6 +6382,33 @@
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
       "optional": true
     },
+    "@react-aria/button": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.9.1.tgz",
+      "integrity": "sha512-nAnLMUAnwIVcRkKzS1G2IU6LZSkIWPJGu9amz/g7Y02cGUwFp3lk5bEw2LdoaXiSDJNSX8g0SZFU8FROg57jfQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/toggle": "^3.7.0",
+        "@react-types/button": "^3.9.1",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-aria/dialog": {
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.9.tgz",
+      "integrity": "sha512-Eg5pFJN3b5NitKL60nf30iPpQGCyOcU4YakUVn5+GWKLBlm8ryE8jyoIIO0e0LCM65K+fL+gGHGK01GCZyKrpQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/overlays": "^3.20.0",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/dialog": "^3.5.7",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -5746,6 +6469,26 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-aria/menu": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.12.0.tgz",
+      "integrity": "sha512-Nsujv3b61WR0gybDKnBjAeyxDVJOfPLMggRUf9SQDfPWnrPXEsAFxaPaVcAkzlfI4HiQs1IxNwsKFNpc3PPZTQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/overlays": "^3.20.0",
+        "@react-aria/selection": "^3.17.3",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/menu": "^3.6.0",
+        "@react-stately/tree": "^3.7.5",
+        "@react-types/button": "^3.9.1",
+        "@react-types/menu": "^3.9.6",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/overlays": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
@@ -5764,6 +6507,20 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-aria/selection": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.3.tgz",
+      "integrity": "sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==",
+      "requires": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/i18n": "^3.10.0",
+        "@react-aria/interactions": "^3.20.1",
+        "@react-aria/utils": "^3.23.0",
+        "@react-stately/selection": "^3.14.2",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-aria/ssr": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
@@ -5811,6 +6568,15 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-stately/collections": {
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.10.4.tgz",
+      "integrity": "sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==",
+      "requires": {
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-stately/form": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
@@ -5820,6 +6586,17 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-stately/menu": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.6.0.tgz",
+      "integrity": "sha512-OB6CjNyfOkAuirqx1oTL8z8epS9WDzLyrXjmRnxdiCU9EgRXLGAQNECuO7VIpl58oDry8tgRJiJ8fn8FivWSQA==",
+      "requires": {
+        "@react-stately/overlays": "^3.6.4",
+        "@react-types/menu": "^3.9.6",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-stately/overlays": {
       "version": "3.6.4",
       "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
@@ -5830,6 +6607,39 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "@react-stately/selection": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.14.2.tgz",
+      "integrity": "sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==",
+      "requires": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/toggle": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.0.tgz",
+      "integrity": "sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==",
+      "requires": {
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/checkbox": "^3.6.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "@react-stately/tree": {
+      "version": "3.7.5",
+      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.7.5.tgz",
+      "integrity": "sha512-xTJVwvhAeY0N5rui4N/TxN7f8hjXdqApDuGDxMZeFAWoQz8Abf7LFKBVQ3OkT6qVr7P+23dgoisUDBhD5a45Hg==",
+      "requires": {
+        "@react-stately/collections": "^3.10.4",
+        "@react-stately/selection": "^3.14.2",
+        "@react-stately/utils": "^3.9.0",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "@react-stately/utils": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
@@ -5846,6 +6656,32 @@
         "@react-types/shared": "^3.22.0"
       }
     },
+    "@react-types/checkbox": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.6.0.tgz",
+      "integrity": "sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==",
+      "requires": {
+        "@react-types/shared": "^3.22.0"
+      }
+    },
+    "@react-types/dialog": {
+      "version": "3.5.7",
+      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.7.tgz",
+      "integrity": "sha512-geYoqAyQaTLG43AaXdMUVqZXYgkSifrD9cF7lR2kPAT0uGFv0YREi6ieU+aui8XJ83EW0xcxP+EPWd2YkN4D4w==",
+      "requires": {
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0"
+      }
+    },
+    "@react-types/menu": {
+      "version": "3.9.6",
+      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.9.6.tgz",
+      "integrity": "sha512-w/RbFInOf4nNayQDv5c2L8IMJbcFOkBhsT3xvvpTy+CHvJcQdjggwaV1sRiw7eF/PwB81k2CwigmidUzHJhKDg==",
+      "requires": {
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0"
+      }
+    },
     "@react-types/overlays": {
       "version": "3.8.4",
       "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
@@ -5901,13 +6737,13 @@
       "version": "15.7.11",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
       "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
-      "dev": true
+      "devOptional": true
     },
     "@types/react": {
       "version": "18.2.45",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.45.tgz",
       "integrity": "sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -5927,7 +6763,7 @@
       "version": "0.16.8",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
       "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
+      "devOptional": true
     },
     "@typescript-eslint/parser": {
       "version": "6.15.0",
@@ -6391,7 +7227,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true
+      "devOptional": true
     },
     "damerau-levenshtein": {
       "version": "1.0.8",
@@ -6447,6 +7283,11 @@
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
       "dev": true
     },
+    "detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+    },
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -7101,6 +7942,11 @@
         "hasown": "^2.0.0"
       }
     },
+    "get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="
+    },
     "get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -7309,6 +8155,14 @@
         "tslib": "^2.4.0"
       }
     },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "is-array-buffer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
@@ -8153,6 +9007,37 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "dev": true
     },
+    "react-remove-scroll": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
+      "integrity": "sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==",
+      "requires": {
+        "react-remove-scroll-bar": "^2.3.4",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      }
+    },
+    "react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "requires": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      }
+    },
+    "react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "requires": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      }
+    },
     "react-textarea-autosize": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.3.tgz",
@@ -8767,6 +9652,14 @@
         "punycode": "^2.1.0"
       }
     },
+    "use-callback-ref": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+      "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
+    },
     "use-composed-ref": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.3.0.tgz",
@@ -8787,6 +9680,15 @@
         "use-isomorphic-layout-effect": "^1.1.1"
       }
     },
+    "use-sidecar": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "requires": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      }
+    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/package.json b/package.json
index 5b8364e..755380e 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@nextui-org/button": "^2.0.26",
+    "@nextui-org/dropdown": "^2.1.16",
     "@nextui-org/input": "^2.1.16",
     "@nextui-org/system": "^2.0.15",
     "@nextui-org/theme": "^2.1.17",
diff --git a/src/app/globals.css b/src/app/globals.css
index 72c9e68..1e6485d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -17,7 +17,7 @@
 }
 
 body {
-  color: rgb(var(--foreground-rgb));
+  /* color: rgb(var(--foreground-rgb)); */
   /* background: linear-gradient(
       to bottom,
       transparent,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0655605..6747fa3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,13 @@
 import { Search } from '@/components/Search/Search'
+import { Dropdown } from '@/components/Dropdown/Dropdown'
+
 
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       <Search placeholder='Types of potatoes' label='Search'/>
+      <Dropdown />
+      
     </main>
   )
 }
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
new file mode 100644
index 0000000..f996245
--- /dev/null
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -0,0 +1,55 @@
+'use client'
+
+import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
+import { Button } from "@nextui-org/button";
+
+export const Dropdown = () => {
+  const items = [
+    {
+      key: "mision",
+      label: "Misión",
+      url: "https://www.bosquesdecolombia.com/es/quienes-somos/mision"
+    },
+    {
+      key: "vision",
+      label: "Visión",
+      url: "https://www.bosquesdecolombia.com/es/quienes-somos/vision"
+    },
+    {
+      key: "objetivos",
+      label: "Objetivos",
+      url: "https://www.bosquesdecolombia.com/es/quienes-somos/objetivos"
+    },
+    {
+      key: "interes",
+      label: "Sitios de Interés",
+      url: "https://www.bosquesdecolombia.com/es/sitios-de-interes"
+    }
+  ];
+
+  const handleItemClick = (url: string) => {
+    window.location.href = url;
+  }
+
+  return (
+    <DropdownContainer>
+      <DropdownTrigger>
+        <Button 
+          variant="bordered" 
+        >
+          Quiénes Somos
+        </Button>
+      </DropdownTrigger>
+      <DropdownMenu aria-label="Dynamic Actions" items={items}>
+        {(item) => (
+          <DropdownItem
+            key={item.key}
+            onClick={() => handleItemClick(item.url)}
+          >
+            {item.label}
+          </DropdownItem>
+        )}
+      </DropdownMenu>
+    </DropdownContainer>
+  );
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 95521a9..5902d98 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,6 +7,7 @@ const config: Config = {
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
     './node_modules/@nextui-org/theme/dist/components/input.js',
+    './node_modules/@nextui-org/theme/dist/components/dropdown.js',
   ],
   theme: {
     extend: {

From 0aad7ceb7877d582cef855b00e8c71610aad2447 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 18:28:21 -0500
Subject: [PATCH 10/33] New props

---
 src/app/page.tsx                           | 47 +++++++++++++++++++---
 src/components/Breadcrumbs/Breadcrumbs.tsx | 46 +++++++++++++++++++--
 tailwind.config.ts                         |  1 +
 3 files changed, 84 insertions(+), 10 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 55d7a70..1cbf02c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,17 +4,52 @@ import { Search } from '@/components/Search/Search'
 export default function Home() {
 
   const items = [
-    { href: '/', label: 'Home' },
-    { href: '/music', label: 'Music' },
-    { href: '/artist', label: 'Artist' },
-    { href: '/album', label: 'Album' },
-    { href: '/song', label: 'Song' },
+    { 
+      id: 1,
+      href: '/', 
+      label: 'Home' 
+    },
+    { 
+      id: 2,
+      href: '/music', 
+      label: 'Music' 
+    },
+    { 
+      id: 3,
+      href: '/artist', 
+      label: 'Artist' 
+    },
+    { 
+      id: 4,
+      href: '/album', 
+      label: 'Album' 
+    },
+    { 
+      id: 5,
+      href: '/song', 
+      label: 'Song' 
+    },
+    { 
+      id: 6,
+      href: '/genre', 
+      label: 'Genre' 
+    },
+    { 
+      id: 7,
+      href: '/playlist', 
+      label: 'Playlist'
+    },
+    { 
+      id: 8,
+      href: '/search', 
+      label: 'Search'
+    },
   ]
 
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       <Search placeholder='Types of potatoes' label='Search'/>
-      <Breadcrumbs breadcrumbs={ items }/>
+      <Breadcrumbs breadcrumbs={ items } />
     </main>
   )
 }
diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx
index d5a5c66..1194271 100644
--- a/src/components/Breadcrumbs/Breadcrumbs.tsx
+++ b/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -3,7 +3,8 @@
 import { 
     Breadcrumbs as BreadcrumbsContainer, 
     BreadcrumbItem 
-} from "@nextui-org/breadcrumbs";
+} from '@nextui-org/breadcrumbs';
+import { useState } from 'react';
 
 export const Breadcrumbs = ({
     breadcrumbs,
@@ -13,9 +14,12 @@ export const Breadcrumbs = ({
     radius,
     separator,
     spaceBetween='px-1',
+    maxItems,
+    itemsBeforeCollapse,
+    itemsAfterCollapse,
     isDisabled
 }: {
-    breadcrumbs: { href: string, label: string }[];
+    breadcrumbs: { id: string | number, href: string, label: string }[];
     size?: 'sm' | 'md' | 'lg' | undefined;
     color?: 'foreground' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
     variant?: 'solid' | 'bordered' | 'light' | undefined;
@@ -23,7 +27,12 @@ export const Breadcrumbs = ({
     separator?: string;
     isDisabled?: boolean;
     spaceBetween?: string;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
 }) => {
+    const [currentPage, setCurrentPage] = useState<string>();
+
     return (
         <BreadcrumbsContainer 
             size={ size } 
@@ -35,11 +44,40 @@ export const Breadcrumbs = ({
             itemClasses={{
                 separator: spaceBetween
             }}
+            maxItems={ maxItems } 
+            itemsBeforeCollapse={ itemsBeforeCollapse } 
+            itemsAfterCollapse={ itemsAfterCollapse }
+            onAction={(key) => setCurrentPage(String(key))}
+            // renderEllipsis={({items, ellipsisIcon, separator}) => (
+            //     <div className='flex items-center'>
+            //         <Dropdown>
+            //             <DropdownTrigger>
+            //             <Button
+            //                 isIconOnly
+            //                 className='min-w-unit-6 w-unit-6 h-unit-6'
+            //                 size='sm'
+            //                 variant='flat'
+            //             >
+            //                 {ellipsisIcon}
+            //             </Button>
+            //             </DropdownTrigger>
+            //             <DropdownMenu aria-label='Routes'>
+            //             {items.map((item, index) => (
+            //                 <DropdownItem key={index} href={item.href}>
+            //                 {item.children}
+            //                 </DropdownItem>
+            //             ))}
+            //             </DropdownMenu>
+            //         </Dropdown>
+            //         {separator}
+            //     </div>
+            // )}
         >
-            {breadcrumbs.map((crumb, index) => (
+            {breadcrumbs.map(crumb=> (
                 <BreadcrumbItem 
-                    key={ index } 
+                    key={ crumb.id } 
                     href={ crumb.href }
+                    isCurrent={ String(currentPage) === String(crumb.id) }
                 >{ crumb.label }
                 </BreadcrumbItem>
             ))}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 95521a9..23f2601 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,6 +7,7 @@ const config: Config = {
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
     './node_modules/@nextui-org/theme/dist/components/input.js',
+    './node_modules/@nextui-org/theme/dist/components/breadcrumbs.js',
   ],
   theme: {
     extend: {

From 8f31fee1cb907b8a52ff862fdfeb24589d9bfac4 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 19:08:00 -0500
Subject: [PATCH 11/33] Cleaning up Tailwind configuration file

---
 tailwind.config.ts | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2f1833b..f637e09 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -13,13 +13,7 @@ const config: Config = {
     './node_modules/@nextui-org/theme/dist/components/breadcrumbs.js',
   ],
   theme: {
-    extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-      },
-    },
+    extend: {},
   },
   darkMode: 'class',
   plugins: [nextui()],

From 04323d8fe8a83fa7ec9b00feb69a67b6aea8f998 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 19:17:45 -0500
Subject: [PATCH 12/33] New props. Adding default values to the props.
 Implemented a debounce in the search component

---
 src/app/globals.css              |  2 +-
 src/components/Search/Search.tsx | 32 ++++++++++++++++++++++----------
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 72c9e68..1e6485d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -17,7 +17,7 @@
 }
 
 body {
-  color: rgb(var(--foreground-rgb));
+  /* color: rgb(var(--foreground-rgb)); */
   /* background: linear-gradient(
       to bottom,
       transparent,
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
index 1d0b6a3..f5aee9e 100644
--- a/src/components/Search/Search.tsx
+++ b/src/components/Search/Search.tsx
@@ -7,15 +7,25 @@ import { useState } from 'react'
 import { useDebouncedCallback } from 'use-debounce';
 
 export const Search = ({
-    label,
-    placeholder,
+    label='Search',
+    placeholder='Types of search',
     width='340px',
     radius='lg',
+    bg='bg-default-200/50',
+    darkBg='bg-default/60',
+    hover='bg-default-200/70',
+    darkHover='bg-default/70',
+    style,
 }: {
     label?: string
     placeholder?: string;
     width?: string;
     radius?: 'none' | 'sm' | 'md' | 'lg' | 'full' | undefined;
+    bg?: string;
+    style?: { label: string; input: string[]; innerWrapper: string; inputWrapper: string[];  };
+    darkBg?: string;
+    hover?: string;
+    darkHover?: string;
 }) => {
     const searchParams = useSearchParams()
     const pathName = usePathname()
@@ -45,25 +55,27 @@ export const Search = ({
         setSearchValue('')
     }
 
-    const styles = {
-        label: 'text-black/50 dark:text-white/90',
+    const stylesDefault = {
+        label: style?.label || 'text-black/50 dark:text-white/90',
         input: [
             'bg-transparent',
             'text-black/90 dark:text-white/90',
             'placeholder:text-default-700/50 dark:placeholder:text-white/60',
+            ...style?.input || [],
         ],
-        innerWrapper: 'bg-transparent',
+        innerWrapper: style?.innerWrapper || 'bg-transparent',
         inputWrapper: [
             'shadow-xl',
-            'bg-default-200/50',
-            'dark:bg-default/60',
+            bg,
+            `dark:${darkBg}`,
             'backdrop-blur-xl',
             'backdrop-saturate-200',
-            'hover:bg-default-200/70',
-            'dark:hover:bg-default/70',
+            `hover:${hover}`,
+            `dark:hover:${darkHover}`,
             'group-data-[focused=true]:bg-default-200/50',
             'dark:group-data-[focused=true]:bg-default/60',
             '!cursor-text',
+            ...style?.inputWrapper || [],
         ],
     }
 
@@ -77,7 +89,7 @@ export const Search = ({
                 radius={ radius }
                 onChange={ e => handleChange(e.target.value) }
                 defaultValue={ searchParams.get('search') || '' }
-                classNames={ styles }
+                classNames={ stylesDefault }
                 placeholder={ placeholder }
                 startContent={
                     <SearchIcon 

From a95db93b7d503f5e6f67149f5f8f9a5003f2ad63 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Fri, 22 Dec 2023 19:23:22 -0500
Subject: [PATCH 13/33] Fix

---
 package-lock.json | 3704 ---------------------------------------------
 1 file changed, 3704 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 53a3df3..ee8552c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5904,3709 +5904,5 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     }
-  },
-  "dependencies": {
-    "@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true
-    },
-    "@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="
-    },
-    "@babel/runtime": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
-      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
-      "requires": {
-        "regenerator-runtime": "^0.14.0"
-      }
-    },
-    "@emotion/is-prop-valid": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
-      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
-      "optional": true,
-      "requires": {
-        "@emotion/memoize": "0.7.4"
-      }
-    },
-    "@emotion/memoize": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
-      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
-      "optional": true
-    },
-    "@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "requires": {
-        "eslint-visitor-keys": "^3.3.0"
-      }
-    },
-    "@eslint-community/regexpp": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-      "dev": true
-    },
-    "@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dev": true,
-      "requires": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.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"
-      }
-    },
-    "@eslint/js": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
-      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
-      "dev": true
-    },
-    "@formatjs/ecma402-abstract": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.18.0.tgz",
-      "integrity": "sha512-PEVLoa3zBevWSCZzPIM/lvPCi8P5l4G+NXQMc/CjEiaCWgyHieUoo0nM7Bs0n/NbuQ6JpXEolivQ9pKSBHaDlA==",
-      "requires": {
-        "@formatjs/intl-localematcher": "0.5.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "@formatjs/fast-memoize": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz",
-      "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==",
-      "requires": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "@formatjs/icu-messageformat-parser": {
-      "version": "2.7.3",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.7.3.tgz",
-      "integrity": "sha512-X/jy10V9S/vW+qlplqhMUxR8wErQ0mmIYSq4mrjpjDl9mbuGcCILcI1SUYkL5nlM4PJqpc0KOS0bFkkJNPxYRw==",
-      "requires": {
-        "@formatjs/ecma402-abstract": "1.18.0",
-        "@formatjs/icu-skeleton-parser": "1.7.0",
-        "tslib": "^2.4.0"
-      }
-    },
-    "@formatjs/icu-skeleton-parser": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.7.0.tgz",
-      "integrity": "sha512-Cfdo/fgbZzpN/jlN/ptQVe0lRHora+8ezrEeg2RfrNjyp+YStwBy7cqDY8k5/z2LzXg6O0AdzAV91XS0zIWv+A==",
-      "requires": {
-        "@formatjs/ecma402-abstract": "1.18.0",
-        "tslib": "^2.4.0"
-      }
-    },
-    "@formatjs/intl-localematcher": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.2.tgz",
-      "integrity": "sha512-txaaE2fiBMagLrR4jYhxzFO6wEdEG4TPMqrzBAcbr4HFUYzH/YC+lg6OIzKCHm8WgDdyQevxbAAV1OgcXctuGw==",
-      "requires": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "@humanwhocodes/config-array": {
-      "version": "0.11.13",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
-      "dev": true,
-      "requires": {
-        "@humanwhocodes/object-schema": "^2.0.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      }
-    },
-    "@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true
-    },
-    "@humanwhocodes/object-schema": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
-      "dev": true
-    },
-    "@internationalized/date": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.5.1.tgz",
-      "integrity": "sha512-LUQIfwU9e+Fmutc/DpRTGXSdgYZLBegi4wygCWDSVmUdLTaMHsQyASDiJtREwanwKuQLq0hY76fCJ9J/9I2xOQ==",
-      "requires": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@internationalized/message": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.1.tgz",
-      "integrity": "sha512-ZgHxf5HAPIaR0th+w0RUD62yF6vxitjlprSxmLJ1tam7FOekqRSDELMg4Cr/DdszG5YLsp5BG3FgHgqquQZbqw==",
-      "requires": {
-        "@swc/helpers": "^0.5.0",
-        "intl-messageformat": "^10.1.0"
-      }
-    },
-    "@internationalized/number": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.5.0.tgz",
-      "integrity": "sha512-ZY1BW8HT9WKYvaubbuqXbbDdHhOUMfE2zHHFJeTppid0S+pc8HtdIxFxaYMsGjCb4UsF+MEJ4n2TfU7iHnUK8w==",
-      "requires": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@internationalized/string": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.0.tgz",
-      "integrity": "sha512-Xx3Sy3f2c9ctT+vh8c7euEaEHQZltp0euZ3Hy4UfT3E13r6lxpUS3kgKyumEjboJZSnaZv7JhqWz3D75v+IxQg==",
-      "requires": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "requires": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="
-        },
-        "strip-ansi": {
-          "version": "7.1.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-          "requires": {
-            "ansi-regex": "^6.0.1"
-          }
-        }
-      }
-    },
-    "@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "requires": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "@jridgewell/resolve-uri": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA=="
-    },
-    "@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
-    },
-    "@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
-    },
-    "@jridgewell/trace-mapping": {
-      "version": "0.3.20",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
-      "requires": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "@next/env": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
-      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
-    },
-    "@next/eslint-plugin-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
-      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
-      "dev": true,
-      "requires": {
-        "glob": "7.1.7"
-      },
-      "dependencies": {
-        "glob": {
-          "version": "7.1.7",
-          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-          "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-          "dev": true,
-          "requires": {
-            "fs.realpath": "^1.0.0",
-            "inflight": "^1.0.4",
-            "inherits": "2",
-            "minimatch": "^3.0.4",
-            "once": "^1.3.0",
-            "path-is-absolute": "^1.0.0"
-          }
-        }
-      }
-    },
-    "@next/swc-darwin-arm64": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
-      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
-      "optional": true
-    },
-    "@next/swc-darwin-x64": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz",
-      "integrity": "sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==",
-      "optional": true
-    },
-    "@next/swc-linux-arm64-gnu": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz",
-      "integrity": "sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==",
-      "optional": true
-    },
-    "@next/swc-linux-arm64-musl": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz",
-      "integrity": "sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==",
-      "optional": true
-    },
-    "@next/swc-linux-x64-gnu": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz",
-      "integrity": "sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==",
-      "optional": true
-    },
-    "@next/swc-linux-x64-musl": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz",
-      "integrity": "sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==",
-      "optional": true
-    },
-    "@next/swc-win32-arm64-msvc": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz",
-      "integrity": "sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==",
-      "optional": true
-    },
-    "@next/swc-win32-ia32-msvc": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz",
-      "integrity": "sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==",
-      "optional": true
-    },
-    "@next/swc-win32-x64-msvc": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz",
-      "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
-      "optional": true
-    },
-    "@nextui-org/input": {
-      "version": "2.1.16",
-      "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.16.tgz",
-      "integrity": "sha512-nUTlAvsXj5t88ycvQdICxf78/pko6Wznx2OomvYjb3E45eb77twQcWUDhydkJCWIh3b4AhGHSMM6GYxwWUgMDA==",
-      "requires": {
-        "@nextui-org/react-utils": "2.0.10",
-        "@nextui-org/shared-icons": "2.0.6",
-        "@nextui-org/shared-utils": "2.0.4",
-        "@react-aria/focus": "^3.14.3",
-        "@react-aria/interactions": "^3.19.1",
-        "@react-aria/textfield": "^3.12.2",
-        "@react-aria/utils": "^3.21.1",
-        "@react-stately/utils": "^3.8.0",
-        "@react-types/shared": "^3.21.0",
-        "@react-types/textfield": "^3.8.1",
-        "react-textarea-autosize": "^8.5.2"
-      }
-    },
-    "@nextui-org/react-rsc-utils": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.10.tgz",
-      "integrity": "sha512-LNePDEThUF9PAbJW4T8k7EgSfqwlvGku5fIqJ1IA9+OpVy5LqhrUQehjvgXe63N1RupC7Pt+XvaaxkGu9U2FiQ=="
-    },
-    "@nextui-org/react-utils": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/@nextui-org/react-utils/-/react-utils-2.0.10.tgz",
-      "integrity": "sha512-bcA+k7ZdcgcK+r/8nrCtbdgHo0SD6jicbazWIokknFwjb97JQ7ooaMwxnLt5E5sswCAv0XeLwybOmrgm7JA5TA==",
-      "requires": {
-        "@nextui-org/react-rsc-utils": "2.0.10",
-        "@nextui-org/shared-utils": "2.0.4"
-      }
-    },
-    "@nextui-org/shared-icons": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@nextui-org/shared-icons/-/shared-icons-2.0.6.tgz",
-      "integrity": "sha512-Mw5utPJAclFaeKAZowznEgabI5gdhXrW0iMaMA18Y4zcZRTidAc0WFeGYUlX876NxYLPc1Zk4bZUhQvMe+7uWg==",
-      "requires": {}
-    },
-    "@nextui-org/shared-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@nextui-org/shared-utils/-/shared-utils-2.0.4.tgz",
-      "integrity": "sha512-Ms7A6UCvo/SZt/9Nmb7cZwHe9fZFw+EPsieTnC1vtpvDNCasxrTB0hj9VWFoYfWOaCzzqxl1AL9maIz/gMvckQ==",
-      "requires": {}
-    },
-    "@nextui-org/system": {
-      "version": "2.0.15",
-      "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.0.15.tgz",
-      "integrity": "sha512-WFDq+Rx6D+gmK1YGEG2RBARPK9EOYonQDt5Tq2tUchzOOqj3kXXcM5Z0F3fudM59eIncLa/tX/ApJSTLry+hsw==",
-      "requires": {
-        "@nextui-org/system-rsc": "2.0.11",
-        "@react-aria/i18n": "^3.8.4",
-        "@react-aria/overlays": "^3.18.1",
-        "@react-aria/utils": "^3.21.1",
-        "@react-stately/utils": "^3.8.0"
-      }
-    },
-    "@nextui-org/system-rsc": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@nextui-org/system-rsc/-/system-rsc-2.0.11.tgz",
-      "integrity": "sha512-1QqZ+GM7Ii0rsfSHXS6BBjzKOoLIWwb72nm4h4WgjlMXbRKLZcCQasRHVe5HMSBMvN0JUo7qyGExchfDFl/Ubw==",
-      "requires": {
-        "clsx": "^1.2.1"
-      },
-      "dependencies": {
-        "clsx": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-          "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
-        }
-      }
-    },
-    "@nextui-org/theme": {
-      "version": "2.1.17",
-      "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.1.17.tgz",
-      "integrity": "sha512-/WeHcMrAcWPGsEVn9M9TnvxKkaYkCocBH9JrDYCEFQoJgleUzHd4nVk7MWtpSOYJXLUzUMY1M9AqAK3jBkw+5g==",
-      "requires": {
-        "color": "^4.2.3",
-        "color2k": "^2.0.2",
-        "deepmerge": "4.3.1",
-        "flat": "^5.0.2",
-        "lodash.foreach": "^4.5.0",
-        "lodash.get": "^4.4.2",
-        "lodash.kebabcase": "^4.1.1",
-        "lodash.mapkeys": "^4.6.0",
-        "lodash.omit": "^4.5.0",
-        "tailwind-variants": "^0.1.18"
-      }
-    },
-    "@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "requires": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      }
-    },
-    "@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
-    },
-    "@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "requires": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      }
-    },
-    "@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "optional": true
-    },
-    "@react-aria/focus": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
-      "integrity": "sha512-GP6EYI07E8NKQQcXHjpIocEU0vh0oi0Vcsd+/71fKS0NnTR0TUOEeil0JuuQ9ymkmPDTu51Aaaa4FxVsuN/23A==",
-      "requires": {
-        "@react-aria/interactions": "^3.20.1",
-        "@react-aria/utils": "^3.23.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0",
-        "clsx": "^2.0.0"
-      }
-    },
-    "@react-aria/form": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.1.tgz",
-      "integrity": "sha512-6586oODMDR4/ciGRwXjpvEAg7tWGSDrXE//waK0n5e5sMuzlPOo1DHc5SpPTvz0XdJsu6VDt2rHdVWVIC9LEyw==",
-      "requires": {
-        "@react-aria/interactions": "^3.20.1",
-        "@react-aria/utils": "^3.23.0",
-        "@react-stately/form": "^3.0.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/i18n": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.10.0.tgz",
-      "integrity": "sha512-sviD5Y1pLPG49HHRmVjR+5nONrp0HK219+nu9Y7cDfUhXu2EjyhMS9t/n9/VZ69hHChZ2PnHYLEE2visu9CuCg==",
-      "requires": {
-        "@internationalized/date": "^3.5.1",
-        "@internationalized/message": "^3.1.1",
-        "@internationalized/number": "^3.5.0",
-        "@internationalized/string": "^3.2.0",
-        "@react-aria/ssr": "^3.9.1",
-        "@react-aria/utils": "^3.23.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/interactions": {
-      "version": "3.20.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.20.1.tgz",
-      "integrity": "sha512-PLNBr87+SzRhe9PvvF9qvzYeP4ofTwfKSorwmO+hjr3qoczrSXf4LRQlb27wB6hF10C7ZE/XVbUI1lj4QQrZ/g==",
-      "requires": {
-        "@react-aria/ssr": "^3.9.1",
-        "@react-aria/utils": "^3.23.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/label": {
-      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.4.tgz",
-      "integrity": "sha512-3Y0yyrqpLzZdzHw+TOyzwuyx5wa2ujU5DGfKuL5GFnU9Ii4DtdwBGSYS7Yu7qadU+eQmG4OGhAgFVswbIgIwJw==",
-      "requires": {
-        "@react-aria/utils": "^3.23.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/overlays": {
-      "version": "3.20.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.20.0.tgz",
-      "integrity": "sha512-2m7MpRJL5UucbEuu08lMHsiFJoDowkJV4JAIFBZYK1NzVH0vF/A+w9HRNM7jRwx2DUxE+iIsZnl8yKV/7KY8OQ==",
-      "requires": {
-        "@react-aria/focus": "^3.16.0",
-        "@react-aria/i18n": "^3.10.0",
-        "@react-aria/interactions": "^3.20.1",
-        "@react-aria/ssr": "^3.9.1",
-        "@react-aria/utils": "^3.23.0",
-        "@react-aria/visually-hidden": "^3.8.8",
-        "@react-stately/overlays": "^3.6.4",
-        "@react-types/button": "^3.9.1",
-        "@react-types/overlays": "^3.8.4",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/ssr": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.1.tgz",
-      "integrity": "sha512-NqzkLFP8ZVI4GSorS0AYljC13QW2sc8bDqJOkBvkAt3M8gbcAXJWVRGtZBCRscki9RZF+rNlnPdg0G0jYkhJcg==",
-      "requires": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/textfield": {
-      "version": "3.14.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.0.tgz",
-      "integrity": "sha512-LtHFcPK/N9m3KWSRM5KdmlIk7cUEk0OF+uBUrfKsGGc1bJKVToimdW7jQusChHmHhslHUR7WQ4KDjXyFjoLXOw==",
-      "requires": {
-        "@react-aria/focus": "^3.16.0",
-        "@react-aria/form": "^3.0.1",
-        "@react-aria/label": "^3.7.4",
-        "@react-aria/utils": "^3.23.0",
-        "@react-stately/form": "^3.0.0",
-        "@react-stately/utils": "^3.9.0",
-        "@react-types/shared": "^3.22.0",
-        "@react-types/textfield": "^3.9.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-aria/utils": {
-      "version": "3.23.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.23.0.tgz",
-      "integrity": "sha512-fJA63/VU4iQNT8WUvrmll3kvToqMurD69CcgVmbQ56V7ZbvlzFi44E7BpnoaofScYLLtFWRjVdaHsohT6O/big==",
-      "requires": {
-        "@react-aria/ssr": "^3.9.1",
-        "@react-stately/utils": "^3.9.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0",
-        "clsx": "^2.0.0"
-      }
-    },
-    "@react-aria/visually-hidden": {
-      "version": "3.8.8",
-      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.8.tgz",
-      "integrity": "sha512-Cn2PYKD4ijGDtF0+dvsh8qa4y7KTNAlkTG6h20r8Q+6UTyRNmtE2/26QEaApRF8CBiNy9/BZC/ZC4FK2OjvCoA==",
-      "requires": {
-        "@react-aria/interactions": "^3.20.1",
-        "@react-aria/utils": "^3.23.0",
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-stately/form": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.0.0.tgz",
-      "integrity": "sha512-C8wkfFmtx1escizibhdka5JvTy9/Vp173CS9cakjvWTmnjYYC1nOlzwp7BsYWTgerCFbRY/BU/Cf/bJDxPiUKQ==",
-      "requires": {
-        "@react-types/shared": "^3.22.0",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-stately/overlays": {
-      "version": "3.6.4",
-      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.4.tgz",
-      "integrity": "sha512-tHEaoAGpE9dSnsskqLPVKum59yGteoSqsniTopodM+miQozbpPlSjdiQnzGLroy5Afx5OZYClE616muNHUILXA==",
-      "requires": {
-        "@react-stately/utils": "^3.9.0",
-        "@react-types/overlays": "^3.8.4",
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-stately/utils": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.9.0.tgz",
-      "integrity": "sha512-yPKFY1F88HxuZ15BG2qwAYxtpE4HnIU0Ofi4CuBE0xC6I8mwo4OQjDzi+DZjxQngM9D6AeTTD6F1V8gkozA0Gw==",
-      "requires": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "@react-types/button": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.9.1.tgz",
-      "integrity": "sha512-bf9iTar3PtqnyV9rA+wyFyrskZKhwmOuOd/ifYIjPs56YNVXWH5Wfqj6Dx3xdFBgtKx8mEVQxVhoX+WkHX+rtw==",
-      "requires": {
-        "@react-types/shared": "^3.22.0"
-      }
-    },
-    "@react-types/overlays": {
-      "version": "3.8.4",
-      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.4.tgz",
-      "integrity": "sha512-pfgNlQnbF6RB/R2oSxyqAP3Uzz0xE/k5q4n5gUeCDNLjY5qxFHGE8xniZZ503nZYw6VBa9XMN1efDOKQyeiO0w==",
-      "requires": {
-        "@react-types/shared": "^3.22.0"
-      }
-    },
-    "@react-types/shared": {
-      "version": "3.22.0",
-      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.22.0.tgz",
-      "integrity": "sha512-yVOekZWbtSmmiThGEIARbBpnmUIuePFlLyctjvCbgJgGhz8JnEJOipLQ/a4anaWfzAgzSceQP8j/K+VOOePleA==",
-      "requires": {}
-    },
-    "@react-types/textfield": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.9.0.tgz",
-      "integrity": "sha512-D/DiwzsfkwlAg3uv8hoIfwju+zhB/hWDEdTvxQbPkntDr0kmN/QfI17NMSzbOBCInC4ABX87ViXLGxr940ykGA==",
-      "requires": {
-        "@react-types/shared": "^3.22.0"
-      }
-    },
-    "@rushstack/eslint-patch": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
-      "integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
-      "dev": true
-    },
-    "@swc/helpers": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.3.tgz",
-      "integrity": "sha512-FaruWX6KdudYloq1AHD/4nU+UsMTdNE8CKyrseXWEcgjDAbvkwJg2QGPAnfIJLIWsjZOSPLOAykK6fuYp4vp4A==",
-      "requires": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "@types/node": {
-      "version": "20.10.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
-      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
-      "dev": true,
-      "requires": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "@types/prop-types": {
-      "version": "15.7.11",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
-      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
-      "dev": true
-    },
-    "@types/react": {
-      "version": "18.2.45",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.45.tgz",
-      "integrity": "sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==",
-      "dev": true,
-      "requires": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "@types/react-dom": {
-      "version": "18.2.18",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.18.tgz",
-      "integrity": "sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==",
-      "dev": true,
-      "requires": {
-        "@types/react": "*"
-      }
-    },
-    "@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
-    },
-    "@typescript-eslint/parser": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.15.0.tgz",
-      "integrity": "sha512-MkgKNnsjC6QwcMdlNAel24jjkEO/0hQaMDLqP4S9zq5HBAUJNQB6y+3DwLjX7b3l2b37eNAxMPLwb3/kh8VKdA==",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/scope-manager": "6.15.0",
-        "@typescript-eslint/types": "6.15.0",
-        "@typescript-eslint/typescript-estree": "6.15.0",
-        "@typescript-eslint/visitor-keys": "6.15.0",
-        "debug": "^4.3.4"
-      }
-    },
-    "@typescript-eslint/scope-manager": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.15.0.tgz",
-      "integrity": "sha512-+BdvxYBltqrmgCNu4Li+fGDIkW9n//NrruzG9X1vBzaNK+ExVXPoGB71kneaVw/Jp+4rH/vaMAGC6JfMbHstVg==",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/types": "6.15.0",
-        "@typescript-eslint/visitor-keys": "6.15.0"
-      }
-    },
-    "@typescript-eslint/types": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.15.0.tgz",
-      "integrity": "sha512-yXjbt//E4T/ee8Ia1b5mGlbNj9fB9lJP4jqLbZualwpP2BCQ5is6BcWwxpIsY4XKAhmdv3hrW92GdtJbatC6dQ==",
-      "dev": true
-    },
-    "@typescript-eslint/typescript-estree": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.15.0.tgz",
-      "integrity": "sha512-7mVZJN7Hd15OmGuWrp2T9UvqR2Ecg+1j/Bp1jXUEY2GZKV6FXlOIoqVDmLpBiEiq3katvj/2n2mR0SDwtloCew==",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/types": "6.15.0",
-        "@typescript-eslint/visitor-keys": "6.15.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      }
-    },
-    "@typescript-eslint/visitor-keys": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.15.0.tgz",
-      "integrity": "sha512-1zvtdC1a9h5Tb5jU9x3ADNXO9yjP8rXlaoChu0DQX40vf5ACVpYIVIZhIMZ6d5sDXH7vq4dsZBT1fEGj8D2n2w==",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/types": "6.15.0",
-        "eslint-visitor-keys": "^3.4.1"
-      }
-    },
-    "@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
-    "acorn": {
-      "version": "8.11.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
-      "dev": true
-    },
-    "acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
-    },
-    "ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "requires": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      }
-    },
-    "ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
-    },
-    "ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "requires": {
-        "color-convert": "^2.0.1"
-      }
-    },
-    "any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
-    },
-    "anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "requires": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      }
-    },
-    "arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
-    },
-    "argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
-      "requires": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      }
-    },
-    "array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      }
-    },
-    "array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true
-    },
-    "array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      }
-    },
-    "array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      }
-    },
-    "array.prototype.tosorted": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
-      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "requires": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      }
-    },
-    "ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "dev": true
-    },
-    "asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "requires": {
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "autoprefixer": {
-      "version": "10.4.16",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
-      "dev": true,
-      "requires": {
-        "browserslist": "^4.21.10",
-        "caniuse-lite": "^1.0.30001538",
-        "fraction.js": "^4.3.6",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
-        "postcss-value-parser": "^4.2.0"
-      }
-    },
-    "available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true
-    },
-    "axe-core": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
-      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
-      "dev": true
-    },
-    "axobject-query": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
-      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
-      "dev": true,
-      "requires": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
-    },
-    "brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "requires": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "requires": {
-        "fill-range": "^7.0.1"
-      }
-    },
-    "browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
-      "dev": true,
-      "requires": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
-      }
-    },
-    "busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "requires": {
-        "streamsearch": "^1.1.0"
-      }
-    },
-    "call-bind": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.1",
-        "set-function-length": "^1.1.1"
-      }
-    },
-    "callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true
-    },
-    "camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
-    },
-    "caniuse-lite": {
-      "version": "1.0.30001571",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001571.tgz",
-      "integrity": "sha512-tYq/6MoXhdezDLFZuCO/TKboTzuQ/xR5cFdgXPfDtM7/kchBO3b4VWghE/OAi/DV7tTdhmLjZiZBZi1fA/GheQ=="
-    },
-    "chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      }
-    },
-    "chokidar": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "requires": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "fsevents": "~2.3.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "dependencies": {
-        "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        }
-      }
-    },
-    "client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "clsx": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
-      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q=="
-    },
-    "color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "requires": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      }
-    },
-    "color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "requires": {
-        "color-name": "~1.1.4"
-      }
-    },
-    "color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "requires": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "color2k": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/color2k/-/color2k-2.0.3.tgz",
-      "integrity": "sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog=="
-    },
-    "commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
-    },
-    "concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
-    },
-    "cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "requires": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      }
-    },
-    "cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
-    },
-    "csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true
-    },
-    "damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "requires": {
-        "ms": "2.1.2"
-      }
-    },
-    "deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="
-    },
-    "define-data-property": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      }
-    },
-    "define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "requires": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      }
-    },
-    "dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true
-    },
-    "didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
-    },
-    "dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "requires": {
-        "path-type": "^4.0.0"
-      }
-    },
-    "dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
-    },
-    "doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "requires": {
-        "esutils": "^2.0.2"
-      }
-    },
-    "eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
-    },
-    "electron-to-chromium": {
-      "version": "1.4.616",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
-      "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
-      "dev": true
-    },
-    "emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
-    },
-    "enhanced-resolve": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
-      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      }
-    },
-    "es-abstract": {
-      "version": "1.22.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-      "dev": true,
-      "requires": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.5",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.2",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.13"
-      }
-    },
-    "es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "requires": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "es-set-tostringtag": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
-      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.2.2",
-        "has-tostringtag": "^1.0.0",
-        "hasown": "^2.0.0"
-      }
-    },
-    "es-shim-unscopables": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-      "dev": true,
-      "requires": {
-        "hasown": "^2.0.0"
-      }
-    },
-    "es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "requires": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      }
-    },
-    "escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true
-    },
-    "escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true
-    },
-    "eslint": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
-      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
-      "dev": true,
-      "requires": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.56.0",
-        "@humanwhocodes/config-array": "^0.11.13",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      }
-    },
-    "eslint-config-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
-      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
-      "dev": true,
-      "requires": {
-        "@next/eslint-plugin-next": "14.0.4",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-      }
-    },
-    "eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "requires": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.2.7",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        }
-      }
-    },
-    "eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "requires": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      }
-    },
-    "eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "requires": {
-        "debug": "^3.2.7"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.2.7",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        }
-      }
-    },
-    "eslint-plugin-import": {
-      "version": "2.29.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
-      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
-      "dev": true,
-      "requires": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlastindex": "^1.2.3",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.8.0",
-        "hasown": "^2.0.0",
-        "is-core-module": "^2.13.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.7",
-        "object.groupby": "^1.0.1",
-        "object.values": "^1.1.7",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.15.0"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.2.7",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "doctrine": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-          "dev": true,
-          "requires": {
-            "esutils": "^2.0.2"
-          }
-        },
-        "semver": {
-          "version": "6.3.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-          "dev": true
-        }
-      }
-    },
-    "eslint-plugin-jsx-a11y": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
-      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
-      "dev": true,
-      "requires": {
-        "@babel/runtime": "^7.23.2",
-        "aria-query": "^5.3.0",
-        "array-includes": "^3.1.7",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "=4.7.0",
-        "axobject-query": "^3.2.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "es-iterator-helpers": "^1.0.15",
-        "hasown": "^2.0.0",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.7",
-        "object.fromentries": "^2.0.7"
-      }
-    },
-    "eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "requires": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "dependencies": {
-        "doctrine": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-          "dev": true,
-          "requires": {
-            "esutils": "^2.0.2"
-          }
-        },
-        "resolve": {
-          "version": "2.0.0-next.5",
-          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-          "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
-          "dev": true,
-          "requires": {
-            "is-core-module": "^2.13.0",
-            "path-parse": "^1.0.7",
-            "supports-preserve-symlinks-flag": "^1.0.0"
-          }
-        },
-        "semver": {
-          "version": "6.3.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-          "dev": true
-        }
-      }
-    },
-    "eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "requires": {}
-    },
-    "eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "requires": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      }
-    },
-    "eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true
-    },
-    "espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "requires": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      }
-    },
-    "esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "requires": {
-        "estraverse": "^5.1.0"
-      }
-    },
-    "esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "requires": {
-        "estraverse": "^5.2.0"
-      }
-    },
-    "estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true
-    },
-    "esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true
-    },
-    "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "requires": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "dependencies": {
-        "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        }
-      }
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "fastq": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
-      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
-      "requires": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "requires": {
-        "flat-cache": "^3.0.4"
-      }
-    },
-    "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "requires": {
-        "to-regex-range": "^5.0.1"
-      }
-    },
-    "find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "requires": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      }
-    },
-    "flat": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
-      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ=="
-    },
-    "flat-cache": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "dev": true,
-      "requires": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      }
-    },
-    "flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
-    },
-    "for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "requires": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "foreground-child": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
-      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
-      "requires": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      }
-    },
-    "fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "dev": true
-    },
-    "framer-motion": {
-      "version": "10.16.16",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.16.16.tgz",
-      "integrity": "sha512-je6j91rd7NmUX7L1XHouwJ4v3R+SO4umso2LUcgOct3rHZ0PajZ80ETYZTajzEXEl9DlKyzjyt4AvGQ+lrebOw==",
-      "requires": {
-        "@emotion/is-prop-valid": "^0.8.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
-    "fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "optional": true
-    },
-    "function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="
-    },
-    "function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      }
-    },
-    "functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true
-    },
-    "get-intrinsic": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      }
-    },
-    "get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      }
-    },
-    "get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
-      "dev": true,
-      "requires": {
-        "resolve-pkg-maps": "^1.0.0"
-      }
-    },
-    "glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "requires": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      }
-    },
-    "glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "requires": {
-        "is-glob": "^4.0.3"
-      }
-    },
-    "glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "requires": {
-        "type-fest": "^0.20.2"
-      }
-    },
-    "globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.1.3"
-      }
-    },
-    "globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "requires": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      }
-    },
-    "gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-    },
-    "graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true
-    },
-    "has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true
-    },
-    "has-property-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.2.2"
-      }
-    },
-    "has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true
-    },
-    "has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true
-    },
-    "has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "requires": {
-        "has-symbols": "^1.0.2"
-      }
-    },
-    "hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "requires": {
-        "function-bind": "^1.1.2"
-      }
-    },
-    "ignore": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
-      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
-      "dev": true
-    },
-    "import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "requires": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      }
-    },
-    "imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true
-    },
-    "inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
-      "requires": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "internal-slot": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
-      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
-      "dev": true,
-      "requires": {
-        "get-intrinsic": "^1.2.2",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
-      }
-    },
-    "intl-messageformat": {
-      "version": "10.5.8",
-      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.8.tgz",
-      "integrity": "sha512-NRf0jpBWV0vd671G5b06wNofAN8tp7WWDogMZyaU8GUAsmbouyvgwmFJI7zLjfAMpm3zK+vSwRP3jzaoIcMbaA==",
-      "requires": {
-        "@formatjs/ecma402-abstract": "1.18.0",
-        "@formatjs/fast-memoize": "2.2.0",
-        "@formatjs/icu-messageformat-parser": "2.7.3",
-        "tslib": "^2.4.0"
-      }
-    },
-    "is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      }
-    },
-    "is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
-    },
-    "is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "requires": {
-        "has-bigints": "^1.0.1"
-      }
-    },
-    "is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "requires": {
-        "binary-extensions": "^2.0.0"
-      }
-    },
-    "is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true
-    },
-    "is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "requires": {
-        "hasown": "^2.0.0"
-      }
-    },
-    "is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
-    },
-    "is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2"
-      }
-    },
-    "is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
-    },
-    "is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "requires": {
-        "is-extglob": "^2.1.1"
-      }
-    },
-    "is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true
-    },
-    "is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true
-    },
-    "is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
-    },
-    "is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true
-    },
-    "is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true
-    },
-    "is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2"
-      }
-    },
-    "is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "requires": {
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "requires": {
-        "has-symbols": "^1.0.2"
-      }
-    },
-    "is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "requires": {
-        "which-typed-array": "^1.1.11"
-      }
-    },
-    "is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true
-    },
-    "is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2"
-      }
-    },
-    "is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      }
-    },
-    "isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
-    },
-    "iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
-    "jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "requires": {
-        "@isaacs/cliui": "^8.0.2",
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "jiti": {
-      "version": "1.21.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
-      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q=="
-    },
-    "js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "requires": {
-        "argparse": "^2.0.1"
-      }
-    },
-    "json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.0"
-      }
-    },
-    "jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dev": true,
-      "requires": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
-      }
-    },
-    "keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "requires": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "language-subtag-registry": {
-      "version": "0.3.22",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
-      "dev": true
-    },
-    "language-tags": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
-      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
-      "dev": true,
-      "requires": {
-        "language-subtag-registry": "^0.3.20"
-      }
-    },
-    "levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "requires": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      }
-    },
-    "lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="
-    },
-    "lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-    },
-    "locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "requires": {
-        "p-locate": "^5.0.0"
-      }
-    },
-    "lodash.foreach": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
-      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
-    },
-    "lodash.get": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
-      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ=="
-    },
-    "lodash.kebabcase": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
-      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g=="
-    },
-    "lodash.mapkeys": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.mapkeys/-/lodash.mapkeys-4.6.0.tgz",
-      "integrity": "sha512-0Al+hxpYvONWtg+ZqHpa/GaVzxuN3V7Xeo2p+bY06EaK/n+Y9R7nBePPN2o1LxmL0TWQSwP8LYZ008/hc9JzhA=="
-    },
-    "lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "lodash.omit": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.omit/-/lodash.omit-4.5.0.tgz",
-      "integrity": "sha512-XeqSp49hNGmlkj2EJlfrQFIzQ6lXdNro9sddtQzcJY8QaoC2GO0DT7xaIokHeyM+mIT0mPMlPvkYzg2xCuHdZg=="
-    },
-    "loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "requires": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      }
-    },
-    "lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "requires": {
-        "yallist": "^4.0.0"
-      }
-    },
-    "merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
-    },
-    "micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "requires": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      }
-    },
-    "minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "requires": {
-        "brace-expansion": "^1.1.7"
-      }
-    },
-    "minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true
-    },
-    "minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ=="
-    },
-    "ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
-    "mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "requires": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
-    },
-    "natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
-    "next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
-      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
-      "requires": {
-        "@next/env": "14.0.4",
-        "@next/swc-darwin-arm64": "14.0.4",
-        "@next/swc-darwin-x64": "14.0.4",
-        "@next/swc-linux-arm64-gnu": "14.0.4",
-        "@next/swc-linux-arm64-musl": "14.0.4",
-        "@next/swc-linux-x64-gnu": "14.0.4",
-        "@next/swc-linux-x64-musl": "14.0.4",
-        "@next/swc-win32-arm64-msvc": "14.0.4",
-        "@next/swc-win32-ia32-msvc": "14.0.4",
-        "@next/swc-win32-x64-msvc": "14.0.4",
-        "@swc/helpers": "0.5.2",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
-        "graceful-fs": "^4.2.11",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
-      },
-      "dependencies": {
-        "@swc/helpers": {
-          "version": "0.5.2",
-          "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-          "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-          "requires": {
-            "tslib": "^2.4.0"
-          }
-        }
-      }
-    },
-    "node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
-      "dev": true
-    },
-    "normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
-    },
-    "normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true
-    },
-    "object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
-    },
-    "object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
-    },
-    "object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true
-    },
-    "object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true
-    },
-    "object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.5",
-        "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      }
-    },
-    "object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
-      "dev": true,
-      "requires": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "requires": {
-        "wrappy": "1"
-      }
-    },
-    "optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "requires": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      }
-    },
-    "p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "requires": {
-        "yocto-queue": "^0.1.0"
-      }
-    },
-    "p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "requires": {
-        "p-limit": "^3.0.2"
-      }
-    },
-    "parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "requires": {
-        "callsites": "^3.0.0"
-      }
-    },
-    "path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true
-    },
-    "path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true
-    },
-    "path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
-    },
-    "path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-    },
-    "path-scurry": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
-      "requires": {
-        "lru-cache": "^9.1.1 || ^10.0.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "10.1.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
-          "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag=="
-        }
-      }
-    },
-    "path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true
-    },
-    "picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-    },
-    "picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
-    },
-    "pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
-    },
-    "pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg=="
-    },
-    "postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "requires": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      }
-    },
-    "postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "requires": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      }
-    },
-    "postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "requires": {
-        "camelcase-css": "^2.0.1"
-      }
-    },
-    "postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "requires": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "dependencies": {
-        "lilconfig": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
-          "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g=="
-        }
-      }
-    },
-    "postcss-nested": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-      "requires": {
-        "postcss-selector-parser": "^6.0.11"
-      }
-    },
-    "postcss-selector-parser": {
-      "version": "6.0.13",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
-      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-      "requires": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      }
-    },
-    "postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true
-    },
-    "prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
-      "requires": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true
-    },
-    "queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
-    },
-    "react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "requires": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "requires": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      }
-    },
-    "react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
-    "react-textarea-autosize": {
-      "version": "8.5.3",
-      "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.3.tgz",
-      "integrity": "sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==",
-      "requires": {
-        "@babel/runtime": "^7.20.13",
-        "use-composed-ref": "^1.3.0",
-        "use-latest": "^1.2.1"
-      }
-    },
-    "read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "requires": {
-        "pify": "^2.3.0"
-      }
-    },
-    "readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "requires": {
-        "picomatch": "^2.2.1"
-      }
-    },
-    "reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      }
-    },
-    "regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-    },
-    "regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      }
-    },
-    "resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "requires": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      }
-    },
-    "resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true
-    },
-    "resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true
-    },
-    "reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
-    },
-    "rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "requires": {
-        "glob": "^7.1.3"
-      }
-    },
-    "run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "requires": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      }
-    },
-    "safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      }
-    },
-    "scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "requires": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "requires": {
-        "lru-cache": "^6.0.0"
-      }
-    },
-    "set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
-      "dev": true,
-      "requires": {
-        "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      }
-    },
-    "set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "requires": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      }
-    },
-    "shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "requires": {
-        "shebang-regex": "^3.0.0"
-      }
-    },
-    "shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
-    },
-    "side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      }
-    },
-    "signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="
-    },
-    "simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "requires": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true
-    },
-    "source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
-    },
-    "streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
-    },
-    "string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "requires": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="
-        },
-        "strip-ansi": {
-          "version": "7.1.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-          "requires": {
-            "ansi-regex": "^6.0.1"
-          }
-        }
-      }
-    },
-    "string-width-cjs": {
-      "version": "npm:string-width@4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "requires": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "dependencies": {
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-        }
-      }
-    },
-    "string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
-        "side-channel": "^1.0.4"
-      }
-    },
-    "string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      }
-    },
-    "strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "requires": {
-        "ansi-regex": "^5.0.1"
-      }
-    },
-    "strip-ansi-cjs": {
-      "version": "npm:strip-ansi@6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "requires": {
-        "ansi-regex": "^5.0.1"
-      }
-    },
-    "strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true
-    },
-    "strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true
-    },
-    "styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "requires": {
-        "client-only": "0.0.1"
-      }
-    },
-    "sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "requires": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "dependencies": {
-        "brace-expansion": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-          "requires": {
-            "balanced-match": "^1.0.0"
-          }
-        },
-        "glob": {
-          "version": "10.3.10",
-          "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-          "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-          "requires": {
-            "foreground-child": "^3.1.0",
-            "jackspeak": "^2.3.5",
-            "minimatch": "^9.0.1",
-            "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-            "path-scurry": "^1.10.1"
-          }
-        },
-        "minimatch": {
-          "version": "9.0.3",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-          "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-          "requires": {
-            "brace-expansion": "^2.0.1"
-          }
-        }
-      }
-    },
-    "supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "requires": {
-        "has-flag": "^4.0.0"
-      }
-    },
-    "supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
-    },
-    "tailwind-merge": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz",
-      "integrity": "sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ=="
-    },
-    "tailwind-variants": {
-      "version": "0.1.19",
-      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-0.1.19.tgz",
-      "integrity": "sha512-D9Yf5WqsxodnCtjZt6KifEoKwW8rTURXQV03KRKlojITQM5gV1vPVWufWNiIvd/ptC3QybYFpwmHK9cs4Ei08Q==",
-      "requires": {
-        "tailwind-merge": "^1.14.0"
-      }
-    },
-    "tailwindcss": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
-      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
-      "requires": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.0",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.19.1",
-        "lilconfig": "^2.1.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.23",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-selector-parser": "^6.0.11",
-        "resolve": "^1.22.2",
-        "sucrase": "^3.32.0"
-      }
-    },
-    "tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true
-    },
-    "text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "requires": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "requires": {
-        "thenify": ">= 3.1.0 < 4"
-      }
-    },
-    "to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "requires": {
-        "is-number": "^7.0.0"
-      }
-    },
-    "ts-api-utils": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
-      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
-      "dev": true,
-      "requires": {}
-    },
-    "ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
-    },
-    "tsconfig-paths": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
-      "dev": true,
-      "requires": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "requires": {
-        "prelude-ls": "^1.2.1"
-      }
-    },
-    "type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true
-    },
-    "typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      }
-    },
-    "typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      }
-    },
-    "typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "requires": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      }
-    },
-    "typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      }
-    },
-    "typescript": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
-      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
-      "dev": true
-    },
-    "unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      }
-    },
-    "undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
-    },
-    "update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "dev": true,
-      "requires": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      }
-    },
-    "uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "use-composed-ref": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.3.0.tgz",
-      "integrity": "sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==",
-      "requires": {}
-    },
-    "use-debounce": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.0.tgz",
-      "integrity": "sha512-XRjvlvCB46bah9IBXVnq/ACP2lxqXyZj0D9hj4K5OzNroMDpTEBg8Anuh1/UfRTRs7pLhQ+RiNxxwZu9+MVl1A==",
-      "requires": {}
-    },
-    "use-isomorphic-layout-effect": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
-      "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
-      "requires": {}
-    },
-    "use-latest": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.2.1.tgz",
-      "integrity": "sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==",
-      "requires": {
-        "use-isomorphic-layout-effect": "^1.1.1"
-      }
-    },
-    "util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
-    },
-    "watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "requires": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      }
-    },
-    "which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "requires": {
-        "isexe": "^2.0.0"
-      }
-    },
-    "which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "requires": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      }
-    },
-    "which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "requires": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      }
-    },
-    "which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "requires": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      }
-    },
-    "which-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-      "dev": true,
-      "requires": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.4",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "requires": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="
-        },
-        "ansi-styles": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-          "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="
-        },
-        "strip-ansi": {
-          "version": "7.1.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-          "requires": {
-            "ansi-regex": "^6.0.1"
-          }
-        }
-      }
-    },
-    "wrap-ansi-cjs": {
-      "version": "npm:wrap-ansi@7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "requires": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "dependencies": {
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-        },
-        "string-width": {
-          "version": "4.2.3",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-          "requires": {
-            "emoji-regex": "^8.0.0",
-            "is-fullwidth-code-point": "^3.0.0",
-            "strip-ansi": "^6.0.1"
-          }
-        }
-      }
-    },
-    "wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
-    },
-    "yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "yaml": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
-      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA=="
-    },
-    "yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true
-    }
   }
 }

From d2170884d20134025df0ff4ee09a8eeeac9d85dc Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Tue, 26 Dec 2023 19:06:33 -0500
Subject: [PATCH 14/33] Added MenuNavBar and added the dropdown menus

---
 src/app/page.tsx                              |  3 +-
 src/components/Dropdown/Dropdown.tsx          | 53 ++++++++-----------
 src/components/Dropdown/DropdownArboles.tsx   | 39 ++++++++++++++
 .../Dropdown/DropdownArbolesNacimiento.tsx    | 35 ++++++++++++
 src/components/Dropdown/DropdownQuienes.tsx   | 39 ++++++++++++++
 src/components/MenuBar/MenuBar.tsx            | 49 +++++++++++++++++
 src/components/MenuBar/SearchIcon.tsx         | 27 ++++++++++
 7 files changed, 214 insertions(+), 31 deletions(-)
 create mode 100644 src/components/Dropdown/DropdownArboles.tsx
 create mode 100644 src/components/Dropdown/DropdownArbolesNacimiento.tsx
 create mode 100644 src/components/Dropdown/DropdownQuienes.tsx
 create mode 100644 src/components/MenuBar/MenuBar.tsx
 create mode 100644 src/components/MenuBar/SearchIcon.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6747fa3..f027cca 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,12 +1,13 @@
 import { Search } from '@/components/Search/Search'
 import { Dropdown } from '@/components/Dropdown/Dropdown'
+import { MenuBar } from '@/components/MenuBar/MenuBar'
 
 
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       <Search placeholder='Types of potatoes' label='Search'/>
-      <Dropdown />
+      <MenuBar />
       
     </main>
   )
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index f996245..9dae2d0 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -2,31 +2,22 @@
 
 import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
 import { Button } from "@nextui-org/button";
+import { FC } from "react";
 
-export const Dropdown = () => {
-  const items = [
-    {
-      key: "mision",
-      label: "Misión",
-      url: "https://www.bosquesdecolombia.com/es/quienes-somos/mision"
-    },
-    {
-      key: "vision",
-      label: "Visión",
-      url: "https://www.bosquesdecolombia.com/es/quienes-somos/vision"
-    },
-    {
-      key: "objetivos",
-      label: "Objetivos",
-      url: "https://www.bosquesdecolombia.com/es/quienes-somos/objetivos"
-    },
-    {
-      key: "interes",
-      label: "Sitios de Interés",
-      url: "https://www.bosquesdecolombia.com/es/sitios-de-interes"
-    }
-  ];
+interface Item {
+  key: string;
+  label: string;
+  url: string;
 
+}
+
+interface DropdownProps {
+  buttonTitle: string;
+  items: Item[];
+
+}
+
+export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
   const handleItemClick = (url: string) => {
     window.location.href = url;
   }
@@ -34,22 +25,24 @@ export const Dropdown = () => {
   return (
     <DropdownContainer>
       <DropdownTrigger>
-        <Button 
-          variant="bordered" 
+        <Button
+          variant="bordered"
         >
-          Quiénes Somos
+          {buttonTitle} 
         </Button>
       </DropdownTrigger>
       <DropdownMenu aria-label="Dynamic Actions" items={items}>
         {(item) => (
           <DropdownItem
-            key={item.key}
-            onClick={() => handleItemClick(item.url)}
+          key={item.key}
+          onClick={() => handleItemClick(item.url)}
           >
             {item.label}
           </DropdownItem>
-        )}
+        )
+
+        }
       </DropdownMenu>
     </DropdownContainer>
-  );
+  )
 }
diff --git a/src/components/Dropdown/DropdownArboles.tsx b/src/components/Dropdown/DropdownArboles.tsx
new file mode 100644
index 0000000..ca931ad
--- /dev/null
+++ b/src/components/Dropdown/DropdownArboles.tsx
@@ -0,0 +1,39 @@
+'use client'
+
+import { FC } from "react";
+import { Dropdown } from "./Dropdown"
+
+interface Item {
+    key: string;
+    label: string;
+    url: string;
+}
+
+export const DropdownArboles: FC = () => {
+    const items = [
+    {
+      key: "maderables",
+      label: "Árboles Maderables",
+      url: "https://www.bosquesdecolombia.com/es/arboles-maderables"
+    },
+    {
+      key: "maderablesTemplado",
+      label: "Árboles Maderables Templado",
+      url: "https://www.bosquesdecolombia.com/es/arboles-maderables-templado"
+    },
+    {
+      key: "ornamentales",
+      label: "Árboles Ornamentales",
+      url: "https://www.bosquesdecolombia.com/assets/media/slider2.jpg"
+    },
+    {
+      key: "frutales",
+      label: "Árboles Frutales",
+      url: "https://www.bosquesdecolombia.com/es/arboles-frutales-templado"
+    }
+  ];
+
+  return (
+    <Dropdown buttonTitle="Árboles" items={items} />
+  )
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/DropdownArbolesNacimiento.tsx b/src/components/Dropdown/DropdownArbolesNacimiento.tsx
new file mode 100644
index 0000000..234cd01
--- /dev/null
+++ b/src/components/Dropdown/DropdownArbolesNacimiento.tsx
@@ -0,0 +1,35 @@
+'use client'
+
+import { FC } from "react";
+import { Dropdown } from "./Dropdown"
+
+interface Item {
+    key: string;
+    label: string;
+    url: string;
+}
+
+export const DropdownArbolesNacimiento: FC = () => {
+    const items = [
+    {
+      key: "conservadores",
+      label: "Árboles conservadores de Agua",
+      url: "https://www.bosquesdecolombia.com/es/arboles-conservadores-de-agua"
+    },
+    {
+      key: "semillas",
+      label: "Semilla Forestales y Frutales",
+      url: "https://www.bosquesdecolombia.com/es/semillas-forestales-y-frutales"
+    },
+    {
+      key: "hidroretenedores",
+      label: "Hidroretenedores de Agua",
+      url: "https://www.bosquesdecolombia.com/es/hidroretenedores-de-agua"
+    }
+    
+  ];
+
+  return (
+    <Dropdown buttonTitle="Árboles Protectores de Nacimientos de Agua" items={items} />
+  )
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/DropdownQuienes.tsx b/src/components/Dropdown/DropdownQuienes.tsx
new file mode 100644
index 0000000..0d46d83
--- /dev/null
+++ b/src/components/Dropdown/DropdownQuienes.tsx
@@ -0,0 +1,39 @@
+'use client'
+
+import { FC } from "react";
+import { Dropdown } from "./Dropdown"
+
+interface Item {
+    key: string;
+    label: string;
+    url: string;
+}
+
+export const DropdownQuienes: FC = () => {
+    const items = [
+    {
+      key: "mision",
+      label: "Misión",
+      url: "https://www.bosquesdecolombia.com/es/quienes-somos/mision"
+    },
+    {
+      key: "vision",
+      label: "Visión",
+      url: "https://www.bosquesdecolombia.com/es/quienes-somos/vision"
+    },
+    {
+      key: "objetivos",
+      label: "Objetivos",
+      url: "https://www.bosquesdecolombia.com/es/quienes-somos/objetivos"
+    },
+    {
+      key: "interes",
+      label: "Sitios de Interés",
+      url: "https://www.bosquesdecolombia.com/es/sitios-de-interes"
+    }
+  ];
+
+  return (
+    <Dropdown buttonTitle="Quiénes Somos" items={items} />
+  )
+}
\ No newline at end of file
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
new file mode 100644
index 0000000..5610c39
--- /dev/null
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -0,0 +1,49 @@
+'use client'
+
+import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Input, 
+  DropdownItem, DropdownTrigger, Dropdown, DropdownMenu} from "@nextui-org/react";
+import { DropdownQuienes } from "../Dropdown/DropdownQuienes";
+import { DropdownArboles } from "../Dropdown/DropdownArboles";
+import { DropdownArbolesNacimiento } from "../Dropdown/DropdownArbolesNacimiento";
+
+
+export const MenuBar = () => {
+  return (
+    <Navbar isBordered>
+      <NavbarContent justify="center">
+        <NavbarBrand className="mr-4">
+          <p className="hidden sm:block font-bold text-inherit">Bosques De Colombia</p>
+        </NavbarBrand> 
+        <NavbarContent className="hidden sm:flex gap-3">
+          <NavbarItem>
+            <Link color="foreground" href="https://www.bosquesdecolombia.com/">
+              Inicio
+            </Link>
+          </NavbarItem>
+          <NavbarItem>
+            <DropdownQuienes/>
+          </NavbarItem>
+          <NavbarItem>
+            <Link color="foreground" href="https://www.bosquesdecolombia.com/bancos-de-proteina">
+              Bancos de Proteina
+            </Link>
+          </NavbarItem>
+          <NavbarItem>
+           <DropdownArboles />
+          </NavbarItem>
+          <NavbarItem>
+            <DropdownArbolesNacimiento />
+          </NavbarItem>
+          <NavbarItem>
+            <Link color="foreground" href="https://www.bosquesdecolombia.com/contacto">
+              Contacto
+            </Link>
+          </NavbarItem>
+        </NavbarContent>
+      </NavbarContent>
+
+       <NavbarContent as="div" className="items-center" justify="end">
+       </NavbarContent>
+    </Navbar>
+  );
+}
diff --git a/src/components/MenuBar/SearchIcon.tsx b/src/components/MenuBar/SearchIcon.tsx
new file mode 100644
index 0000000..365ed9e
--- /dev/null
+++ b/src/components/MenuBar/SearchIcon.tsx
@@ -0,0 +1,27 @@
+export const SearchIcon = (props) => (
+  <svg
+    aria-hidden='true'
+    fill='none'
+    focusable='false'
+    height='1em'
+    role='presentation'
+    viewBox='0 0 24 24'
+    width='1em'
+    {...props}
+  >
+    <path
+      d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z'
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth='2'
+    />
+    <path
+      d='M22 22L20 20'
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth='2'
+    />
+  </svg>
+)
\ No newline at end of file

From bef8bbd9ec2f840c97a8f3cf27c052dc44045076 Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Wed, 27 Dec 2023 11:17:05 -0500
Subject: [PATCH 15/33] Fixed border and menu options, deleted specific client
 information

---
 src/components/Dropdown/Dropdown.tsx  | 19 ++++++++++++---
 src/components/MenuBar/MenuBar.tsx    | 35 ++++++++++++++++++++-------
 src/components/MenuBar/SearchIcon.tsx | 27 ---------------------
 3 files changed, 42 insertions(+), 39 deletions(-)
 delete mode 100644 src/components/MenuBar/SearchIcon.tsx

diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 9dae2d0..84ab1b9 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -4,12 +4,20 @@ import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownI
 import { Button } from "@nextui-org/button";
 import { FC } from "react";
 
+
+
+
 interface Item {
   key: string;
   label: string;
   url: string;
 
 }
+const commonStyle: React.CSSProperties = {
+  fontSize: '18px', 
+  fontFamily: 'Arial, sans-serif', 
+  
+};
 
 interface DropdownProps {
   buttonTitle: string;
@@ -21,12 +29,17 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
   const handleItemClick = (url: string) => {
     window.location.href = url;
   }
-
+  const linkStyle: React.CSSProperties = {
+    ...commonStyle,
+    border: '1px solid #ccc', 
+    padding: '8px 12px',    
+    borderRadius: '10px',     
+  };
   return (
     <DropdownContainer>
       <DropdownTrigger>
-        <Button
-          variant="bordered"
+        <Button style={linkStyle}
+          
         >
           {buttonTitle} 
         </Button>
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index 5610c39..3bf3f1f 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -1,32 +1,47 @@
 'use client'
 
-import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Input, 
-  DropdownItem, DropdownTrigger, Dropdown, DropdownMenu} from "@nextui-org/react";
+import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Button } from "@nextui-org/react";
 import { DropdownQuienes } from "../Dropdown/DropdownQuienes";
 import { DropdownArboles } from "../Dropdown/DropdownArboles";
 import { DropdownArbolesNacimiento } from "../Dropdown/DropdownArbolesNacimiento";
 
 
 export const MenuBar = () => {
+
+  const commonStyle = {
+    fontSize: '18px', 
+    fontFamily: 'Arial, sans-serif', 
+  };
+
+  const linkStyle = {...commonStyle,
+    border: '1px solid #ccc', 
+    padding: '8px 12px',    
+    borderRadius: '10px',     
+  };
+
   return (
-    <Navbar isBordered>
+    <Navbar isBordered style={{ border: '1px solid #ccc', backgroundColor: '#f5f5f5', borderRadius: '10px' }}>
       <NavbarContent justify="center">
         <NavbarBrand className="mr-4">
           <p className="hidden sm:block font-bold text-inherit">Bosques De Colombia</p>
         </NavbarBrand> 
         <NavbarContent className="hidden sm:flex gap-3">
           <NavbarItem>
-            <Link color="foreground" href="https://www.bosquesdecolombia.com/">
+            <Button style={linkStyle} 
+            onClick={() => window.location.href="#"}
+            >
               Inicio
-            </Link>
+            </Button>
           </NavbarItem>
           <NavbarItem>
             <DropdownQuienes/>
           </NavbarItem>
           <NavbarItem>
-            <Link color="foreground" href="https://www.bosquesdecolombia.com/bancos-de-proteina">
+            <Button style={linkStyle}
+            onClick={() => window.location.href="#"}
+            >
               Bancos de Proteina
-            </Link>
+            </Button>
           </NavbarItem>
           <NavbarItem>
            <DropdownArboles />
@@ -35,9 +50,11 @@ export const MenuBar = () => {
             <DropdownArbolesNacimiento />
           </NavbarItem>
           <NavbarItem>
-            <Link color="foreground" href="https://www.bosquesdecolombia.com/contacto">
+            <Button style={linkStyle} 
+            onClick={() => window.location.href="#"}
+            >
               Contacto
-            </Link>
+            </Button>
           </NavbarItem>
         </NavbarContent>
       </NavbarContent>
diff --git a/src/components/MenuBar/SearchIcon.tsx b/src/components/MenuBar/SearchIcon.tsx
deleted file mode 100644
index 365ed9e..0000000
--- a/src/components/MenuBar/SearchIcon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-export const SearchIcon = (props) => (
-  <svg
-    aria-hidden='true'
-    fill='none'
-    focusable='false'
-    height='1em'
-    role='presentation'
-    viewBox='0 0 24 24'
-    width='1em'
-    {...props}
-  >
-    <path
-      d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z'
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='2'
-    />
-    <path
-      d='M22 22L20 20'
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='2'
-    />
-  </svg>
-)
\ No newline at end of file

From ac1aeb13806a2273f1a9cad9d80746ae2ab7e52f Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Wed, 27 Dec 2023 18:39:14 -0500
Subject: [PATCH 16/33] Fix errors in previous components and added the Header
 component

---
 src/app/page.tsx                              |  6 ++-
 src/components/Dropdown/Dropdown.tsx          |  8 ++--
 .../Dropdown/DropdownArbolesNacimiento.tsx    |  8 ++--
 src/components/Dropdown/DropdownQuienes.tsx   |  8 ++--
 src/components/Header/Header.tsx              | 41 +++++++++++++++++++
 src/components/MenuBar/MenuBar.tsx            | 13 +++---
 src/components/Search/Search.tsx              |  4 +-
 7 files changed, 67 insertions(+), 21 deletions(-)
 create mode 100644 src/components/Header/Header.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f027cca..1d4ab82 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,14 +1,18 @@
 import { Search } from '@/components/Search/Search'
 import { Dropdown } from '@/components/Dropdown/Dropdown'
 import { MenuBar } from '@/components/MenuBar/MenuBar'
+import { Header } from '@/components/Header/Header'
 
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+    
+    <main className="flex flex-col min-h-screen items-center p-24">
+      <Header />
       <Search placeholder='Types of potatoes' label='Search'/>
       <MenuBar />
       
+      
     </main>
   )
 }
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 84ab1b9..151c462 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -10,7 +10,7 @@ import { FC } from "react";
 interface Item {
   key: string;
   label: string;
-  url: string;
+  href?: string;
 
 }
 const commonStyle: React.CSSProperties = {
@@ -31,9 +31,9 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
   }
   const linkStyle: React.CSSProperties = {
     ...commonStyle,
-    border: '1px solid #ccc', 
     padding: '8px 12px',    
-    borderRadius: '10px',     
+    borderRadius: '10px',
+    color: 'white'     
   };
   return (
     <DropdownContainer>
@@ -48,7 +48,7 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
         {(item) => (
           <DropdownItem
           key={item.key}
-          onClick={() => handleItemClick(item.url)}
+          onClick={() => handleItemClick(item.href)}
           >
             {item.label}
           </DropdownItem>
diff --git a/src/components/Dropdown/DropdownArbolesNacimiento.tsx b/src/components/Dropdown/DropdownArbolesNacimiento.tsx
index 234cd01..6bbae47 100644
--- a/src/components/Dropdown/DropdownArbolesNacimiento.tsx
+++ b/src/components/Dropdown/DropdownArbolesNacimiento.tsx
@@ -6,7 +6,7 @@ import { Dropdown } from "./Dropdown"
 interface Item {
     key: string;
     label: string;
-    url: string;
+    href?: string;
 }
 
 export const DropdownArbolesNacimiento: FC = () => {
@@ -14,17 +14,17 @@ export const DropdownArbolesNacimiento: FC = () => {
     {
       key: "conservadores",
       label: "Árboles conservadores de Agua",
-      url: "https://www.bosquesdecolombia.com/es/arboles-conservadores-de-agua"
+      href: "https://www.bosquesdecolombia.com/es/arboles-conservadores-de-agua"
     },
     {
       key: "semillas",
       label: "Semilla Forestales y Frutales",
-      url: "https://www.bosquesdecolombia.com/es/semillas-forestales-y-frutales"
+      href: "https://www.bosquesdecolombia.com/es/semillas-forestales-y-frutales"
     },
     {
       key: "hidroretenedores",
       label: "Hidroretenedores de Agua",
-      url: "https://www.bosquesdecolombia.com/es/hidroretenedores-de-agua"
+      href: "https://www.bosquesdecolombia.com/es/hidroretenedores-de-agua"
     }
     
   ];
diff --git a/src/components/Dropdown/DropdownQuienes.tsx b/src/components/Dropdown/DropdownQuienes.tsx
index 0d46d83..a515b3b 100644
--- a/src/components/Dropdown/DropdownQuienes.tsx
+++ b/src/components/Dropdown/DropdownQuienes.tsx
@@ -6,7 +6,7 @@ import { Dropdown } from "./Dropdown"
 interface Item {
     key: string;
     label: string;
-    url: string;
+    href: string;
 }
 
 export const DropdownQuienes: FC = () => {
@@ -19,17 +19,17 @@ export const DropdownQuienes: FC = () => {
     {
       key: "vision",
       label: "Visión",
-      url: "https://www.bosquesdecolombia.com/es/quienes-somos/vision"
+      href: "https://www.bosquesdecolombia.com/es/quienes-somos/vision"
     },
     {
       key: "objetivos",
       label: "Objetivos",
-      url: "https://www.bosquesdecolombia.com/es/quienes-somos/objetivos"
+      href: "https://www.bosquesdecolombia.com/es/quienes-somos/objetivos"
     },
     {
       key: "interes",
       label: "Sitios de Interés",
-      url: "https://www.bosquesdecolombia.com/es/sitios-de-interes"
+      href: "https://www.bosquesdecolombia.com/es/sitios-de-interes"
     }
   ];
 
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
new file mode 100644
index 0000000..fb0328b
--- /dev/null
+++ b/src/components/Header/Header.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { Search } from "../Search/Search";
+import { MenuBar } from "../MenuBar/MenuBar";
+
+export const Header = () => {
+  return (
+    <div style={{ width: '100%' }}>
+      <header style={{ 
+        background: 'darkblue', 
+        padding: '15px', 
+        display: 'flex', 
+        justifyContent: 'space-between', 
+        alignItems: 'center',
+        width: '100%' // Cambia aquí para ajustar el ancho
+      }}>
+        <div className='row' />
+        <div style={{ display: 'flex', alignItems: 'right' }}>
+          <img src="https://www.bosquesdecolombia.com/themes/imagina2017/img/logo.png" style={{ width: '390px', marginRight: '-10px', marginLeft: '35px' }} />
+        </div>
+        
+        <div className='row 2'>
+          <p style={{ color: 'white', marginRight: '55px' }}>316-4726059 • 311 846 1857 • 315 617 7252</p>
+          <p style={{ color: 'white' }}>bosquesdecolombia.gerencia@hotmail.com</p>
+        </div>
+
+        <Search label="Buscar" placeholder="Busqueda" width="250px" radius="md" />
+      </header>
+
+      
+      <div style={{
+         background:'darkblue',
+         padding:'15px',
+         display:'flex',
+         justifyContent:'end' 
+       }}>
+         <MenuBar />
+       </div>
+    </div>  
+  );
+}
+
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index 3bf3f1f..5189c57 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -10,20 +10,21 @@ export const MenuBar = () => {
 
   const commonStyle = {
     fontSize: '18px', 
-    fontFamily: 'Arial, sans-serif', 
+    fontFamily: 'Arial, sans-serif',
+    color: 'white'
+  
   };
 
   const linkStyle = {...commonStyle,
-    border: '1px solid #ccc', 
     padding: '8px 12px',    
     borderRadius: '10px',     
   };
 
   return (
-    <Navbar isBordered style={{ border: '1px solid #ccc', backgroundColor: '#f5f5f5', borderRadius: '10px' }}>
+    <Navbar isBordered style={{ border: 'transparent', backgroundColor: 'transparent', borderRadius: '10px' }}>
       <NavbarContent justify="center">
         <NavbarBrand className="mr-4">
-          <p className="hidden sm:block font-bold text-inherit">Bosques De Colombia</p>
+          {/* <p>Bosques De Colombia</p> */}
         </NavbarBrand> 
         <NavbarContent className="hidden sm:flex gap-3">
           <NavbarItem>
@@ -59,8 +60,8 @@ export const MenuBar = () => {
         </NavbarContent>
       </NavbarContent>
 
-       <NavbarContent as="div" className="items-center" justify="end">
-       </NavbarContent>
+      <NavbarContent as="div" className="items-center" justify="end">
+      </NavbarContent>
     </Navbar>
   );
 }
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
index 754c3da..0af3766 100644
--- a/src/components/Search/Search.tsx
+++ b/src/components/Search/Search.tsx
@@ -45,11 +45,11 @@ export const Search = ({
     const styles = {
         label: 'text-black/50 dark:text-white/90',
         input: [
-            'bg-transparent',
+            'bg-white',
             'text-black/90 dark:text-white/90',
             'placeholder:text-default-700/50 dark:placeholder:text-white/60',
         ],
-        innerWrapper: 'bg-transparent',
+        innerWrapper: 'bg-white',
         inputWrapper: [
             'shadow-xl',
             'bg-default-200/50',

From cd706012c37d95ddc1b4df1a9b0e3b0aacc6fc87 Mon Sep 17 00:00:00 2001
From: Imagina Actions Bot <carlosdevia@imaginacolombia.com>
Date: Wed, 3 Jan 2024 18:45:27 -0500
Subject: [PATCH 17/33] Added: change in header component

---
 package-lock.json                  | 87 ++++++++++++++++++++++++++++++
 package.json                       |  1 +
 src/app/layout.tsx                 |  6 ++-
 src/app/page.tsx                   |  6 +--
 src/components/Header/Header.tsx   | 49 ++++++++---------
 src/components/MenuBar/MenuBar.tsx |  3 +-
 6 files changed, 121 insertions(+), 31 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 09f5fe7..acac37b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@nextui-org/button": "^2.0.26",
         "@nextui-org/dropdown": "^2.1.16",
         "@nextui-org/input": "^2.1.16",
+        "@nextui-org/navbar": "^2.0.27",
         "@nextui-org/system": "^2.0.15",
         "@nextui-org/theme": "^2.1.17",
         "framer-motion": "^10.16.16",
@@ -642,6 +643,32 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@nextui-org/navbar": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/navbar/-/navbar-2.0.27.tgz",
+      "integrity": "sha512-iP4Pn4ItQkAW1nbu1Jmrh5l9pMVG43lDxq9rbx6DbLjLnnZOOrE6fURb8uN5NVy3ooV5dF02zKAoxlkE5fN/xw==",
+      "dependencies": {
+        "@nextui-org/framer-transitions": "2.0.15",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-toggle-button": "2.0.6",
+        "@nextui-org/use-scroll-position": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/overlays": "^3.18.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/toggle": "^3.6.3",
+        "@react-stately/utils": "^3.8.0",
+        "react-remove-scroll": "^2.5.6"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "framer-motion": ">=4.0.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/popover": {
       "version": "2.1.14",
       "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.14.tgz",
@@ -822,6 +849,21 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/use-aria-toggle-button": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-toggle-button/-/use-aria-toggle-button-2.0.6.tgz",
+      "integrity": "sha512-6Sjp7a0HQjmboLKNZu9AtZmyHz8+vhqcDwJDYTZjrrna0udxEXG+6C14YZzQxoJcvuaMimr5E8Aq0AxyRAr0MQ==",
+      "dependencies": {
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/toggle": "^3.6.3",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nextui-org/use-is-mobile": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
@@ -833,6 +875,14 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/use-scroll-position": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-scroll-position/-/use-scroll-position-2.0.4.tgz",
+      "integrity": "sha512-5ugiHqQ1OptBmujOsJGigbUt/rQ826+8RKYSpBp1uax1eF7TlpigXt6mS1PDsJIyEauHi8rjH5B3weOn1//tug==",
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -6210,6 +6260,25 @@
         "@react-types/shared": "^3.21.0"
       }
     },
+    "@nextui-org/navbar": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/navbar/-/navbar-2.0.27.tgz",
+      "integrity": "sha512-iP4Pn4ItQkAW1nbu1Jmrh5l9pMVG43lDxq9rbx6DbLjLnnZOOrE6fURb8uN5NVy3ooV5dF02zKAoxlkE5fN/xw==",
+      "requires": {
+        "@nextui-org/framer-transitions": "2.0.15",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-aria-toggle-button": "2.0.6",
+        "@nextui-org/use-scroll-position": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/overlays": "^3.18.1",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/toggle": "^3.6.3",
+        "@react-stately/utils": "^3.8.0",
+        "react-remove-scroll": "^2.5.6"
+      }
+    },
     "@nextui-org/popover": {
       "version": "2.1.14",
       "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.14.tgz",
@@ -6345,6 +6414,18 @@
         "@react-types/shared": "^3.21.0"
       }
     },
+    "@nextui-org/use-aria-toggle-button": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-toggle-button/-/use-aria-toggle-button-2.0.6.tgz",
+      "integrity": "sha512-6Sjp7a0HQjmboLKNZu9AtZmyHz8+vhqcDwJDYTZjrrna0udxEXG+6C14YZzQxoJcvuaMimr5E8Aq0AxyRAr0MQ==",
+      "requires": {
+        "@nextui-org/use-aria-button": "2.0.6",
+        "@react-aria/utils": "^3.21.1",
+        "@react-stately/toggle": "^3.6.3",
+        "@react-types/button": "^3.9.0",
+        "@react-types/shared": "^3.21.0"
+      }
+    },
     "@nextui-org/use-is-mobile": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
@@ -6353,6 +6434,12 @@
         "@react-aria/ssr": "^3.8.0"
       }
     },
+    "@nextui-org/use-scroll-position": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-scroll-position/-/use-scroll-position-2.0.4.tgz",
+      "integrity": "sha512-5ugiHqQ1OptBmujOsJGigbUt/rQ826+8RKYSpBp1uax1eF7TlpigXt6mS1PDsJIyEauHi8rjH5B3weOn1//tug==",
+      "requires": {}
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/package.json b/package.json
index 755380e..f86246b 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@nextui-org/button": "^2.0.26",
     "@nextui-org/dropdown": "^2.1.16",
     "@nextui-org/input": "^2.1.16",
+    "@nextui-org/navbar": "^2.0.27",
     "@nextui-org/system": "^2.0.15",
     "@nextui-org/theme": "^2.1.17",
     "framer-motion": "^10.16.16",
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 40e027f..8722e92 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
+import {Header} from "@/components/Header/Header";
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -16,7 +17,10 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={inter.className}>
+      <Header />
+      {children}
+      </body>
     </html>
   )
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1d4ab82..584e301 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,18 +1,14 @@
 import { Search } from '@/components/Search/Search'
-import { Dropdown } from '@/components/Dropdown/Dropdown'
 import { MenuBar } from '@/components/MenuBar/MenuBar'
-import { Header } from '@/components/Header/Header'
 
 
 export default function Home() {
   return (
     
     <main className="flex flex-col min-h-screen items-center p-24">
-      <Header />
+        <div style={{ height: 253 }}></div>
       <Search placeholder='Types of potatoes' label='Search'/>
       <MenuBar />
-      
-      
     </main>
   )
 }
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index fb0328b..5225208 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -4,38 +4,39 @@ import { MenuBar } from "../MenuBar/MenuBar";
 
 export const Header = () => {
   return (
-    <div style={{ width: '100%' }}>
+    <div style={{ width: '100%', position: 'fixed' }}>
       <header style={{ 
-        background: 'darkblue', 
+        background: 'white',
         padding: '15px', 
         display: 'flex', 
         justifyContent: 'space-between', 
         alignItems: 'center',
-        width: '100%' // Cambia aquí para ajustar el ancho
-      }}>
-        <div className='row' />
-        <div style={{ display: 'flex', alignItems: 'right' }}>
-          <img src="https://www.bosquesdecolombia.com/themes/imagina2017/img/logo.png" style={{ width: '390px', marginRight: '-10px', marginLeft: '35px' }} />
-        </div>
-        
-        <div className='row 2'>
-          <p style={{ color: 'white', marginRight: '55px' }}>316-4726059 • 311 846 1857 • 315 617 7252</p>
-          <p style={{ color: 'white' }}>bosquesdecolombia.gerencia@hotmail.com</p>
-        </div>
+        width: '100%', // Cambia aquí para ajustar el ancho
+        color: 'black'
+      }} className="flex flex-row flex-wrap space-x-4">
+          <div style={{ alignItems: 'right'}} className='flex-1'>
+              <img src="https://www.bosquesdecolombia.com/themes/imagina2017/img/logo.png"
+                   style={{minWidth: 300, maxWidth: 390, marginRight: '-10px', marginLeft: '35px'}}/>
+          </div>
+
+          <div className='flex-1'>
+              <p>316-4726059 • 311 846 1857 • 315 617 7252</p>
+              <p>bosquesdecolombia.gerencia@hotmail.com</p>
+          </div>
 
-        <Search label="Buscar" placeholder="Busqueda" width="250px" radius="md" />
+          <Search label="Buscar" placeholder="Busqueda" width="250px" radius="md"/>
       </header>
 
-      
-      <div style={{
-         background:'darkblue',
-         padding:'15px',
-         display:'flex',
-         justifyContent:'end' 
-       }}>
-         <MenuBar />
-       </div>
-    </div>  
+
+        <div style={{
+            background: 'darkblue',
+            padding: '15px',
+            display: 'flex',
+            justifyContent: 'end'
+        }}>
+            <MenuBar/>
+        </div>
+    </div>
   );
 }
 
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index 5189c57..e53eab0 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -1,6 +1,7 @@
 'use client'
 
-import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Button } from "@nextui-org/react";
+import {Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/navbar";
+import { Button } from "@nextui-org/button";
 import { DropdownQuienes } from "../Dropdown/DropdownQuienes";
 import { DropdownArboles } from "../Dropdown/DropdownArboles";
 import { DropdownArbolesNacimiento } from "../Dropdown/DropdownArbolesNacimiento";

From 4023442fefa1ffb6fc7397ef27f9b0515b07bc0c Mon Sep 17 00:00:00 2001
From: Imagina Actions Bot <carlosdevia@imaginacolombia.com>
Date: Wed, 3 Jan 2024 18:57:49 -0500
Subject: [PATCH 18/33] Added: logic about navbarItem

---
 src/components/MenuBar/MenuBar.tsx | 82 ++++++++++++++++++++----------
 1 file changed, 54 insertions(+), 28 deletions(-)

diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index e53eab0..4cdec14 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -1,11 +1,45 @@
 'use client'
 
+import React from "react";
 import {Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/navbar";
 import { Button } from "@nextui-org/button";
 import { DropdownQuienes } from "../Dropdown/DropdownQuienes";
 import { DropdownArboles } from "../Dropdown/DropdownArboles";
 import { DropdownArbolesNacimiento } from "../Dropdown/DropdownArbolesNacimiento";
+import {Dropdown} from "@/components/Dropdown/Dropdown";
 
+const itemsNavbar = [
+  {
+    label: 'Inicio',
+    url: '/'
+  },
+  {
+    label: 'Árboles',
+    url: '/arbol',
+    children: [
+      {
+        key: "maderables",
+        label: "Árboles Maderables",
+        url: "https://www.bosquesdecolombia.com/es/arboles-maderables"
+      },
+      {
+        key: "maderablesTemplado",
+        label: "Árboles Maderables Templado",
+        url: "https://www.bosquesdecolombia.com/es/arboles-maderables-templado"
+      },
+      {
+        key: "ornamentales",
+        label: "Árboles Ornamentales",
+        url: "https://www.bosquesdecolombia.com/assets/media/slider2.jpg"
+      },
+      {
+        key: "frutales",
+        label: "Árboles Frutales",
+        url: "https://www.bosquesdecolombia.com/es/arboles-frutales-templado"
+      }
+    ]
+  }
+]
 
 export const MenuBar = () => {
 
@@ -29,34 +63,26 @@ export const MenuBar = () => {
         </NavbarBrand> 
         <NavbarContent className="hidden sm:flex gap-3">
           <NavbarItem>
-            <Button style={linkStyle} 
-            onClick={() => window.location.href="#"}
-            >
-              Inicio
-            </Button>
-          </NavbarItem>
-          <NavbarItem>
-            <DropdownQuienes/>
-          </NavbarItem>
-          <NavbarItem>
-            <Button style={linkStyle}
-            onClick={() => window.location.href="#"}
-            >
-              Bancos de Proteina
-            </Button>
-          </NavbarItem>
-          <NavbarItem>
-           <DropdownArboles />
-          </NavbarItem>
-          <NavbarItem>
-            <DropdownArbolesNacimiento />
-          </NavbarItem>
-          <NavbarItem>
-            <Button style={linkStyle} 
-            onClick={() => window.location.href="#"}
-            >
-              Contacto
-            </Button>
+            {
+              itemsNavbar.map(item => (
+                  <React.Fragment key={item.url}>
+                    {
+                      !item.children ? (
+                          <Button style={linkStyle}
+                                  onClick={() => window.location.href="#"}
+                          >
+                            {item.label}
+                          </Button>
+                      ) : (
+                          <Dropdown buttonTitle={item.label} items={item.children} />
+                      )
+                    }
+
+                  </React.Fragment>
+
+              ))
+            }
+
           </NavbarItem>
         </NavbarContent>
       </NavbarContent>

From 3f59913dd89cd64d240dea523365b029b9ee5185 Mon Sep 17 00:00:00 2001
From: Jeisson Bellon <yeiko185@hotmail.com>
Date: Wed, 10 Jan 2024 18:28:52 -0500
Subject: [PATCH 19/33] Removed files and created new icons props

---
 src/components/Dropdown/Dropdown.tsx          | 10 ++++-
 src/components/Dropdown/DropdownArboles.tsx   | 39 -------------------
 .../Dropdown/DropdownArbolesNacimiento.tsx    | 35 -----------------
 src/components/Dropdown/DropdownQuienes.tsx   | 39 -------------------
 src/components/Dropdown/Icons.tsx             | 38 ++++++++++++++++++
 5 files changed, 47 insertions(+), 114 deletions(-)
 delete mode 100644 src/components/Dropdown/DropdownArboles.tsx
 delete mode 100644 src/components/Dropdown/DropdownArbolesNacimiento.tsx
 delete mode 100644 src/components/Dropdown/DropdownQuienes.tsx
 create mode 100644 src/components/Dropdown/Icons.tsx

diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 151c462..18fb179 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -2,7 +2,9 @@
 
 import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
 import { Button } from "@nextui-org/button";
+
 import { FC } from "react";
+import { ChevronDown } from "./icons";
 
 
 
@@ -35,10 +37,16 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
     borderRadius: '10px',
     color: 'white'     
   };
+
+  const icons = {
+    chevron: <ChevronDown fill="currentColor" size={16} />,
+  }
   return (
     <DropdownContainer>
       <DropdownTrigger>
-        <Button style={linkStyle}
+        <Button 
+        style={linkStyle}
+        endContent={icons.chevron}
           
         >
           {buttonTitle} 
diff --git a/src/components/Dropdown/DropdownArboles.tsx b/src/components/Dropdown/DropdownArboles.tsx
deleted file mode 100644
index ca931ad..0000000
--- a/src/components/Dropdown/DropdownArboles.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client'
-
-import { FC } from "react";
-import { Dropdown } from "./Dropdown"
-
-interface Item {
-    key: string;
-    label: string;
-    url: string;
-}
-
-export const DropdownArboles: FC = () => {
-    const items = [
-    {
-      key: "maderables",
-      label: "Árboles Maderables",
-      url: "https://www.bosquesdecolombia.com/es/arboles-maderables"
-    },
-    {
-      key: "maderablesTemplado",
-      label: "Árboles Maderables Templado",
-      url: "https://www.bosquesdecolombia.com/es/arboles-maderables-templado"
-    },
-    {
-      key: "ornamentales",
-      label: "Árboles Ornamentales",
-      url: "https://www.bosquesdecolombia.com/assets/media/slider2.jpg"
-    },
-    {
-      key: "frutales",
-      label: "Árboles Frutales",
-      url: "https://www.bosquesdecolombia.com/es/arboles-frutales-templado"
-    }
-  ];
-
-  return (
-    <Dropdown buttonTitle="Árboles" items={items} />
-  )
-}
\ No newline at end of file
diff --git a/src/components/Dropdown/DropdownArbolesNacimiento.tsx b/src/components/Dropdown/DropdownArbolesNacimiento.tsx
deleted file mode 100644
index 6bbae47..0000000
--- a/src/components/Dropdown/DropdownArbolesNacimiento.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-'use client'
-
-import { FC } from "react";
-import { Dropdown } from "./Dropdown"
-
-interface Item {
-    key: string;
-    label: string;
-    href?: string;
-}
-
-export const DropdownArbolesNacimiento: FC = () => {
-    const items = [
-    {
-      key: "conservadores",
-      label: "Árboles conservadores de Agua",
-      href: "https://www.bosquesdecolombia.com/es/arboles-conservadores-de-agua"
-    },
-    {
-      key: "semillas",
-      label: "Semilla Forestales y Frutales",
-      href: "https://www.bosquesdecolombia.com/es/semillas-forestales-y-frutales"
-    },
-    {
-      key: "hidroretenedores",
-      label: "Hidroretenedores de Agua",
-      href: "https://www.bosquesdecolombia.com/es/hidroretenedores-de-agua"
-    }
-    
-  ];
-
-  return (
-    <Dropdown buttonTitle="Árboles Protectores de Nacimientos de Agua" items={items} />
-  )
-}
\ No newline at end of file
diff --git a/src/components/Dropdown/DropdownQuienes.tsx b/src/components/Dropdown/DropdownQuienes.tsx
deleted file mode 100644
index a515b3b..0000000
--- a/src/components/Dropdown/DropdownQuienes.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client'
-
-import { FC } from "react";
-import { Dropdown } from "./Dropdown"
-
-interface Item {
-    key: string;
-    label: string;
-    href: string;
-}
-
-export const DropdownQuienes: FC = () => {
-    const items = [
-    {
-      key: "mision",
-      label: "Misión",
-      url: "https://www.bosquesdecolombia.com/es/quienes-somos/mision"
-    },
-    {
-      key: "vision",
-      label: "Visión",
-      href: "https://www.bosquesdecolombia.com/es/quienes-somos/vision"
-    },
-    {
-      key: "objetivos",
-      label: "Objetivos",
-      href: "https://www.bosquesdecolombia.com/es/quienes-somos/objetivos"
-    },
-    {
-      key: "interes",
-      label: "Sitios de Interés",
-      href: "https://www.bosquesdecolombia.com/es/sitios-de-interes"
-    }
-  ];
-
-  return (
-    <Dropdown buttonTitle="Quiénes Somos" items={items} />
-  )
-}
\ No newline at end of file
diff --git a/src/components/Dropdown/Icons.tsx b/src/components/Dropdown/Icons.tsx
new file mode 100644
index 0000000..47dd90e
--- /dev/null
+++ b/src/components/Dropdown/Icons.tsx
@@ -0,0 +1,38 @@
+'use client '
+
+import React, { FC, SVGProps } from "react";
+
+interface ChevronDownProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  size?: number;
+  height?: number;
+  width?: number;
+}
+
+export const ChevronDown: FC<ChevronDownProps> = ({
+  fill,
+  size,
+  height,
+  width,
+  ...props
+}) => {
+  return (
+    <svg
+      fill="none"
+      height={size ?? height ?? 24}
+      viewBox="0 0 24 24"
+      width={size ?? width ?? 24}
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="m19.92 8.95-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"
+        stroke={fill}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeMiterlimit={10}
+        strokeWidth={1.5}
+      />
+    </svg>
+  );
+};
\ No newline at end of file

From eae2825b8aff90194e33e50fdfeb25d524f75f22 Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Thu, 11 Jan 2024 12:23:28 -0500
Subject: [PATCH 20/33] Added hover effect and dynamic chevron

---
 src/app/layout.tsx                   |  2 +-
 src/app/page.tsx                     |  2 +-
 src/components/Dropdown/Dropdown.tsx | 61 +++++++++++++++++-----------
 src/components/Dropdown/Icons.tsx    | 15 ++++---
 src/components/MenuBar/MenuBar.tsx   | 35 ++++++++--------
 5 files changed, 62 insertions(+), 53 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8722e92..f525b42 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,7 +6,7 @@ import {Header} from "@/components/Header/Header";
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
+  title: 'Next Components',
   description: 'Generated by create next app',
 }
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 584e301..9da76be 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ export default function Home() {
     <main className="flex flex-col min-h-screen items-center p-24">
         <div style={{ height: 253 }}></div>
       <Search placeholder='Types of potatoes' label='Search'/>
-      <MenuBar />
+      
     </main>
   )
 }
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 18fb179..d629251 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -2,12 +2,8 @@
 
 import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
 import { Button } from "@nextui-org/button";
-
-import { FC } from "react";
-import { ChevronDown } from "./icons";
-
-
-
+import { FC, useState } from "react";
+import { ChevronDown } from "./Icons.tsx";
 
 interface Item {
   key: string;
@@ -28,9 +24,17 @@ interface DropdownProps {
 }
 
 export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
-  const handleItemClick = (url: string) => {
-    window.location.href = url;
+  const [isOpen, setIsOpen] = useState(false);
+  
+  const handleItemClick = (href: string) => {
+    window.location.href = href;
+    setIsOpen(false);
+  };
+
+  const toggleDropdown = (open: boolean) => {
+    setIsOpen(open);
   }
+  
   const linkStyle: React.CSSProperties = {
     ...commonStyle,
     padding: '8px 12px',    
@@ -39,31 +43,40 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
   };
 
   const icons = {
-    chevron: <ChevronDown fill="currentColor" size={16} />,
-  }
+    chevron: (
+      <ChevronDown
+        fill="currentColor" 
+        size={18}
+        rotate={isOpen ? 180 : 0}
+        className="ml-2"
+      />
+    ),  
+  };
+
   return (
-    <DropdownContainer>
+    <DropdownContainer 
+      isOpen={isOpen} 
+      onMouseEnter={() => toggleDropdown(true)} 
+      onMouseLeave={() => toggleDropdown(false)}
+    >
       <DropdownTrigger>
         <Button 
-        style={linkStyle}
-        endContent={icons.chevron}
-          
+          style={linkStyle} 
+          endContent={icons.chevron}
+          onMouseEnter={() => toggleDropdown(true)}
+          onMouseLeave={() => toggleDropdown(false)}
         >
-          {buttonTitle} 
+          {buttonTitle}
         </Button>
       </DropdownTrigger>
       <DropdownMenu aria-label="Dynamic Actions" items={items}>
         {(item) => (
-          <DropdownItem
-          key={item.key}
-          onClick={() => handleItemClick(item.href)}
-          >
+          <DropdownItem key={item.key} onClick={() => handleItemClick(item.href)}>
             {item.label}
           </DropdownItem>
-        )
-
-        }
+        )}
       </DropdownMenu>
     </DropdownContainer>
-  )
-}
+  );
+};
+
diff --git a/src/components/Dropdown/Icons.tsx b/src/components/Dropdown/Icons.tsx
index 47dd90e..61561f1 100644
--- a/src/components/Dropdown/Icons.tsx
+++ b/src/components/Dropdown/Icons.tsx
@@ -5,25 +5,24 @@ import React, { FC, SVGProps } from "react";
 interface ChevronDownProps extends SVGProps<SVGSVGElement> {
   fill?: string;
   size?: number;
-  height?: number;
-  width?: number;
+  rotate?: number;
 }
 
 export const ChevronDown: FC<ChevronDownProps> = ({
-  fill,
-  size,
-  height,
-  width,
+  fill = 'currentColor',
+  size = 24,
+  rotate = 0, 
   ...props
 }) => {
   return (
     <svg
       fill="none"
-      height={size ?? height ?? 24}
+      height={size}
       viewBox="0 0 24 24"
-      width={size ?? width ?? 24}
+      width={size}
       xmlns="http://www.w3.org/2000/svg"
       {...props}
+      style={{ transform: `rotate(${rotate}deg)`, transition: 'transform 0.3s ease' }}
     >
       <path
         d="m19.92 8.95-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index 4cdec14..eebfc53 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -3,39 +3,36 @@
 import React from "react";
 import {Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/navbar";
 import { Button } from "@nextui-org/button";
-import { DropdownQuienes } from "../Dropdown/DropdownQuienes";
-import { DropdownArboles } from "../Dropdown/DropdownArboles";
-import { DropdownArbolesNacimiento } from "../Dropdown/DropdownArbolesNacimiento";
 import {Dropdown} from "@/components/Dropdown/Dropdown";
 
 const itemsNavbar = [
   {
     label: 'Inicio',
-    url: '/'
+    href: '/'
   },
   {
-    label: 'Árboles',
-    url: '/arbol',
+    label: 'Dropdown1',
+    href: '/arbol',
     children: [
       {
-        key: "maderables",
-        label: "Árboles Maderables",
-        url: "https://www.bosquesdecolombia.com/es/arboles-maderables"
+        key: "label1",
+        label: "item1",
+        href: "#"
       },
       {
-        key: "maderablesTemplado",
-        label: "Árboles Maderables Templado",
-        url: "https://www.bosquesdecolombia.com/es/arboles-maderables-templado"
+        key: "label2",
+        label: "item2",
+        href: "#"
       },
       {
-        key: "ornamentales",
-        label: "Árboles Ornamentales",
-        url: "https://www.bosquesdecolombia.com/assets/media/slider2.jpg"
+        key: "label3",
+        label: "item3",
+        href: "#"
       },
       {
-        key: "frutales",
-        label: "Árboles Frutales",
-        url: "https://www.bosquesdecolombia.com/es/arboles-frutales-templado"
+        key: "label4",
+        label: "item4",
+        href: "#"
       }
     ]
   }
@@ -65,7 +62,7 @@ export const MenuBar = () => {
           <NavbarItem>
             {
               itemsNavbar.map(item => (
-                  <React.Fragment key={item.url}>
+                  <React.Fragment key={item.href}>
                     {
                       !item.children ? (
                           <Button style={linkStyle}

From da2325ece5af0081e49974a9f7387cb2520bc307 Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Thu, 11 Jan 2024 18:17:49 -0500
Subject: [PATCH 21/33] Styles configured and tried to set the Props to
 Dropdown file

---
 src/app/page.tsx                          |  1 +
 src/components/Dropdown/Dropdown.tsx      | 10 ++++++----
 src/components/Dropdown/DropdownItems.tsx |  0
 src/components/MenuBar/MenuBar.tsx        |  6 ++++++
 4 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Dropdown/DropdownItems.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9da76be..e64ebff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 import { Search } from '@/components/Search/Search'
 import { MenuBar } from '@/components/MenuBar/MenuBar'
+import { Dropdown } from '@nextui-org/dropdown'
 
 
 export default function Home() {
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index d629251..de20709 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -5,9 +5,10 @@ import { Button } from "@nextui-org/button";
 import { FC, useState } from "react";
 import { ChevronDown } from "./Icons.tsx";
 
+
 interface Item {
-  key: string;
-  label: string;
+  key?: string;
+  label?: string;
   href?: string;
 
 }
@@ -25,7 +26,8 @@ interface DropdownProps {
 
 export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
   const [isOpen, setIsOpen] = useState(false);
-  
+  const [bgColor, setBgColor] = useState("white");
+
   const handleItemClick = (href: string) => {
     window.location.href = href;
     setIsOpen(false);
@@ -39,7 +41,7 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
     ...commonStyle,
     padding: '8px 12px',    
     borderRadius: '10px',
-    color: 'white'     
+    color: 'white',     
   };
 
   const icons = {
diff --git a/src/components/Dropdown/DropdownItems.tsx b/src/components/Dropdown/DropdownItems.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index eebfc53..c5347b1 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -33,7 +33,13 @@ const itemsNavbar = [
         key: "label4",
         label: "item4",
         href: "#"
+      },
+      {
+        key: "label5",
+        label: "item5",
+        href: "#"
       }
+
     ]
   }
 ]

From ce61b02c29de3a605afe52d5bc3022bf7233fbc0 Mon Sep 17 00:00:00 2001
From: JeissonB <yeiko185@hotmail.com>
Date: Fri, 12 Jan 2024 12:26:48 -0500
Subject: [PATCH 22/33] Reviewed Dropdown Menu and checked changes.

---
 src/components/Dropdown/Dropdown.tsx      | 2 +-
 src/components/Dropdown/DropdownItems.tsx | 0
 src/components/Dropdown/Icons.tsx         | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 delete mode 100644 src/components/Dropdown/DropdownItems.tsx

diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index de20709..669f30c 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -13,7 +13,7 @@ interface Item {
 
 }
 const commonStyle: React.CSSProperties = {
-  fontSize: '18px', 
+  fontSize: '20px', 
   fontFamily: 'Arial, sans-serif', 
   
 };
diff --git a/src/components/Dropdown/DropdownItems.tsx b/src/components/Dropdown/DropdownItems.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/Dropdown/Icons.tsx b/src/components/Dropdown/Icons.tsx
index 61561f1..7499bce 100644
--- a/src/components/Dropdown/Icons.tsx
+++ b/src/components/Dropdown/Icons.tsx
@@ -18,7 +18,7 @@ export const ChevronDown: FC<ChevronDownProps> = ({
     <svg
       fill="none"
       height={size}
-      viewBox="0 0 24 24"
+      viewBox="0 0 24 24" 
       width={size}
       xmlns="http://www.w3.org/2000/svg"
       {...props}

From 4795a1661c5308e6852a5122cd9a88f0073f1f11 Mon Sep 17 00:00:00 2001
From: JBellonDev <jbellon@imaginacolombia.com>
Date: Thu, 18 Jan 2024 10:22:20 -0500
Subject: [PATCH 23/33] Added hover and unhover funcionality

---
 src/app/layout.tsx                    |  3 +-
 src/app/page.tsx                      | 11 +++-
 src/components/Dropdown/Dropdown.tsx  | 62 +++++++++++++-------
 src/components/Dropdown/Dropdown1.tsx | 84 +++++++++++++++++++++++++++
 src/components/MenuBar/MenuBar.tsx    |  4 +-
 tsconfig.json                         |  1 +
 6 files changed, 138 insertions(+), 27 deletions(-)
 create mode 100644 src/components/Dropdown/Dropdown1.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f525b42..25791d9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -18,8 +18,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-      <Header />
-      {children}
+        {children}
       </body>
     </html>
   )
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e64ebff..72afaa2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 import { Search } from '@/components/Search/Search'
 import { MenuBar } from '@/components/MenuBar/MenuBar'
-import { Dropdown } from '@nextui-org/dropdown'
+import { Dropdown1 } from '@/components/Dropdown/Dropdown1'
+import { Dropdown } from '@/components/Dropdown/Dropdown'
 
 
 export default function Home() {
@@ -8,8 +9,12 @@ export default function Home() {
     
     <main className="flex flex-col min-h-screen items-center p-24">
         <div style={{ height: 253 }}></div>
-      <Search placeholder='Types of potatoes' label='Search'/>
-      
+      {/* <Search placeholder='Types of potatoes' label='Search'/> */}
+      {/* <Dropdown1 items={[]} /> */}
+      <Dropdown 
+        buttonTitle={'DDM'} options={{ selectionMode: "multiple", unhover: true}}
+        items={[{ key: 'Prueba1', label: 'Option1', href: 'www.google.com.co' }]} 
+        />
     </main>
   )
 }
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 669f30c..2a6b5f2 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -10,38 +10,57 @@ interface Item {
   key?: string;
   label?: string;
   href?: string;
+}
 
+interface Options {
+  selectionMode: string;
+  unhover: boolean;
 }
-const commonStyle: React.CSSProperties = {
-  fontSize: '20px', 
-  fontFamily: 'Arial, sans-serif', 
-  
-};
 
 interface DropdownProps {
   buttonTitle: string;
   items: Item[];
-
+  commonStyle?: object; 
+  options: Options;
 }
 
-export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
+
+export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, options}) => {
   const [isOpen, setIsOpen] = useState(false);
+  const [isHovered, setIsHovered] = useState(false)
   const [bgColor, setBgColor] = useState("white");
 
-  const handleItemClick = (href: string) => {
+  const handleItemClick = (href?: string) => {
+    if (href) {
     window.location.href = href;
     setIsOpen(false);
+    }
   };
 
+  const handleButtonClick = () => {
+    setIsOpen(!isOpen);
+    setIsHovered(false);
+  }
+
+  const handleButtonHover = (hover: boolean) => {
+    if (options.unhover) {
+      setIsHovered(hover);
+    } else {
+      toggleDropdown(hover);
+      setIsHovered(hover);
+    }
+  }
+
   const toggleDropdown = (open: boolean) => {
     setIsOpen(open);
   }
   
   const linkStyle: React.CSSProperties = {
-    ...commonStyle,
     padding: '8px 12px',    
     borderRadius: '10px',
-    color: 'white',     
+    color: 'black',
+    fontSize: '16px',
+    ...commonStyle,
   };
 
   const icons = {
@@ -54,24 +73,27 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items}) => {
       />
     ),  
   };
-
+  
   return (
     <DropdownContainer 
       isOpen={isOpen} 
       onMouseEnter={() => toggleDropdown(true)} 
       onMouseLeave={() => toggleDropdown(false)}
+     
     >
       <DropdownTrigger>
-        <Button 
-          style={linkStyle} 
-          endContent={icons.chevron}
-          onMouseEnter={() => toggleDropdown(true)}
-          onMouseLeave={() => toggleDropdown(false)}
-        >
-          {buttonTitle}
-        </Button>
+          <Button 
+            variant="bordered"
+            style={linkStyle} 
+            endContent={icons.chevron}
+            onClick={handleButtonClick}
+            onMouseEnter={() => toggleDropdown(true)} 
+            onMouseLeave={() => toggleDropdown(false)}
+          >
+            {buttonTitle}
+          </Button>
       </DropdownTrigger>
-      <DropdownMenu aria-label="Dynamic Actions" items={items}>
+      <DropdownMenu aria-label="Dynamic Actions" items={items} >
         {(item) => (
           <DropdownItem key={item.key} onClick={() => handleItemClick(item.href)}>
             {item.label}
diff --git a/src/components/Dropdown/Dropdown1.tsx b/src/components/Dropdown/Dropdown1.tsx
new file mode 100644
index 0000000..38123bb
--- /dev/null
+++ b/src/components/Dropdown/Dropdown1.tsx
@@ -0,0 +1,84 @@
+'use client'
+
+import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
+import { Button } from "@nextui-org/button";
+import { FC, useState } from "react";
+import { ChevronDown } from "./Icons.tsx";
+
+
+interface Item {
+  map(arg0: (item: any) => import("react").JSX.Element): import("@react-types/shared").CollectionChildren<object>;
+  children: Item;
+  key?: string;
+  label?: string;
+  href?: string;
+}
+
+const commonStyle: React.CSSProperties = {
+  fontSize: '16px', 
+  fontFamily: 'Arial, sans-serif', 
+  color: 'black',
+};
+
+interface DropdownProps {
+  items: Item[];
+}
+
+export const Dropdown1: FC<DropdownProps> = ({ items }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  
+  const handleItemClick = (href?: string) => {
+    if (href) {
+      window.location.href = href;
+      setIsOpen(false);
+    }
+  };
+
+  const toggleDropdown = (open: boolean) => {
+    setIsOpen(open);
+  }
+  
+  const linkStyle: React.CSSProperties = {
+    ...commonStyle,
+    padding: '8px 12px',    
+    borderRadius: '10px',
+    color: 'black',
+  };
+
+  const icons = {
+    chevron: (
+      <ChevronDown
+        fill="currentColor" 
+        size={18}
+        rotate={isOpen ? 180 : 0}
+        className="ml-2"
+      />
+    ),  
+  };
+
+  return (
+    <DropdownContainer 
+      isOpen={isOpen} 
+      onMouseEnter={() => toggleDropdown(true)} 
+      onMouseLeave={() => toggleDropdown(false)}
+    >
+      <DropdownTrigger>
+        <Button 
+          style={linkStyle} 
+          endContent={icons.chevron}
+          onMouseEnter={() => toggleDropdown(true)}
+          onMouseLeave={() => toggleDropdown(false)}
+        >
+          {items && items[0] && items[0].label}  
+        </Button>
+      </DropdownTrigger>
+      <DropdownMenu aria-label="Dynamic Actions">
+        {items && items[0] && items[0].children && items[0].children.map((item) => (  // Aquí se verifica que items[0].children exista antes de mapear sobre él
+          <DropdownItem variant="bordered" key={item.key} onClick={() => handleItemClick(item.href)}>
+            {item.label}
+          </DropdownItem>
+        ))}
+      </DropdownMenu>
+    </DropdownContainer>
+  );
+};
\ No newline at end of file
diff --git a/src/components/MenuBar/MenuBar.tsx b/src/components/MenuBar/MenuBar.tsx
index c5347b1..343ff85 100644
--- a/src/components/MenuBar/MenuBar.tsx
+++ b/src/components/MenuBar/MenuBar.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import {Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/navbar";
 import { Button } from "@nextui-org/button";
-import {Dropdown} from "@/components/Dropdown/Dropdown";
+import {Dropdown1} from "@/components/Dropdown/Dropdown1";
 
 const itemsNavbar = [
   {
@@ -77,7 +77,7 @@ export const MenuBar = () => {
                             {item.label}
                           </Button>
                       ) : (
-                          <Dropdown buttonTitle={item.label} items={item.children} />
+                          <Dropdown1 buttonTitle={item.label} items={item.children} />
                       )
                     }
 
diff --git a/tsconfig.json b/tsconfig.json
index e59724b..1f6bf6b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "allowImportingTsExtensions": true,
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,

From 5ed938da464b167de03112680be2e854a2eb9eea Mon Sep 17 00:00:00 2001
From: JBellonDev <jbellon@imaginacolombia.com>
Date: Fri, 19 Jan 2024 17:36:12 -0500
Subject: [PATCH 24/33] Added two options, Avatar and User for include them to
 the Dropdown Menu

---
 package-lock.json                    | 97 ++++++++++++++++++++++++++++
 package.json                         |  2 +
 src/app/layout.tsx                   |  2 +
 src/app/page.tsx                     | 11 +++-
 src/components/Dropdown/Dropdown.tsx | 42 +++++++-----
 5 files changed, 136 insertions(+), 18 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index acac37b..0c3af04 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,12 +8,14 @@
       "name": "ui-components",
       "version": "0.1.0",
       "dependencies": {
+        "@nextui-org/avatar": "^2.0.24",
         "@nextui-org/button": "^2.0.26",
         "@nextui-org/dropdown": "^2.1.16",
         "@nextui-org/input": "^2.1.16",
         "@nextui-org/navbar": "^2.0.27",
         "@nextui-org/system": "^2.0.15",
         "@nextui-org/theme": "^2.1.17",
+        "@nextui-org/user": "^2.0.25",
         "framer-motion": "^10.16.16",
         "next": "14.0.4",
         "react": "^18",
@@ -514,6 +516,25 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@nextui-org/avatar": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/avatar/-/avatar-2.0.24.tgz",
+      "integrity": "sha512-3QUn8v61iNvAYogUbEDVnhDjBK6WBxxFYLp95a0H52zN0p2LHXe+UNwdGZYFo5QNWx6CHGH3vh2AHlLLy3WFSQ==",
+      "dependencies": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-image": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/button": {
       "version": "2.0.26",
       "resolved": "https://registry.npmjs.org/@nextui-org/button/-/button-2.0.26.tgz",
@@ -864,6 +885,17 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/use-image": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-image/-/use-image-2.0.4.tgz",
+      "integrity": "sha512-tomOkrhlhTA45qA/MLh1YmiWVGgJ2KeM0qBSLP1ikVcppc/e9UtkIJjHIGdNCnHZTjoPEh53HzyJeUMlYUM9uw==",
+      "dependencies": {
+        "@nextui-org/use-safe-layout-effect": "2.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nextui-org/use-is-mobile": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
@@ -875,6 +907,14 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/use-safe-layout-effect": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-safe-layout-effect/-/use-safe-layout-effect-2.0.4.tgz",
+      "integrity": "sha512-K7ppEhTfzdVOzbgKaNFEBi4HwRfQ8j+kRBQqsU5yo8bSM+5uv8OUy/mjpEf4i02PUDIBmsgJC4En9S537DXrwg==",
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nextui-org/use-scroll-position": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-scroll-position/-/use-scroll-position-2.0.4.tgz",
@@ -883,6 +923,24 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/user": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/user/-/user-2.0.25.tgz",
+      "integrity": "sha512-Ykh65O0ynJBlstlZowM8KrX6zv/VLfDgYX892Dk0goLwU8gcSILPZE7yGIBZi1XsNN7mE3dmTp/APLFDbkzzXw==",
+      "dependencies": {
+        "@nextui-org/avatar": "2.0.24",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/utils": "^3.21.1"
+      },
+      "peerDependencies": {
+        "@nextui-org/system": ">=2.0.0",
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -6167,6 +6225,19 @@
         "@react-types/shared": "^3.21.0"
       }
     },
+    "@nextui-org/avatar": {
+      "version": "2.0.24",
+      "resolved": "https://registry.npmjs.org/@nextui-org/avatar/-/avatar-2.0.24.tgz",
+      "integrity": "sha512-3QUn8v61iNvAYogUbEDVnhDjBK6WBxxFYLp95a0H52zN0p2LHXe+UNwdGZYFo5QNWx6CHGH3vh2AHlLLy3WFSQ==",
+      "requires": {
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/use-image": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/interactions": "^3.19.1",
+        "@react-aria/utils": "^3.21.1"
+      }
+    },
     "@nextui-org/button": {
       "version": "2.0.26",
       "resolved": "https://registry.npmjs.org/@nextui-org/button/-/button-2.0.26.tgz",
@@ -6426,6 +6497,14 @@
         "@react-types/shared": "^3.21.0"
       }
     },
+    "@nextui-org/use-image": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-image/-/use-image-2.0.4.tgz",
+      "integrity": "sha512-tomOkrhlhTA45qA/MLh1YmiWVGgJ2KeM0qBSLP1ikVcppc/e9UtkIJjHIGdNCnHZTjoPEh53HzyJeUMlYUM9uw==",
+      "requires": {
+        "@nextui-org/use-safe-layout-effect": "2.0.4"
+      }
+    },
     "@nextui-org/use-is-mobile": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
@@ -6434,12 +6513,30 @@
         "@react-aria/ssr": "^3.8.0"
       }
     },
+    "@nextui-org/use-safe-layout-effect": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-safe-layout-effect/-/use-safe-layout-effect-2.0.4.tgz",
+      "integrity": "sha512-K7ppEhTfzdVOzbgKaNFEBi4HwRfQ8j+kRBQqsU5yo8bSM+5uv8OUy/mjpEf4i02PUDIBmsgJC4En9S537DXrwg==",
+      "requires": {}
+    },
     "@nextui-org/use-scroll-position": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-scroll-position/-/use-scroll-position-2.0.4.tgz",
       "integrity": "sha512-5ugiHqQ1OptBmujOsJGigbUt/rQ826+8RKYSpBp1uax1eF7TlpigXt6mS1PDsJIyEauHi8rjH5B3weOn1//tug==",
       "requires": {}
     },
+    "@nextui-org/user": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/user/-/user-2.0.25.tgz",
+      "integrity": "sha512-Ykh65O0ynJBlstlZowM8KrX6zv/VLfDgYX892Dk0goLwU8gcSILPZE7yGIBZi1XsNN7mE3dmTp/APLFDbkzzXw==",
+      "requires": {
+        "@nextui-org/avatar": "2.0.24",
+        "@nextui-org/react-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@react-aria/focus": "^3.14.3",
+        "@react-aria/utils": "^3.21.1"
+      }
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/package.json b/package.json
index f86246b..e49b89d 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,14 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@nextui-org/avatar": "^2.0.24",
     "@nextui-org/button": "^2.0.26",
     "@nextui-org/dropdown": "^2.1.16",
     "@nextui-org/input": "^2.1.16",
     "@nextui-org/navbar": "^2.0.27",
     "@nextui-org/system": "^2.0.15",
     "@nextui-org/theme": "^2.1.17",
+    "@nextui-org/user": "^2.0.25",
     "framer-motion": "^10.16.16",
     "next": "14.0.4",
     "react": "^18",
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 25791d9..89ae0c9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -17,8 +17,10 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
+      
       <body className={inter.className}>
         {children}
+          
       </body>
     </html>
   )
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 72afaa2..d3e5c1d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@ import { Search } from '@/components/Search/Search'
 import { MenuBar } from '@/components/MenuBar/MenuBar'
 import { Dropdown1 } from '@/components/Dropdown/Dropdown1'
 import { Dropdown } from '@/components/Dropdown/Dropdown'
+import { Header } from '@/components/Header/Header'
 
 
 export default function Home() {
@@ -9,12 +10,16 @@ export default function Home() {
     
     <main className="flex flex-col min-h-screen items-center p-24">
         <div style={{ height: 253 }}></div>
-      {/* <Search placeholder='Types of potatoes' label='Search'/> */}
+      
+      
       {/* <Dropdown1 items={[]} /> */}
-      <Dropdown 
+      <Dropdown mt-4
         buttonTitle={'DDM'} options={{ selectionMode: "multiple", unhover: true}}
-        items={[{ key: 'Prueba1', label: 'Option1', href: 'www.google.com.co' }]} 
+        items={[{ key: 'Prueba1', label: 'Option1', href: '#' }, 
+                { key: 'prueba2', label: 'Option2', href: '#' }, ]} 
+                
         />
+      
     </main>
   )
 }
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 2a6b5f2..dbe23d3 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -4,19 +4,25 @@ import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownI
 import { Button } from "@nextui-org/button";
 import { FC, useState } from "react";
 import { ChevronDown } from "./Icons.tsx";
+import { Avatar } from "@nextui-org/avatar";
+import { User } from "@nextui-org/user";
 
+// Se establecen las props o interfaces de cada objeto
 
+//Props de los items que se guardaran como opciones en el dropdown
 interface Item {
   key?: string;
   label?: string;
   href?: string;
 }
 
+//
 interface Options {
   selectionMode: string;
   unhover: boolean;
 }
 
+//Props que serán solicitadas para habilitar la interface dropdown en pantalla.
 interface DropdownProps {
   buttonTitle: string;
   items: Item[];
@@ -24,12 +30,13 @@ interface DropdownProps {
   options: Options;
 }
 
-
+//Se desarrolla la lógica en el componente
 export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, options}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false)
   const [bgColor, setBgColor] = useState("white");
 
+  //Se establece el algoritmo para redirigirse a link inyectado en href
   const handleItemClick = (href?: string) => {
     if (href) {
     window.location.href = href;
@@ -37,20 +44,14 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
     }
   };
 
+  //Se crea constante para abrir o cerrar el Dropdown dando click
   const handleButtonClick = () => {
     setIsOpen(!isOpen);
     setIsHovered(false);
   }
 
-  const handleButtonHover = (hover: boolean) => {
-    if (options.unhover) {
-      setIsHovered(hover);
-    } else {
-      toggleDropdown(hover);
-      setIsHovered(hover);
-    }
-  }
-
+  
+  //Se confirma que pasa al activar el estado setIsOpen.
   const toggleDropdown = (open: boolean) => {
     setIsOpen(open);
   }
@@ -74,13 +75,16 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
     ),  
   };
   
+  //Se establece el renderizado final y sus efectos
   return (
+    
     <DropdownContainer 
       isOpen={isOpen} 
       onMouseEnter={() => toggleDropdown(true)} 
       onMouseLeave={() => toggleDropdown(false)}
-     
+      
     >
+      
       <DropdownTrigger>
           <Button 
             variant="bordered"
@@ -93,13 +97,21 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
             {buttonTitle}
           </Button>
       </DropdownTrigger>
-      <DropdownMenu aria-label="Dynamic Actions" items={items} >
+      <DropdownMenu 
+        aria-label="Dynamic Actions" items={items}
+        style={{ background: "auto", border: '1px solid lightgray', borderRadius: '10px', color: "borde-gray-300"}} 
+        >
         {(item) => (
-          <DropdownItem key={item.key} onClick={() => handleItemClick(item.href)}>
-            {item.label}
-          </DropdownItem>
+        <DropdownItem 
+          key={item.key} 
+          onClick={() => handleItemClick(item.href)}
+          className="border border-gray-300 p-2"
+          >
+          {item.label}
+        </DropdownItem>
         )}
       </DropdownMenu>
+      
     </DropdownContainer>
   );
 };

From 994b7081df2dbf3497cfd636df556acf5a16beb5 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Mon, 22 Jan 2024 00:48:01 -0500
Subject: [PATCH 25/33] New customization options.

---
 package-lock.json                    | 110 +++++++++++-----------
 package.json                         |   5 +-
 src/app/page.tsx                     |  62 +++++++++---
 src/components/Dropdown/Dropdown.tsx | 135 ++++++++++++++++++---------
 tailwind.config.ts                   |   2 +
 5 files changed, 200 insertions(+), 114 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 58d6e93..1248907 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,6 @@
         "@nextui-org/card": "^2.0.24",
         "@nextui-org/dropdown": "^2.1.16",
         "@nextui-org/input": "^2.1.16",
-        "@nextui-org/navbar": "^2.0.27",
         "@nextui-org/system": "^2.0.15",
         "@nextui-org/table": "^2.0.28",
         "@nextui-org/tabs": "^2.0.26",
@@ -634,6 +633,22 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@nextui-org/divider": {
+      "version": "2.0.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/divider/-/divider-2.0.25.tgz",
+      "integrity": "sha512-yEvHqYlhNBwmF68pfjJKdzC8gVQtL+txxD5COBGF9uFyfxA5hVw2D6GmYgOH514bxrFBuWOLcQX6gyljgcN3bA==",
+      "dependencies": {
+        "@nextui-org/react-rsc-utils": "2.0.10",
+        "@nextui-org/shared-utils": "2.0.4",
+        "@nextui-org/system-rsc": "2.0.11",
+        "@react-types/shared": "^3.21.0"
+      },
+      "peerDependencies": {
+        "@nextui-org/theme": ">=2.1.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/@nextui-org/dropdown": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/@nextui-org/dropdown/-/dropdown-2.1.16.tgz",
@@ -722,32 +737,6 @@
         "react-dom": ">=18"
       }
     },
-    "node_modules/@nextui-org/navbar": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/@nextui-org/navbar/-/navbar-2.0.27.tgz",
-      "integrity": "sha512-iP4Pn4ItQkAW1nbu1Jmrh5l9pMVG43lDxq9rbx6DbLjLnnZOOrE6fURb8uN5NVy3ooV5dF02zKAoxlkE5fN/xw==",
-      "dependencies": {
-        "@nextui-org/framer-transitions": "2.0.15",
-        "@nextui-org/react-utils": "2.0.10",
-        "@nextui-org/shared-utils": "2.0.4",
-        "@nextui-org/use-aria-toggle-button": "2.0.6",
-        "@nextui-org/use-scroll-position": "2.0.4",
-        "@react-aria/focus": "^3.14.3",
-        "@react-aria/interactions": "^3.19.1",
-        "@react-aria/overlays": "^3.18.1",
-        "@react-aria/utils": "^3.21.1",
-        "@react-stately/toggle": "^3.6.3",
-        "@react-stately/utils": "^3.8.0",
-        "react-remove-scroll": "^2.5.6"
-      },
-      "peerDependencies": {
-        "@nextui-org/system": ">=2.0.0",
-        "@nextui-org/theme": ">=2.1.0",
-        "framer-motion": ">=4.0.0",
-        "react": ">=18",
-        "react-dom": ">=18"
-      }
-    },
     "node_modules/@nextui-org/popover": {
       "version": "2.1.14",
       "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.14.tgz",
@@ -998,27 +987,23 @@
         "react": ">=18"
       }
     },
-    "node_modules/@nextui-org/use-aria-toggle-button": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-toggle-button/-/use-aria-toggle-button-2.0.6.tgz",
-      "integrity": "sha512-6Sjp7a0HQjmboLKNZu9AtZmyHz8+vhqcDwJDYTZjrrna0udxEXG+6C14YZzQxoJcvuaMimr5E8Aq0AxyRAr0MQ==",
+    "node_modules/@nextui-org/use-image": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-image/-/use-image-2.0.4.tgz",
+      "integrity": "sha512-tomOkrhlhTA45qA/MLh1YmiWVGgJ2KeM0qBSLP1ikVcppc/e9UtkIJjHIGdNCnHZTjoPEh53HzyJeUMlYUM9uw==",
       "dependencies": {
-        "@nextui-org/use-aria-button": "2.0.6",
-        "@react-aria/utils": "^3.21.1",
-        "@react-stately/toggle": "^3.6.3",
-        "@react-types/button": "^3.9.0",
-        "@react-types/shared": "^3.21.0"
+        "@nextui-org/use-safe-layout-effect": "2.0.4"
       },
       "peerDependencies": {
         "react": ">=18"
       }
     },
-    "node_modules/@nextui-org/use-image": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@nextui-org/use-image/-/use-image-2.0.4.tgz",
-      "integrity": "sha512-tomOkrhlhTA45qA/MLh1YmiWVGgJ2KeM0qBSLP1ikVcppc/e9UtkIJjHIGdNCnHZTjoPEh53HzyJeUMlYUM9uw==",
+    "node_modules/@nextui-org/use-is-mobile": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-is-mobile/-/use-is-mobile-2.0.6.tgz",
+      "integrity": "sha512-HeglWUoq6Ln8P5n6s1SZvBRatLYMKsiXQM7Mk2l+6jFByzZh3VWtZ05xmuX8te/1rGmeUxjeXtW6x+F7/f/JoA==",
       "dependencies": {
-        "@nextui-org/use-safe-layout-effect": "2.0.4"
+        "@react-aria/ssr": "^3.8.0"
       },
       "peerDependencies": {
         "react": ">=18"
@@ -1040,14 +1025,6 @@
         "react": ">=18"
       }
     },
-    "node_modules/@nextui-org/use-scroll-position": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@nextui-org/use-scroll-position/-/use-scroll-position-2.0.4.tgz",
-      "integrity": "sha512-5ugiHqQ1OptBmujOsJGigbUt/rQ826+8RKYSpBp1uax1eF7TlpigXt6mS1PDsJIyEauHi8rjH5B3weOn1//tug==",
-      "peerDependencies": {
-        "react": ">=18"
-      }
-    },
     "node_modules/@nextui-org/use-update-effect": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-update-effect/-/use-update-effect-2.0.4.tgz",
@@ -1168,6 +1145,23 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-aria/dialog": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.10.tgz",
+      "integrity": "sha512-H2BNVLOfaum6/4irH5XUU/wIcXSs/ymxmTPGmucRG1hzaUh8H3tupdl/qCZ+SsW9oYDFlphY172uM1nsPjBMiQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.0",
+        "@react-aria/overlays": "^3.20.0",
+        "@react-aria/utils": "^3.23.0",
+        "@react-types/dialog": "^3.5.7",
+        "@react-types/shared": "^3.22.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-aria/focus": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.0.tgz",
@@ -1726,6 +1720,18 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-types/dialog": {
+      "version": "3.5.7",
+      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.7.tgz",
+      "integrity": "sha512-geYoqAyQaTLG43AaXdMUVqZXYgkSifrD9cF7lR2kPAT0uGFv0YREi6ieU+aui8XJ83EW0xcxP+EPWd2YkN4D4w==",
+      "dependencies": {
+        "@react-types/overlays": "^3.8.4",
+        "@react-types/shared": "^3.22.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@react-types/grid": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.3.tgz",
@@ -6019,9 +6025,9 @@
       }
     },
     "node_modules/use-callback-ref": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
-      "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.1.tgz",
+      "integrity": "sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
diff --git a/package.json b/package.json
index 081d144..04945ae 100644
--- a/package.json
+++ b/package.json
@@ -9,13 +9,12 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@nextui-org/breadcrumbs": "^2.0.4",
-    "@nextui-org/card": "^2.0.24",
     "@nextui-org/avatar": "^2.0.24",
+    "@nextui-org/breadcrumbs": "^2.0.4",
     "@nextui-org/button": "^2.0.26",
+    "@nextui-org/card": "^2.0.24",
     "@nextui-org/dropdown": "^2.1.16",
     "@nextui-org/input": "^2.1.16",
-    "@nextui-org/navbar": "^2.0.27",
     "@nextui-org/system": "^2.0.15",
     "@nextui-org/table": "^2.0.28",
     "@nextui-org/tabs": "^2.0.26",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e669334..d756627 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,7 @@ import { Breadcrumbs } from '@/components/Breadcrumbs/Breadcrumbs'
 import { Search } from '@/components/Search/Search'
 import { NavigationTabs } from '@/components/NavigationTabs/NavigationTabs'
 import { TableSimple } from '@/components/TableSimple/TableSimple'
-import { MenuBar } from '@/components/MenuBar/MenuBar'
-import { Dropdown1 } from '@/components/Dropdown/Dropdown1'
 import { Dropdown } from '@/components/Dropdown/Dropdown'
-import { Header } from '@/components/Header/Header'
 
 
 export default function Home() {
@@ -116,7 +113,9 @@ export default function Home() {
     { 
       id: 1,
       href: '/', 
-      label: 'Home' 
+      label: 'Home',
+      shortcut: '⌘H',
+      startContent: '🏠',
     },
     { 
       id: 2,
@@ -141,17 +140,23 @@ export default function Home() {
     { 
       id: 6,
       href: '/genre', 
-      label: 'Genre' 
+      label: 'Genre',
+      disabled: true,
     },
     { 
       id: 7,
       href: '/playlist', 
-      label: 'Playlist'
+      label: 'Playlist',
+      shortcut: '⌘K',
     },
     { 
       id: 8,
       href: '/search', 
-      label: 'Search'
+      label: 'Eliminar',
+      shortcut: '⌘D',
+      color: 'danger',
+      className: 'text-danger',
+      startContent: '🗑️',
     },
   ]
 
@@ -161,13 +166,42 @@ export default function Home() {
       <NavigationTabs tabs={ tabs } />
       <TableSimple rows={ rows } columns={ columns }/>
       <Breadcrumbs breadcrumbs={ items } />
-      <Dropdown mt-4
-        buttonTitle={'DDM'} 
-        options={{ selectionMode: "multiple", unhover: true}}
-        items={[{ key: 'Prueba1', label: 'Option1', href: '#' }, 
-                { key: 'prueba2', label: 'Option2', href: '#' }, ]} 
-                
-      />
+      <div className='flex items-center gap-4'>
+        <Dropdown
+          title={'solid'} 
+          options={{ selectionMode: "multiple", unhover: true}}
+          items={ itemsDropdown } 
+          commonStyle={{ color: 'secondary', variant: 'solid' }}        
+        />
+        <Dropdown
+          title={'bordered'} 
+          options={{ selectionMode: "multiple", unhover: true}}
+          items={ itemsDropdown } 
+          commonStyle={{ color: 'secondary', variant: 'bordered' }}        
+        />
+        <Dropdown
+          title={'faded'} 
+          options={{ selectionMode: "multiple", unhover: true}}
+          items={ itemsDropdown } 
+          commonStyle={{ color: 'secondary', variant: 'faded' }}        
+        />
+        <Dropdown
+          title={'light'} 
+          options={{ selectionMode: "multiple", unhover: true}}
+          items={ itemsDropdown } 
+          commonStyle={{ color: 'secondary', variant: 'light' }}        
+        />
+        <Dropdown
+          title={'Open Menu'} 
+          options={{ selectionMode: "multiple", unhover: true}}
+          items={ itemsDropdown } 
+          user={{
+            name: 'Tony Reichert',
+            avatar: 'https://avatars.githubusercontent.com/u/352421',
+            description: 'CEO'
+          }}      
+        />
+      </div>
     </main>
   )
 }
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index dbe23d3..37e926a 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -2,41 +2,64 @@
 
 import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
 import { Button } from "@nextui-org/button";
-import { FC, useState } from "react";
+import { FC, useEffect, useState } from "react";
 import { ChevronDown } from "./Icons.tsx";
-import { Avatar } from "@nextui-org/avatar";
+// import { Avatar } from "@nextui-org/avatar";
 import { User } from "@nextui-org/user";
 
 // Se establecen las props o interfaces de cada objeto
 
 //Props de los items que se guardaran como opciones en el dropdown
 interface Item {
-  key?: string;
-  label?: string;
-  href?: string;
+  id: string | number;
+  label: string;
+  href: string;
+  shortcut?: string;
+  startContent?: string;
+  disabled?: boolean;
+  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
+  className?: string;
 }
 
-//
 interface Options {
   selectionMode: string;
   unhover: boolean;
 }
 
-//Props que serán solicitadas para habilitar la interface dropdown en pantalla.
+interface CommonStyle {
+  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
+  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | undefined;
+  className?: string;
+}
+
+interface Avatar {
+  name?: string;
+  avatar?: string;
+  description?: string;
+}
+
+
 interface DropdownProps {
-  buttonTitle: string;
+  title: string;
   items: Item[];
-  commonStyle?: object; 
+  user?: Avatar;
+  commonStyle?: CommonStyle; 
   options: Options;
 }
 
-//Se desarrolla la lógica en el componente
-export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, options}) => {
+export const Dropdown: FC<DropdownProps> = ({ 
+  title, 
+  items,
+  // isAvatar,
+  user,
+  commonStyle,
+  options 
+}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false)
   const [bgColor, setBgColor] = useState("white");
+  const [disabledItems, setDisabledItems] = useState([])
 
-  //Se establece el algoritmo para redirigirse a link inyectado en href
   const handleItemClick = (href?: string) => {
     if (href) {
     window.location.href = href;
@@ -44,14 +67,12 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
     }
   };
 
-  //Se crea constante para abrir o cerrar el Dropdown dando click
   const handleButtonClick = () => {
     setIsOpen(!isOpen);
     setIsHovered(false);
   }
 
   
-  //Se confirma que pasa al activar el estado setIsOpen.
   const toggleDropdown = (open: boolean) => {
     setIsOpen(open);
   }
@@ -74,44 +95,68 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
       />
     ),  
   };
+
+  const filterKeysFromDisabled = (items: Item[]) => {
+    const disabledElementKeys: any = items
+      .filter(item => item?.disabled === true)
+      .map(item => String(item?.id))
+    return disabledElementKeys
+  }
   
-  //Se establece el renderizado final y sus efectos
+  useEffect(() => {
+    setDisabledItems(filterKeysFromDisabled(items))
+  }, [items])
+
   return (
-    
-    <DropdownContainer 
-      isOpen={isOpen} 
-      onMouseEnter={() => toggleDropdown(true)} 
-      onMouseLeave={() => toggleDropdown(false)}
-      
-    >
-      
+    <DropdownContainer  backdrop="blur">
       <DropdownTrigger>
-          <Button 
-            variant="bordered"
-            style={linkStyle} 
-            endContent={icons.chevron}
-            onClick={handleButtonClick}
-            onMouseEnter={() => toggleDropdown(true)} 
-            onMouseLeave={() => toggleDropdown(false)}
-          >
-            {buttonTitle}
-          </Button>
+        {
+          user ? (
+            <User
+              as="button"
+              avatarProps={{
+                isBordered: true,
+                src: user?.avatar ,
+              }}
+              // className="transition-transform"
+              name={ user?.name }
+              description={ user?.description }
+            />
+          ) : (
+            <Button 
+              color={ commonStyle?.color }
+              variant={ commonStyle?.variant }
+              // style={linkStyle} 
+              endContent={ icons.chevron }
+              onClick={ handleButtonClick }
+              // onMouseEnter={() => toggleDropdown(true)} 
+              // onMouseLeave={() => toggleDropdown(false)}
+              className="p-4"
+            >
+              { title }
+            </Button>
+          )
+        }
       </DropdownTrigger>
       <DropdownMenu 
-        aria-label="Dynamic Actions" items={items}
-        style={{ background: "auto", border: '1px solid lightgray', borderRadius: '10px', color: "borde-gray-300"}} 
-        >
-        {(item) => (
-        <DropdownItem 
-          key={item.key} 
-          onClick={() => handleItemClick(item.href)}
-          className="border border-gray-300 p-2"
+        aria-label="Dynamic Actions" 
+        // items={items}
+        variant={ commonStyle?.variant }
+        disabledKeys={ disabledItems }
+      >
+        {items.map(item => (
+          <DropdownItem 
+            key={ item?.id } 
+            onClick={() => handleItemClick(item?.href)}
+            shortcut={ item?.shortcut }
+            startContent={ item?.startContent }
+            className={ item?.className }
+            color={ item?.color }
           >
-          {item.label}
-        </DropdownItem>
-        )}
+            { item.label }
+          </DropdownItem> 
+        ))}
       </DropdownMenu>
-      
     </DropdownContainer>
   );
 };
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 1c0bb12..d96bec2 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -12,6 +12,8 @@ const config: Config = {
     './node_modules/@nextui-org/theme/dist/components/table.js',
     './node_modules/@nextui-org/theme/dist/components/breadcrumbs.js',
     './node_modules/@nextui-org/theme/dist/components/dropdown.js',
+    './node_modules/@nextui-org/theme/dist/components/avatar.js',
+    './node_modules/@nextui-org/theme/dist/components/user.js',
   ],
   theme: {
     extend: {},

From aa9b66042892606402d3c48044458062f76fa075 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Tue, 23 Jan 2024 23:49:14 -0500
Subject: [PATCH 26/33] Organizing component

---
 src/app/page.tsx                              |  52 ++++-----
 src/components/Dropdown/Dropdown.tsx          | 107 ++++++------------
 src/components/Dropdown/Dropdown1.tsx         |  84 --------------
 .../Dropdown/interfaces/dropdown.interface.ts |  29 +++++
 .../dropdownAttributes.interface.ts           |   5 +
 .../dropdownItemAttributes.interface.ts       |   3 +
 .../dropdownMenuAttributes.interface.ts       |   5 +
 7 files changed, 99 insertions(+), 186 deletions(-)
 delete mode 100644 src/components/Dropdown/Dropdown1.tsx
 create mode 100644 src/components/Dropdown/interfaces/dropdown.interface.ts
 create mode 100644 src/components/Dropdown/interfaces/dropdownAttributes.interface.ts
 create mode 100644 src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
 create mode 100644 src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d756627..83dd966 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -111,46 +111,46 @@ export default function Home() {
 
   const itemsDropdown = [
     { 
-      id: 1,
+      key: 1,
       href: '/', 
       label: 'Home',
       shortcut: '⌘H',
       startContent: '🏠',
     },
     { 
-      id: 2,
+      key: 2,
       href: '/music', 
       label: 'Music' 
     },
     { 
-      id: 3,
+      key: 3,
       href: '/artist', 
       label: 'Artist' 
     },
     { 
-      id: 4,
+      key: 4,
       href: '/album', 
       label: 'Album' 
     },
     { 
-      id: 5,
+      key: 5,
       href: '/song', 
       label: 'Song' 
     },
     { 
-      id: 6,
+      key: 6,
       href: '/genre', 
       label: 'Genre',
       disabled: true,
     },
     { 
-      id: 7,
+      key: 7,
       href: '/playlist', 
       label: 'Playlist',
       shortcut: '⌘K',
     },
     { 
-      id: 8,
+      key: 8,
       href: '/search', 
       label: 'Eliminar',
       shortcut: '⌘D',
@@ -168,37 +168,25 @@ export default function Home() {
       <Breadcrumbs breadcrumbs={ items } />
       <div className='flex items-center gap-4'>
         <Dropdown
-          title={'solid'} 
-          options={{ selectionMode: "multiple", unhover: true}}
-          items={ itemsDropdown } 
-          commonStyle={{ color: 'secondary', variant: 'solid' }}        
-        />
-        <Dropdown
-          title={'bordered'} 
-          options={{ selectionMode: "multiple", unhover: true}}
-          items={ itemsDropdown } 
-          commonStyle={{ color: 'secondary', variant: 'bordered' }}        
-        />
-        <Dropdown
-          title={'faded'} 
-          options={{ selectionMode: "multiple", unhover: true}}
+          title={'solid'}
           items={ itemsDropdown } 
-          commonStyle={{ color: 'secondary', variant: 'faded' }}        
+          dropdownItem={{ color: 'primary' }}
+          dropdownMenu={{ variant: 'solid' }}      
         />
         <Dropdown
-          title={'light'} 
-          options={{ selectionMode: "multiple", unhover: true}}
+          title={'solid'}
           items={ itemsDropdown } 
-          commonStyle={{ color: 'secondary', variant: 'light' }}        
+          dropdownItem={{ color: 'secondary' }}
+          dropdownMenu={{ variant: 'bordered', selectionMode: 'single' }}      
         />
         <Dropdown
-          title={'Open Menu'} 
-          options={{ selectionMode: "multiple", unhover: true}}
+          title={'solid'}
           items={ itemsDropdown } 
-          user={{
-            name: 'Tony Reichert',
-            avatar: 'https://avatars.githubusercontent.com/u/352421',
-            description: 'CEO'
+          dropdownItem={{ color: 'secondary' }}
+          dropdownMenu={{ 
+            variant: 'flat', 
+            selectionMode: 'multiple',
+            closeOnSelect: false, 
           }}      
         />
       </div>
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 37e926a..8a03e0d 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -2,68 +2,30 @@
 
 import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
 import { Button } from "@nextui-org/button";
-import { FC, useEffect, useState } from "react";
+import { FC, useEffect, useState, useMemo } from "react";
 import { ChevronDown } from "./Icons.tsx";
 // import { Avatar } from "@nextui-org/avatar";
 import { User } from "@nextui-org/user";
-
-// Se establecen las props o interfaces de cada objeto
-
-//Props de los items que se guardaran como opciones en el dropdown
-interface Item {
-  id: string | number;
-  label: string;
-  href: string;
-  shortcut?: string;
-  startContent?: string;
-  disabled?: boolean;
-  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
-  className?: string;
-}
-
-interface Options {
-  selectionMode: string;
-  unhover: boolean;
-}
-
-interface CommonStyle {
-  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
-  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | undefined;
-  className?: string;
-}
-
-interface Avatar {
-  name?: string;
-  avatar?: string;
-  description?: string;
-}
-
-
-interface DropdownProps {
-  title: string;
-  items: Item[];
-  user?: Avatar;
-  commonStyle?: CommonStyle; 
-  options: Options;
-}
+import { DropdownProps, Item } from "./interfaces/dropdown.interface.ts"; 
 
 export const Dropdown: FC<DropdownProps> = ({ 
   title, 
   items,
-  // isAvatar,
   user,
-  commonStyle,
-  options 
+  dropdown,
+  dropdownItem,
+  dropdownMenu, 
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false)
-  const [bgColor, setBgColor] = useState("white");
+  // const [bgColor, setBgColor] = useState("white");
   const [disabledItems, setDisabledItems] = useState([])
+  const [selectedKeys, setSelectedKeys] = useState(["1"]);
 
   const handleItemClick = (href?: string) => {
     if (href) {
-    window.location.href = href;
-    setIsOpen(false);
+      setIsOpen(false);
+      window.location.href = href;
     }
   };
 
@@ -76,14 +38,6 @@ export const Dropdown: FC<DropdownProps> = ({
   const toggleDropdown = (open: boolean) => {
     setIsOpen(open);
   }
-  
-  const linkStyle: React.CSSProperties = {
-    padding: '8px 12px',    
-    borderRadius: '10px',
-    color: 'black',
-    fontSize: '16px',
-    ...commonStyle,
-  };
 
   const icons = {
     chevron: (
@@ -99,16 +53,31 @@ export const Dropdown: FC<DropdownProps> = ({
   const filterKeysFromDisabled = (items: Item[]) => {
     const disabledElementKeys: any = items
       .filter(item => item?.disabled === true)
-      .map(item => String(item?.id))
+      .map(item => String(item?.key))
     return disabledElementKeys
   }
+
+  const selectedValue = useMemo(
+    () => {
+      const selectList: string[] = []
+      items.map(item => {
+        if (Array.from(selectedKeys).includes(String(item?.key))) {
+          selectList.push(item?.label)
+        }
+      })
+      return selectList.join(", ")
+    },
+      [selectedKeys]
+  );
   
   useEffect(() => {
     setDisabledItems(filterKeysFromDisabled(items))
   }, [items])
 
   return (
-    <DropdownContainer  backdrop="blur">
+    <DropdownContainer  
+      { ...dropdown }
+    >
       <DropdownTrigger>
         {
           user ? (
@@ -118,22 +87,20 @@ export const Dropdown: FC<DropdownProps> = ({
                 isBordered: true,
                 src: user?.avatar ,
               }}
-              // className="transition-transform"
               name={ user?.name }
               description={ user?.description }
             />
           ) : (
             <Button 
-              color={ commonStyle?.color }
-              variant={ commonStyle?.variant }
-              // style={linkStyle} 
-              endContent={ icons.chevron }
+              color={ dropdownItem?.color }
+              variant={ dropdownMenu?.variant }
+              endContent={ dropdown ? false : icons.chevron }
               onClick={ handleButtonClick }
               // onMouseEnter={() => toggleDropdown(true)} 
               // onMouseLeave={() => toggleDropdown(false)}
               className="p-4"
             >
-              { title }
+              { dropdownMenu?.selectionMode ? selectedValue : title }
             </Button>
           )
         }
@@ -141,17 +108,17 @@ export const Dropdown: FC<DropdownProps> = ({
       <DropdownMenu 
         aria-label="Dynamic Actions" 
         // items={items}
-        variant={ commonStyle?.variant }
+        { ...dropdownMenu }
         disabledKeys={ disabledItems }
+        disallowEmptySelection
+        selectedKeys={ selectedKeys }
+        onSelectionChange={ setSelectedKeys }
       >
         {items.map(item => (
           <DropdownItem 
-            key={ item?.id } 
-            onClick={() => handleItemClick(item?.href)}
-            shortcut={ item?.shortcut }
-            startContent={ item?.startContent }
-            className={ item?.className }
-            color={ item?.color }
+            key={ item?.key } 
+            // onClick={() => handleItemClick(item)}
+            { ...item }
           >
             { item.label }
           </DropdownItem> 
diff --git a/src/components/Dropdown/Dropdown1.tsx b/src/components/Dropdown/Dropdown1.tsx
deleted file mode 100644
index 38123bb..0000000
--- a/src/components/Dropdown/Dropdown1.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-'use client'
-
-import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
-import { Button } from "@nextui-org/button";
-import { FC, useState } from "react";
-import { ChevronDown } from "./Icons.tsx";
-
-
-interface Item {
-  map(arg0: (item: any) => import("react").JSX.Element): import("@react-types/shared").CollectionChildren<object>;
-  children: Item;
-  key?: string;
-  label?: string;
-  href?: string;
-}
-
-const commonStyle: React.CSSProperties = {
-  fontSize: '16px', 
-  fontFamily: 'Arial, sans-serif', 
-  color: 'black',
-};
-
-interface DropdownProps {
-  items: Item[];
-}
-
-export const Dropdown1: FC<DropdownProps> = ({ items }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  
-  const handleItemClick = (href?: string) => {
-    if (href) {
-      window.location.href = href;
-      setIsOpen(false);
-    }
-  };
-
-  const toggleDropdown = (open: boolean) => {
-    setIsOpen(open);
-  }
-  
-  const linkStyle: React.CSSProperties = {
-    ...commonStyle,
-    padding: '8px 12px',    
-    borderRadius: '10px',
-    color: 'black',
-  };
-
-  const icons = {
-    chevron: (
-      <ChevronDown
-        fill="currentColor" 
-        size={18}
-        rotate={isOpen ? 180 : 0}
-        className="ml-2"
-      />
-    ),  
-  };
-
-  return (
-    <DropdownContainer 
-      isOpen={isOpen} 
-      onMouseEnter={() => toggleDropdown(true)} 
-      onMouseLeave={() => toggleDropdown(false)}
-    >
-      <DropdownTrigger>
-        <Button 
-          style={linkStyle} 
-          endContent={icons.chevron}
-          onMouseEnter={() => toggleDropdown(true)}
-          onMouseLeave={() => toggleDropdown(false)}
-        >
-          {items && items[0] && items[0].label}  
-        </Button>
-      </DropdownTrigger>
-      <DropdownMenu aria-label="Dynamic Actions">
-        {items && items[0] && items[0].children && items[0].children.map((item) => (  // Aquí se verifica que items[0].children exista antes de mapear sobre él
-          <DropdownItem variant="bordered" key={item.key} onClick={() => handleItemClick(item.href)}>
-            {item.label}
-          </DropdownItem>
-        ))}
-      </DropdownMenu>
-    </DropdownContainer>
-  );
-};
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdown.interface.ts b/src/components/Dropdown/interfaces/dropdown.interface.ts
new file mode 100644
index 0000000..d1ead45
--- /dev/null
+++ b/src/components/Dropdown/interfaces/dropdown.interface.ts
@@ -0,0 +1,29 @@
+import { DropdownAttributes } from './dropdownAttributes.interface';
+import { DropdownItemAttributes } from './dropdownItemAttributes.interface';
+import { DropdownMenuAttributes } from './dropdownMenuAttributes.interface';
+
+export interface Item {
+    key: string | number;
+    label: string;
+    href: string;
+    shortcut?: string | undefined;
+    startContent?: string | JSX.Element | undefined;
+    disabled?: boolean | undefined;
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
+    className?: string | undefined;
+}
+
+export interface Avatar {
+    name?: string;
+    avatar?: string;
+    description?: string;
+}
+
+export interface DropdownProps {
+    title: string;
+    items: Item[];
+    user?: Avatar;
+    dropdown: DropdownAttributes;
+    dropdownItem: DropdownItemAttributes;
+    dropdownMenu: DropdownMenuAttributes;
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts
new file mode 100644
index 0000000..68c20d6
--- /dev/null
+++ b/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts
@@ -0,0 +1,5 @@
+export interface DropdownAttributes {
+    type: 'menu' | 'listbox',
+    trigger: 'press' | 'longPress',
+    endContent: boolean,
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
new file mode 100644
index 0000000..a446024
--- /dev/null
+++ b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
@@ -0,0 +1,3 @@
+export interface DropdownItemAttributes {
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
new file mode 100644
index 0000000..e8fce2b
--- /dev/null
+++ b/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
@@ -0,0 +1,5 @@
+export interface DropdownMenuAttributes {
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | undefined;
+    selectionMode?: 'single' | 'multiple' | undefined;
+    closeOnSelect?: boolean;
+}
\ No newline at end of file

From 4c9ac0d1f39468a2ca39a107df2b81a9028ef4b9 Mon Sep 17 00:00:00 2001
From: JBellonDev <jbellon@imaginacolombia.com>
Date: Wed, 24 Jan 2024 16:42:25 -0500
Subject: [PATCH 27/33] Commit created before to pull the recent changes made
 by Sneider

---
 src/components/Dropdown/Dropdown.tsx | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index dbe23d3..87424fe 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -8,20 +8,17 @@ import { Avatar } from "@nextui-org/avatar";
 import { User } from "@nextui-org/user";
 
 // Se establecen las props o interfaces de cada objeto
-
 //Props de los items que se guardaran como opciones en el dropdown
 interface Item {
   key?: string;
   label?: string;
   href?: string;
 }
-
 //
 interface Options {
   selectionMode: string;
   unhover: boolean;
 }
-
 //Props que serán solicitadas para habilitar la interface dropdown en pantalla.
 interface DropdownProps {
   buttonTitle: string;
@@ -29,13 +26,11 @@ interface DropdownProps {
   commonStyle?: object; 
   options: Options;
 }
-
 //Se desarrolla la lógica en el componente
 export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, options}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false)
   const [bgColor, setBgColor] = useState("white");
-
   //Se establece el algoritmo para redirigirse a link inyectado en href
   const handleItemClick = (href?: string) => {
     if (href) {
@@ -43,19 +38,15 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
     setIsOpen(false);
     }
   };
-
   //Se crea constante para abrir o cerrar el Dropdown dando click
   const handleButtonClick = () => {
     setIsOpen(!isOpen);
     setIsHovered(false);
   }
-
-  
   //Se confirma que pasa al activar el estado setIsOpen.
   const toggleDropdown = (open: boolean) => {
     setIsOpen(open);
   }
-  
   const linkStyle: React.CSSProperties = {
     padding: '8px 12px',    
     borderRadius: '10px',
@@ -63,7 +54,6 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
     fontSize: '16px',
     ...commonStyle,
   };
-
   const icons = {
     chevron: (
       <ChevronDown
@@ -74,17 +64,13 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
       />
     ),  
   };
-  
   //Se establece el renderizado final y sus efectos
   return (
-    
     <DropdownContainer 
       isOpen={isOpen} 
       onMouseEnter={() => toggleDropdown(true)} 
       onMouseLeave={() => toggleDropdown(false)}
-      
     >
-      
       <DropdownTrigger>
           <Button 
             variant="bordered"
@@ -111,7 +97,6 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
         </DropdownItem>
         )}
       </DropdownMenu>
-      
     </DropdownContainer>
   );
 };

From a83b36c57ce93e8b3f229eba9d6741a9dbb3a329 Mon Sep 17 00:00:00 2001
From: JBellonDev <jbellon@imaginacolombia.com>
Date: Wed, 24 Jan 2024 18:30:13 -0500
Subject: [PATCH 28/33] changes added with the files props

---
 .../dropdownAttributes.interface.ts           |  9 +++++---
 .../dropdownItemAttributes.interface.ts       | 22 ++++++++++++++++++-
 .../dropdownMenuAttributes.interface.ts       | 16 ++++++++++++++
 3 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts
index 68c20d6..1465147 100644
--- a/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownAttributes.interface.ts
@@ -1,5 +1,8 @@
 export interface DropdownAttributes {
-    type: 'menu' | 'listbox',
-    trigger: 'press' | 'longPress',
-    endContent: boolean,
+    type: 'menu' | 'listbox';
+    trigger: 'press' | 'longPress';
+    endContent: boolean;
+    isDisabled?: boolean;
+    closeOnSelect?: boolean;
+    shouldBlockScroll?: boolean;
 }
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
index a446024..3e3cd23 100644
--- a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
@@ -1,3 +1,23 @@
+import { ReactNode } from "react";
+
 export interface DropdownItemAttributes {
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
-}
\ No newline at end of file
+    key: [];
+    title?: string | ReactNode;
+    textValue?: string;
+    description?: string;
+    shortcut?: string;
+    startContent?: ReactNode;
+    endContent?: ReactNode;
+    showDivider?: boolean;
+    href?: boolean;
+    rel?: string;
+    download?: boolean | string;
+    ping?: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    isReadOnly?: boolean;
+    hideSelectedIcon?: boolean;
+    closeOnSelect?: boolean;
+    classNames?: string;
+}  
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
index e8fce2b..5c881f9 100644
--- a/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
@@ -1,5 +1,21 @@
+import { ReactNode } from "react";
+
 export interface DropdownMenuAttributes {
     variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | undefined;
     selectionMode?: 'single' | 'multiple' | undefined;
     closeOnSelect?: boolean;
+    items?: []; 
+    color?: 'solid' | 'primary' | 'seconday' | 'sucess' | 'warning' | 'danger' | undefined;
+    selectedKeys?:[];
+    disabledKeys?: [] | 'all';
+    disallowEmptySelection?: boolean;
+    autoFocus?: boolean | 'firts' | 'last';
+    topContent?: ReactNode;
+    bottomContent?: ReactNode;
+    emptyContent?: ReactNode;
+    hideEmptyContent?: boolean;
+    hideSelectedIcon?: boolean;
+    shouldFocusWrap?: boolean;
+    disableAnimation?: boolean;
+    defaultSelectedKeys?: 'all' | [];
 }
\ No newline at end of file

From 8c7f355785f562ab14e0fcbb3198886b9e749fc7 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Wed, 24 Jan 2024 19:32:16 -0500
Subject: [PATCH 29/33] Starting implementation of sections in dropdown
 elements.

---
 src/app/page.tsx                              |   9 ++
 src/components/Dropdown/Dropdown.tsx          | 105 +++++++++---------
 .../Dropdown/interfaces/dropdown.interface.ts |  27 ++++-
 .../dropdownItemAttributes.interface.ts       |   2 +-
 .../dropdownSectionAttributes.interface.ts    |   4 +
 5 files changed, 89 insertions(+), 58 deletions(-)
 create mode 100644 src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 83dd966..3fe2bdf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -143,11 +143,16 @@ export default function Home() {
       label: 'Genre',
       disabled: true,
     },
+  ]
+
+  const itemsDropdownSection = [
     { 
       key: 7,
       href: '/playlist', 
       label: 'Playlist',
       shortcut: '⌘K',
+      description: 'Create a new playlist',
+      showDivider: true
     },
     { 
       key: 8,
@@ -157,6 +162,7 @@ export default function Home() {
       color: 'danger',
       className: 'text-danger',
       startContent: '🗑️',
+      description: 'Delete this item',
     },
   ]
 
@@ -187,6 +193,9 @@ export default function Home() {
             variant: 'flat', 
             selectionMode: 'multiple',
             closeOnSelect: false, 
+          }}
+          dropdownSection={{
+            title: 'Section',
           }}      
         />
       </div>
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 151a7c4..9a12c36 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -1,42 +1,32 @@
 'use client'
 
-import { Dropdown as DropdownContainer, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/dropdown";
+import { 
+  Dropdown as DropdownContainer, 
+  DropdownTrigger, DropdownMenu, 
+  DropdownItem, DropdownSection 
+} from "@nextui-org/dropdown";
 import { Button } from "@nextui-org/button";
 import { FC, useEffect, useState, useMemo } from "react";
 import { ChevronDown } from "./Icons.tsx";
 // import { Avatar } from "@nextui-org/avatar";
 import { User } from "@nextui-org/user";
+import { DropdownProps, Item } from "./interfaces/dropdown.interface.ts"; 
 
-// Se establecen las props o interfaces de cada objeto
-
-//Props de los items que se guardaran como opciones en el dropdown
-interface Item {
-  key?: string;
-  label?: string;
-  href?: string;
-}
-
-//
-interface Options {
-  selectionMode: string;
-  unhover: boolean;
-}
-
-//Props que serán solicitadas para habilitar la interface dropdown en pantalla.
-interface DropdownProps {
-  buttonTitle: string;
-  items: Item[];
-  commonStyle?: object; 
-  options: Options;
-}
-
-//Se desarrolla la lógica en el componente
-export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, options}) => {
+export const Dropdown: FC<DropdownProps> = ({ 
+  title, 
+  items=[],
+  user,
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection,
+}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false)
-  const [bgColor, setBgColor] = useState("white");
+  // const [bgColor, setBgColor] = useState("white");
+  const [disabledItems, setDisabledItems] = useState([])
+  const [selectedKeys, setSelectedKeys] = useState(["1"]);
 
-  //Se establece el algoritmo para redirigirse a link inyectado en href
   const handleItemClick = (href?: string) => {
     if (href) {
       setIsOpen(false);
@@ -44,25 +34,15 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
     }
   };
 
-  //Se crea constante para abrir o cerrar el Dropdown dando click
   const handleButtonClick = () => {
     setIsOpen(!isOpen);
     setIsHovered(false);
   }
 
   
-  //Se confirma que pasa al activar el estado setIsOpen.
   const toggleDropdown = (open: boolean) => {
     setIsOpen(open);
   }
-  
-  const linkStyle: React.CSSProperties = {
-    padding: '8px 12px',    
-    borderRadius: '10px',
-    color: 'black',
-    fontSize: '16px',
-    ...commonStyle,
-  };
 
   const icons = {
     chevron: (
@@ -74,15 +54,34 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
       />
     ),  
   };
+
+  const filterKeysFromDisabled = (items: Item[]) => {
+    const disabledElementKeys: any = items
+      .filter(item => item?.disabled === true)
+      .map(item => String(item?.key))
+    return disabledElementKeys
+  }
+
+  const selectedValue = useMemo(
+    () => {
+      const selectList: string[] = []
+      items.map(item => {
+        if (Array.from(selectedKeys).includes(String(item?.key))) {
+          selectList.push(item?.label)
+        }
+      })
+      return selectList.join(", ")
+    },
+      [selectedKeys]
+  );
   
-  //Se establece el renderizado final y sus efectos
+  useEffect(() => {
+    setDisabledItems(filterKeysFromDisabled(items))
+  }, [items])
+
   return (
-    
-    <DropdownContainer 
-      isOpen={isOpen} 
-      onMouseEnter={() => toggleDropdown(true)} 
-      onMouseLeave={() => toggleDropdown(false)}
-      
+    <DropdownContainer  
+      { ...dropdown }
     >
       <DropdownTrigger>
         {
@@ -121,13 +120,15 @@ export const Dropdown: FC<DropdownProps> = ({buttonTitle, items, commonStyle, op
         onSelectionChange={ setSelectedKeys }
       >
         {items.map(item => (
-          <DropdownItem 
-            key={ item?.key } 
-            // onClick={() => handleItemClick(item)}
-            { ...item }
-          >
-            { item.label }
-          </DropdownItem> 
+          <DropdownSection { ...dropdownSection }>
+              <DropdownItem 
+                key={ item?.key } 
+                // onClick={() => handleItemClick(item)}
+                { ...item }
+              >
+                { item.label }
+              </DropdownItem> 
+          </DropdownSection>
         ))}
       </DropdownMenu>
     </DropdownContainer>
diff --git a/src/components/Dropdown/interfaces/dropdown.interface.ts b/src/components/Dropdown/interfaces/dropdown.interface.ts
index d1ead45..41e50ce 100644
--- a/src/components/Dropdown/interfaces/dropdown.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdown.interface.ts
@@ -1,16 +1,32 @@
 import { DropdownAttributes } from './dropdownAttributes.interface';
 import { DropdownItemAttributes } from './dropdownItemAttributes.interface';
 import { DropdownMenuAttributes } from './dropdownMenuAttributes.interface';
+import { DropdownSectionAttributes } from './dropdownSectionAttributes.interface';
+import { ReactNode } from 'react';
 
 export interface Item {
-    key: string | number;
     label: string;
-    href: string;
-    shortcut?: string | undefined;
-    startContent?: string | JSX.Element | undefined;
     disabled?: boolean | undefined;
+
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
-    className?: string | undefined;
+    key?: string | number;
+    title?: string | ReactNode;
+    textValue?: string;
+    description?: string;
+    shortcut?: string;
+    startContent?: ReactNode | string;
+    endContent?: ReactNode;
+    showDivider?: boolean;
+    href?: boolean;
+    rel?: string;
+    download?: boolean | string;
+    ping?: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    isReadOnly?: boolean;
+    hideSelectedIcon?: boolean;
+    closeOnSelect?: boolean;
+    classNames?: string;
 }
 
 export interface Avatar {
@@ -26,4 +42,5 @@ export interface DropdownProps {
     dropdown: DropdownAttributes;
     dropdownItem: DropdownItemAttributes;
     dropdownMenu: DropdownMenuAttributes;
+    dropdownSection: DropdownSectionAttributes;
 }
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
index 3e3cd23..6852d00 100644
--- a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 
 export interface DropdownItemAttributes {
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
-    key: [];
+    key?: string | number;
     title?: string | ReactNode;
     textValue?: string;
     description?: string;
diff --git a/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts
new file mode 100644
index 0000000..33e6269
--- /dev/null
+++ b/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts
@@ -0,0 +1,4 @@
+export interface DropdownSectionAttributes {
+    title: string;
+    item: [];
+}
\ No newline at end of file

From 3ac9124ffb334b63281b834023e230d077292d5a Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Thu, 25 Jan 2024 00:55:42 -0500
Subject: [PATCH 30/33] Decoupling logic. Implementing sections in dropdown
 elements

---
 src/app/page.tsx                              | 123 +++++++-------
 src/components/Dropdown/Dropdown.tsx          | 152 +++++++++---------
 .../Dropdown/helpers/extractElements.ts       |   8 +
 .../helpers/filterKeysFromDisabled.ts         |   9 ++
 .../Dropdown/helpers/getSelectedLabels.ts     |  18 +++
 .../Dropdown/interfaces/dropdown.interface.ts |   7 +-
 .../dropdownSectionAttributes.interface.ts    |   1 -
 7 files changed, 179 insertions(+), 139 deletions(-)
 create mode 100644 src/components/Dropdown/helpers/extractElements.ts
 create mode 100644 src/components/Dropdown/helpers/filterKeysFromDisabled.ts
 create mode 100644 src/components/Dropdown/helpers/getSelectedLabels.ts

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3fe2bdf..df5aa5e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -110,60 +110,66 @@ export default function Home() {
   ]
 
   const itemsDropdown = [
-    { 
-      key: 1,
-      href: '/', 
-      label: 'Home',
-      shortcut: '⌘H',
-      startContent: '🏠',
-    },
-    { 
-      key: 2,
-      href: '/music', 
-      label: 'Music' 
-    },
-    { 
-      key: 3,
-      href: '/artist', 
-      label: 'Artist' 
-    },
-    { 
-      key: 4,
-      href: '/album', 
-      label: 'Album' 
-    },
-    { 
-      key: 5,
-      href: '/song', 
-      label: 'Song' 
-    },
-    { 
-      key: 6,
-      href: '/genre', 
-      label: 'Genre',
-      disabled: true,
-    },
-  ]
-
-  const itemsDropdownSection = [
-    { 
-      key: 7,
-      href: '/playlist', 
-      label: 'Playlist',
-      shortcut: '⌘K',
-      description: 'Create a new playlist',
-      showDivider: true
-    },
-    { 
-      key: 8,
-      href: '/search', 
-      label: 'Eliminar',
-      shortcut: '⌘D',
-      color: 'danger',
-      className: 'text-danger',
-      startContent: '🗑️',
-      description: 'Delete this item',
+    {
+      titleSection: 'Selection',
+      items: [
+        { 
+          key: 1,
+          href: '/', 
+          label: 'Home',
+          shortcut: '⌘H',
+          startContent: '🏠',
+        },
+        { 
+          key: 2,
+          href: '/music', 
+          label: 'Music' 
+        },
+        { 
+          key: 3,
+          href: '/artist', 
+          label: 'Artist' 
+        },
+        { 
+          key: 4,
+          href: '/album', 
+          label: 'Album' 
+        },
+        { 
+          key: 5,
+          href: '/song', 
+          label: 'Song' 
+        },
+        { 
+          key: 6,
+          href: '/genre', 
+          label: 'Genre' 
+        },
+        { 
+          key: 7,
+          href: '/playlist', 
+          label: 'Playlist',
+          shortcut: '⌘K',
+          description: 'Create a new playlist',
+          showDivider: true
+        },
+      ]
     },
+    {
+      titleSection: 'Danger',
+      items: [
+        { 
+          key: 8,
+          href: '/search', 
+          label: 'Eliminar',
+          shortcut: '⌘D',
+          color: 'danger',
+          className: 'text-danger',
+          startContent: '🗑️',
+          description: 'Delete this item',
+        },
+      ]
+    }
   ]
 
   return (
@@ -175,28 +181,25 @@ export default function Home() {
       <div className='flex items-center gap-4'>
         <Dropdown
           title={'solid'}
-          items={ itemsDropdown } 
+          sections={ itemsDropdown } 
           dropdownItem={{ color: 'primary' }}
           dropdownMenu={{ variant: 'solid' }}      
         />
         <Dropdown
           title={'solid'}
-          items={ itemsDropdown } 
+          sections={ itemsDropdown } 
           dropdownItem={{ color: 'secondary' }}
           dropdownMenu={{ variant: 'bordered', selectionMode: 'single' }}      
         />
         <Dropdown
           title={'solid'}
-          items={ itemsDropdown } 
+          sections={ itemsDropdown } 
           dropdownItem={{ color: 'secondary' }}
           dropdownMenu={{ 
             variant: 'flat', 
             selectionMode: 'multiple',
             closeOnSelect: false, 
-          }}
-          dropdownSection={{
-            title: 'Section',
-          }}      
+          }}    
         />
       </div>
     </main>
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 9a12c36..74239f3 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -4,17 +4,20 @@ import {
   Dropdown as DropdownContainer, 
   DropdownTrigger, DropdownMenu, 
   DropdownItem, DropdownSection 
-} from "@nextui-org/dropdown";
-import { Button } from "@nextui-org/button";
-import { FC, useEffect, useState, useMemo } from "react";
-import { ChevronDown } from "./Icons.tsx";
-// import { Avatar } from "@nextui-org/avatar";
-import { User } from "@nextui-org/user";
-import { DropdownProps, Item } from "./interfaces/dropdown.interface.ts"; 
+} from '@nextui-org/dropdown';
+import { Button } from '@nextui-org/button';
+import { FC, useEffect, useState, useMemo } from 'react';
+import { ChevronDown } from './Icons.tsx';
+// import { Avatar } from '@nextui-org/avatar';
+import { User } from '@nextui-org/user';
+import { DropdownProps, Section, Item } from './interfaces/dropdown.interface.ts';
+import { extractElements } from './helpers/extractElements.ts';
+import { filterKeysFromDisabled } from './helpers/filterKeysFromDisabled.ts';
+import { getSelectedLabels } from './helpers/getSelectedLabels.ts';
 
 export const Dropdown: FC<DropdownProps> = ({ 
   title, 
-  items=[],
+  sections=[],
   user,
   dropdown,
   dropdownItem,
@@ -49,89 +52,84 @@ export const Dropdown: FC<DropdownProps> = ({
       <ChevronDown
         fill="currentColor" 
         size={18}
-        rotate={isOpen ? 180 : 0}
+        rotate={ isOpen ? 180 : 0 }
         className="ml-2"
       />
     ),  
   };
 
-  const filterKeysFromDisabled = (items: Item[]) => {
-    const disabledElementKeys: any = items
-      .filter(item => item?.disabled === true)
-      .map(item => String(item?.key))
-    return disabledElementKeys
-  }
-
   const selectedValue = useMemo(
     () => {
-      const selectList: string[] = []
-      items.map(item => {
-        if (Array.from(selectedKeys).includes(String(item?.key))) {
-          selectList.push(item?.label)
-        }
-      })
-      return selectList.join(", ")
+      return getSelectedLabels({ sections, selectedKeys })
     },
-      [selectedKeys]
+    [selectedKeys]
   );
   
   useEffect(() => {
-    setDisabledItems(filterKeysFromDisabled(items))
-  }, [items])
+    setDisabledItems(filterKeysFromDisabled(sections))
+  }, [])
 
   return (
-    <DropdownContainer  
-      { ...dropdown }
-    >
-      <DropdownTrigger>
-        {
-          user ? (
-            <User
-              as="button"
-              avatarProps={{
-                isBordered: true,
-                src: user?.avatar ,
-              }}
-              name={ user?.name }
-              description={ user?.description }
-            />
-          ) : (
-            <Button 
-              color={ dropdownItem?.color }
-              variant={ dropdownMenu?.variant }
-              endContent={ dropdown ? false : icons.chevron }
-              onClick={ handleButtonClick }
-              // onMouseEnter={() => toggleDropdown(true)} 
-              // onMouseLeave={() => toggleDropdown(false)}
-              className="p-4"
-            >
-              { dropdownMenu?.selectionMode ? selectedValue : title }
-            </Button>
-          )
-        }
-      </DropdownTrigger>
-      <DropdownMenu 
-        aria-label="Dynamic Actions" 
-        // items={items}
-        { ...dropdownMenu }
-        disabledKeys={ disabledItems }
-        disallowEmptySelection
-        selectedKeys={ selectedKeys }
-        onSelectionChange={ setSelectedKeys }
+      <DropdownContainer  
+        { ...dropdown }
       >
-        {items.map(item => (
-          <DropdownSection { ...dropdownSection }>
-              <DropdownItem 
-                key={ item?.key } 
-                // onClick={() => handleItemClick(item)}
-                { ...item }
+        <DropdownTrigger>
+          {
+            user ? (
+              <User
+                as="button"
+                avatarProps={{
+                  isBordered: true,
+                  src: user?.avatar ,
+                }}
+                name={ user?.name }
+                description={ user?.description }
+              />
+            ) : (
+              <Button 
+                color={ dropdownItem?.color as "primary" | "secondary" | "success" | "warning" | "danger" | "default" | undefined }
+                variant={ dropdownMenu?.variant }
+                endContent={ dropdown ? false : icons.chevron }
+                onClick={ handleButtonClick }
+                // onMouseEnter={() => toggleDropdown(true)} 
+                // onMouseLeave={() => toggleDropdown(false)}
+                className="p-4"
               >
-                { item.label }
-              </DropdownItem> 
-          </DropdownSection>
-        ))}
-      </DropdownMenu>
-    </DropdownContainer>
-  );
+                { dropdownMenu?.selectionMode ? selectedValue || '' : title }
+              </Button>
+            )
+          }
+        </DropdownTrigger>
+        <DropdownMenu 
+          aria-label="Dynamic Actions" 
+          // items={items}
+          { ...dropdownMenu }
+          disabledKeys={ disabledItems }
+          disallowEmptySelection
+          selectedKeys={ selectedKeys }
+          onSelectionChange={ (keys: any) => setSelectedKeys(Array.from(keys as Iterable<string>)) }
+          color={dropdownMenu?.color as "primary" | "secondary" | "success" | "warning" | "danger" | "default" | undefined}
+          autoFocus={true} // Fix for problem 1
+        >
+          {sections.map((section: Section, index) => (
+            <DropdownSection 
+              key={ index } 
+              title={ section?.titleSection }
+              { ...dropdownSection }
+            >
+              {section?.items.map((item: Item) => (
+                  <DropdownItem 
+                    key={ item?.key } 
+                    // onClick={() => handleItemClick(item)}
+                    { ...item }
+                  >
+                    { item.label }
+                  </DropdownItem>
+              ))}
+            </DropdownSection>
+          ))}
+        </DropdownMenu>
+      </DropdownContainer>
+    );
 };
 
diff --git a/src/components/Dropdown/helpers/extractElements.ts b/src/components/Dropdown/helpers/extractElements.ts
new file mode 100644
index 0000000..543b16a
--- /dev/null
+++ b/src/components/Dropdown/helpers/extractElements.ts
@@ -0,0 +1,8 @@
+import { Section, Item } from "../interfaces/dropdown.interface"
+
+export const extractElements = (sections: Section[]): Item[] => {
+    const items: Item[] = sections
+        .map((section: Section) => section?.items || [])
+        .flat()
+    return items || []
+}
diff --git a/src/components/Dropdown/helpers/filterKeysFromDisabled.ts b/src/components/Dropdown/helpers/filterKeysFromDisabled.ts
new file mode 100644
index 0000000..9fd1d6e
--- /dev/null
+++ b/src/components/Dropdown/helpers/filterKeysFromDisabled.ts
@@ -0,0 +1,9 @@
+import { extractElements } from './extractElements'
+import { Section } from '../interfaces/dropdown.interface'
+
+export const filterKeysFromDisabled = (sections: Section[]) => {
+    const disabledElementKeys: any = extractElements(sections)
+      .filter(item => item?.disabled === true)
+      .map(item => String(item?.key))
+    return disabledElementKeys
+  }
\ No newline at end of file
diff --git a/src/components/Dropdown/helpers/getSelectedLabels.ts b/src/components/Dropdown/helpers/getSelectedLabels.ts
new file mode 100644
index 0000000..8201c6b
--- /dev/null
+++ b/src/components/Dropdown/helpers/getSelectedLabels.ts
@@ -0,0 +1,18 @@
+import { Section, Item } from '../interfaces/dropdown.interface'
+import { extractElements } from './extractElements'
+
+export const getSelectedLabels = ({ 
+    sections, 
+    selectedKeys
+}: {
+    sections: Section[], 
+    selectedKeys: string[]
+}): string => {
+    const selectList: string[] = []
+    extractElements(sections).map((item: Item) => {
+        if (Array.from(selectedKeys).includes(String(item?.key))) {
+        selectList.push(item?.label)
+        }
+    })
+    return selectList.join(", ")
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdown.interface.ts b/src/components/Dropdown/interfaces/dropdown.interface.ts
index 41e50ce..b173b2c 100644
--- a/src/components/Dropdown/interfaces/dropdown.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdown.interface.ts
@@ -29,6 +29,11 @@ export interface Item {
     classNames?: string;
 }
 
+export interface Section {
+    title?: string;
+    items?: Item[];
+}
+
 export interface Avatar {
     name?: string;
     avatar?: string;
@@ -37,7 +42,7 @@ export interface Avatar {
 
 export interface DropdownProps {
     title: string;
-    items: Item[];
+    sections: Section[];
     user?: Avatar;
     dropdown: DropdownAttributes;
     dropdownItem: DropdownItemAttributes;
diff --git a/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts
index 33e6269..8c128d8 100644
--- a/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownSectionAttributes.interface.ts
@@ -1,4 +1,3 @@
 export interface DropdownSectionAttributes {
-    title: string;
     item: [];
 }
\ No newline at end of file

From b0c68c02e74680bfe64e6d3be2296b84bd0bf7c4 Mon Sep 17 00:00:00 2001
From: SneiderDeveloper <37787288+SneiderDeveloper@users.noreply.github.com>
Date: Thu, 25 Jan 2024 17:41:29 -0500
Subject: [PATCH 31/33] Organizing component. Fixing TypeScript error (Two
 pending).

---
 package-lock.json                             |   1 -
 package.json                                  |   1 -
 src/app/carousel/page.tsx                     |   7 +
 src/app/dropdown/page.tsx                     | 355 ++++++++++++++++++
 src/app/globals.css                           |   4 +-
 src/app/layout.tsx                            |  40 +-
 src/app/page.tsx                              |  88 -----
 src/app/search/page.tsx                       |   9 +
 src/components/Dropdown/Dropdown.tsx          |  65 ++--
 .../helpers/filterKeysFromDisabled.ts         |  11 +-
 .../Dropdown/helpers/getSelectedLabels.ts     |   6 +-
 .../Dropdown/interfaces/dropdown.interface.ts |  20 +-
 .../dropdownItemAttributes.interface.ts       |   2 +-
 .../dropdownMenuAttributes.interface.ts       |   8 +-
 14 files changed, 461 insertions(+), 156 deletions(-)
 create mode 100644 src/app/carousel/page.tsx
 create mode 100644 src/app/dropdown/page.tsx
 create mode 100644 src/app/search/page.tsx

diff --git a/package-lock.json b/package-lock.json
index 1248907..8d0052d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,6 @@
       "name": "ui-components",
       "version": "0.1.0",
       "dependencies": {
-        "@nextui-org/avatar": "^2.0.24",
         "@nextui-org/breadcrumbs": "^2.0.4",
         "@nextui-org/button": "^2.0.26",
         "@nextui-org/card": "^2.0.24",
diff --git a/package.json b/package.json
index 04945ae..7d5d469 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@nextui-org/avatar": "^2.0.24",
     "@nextui-org/breadcrumbs": "^2.0.4",
     "@nextui-org/button": "^2.0.26",
     "@nextui-org/card": "^2.0.24",
diff --git a/src/app/carousel/page.tsx b/src/app/carousel/page.tsx
new file mode 100644
index 0000000..269fadb
--- /dev/null
+++ b/src/app/carousel/page.tsx
@@ -0,0 +1,7 @@
+export default function CarouselPage() {
+    return (
+        <div className="carousel-page">
+            <h1>Carousel Page</h1>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/app/dropdown/page.tsx b/src/app/dropdown/page.tsx
new file mode 100644
index 0000000..dc08951
--- /dev/null
+++ b/src/app/dropdown/page.tsx
@@ -0,0 +1,355 @@
+import { Dropdown } from "@/components/Dropdown/Dropdown"
+
+export default function DropdownPage() {
+
+    const itemsOne = [
+        {
+          titleSection: null,
+          items: [
+            { 
+              id: 1,
+              href: '/', 
+              label: 'Home',
+            },
+            { 
+              id: 2,
+              href: '/music', 
+              label: 'Music' 
+            },
+            { 
+              id: 3,
+              href: '/artist', 
+              label: 'Artist' 
+            },
+            { 
+              id: 4,
+              href: '/album', 
+              label: 'Album' 
+            },
+            { 
+              id: 5,
+              href: '/song', 
+              label: 'Song' 
+            },
+            { 
+              id: 6,
+              href: '/genre', 
+              label: 'Genre' 
+            },
+            { 
+              id: 7,
+              href: '/playlist', 
+              label: 'Playlist',
+              showDivider: true
+            },
+          ]
+        },
+        {
+          titleSection: null,
+          items: [
+                { 
+                    id: 8,
+                    href: '/search', 
+                    label: 'Eliminar',
+                    color: 'danger',
+                    className: 'text-danger',
+                },
+            ]
+        }
+    ]
+
+    const itemsTwo = [
+        {
+          titleSection: null,
+          items: [
+                { 
+                    id: 1,
+                    href: '/', 
+                    label: 'Home',
+                },
+                { 
+                    id: 2,
+                    href: '/music', 
+                    label: 'Music' 
+                },
+                { 
+                    id: 3,
+                    href: '/artist', 
+                    label: 'Artist' 
+                },
+                { 
+                    id: 4,
+                    href: '/album', 
+                    label: 'Album' 
+                },
+                { 
+                    id: 5,
+                    href: '/song', 
+                    label: 'Song' 
+                },
+                { 
+                    id: 6,
+                    href: '/genre', 
+                    label: 'Genre',
+                    disabled: true, 
+                },
+                { 
+                    id: 7,
+                    href: '/playlist', 
+                    label: 'Playlist',
+                    showDivider: true
+                },
+                { 
+                    id: 8,
+                    href: '/search', 
+                    label: 'Eliminar',
+                    color: 'danger',
+                    className: 'text-danger',
+                },
+            ]
+        },
+    ]
+
+    const itemsthree = [
+        {
+          titleSection: 'Selection',
+          items: [
+            { 
+                id: 1,
+                href: '/', 
+                label: 'Home',
+                shortcut: '⌘H',
+            },
+            { 
+                id: 2,
+                href: '/music', 
+                label: 'Music',
+                shortcut: '⌘M', 
+            },
+            { 
+                id: 3,
+                href: '/artist', 
+                label: 'Artist',
+                shortcut: '⌘A', 
+            },
+            { 
+                id: 4,
+                href: '/album', 
+                label: 'Album',
+                shortcut: '⌘L', 
+            },
+            { 
+              id: 5,
+              href: '/song', 
+              label: 'Song',
+              shortcut: '⌘S', 
+            },
+            { 
+              id: 6,
+              href: '/genre', 
+              label: 'Genre',
+              shortcut: '⌘G',
+            },
+            { 
+              id: 7,
+              href: '/playlist', 
+              label: 'Playlist',
+              shortcut: '⌘P',
+              showDivider: true
+            },
+          ]
+        },
+        {
+          titleSection: 'Danger',
+          items: [
+                { 
+                    id: 8,
+                    href: '/search', 
+                    label: 'Eliminar',
+                    shortcut: '⌘D',
+                    color: 'danger',
+                    className: 'text-danger',
+                    description: 'Delete this item',
+                },
+            ]
+        }
+    ]
+
+    const itemsFour = [
+        {
+          titleSection: 'Selection',
+          items: [
+            { 
+                id: 1,
+                
+                label: 'Home',
+                shortcut: '⌘H',
+                startContent: '🏠',
+            },
+            { 
+                id: 2,
+                
+                label: 'Music',
+                shortcut: '⌘M', 
+                startContent: '🎵',
+            },
+            { 
+                id: 3,
+                
+                label: 'Artist',
+                shortcut: '⌘A', 
+                startContent: '👩‍🎤',
+            },
+            { 
+                id: 4,
+                
+                label: 'Album',
+                shortcut: '⌘L',
+                startContent: '💿', 
+            },
+            { 
+                id: 5,
+                
+                label: 'Song',
+                shortcut: '⌘S',
+                startContent: '🎶', 
+            },
+            { 
+                id: 6,
+                
+                label: 'Genre',
+                shortcut: '⌘G',
+                startContent: '🎹',
+            },
+            { 
+                id: 7,
+                
+                label: 'Playlist',
+                shortcut: '⌘P',
+                showDivider: true,
+                startContent: '🎼',
+            },
+          ]
+        },
+        {
+          titleSection: 'Danger',
+          items: [
+                { 
+                    id: 8,
+                    href: '/search', 
+                    label: 'Eliminar',
+                    shortcut: '⌘D',
+                    color: 'danger',
+                    className: 'text-danger',
+                    description: 'Delete this item',
+                    startContent: '❌',
+                },
+            ]
+        }
+    ]
+    const itemsSix = [
+        {
+          titleSection: 'Selection',
+          items: [
+            { 
+                id: 1,
+                label: 'Home',
+                shortcut: '⌘H',
+                
+            },
+            { 
+                id: 2,
+                label: 'Music',
+                shortcut: '⌘M', 
+                
+            },
+            { 
+                id: 3,
+                label: 'Artist',
+                shortcut: '⌘A', 
+                
+            },
+            { 
+                id: 4,
+                label: 'Album',
+                shortcut: '⌘L',
+                
+            },
+            { 
+                id: 5,
+                label: 'Song',
+                shortcut: '⌘S',
+                
+            },
+            { 
+                id: 6,
+                label: 'Genre',
+                shortcut: '⌘G',
+                
+            },
+            { 
+                id: 7,
+                label: 'Playlist',
+                shortcut: '⌘P',
+                showDivider: true,
+            },
+          ]
+        },
+        {
+          titleSection: 'Danger',
+          items: [
+                { 
+                    id: 8,
+                    href: '/search', 
+                    label: 'Eliminar',
+                    shortcut: '⌘D',
+                    color: 'danger',
+                    className: 'text-danger',
+                    description: 'Delete this item',
+                    
+                },
+            ]
+        }
+    ]
+    
+    return (
+        <div className='flex gap-2'>
+            <Dropdown
+                title='solid'
+                sections={ itemsOne } 
+                dropdownItem={{ color: 'primary' }}
+                dropdownMenu={{ variant: 'solid' }}      
+            />
+            <Dropdown
+                title='bordered'
+                sections={ itemsTwo } 
+                dropdownItem={{ color: 'secondary' }}
+                dropdownMenu={{ variant: 'bordered' }}      
+            />
+            <Dropdown
+                title='light'
+                sections={ itemsthree } 
+                dropdownItem={{ color: 'success' }}
+                dropdownMenu={{ variant: 'light' }}      
+            />
+            <Dropdown
+                title='flat'
+                sections={ itemsFour } 
+                dropdownItem={{ color: 'warning' }}
+                dropdownMenu={{ variant: 'flat', selectionMode:'single', disallowEmptySelection: true }}      
+            />
+            <Dropdown
+                title='faded'
+                sections={ itemsFour } 
+                dropdownItem={{ color: 'warning' }}
+                dropdownMenu={{ variant: 'faded', selectionMode: 'multiple', disallowEmptySelection: true }}      
+            />
+            <Dropdown
+                title='shadow'
+                sections={ itemsSix } 
+                dropdownItem={{ color: 'warning' }}
+                dropdownMenu={{ variant: 'shadow' }}      
+            />
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/app/globals.css b/src/app/globals.css
index 1e6485d..8157ed3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -17,6 +17,8 @@
 }
 
 body {
+  display: grid;
+  grid-template-columns: auto 1fr;
   /* color: rgb(var(--foreground-rgb)); */
   /* background: linear-gradient(
       to bottom,
@@ -24,4 +26,4 @@ body {
       rgb(var(--background-end-rgb))
     )
     rgb(var(--background-start-rgb)); */
-}
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 835ee0b..b316474 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
-import {Header} from "@/components/Header/Header";
+import Link from 'next/link'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -16,10 +16,46 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
 
+  const links = [
+    {
+        label: 'Home',
+        route: '/'
+    },
+    {
+        label: 'Dropdown',
+        route: '/dropdown'
+    },
+    {
+        label: 'Carousel',
+        route: '/carousel'
+    },
+    {
+        label: 'Search',
+        route: '/search'
+    },
+  ];
+
   return (
     <html lang="en">
       <body className={inter.className}>
-        {children}
+      <nav className='
+        inline-block 
+        items-center
+        m-4
+      '>
+          <ul>
+              {links.map(({ label, route }) => (
+                  <li key={route} className='bg-slate-300 rounded-md text-gray-700 p-2 w-32 m-2'>
+                      <Link href={route}>
+                          { label }
+                      </Link>
+                  </li>
+              ))}
+          </ul>
+        </nav>
+        <section className='flex justify-center p-2'>
+          { children }
+        </section>
       </body>
     </html>
   )
diff --git a/src/app/page.tsx b/src/app/page.tsx
index df5aa5e..dc8b9a1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,6 @@ import { Breadcrumbs } from '@/components/Breadcrumbs/Breadcrumbs'
 import { Search } from '@/components/Search/Search'
 import { NavigationTabs } from '@/components/NavigationTabs/NavigationTabs'
 import { TableSimple } from '@/components/TableSimple/TableSimple'
-import { Dropdown } from '@/components/Dropdown/Dropdown'
 
 
 export default function Home() {
@@ -109,99 +108,12 @@ export default function Home() {
     },
   ]
 
-  const itemsDropdown = [
-    {
-      titleSection: 'Selection',
-      items: [
-        { 
-          key: 1,
-          href: '/', 
-          label: 'Home',
-          shortcut: '⌘H',
-          startContent: '🏠',
-        },
-        { 
-          key: 2,
-          href: '/music', 
-          label: 'Music' 
-        },
-        { 
-          key: 3,
-          href: '/artist', 
-          label: 'Artist' 
-        },
-        { 
-          key: 4,
-          href: '/album', 
-          label: 'Album' 
-        },
-        { 
-          key: 5,
-          href: '/song', 
-          label: 'Song' 
-        },
-        { 
-          key: 6,
-          href: '/genre', 
-          label: 'Genre' 
-        },
-        { 
-          key: 7,
-          href: '/playlist', 
-          label: 'Playlist',
-          shortcut: '⌘K',
-          description: 'Create a new playlist',
-          showDivider: true
-        },
-      ]
-    },
-    {
-      titleSection: 'Danger',
-      items: [
-        { 
-          key: 8,
-          href: '/search', 
-          label: 'Eliminar',
-          shortcut: '⌘D',
-          color: 'danger',
-          className: 'text-danger',
-          startContent: '🗑️',
-          description: 'Delete this item',
-        },
-      ]
-    }
-  ]
-
   return (
     <main className="grid gap-10 p-4">
       <Search placeholder='Types of potatoes' label='Search'/>
       <NavigationTabs tabs={ tabs } />
       <TableSimple rows={ rows } columns={ columns }/>
       <Breadcrumbs breadcrumbs={ items } />
-      <div className='flex items-center gap-4'>
-        <Dropdown
-          title={'solid'}
-          sections={ itemsDropdown } 
-          dropdownItem={{ color: 'primary' }}
-          dropdownMenu={{ variant: 'solid' }}      
-        />
-        <Dropdown
-          title={'solid'}
-          sections={ itemsDropdown } 
-          dropdownItem={{ color: 'secondary' }}
-          dropdownMenu={{ variant: 'bordered', selectionMode: 'single' }}      
-        />
-        <Dropdown
-          title={'solid'}
-          sections={ itemsDropdown } 
-          dropdownItem={{ color: 'secondary' }}
-          dropdownMenu={{ 
-            variant: 'flat', 
-            selectionMode: 'multiple',
-            closeOnSelect: false, 
-          }}    
-        />
-      </div>
     </main>
   )
 }
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
new file mode 100644
index 0000000..ffd4589
--- /dev/null
+++ b/src/app/search/page.tsx
@@ -0,0 +1,9 @@
+import { Search } from "@/components/Search/Search";
+
+export default function SearchPage() {
+    return (
+        <div className="search-page">
+            <Search />
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 74239f3..ff2b2ca 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -8,39 +8,26 @@ import {
 import { Button } from '@nextui-org/button';
 import { FC, useEffect, useState, useMemo } from 'react';
 import { ChevronDown } from './Icons.tsx';
-// import { Avatar } from '@nextui-org/avatar';
 import { User } from '@nextui-org/user';
 import { DropdownProps, Section, Item } from './interfaces/dropdown.interface.ts';
-import { extractElements } from './helpers/extractElements.ts';
+
 import { filterKeysFromDisabled } from './helpers/filterKeysFromDisabled.ts';
 import { getSelectedLabels } from './helpers/getSelectedLabels.ts';
 
 export const Dropdown: FC<DropdownProps> = ({ 
   title, 
-  sections=[],
+  sections=[{items: []}],
   user,
   dropdown,
   dropdownItem,
   dropdownMenu,
   dropdownSection,
+  
 }) => {
   const [isOpen, setIsOpen] = useState(false);
-  const [isHovered, setIsHovered] = useState(false)
-  // const [bgColor, setBgColor] = useState("white");
+  // const [isHovered, setIsHovered] = useState(false)
   const [disabledItems, setDisabledItems] = useState([])
-  const [selectedKeys, setSelectedKeys] = useState(["1"]);
-
-  const handleItemClick = (href?: string) => {
-    if (href) {
-      setIsOpen(false);
-      window.location.href = href;
-    }
-  };
-
-  const handleButtonClick = () => {
-    setIsOpen(!isOpen);
-    setIsHovered(false);
-  }
+  const [selectedKeys, setSelectedKeys] = useState(new Set(['2']));
 
   
   const toggleDropdown = (open: boolean) => {
@@ -51,7 +38,7 @@ export const Dropdown: FC<DropdownProps> = ({
     chevron: (
       <ChevronDown
         fill="currentColor" 
-        size={18}
+        size={ 18 }
         rotate={ isOpen ? 180 : 0 }
         className="ml-2"
       />
@@ -70,7 +57,8 @@ export const Dropdown: FC<DropdownProps> = ({
   }, [])
 
   return (
-      <DropdownContainer  
+      <DropdownContainer 
+        onOpenChange={ toggleDropdown }
         { ...dropdown }
       >
         <DropdownTrigger>
@@ -87,29 +75,25 @@ export const Dropdown: FC<DropdownProps> = ({
               />
             ) : (
               <Button 
-                color={ dropdownItem?.color as "primary" | "secondary" | "success" | "warning" | "danger" | "default" | undefined }
+                color={ dropdownItem?.color }
                 variant={ dropdownMenu?.variant }
                 endContent={ dropdown ? false : icons.chevron }
-                onClick={ handleButtonClick }
+                // onClick={ handleButtonClick }
                 // onMouseEnter={() => toggleDropdown(true)} 
                 // onMouseLeave={() => toggleDropdown(false)}
                 className="p-4"
               >
-                { dropdownMenu?.selectionMode ? selectedValue || '' : title }
+                { dropdownMenu?.selectionMode ? selectedValue : title }
               </Button>
             )
           }
         </DropdownTrigger>
-        <DropdownMenu 
-          aria-label="Dynamic Actions" 
-          // items={items}
+        <DropdownMenu
           { ...dropdownMenu }
+          aria-label='dropdown-menu'
           disabledKeys={ disabledItems }
-          disallowEmptySelection
           selectedKeys={ selectedKeys }
-          onSelectionChange={ (keys: any) => setSelectedKeys(Array.from(keys as Iterable<string>)) }
-          color={dropdownMenu?.color as "primary" | "secondary" | "success" | "warning" | "danger" | "default" | undefined}
-          autoFocus={true} // Fix for problem 1
+          onSelectionChange={ setSelectedKeys }
         >
           {sections.map((section: Section, index) => (
             <DropdownSection 
@@ -117,15 +101,18 @@ export const Dropdown: FC<DropdownProps> = ({
               title={ section?.titleSection }
               { ...dropdownSection }
             >
-              {section?.items.map((item: Item) => (
-                  <DropdownItem 
-                    key={ item?.key } 
-                    // onClick={() => handleItemClick(item)}
-                    { ...item }
-                  >
-                    { item.label }
-                  </DropdownItem>
-              ))}
+              {
+                section?.items 
+                ? section.items.map((item: Item) => (
+                    <DropdownItem
+                      key={ item.id }
+                      { ...item }
+                    >
+                      { item.label }
+                    </DropdownItem>
+                ))
+                : <DropdownItem />
+              }
             </DropdownSection>
           ))}
         </DropdownMenu>
diff --git a/src/components/Dropdown/helpers/filterKeysFromDisabled.ts b/src/components/Dropdown/helpers/filterKeysFromDisabled.ts
index 9fd1d6e..b6ba626 100644
--- a/src/components/Dropdown/helpers/filterKeysFromDisabled.ts
+++ b/src/components/Dropdown/helpers/filterKeysFromDisabled.ts
@@ -2,8 +2,9 @@ import { extractElements } from './extractElements'
 import { Section } from '../interfaces/dropdown.interface'
 
 export const filterKeysFromDisabled = (sections: Section[]) => {
-    const disabledElementKeys: any = extractElements(sections)
-      .filter(item => item?.disabled === true)
-      .map(item => String(item?.key))
-    return disabledElementKeys
-  }
\ No newline at end of file
+  const disabledElementKeys: any = extractElements(sections)
+    .filter(item => item?.disabled === true)
+    .map(item => String(item?.id))
+
+  return disabledElementKeys
+}
\ No newline at end of file
diff --git a/src/components/Dropdown/helpers/getSelectedLabels.ts b/src/components/Dropdown/helpers/getSelectedLabels.ts
index 8201c6b..a263131 100644
--- a/src/components/Dropdown/helpers/getSelectedLabels.ts
+++ b/src/components/Dropdown/helpers/getSelectedLabels.ts
@@ -6,12 +6,12 @@ export const getSelectedLabels = ({
     selectedKeys
 }: {
     sections: Section[], 
-    selectedKeys: string[]
+    selectedKeys: Set<string>
 }): string => {
     const selectList: string[] = []
     extractElements(sections).map((item: Item) => {
-        if (Array.from(selectedKeys).includes(String(item?.key))) {
-        selectList.push(item?.label)
+        if (Array.from(selectedKeys).includes(String(item?.id))) {
+            selectList.push(item?.label)
         }
     })
     return selectList.join(", ")
diff --git a/src/components/Dropdown/interfaces/dropdown.interface.ts b/src/components/Dropdown/interfaces/dropdown.interface.ts
index b173b2c..ee2ad43 100644
--- a/src/components/Dropdown/interfaces/dropdown.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdown.interface.ts
@@ -5,11 +5,12 @@ import { DropdownSectionAttributes } from './dropdownSectionAttributes.interface
 import { ReactNode } from 'react';
 
 export interface Item {
+    id: string | number | undefined;
     label: string;
-    disabled?: boolean | undefined;
 
+    href?: string;
+    disabled?: boolean;
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
-    key?: string | number;
     title?: string | ReactNode;
     textValue?: string;
     description?: string;
@@ -17,20 +18,17 @@ export interface Item {
     startContent?: ReactNode | string;
     endContent?: ReactNode;
     showDivider?: boolean;
-    href?: boolean;
     rel?: string;
     download?: boolean | string;
     ping?: string;
-    isDisabled?: boolean;
-    isSelected?: boolean;
     isReadOnly?: boolean;
     hideSelectedIcon?: boolean;
     closeOnSelect?: boolean;
-    classNames?: string;
+    // classNames?: string;
 }
 
 export interface Section {
-    title?: string;
+    titleSection?: string;
     items?: Item[];
 }
 
@@ -44,8 +42,8 @@ export interface DropdownProps {
     title: string;
     sections: Section[];
     user?: Avatar;
-    dropdown: DropdownAttributes;
-    dropdownItem: DropdownItemAttributes;
-    dropdownMenu: DropdownMenuAttributes;
-    dropdownSection: DropdownSectionAttributes;
+    dropdown?: DropdownAttributes;
+    dropdownItem?: DropdownItemAttributes;
+    dropdownMenu?: DropdownMenuAttributes;
+    dropdownSection?: DropdownSectionAttributes;
 }
\ No newline at end of file
diff --git a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
index 6852d00..1ef4486 100644
--- a/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownItemAttributes.interface.ts
@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 
 export interface DropdownItemAttributes {
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
+    disabled?: boolean;
     key?: string | number;
     title?: string | ReactNode;
     textValue?: string;
@@ -14,7 +15,6 @@ export interface DropdownItemAttributes {
     rel?: string;
     download?: boolean | string;
     ping?: string;
-    isDisabled?: boolean;
     isSelected?: boolean;
     isReadOnly?: boolean;
     hideSelectedIcon?: boolean;
diff --git a/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts b/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
index 5c881f9..06e301b 100644
--- a/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
+++ b/src/components/Dropdown/interfaces/dropdownMenuAttributes.interface.ts
@@ -1,15 +1,15 @@
 import { ReactNode } from "react";
 
 export interface DropdownMenuAttributes {
-    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | undefined;
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow';
     selectionMode?: 'single' | 'multiple' | undefined;
     closeOnSelect?: boolean;
     items?: []; 
-    color?: 'solid' | 'primary' | 'seconday' | 'sucess' | 'warning' | 'danger' | undefined;
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined;
     selectedKeys?:[];
-    disabledKeys?: [] | 'all';
+    // disabledKeys?: [] | 'all';
     disallowEmptySelection?: boolean;
-    autoFocus?: boolean | 'firts' | 'last';
+    autoFocus?: boolean;
     topContent?: ReactNode;
     bottomContent?: ReactNode;
     emptyContent?: ReactNode;

From 8c41ce12bd4b6a93fa66b300fee629a1a1b6330d Mon Sep 17 00:00:00 2001
From: josuebedoya <josuebedoya348@gmail.com>
Date: Mon, 22 Apr 2024 17:45:33 -0500
Subject: [PATCH 32/33] Add: front-end | create: avatar and avatarGoup

---
 src/app/avatar/page.tsx                | 345 +++++++++++++++++++++++++
 src/app/layout.tsx                     |   4 +
 src/components/Avatar/Avatar.tsx       |  53 ++++
 src/components/Avatar/CameraIcon.jsx   |  27 ++
 src/components/Avatar/CustomAvatar.tsx |  54 ++++
 5 files changed, 483 insertions(+)
 create mode 100644 src/app/avatar/page.tsx
 create mode 100644 src/components/Avatar/Avatar.tsx
 create mode 100644 src/components/Avatar/CameraIcon.jsx
 create mode 100644 src/components/Avatar/CustomAvatar.tsx

diff --git a/src/app/avatar/page.tsx b/src/app/avatar/page.tsx
new file mode 100644
index 0000000..da8cb45
--- /dev/null
+++ b/src/app/avatar/page.tsx
@@ -0,0 +1,345 @@
+import Avatar from '@/components/Avatar/Avatar';
+import { CameraIcon } from '@/components/Avatar/CameraIcon';
+import { BgAmber, BgGradient, BgPrimary, BgWarning } from '@/components/Avatar/CustomAvatar';
+import { group } from 'console';
+function Users() {
+  const userOne = {
+    src: 'https://i.pravatar.cc/150?u=a042581f4e29026024d',
+    attributes: {
+      description: 'user one',
+    }
+  };
+
+  const userTwo = {
+    name: 'Junior',
+    attributes: {
+      description: 'userTwo'
+    }
+  };
+
+  const userThree = {
+    src: 'https://i.pravatar.cc/150?u=a042581f4e29026704d',
+    attributes: {
+      description: 'userThree',
+    }
+  };
+
+  const userFour = {
+    name: 'Jane',
+    attributes: {
+      description: 'userFour',
+    }
+  };
+
+  const userFive = {
+    src: 'https://i.pravatar.cc/150?u=a04258114e29026702d',
+    attributes: {
+      description: 'userFive'
+    }
+  };
+
+  const userStiles1 = {
+    src: 'https://i.pravatar.cc/150?u=a042581f4e29026024d',
+    attributes: {
+      className: 'w-6 h-6 text-tiny',
+      description: 'user one',
+    }
+  };
+
+  const userStiles2 = {
+    name: 'Junior',
+    attributes: {
+      size: 'sm',
+      description: 'userTwo'
+    }
+  };
+
+  const userStiles3 = {
+    src: 'https://i.pravatar.cc/150?u=a042581f4e29026704d',
+    attributes: {
+      size: 'md',
+      description: 'userThree',
+    }
+  };
+
+  const userStiles4 = {
+    name: 'Jane',
+    attributes: {
+      description: 'userFour',
+      size: 'lg'
+    }
+  };
+
+  const userStiles5 = {
+    src: 'https://i.pravatar.cc/150?u=a04258114e29026702d',
+    attributes: {
+      className: 'w-20 h-20 text-large',
+      description: 'userFive'
+    }
+  };
+
+  const Group = {
+    src: 'https://i.pravatar.cc/150?u=a042581f4e29026024d'
+  }
+
+  const Group1 = {
+    src: 'https://i.pravatar.cc/150?u=a0425816024d'
+  }
+
+  const Group2 = {
+    src: 'https://i.pravatar.cc/150?u=a0425819026024d'
+  }
+
+  const Group3 = {
+    src: 'https://i.pravatar.cc/150?u=a04258129026024d'
+  }
+
+  const Group4 = {
+    src: 'https://i.pravatar.cc/150?u=a0425f4e290260245d'
+  }
+
+  const Group5 = {
+    src: 'https://i.pravatar.cc/150?u=a0425290260254d'
+  }
+
+  const Groups = [
+    {
+      src: 'https://i.pravatar.cc/150?u=a04251602d'
+
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a042581444t26024d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a042581226024d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a0425f4e2260245d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a04252906024d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a042529260254d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a04251602d'
+
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a042581426024d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a042526024d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a0425f4e20245d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a04252924d'
+    },
+    {
+      src: 'https://i.pravatar.cc/150?u=a04252954'
+    },
+
+  ]
+
+  return (
+    <>
+      <div className='grid grid-cols-1 gap-10' >
+        <div className='avatar grid grid-cols-3 items-center gap-7'>
+          {/* Avatar ////////////////////////////////////////////////////////////////// */}
+          <div className='flex gap-3'>
+            <Avatar
+              src={userOne.src}
+            />
+            <Avatar
+              name={userTwo.name}
+            />
+            <Avatar
+              src={userThree.src}
+            />
+            <Avatar
+              name={userFour.name}
+            />
+            <Avatar
+              src={userFive.src}
+            />
+          </div>
+          {/* is dibaled ////////////////////////////////////////////////////////// */}
+          <div className='flex gap-4'>
+            <Avatar isDisabled
+              src={userStiles1.src}
+              {...userOne.attributes}
+            />
+            <Avatar isDisabled
+              name={userStiles2.name}
+              {...userTwo.attributes}
+            />
+            <Avatar isDisabled
+              src={userStiles3.src}
+              {...userThree.attributes}
+            />
+            <Avatar isDisabled
+              name={userStiles4.name}
+              {...userFour.attributes}
+            />
+            <Avatar isDisabled
+              src={userStiles5.src}
+              {...userFive.attributes}
+            />
+          </div>
+          {/* is bordered /////////////////////////////////////////////////////////////////////////////////////// */}
+          <div className='flex gap-4'>
+            <Avatar isBordered
+              src={userStiles1.src}
+              {...userStiles1.attributes}
+            />
+            <Avatar isBordered
+              name={userStiles2.name}
+              {...userTwo.attributes}
+            />
+            <Avatar isBordered
+              src={userStiles3.src}
+              {...userThree.attributes}
+            />
+            <Avatar isBordered
+              name={userStiles4.name}
+              {...userFour.attributes}
+            />
+            <Avatar isBordered
+              src={userStiles5.src}
+              {...userStiles5.attributes}
+            />
+          </div>
+          {/* se pueden  pasar los atributos directamente///////////////////////////// 
+      BORDERED Radius//////////////////////////////////////////////*/}
+          <div className='flex gap-3'>
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a042544f44v5526rrr'
+              radius='full'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a04254444vv5526rrr'
+              radius='lg'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a042544f4vv5526rrr'
+              radius='md'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a044544f4vv5526rrr'
+              radius='sm'
+            />
+          </div>
+          {/* bordered color ///////////////////////////////////////////////// */}
+          <div className='flex gap-3'>
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a042581f4e6024d'
+              color='default'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a042581f4e224d'
+              color='primary'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a042581f4026024d'
+              color='seconday'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a042581f4e290024d'
+              color='success'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u=a0425829026024d'
+              color='warning'
+            />
+            <Avatar isBordered
+              src='https://i.pravatar.cc/150?u29026024d'
+              color='danger'
+            />
+          </div>
+          {/* default avatars en caso de que no cargue una imagen */}
+          <div className="flex gap-4">
+            <Avatar showFallback
+              src='https://images.unsplash.com/broken'
+              fallback={
+                <CameraIcon className='animate-pulse w-6 h-6 text-default-500' />
+              } />
+            <Avatar showFallback
+              src='https://images.unsplash.com/broken'
+            />
+            <Avatar showFallback
+              name='Jane'
+              src='https://images.unsplash.com/broken'
+            />
+            <Avatar
+              name='Joe'
+              src='https://images.unsplash.com/broken'
+            />
+          </div>
+
+
+        </div >
+        <hr />
+        <div className='grid grid-cols-3 gap-8'>
+          {/* Avatar group /////////////////////////////////////////////////////////////////*/}
+          <Avatar
+            isBordered
+            isAvatarGroup={true}
+            avatarGroup={Groups}
+          />
+          {/* Avatar group Disabled /////////////////////////////////////////////////////////////////*/}
+          <Avatar
+            isDisabled
+            isBordered
+            isAvatarGroup={true}
+            avatarGroup={Groups}
+          />
+          {/* Avatar group maximum elements /////////////////////////////////////////////////////////////////*/}
+          <Avatar
+            isBordered
+            max={3}
+            isAvatarGroup={true}
+            avatarGroup={Groups}
+          />
+          {/* Avatar group maximum elements  and minimum /////////////////////////////////////////////////////////////////*/}
+          <Avatar
+            max={6}
+            total={10}
+            isBordered
+            isAvatarGroup={true}
+            avatarGroup={Groups}
+          />
+          <Avatar
+            isGrid={true}
+            max={12}
+            isBordered
+            isAvatarGroup={true}
+            avatarGroup={Groups}
+          />
+          {/* Avatar group show additional with text
+            NOTE:This is used when the server is running the client  =>>  'use client'
+            <Avatar
+            max={3}
+            isBordered
+            total={13}
+            renderCount={(total) => (
+              <p className="text-small font-medium ms-2 shadow-md">+{total} others</p>
+            )}
+            isAvatarGroup={true}
+            avatarGroup={Groups}
+          /> */}
+          <div className='flex gap-3 '>
+            <BgGradient />
+            <BgPrimary />
+            <BgWarning />
+            <BgAmber />
+          </div>
+
+        </div>
+      </div>
+    </>
+  );
+}
+export default Users;
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b316474..8668462 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -33,6 +33,10 @@ export default function RootLayout({
         label: 'Search',
         route: '/search'
     },
+    {
+      label: 'Avatar',
+      route: '/avatar'
+  },
   ];
 
   return (
diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
new file mode 100644
index 0000000..04e79c5
--- /dev/null
+++ b/src/components/Avatar/Avatar.tsx
@@ -0,0 +1,53 @@
+import { Avatar as AvatarContainer, AvatarGroup } from "@nextui-org/avatar";
+import { ReactElement } from "react";
+
+interface AvatarProps {
+  src?: string;
+  alt?: string;
+  name?: string;
+  size?: number;
+  className?: string;
+  isDisabled?: boolean;
+  isBordered?: boolean;
+  showFallback?: boolean;
+  fallback?: {};
+  radius?: string;
+  color?: string;
+  isAvatarGroup?: boolean;
+  avatarGroup?: {};
+children?: ReactElement;
+  max?: number;
+  total?: number;
+  isGrid?: boolean;
+}
+
+const Avatar: React.FC<AvatarProps> = ({
+  isAvatarGroup,
+  avatarGroup,
+  children,
+  ...attributes
+}) => {
+
+  return (
+    <>
+      {
+        isAvatarGroup ? (
+          <AvatarGroup {...attributes} >
+            <>
+              {
+                avatarGroup.map((atr) => (
+                  <AvatarContainer {...atr} />
+                ))
+              }
+            </>
+          </AvatarGroup>
+        ) : (
+          <AvatarContainer {...attributes} />
+        )
+      }
+    </>
+  )
+
+};
+
+export default Avatar;
diff --git a/src/components/Avatar/CameraIcon.jsx b/src/components/Avatar/CameraIcon.jsx
new file mode 100644
index 0000000..062cafe
--- /dev/null
+++ b/src/components/Avatar/CameraIcon.jsx
@@ -0,0 +1,27 @@
+export const CameraIcon = ({
+  fill = "currentColor",
+  filled = "current",
+  size = "currentSize",
+  height = "height",
+  width = undefined,
+  label = "cameraIcon",
+  ...props
+}) => {
+  return (
+    <svg
+      width={size || width || 24}
+      height={size || height || 24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.44 6.236c.04.07.11.12.2.12 2.4 0 4.36 1.958 4.36 4.355v5.934A4.368 4.368 0 0117.64 21H6.36A4.361 4.361 0 012 16.645V10.71a4.361 4.361 0 014.36-4.355c.08 0 .16-.04.19-.12l.06-.12.106-.222a97.79 97.79 0 01.714-1.486C7.89 3.51 8.67 3.01 9.64 3h4.71c.97.01 1.76.51 2.22 1.408.157.315.397.822.629 1.31l.141.299.1.22zm-.73 3.836c0 .5.4.9.9.9s.91-.4.91-.9-.41-.909-.91-.909-.9.41-.9.91zm-6.44 1.548c.47-.47 1.08-.719 1.73-.719.65 0 1.26.25 1.72.71.46.459.71 1.068.71 1.717A2.438 2.438 0 0112 15.756c-.65 0-1.26-.25-1.72-.71a2.408 2.408 0 01-.71-1.717v-.01c-.01-.63.24-1.24.7-1.699zm4.5 4.485a3.91 3.91 0 01-2.77 1.15 3.921 3.921 0 01-3.93-3.926 3.865 3.865 0 011.14-2.767A3.921 3.921 0 0112 9.402c1.05 0 2.04.41 2.78 1.15.74.749 1.15 1.738 1.15 2.777a3.958 3.958 0 01-1.16 2.776z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
\ No newline at end of file
diff --git a/src/components/Avatar/CustomAvatar.tsx b/src/components/Avatar/CustomAvatar.tsx
new file mode 100644
index 0000000..5e4b1d5
--- /dev/null
+++ b/src/components/Avatar/CustomAvatar.tsx
@@ -0,0 +1,54 @@
+import { Avatar, AvatarIcon } from "@nextui-org/react";
+
+export  function BgPrimary() {
+    return (
+        <div className="flex items-center">
+            <Avatar
+                icon={<AvatarIcon />}
+                classNames={{
+                    base: "bg-primary",
+                    icon: "text-white/80",
+                }}
+            />
+        </div>
+    );
+}
+export function BgGradient() {
+    return (
+        <div className="flex items-center">
+            <Avatar
+                icon={<AvatarIcon />}
+                classNames={{
+                    base: "bg-gradient-to-br from-[#FFB457] to-[#FF705B]",
+                    icon: "text-black/80",
+                }}
+            />
+        </div>
+    );
+}
+export  function BgWarning() {
+    return (
+        <div className="flex items-center">
+            <Avatar
+                icon={<AvatarIcon />}
+                classNames={{
+                    base: "bg-red-400",
+                    icon: "text-black/80",
+                }}
+            />
+        </div>
+    );
+}
+export  function BgAmber() {
+    return (
+        <div className="flex items-center">
+            <Avatar
+                icon={<AvatarIcon />}
+                classNames={{
+                    base: "bg-amber-300",
+                    icon: "text-white/80",
+                }}
+            />
+        </div>
+    );
+}

From 857e1501b7f914f3bc6b83c2b7f3ebfd25f099c6 Mon Sep 17 00:00:00 2001
From: josuebedoya <josuebedoya348@gmail.com>
Date: Mon, 29 Apr 2024 10:53:50 -0500
Subject: [PATCH 33/33] add: fornt-end | delete tipos from  Interface:
 AvataProps/Avatar.tsx

---
 src/components/Avatar/Avatar.tsx | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
index 04e79c5..658b983 100644
--- a/src/components/Avatar/Avatar.tsx
+++ b/src/components/Avatar/Avatar.tsx
@@ -2,23 +2,9 @@ import { Avatar as AvatarContainer, AvatarGroup } from "@nextui-org/avatar";
 import { ReactElement } from "react";
 
 interface AvatarProps {
-  src?: string;
-  alt?: string;
-  name?: string;
-  size?: number;
-  className?: string;
-  isDisabled?: boolean;
-  isBordered?: boolean;
-  showFallback?: boolean;
-  fallback?: {};
-  radius?: string;
-  color?: string;
   isAvatarGroup?: boolean;
   avatarGroup?: {};
-children?: ReactElement;
-  max?: number;
-  total?: number;
-  isGrid?: boolean;
+  children?: ReactElement;
 }
 
 const Avatar: React.FC<AvatarProps> = ({