diff --git a/front/package.json b/front/package.json
index 706a554..80ac54b 100644
--- a/front/package.json
+++ b/front/package.json
@@ -29,16 +29,6 @@
     "*.{ts,tsx,js,jsx,json}": "prettier --write"
   },
   "dependencies": {
-    "@chakra-ui/anatomy": "2.3.4",
-    "@chakra-ui/cli": "3.3.1",
-    "@chakra-ui/react": "3.3.1",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "allotment": "1.20.2",
-    "css-mediaquery": "0.1.2",
-    "dayjs": "1.11.13",
-    "history": "5.3.0",
-    "next-themes": "^0.4.4",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-error-boundary": "5.0.0",
@@ -50,7 +40,6 @@
     "zustand": "5.0.3"
   },
   "devDependencies": {
-    "@chakra-ui/styled-system": "^2.12.0",
     "@playwright/test": "1.49.1",
     "@storybook/addon-actions": "8.4.7",
     "@storybook/addon-essentials": "8.4.7",
@@ -82,7 +71,6 @@
     "lint-staged": "15.3.0",
     "npm-check-updates": "^17.1.13",
     "prettier": "3.4.2",
-    "puppeteer": "24.0.0",
     "react-is": "19.0.0",
     "storybook": "8.4.7",
     "ts-node": "10.9.2",
diff --git a/front/pnpm-lock.yaml b/front/pnpm-lock.yaml
index 63d780a..eaa7d7e 100644
--- a/front/pnpm-lock.yaml
+++ b/front/pnpm-lock.yaml
@@ -8,36 +8,6 @@ importers:
 
   .:
     dependencies:
-      '@chakra-ui/anatomy':
-        specifier: 2.3.4
-        version: 2.3.4
-      '@chakra-ui/cli':
-        specifier: 3.3.1
-        version: 3.3.1(@chakra-ui/react@3.3.1(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@chakra-ui/react':
-        specifier: 3.3.1
-        version: 3.3.1(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@emotion/react':
-        specifier: 11.14.0
-        version: 11.14.0(@types/react@18.3.8)(react@18.3.1)
-      '@emotion/styled':
-        specifier: 11.14.0
-        version: 11.14.0(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(@types/react@18.3.8)(react@18.3.1)
-      allotment:
-        specifier: 1.20.2
-        version: 1.20.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      css-mediaquery:
-        specifier: 0.1.2
-        version: 0.1.2
-      dayjs:
-        specifier: 1.11.13
-        version: 1.11.13
-      history:
-        specifier: 5.3.0
-        version: 5.3.0
-      next-themes:
-        specifier: ^0.4.4
-        version: 0.4.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -66,9 +36,6 @@ importers:
         specifier: 5.0.3
         version: 5.0.3(@types/react@18.3.8)(react@18.3.1)(use-sync-external-store@1.2.2(react@18.3.1))
     devDependencies:
-      '@chakra-ui/styled-system':
-        specifier: ^2.12.0
-        version: 2.12.0(react@18.3.1)
       '@playwright/test':
         specifier: 1.49.1
         version: 1.49.1
@@ -162,9 +129,6 @@ importers:
       prettier:
         specifier: 3.4.2
         version: 3.4.2
-      puppeteer:
-        specifier: 24.0.0
-        version: 24.0.0(typescript@5.7.3)
       react-is:
         specifier: 19.0.0
         version: 19.0.0
@@ -193,12 +157,6 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@ark-ui/react@4.8.0':
-    resolution: {integrity: sha512-42GgXBbeNzxOin1Ac/X1dP45a6SM5np3tEq8qJmDA4h82AVdPXmtZ//3GMDdLl9CXngvSlKYqsrU+/be1xj3pg==}
-    peerDependencies:
-      react: '>=18.0.0'
-      react-dom: '>=18.0.0'
-
   '@babel/code-frame@7.24.7':
     resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
     engines: {node: '>=6.9.0'}
@@ -378,38 +336,6 @@ packages:
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
-  '@chakra-ui/anatomy@2.3.4':
-    resolution: {integrity: sha512-fFIYN7L276gw0Q7/ikMMlZxP7mvnjRaWJ7f3Jsf9VtDOi6eAYIBRrhQe6+SZ0PGmoOkRaBc7gSE5oeIbgFFyrw==}
-
-  '@chakra-ui/cli@3.3.1':
-    resolution: {integrity: sha512-TTpGVT4RuajxzYjMP95Ba3HU052cmdrYgru77ZGD+IDb/HLATjpXNViFAn1R+ITMCxa4v0zqYEWLY9Ex2L090A==}
-    hasBin: true
-    peerDependencies:
-      '@chakra-ui/react': '>=3.0.0-next.0'
-
-  '@chakra-ui/react@3.3.1':
-    resolution: {integrity: sha512-npO3gwzU8Zf6EcfUSApeSGLgts12DVScyE316uXe17i0vO9xz5QladLKN+qdzA0YnSKsefZVErLAeM9FsKk/+A==}
-    peerDependencies:
-      '@emotion/react': '>=11'
-      react: '>=18'
-      react-dom: '>=18'
-
-  '@chakra-ui/styled-system@2.12.0':
-    resolution: {integrity: sha512-zoqLw1I2y4GlZ0LDoyw8o0JjoDOW6u0IwFPAoHuw0UMbP8glHUGvwEL1STug/i/GzBKw83yoF6ae41HIQvhMww==}
-
-  '@chakra-ui/utils@2.2.2':
-    resolution: {integrity: sha512-jUPLT0JzRMWxpdzH6c+t0YMJYrvc5CLericgITV3zDSXblkfx3DsYXqU11DJTSGZI9dUKzM1Wd0Wswn4eJwvFQ==}
-    peerDependencies:
-      react: '>=16.8.0'
-
-  '@clack/core@0.3.5':
-    resolution: {integrity: sha512-5cfhQNH+1VQ2xLQlmzXMqUoiaH0lRBq9/CLW9lTyMbuKLC3+xEK01tHVvyut++mLOn5urSHmkm6I0Lg9MaJSTQ==}
-
-  '@clack/prompts@0.7.0':
-    resolution: {integrity: sha512-0MhX9/B4iL6Re04jPrttDm+BsP8y6mS7byuv0BvXgdXhbV5PdlsHt55dvNsuBCPZ7xq1oTAOOuotR9NFbQyMSA==}
-    bundledDependencies:
-      - is-unicode-supported
-
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
@@ -423,9 +349,6 @@ packages:
   '@emotion/hash@0.9.2':
     resolution: {integrity: sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==}
 
-  '@emotion/is-prop-valid@1.3.1':
-    resolution: {integrity: sha512-/ACwoqx7XQi9knQs/G0qKvv5teDMhD7bXYns9N/wM8ah8iNb8jZ2uNO0YOgiq2o2poIvVtJS2YALasQuMSQ7Kw==}
-
   '@emotion/memoize@0.9.0':
     resolution: {integrity: sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==}
 
@@ -444,16 +367,6 @@ packages:
   '@emotion/sheet@1.4.0':
     resolution: {integrity: sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==}
 
-  '@emotion/styled@11.14.0':
-    resolution: {integrity: sha512-XxfOnXFffatap2IyCeJyNov3kiDQWoR08gPUQxvbL7fxKryGBKUZUkG6Hz48DZwVrJSVh9sJboyV1Ds4OW6SgA==}
-    peerDependencies:
-      '@emotion/react': ^11.0.0-rc.0
-      '@types/react': '*'
-      react: '>=16.8.0'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@emotion/unitless@0.10.0':
     resolution: {integrity: sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==}
 
@@ -468,12 +381,6 @@ packages:
   '@emotion/weak-memoize@0.4.0':
     resolution: {integrity: sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==}
 
-  '@esbuild/aix-ppc64@0.20.2':
-    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-
   '@esbuild/aix-ppc64@0.21.5':
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
@@ -486,12 +393,6 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.20.2':
-    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
   '@esbuild/android-arm64@0.21.5':
     resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
@@ -504,12 +405,6 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.20.2':
-    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
   '@esbuild/android-arm@0.21.5':
     resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
@@ -522,12 +417,6 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.20.2':
-    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
   '@esbuild/android-x64@0.21.5':
     resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
@@ -540,12 +429,6 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.20.2':
-    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@esbuild/darwin-arm64@0.21.5':
     resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
@@ -558,12 +441,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.20.2':
-    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
   '@esbuild/darwin-x64@0.21.5':
     resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
@@ -576,12 +453,6 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.20.2':
-    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@esbuild/freebsd-arm64@0.21.5':
     resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
@@ -594,12 +465,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.20.2':
-    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@esbuild/freebsd-x64@0.21.5':
     resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
@@ -612,12 +477,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.20.2':
-    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
   '@esbuild/linux-arm64@0.21.5':
     resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
@@ -630,12 +489,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.20.2':
-    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
   '@esbuild/linux-arm@0.21.5':
     resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
@@ -648,12 +501,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.20.2':
-    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
   '@esbuild/linux-ia32@0.21.5':
     resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
@@ -666,12 +513,6 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.20.2':
-    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
   '@esbuild/linux-loong64@0.21.5':
     resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
@@ -684,12 +525,6 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.20.2':
-    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
   '@esbuild/linux-mips64el@0.21.5':
     resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
@@ -702,12 +537,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.20.2':
-    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
   '@esbuild/linux-ppc64@0.21.5':
     resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
@@ -720,12 +549,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.20.2':
-    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@esbuild/linux-riscv64@0.21.5':
     resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
@@ -738,12 +561,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.20.2':
-    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
   '@esbuild/linux-s390x@0.21.5':
     resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
@@ -756,12 +573,6 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.20.2':
-    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
   '@esbuild/linux-x64@0.21.5':
     resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
@@ -780,12 +591,6 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.20.2':
-    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
   '@esbuild/netbsd-x64@0.21.5':
     resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
@@ -804,12 +609,6 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.20.2':
-    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
   '@esbuild/openbsd-x64@0.21.5':
     resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
@@ -822,12 +621,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.20.2':
-    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
   '@esbuild/sunos-x64@0.21.5':
     resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
@@ -840,12 +633,6 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.20.2':
-    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
   '@esbuild/win32-arm64@0.21.5':
     resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
@@ -858,12 +645,6 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.20.2':
-    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
   '@esbuild/win32-ia32@0.21.5':
     resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
@@ -876,12 +657,6 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.20.2':
-    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
   '@esbuild/win32-x64@0.21.5':
     resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
@@ -957,16 +732,6 @@ packages:
     resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
     engines: {node: '>=18.18'}
 
-  '@internationalized/date@3.6.0':
-    resolution: {integrity: sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==}
-
-  '@internationalized/number@3.6.0':
-    resolution: {integrity: sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==}
-
-  '@isaacs/cliui@8.0.2':
-    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
-    engines: {node: '>=12'}
-
   '@istanbuljs/load-nyc-config@1.1.0':
     resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
     engines: {node: '>=8'}
@@ -1077,9 +842,6 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
-  '@juggle/resize-observer@3.4.0':
-    resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
-
   '@mdx-js/react@3.0.1':
     resolution: {integrity: sha512-9ZrPIU4MGf6et1m1ov3zKf+q9+deetI51zprKB1D/z3NOb+rUxxtEl3mCjW5wTGh6VhRdwPueh1oRzi6ezkA8A==}
     peerDependencies:
@@ -1110,23 +872,11 @@ packages:
     resolution: {integrity: sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==}
     engines: {node: '>=18.18.0'}
 
-  '@pandacss/is-valid-prop@0.41.0':
-    resolution: {integrity: sha512-BE6h6CsJk14ugIRrsazJtN3fcg+KDFRat1Bs93YFKH6jd4DOb1yUyVvC70jKqPVvg70zEcV8acZ7VdcU5TLu+w==}
-
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
   '@playwright/test@1.49.1':
     resolution: {integrity: sha512-Ky+BVzPz8pL6PQxHqNRW1k3mIyv933LML7HktS8uik0bUXNCdPhoS/kLihiO1tMf/egaJb4IutXd7UywvXEW+g==}
     engines: {node: '>=18'}
     hasBin: true
 
-  '@puppeteer/browsers@2.7.0':
-    resolution: {integrity: sha512-bO61XnTuopsz9kvtfqhVbH6LTM1koxK0IlBR+yuVrM2LB7mk8+5o1w18l5zqd5cs8xlf+ntgambqRqGifMDjog==}
-    engines: {node: '>=18'}
-    hasBin: true
-
   '@rollup/pluginutils@5.1.0':
     resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
@@ -1237,10 +987,6 @@ packages:
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
-  '@sindresorhus/merge-streams@2.3.0':
-    resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
-    engines: {node: '>=18'}
-
   '@sinonjs/commons@3.0.1':
     resolution: {integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==}
 
@@ -1411,9 +1157,6 @@ packages:
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@swc/helpers@0.5.15':
-    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
-
   '@testing-library/dom@10.2.0':
     resolution: {integrity: sha512-CytIvb6tVOADRngTHGWNxH8LPgO/3hi/BdCEHOf7Qd2GvZVClhVP0Wo/QHzWhpki49Bk0b4VT6xpt3fx8HTSIw==}
     engines: {node: '>=18'}
@@ -1447,9 +1190,6 @@ packages:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
 
-  '@tootallnate/quickjs-emscripten@0.23.0':
-    resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
-
   '@trivago/prettier-plugin-sort-imports@5.2.1':
     resolution: {integrity: sha512-NDZndt0fmVThIx/8cExuJHLZagUVzfGCoVrwH9x6aZvwfBdkrDFTYujecek6X2WpG4uUFsVaPg5+aNQPSyjcmw==}
     engines: {node: '>18.12'}
@@ -1493,9 +1233,6 @@ packages:
   '@types/babel__traverse@7.20.6':
     resolution: {integrity: sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==}
 
-  '@types/cli-table@0.3.4':
-    resolution: {integrity: sha512-GsALrTL69mlwbAw/MHF1IPTadSLZQnsxe7a80G8l4inN/iEXCOcVeT/S7aRc6hbhqzL9qZ314kHPDQnQ3ev+HA==}
-
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
 
@@ -1535,12 +1272,6 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/lodash.mergewith@4.6.9':
-    resolution: {integrity: sha512-fgkoCAOF47K7sxrQ7Mlud2TH023itugZs2bUg8h/KzT+BnZNrR2jAOmaokbLunHNnobXVWOezAeNn/lZqwxkcw==}
-
-  '@types/lodash@4.17.5':
-    resolution: {integrity: sha512-MBIOHVZqVqgfro1euRDWX7OO0fBVUUMrN6Pwm8LQsz8cWhEpihlvR70ENj3f40j58TNxZaWv2ndSkInykNBBJw==}
-
   '@types/mdast@4.0.4':
     resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
@@ -1589,9 +1320,6 @@ packages:
   '@types/yargs@17.0.32':
     resolution: {integrity: sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==}
 
-  '@types/yauzl@2.10.3':
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
-
   '@typescript-eslint/eslint-plugin@8.20.0':
     resolution: {integrity: sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1664,11 +1392,6 @@ packages:
     resolution: {integrity: sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@visulima/boxen@1.0.25':
-    resolution: {integrity: sha512-U6kzb4RKO+zEwnLTYdPOnuZ2+qg0jp7YxW+gyJk04jjTXC38dpllUuEeXu7lWH91UrJWUS8qTQiP3q8DIevfWA==}
-    engines: {node: '>=18.* <=23.*'}
-    os: [darwin, linux, win32]
-
   '@vitejs/plugin-react@4.3.4':
     resolution: {integrity: sha512-SCCPBJtYLdE8PX/7ZQAs1QAZ8Jqwih+0VBLum1EGqmCCQal+MIUqLCzj3ZUy8ufbC0cAM4LRlSTm7IQJwWT4ug==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -1707,210 +1430,6 @@ packages:
   '@xobotyi/scrollbar-width@1.9.5':
     resolution: {integrity: sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==}
 
-  '@zag-js/accordion@0.81.1':
-    resolution: {integrity: sha512-NMSx9DNz+FigY9E+FtT/3GCjpP4H0VTbBTmqUDxw3FYKgP3txPoIQGrV4Dig4hCtCiPdmlwSZatA29HrTi8+zw==}
-
-  '@zag-js/anatomy@0.81.1':
-    resolution: {integrity: sha512-x63RqFLdqz2a7KCxvpWXMAwr9A5lWtag4dslku6IBu5IT0oMYuQJ0d+3NeY74xKwdctTmnLs/xRsyUfey5DarQ==}
-
-  '@zag-js/aria-hidden@0.81.1':
-    resolution: {integrity: sha512-Jsd4rmdZ73+S/PVnoCxI4BjN52okPECztPIxGvNiEOJfL+/YJWmHweprJgmHZJPt9rufZ05SvfeiKr2VXso0vg==}
-
-  '@zag-js/auto-resize@0.81.1':
-    resolution: {integrity: sha512-InlncZmgT+ofhrUEeQN8BOa8hUCpPNl6dwL83AxXk5J8k+SmfVr0hH6CNSeAEG9XUmepUGPzXQwYbA5t0KRtNA==}
-
-  '@zag-js/avatar@0.81.1':
-    resolution: {integrity: sha512-ooMCxBamNWYYi7ZHY+FFpGJouuHWaaO9DTYRwWXsr9pW+FYGcJcPXKKsaFGPeAldBs8dqlBmFdMOWylLySau4Q==}
-
-  '@zag-js/carousel@0.81.1':
-    resolution: {integrity: sha512-iQRnR5yYChFOsdAGAoH8bZei9tlSCngJJ1Bka8j+XvLHLyjOe+fqhaqwlkAFunMH1kEo1lHVbFDQ5FPGZq9PgA==}
-
-  '@zag-js/checkbox@0.81.1':
-    resolution: {integrity: sha512-HmoRt7luHZXvNlsqQW5rrQlcFEVKthFkZPgAwUKM5xD7MaifDQUfaWMcOkYUBpJtziDufV2CcdIu9d1z4/hSMA==}
-
-  '@zag-js/clipboard@0.81.1':
-    resolution: {integrity: sha512-ccDxY+8CsM6XvOnfSQmQqsa99XXjjByVYD4ovylk6+jXwVhToyjOxGiQq/n8zALXHLj2hM/1WIvDwZGTPr1GfQ==}
-
-  '@zag-js/collapsible@0.81.1':
-    resolution: {integrity: sha512-oPnmsVtS3/1olPY4E0IwoixK95MDjIGmfHPVmNX3lioN9hbszxBoUQtsZ0ryXNH9HXvDbnJ/KWtpMELjj2TjPA==}
-
-  '@zag-js/collection@0.81.1':
-    resolution: {integrity: sha512-cGvBWL0Z31Vt/RTyuwarkokfer2zlw92+mlX9Hed8198aWyI6bklmaZs77xO89fy8Osjjik/STB6TyItgn1jPA==}
-
-  '@zag-js/color-picker@0.81.1':
-    resolution: {integrity: sha512-O7AI1BK/GWlyF3pf9O/9iVk2hcBaaJdBAoNyzqrI6+dPgrjs9eXA4VYyavcHZBm3ABCzqZ7ePO9mnBi//wag8Q==}
-
-  '@zag-js/color-utils@0.81.1':
-    resolution: {integrity: sha512-Fq4vktoW3UmrhFMb731ldODDSQrLsSO+81eADBzbz3CgGOCOy6rYv73aIgvAgngTOp9Q98NQnTxyt1S8eEGOaw==}
-
-  '@zag-js/combobox@0.81.1':
-    resolution: {integrity: sha512-FHJPDZ/A54+ksDJ5dl/Aj49BHso7T8k7s7uSADLvEVJ3kR9qJ+zTdAXR01IQPn+rZWxNUShD76YRK2VKzVt+JQ==}
-
-  '@zag-js/core@0.81.1':
-    resolution: {integrity: sha512-LJwPH5RgY0EUDDSCfpXFoXQ9+CwakiZOjo9SZdq7lk+wYmP8hCv+r2FCAPclSHljyrGqpIlHU/brkcFslkcN4Q==}
-
-  '@zag-js/date-picker@0.81.1':
-    resolution: {integrity: sha512-Mrhi+wFJ8I59wmRIMU/0tuL1D9/ycosmtifD7U63leZJZM32lk+Do7YUhP0FyZ/qBVcjCykU3rJZkHL9EBOuFw==}
-    peerDependencies:
-      '@internationalized/date': '>=3.0.0'
-
-  '@zag-js/date-utils@0.81.1':
-    resolution: {integrity: sha512-NWen8ebvNkPbENaVS3qcpRjeEhcjF0uiDzBlg1cBdqu2A2EUfO1/lrjYTKpboTC2fQeVoIPdrvCkMXvywHFr8Q==}
-    peerDependencies:
-      '@internationalized/date': '>=3.0.0'
-
-  '@zag-js/dialog@0.81.1':
-    resolution: {integrity: sha512-Jt6ReyeMAveLKgerhhnpiM0ZKrHCyGmRgRtFbW7o4WSQ63UUyTPgUYIvyRJeVJjAGF6IcfvVVVVY3YthRyzf8A==}
-
-  '@zag-js/dismissable@0.81.1':
-    resolution: {integrity: sha512-PT19n3CK5XW7S3dQhFLxALsJ0JFsOdukxVNE5iLHPAKEuJeM6dnzG1pn6x3U1wrGybHZgaZkyiF4PWsvXsdaiQ==}
-
-  '@zag-js/dom-query@0.81.1':
-    resolution: {integrity: sha512-5CsCVT6xUIwj5hTmsSplqdZXC5HFXj/wU3p+Mp0XjM63fgJODXZh79DPjx/Vqo/YrqSQPoK5dHRhUY8fiDyoSQ==}
-
-  '@zag-js/editable@0.81.1':
-    resolution: {integrity: sha512-phH7pdgwn/KTnYxe7W83j764Z28fqk0rTxzAYj2Rb5ctQA8ls/UdsbBpdALEx08+rxw3pELT7wxk2Rm+n6Ljqw==}
-
-  '@zag-js/element-rect@0.81.1':
-    resolution: {integrity: sha512-f11a8MqEEi8yZ4+WmoWpjDBpcWh6kZwkNYyNaVBqseWT9xGTjW3hXxz4L8G0kZaxcsMI2EEv9FNX7tB8FqJD/A==}
-
-  '@zag-js/element-size@0.81.1':
-    resolution: {integrity: sha512-taasImQwXYDvlhQ9L0tPHjbG2Yxqk1FU7sIu5qf9ml1btUEAVah3+DTiCMKBsm+NzgyPY2bsRMqMW3I+4kvkaA==}
-
-  '@zag-js/file-upload@0.81.1':
-    resolution: {integrity: sha512-a19kPUQ+5lyZRI9qK5ANBNTPY5syKJyva4ahmUm1EtV1Wt89x8xVRc5YG8XXaKlKrZlJdDvNPh2rMhV9QviBJw==}
-
-  '@zag-js/file-utils@0.81.1':
-    resolution: {integrity: sha512-oO+7U8TjUSKxnCG9PtG+6SAgzNkf2cq+lTBjOruaRz3sbrxfNMiz2xf/fIbuhEvHryPKWo86Kd/u/kvU5/gY1A==}
-
-  '@zag-js/focus-trap@0.81.1':
-    resolution: {integrity: sha512-hhW+XkuaaPyTdEBIIEjex+Sflr8sd5pCU/ISyGs4x5wHaPSfYjTUlpasC6ISZ9ADs4kKVidfDnY7u60a2WOAeA==}
-
-  '@zag-js/focus-visible@0.81.1':
-    resolution: {integrity: sha512-sQopikZzXGNBcxfPzhsJn2/txD5KDoFIuZpN1TwZHCx6JTBtzWHCl/t9VpULeTSbERdCI9iTx5Zt4QxceuwEBA==}
-
-  '@zag-js/form-utils@0.81.1':
-    resolution: {integrity: sha512-Zb7PvXZWIsudQsT+MZtG+HTsP/s1izifzj3ce4jEh4bgo3heLlwPTGkm+4mGqVAivcaPW4HmvwmLOgWoiXA/3A==}
-
-  '@zag-js/highlight-word@0.81.1':
-    resolution: {integrity: sha512-PU4zcfVSj446CtSw+viYkFMGkCjZvrZvQxPnGENFNNUHpsnwudz1a/NJiOPxSJTLY+C0FP0vanOl9YbgEL5xGQ==}
-
-  '@zag-js/hover-card@0.81.1':
-    resolution: {integrity: sha512-xoAVYUf4sk70f8z1wbeITU+QiGy7jqdPgNkbT6jbklKVS/N8Y7WdWPU67ebCJWDLrUFQ2szG3nJVY/ZiACu1RA==}
-
-  '@zag-js/i18n-utils@0.81.1':
-    resolution: {integrity: sha512-/7sQuPOewdf/KpQQkizQplWIS/3PH+iqexef/IV/1sS+KgmTrTz8UsVKm4Vw7FcMmFaWlAOdHqS3UgWiJ2j24w==}
-
-  '@zag-js/interact-outside@0.81.1':
-    resolution: {integrity: sha512-jfeDlxNCYbRgKwcIdSjr0C6KChbbJSQyeYi+TDmqAQEVTiVYQo3j3NMdoV0V+IVoK+xnj4wC5DhRdEIHLzRiCA==}
-
-  '@zag-js/live-region@0.81.1':
-    resolution: {integrity: sha512-zyR3xbKOBQ5qftXy8TCUkj8ZAn5p2UKMgsNLYaxW2UVKMy3syMfJ57BFqg8Hvw1vZ9X9orwQG8vSb85ZBIWP9g==}
-
-  '@zag-js/menu@0.81.1':
-    resolution: {integrity: sha512-CUDkAvEu/Z2xpY9KJC0Y5//nJ3FWSoOB1bml5fJVfmHSzcwU5JJ2deop1JgFGrOyIK2NYWKsiLRgONpLnkuEAA==}
-
-  '@zag-js/number-input@0.81.1':
-    resolution: {integrity: sha512-NBtSgYcA8lbHC1Wn+XKXcy22qA6JBKOXxVUPuMl8RIDNPbIG5MmU1wa4XwvvvpPKdoaXvAROUiP9MgPAJgACoQ==}
-
-  '@zag-js/pagination@0.81.1':
-    resolution: {integrity: sha512-ynHXkAA/LLjRvlShr+e288sB0b1mP9s6rZItPnrbs7iSopGH5C+T6yqTuBPhSKTQRL36ixw6rjbI0TusnXhlvw==}
-
-  '@zag-js/pin-input@0.81.1':
-    resolution: {integrity: sha512-+oUdY+LISM1NLHrMax/wiuEhYjRAAGKZT8xY/6g4C464Xqahjc2GNQjpoJ2V2S7N7vn7Prw4m+6rbe4TWAr1Pw==}
-
-  '@zag-js/popover@0.81.1':
-    resolution: {integrity: sha512-rL+6buqokxxAwCzPFmKt6p7G07zdH34ix1n1MhUVStllU7e/1Kho/bL7qeELFTIJDcgmmKBRj7sa8VJOTj0uJQ==}
-
-  '@zag-js/popper@0.81.1':
-    resolution: {integrity: sha512-zTGVu8bVtuGatwrtPdL8jahvWg+wx6N4sWuuCbh7FJbfVfQ849NRgP7im0ar4MLoMFcELkJGmxYQoJ1kbtPVIg==}
-
-  '@zag-js/presence@0.81.1':
-    resolution: {integrity: sha512-9cWVU8ciU0oG3wJbo6AftDCdpBIGNIk3UqXxAQf4LI//FgnOiYtOmpvl9LXrS1MqEOAwnR6rkCeiNjTmW8O4Mw==}
-
-  '@zag-js/progress@0.81.1':
-    resolution: {integrity: sha512-mgUt8sub5DOCv2ic5UJqqWsR5tM/HWqMY2ug5LVN3WD9d0ChBzi2TB5nUprunDa1xbGQfk3AyPNYNYnkqHaVLQ==}
-
-  '@zag-js/qr-code@0.81.1':
-    resolution: {integrity: sha512-aM2e8LwMffUq5PHaBTFseTb5PUmTgD9+avc4R/IqD6bXod/RRc0C5n2BhAsOMJnXFFucq2Wuwofk2dS4FlQ4vQ==}
-
-  '@zag-js/radio-group@0.81.1':
-    resolution: {integrity: sha512-EOE9Usqf2ih6j7VqwtRak1Gq2WkMOaTh3xAgFSIpId5gI5lmbx5IPjyyufp9XZJzn6LOkHRViMHllGA9d1A2Ig==}
-
-  '@zag-js/rating-group@0.81.1':
-    resolution: {integrity: sha512-9MbeNVQeLDw/PppnCrJo7I9UOGzMCstzfPyyM3Yrpt8KN+hP8h2nHW1JHUvXQ9OslJWjKLnCLxJReEJxGxNdJQ==}
-
-  '@zag-js/react@0.81.1':
-    resolution: {integrity: sha512-fEBk2ejKCYDiHLEbNB6B+WgtzfigvKLP8Q3RSVc/IP9y6DkdztdWGZ80GBB/7cRdcbBOBZGK0ZEEi76iSC5YVg==}
-    peerDependencies:
-      react: '>=18.0.0'
-      react-dom: '>=18.0.0'
-
-  '@zag-js/rect-utils@0.81.1':
-    resolution: {integrity: sha512-3BkNYhEYZYBk770EUiM/aZ9k1HJg9FaWKOHXGpfZpndlqjUtLLMehej7752KFcpZaDRtUZ3Po1WXq0sIgwEtxw==}
-
-  '@zag-js/remove-scroll@0.81.1':
-    resolution: {integrity: sha512-ONcWwEAAa3W9kYTHKoILGlFPJQ8XHvXkaVeYA+t8IlCA5pK2cS7yGA8ItyQUFFbJu1k1es53DQESXqZHtOoWTQ==}
-
-  '@zag-js/scroll-snap@0.81.1':
-    resolution: {integrity: sha512-eRbyvLxPI+rRkgd2GYCz9xeesucFgpqa9NPI3ERTibSsMSTOgZsYogi8vn6rXfW/YGS4xgiXZbVSMRgEeLPijQ==}
-
-  '@zag-js/select@0.81.1':
-    resolution: {integrity: sha512-eYCJoxUfwXBMSI/+GLZCzmT3P2UMInKztRt064bW+pLMIHhsHCoUKoNNzDFFx9q27HKgXk6pZIp4/5ZnxPF4WQ==}
-
-  '@zag-js/signature-pad@0.81.1':
-    resolution: {integrity: sha512-wHFeZuwoJWG5/Tk5u8T7M+ENg9nkBf8md14huW8MKVcfkLNi+a/z2B1KzodWnn4mekxUMEKAXhOdmELqqAHSOg==}
-
-  '@zag-js/slider@0.81.1':
-    resolution: {integrity: sha512-1yPml/nIWpiijEmUxYzlPOIi6v2r+URhBM9giEG9mwaUU9uWtYrEQKSQVQChkPlW8xoNxtqtG6wNjEjekWDqfw==}
-
-  '@zag-js/splitter@0.81.1':
-    resolution: {integrity: sha512-KlSIsCZWL1zLfqE05xyGYVKxu8OiQ91yVBqsJhuHUPTH0Ww/UQI4sU70yWqePrGi+L+VieMZUia4OFKcmhvljA==}
-
-  '@zag-js/steps@0.81.1':
-    resolution: {integrity: sha512-RA/TFqsc0QBgL61R8rWUhawANvZIaXN3nNP6RQ/qcYQpVjCLIC97oDrWvZd//THrMay65wPT4iuOGkBoXLqr5g==}
-
-  '@zag-js/store@0.81.1':
-    resolution: {integrity: sha512-IsRnK6G/I5Sx8kxLC/PNUmxduOeLsrtgWuw1FGu1x88BgE+/akmL9fZoGdQds+TFNPESTtqWQxiTFm1w3nn/aQ==}
-
-  '@zag-js/switch@0.81.1':
-    resolution: {integrity: sha512-2lEOGzVW2bqA2GY7HVg2aKXsQoD0v65K9qVuJiP/9Lpst6JPOw5E6nEZj1xOheluHJVI29R/HBUIw9GU27MroA==}
-
-  '@zag-js/tabs@0.81.1':
-    resolution: {integrity: sha512-B24xFIfVJRL0nbzp97mqKN1zJKVrL8eXR2TOq+1ZxqrnnUZ5RQNzqo46wFIItRQsHjvbxyuI54KgvL1bp29wiw==}
-
-  '@zag-js/tags-input@0.81.1':
-    resolution: {integrity: sha512-nR5aE0NIaLrz2GQEGN1EkJFJrs53wdrx8cBpRn6qCIuC907fCRRDb8jdamZ51wP6GvRmgqdufuhGtbS7s78v/Q==}
-
-  '@zag-js/time-picker@0.81.1':
-    resolution: {integrity: sha512-7iBOfRb7J0IYxOSy1Vbznfnq1ISzrbujbjHNY+PjbEDCA7vCEmI0vGEXHBs4YTkTaW5Sisku1a44Ua1kvHT0Dg==}
-    peerDependencies:
-      '@internationalized/date': '>=3.0.0'
-
-  '@zag-js/timer@0.81.1':
-    resolution: {integrity: sha512-BcdSBf+EeQwdKiic0yDFjErCYbwa5vxVWbE7tDHoEXBWeV1xMIjqcxG20qJ2kSxDWjlkx+vpcTnDqvIYnFl5ag==}
-
-  '@zag-js/toast@0.81.1':
-    resolution: {integrity: sha512-v3jEsOcgtl2yIE1kllSccMUlHC87nB7UohFkhVl5gAV2sXMQ2evLna/+DAYlBRYjJogapOW+g69rW4sPX+HZxA==}
-
-  '@zag-js/toggle-group@0.81.1':
-    resolution: {integrity: sha512-x/cpAd/pER/F/pitJ+Rd3RZ02vj8pe17noE7t/1wFyiNRLTi6R4E5fik9yqyFAukLwizxCXpS3rDYIEi7ta70w==}
-
-  '@zag-js/tooltip@0.81.1':
-    resolution: {integrity: sha512-yNmgLlOh1AN006TD7xTkW/lu45O201g+uEXZhwgCiJsngYmOKNFMJFCUllE3KDR/kxecOFr9UZTVual1IhFxjA==}
-
-  '@zag-js/tour@0.81.1':
-    resolution: {integrity: sha512-ssKFyZyjFmRpvmlKSOEeo/yb01oCkF8XKOoYFiCgz7Pm9Guaf4rwEWbQBpzlKYaj2zZ8L6+7bOWVgt0f+ZngNw==}
-
-  '@zag-js/tree-view@0.81.1':
-    resolution: {integrity: sha512-ks2OtbJXvvmC3UXUyaFQKO+LQDopNhenJ2mV+Gqs3RNqO/5EViIWbiZN6s2bsSaduQhfaCTqk4pFkeBhYIluhQ==}
-
-  '@zag-js/types@0.81.1':
-    resolution: {integrity: sha512-+T9H99wHn7snO0LwZ9PHX9o4ZAz3Y80Z3nlEFCWyGwFjRwrmZxoGN016pQI+C9HUVe+qXDN5oXysV1N/1/6O0A==}
-
-  '@zag-js/utils@0.81.1':
-    resolution: {integrity: sha512-lWpU6n6wKhK6GkgyE3IdEChY5AjwmrAqdr9rc4F2qlb/lEp/TFbKOn2TOiFHPLd2YzE4jElFQL7+/7CDK3qFPg==}
-
   abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
     deprecated: Use your platform's native atob() and btoa() methods instead
@@ -1941,10 +1460,6 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
 
-  agent-base@7.1.3:
-    resolution: {integrity: sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==}
-    engines: {node: '>= 14'}
-
   aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
@@ -1952,12 +1467,6 @@ packages:
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
-  allotment@1.20.2:
-    resolution: {integrity: sha512-TaCuHfYNcsJS9EPk04M7TlG5Rl3vbAdHeAyrTE9D5vbpzV+wxnRoUrulDbfnzaQcPIZKpHJNixDOoZNuzliKEA==}
-    peerDependencies:
-      react: ^17.0.0 || ^18.0.0
-      react-dom: ^17.0.0 || ^18.0.0
-
   ansi-escapes@4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
     engines: {node: '>=8'}
@@ -1990,9 +1499,6 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -2045,10 +1551,6 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
-  ast-types@0.13.4:
-    resolution: {integrity: sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==}
-    engines: {node: '>=4'}
-
   ast-types@0.16.1:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
@@ -2060,9 +1562,6 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  b4a@1.6.6:
-    resolution: {integrity: sha512-5Tk1HLk6b6ctmjIkAcU/Ujv/1WqiDl0F0JdRCR80VsOcUlHcu7pWeWRlOqQLHfDEsVx9YH/aif5AG4ehoCtTmg==}
-
   babel-jest@29.7.0:
     resolution: {integrity: sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2098,28 +1597,6 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
-  bare-events@2.4.2:
-    resolution: {integrity: sha512-qMKFd2qG/36aA4GwvKq8MxnPgCQAmBWmSyLWsJcbn8v03wvIPQ/hG1Ms8bPzndZxMDoHpxez5VOS+gC9Yi24/Q==}
-
-  bare-fs@2.3.1:
-    resolution: {integrity: sha512-W/Hfxc/6VehXlsgFtbB5B4xFcsCl+pAh30cYhoFyXErf6oGrwjh8SwiPAdHgpmWonKuYpZgGywN0SXt7dgsADA==}
-
-  bare-os@2.4.0:
-    resolution: {integrity: sha512-v8DTT08AS/G0F9xrhyLtepoo9EJBJ85FRSMbu1pQUlAf6A8T0tEEQGMVObWeqpjhSPXsE0VGlluFBJu2fdoTNg==}
-
-  bare-path@2.1.3:
-    resolution: {integrity: sha512-lh/eITfU8hrj9Ru5quUp0Io1kJWIk1bTjzo7JH1P5dWmQ2EL4hFUlfI8FonAhSlgIfhn63p84CDY/x+PisgcXA==}
-
-  bare-stream@2.1.3:
-    resolution: {integrity: sha512-tiDAH9H/kP+tvNO5sczyn9ZAA7utrSMobyDchsnyyXBuUe2FSQWbxhtuHB8jwpHYYevVo2UJpcmvvjrbHboUUQ==}
-
-  base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-
-  basic-ftp@5.0.5:
-    resolution: {integrity: sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==}
-    engines: {node: '>=10.0.0'}
-
   better-opn@3.0.2:
     resolution: {integrity: sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==}
     engines: {node: '>=12.0.0'}
@@ -2149,18 +1626,9 @@ packages:
   bser@2.1.1:
     resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
 
-  buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
-  buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
-
-  bundle-n-require@1.1.1:
-    resolution: {integrity: sha512-EB2wFjXF106LQLe/CYnKCMCdLeTW47AtcEtUfiqAOgr2a08k0+YgRklur2aLfEYHlhz6baMskZ8L2U92Hh0vyA==}
-
   cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
@@ -2230,16 +1698,6 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  chromium-bidi@0.11.0:
-    resolution: {integrity: sha512-6CJWHkNRoyZyjV9Rwv2lYONZf1Xm0IuDyNq97nwSsxxP3wf5Bwy15K5rOvVKMtJ127jJBmxFUanSAOjgFRxgrA==}
-    peerDependencies:
-      devtools-protocol: '*'
-
-  chromium-bidi@0.12.0:
-    resolution: {integrity: sha512-xzXveJmX826GGq1MeE5okD8XxaDT8172CXByhFJ687eY65rbjOIebdbUuQh+jXKaNyGKI14Veb3KjLLmSueaxA==}
-    peerDependencies:
-      devtools-protocol: '*'
-
   ci-info@3.9.0:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
@@ -2247,9 +1705,6 @@ packages:
   cjs-module-lexer@1.3.1:
     resolution: {integrity: sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==}
 
-  classnames@2.5.1:
-    resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==}
-
   clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
     engines: {node: '>=6'}
@@ -2258,10 +1713,6 @@ packages:
     resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
     engines: {node: '>=18'}
 
-  cli-table@0.3.11:
-    resolution: {integrity: sha512-IqLQi4lO0nIB4tcdTpN4LCB9FI3uqrJZK7RC515EnhZ6qBaglkIgICb1wjeAqpdoOabm1+SuQtkXIPdYC93jhQ==}
-    engines: {node: '>= 0.2.0'}
-
   cli-truncate@4.0.0:
     resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
     engines: {node: '>=18'}
@@ -2297,10 +1748,6 @@ packages:
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
-  colors@1.0.3:
-    resolution: {integrity: sha512-pFGrxThWcWQ2MsAz6RtgeWe4NK2kUE1WfsrvvlctdII745EW9I0yflqhe7++M5LEc7bV2c/9/5zc8sFcpL0Drw==}
-    engines: {node: '>=0.1.90'}
-
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -2336,15 +1783,6 @@ packages:
     resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
     engines: {node: '>=10'}
 
-  cosmiconfig@9.0.0:
-    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      typescript: '>=4.9.5'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   create-jest@29.7.0:
     resolution: {integrity: sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2360,9 +1798,6 @@ packages:
   css-in-js-utils@3.1.0:
     resolution: {integrity: sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==}
 
-  css-mediaquery@0.1.2:
-    resolution: {integrity: sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==}
-
   css-tree@1.1.3:
     resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
     engines: {node: '>=8.0.0'}
@@ -2383,14 +1818,6 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  data-uri-to-buffer@4.0.1:
-    resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
-    engines: {node: '>= 12'}
-
-  data-uri-to-buffer@6.0.2:
-    resolution: {integrity: sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==}
-    engines: {node: '>= 14'}
-
   data-urls@3.0.2:
     resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
     engines: {node: '>=12'}
@@ -2407,9 +1834,6 @@ packages:
     resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
-  dayjs@1.11.13:
-    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
-
   debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
     peerDependencies:
@@ -2467,10 +1891,6 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
-  degenerator@5.0.1:
-    resolution: {integrity: sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==}
-    engines: {node: '>= 14'}
-
   delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
@@ -2486,9 +1906,6 @@ packages:
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
-  devtools-protocol@0.0.1367902:
-    resolution: {integrity: sha512-XxtPuC3PGakY6PD7dG66/o8KwJ/LkH2/EKe19Dcw58w53dv4/vSQEkn/SzuyhHE2q4zPgCkxQBxus3VV4ql+Pg==}
-
   diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2523,9 +1940,6 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
-  eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-
   easy-table@1.2.0:
     resolution: {integrity: sha512-OFzVOv03YpvtcWGe5AayU5G2hgybsg3iqA6drU8UaoZyB9jLGMTrz9+asnLp/E+6qPh88yEI1gvyZFZ41dmgww==}
 
@@ -2542,12 +1956,6 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
-  end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-
   enhanced-resolve@5.18.0:
     resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==}
     engines: {node: '>=10.13.0'}
@@ -2556,10 +1964,6 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
-  env-paths@2.2.1:
-    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
-    engines: {node: '>=6'}
-
   environment@1.1.0:
     resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
     engines: {node: '>=18'}
@@ -2609,11 +2013,6 @@ packages:
     peerDependencies:
       esbuild: '>=0.12 <1'
 
-  esbuild@0.20.2:
-    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
-    engines: {node: '>=12'}
-    hasBin: true
-
   esbuild@0.21.5:
     resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
     engines: {node: '>=12'}
@@ -2788,17 +2187,9 @@ packages:
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
-  extract-zip@2.0.1:
-    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
-    engines: {node: '>= 10.17.0'}
-    hasBin: true
-
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
-  fast-fifo@1.3.2:
-    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
-
   fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
@@ -2825,13 +2216,6 @@ packages:
   fb-watchman@2.0.2:
     resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
 
-  fd-slicer@1.1.0:
-    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
-
-  fetch-blob@3.2.0:
-    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
-    engines: {node: ^12.20 || >= 14.13}
-
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -2861,22 +2245,10 @@ packages:
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
 
-  foreground-child@3.3.0:
-    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
-    engines: {node: '>=14'}
-
   form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
-  formdata-polyfill@4.0.10:
-    resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
-    engines: {node: '>=12.20.0'}
-
-  fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
-    engines: {node: '>=14.14'}
-
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
@@ -2924,10 +2296,6 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
-  get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
-
   get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
@@ -2940,10 +2308,6 @@ packages:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
-  get-uri@6.0.3:
-    resolution: {integrity: sha512-BzUrJBS9EcUb4cFol8r4W3v1cPsSyajLSthNkz5BxbpDcHN5tIrM10E2eNvfnvBn3DaT3DUgx0OpsBKkaOpanw==}
-    engines: {node: '>= 14'}
-
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -2952,10 +2316,6 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
-    hasBin: true
-
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     deprecated: Glob versions prior to v9 are no longer supported
@@ -2972,10 +2332,6 @@ packages:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
 
-  globby@14.0.2:
-    resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==}
-    engines: {node: '>=18'}
-
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -3016,9 +2372,6 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  history@5.3.0:
-    resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==}
-
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
@@ -3033,18 +2386,10 @@ packages:
     resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
     engines: {node: '>= 6'}
 
-  http-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
-    engines: {node: '>= 14'}
-
   https-proxy-agent@5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
 
-  https-proxy-agent@7.0.6:
-    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
-    engines: {node: '>= 14'}
-
   human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
@@ -3060,9 +2405,6 @@ packages:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
 
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
   ignore@5.3.1:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
@@ -3098,10 +2440,6 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  ip-address@9.0.5:
-    resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
-    engines: {node: '>= 12'}
-
   is-arguments@1.1.1:
     resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
     engines: {node: '>= 0.4'}
@@ -3283,9 +2621,6 @@ packages:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
-  jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
-
   javascript-natural-sort@0.7.1:
     resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
 
@@ -3445,9 +2780,6 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
-  jsbn@1.1.0:
-    resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
-
   jsdoc-type-pratt-parser@4.1.0:
     resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
     engines: {node: '>=12.0.0'}
@@ -3487,9 +2819,6 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
-  jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
-
   jsx-ast-utils@3.3.5:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
@@ -3541,21 +2870,9 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash.clamp@4.0.3:
-    resolution: {integrity: sha512-HvzRFWjtcguTW7yd8NJBshuNaCa8aqNFtnswdT7f/cMd/1YKy5Zzoq4W/Oxvnx9l7aeY258uSdDfM793+eLsVg==}
-
-  lodash.debounce@4.0.8:
-    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
-
-  lodash.isequal@4.5.0:
-    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
-
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  lodash.mergewith@4.6.2:
-    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
-
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -3566,9 +2883,6 @@ packages:
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
-  look-it-up@2.1.0:
-    resolution: {integrity: sha512-nMoGWW2HurtuJf6XAL56FWTDCWLOTSsanrgwOyaR5Y4e3zfG5N/0cU5xWZSEU3tBxhQugRbV1xL9jb+ug7yZww==}
-
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -3576,16 +2890,9 @@ packages:
   loupe@3.1.2:
     resolution: {integrity: sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==}
 
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lru-cache@7.18.3:
-    resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
-    engines: {node: '>=12'}
-
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
@@ -3792,19 +3099,9 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  mitt@3.0.1:
-    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   nano-css@5.6.2:
     resolution: {integrity: sha512-+6bHaC8dSDGALM1HJjOHVXpuastdu2xFoZlC77Jh4cg+33Zcgm+Gxd+1xsnpZK14eyHObSp82+ll5y3SX75liw==}
     peerDependencies:
@@ -3819,28 +3116,6 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
-  netmask@2.0.2:
-    resolution: {integrity: sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==}
-    engines: {node: '>= 0.4.0'}
-
-  next-themes@0.4.4:
-    resolution: {integrity: sha512-LDQ2qIOJF0VnuVrrMSMLrWGjRMkq+0mpgl6e0juCLqdJ+oo8Q84JRWT6Wh11VDQKkMMe+dVzDKLWs5n87T+PkQ==}
-    peerDependencies:
-      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-
-  node-domexception@1.0.0:
-    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
-    engines: {node: '>=10.5.0'}
-
-  node-eval@2.0.0:
-    resolution: {integrity: sha512-Ap+L9HznXAVeJj3TJ1op6M6bg5xtTq8L5CU/PJxtkhea/DrIxdTknGKIECKd/v/Lgql95iuMAYvIzBNd0pmcMg==}
-    engines: {node: '>= 4'}
-
-  node-fetch@3.3.2:
-    resolution: {integrity: sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   node-int64@0.4.0:
     resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
 
@@ -3950,20 +3225,6 @@ packages:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
 
-  pac-proxy-agent@7.1.0:
-    resolution: {integrity: sha512-Z5FnLVVZSnX7WjBg0mhDtydeRZ1xMcATZThjySQUHqr+0ksP8kqaw23fNKkaaN/Z8gwLUs/W7xdl0I75eP2Xyw==}
-    engines: {node: '>= 14'}
-
-  pac-resolver@7.0.1:
-    resolution: {integrity: sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==}
-    engines: {node: '>= 14'}
-
-  package-json-from-dist@1.0.1:
-    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
-
-  package-manager-detector@0.1.2:
-    resolution: {integrity: sha512-iePyefLTOm2gEzbaZKSW+eBMjg+UYsQvUKxmvGXAQ987K16efBg10MxIjZs08iyX+DY2/owKY9DIdu193kX33w==}
-
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -3998,18 +3259,10 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
-
   path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
-  path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
-    engines: {node: '>=12'}
-
   pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
@@ -4017,12 +3270,6 @@ packages:
     resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
     engines: {node: '>= 14.16'}
 
-  pend@1.2.0:
-    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
-
-  perfect-freehand@1.2.2:
-    resolution: {integrity: sha512-eh31l019WICQ03pkF3FSzHxB8n07ItqIQ++G5UV8JX0zVOXzgTGCqnRR0jJ2h9U8/2uW4W4mtGJELt9kEV0CFQ==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -4073,11 +3320,6 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier@3.3.3:
-    resolution: {integrity: sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==}
-    engines: {node: '>=14'}
-    hasBin: true
-
   prettier@3.4.2:
     resolution: {integrity: sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==}
     engines: {node: '>=14'}
@@ -4099,10 +3341,6 @@ packages:
     resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
     engines: {node: '>= 0.6.0'}
 
-  progress@2.0.3:
-    resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
-    engines: {node: '>=0.4.0'}
-
   prompts@2.4.2:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
@@ -4110,38 +3348,13 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
-  proxy-agent@6.5.0:
-    resolution: {integrity: sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==}
-    engines: {node: '>= 14'}
-
-  proxy-compare@3.0.1:
-    resolution: {integrity: sha512-V9plBAt3qjMlS1+nC8771KNf6oJ12gExvaxnNzN/9yVRLdTv/lc+oJlnSzrdYDAvBfTStPCoiaCOTmTs0adv7Q==}
-
-  proxy-from-env@1.1.0:
-    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
-
-  proxy-memoize@3.0.1:
-    resolution: {integrity: sha512-VDdG/VYtOgdGkWJx7y0o7p+zArSf2383Isci8C+BP3YXgMYDoPd3cCBjw0JdWb6YBb9sFiOPbAADDVTPJnh+9g==}
-
   psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
 
-  pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
-
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
-  puppeteer-core@24.0.0:
-    resolution: {integrity: sha512-bHVXmnkYnMVSbsD+pJGt8fmGZLaVYOAieVnJcDxtLIVTMq0s5RfYdzN4xVlFoBQ3T06/sPkXxca3VLVfaqLxzg==}
-    engines: {node: '>=18'}
-
-  puppeteer@24.0.0:
-    resolution: {integrity: sha512-KRF2iWdHGSZkQ8pqftR5XR1jqnTqKRVZghMGJfJ665zS8++0cErRG2tXWfp98YqvMzsVLHfzBtTQlk0MMhCxzg==}
-    engines: {node: '>=18'}
-    hasBin: true
-
   pure-rand@6.1.0:
     resolution: {integrity: sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==}
 
@@ -4151,9 +3364,6 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  queue-tick@1.0.1:
-    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
-
   react-docgen-typescript@2.2.2:
     resolution: {integrity: sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==}
     peerDependencies:
@@ -4357,9 +3567,6 @@ packages:
     resolution: {integrity: sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==}
     engines: {node: '>=0.10.0'}
 
-  scule@1.3.0:
-    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
-
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -4429,10 +3636,6 @@ packages:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
 
-  slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
-
   slice-ansi@5.0.0:
     resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
     engines: {node: '>=12'}
@@ -4441,22 +3644,10 @@ packages:
     resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
     engines: {node: '>=18'}
 
-  smart-buffer@4.2.0:
-    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
-    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
-
   smol-toml@1.3.1:
     resolution: {integrity: sha512-tEYNll18pPKHroYSmLLrksq233j021G0giwW7P3D24jC54pQ5W5BXMsQ/Mvw1OJCmEYDgY+lrzT+3nNUtoNfXQ==}
     engines: {node: '>= 18'}
 
-  socks-proxy-agent@8.0.5:
-    resolution: {integrity: sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==}
-    engines: {node: '>= 14'}
-
-  socks@2.8.3:
-    resolution: {integrity: sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==}
-    engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
-
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -4482,9 +3673,6 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  sprintf-js@1.1.3:
-    resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
-
   stack-generator@2.0.10:
     resolution: {integrity: sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==}
 
@@ -4516,9 +3704,6 @@ packages:
       prettier:
         optional: true
 
-  streamx@2.18.0:
-    resolution: {integrity: sha512-LLUC1TWdjVdn1weXGcSxyTR3T4+acB6tVGXT95y0nGbca4t4o/ng1wKAGTljm9VicuCVLvRlqFYXYy5GwgM7sQ==}
-
   string-argv@0.3.2:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
@@ -4531,10 +3716,6 @@ packages:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
 
-  string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-
   string-width@7.2.0:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
@@ -4604,11 +3785,6 @@ packages:
   stylis@4.3.2:
     resolution: {integrity: sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==}
 
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   summary@2.1.0:
     resolution: {integrity: sha512-nMIjMrd5Z2nuB2RZCKJfFMjgS3fygbeyGk9PxPPaJR1RIcyN9yn4A63Isovzm3ZtQuEkLBVgMdPup8UeLH7aQw==}
 
@@ -4635,12 +3811,6 @@ packages:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
-  tar-fs@3.0.6:
-    resolution: {integrity: sha512-iokBDQQkUyeXhgPYaZxmczGPhnhXZ0CmrqI+MOb/WFGS9DW5wnfrLgtjUJBvz50vQ3qfRwJ62QVoCFu8mPVu5w==}
-
-  tar-stream@3.1.7:
-    resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==}
-
   terser@5.31.1:
     resolution: {integrity: sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==}
     engines: {node: '>=10'}
@@ -4650,23 +3820,10 @@ packages:
     resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
     engines: {node: '>=8'}
 
-  text-decoder@1.1.0:
-    resolution: {integrity: sha512-TmLJNj6UgX8xcUZo4UDStGQtDiTzF7BzWlzn9g7UWrjkpHr5uJTK1ld16wZ3LXb2vb6jH8qU89dW5whuMdXYdw==}
-
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
   throttle-debounce@3.0.1:
     resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
     engines: {node: '>=10'}
 
-  through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
@@ -4728,9 +3885,6 @@ packages:
   ts-easing@0.2.0:
     resolution: {integrity: sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==}
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   ts-node@10.9.2:
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
     hasBin: true
@@ -4790,9 +3944,6 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typed-query-selector@2.12.0:
-    resolution: {integrity: sha512-SbklCd1F0EiZOyPiW192rrHZzZ5sBijB6xM+cpmrwDqObvdtunOHHIk9fCGsoK5JVIYXoyEp4iEdE3upFH3PAg==}
-
   typescript@5.7.3:
     resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
     engines: {node: '>=14.17'}
@@ -4802,16 +3953,9 @@ packages:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
 
-  unbzip2-stream@1.4.3:
-    resolution: {integrity: sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==}
-
   undici-types@6.20.0:
     resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
 
-  unicorn-magic@0.1.0:
-    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
-    engines: {node: '>=18'}
-
   unified@11.0.4:
     resolution: {integrity: sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==}
 
@@ -4831,10 +3975,6 @@ packages:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
 
-  universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
-    engines: {node: '>= 10.0.0'}
-
   unplugin@1.11.0:
     resolution: {integrity: sha512-3r7VWZ/webh0SGgJScpWl2/MRCZK5d3ZYFcNaeci/GQ7Teop7zf0Nl2pUuz7G21BwPd9pcUPOC5KmJ2L3WgC5g==}
     engines: {node: '>=14.0.0'}
@@ -4845,9 +3985,6 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
-  uqr@0.1.2:
-    resolution: {integrity: sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==}
-
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -4863,12 +4000,6 @@ packages:
       '@types/react':
         optional: true
 
-  use-resize-observer@9.1.0:
-    resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==}
-    peerDependencies:
-      react: 16.8.0 - 18
-      react-dom: 16.8.0 - 18
-
   use-sync-external-store@1.2.2:
     resolution: {integrity: sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==}
     peerDependencies:
@@ -5005,10 +4136,6 @@ packages:
   wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
 
-  web-streams-polyfill@3.3.3:
-    resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
-    engines: {node: '>= 8'}
-
   webidl-conversions@7.0.0:
     resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
     engines: {node: '>=12'}
@@ -5066,10 +4193,6 @@ packages:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
 
-  wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
-
   wrap-ansi@9.0.0:
     resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
     engines: {node: '>=18'}
@@ -5136,9 +4259,6 @@ packages:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
 
-  yauzl@2.10.0:
-    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
-
   yn@3.1.1:
     resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
     engines: {node: '>=6'}
@@ -5153,9 +4273,6 @@ packages:
     peerDependencies:
       zod: ^3.18.0
 
-  zod@3.23.8:
-    resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
-
   zod@3.24.1:
     resolution: {integrity: sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==}
 
@@ -5189,63 +4306,6 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@ark-ui/react@4.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.6.0
-      '@zag-js/accordion': 0.81.1
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/auto-resize': 0.81.1
-      '@zag-js/avatar': 0.81.1
-      '@zag-js/carousel': 0.81.1
-      '@zag-js/checkbox': 0.81.1
-      '@zag-js/clipboard': 0.81.1
-      '@zag-js/collapsible': 0.81.1
-      '@zag-js/collection': 0.81.1
-      '@zag-js/color-picker': 0.81.1
-      '@zag-js/color-utils': 0.81.1
-      '@zag-js/combobox': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/date-picker': 0.81.1(@internationalized/date@3.6.0)
-      '@zag-js/date-utils': 0.81.1(@internationalized/date@3.6.0)
-      '@zag-js/dialog': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/editable': 0.81.1
-      '@zag-js/file-upload': 0.81.1
-      '@zag-js/file-utils': 0.81.1
-      '@zag-js/focus-trap': 0.81.1
-      '@zag-js/highlight-word': 0.81.1
-      '@zag-js/hover-card': 0.81.1
-      '@zag-js/i18n-utils': 0.81.1
-      '@zag-js/menu': 0.81.1
-      '@zag-js/number-input': 0.81.1
-      '@zag-js/pagination': 0.81.1
-      '@zag-js/pin-input': 0.81.1
-      '@zag-js/popover': 0.81.1
-      '@zag-js/presence': 0.81.1
-      '@zag-js/progress': 0.81.1
-      '@zag-js/qr-code': 0.81.1
-      '@zag-js/radio-group': 0.81.1
-      '@zag-js/rating-group': 0.81.1
-      '@zag-js/react': 0.81.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@zag-js/select': 0.81.1
-      '@zag-js/signature-pad': 0.81.1
-      '@zag-js/slider': 0.81.1
-      '@zag-js/splitter': 0.81.1
-      '@zag-js/steps': 0.81.1
-      '@zag-js/switch': 0.81.1
-      '@zag-js/tabs': 0.81.1
-      '@zag-js/tags-input': 0.81.1
-      '@zag-js/time-picker': 0.81.1(@internationalized/date@3.6.0)
-      '@zag-js/timer': 0.81.1
-      '@zag-js/toast': 0.81.1
-      '@zag-js/toggle-group': 0.81.1
-      '@zag-js/tooltip': 0.81.1
-      '@zag-js/tour': 0.81.1
-      '@zag-js/tree-view': 0.81.1
-      '@zag-js/types': 0.81.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   '@babel/code-frame@7.24.7':
     dependencies:
       '@babel/highlight': 7.24.7
@@ -5469,70 +4529,6 @@ snapshots:
 
   '@bcoe/v8-coverage@0.2.3': {}
 
-  '@chakra-ui/anatomy@2.3.4': {}
-
-  '@chakra-ui/cli@3.3.1(@chakra-ui/react@3.3.1(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
-    dependencies:
-      '@chakra-ui/react': 3.3.1(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@clack/prompts': 0.7.0
-      '@pandacss/is-valid-prop': 0.41.0
-      '@types/cli-table': 0.3.4
-      '@types/debug': 4.1.12
-      '@visulima/boxen': 1.0.25
-      bundle-n-require: 1.1.1
-      chokidar: 3.6.0
-      cli-table: 0.3.11
-      commander: 12.1.0
-      debug: 4.4.0
-      globby: 14.0.2
-      https-proxy-agent: 7.0.6
-      look-it-up: 2.1.0
-      node-fetch: 3.3.2
-      package-manager-detector: 0.1.2
-      prettier: 3.3.3
-      scule: 1.3.0
-      sucrase: 3.35.0
-      zod: 3.24.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@chakra-ui/react@3.3.1(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@ark-ui/react': 4.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@emotion/is-prop-valid': 1.3.1
-      '@emotion/react': 11.14.0(@types/react@18.3.8)(react@18.3.1)
-      '@emotion/serialize': 1.3.3
-      '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@18.3.1)
-      '@emotion/utils': 1.4.2
-      '@pandacss/is-valid-prop': 0.41.0
-      csstype: 3.1.3
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@chakra-ui/styled-system@2.12.0(react@18.3.1)':
-    dependencies:
-      '@chakra-ui/utils': 2.2.2(react@18.3.1)
-      csstype: 3.1.3
-    transitivePeerDependencies:
-      - react
-
-  '@chakra-ui/utils@2.2.2(react@18.3.1)':
-    dependencies:
-      '@types/lodash.mergewith': 4.6.9
-      lodash.mergewith: 4.6.2
-      react: 18.3.1
-
-  '@clack/core@0.3.5':
-    dependencies:
-      picocolors: 1.1.1
-      sisteransi: 1.0.5
-
-  '@clack/prompts@0.7.0':
-    dependencies:
-      '@clack/core': 0.3.5
-      picocolors: 1.1.1
-      sisteransi: 1.0.5
-
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
@@ -5563,10 +4559,6 @@ snapshots:
 
   '@emotion/hash@0.9.2': {}
 
-  '@emotion/is-prop-valid@1.3.1':
-    dependencies:
-      '@emotion/memoize': 0.9.0
-
   '@emotion/memoize@0.9.0': {}
 
   '@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1)':
@@ -5595,21 +4587,6 @@ snapshots:
 
   '@emotion/sheet@1.4.0': {}
 
-  '@emotion/styled@11.14.0(@emotion/react@11.14.0(@types/react@18.3.8)(react@18.3.1))(@types/react@18.3.8)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.7
-      '@emotion/babel-plugin': 11.13.5
-      '@emotion/is-prop-valid': 1.3.1
-      '@emotion/react': 11.14.0(@types/react@18.3.8)(react@18.3.1)
-      '@emotion/serialize': 1.3.3
-      '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@18.3.1)
-      '@emotion/utils': 1.4.2
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.8
-    transitivePeerDependencies:
-      - supports-color
-
   '@emotion/unitless@0.10.0': {}
 
   '@emotion/use-insertion-effect-with-fallbacks@1.2.0(react@18.3.1)':
@@ -5620,153 +4597,102 @@ snapshots:
 
   '@emotion/weak-memoize@0.4.0': {}
 
-  '@esbuild/aix-ppc64@0.20.2':
-    optional: true
-
   '@esbuild/aix-ppc64@0.21.5':
     optional: true
 
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm64@0.20.2':
-    optional: true
-
   '@esbuild/android-arm64@0.21.5':
     optional: true
 
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm@0.20.2':
-    optional: true
-
   '@esbuild/android-arm@0.21.5':
     optional: true
 
   '@esbuild/android-arm@0.24.2':
     optional: true
 
-  '@esbuild/android-x64@0.20.2':
-    optional: true
-
   '@esbuild/android-x64@0.21.5':
     optional: true
 
   '@esbuild/android-x64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-arm64@0.20.2':
-    optional: true
-
   '@esbuild/darwin-arm64@0.21.5':
     optional: true
 
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-x64@0.20.2':
-    optional: true
-
   '@esbuild/darwin-x64@0.21.5':
     optional: true
 
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.20.2':
-    optional: true
-
   '@esbuild/freebsd-arm64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-x64@0.20.2':
-    optional: true
-
   '@esbuild/freebsd-x64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm64@0.20.2':
-    optional: true
-
   '@esbuild/linux-arm64@0.21.5':
     optional: true
 
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm@0.20.2':
-    optional: true
-
   '@esbuild/linux-arm@0.21.5':
     optional: true
 
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
-  '@esbuild/linux-ia32@0.20.2':
-    optional: true
-
   '@esbuild/linux-ia32@0.21.5':
     optional: true
 
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
-  '@esbuild/linux-loong64@0.20.2':
-    optional: true
-
   '@esbuild/linux-loong64@0.21.5':
     optional: true
 
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
-  '@esbuild/linux-mips64el@0.20.2':
-    optional: true
-
   '@esbuild/linux-mips64el@0.21.5':
     optional: true
 
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
-  '@esbuild/linux-ppc64@0.20.2':
-    optional: true
-
   '@esbuild/linux-ppc64@0.21.5':
     optional: true
 
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/linux-riscv64@0.20.2':
-    optional: true
-
   '@esbuild/linux-riscv64@0.21.5':
     optional: true
 
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
-  '@esbuild/linux-s390x@0.20.2':
-    optional: true
-
   '@esbuild/linux-s390x@0.21.5':
     optional: true
 
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
-  '@esbuild/linux-x64@0.20.2':
-    optional: true
-
   '@esbuild/linux-x64@0.21.5':
     optional: true
 
@@ -5776,9 +4702,6 @@ snapshots:
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-x64@0.20.2':
-    optional: true
-
   '@esbuild/netbsd-x64@0.21.5':
     optional: true
 
@@ -5788,45 +4711,30 @@ snapshots:
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-x64@0.20.2':
-    optional: true
-
   '@esbuild/openbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/sunos-x64@0.20.2':
-    optional: true
-
   '@esbuild/sunos-x64@0.21.5':
     optional: true
 
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
-  '@esbuild/win32-arm64@0.20.2':
-    optional: true
-
   '@esbuild/win32-arm64@0.21.5':
     optional: true
 
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
-  '@esbuild/win32-ia32@0.20.2':
-    optional: true
-
   '@esbuild/win32-ia32@0.21.5':
     optional: true
 
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
-  '@esbuild/win32-x64@0.20.2':
-    optional: true
-
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
@@ -5899,23 +4807,6 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.1': {}
 
-  '@internationalized/date@3.6.0':
-    dependencies:
-      '@swc/helpers': 0.5.15
-
-  '@internationalized/number@3.6.0':
-    dependencies:
-      '@swc/helpers': 0.5.15
-
-  '@isaacs/cliui@8.0.2':
-    dependencies:
-      string-width: 5.1.2
-      string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.0
-      strip-ansi-cjs: strip-ansi@6.0.1
-      wrap-ansi: 8.1.0
-      wrap-ansi-cjs: wrap-ansi@7.0.0
-
   '@istanbuljs/load-nyc-config@1.1.0':
     dependencies:
       camelcase: 5.3.1
@@ -6126,8 +5017,6 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  '@juggle/resize-observer@3.4.0': {}
-
   '@mdx-js/react@3.0.1(@types/react@18.3.8)(react@18.3.1)':
     dependencies:
       '@types/mdx': 2.0.13
@@ -6158,28 +5047,10 @@ snapshots:
       '@nodelib/fs.scandir': 4.0.1
       fastq: 1.17.1
 
-  '@pandacss/is-valid-prop@0.41.0': {}
-
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
-
   '@playwright/test@1.49.1':
     dependencies:
       playwright: 1.49.1
 
-  '@puppeteer/browsers@2.7.0':
-    dependencies:
-      debug: 4.4.0
-      extract-zip: 2.0.1
-      progress: 2.0.3
-      proxy-agent: 6.5.0
-      semver: 7.6.3
-      tar-fs: 3.0.6
-      unbzip2-stream: 1.4.3
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@rollup/pluginutils@5.1.0(rollup@4.29.2)':
     dependencies:
       '@types/estree': 1.0.6
@@ -6249,8 +5120,6 @@ snapshots:
 
   '@sinclair/typebox@0.27.8': {}
 
-  '@sindresorhus/merge-streams@2.3.0': {}
-
   '@sinonjs/commons@3.0.1':
     dependencies:
       type-detect: 4.0.8
@@ -6471,10 +5340,6 @@ snapshots:
     dependencies:
       storybook: 8.4.7(prettier@3.4.2)
 
-  '@swc/helpers@0.5.15':
-    dependencies:
-      tslib: 2.8.1
-
   '@testing-library/dom@10.2.0':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -6512,8 +5377,6 @@ snapshots:
 
   '@tootallnate/once@2.0.0': {}
 
-  '@tootallnate/quickjs-emscripten@0.23.0': {}
-
   '@trivago/prettier-plugin-sort-imports@5.2.1(prettier@3.4.2)':
     dependencies:
       '@babel/generator': 7.26.3
@@ -6557,8 +5420,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.26.5
 
-  '@types/cli-table@0.3.4': {}
-
   '@types/cookie@0.6.0': {}
 
   '@types/debug@4.1.12':
@@ -6600,12 +5461,6 @@ snapshots:
 
   '@types/json5@0.0.29': {}
 
-  '@types/lodash.mergewith@4.6.9':
-    dependencies:
-      '@types/lodash': 4.17.5
-
-  '@types/lodash@4.17.5': {}
-
   '@types/mdast@4.0.4':
     dependencies:
       '@types/unist': 3.0.2
@@ -6651,11 +5506,6 @@ snapshots:
     dependencies:
       '@types/yargs-parser': 21.0.3
 
-  '@types/yauzl@2.10.3':
-    dependencies:
-      '@types/node': 22.10.6
-    optional: true
-
   '@typescript-eslint/eslint-plugin@8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.18.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -6770,8 +5620,6 @@ snapshots:
       '@typescript-eslint/types': 8.20.0
       eslint-visitor-keys: 4.2.0
 
-  '@visulima/boxen@1.0.25': {}
-
   '@vitejs/plugin-react@4.3.4(vite@6.0.7(@types/node@22.10.6)(jiti@2.4.2)(terser@5.31.1)(yaml@2.6.1))':
     dependencies:
       '@babel/core': 7.26.0
@@ -6825,477 +5673,6 @@ snapshots:
 
   '@xobotyi/scrollbar-width@1.9.5': {}
 
-  '@zag-js/accordion@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/anatomy@0.81.1': {}
-
-  '@zag-js/aria-hidden@0.81.1': {}
-
-  '@zag-js/auto-resize@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-
-  '@zag-js/avatar@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/carousel@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/scroll-snap': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/checkbox@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/focus-visible': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/clipboard@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/collapsible@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/collection@0.81.1':
-    dependencies:
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/color-picker@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/color-utils': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/color-utils@0.81.1':
-    dependencies:
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/combobox@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/aria-hidden': 0.81.1
-      '@zag-js/collection': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/core@0.81.1':
-    dependencies:
-      '@zag-js/store': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/date-picker@0.81.1(@internationalized/date@3.6.0)':
-    dependencies:
-      '@internationalized/date': 3.6.0
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/date-utils': 0.81.1(@internationalized/date@3.6.0)
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/live-region': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/date-utils@0.81.1(@internationalized/date@3.6.0)':
-    dependencies:
-      '@internationalized/date': 3.6.0
-
-  '@zag-js/dialog@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/aria-hidden': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/focus-trap': 0.81.1
-      '@zag-js/remove-scroll': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/dismissable@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/interact-outside': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/dom-query@0.81.1':
-    dependencies:
-      '@zag-js/types': 0.81.1
-
-  '@zag-js/editable@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/interact-outside': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/element-rect@0.81.1': {}
-
-  '@zag-js/element-size@0.81.1': {}
-
-  '@zag-js/file-upload@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/file-utils': 0.81.1
-      '@zag-js/i18n-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/file-utils@0.81.1':
-    dependencies:
-      '@zag-js/i18n-utils': 0.81.1
-
-  '@zag-js/focus-trap@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-
-  '@zag-js/focus-visible@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-
-  '@zag-js/form-utils@0.81.1': {}
-
-  '@zag-js/highlight-word@0.81.1': {}
-
-  '@zag-js/hover-card@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/i18n-utils@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-
-  '@zag-js/interact-outside@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/live-region@0.81.1': {}
-
-  '@zag-js/menu@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/rect-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/number-input@0.81.1':
-    dependencies:
-      '@internationalized/number': 3.6.0
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/pagination@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/pin-input@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/popover@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/aria-hidden': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/focus-trap': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/remove-scroll': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/popper@0.81.1':
-    dependencies:
-      '@floating-ui/dom': 1.6.12
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/presence@0.81.1':
-    dependencies:
-      '@zag-js/core': 0.81.1
-      '@zag-js/types': 0.81.1
-
-  '@zag-js/progress@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/qr-code@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-      proxy-memoize: 3.0.1
-      uqr: 0.1.2
-
-  '@zag-js/radio-group@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/element-rect': 0.81.1
-      '@zag-js/focus-visible': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/rating-group@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/react@0.81.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@zag-js/core': 0.81.1
-      '@zag-js/store': 0.81.1
-      '@zag-js/types': 0.81.1
-      proxy-compare: 3.0.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@zag-js/rect-utils@0.81.1': {}
-
-  '@zag-js/remove-scroll@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-
-  '@zag-js/scroll-snap@0.81.1':
-    dependencies:
-      '@zag-js/dom-query': 0.81.1
-
-  '@zag-js/select@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/collection': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/signature-pad@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-      perfect-freehand: 1.2.2
-
-  '@zag-js/slider@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/element-size': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/splitter@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/steps@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/store@0.81.1':
-    dependencies:
-      proxy-compare: 3.0.1
-
-  '@zag-js/switch@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/focus-visible': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/tabs@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/element-rect': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/tags-input@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/auto-resize': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/form-utils': 0.81.1
-      '@zag-js/interact-outside': 0.81.1
-      '@zag-js/live-region': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/time-picker@0.81.1(@internationalized/date@3.6.0)':
-    dependencies:
-      '@internationalized/date': 3.6.0
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/timer@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/toast@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/toggle-group@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/tooltip@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/focus-visible': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/tour@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dismissable': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/focus-trap': 0.81.1
-      '@zag-js/interact-outside': 0.81.1
-      '@zag-js/popper': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/tree-view@0.81.1':
-    dependencies:
-      '@zag-js/anatomy': 0.81.1
-      '@zag-js/collection': 0.81.1
-      '@zag-js/core': 0.81.1
-      '@zag-js/dom-query': 0.81.1
-      '@zag-js/types': 0.81.1
-      '@zag-js/utils': 0.81.1
-
-  '@zag-js/types@0.81.1':
-    dependencies:
-      csstype: 3.1.3
-
-  '@zag-js/utils@0.81.1': {}
-
   abab@2.0.6: {}
 
   acorn-globals@7.0.1:
@@ -7321,8 +5698,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  agent-base@7.1.3: {}
-
   aggregate-error@3.1.0:
     dependencies:
       clean-stack: 2.2.0
@@ -7335,17 +5710,6 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  allotment@1.20.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      classnames: 2.5.1
-      eventemitter3: 5.0.1
-      lodash.clamp: 4.0.3
-      lodash.debounce: 4.0.8
-      lodash.isequal: 4.5.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      use-resize-observer: 9.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-
   ansi-escapes@4.3.2:
     dependencies:
       type-fest: 0.21.3
@@ -7370,8 +5734,6 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  any-promise@1.3.0: {}
-
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
@@ -7455,10 +5817,6 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
-  ast-types@0.13.4:
-    dependencies:
-      tslib: 2.8.1
-
   ast-types@0.16.1:
     dependencies:
       tslib: 2.8.1
@@ -7469,8 +5827,6 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  b4a@1.6.6: {}
-
   babel-jest@29.7.0(@babel/core@7.26.0):
     dependencies:
       '@babel/core': 7.26.0
@@ -7533,33 +5889,6 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
-  bare-events@2.4.2:
-    optional: true
-
-  bare-fs@2.3.1:
-    dependencies:
-      bare-events: 2.4.2
-      bare-path: 2.1.3
-      bare-stream: 2.1.3
-    optional: true
-
-  bare-os@2.4.0:
-    optional: true
-
-  bare-path@2.1.3:
-    dependencies:
-      bare-os: 2.4.0
-    optional: true
-
-  bare-stream@2.1.3:
-    dependencies:
-      streamx: 2.18.0
-    optional: true
-
-  base64-js@1.5.1: {}
-
-  basic-ftp@5.0.5: {}
-
   better-opn@3.0.2:
     dependencies:
       open: 8.4.2
@@ -7592,20 +5921,8 @@ snapshots:
     dependencies:
       node-int64: 0.4.0
 
-  buffer-crc32@0.2.13: {}
-
   buffer-from@1.1.2: {}
 
-  buffer@5.7.1:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-
-  bundle-n-require@1.1.1:
-    dependencies:
-      esbuild: 0.20.2
-      node-eval: 2.0.0
-
   cac@6.7.14: {}
 
   call-bind-apply-helpers@1.0.1:
@@ -7679,34 +5996,16 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chromium-bidi@0.11.0(devtools-protocol@0.0.1367902):
-    dependencies:
-      devtools-protocol: 0.0.1367902
-      mitt: 3.0.1
-      zod: 3.23.8
-
-  chromium-bidi@0.12.0(devtools-protocol@0.0.1367902):
-    dependencies:
-      devtools-protocol: 0.0.1367902
-      mitt: 3.0.1
-      zod: 3.24.1
-
   ci-info@3.9.0: {}
 
   cjs-module-lexer@1.3.1: {}
 
-  classnames@2.5.1: {}
-
   clean-stack@2.2.0: {}
 
   cli-cursor@5.0.0:
     dependencies:
       restore-cursor: 5.1.0
 
-  cli-table@0.3.11:
-    dependencies:
-      colors: 1.0.3
-
   cli-truncate@4.0.0:
     dependencies:
       slice-ansi: 5.0.0
@@ -7739,8 +6038,6 @@ snapshots:
 
   colorette@2.0.20: {}
 
-  colors@1.0.3: {}
-
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
@@ -7772,15 +6069,6 @@ snapshots:
       path-type: 4.0.0
       yaml: 1.10.2
 
-  cosmiconfig@9.0.0(typescript@5.7.3):
-    dependencies:
-      env-paths: 2.2.1
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      parse-json: 5.2.0
-    optionalDependencies:
-      typescript: 5.7.3
-
   create-jest@29.7.0(@types/node@22.10.6)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@22.10.6)(typescript@5.7.3)):
     dependencies:
       '@jest/types': 29.6.3
@@ -7808,8 +6096,6 @@ snapshots:
     dependencies:
       hyphenate-style-name: 1.1.0
 
-  css-mediaquery@0.1.2: {}
-
   css-tree@1.1.3:
     dependencies:
       mdn-data: 2.0.14
@@ -7827,10 +6113,6 @@ snapshots:
 
   csstype@3.1.3: {}
 
-  data-uri-to-buffer@4.0.1: {}
-
-  data-uri-to-buffer@6.0.2: {}
-
   data-urls@3.0.2:
     dependencies:
       abab: 2.0.6
@@ -7855,8 +6137,6 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
-  dayjs@1.11.13: {}
-
   debug@3.2.7:
     dependencies:
       ms: 2.1.3
@@ -7900,12 +6180,6 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
-  degenerator@5.0.1:
-    dependencies:
-      ast-types: 0.13.4
-      escodegen: 2.1.0
-      esprima: 4.0.1
-
   delayed-stream@1.0.0: {}
 
   dequal@2.0.3: {}
@@ -7916,8 +6190,6 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  devtools-protocol@0.0.1367902: {}
-
   diff-sequences@29.6.3: {}
 
   diff@4.0.2: {}
@@ -7949,8 +6221,6 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
-  eastasianwidth@0.2.0: {}
-
   easy-table@1.2.0:
     dependencies:
       ansi-regex: 5.0.1
@@ -7965,12 +6235,6 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
-  emoji-regex@9.2.2: {}
-
-  end-of-stream@1.4.4:
-    dependencies:
-      once: 1.4.0
-
   enhanced-resolve@5.18.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -7978,8 +6242,6 @@ snapshots:
 
   entities@4.5.0: {}
 
-  env-paths@2.2.1: {}
-
   environment@1.1.0: {}
 
   error-ex@1.3.2:
@@ -8097,32 +6359,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  esbuild@0.20.2:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.20.2
-      '@esbuild/android-arm': 0.20.2
-      '@esbuild/android-arm64': 0.20.2
-      '@esbuild/android-x64': 0.20.2
-      '@esbuild/darwin-arm64': 0.20.2
-      '@esbuild/darwin-x64': 0.20.2
-      '@esbuild/freebsd-arm64': 0.20.2
-      '@esbuild/freebsd-x64': 0.20.2
-      '@esbuild/linux-arm': 0.20.2
-      '@esbuild/linux-arm64': 0.20.2
-      '@esbuild/linux-ia32': 0.20.2
-      '@esbuild/linux-loong64': 0.20.2
-      '@esbuild/linux-mips64el': 0.20.2
-      '@esbuild/linux-ppc64': 0.20.2
-      '@esbuild/linux-riscv64': 0.20.2
-      '@esbuild/linux-s390x': 0.20.2
-      '@esbuild/linux-x64': 0.20.2
-      '@esbuild/netbsd-x64': 0.20.2
-      '@esbuild/openbsd-x64': 0.20.2
-      '@esbuild/sunos-x64': 0.20.2
-      '@esbuild/win32-arm64': 0.20.2
-      '@esbuild/win32-ia32': 0.20.2
-      '@esbuild/win32-x64': 0.20.2
-
   esbuild@0.21.5:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.21.5
@@ -8400,20 +6636,8 @@ snapshots:
 
   extend@3.0.2: {}
 
-  extract-zip@2.0.1:
-    dependencies:
-      debug: 4.4.0
-      get-stream: 5.2.0
-      yauzl: 2.10.0
-    optionalDependencies:
-      '@types/yauzl': 2.10.3
-    transitivePeerDependencies:
-      - supports-color
-
   fast-deep-equal@3.1.3: {}
 
-  fast-fifo@1.3.2: {}
-
   fast-glob@3.3.2:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -8446,15 +6670,6 @@ snapshots:
     dependencies:
       bser: 2.1.1
 
-  fd-slicer@1.1.0:
-    dependencies:
-      pend: 1.2.0
-
-  fetch-blob@3.2.0:
-    dependencies:
-      node-domexception: 1.0.0
-      web-streams-polyfill: 3.3.3
-
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -8486,27 +6701,12 @@ snapshots:
     dependencies:
       is-callable: 1.2.7
 
-  foreground-child@3.3.0:
-    dependencies:
-      cross-spawn: 7.0.6
-      signal-exit: 4.1.0
-
   form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
-  formdata-polyfill@4.0.10:
-    dependencies:
-      fetch-blob: 3.2.0
-
-  fs-extra@11.2.0:
-    dependencies:
-      graceful-fs: 4.2.11
-      jsonfile: 6.1.0
-      universalify: 2.0.1
-
   fs.realpath@1.0.0: {}
 
   fsevents@2.3.2:
@@ -8554,10 +6754,6 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.0.0
 
-  get-stream@5.2.0:
-    dependencies:
-      pump: 3.0.0
-
   get-stream@6.0.1: {}
 
   get-stream@8.0.1: {}
@@ -8568,15 +6764,6 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.2.7
 
-  get-uri@6.0.3:
-    dependencies:
-      basic-ftp: 5.0.5
-      data-uri-to-buffer: 6.0.2
-      debug: 4.4.0
-      fs-extra: 11.2.0
-    transitivePeerDependencies:
-      - supports-color
-
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -8585,15 +6772,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.4.5:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 3.4.3
-      minimatch: 9.0.5
-      minipass: 7.1.2
-      package-json-from-dist: 1.0.1
-      path-scurry: 1.11.1
-
   glob@7.2.3:
     dependencies:
       fs.realpath: 1.0.0
@@ -8612,15 +6790,6 @@ snapshots:
       define-properties: 1.2.1
       gopd: 1.2.0
 
-  globby@14.0.2:
-    dependencies:
-      '@sindresorhus/merge-streams': 2.3.0
-      fast-glob: 3.3.3
-      ignore: 5.3.1
-      path-type: 5.0.0
-      slash: 5.1.0
-      unicorn-magic: 0.1.0
-
   gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
@@ -8651,10 +6820,6 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  history@5.3.0:
-    dependencies:
-      '@babel/runtime': 7.24.7
-
   hoist-non-react-statics@3.3.2:
     dependencies:
       react-is: 16.13.1
@@ -8673,13 +6838,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  http-proxy-agent@7.0.2:
-    dependencies:
-      agent-base: 7.1.3
-      debug: 4.4.0
-    transitivePeerDependencies:
-      - supports-color
-
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
@@ -8687,13 +6845,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  https-proxy-agent@7.0.6:
-    dependencies:
-      agent-base: 7.1.3
-      debug: 4.4.0
-    transitivePeerDependencies:
-      - supports-color
-
   human-signals@2.1.0: {}
 
   human-signals@5.0.0: {}
@@ -8704,8 +6855,6 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  ieee754@1.2.1: {}
-
   ignore@5.3.1: {}
 
   import-fresh@3.3.0:
@@ -8739,11 +6888,6 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
-  ip-address@9.0.5:
-    dependencies:
-      jsbn: 1.1.0
-      sprintf-js: 1.1.3
-
   is-arguments@1.1.1:
     dependencies:
       call-bind: 1.0.8
@@ -8931,12 +7075,6 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
-  jackspeak@3.4.3:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
   javascript-natural-sort@0.7.1: {}
 
   jest-changed-files@29.7.0:
@@ -9278,8 +7416,6 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jsbn@1.1.0: {}
-
   jsdoc-type-pratt-parser@4.1.0: {}
 
   jsdom@20.0.3:
@@ -9331,12 +7467,6 @@ snapshots:
 
   json5@2.2.3: {}
 
-  jsonfile@6.1.0:
-    dependencies:
-      universalify: 2.0.1
-    optionalDependencies:
-      graceful-fs: 4.2.11
-
   jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.8
@@ -9414,16 +7544,8 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash.clamp@4.0.3: {}
-
-  lodash.debounce@4.0.8: {}
-
-  lodash.isequal@4.5.0: {}
-
   lodash.merge@4.6.2: {}
 
-  lodash.mergewith@4.6.2: {}
-
   lodash@4.17.21: {}
 
   log-update@6.1.0:
@@ -9436,22 +7558,16 @@ snapshots:
 
   longest-streak@3.1.0: {}
 
-  look-it-up@2.1.0: {}
-
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
 
   loupe@3.1.2: {}
 
-  lru-cache@10.4.3: {}
-
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
-  lru-cache@7.18.3: {}
-
   lz-string@1.5.0: {}
 
   magic-string@0.27.0:
@@ -9816,18 +7932,8 @@ snapshots:
 
   minimist@1.2.8: {}
 
-  minipass@7.1.2: {}
-
-  mitt@3.0.1: {}
-
   ms@2.1.3: {}
 
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
   nano-css@5.6.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -9845,25 +7951,6 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  netmask@2.0.2: {}
-
-  next-themes@0.4.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  node-domexception@1.0.0: {}
-
-  node-eval@2.0.0:
-    dependencies:
-      path-is-absolute: 1.0.1
-
-  node-fetch@3.3.2:
-    dependencies:
-      data-uri-to-buffer: 4.0.1
-      fetch-blob: 3.2.0
-      formdata-polyfill: 4.0.10
-
   node-int64@0.4.0: {}
 
   node-releases@2.0.19: {}
@@ -9982,28 +8069,6 @@ snapshots:
 
   p-try@2.2.0: {}
 
-  pac-proxy-agent@7.1.0:
-    dependencies:
-      '@tootallnate/quickjs-emscripten': 0.23.0
-      agent-base: 7.1.3
-      debug: 4.4.0
-      get-uri: 6.0.3
-      http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6
-      pac-resolver: 7.0.1
-      socks-proxy-agent: 8.0.5
-    transitivePeerDependencies:
-      - supports-color
-
-  pac-resolver@7.0.1:
-    dependencies:
-      degenerator: 5.0.1
-      netmask: 2.0.2
-
-  package-json-from-dist@1.0.1: {}
-
-  package-manager-detector@0.1.2: {}
-
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -10031,23 +8096,12 @@ snapshots:
 
   path-parse@1.0.7: {}
 
-  path-scurry@1.11.1:
-    dependencies:
-      lru-cache: 10.4.3
-      minipass: 7.1.2
-
   path-type@4.0.0: {}
 
-  path-type@5.0.0: {}
-
   pathe@1.1.2: {}
 
   pathval@2.0.0: {}
 
-  pend@1.2.0: {}
-
-  perfect-freehand@1.2.2: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -10084,8 +8138,6 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier@3.3.3: {}
-
   prettier@3.4.2: {}
 
   pretty-format@27.5.1:
@@ -10106,8 +8158,6 @@ snapshots:
 
   process@0.11.10: {}
 
-  progress@2.0.3: {}
-
   prompts@2.4.2:
     dependencies:
       kleur: 3.0.3
@@ -10119,71 +8169,16 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
-  proxy-agent@6.5.0:
-    dependencies:
-      agent-base: 7.1.3
-      debug: 4.4.0
-      http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6
-      lru-cache: 7.18.3
-      pac-proxy-agent: 7.1.0
-      proxy-from-env: 1.1.0
-      socks-proxy-agent: 8.0.5
-    transitivePeerDependencies:
-      - supports-color
-
-  proxy-compare@3.0.1: {}
-
-  proxy-from-env@1.1.0: {}
-
-  proxy-memoize@3.0.1:
-    dependencies:
-      proxy-compare: 3.0.1
-
   psl@1.9.0: {}
 
-  pump@3.0.0:
-    dependencies:
-      end-of-stream: 1.4.4
-      once: 1.4.0
-
   punycode@2.3.1: {}
 
-  puppeteer-core@24.0.0:
-    dependencies:
-      '@puppeteer/browsers': 2.7.0
-      chromium-bidi: 0.11.0(devtools-protocol@0.0.1367902)
-      debug: 4.4.0
-      devtools-protocol: 0.0.1367902
-      typed-query-selector: 2.12.0
-      ws: 8.18.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
-  puppeteer@24.0.0(typescript@5.7.3):
-    dependencies:
-      '@puppeteer/browsers': 2.7.0
-      chromium-bidi: 0.12.0(devtools-protocol@0.0.1367902)
-      cosmiconfig: 9.0.0(typescript@5.7.3)
-      devtools-protocol: 0.0.1367902
-      puppeteer-core: 24.0.0
-      typed-query-selector: 2.12.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - typescript
-      - utf-8-validate
-
   pure-rand@6.1.0: {}
 
   querystringify@2.2.0: {}
 
   queue-microtask@1.2.3: {}
 
-  queue-tick@1.0.1: {}
-
   react-docgen-typescript@2.2.2(typescript@5.7.3):
     dependencies:
       typescript: 5.7.3
@@ -10466,8 +8461,6 @@ snapshots:
 
   screenfull@5.2.0: {}
 
-  scule@1.3.0: {}
-
   semver@6.3.1: {}
 
   semver@7.6.3: {}
@@ -10542,8 +8535,6 @@ snapshots:
 
   slash@3.0.0: {}
 
-  slash@5.1.0: {}
-
   slice-ansi@5.0.0:
     dependencies:
       ansi-styles: 6.2.1
@@ -10554,23 +8545,8 @@ snapshots:
       ansi-styles: 6.2.1
       is-fullwidth-code-point: 5.0.0
 
-  smart-buffer@4.2.0: {}
-
   smol-toml@1.3.1: {}
 
-  socks-proxy-agent@8.0.5:
-    dependencies:
-      agent-base: 7.1.3
-      debug: 4.4.0
-      socks: 2.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  socks@2.8.3:
-    dependencies:
-      ip-address: 9.0.5
-      smart-buffer: 4.2.0
-
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.13:
@@ -10592,8 +8568,6 @@ snapshots:
 
   sprintf-js@1.0.3: {}
 
-  sprintf-js@1.1.3: {}
-
   stack-generator@2.0.10:
     dependencies:
       stackframe: 1.3.4
@@ -10629,14 +8603,6 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  streamx@2.18.0:
-    dependencies:
-      fast-fifo: 1.3.2
-      queue-tick: 1.0.1
-      text-decoder: 1.1.0
-    optionalDependencies:
-      bare-events: 2.4.2
-
   string-argv@0.3.2: {}
 
   string-length@4.0.2:
@@ -10650,12 +8616,6 @@ snapshots:
       is-fullwidth-code-point: 3.0.0
       strip-ansi: 6.0.1
 
-  string-width@5.1.2:
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
-
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.3.0
@@ -10738,16 +8698,6 @@ snapshots:
 
   stylis@4.3.2: {}
 
-  sucrase@3.35.0:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      commander: 4.1.1
-      glob: 10.4.5
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.6
-      ts-interface-checker: 0.1.13
-
   summary@2.1.0: {}
 
   supports-color@5.5.0:
@@ -10768,20 +8718,6 @@ snapshots:
 
   tapable@2.2.1: {}
 
-  tar-fs@3.0.6:
-    dependencies:
-      pump: 3.0.0
-      tar-stream: 3.1.7
-    optionalDependencies:
-      bare-fs: 2.3.1
-      bare-path: 2.1.3
-
-  tar-stream@3.1.7:
-    dependencies:
-      b4a: 1.6.6
-      fast-fifo: 1.3.2
-      streamx: 2.18.0
-
   terser@5.31.1:
     dependencies:
       '@jridgewell/source-map': 0.3.6
@@ -10796,22 +8732,8 @@ snapshots:
       glob: 7.2.3
       minimatch: 3.1.2
 
-  text-decoder@1.1.0:
-    dependencies:
-      b4a: 1.6.6
-
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
   throttle-debounce@3.0.1: {}
 
-  through@2.3.8: {}
-
   tiny-invariant@1.3.3: {}
 
   tinybench@2.9.0: {}
@@ -10857,8 +8779,6 @@ snapshots:
 
   ts-easing@0.2.0: {}
 
-  ts-interface-checker@0.1.13: {}
-
   ts-node@10.9.2(@types/node@22.10.6)(typescript@5.7.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
@@ -10937,8 +8857,6 @@ snapshots:
       possible-typed-array-names: 1.0.0
       reflect.getprototypeof: 1.0.10
 
-  typed-query-selector@2.12.0: {}
-
   typescript@5.7.3: {}
 
   unbox-primitive@1.1.0:
@@ -10948,15 +8866,8 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  unbzip2-stream@1.4.3:
-    dependencies:
-      buffer: 5.7.1
-      through: 2.3.8
-
   undici-types@6.20.0: {}
 
-  unicorn-magic@0.1.0: {}
-
   unified@11.0.4:
     dependencies:
       '@types/unist': 3.0.2
@@ -10988,8 +8899,6 @@ snapshots:
 
   universalify@0.2.0: {}
 
-  universalify@2.0.1: {}
-
   unplugin@1.11.0:
     dependencies:
       acorn: 8.14.0
@@ -11003,8 +8912,6 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
-  uqr@0.1.2: {}
-
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -11020,12 +8927,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.8
 
-  use-resize-observer@9.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@juggle/resize-observer': 3.4.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   use-sync-external-store@1.2.2(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -11149,8 +9050,6 @@ snapshots:
       defaults: 1.0.4
     optional: true
 
-  web-streams-polyfill@3.3.3: {}
-
   webidl-conversions@7.0.0: {}
 
   webpack-sources@3.2.3: {}
@@ -11225,12 +9124,6 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
 
-  wrap-ansi@8.1.0:
-    dependencies:
-      ansi-styles: 6.2.1
-      string-width: 5.1.2
-      strip-ansi: 7.1.0
-
   wrap-ansi@9.0.0:
     dependencies:
       ansi-styles: 6.2.1
@@ -11272,11 +9165,6 @@ snapshots:
       y18n: 5.0.8
       yargs-parser: 21.1.1
 
-  yauzl@2.10.0:
-    dependencies:
-      buffer-crc32: 0.2.13
-      fd-slicer: 1.1.0
-
   yn@3.1.1: {}
 
   yocto-queue@0.1.0: {}
@@ -11285,8 +9173,6 @@ snapshots:
     dependencies:
       zod: 3.24.1
 
-  zod@3.23.8: {}
-
   zod@3.24.1: {}
 
   zustand@5.0.3(@types/react@18.3.8)(react@18.3.1)(use-sync-external-store@1.2.2(react@18.3.1)):
diff --git a/front/src/App.tsx b/front/src/App.tsx
index 4c119c0..425d8e3 100644
--- a/front/src/App.tsx
+++ b/front/src/App.tsx
@@ -1,132 +1,109 @@
-import { useState } from 'react';
-
-import {
-  Box,
-  Button,
-  ChakraProvider,
-  DialogBody,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogRoot,
-  DialogTrigger,
-  SelectContent,
-  SelectItem,
-  SelectRoot,
-  SelectTrigger,
-  SelectValueText,
-  Stack,
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
-
-import { environment } from '@/environment';
 import { App as SpaApp } from '@/scene/App';
-import { USERS, USERS_COLLECTION } from '@/service/session';
-import { hashLocalData } from '@/utils/sso';
-import { Toaster } from './components/ui/toaster';
-import { systemTheme } from './theme/theme';
+import { FullPage } from './ui';
 
-const AppEnvHint = () => {
-  const dialog = useDisclosure();
-  const [selectUserTest, setSelectUserTest] = useState<string>('NO_USER');
-  //const setUser = useRightsStore((store) => store.setUser);
-  const buildEnv =
-    process.env.NODE_ENV === 'development'
-      ? 'Development'
-      : import.meta.env.VITE_DEV_ENV_NAME;
-  const envName: Array<string> = [];
-  !!buildEnv && envName.push(buildEnv);
-  if (!envName.length) {
-    return null;
-  }
-  const handleChange = (selectedOption) => {
-    console.log(`SELECT: [${selectedOption.target.value}]`);
-    setSelectUserTest(selectedOption.target.value);
-  };
-  const onClose = () => {
-    dialog.onClose();
-    if (selectUserTest == 'NO_USER') {
-      window.location.href = `/${environment.applName}/sso/${hashLocalData()}/false/__LOGOUT__`;
-    } else {
-      window.location.href = `/${environment.applName}/sso/${hashLocalData()}/true/${USERS[selectUserTest]}`;
-    }
-  };
+// const AppEnvHint = () => {
+//   const dialog = useDisclosure();
+//   const [selectUserTest, setSelectUserTest] = useState<string>('NO_USER');
+//   //const setUser = useRightsStore((store) => store.setUser);
+//   const buildEnv =
+//     process.env.NODE_ENV === 'development'
+//       ? 'Development'
+//       : import.meta.env.VITE_DEV_ENV_NAME;
+//   const envName: Array<string> = [];
+//   !!buildEnv && envName.push(buildEnv);
+//   if (!envName.length) {
+//     return null;
+//   }
+//   const handleChange = (selectedOption) => {
+//     console.log(`SELECT: [${selectedOption.target.value}]`);
+//     setSelectUserTest(selectedOption.target.value);
+//   };
+//   const onClose = () => {
+//     dialog.onClose();
+//     if (selectUserTest == 'NO_USER') {
+//       window.location.href = `/${environment.applName}/sso/${hashLocalData()}/false/__LOGOUT__`;
+//     } else {
+//       window.location.href = `/${environment.applName}/sso/${hashLocalData()}/true/${USERS[selectUserTest]}`;
+//     }
+//   };
 
-  return (
-    <>
-      <Box
-        zIndex="100000"
-        position="fixed"
-        top="0"
-        insetStart="0"
-        insetEnd="0"
-        h="2px"
-        bg="warning.400"
-        as="button"
-        cursor="pointer"
-        data-test-id="devtools"
-        onClick={dialog.onOpen}
-      >
-        <Text
-          position="fixed"
-          top="0"
-          insetStart="4"
-          bg="warning.400"
-          color="warning.900"
-          fontSize="0.6rem"
-          fontWeight="bold"
-          px="10px"
-          marginLeft="25%"
-          borderBottomStartRadius="sm"
-          borderBottomEndRadius="sm"
-          textTransform="uppercase"
-        >
-          {envName.join(' : ')}
-        </Text>
-      </Box>
-      <DialogRoot open={dialog.open} onOpenChange={dialog.onClose}>
-        <DialogContent>
-          <DialogHeader>Outils développeurs</DialogHeader>
-          <DialogTrigger asChild>
-            <Button variant="outline" size="sm">
-              {dialog.open ? "Close" : "Open"} Dialog
-            </Button>
-          </DialogTrigger>
-          <DialogBody>
-            <Stack>
-              <Text>User</Text>
-              <SelectRoot onChange={handleChange} collection={USERS_COLLECTION}>
-                <SelectTrigger>
-                  <SelectValueText placeholder="Select test user" />
-                </SelectTrigger>
-                <SelectContent>
-                  {USERS_COLLECTION.items.map((value) => (
-                    <SelectItem item={value} key={value.value}>
-                      {value.label}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </SelectRoot>
-            </Stack>
-          </DialogBody>
-          <DialogFooter>
-            <Button onClick={onClose}>Apply</Button>
-          </DialogFooter>
-        </DialogContent>
-      </DialogRoot>
-    </>
-  );
-};
+//   return (
+//     <>
+//       <div style={{
+//         zIndex: "100000",
+//         position: "fixed",
+//         top: "0",
+//         height: "2px",
+//         background: "warning.400",
+//         cursor: "pointer"
+//       }}
+//         data-test-id="devtools"
+//         onClick={dialog.onOpen}
+//       >
+//         <div style={{
+//           position: "fixed",
+//           top: "0",
+//           background: "warning.400",
+//           color: "warning.900",
+//           fontSize: "0.6rem",
+//           fontWeight: "bold",
+//           paddingLeft: "10px",
+//           paddingRight: "10px",
+//           marginLeft: "25%",
+//           borderRadius: "10px 0 10px 0",
+//           textTransform: "uppercase",
+//         }}
+//         >
+//           {envName.join(' : ')}
+//         </div>
+//       </div>
+//       <Dialog.Root open={dialog.open} onOpenChange={dialog.onClose}>
+//         <Dialog.Trigger asChild>
+//           <Button>
+//             {dialog.open ? "Close" : "Open"} Dialog
+//           </Button>
+//         </Dialog.Trigger>
+//         <Portal>
+//           <Dialog.Backdrop />
+//           <Dialog.Positioner>
+//             <Dialog.Content>
+//               <Dialog.Title>Outils développeurs</Dialog.Title>
+//               <Dialog.Description>
+//                 <HStack>
+//                   <Text>User</Text>
+//                   <Select.Root onChange={handleChange} collection={USERS_COLLECTION}>
+//                     <Select.Trigger>
+//                       <SelectValueText placeholder="Select test user" />
+//                     </Select.Trigger>
+//                     <Select.Content>
+//                       {USERS_COLLECTION.items.map((value) => (
+//                         <Select.Item item={value} key={value.value}>
+//                           {value.label}
+//                         </Select.Item>
+//                       ))}
+//                     </Select.Content>
+//                   </Select.Root>
+//                 </HStack>
+//               </Dialog.Description>
+//               <Dialog.CloseTrigger>
+//                 <Button onClick={onClose}>Apply</Button>
+//               </Dialog.CloseTrigger>
+//             </Dialog.Content>
+//           </Dialog.Positioner>
+//         </Portal>
+//       </Dialog.Root>
+//     </>
+//   );
+// };
 
 const App = () => {
 
   return (
-    <ChakraProvider value={systemTheme}>
-      <AppEnvHint />
-      <SpaApp />
-      <Toaster />
-    </ChakraProvider>
+    <FullPage data-test-id="Full-root-page">
+      {/* <AppEnvHint /> */}
+      <SpaApp data-test-id="app" />
+      {/* <Toaster /> */}
+    </FullPage>
   );
 };
 
diff --git a/front/src/components/AudioPlayer.tsx b/front/src/components/AudioPlayer.tsx
index 404daa7..430ff00 100644
--- a/front/src/components/AudioPlayer.tsx
+++ b/front/src/components/AudioPlayer.tsx
@@ -1,16 +1,6 @@
 import { SyntheticEvent, useEffect, useRef, useState } from 'react';
 
-import {
-  Box,
-  Button,
-  Flex,
-  IconButton,
-  Slider,
-  SliderRoot,
-  SliderThumb,
-  SliderTrack,
-  Text,
-} from '@chakra-ui/react';
+
 import {
   MdFastForward,
   MdFastRewind,
@@ -35,6 +25,7 @@ import { DataUrlAccess } from '@/utils/data-url-access';
 import { useColorModeValue } from '@/components/ui/color-mode';
 import { isNullOrUndefined } from '@/utils/validator';
 import { Icon } from './Icon';
+import { Flex, Text } from '@/ui';
 
 export enum PlayMode {
   PLAY_ONE,
@@ -213,47 +204,53 @@ export const AudioPlayer = ({ }: AudioPlayerProps) => {
     <>
       {!isNullOrUndefined(trackOffset) && (
         <Flex
-          position="absolute"
-          height="150px"
-          minHeight="150px"
-          paddingY="5px"
-          paddingX="10px"
-          marginX="15px"
-          bottom={0}
-          left={0}
-          right={0}
-          zIndex={1000}
-          borderWidth="1px"
-          borderColor="brand.900"
-          bgColor={backColor}
-          borderTopRadius="10px"
+          style={{
+            position: "absolute",
+            height: "150px",
+            minHeight: "150px",
+            padding: "5px 10px 5px 10px",
+            margin: "0 15px 0 15px",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            zIndex: 1000,
+            borderWidth: "1px",
+            borderColor: "brand.900",
+            backgroundColor: backColor,
+            borderRadius: "10px 10px 0 0",
+          }}
           direction="column"
         >
           <Text
-            alignContent="left"
             fontSize="20px"
             fontWeight="bold"
-            userSelect="none"
-            marginRight="auto"
-            overflow="hidden"
+            style={{
+              alignContent: "left",
+              userSelect: "none",
+              marginRight: "auto",
+              overflow: "hidden",
+            }}
           // noOfLines={1}
           >
             {dataTrack?.name ?? '???'}
           </Text>
           <Text
-            alignContent="left"
             fontSize="16px"
-            userSelect="none"
-            marginRight="auto"
-            overflow="hidden"
-          // noOfLines={1}
+            style={{
+              alignContent: "left",
+              userSelect: "none",
+              marginRight: "auto",
+              overflow: "hidden",
+              //noOfLines:1
+            }}
           >
             {dataArtists.map((data) => data.name).join(', ')} /{' '}
             {dataAlbum && dataAlbum?.name}
             {dataGender && ` / ${dataGender.name}`}
           </Text>
-          <Box width="full" paddingX="15px">
-            <Slider.Root
+          <Flex style={{ width: "full", padding: "0 15px 0 15px" }}>
+            <>TODO ... </>
+            {/* <Slider.Root
               defaultValue={[0]}
               value={[timeProgress]}
               min={0}
@@ -264,26 +261,28 @@ export const AudioPlayer = ({ }: AudioPlayerProps) => {
             // focusThumbOnChange={false}
             >
               <SliderTrack bg="gray.200" height="10px" borderRadius="full">
-                {/* <SliderFilledTrack bg="brand.600" /> */}
+                {/ * <SliderFilledTrack bg="brand.600" /> * /}
               </SliderTrack>
-            </Slider.Root>
-          </Box>
+            </Slider.Root> */}
+          </Flex>
           <Flex>
             <Text
-              alignContent="left"
               fontSize="16px"
-              userSelect="none"
-              marginRight="auto"
-              overflow="hidden"
-            // noOfLines={1}
+              style={{
+                alignContent: "left",
+                userSelect: "none",
+                marginRight: "auto",
+                overflow: "hidden",
+                // noOfLines={1},
+              }}
             >
               {formatTime(timeProgress)}
             </Text>
-            <Text alignContent="left" fontSize="16px" userSelect="none">
+            <Text fontSize="16px" style={{ alignContent: "left", userSelect: "none" }}>
               {formatTime(duration)}
             </Text>
           </Flex>
-          <Flex gap="5px">
+          {/* <Flex gap="5px">
             <IconButton
               {...configButton}
               aria-label={'Play'}
@@ -327,7 +326,7 @@ export const AudioPlayer = ({ }: AudioPlayerProps) => {
               aria-label={'continue to the end'}
               onClick={onTypePlay}
             >{playModeIcon[playingMode]}</IconButton>
-          </Flex>
+          </Flex> */}
         </Flex>
       )}
 
diff --git a/front/src/components/Cover.tsx b/front/src/components/Cover.tsx
index 5c1ff20..8160c12 100644
--- a/front/src/components/Cover.tsx
+++ b/front/src/components/Cover.tsx
@@ -1,11 +1,9 @@
 import { ReactElement, useEffect, useState } from 'react';
 
-import { Box, BoxProps, Flex, FlexProps } from '@chakra-ui/react';
-import { Image } from '@chakra-ui/react';
-
 import { DataUrlAccess } from '@/utils/data-url-access';
 import { Icon } from './Icon';
 import { ObjectId } from '@/back-api';
+import { Flex } from '@/ui';
 
 export type CoversProps = Omit<BoxProps, "iconEmpty"> & {
   data?: ObjectId[];
@@ -45,26 +43,28 @@ export const Covers = ({
       return <Icon icon={iconEmpty} sizeIcon={size} />;
     } else {
       return (
-        <Box
-          width={size}
-          height={size}
-          minHeight={size}
-          minWidth={size}
-          borderColor="blue"
-          borderWidth="1px"
-          margin="auto"
+        <Flex
+          style={{
+            width: size,
+            height: size,
+            minHeight: size,
+            minWidth: size,
+            borderColor: "blue",
+            borderWidth: "1px",
+            margin: "auto",
+          }}
           {...rest}
-        ></Box>
+        ></Flex>
       );
     }
   }
   if (slideshow === false || data.length === 1) {
     const url = DataUrlAccess.getThumbnailUrl(data[0]);
-    return <Image loading="lazy" src={url} maxWidth={size} boxSize={size} /*{...rest}*/ />;
+    return <></>;//<image loading="lazy" src={url} maxWidth={size} boxSize={size} /*{...rest}*/ />;
   }
   const urlCurrent = DataUrlAccess.getThumbnailUrl(data[currentImageIndex]);
   const urlPrevious = DataUrlAccess.getThumbnailUrl(data[previousImageIndex]);
-  return <Flex
+  return <></>/*<Flex
     position="relative"
     // {...rest}
     maxWidth={size}
@@ -95,5 +95,5 @@ export const Covers = ({
       opacity={topOpacity}
       zIndex={2}
     />
-  </Flex>
+  </Flex>*/
 };
diff --git a/front/src/components/EmptyEnd.tsx b/front/src/components/EmptyEnd.tsx
index e054f6c..1b77e9d 100644
--- a/front/src/components/EmptyEnd.tsx
+++ b/front/src/components/EmptyEnd.tsx
@@ -1,13 +1,15 @@
-import { Box } from '@chakra-ui/react';
+import { Flex } from "@/ui";
 
 export const EmptyEnd = () => {
   return (
-    <Box
-      width="full"
-      height="25%"
-      minHeight="250px"
+    <Flex
+      style={{
+        width: "full",
+        height: "25%",
+        minHeight: "250px",
+      }}
     // borderWidth="1px"
     // borderColor="red"
-    ></Box>
+    ></Flex>
   );
 };
diff --git a/front/src/components/Icon.tsx b/front/src/components/Icon.tsx
index 8937957..4efd7ee 100644
--- a/front/src/components/Icon.tsx
+++ b/front/src/components/Icon.tsx
@@ -1,8 +1,5 @@
-import {
-    Box,
-    Flex,
-    FlexProps,
-} from '@chakra-ui/react';
+
+import { Flex, FlexProps } from '@/ui';
 import { forwardRef, ReactNode } from 'react';
 
 export type IconProps = FlexProps & {
@@ -12,26 +9,31 @@ export type IconProps = FlexProps & {
 };
 
 export const Icon = forwardRef<HTMLDivElement, IconProps>(
-    ({ icon: IconEl, color, sizeIcon = '1em', ...rest }, ref) => {
+    ({ icon: IconEl, color, sizeIcon = '1em', style, ...rest }, ref) => {
         return (
-            <Flex flex="none"
-                minWidth={sizeIcon}
-                minHeight={sizeIcon}
-                maxWidth={sizeIcon}
-                maxHeight={sizeIcon}
+            <Flex
                 align="center"
-                padding="1px"
-                ref={ref}
+                style={{
+                    flex: "none",
+                    minWidth: sizeIcon,
+                    minHeight: sizeIcon,
+                    maxWidth: sizeIcon,
+                    maxHeight: sizeIcon,
+                    padding: "1px",
+                    ...style
+                }}
                 {...rest}>
-                <Box
-                    marginX="auto"
-                    width="100%"
-                    minWidth="100%"
-                    height="100%"
-                    color={color}
+                <Flex
+                    style={{
+                        margin: "0 auto 0 auto",
+                        width: "100%",
+                        minWidth: "100%",
+                        height: "100%",
+                        color: color,
+                    }}
                 >
                     {IconEl}
-                </Box>
+                </Flex>
             </Flex>
         );
     }
diff --git a/front/src/components/Layout/PageLayout.tsx b/front/src/components/Layout/PageLayout.tsx
index 3bb3c72..5c8cf65 100644
--- a/front/src/components/Layout/PageLayout.tsx
+++ b/front/src/components/Layout/PageLayout.tsx
@@ -1,6 +1,5 @@
 import React, { ReactNode, useEffect } from 'react';
 
-import { Flex, Image } from '@chakra-ui/react';
 import { useLocation } from 'react-router-dom';
 
 import background from '@/assets/images/ikon.svg';
diff --git a/front/src/components/Layout/PageLayoutInfoCenter.tsx b/front/src/components/Layout/PageLayoutInfoCenter.tsx
index 7c5983c..3576155 100644
--- a/front/src/components/Layout/PageLayoutInfoCenter.tsx
+++ b/front/src/components/Layout/PageLayoutInfoCenter.tsx
@@ -1,6 +1,5 @@
 import React, { ReactNode, useEffect } from 'react';
 
-import { Flex, FlexProps } from '@chakra-ui/react';
 import { useLocation } from 'react-router-dom';
 
 import { PageLayout } from '@/components/Layout/PageLayout';
diff --git a/front/src/components/SearchInput.tsx b/front/src/components/SearchInput.tsx
index 046c516..f93601a 100644
--- a/front/src/components/SearchInput.tsx
+++ b/front/src/components/SearchInput.tsx
@@ -1,9 +1,5 @@
 import { useState } from 'react';
 
-import {
-  Group,
-  Input,
-} from '@chakra-ui/react';
 import { MdSearch } from 'react-icons/md';
 
 export type SearchInputProps = {
diff --git a/front/src/components/TopBar/TopBar.tsx b/front/src/components/TopBar/TopBar.tsx
index 4527a82..86cf86a 100644
--- a/front/src/components/TopBar/TopBar.tsx
+++ b/front/src/components/TopBar/TopBar.tsx
@@ -1,13 +1,6 @@
 import { ReactNode } from 'react';
 
-import {
-  Box,
-  Flex,
-  HStack,
-  IconButton,
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
+
 import {
   LuAlignJustify,
   LuArrowBigLeft,
@@ -25,15 +18,10 @@ import { colors } from '@/theme/foundations/colors';
 import { requestSignIn, requestSignOut, requestSignUp } from '@/utils/sso';
 import { useSessionService } from '@/service/session';
 import { MdHelp, MdHome, MdMore, MdOutlinePlaylistPlay, MdOutlineUploadFile, MdSupervisedUserCircle } from 'react-icons/md';
-import { MenuContent, MenuItem, MenuRoot, MenuTrigger } from '@/components/ui/menu';
 import { useColorMode, useColorModeValue } from '@/components/ui/color-mode';
-import {
-  DrawerBody,
-  DrawerContent,
-  DrawerHeader,
-  DrawerRoot,
-} from '@/components/ui/drawer';
-import { Button } from '../ui/themed';
+import { THEME } from '@/theme/theme';
+import { useDisclosure } from '@/utils/disclosure';
+import { Button, Flex, Text } from '@/ui';
 
 export const TOP_BAR_HEIGHT = '50px';
 
@@ -87,22 +75,24 @@ export const TopBar = ({ title, children }: TopBarProps) => {
   };
   return (
     <Flex
-      position="absolute"
-      top={0}
-      left={0}
-      right={0}
-      height={TOP_BAR_HEIGHT}
-      alignItems="center"
-      justifyContent="space-between"
-      backgroundColor={backColor}
       gap="2"
-      px="2"
-      boxShadow={'0px 2px 4px ' + colors.back[900]}
-      zIndex={200}
+      align="center"
+      justify="space-between"
+      style={{
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        height: TOP_BAR_HEIGHT,
+        backgroundColor: backColor,
+        padding: "0 2 0 2",
+        boxShadow: `0px 2px 4px ${colors.back[900]}`,
+        zIndex: 200,
+      }}
     >
       <Button {...BUTTON_TOP_BAR_PROPERTY} onClick={onChangeTheme}>
         <LuAlignJustify />
-        <Text paddingLeft="3px" fontWeight="bold">
+        <Text style={{ padding: "0 0 0 3px" }} fontWeight="bold">
           Karusic
         </Text>
       </Button>
@@ -110,77 +100,79 @@ export const TopBar = ({ title, children }: TopBarProps) => {
         <Text
           fontSize="20px"
           fontWeight="bold"
-          textTransform="uppercase"
-          marginRight="auto"
-          userSelect="none"
+          style={{
+            textTransform: "uppercase",
+            marginRight: "auto",
+            userSelect: "none",
+          }}
         >
           {title}
         </Text>
       )}
       {children}
-      <Flex right="0">
+      <Flex style={{ right: 0 }}>
         {session?.state !== SessionState.CONNECTED && (
           <>
-            <Button {...BUTTON_TOP_BAR_PROPERTY} theme="@primary" onClick={onSignIn}>
+            <Button {...BUTTON_TOP_BAR_PROPERTY}  {...THEME.Button.primary} onClick={onSignIn}>
               <LuLogIn />
-              <Text paddingLeft="3px" fontWeight="bold">
+              <Text style={{ paddingLeft: "0 0 0 3px" }} fontWeight="bold">
                 Sign-in
               </Text>
             </Button>
             <Button
               {...BUTTON_TOP_BAR_PROPERTY}
               onClick={onSignUp}
-              disabled={true}
+            // disabled={true}
             >
               <MdMore />
-              <Text paddingLeft="3px" fontWeight="bold">
+              <Text style={{ padding: "0 0 0 3px" }} fontWeight="bold">
                 Sign-up
               </Text>
             </Button>
           </>
         )}
-        {session?.state === SessionState.CONNECTED && (
-          <MenuRoot>
-            <MenuTrigger asChild>
+        {/* {session?.state === SessionState.CONNECTED && (
+          <Menu.Root>
+            <Menu.Trigger asChild>
               <IconButton
                 as={IconButton}
                 aria-label="Options"
                 {...BUTTON_TOP_BAR_PROPERTY}
                 width={TOP_BAR_HEIGHT}
               ><MdSupervisedUserCircle /></IconButton>
-            </MenuTrigger>
-            <MenuContent>
-              <MenuItem value="user" valueText="user" _hover={{}} color={useColorModeValue('brand.800', 'brand.200')}>
+            </Menu.Trigger>
+            <Menu.Content>
+              <Menu.Item value="user" valueText="user" _hover={{}} color={useColorModeValue('brand.800', 'brand.200')}>
                 <MdSupervisedUserCircle />
                 <Box flex="1">Sign in as {session?.login ?? 'Fail'}</Box>
-              </MenuItem>
-              <MenuItem value="Settings" valueText="Settings" onClick={onSettings}><LuSettings />Settings</MenuItem>
-              <MenuItem value="Help" valueText="Help" onClick={onHelp}><MdHelp /> Help</MenuItem>
-              <MenuItem value="Sign-out" valueText="Sign-out" onClick={onSignOut}>
+              </Menu.Item>
+              <Menu.Item value="Settings" valueText="Settings" onClick={onSettings}><LuSettings />Settings</Menu.Item>
+              <Menu.Item value="Help" valueText="Help" onClick={onHelp}><MdHelp /> Help</Menu.Item>
+              <Menu.Item value="Sign-out" valueText="Sign-out" onClick={onSignOut}>
                 <LuLogOut /> Sign-out
-              </MenuItem>
+              </Menu.Item>
               {colorMode === 'light' ? (
-                <MenuItem value="set-dark" valueText="set-dark" onClick={toggleColorMode}>
+                <Menu.Item value="set-dark" valueText="set-dark" onClick={toggleColorMode}>
                   <LuMoon /> Set dark mode
-                </MenuItem>
+                </Menu.Item>
               ) : (
-                <MenuItem value="set-light" valueText="set-light" onClick={toggleColorMode}>
+                <Menu.Item value="set-light" valueText="set-light" onClick={toggleColorMode}>
                   <LuSun /> Set light mode
-                </MenuItem>
+                </Menu.Item>
               )}
-            </MenuContent>
-          </MenuRoot>
-        )}
+            </Menu.Content>
+          </Menu.Root>
+        )} */}
       </Flex>
-      <DrawerRoot
+      {/* <Drawer.Root
         placement="start"
         onOpenChange={drawerDisclose.onClose}
         open={drawerDisclose.open}
         data-testid="top-bar_drawer-root"
       >
-        <DrawerContent
-          data-testid="top-bar_drawer-content">
-          <DrawerHeader
+        <Drawer.Content
+          data-test-id="top-bar_drawer-content">
+          <Drawer.Header
             paddingY="auto"
             as="button"
             onClick={drawerDisclose.onClose}
@@ -195,8 +187,8 @@ export const TopBar = ({ title, children }: TopBarProps) => {
                 Karusic
               </Text>
             </HStack>
-          </DrawerHeader>
-          <DrawerBody paddingX="0px">
+          </Drawer.Header>
+          <Drawer.Body paddingX="0px">
             <Button
               background="#00000000"
               borderRadius="0px"
@@ -232,9 +224,9 @@ export const TopBar = ({ title, children }: TopBarProps) => {
                 Add Media
               </Text>
             </Button>
-          </DrawerBody>
-        </DrawerContent>
-      </DrawerRoot>
+          </Drawer.Body>
+        </Drawer.Content>
+      </Drawer.Root> */}
     </Flex>
   );
 };
diff --git a/front/src/components/album/DisplayAlbum.tsx b/front/src/components/album/DisplayAlbum.tsx
index e9d670b..9dff654 100644
--- a/front/src/components/album/DisplayAlbum.tsx
+++ b/front/src/components/album/DisplayAlbum.tsx
@@ -1,4 +1,4 @@
-import { Flex, Text } from '@chakra-ui/react';
+
 import { LuDisc3 } from 'react-icons/lu';
 
 import { Album } from '@/back-api';
diff --git a/front/src/components/contextMenu/ContextMenu.tsx b/front/src/components/contextMenu/ContextMenu.tsx
index 482c365..c62baf0 100644
--- a/front/src/components/contextMenu/ContextMenu.tsx
+++ b/front/src/components/contextMenu/ContextMenu.tsx
@@ -1,12 +1,6 @@
-import { useState } from 'react';
 
-import {
-  IconButton,
-} from '@chakra-ui/react';
 import { LuMenu } from 'react-icons/lu';
-import { MenuContent, MenuItem, MenuRoot, MenuTrigger } from '../ui/menu';
-import { Button } from '../ui/themed';
-import { customVariant } from '@/theme/recipes/button';
+import { THEME } from '@/theme/theme';
 
 export type MenuElement = {
   name: string;
@@ -17,44 +11,29 @@ export type ContextMenuProps = {
   elements?: MenuElement[];
 };
 
-const theme = {
-  plop: {
-    bg: { _light: 'red', _dark: 'brand.300', _pink: "orange" },
-    _hover: { bg: { _light: 'green', _dark: 'brand.400', _pink: "black" } },
-    // bg: { _light: 'brand.600', _dark: 'brand.300' },
-    // _hover: { bg: { _light: 'brand.700', _dark: 'brand.400' } },
-    /*
-    bgActive: { _light: 'brand.600', _dark: 'brand.300' },
-    color: { _light: 'white', _dark: 'brand.900' },
-    colorHover: { _light: 'brand.800', _dark: 'brand.100' },
-    boxShadowHover: 'outline-over'
-    */
-  }
-};
-
 export const ContextMenu = ({ elements }: ContextMenuProps) => {
   if (!elements) {
     return <></>;
   }
   return (
-    <MenuRoot
+    <Menu.Root
       data-testid="context-menu">
-      <MenuTrigger asChild
+      <Menu.Trigger asChild
         data-testid="context-menu_trigger">
         {/* This is very stupid, we need to set as span to prevent a button in button... WTF */}
-        <Button {...theme.plop} /*theme="@primary"*/>
+        <Button {...THEME.Button.primary} >
           <LuMenu />
         </Button>
-      </MenuTrigger>
-      <MenuContent
+      </Menu.Trigger>
+      <Menu.Content
         data-testid="context-menu_content">
         {elements?.map((data) => (
-          <MenuItem key={data.name} value={data.name} onClick={data.onClick}
+          <Menu.Item key={data.name} value={data.name} onClick={data.onClick}
             data-testid="context-menu_item">
             {data.name}
-          </MenuItem>
+          </Menu.Item>
         ))}
-      </MenuContent>
-    </MenuRoot >
+      </Menu.Content>
+    </Menu.Root >
   );
 };
diff --git a/front/src/components/form/FormCovers.tsx b/front/src/components/form/FormCovers.tsx
index 547e12a..c5b2859 100644
--- a/front/src/components/form/FormCovers.tsx
+++ b/front/src/components/form/FormCovers.tsx
@@ -3,14 +3,7 @@ import {
   RefObject,
 } from 'react';
 
-import {
-  Box,
-  BoxProps,
-  Center,
-  Flex,
-  HStack,
-  Image,
-} from '@chakra-ui/react';
+
 import {
   MdHighlightOff,
   MdUploadFile,
@@ -19,6 +12,7 @@ import {
 import { FormGroup } from '@/components/form/FormGroup';
 import { UseFormidableReturn } from '@/components/form/Formidable';
 import { DataUrlAccess } from '@/utils/data-url-access';
+import { Flex, FlexProps } from '@/ui';
 
 export type DragNdropProps = {
   onFilesSelected?: (file: File[]) => void;
@@ -58,40 +52,42 @@ export const DragNdrop = ({
       onUriSelected(listUri);
     }
   };
-
-  return (
-    <Box
-      width={width}
-      height={height}
-      border="2px"
-      borderRadius="5px"
-      borderStyle="dashed"
-      onDrop={handleDrop}
-      onDragOver={(event) => event.preventDefault()}
-    >
-      <label htmlFor="browse">
-        <Box paddingY="15%" height="100%" cursor="pointer">
-          <Center>
-            <MdUploadFile size="50%" />
-          </Center>
-          <Center>
-            <input
-              type="file"
-              hidden
-              id="browse"
-              onChange={handleFileChange}
-              //accept=".pdf,.docx,.pptx,.txt,.xlsx"
-              multiple
-            />
-            Browse files
-          </Center>
-        </Box>
-      </label>
-    </Box>
-  );
+  return <></>;
+  /*
+    return (
+      <Box
+        width={width}
+        height={height}
+        border="2px"
+        borderRadius="5px"
+        borderStyle="dashed"
+        onDrop={handleDrop}
+        onDragOver={(event) => event.preventDefault()}
+      >
+        <label htmlFor="browse">
+          <Box paddingY="15%" height="100%" cursor="pointer">
+            <Center>
+              <MdUploadFile size="50%" />
+            </Center>
+            <Center>
+              <input
+                type="file"
+                hidden
+                id="browse"
+                onChange={handleFileChange}
+                //accept=".pdf,.docx,.pptx,.txt,.xlsx"
+                multiple
+              />
+              Browse files
+            </Center>
+          </Box>
+        </label>
+      </Box>
+    );
+    */
 };
 
-export type CenterIconProps = BoxProps & {
+export type CenterIconProps = FlexProps & {
   icon: any;
   sizeIcon?: string;
 };
@@ -99,11 +95,13 @@ export type CenterIconProps = BoxProps & {
 export const CenterIcon = ({
   icon: IconEl,
   sizeIcon = '15px',
+  style,
   ...rest
 }: CenterIconProps) => {
   return (
-    <Box position="relative" w={sizeIcon} h={sizeIcon} flex="none" {...rest}>
-      <Box
+    <Flex style={{ position: "relative", width: sizeIcon, height: sizeIcon, flex: "none", ...style }}
+      {...rest}>
+      {/*<Flex
         as={IconEl}
         w={sizeIcon}
         h={sizeIcon}
@@ -111,8 +109,8 @@ export const CenterIcon = ({
         top="50%"
         left="50%"
         transform="translate(-50%, -50%)"
-      />
-    </Box>
+      />*/}
+    </Flex>
   );
 };
 
@@ -143,8 +141,8 @@ export const FormCovers = ({
       isModify={form.isModify[variableName]}
       onRestore={() => form.restoreValue({ [variableName]: true })}
       {...rest}
-    >
-      <HStack wrap="wrap" width="full">
+    > <></>
+      {/* <HStack wrap="wrap" width="full">
         {urls.map((data, index) => (
           <Flex align="flex-start" key={data}>
             <Box width="125px" height="125px" position="relative">
@@ -171,7 +169,7 @@ export const FormCovers = ({
             onUriSelected={onUriSelected}
           />
         </Flex>
-      </HStack>
+      </HStack> */}
     </FormGroup>
   );
 };
diff --git a/front/src/components/form/FormGroup.tsx b/front/src/components/form/FormGroup.tsx
index 6e84095..eb2e740 100644
--- a/front/src/components/form/FormGroup.tsx
+++ b/front/src/components/form/FormGroup.tsx
@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 
-import { Flex, Text } from '@chakra-ui/react';
 import { MdErrorOutline, MdHelpOutline, MdRefresh } from 'react-icons/md';
 
 export type FormGroupProps = {
diff --git a/front/src/components/form/FormInput.tsx b/front/src/components/form/FormInput.tsx
index 64fcc94..09f6c85 100644
--- a/front/src/components/form/FormInput.tsx
+++ b/front/src/components/form/FormInput.tsx
@@ -1,7 +1,5 @@
 import { RefObject } from 'react';
 
-import { Input } from '@chakra-ui/react';
-
 import { FormGroup } from '@/components/form/FormGroup';
 import { UseFormidableReturn } from '@/components/form/Formidable';
 
diff --git a/front/src/components/form/FormNumber.tsx b/front/src/components/form/FormNumber.tsx
index 5e22078..ab86672 100644
--- a/front/src/components/form/FormNumber.tsx
+++ b/front/src/components/form/FormNumber.tsx
@@ -1,8 +1,5 @@
 import { RefObject } from 'react';
 
-import {
-  NumberInput,
-} from '@chakra-ui/react';
 
 import { FormGroup } from '@/components/form/FormGroup';
 import { UseFormidableReturn } from '@/components/form/Formidable';
diff --git a/front/src/components/form/FormSelect.stories.tsx b/front/src/components/form/FormSelect.stories.tsx
index 723853a..c6f6a05 100644
--- a/front/src/components/form/FormSelect.stories.tsx
+++ b/front/src/components/form/FormSelect.stories.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react';
 
-import { Box } from '@chakra-ui/react';
 
 import { FormSelect } from '@/components/form/FormSelect';
 import { useFormidable } from '@/components/form/Formidable';
+import { Flex } from '@/ui';
 
 export default {
   title: 'Components/FormSelect',
@@ -94,7 +94,7 @@ export const DarkBackground = {
   render: () => {
     const form = useFormidable<BasicFormData>({});
     return (
-      <Box p="4" color="white" bg="gray.800">
+      <Flex style={{ padding: "4", color: "white", background: "gray.800" }}>
         <FormSelect
           label="Simple Title for (DarkBackground)"
           form={form}
@@ -105,7 +105,7 @@ export const DarkBackground = {
             { id: 333, name: 'third item' },
           ]}
         />
-      </Box>
+      </Flex>
     );
   },
 
diff --git a/front/src/components/form/FormSelect.tsx b/front/src/components/form/FormSelect.tsx
index 725c0fa..bf03020 100644
--- a/front/src/components/form/FormSelect.tsx
+++ b/front/src/components/form/FormSelect.tsx
@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
 
-import { Text } from '@chakra-ui/react';
 
 import { FormGroup } from '@/components/form/FormGroup';
 import { UseFormidableReturn } from '@/components/form/Formidable';
diff --git a/front/src/components/form/FormSelectMultiple.stories.tsx b/front/src/components/form/FormSelectMultiple.stories.tsx
index ef4c6b8..69807b2 100644
--- a/front/src/components/form/FormSelectMultiple.stories.tsx
+++ b/front/src/components/form/FormSelectMultiple.stories.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react';
 
-import { Box } from '@chakra-ui/react';
 
 import { FormSelectMultiple } from '@/components/form/FormSelectMultiple';
 import { useFormidable } from '@/components/form/Formidable';
+import { Flex } from '@/ui';
 
 export default {
   title: 'Components/FormSelectMultipleMultiple',
@@ -94,7 +94,7 @@ export const DarkBackground = {
   render: () => {
     const form = useFormidable<BasicFormData>({});
     return (
-      <Box p="4" color="white" bg="gray.800">
+      <Flex style={{ padding: "4", color: "white", background: "gray.800" }}>
         <FormSelectMultiple
           label="Simple Title for (DarkBackground)"
           form={form}
@@ -105,7 +105,7 @@ export const DarkBackground = {
             { id: 333, name: 'third item' },
           ]}
         />
-      </Box>
+      </Flex>
     );
   },
 
diff --git a/front/src/components/form/FormTextarea.tsx b/front/src/components/form/FormTextarea.tsx
index 473f8dc..3870c23 100644
--- a/front/src/components/form/FormTextarea.tsx
+++ b/front/src/components/form/FormTextarea.tsx
@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
 
-import { Textarea } from '@chakra-ui/react';
 
 import { FormGroup } from '@/components/form/FormGroup';
 import { UseFormidableReturn } from '@/components/form/Formidable';
diff --git a/front/src/components/gender/DisplayGender.tsx b/front/src/components/gender/DisplayGender.tsx
index df6d77f..72fa3b2 100644
--- a/front/src/components/gender/DisplayGender.tsx
+++ b/front/src/components/gender/DisplayGender.tsx
@@ -1,4 +1,4 @@
-import { Flex, Text } from '@chakra-ui/react';
+
 import { LuDisc3 } from 'react-icons/lu';
 
 import { Gender } from '@/back-api';
diff --git a/front/src/components/popup/AlbumEditPopUp.tsx b/front/src/components/popup/AlbumEditPopUp.tsx
index 1ba321d..e060a63 100644
--- a/front/src/components/popup/AlbumEditPopUp.tsx
+++ b/front/src/components/popup/AlbumEditPopUp.tsx
@@ -1,10 +1,5 @@
 import { useRef, useState } from 'react';
 
-import {
-  Flex,
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
 import {
   MdAdminPanelSettings,
   MdDeleteForever,
@@ -24,8 +19,7 @@ import { useAlbumService, useSpecificAlbum } from '@/service/Album';
 import { useServiceContext } from '@/service/ServiceContext';
 import { useCountTracksWithAlbumId } from '@/service/Track';
 import { isNullOrUndefined } from '@/utils/validator';
-import { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogRoot } from '@/components/ui/dialog';
-import { Button } from '../ui/themed';
+import { useDisclosure } from '@/utils/disclosure';
 
 export type AlbumEditPopUpProps = {};
 
@@ -135,7 +129,7 @@ export const AlbumEditPopUp = ({ }: AlbumEditPopUpProps) => {
     );
   };
   return (
-    <DialogRoot
+    <Dialog.Root
       //initialFocusRef={initialRef}
       //finalFocusRef={finalRef}
       //closeOnOverlayClick={false}
@@ -145,11 +139,11 @@ export const AlbumEditPopUp = ({ }: AlbumEditPopUpProps) => {
     >
       {/* <DialogOverlay /> */}
       {/* <DialogCloseTrigger /> */}
-      <DialogContent>
-        <DialogHeader>Edit Album</DialogHeader>
+      <Dialog.Content>
+        <Dialog.Header>Edit Album</Dialog.Header>
         {/* <DialogCloseButton ref={finalRef} /> */}
 
-        <DialogBody pb={6} gap="0px" paddingLeft="18px">
+        <Dialog.Body pb={6} gap="0px" paddingLeft="18px">
           {admin && (
             <>
               <FormGroup isRequired label="Id">
@@ -211,8 +205,8 @@ export const AlbumEditPopUp = ({ }: AlbumEditPopUpProps) => {
               />
             </>
           )}
-        </DialogBody>
-        <DialogFooter>
+        </Dialog.Body>
+        <Dialog.Footer>
           <Button
             onClick={() => setAdmin((value) => !value)}
             marginRight="auto"
@@ -235,8 +229,8 @@ export const AlbumEditPopUp = ({ }: AlbumEditPopUpProps) => {
             </Button>
           )}
           <Button onClick={onClose}>Cancel</Button>
-        </DialogFooter>
-      </DialogContent>
-    </DialogRoot>
+        </Dialog.Footer>
+      </Dialog.Content>
+    </Dialog.Root>
   );
 };
diff --git a/front/src/components/popup/ArtistEditPopUp.tsx b/front/src/components/popup/ArtistEditPopUp.tsx
index 75b61e4..434d232 100644
--- a/front/src/components/popup/ArtistEditPopUp.tsx
+++ b/front/src/components/popup/ArtistEditPopUp.tsx
@@ -1,11 +1,6 @@
 import { useRef, useState } from 'react';
 
-import {
-  Flex,
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
-import { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogRoot } from '@/components/ui/dialog';
+
 import {
   MdAdminPanelSettings,
   MdDeleteForever,
@@ -25,7 +20,7 @@ import { useArtistService, useSpecificArtist } from '@/service/Artist';
 import { useServiceContext } from '@/service/ServiceContext';
 import { useCountTracksOfAnArtist } from '@/service/Track';
 import { isNullOrUndefined } from '@/utils/validator';
-import { Button } from '../ui/themed';
+import { useDisclosure } from '@/utils/disclosure';
 
 export type ArtistEditPopUpProps = {};
 
@@ -134,110 +129,110 @@ export const ArtistEditPopUp = ({ }: ArtistEditPopUpProps) => {
     );
   };
   return (
-    <DialogRoot
-      //initialFocusRef={initialRef}
-      //finalFocusRef={finalRef}
-      //closeOnOverlayClick={false}
-      onOpenChange={onClose}
-      open={true}
-      data-testid="artist-edit-pop-up"
-    >
-      {/* <DialogOverlay /> */}
-      <DialogContent>
-        <DialogHeader>Edit Artist</DialogHeader>
-        {/* <DialogCloseButton ref={finalRef} /> */}
+    // <Dialog.Root
+    //   //initialFocusRef={initialRef}
+    //   //finalFocusRef={finalRef}
+    //   //closeOnOverlayClick={false}
+    //   onOpenChange={onClose}
+    //   open={true}
+    //   data-testid="artist-edit-pop-up"
+    // >
+    //   {/* <DialogOverlay /> */}
+    //   <Dialog.Content>
+    //     <Dialog.Header>Edit Artist</Dialog.Header>
+    //     {/* <DialogCloseButton ref={finalRef} /> */}
 
-        <DialogBody pb={6} gap="0px" paddingLeft="18px">
-          {admin && (
-            <>
-              <FormGroup isRequired label="Id">
-                <Text>{dataArtist?.id}</Text>
-              </FormGroup>
-              {countTracksOnAnArtist !== 0 && (
-                <Flex paddingLeft="14px">
-                  <MdWarning color="red.600" />
-                  <Text paddingLeft="6px" color="red.600" fontWeight="bold">
-                    Can not remove artist {countTracksOnAnArtist} track(s)
-                    depend on it.
-                  </Text>
-                </Flex>
-              )}
-              <FormGroup label="Action(s):">
-                <Button
-                  onClick={disclosure.onOpen}
-                  marginRight="auto"
-                  theme="@danger"
-                  disabled={countTracksOnAnArtist !== 0}
-                >
-                  <MdDeleteForever /> Remove Media
-                </Button>
-              </FormGroup>
-              <ConfirmPopUp
-                disclosure={disclosure}
-                title="Remove artist"
-                body={`Remove Artist [${dataArtist?.id}] ${dataArtist?.name}`}
-                confirmTitle="Remove"
-                onConfirm={onRemove}
-              />
-            </>
-          )}
-          {!admin && (
-            <>
-              <FormInput
-                form={form}
-                variableName="name"
-                isRequired
-                label="Artist name"
-                ref={initialRef}
-              />
-              <FormTextarea
-                form={form}
-                variableName="description"
-                label="Description"
-              />
-              <FormInput
-                form={form}
-                variableName="firstName"
-                label="First Name"
-              />
-              <FormInput form={form} variableName="surname" label="SurName" />
-              <FormInput form={form} variableName="birth" label="Birth date" />
-              <FormInput form={form} variableName="death" label="Death date" />
-              <FormCovers
-                form={form}
-                variableName="covers"
-                onFilesSelected={onFilesSelected}
-                onUriSelected={onUriSelected}
-                onRemove={onRemoveCover}
-              />
-            </>
-          )}
-        </DialogBody>
-        <DialogFooter>
-          <Button
-            onClick={() => setAdmin((value) => !value)}
-            marginRight="auto"
-          >
-            {admin ? (
-              <>
-                <MdEdit />
-                Edit
-              </>
-            ) : (
-              <>
-                <MdAdminPanelSettings />
-                Admin
-              </>
-            )}
-          </Button>
-          {!admin && form.isFormModified && (
-            <Button colorScheme="blue" mr={3} onClick={onSave}>
-              Save
-            </Button>
-          )}
-          <Button onClick={onClose}>Cancel</Button>
-        </DialogFooter>
-      </DialogContent>
-    </DialogRoot>
-  );
+    //     <Dialog.Body pb={6} gap="0px" paddingLeft="18px">
+    //       {admin && (
+    //         <>
+    //           <FormGroup isRequired label="Id">
+    //             <Text>{dataArtist?.id}</Text>
+    //           </FormGroup>
+    //           {countTracksOnAnArtist !== 0 && (
+    //             <Flex paddingLeft="14px">
+    //               <MdWarning color="red.600" />
+    //               <Text paddingLeft="6px" color="red.600" fontWeight="bold">
+    //                 Can not remove artist {countTracksOnAnArtist} track(s)
+    //                 depend on it.
+    //               </Text>
+    //             </Flex>
+    //           )}
+    //           <FormGroup label="Action(s):">
+    //             <Button
+    //               onClick={disclosure.onOpen}
+    //               marginRight="auto"
+    //               theme="@danger"
+    //               disabled={countTracksOnAnArtist !== 0}
+    //             >
+    //               <MdDeleteForever /> Remove Media
+    //             </Button>
+    //           </FormGroup>
+    //           <ConfirmPopUp
+    //             disclosure={disclosure}
+    //             title="Remove artist"
+    //             body={`Remove Artist [${dataArtist?.id}] ${dataArtist?.name}`}
+    //             confirmTitle="Remove"
+    //             onConfirm={onRemove}
+    //           />
+    //         </>
+    //       )}
+    //       {!admin && (
+    //         <>
+    //           <FormInput
+    //             form={form}
+    //             variableName="name"
+    //             isRequired
+    //             label="Artist name"
+    //             ref={initialRef}
+    //           />
+    //           <FormTextarea
+    //             form={form}
+    //             variableName="description"
+    //             label="Description"
+    //           />
+    //           <FormInput
+    //             form={form}
+    //             variableName="firstName"
+    //             label="First Name"
+    //           />
+    //           <FormInput form={form} variableName="surname" label="SurName" />
+    //           <FormInput form={form} variableName="birth" label="Birth date" />
+    //           <FormInput form={form} variableName="death" label="Death date" />
+    //           <FormCovers
+    //             form={form}
+    //             variableName="covers"
+    //             onFilesSelected={onFilesSelected}
+    //             onUriSelected={onUriSelected}
+    //             onRemove={onRemoveCover}
+    //           />
+    //         </>
+    //       )}
+    //     </Dialog.Body>
+    //     <Dialog.Footer>
+    //       <Button
+    //         onClick={() => setAdmin((value) => !value)}
+    //         marginRight="auto"
+    //       >
+    //         {admin ? (
+    //           <>
+    //             <MdEdit />
+    //             Edit
+    //           </>
+    //         ) : (
+    //           <>
+    //             <MdAdminPanelSettings />
+    //             Admin
+    //           </>
+    //         )}
+    //       </Button>
+    //       {!admin && form.isFormModified && (
+    //         <Button colorScheme="blue" mr={3} onClick={onSave}>
+    //           Save
+    //         </Button>
+    //       )}
+    //       <Button onClick={onClose}>Cancel</Button>
+    //     </Dialog.Footer>
+    //   </Dialog.Content>
+    // </Dialog.Root>
+    <></>);
 };
diff --git a/front/src/components/popup/ConfirmPopUp.tsx b/front/src/components/popup/ConfirmPopUp.tsx
index 0540128..adaa2c2 100644
--- a/front/src/components/popup/ConfirmPopUp.tsx
+++ b/front/src/components/popup/ConfirmPopUp.tsx
@@ -1,11 +1,8 @@
+import { UseDisclosureReturn } from '@/utils/disclosure';
 import { useRef } from 'react';
 
-import {
-  Button,
-  UseDisclosureReturn,
-} from '@chakra-ui/react';
 
-import { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogRoot } from '@/components/ui/dialog';
+
 export type ConfirmPopUpProps = {
   title: string;
   body: string;
@@ -27,28 +24,28 @@ export const ConfirmPopUp = ({
   };
   const cancelRef = useRef<HTMLButtonElement>(null);
   return (
-    <DialogRoot role="alertdialog"
+    <Dialog.Root role="alertdialog"
       open={disclosure.open}
       //leastDestructiveRef={cancelRef}
       onOpenChange={disclosure.onClose}
       data-testid="confirm-pop-up"
     >
-      <DialogContent>
-        <DialogHeader fontSize="lg" fontWeight="bold">
+      <Dialog.Content>
+        <Dialog.Header fontSize="lg" fontWeight="bold">
           {title}
-        </DialogHeader>
+        </Dialog.Header>
 
-        <DialogBody>{body}</DialogBody>
+        <Dialog.Body>{body}</Dialog.Body>
 
-        <DialogFooter>
+        <Dialog.Footer>
           <Button onClick={disclosure.onClose} ref={cancelRef}>
             Cancel
           </Button>
           <Button colorScheme="red" onClick={onClickConfirm} ml={3}>
             {confirmTitle}
           </Button>
-        </DialogFooter>
-      </DialogContent>
-    </DialogRoot>
+        </Dialog.Footer>
+      </Dialog.Content>
+    </Dialog.Root>
   );
 };
diff --git a/front/src/components/popup/GenderEditPopUp.tsx b/front/src/components/popup/GenderEditPopUp.tsx
index b3b8e3f..e9c4a7a 100644
--- a/front/src/components/popup/GenderEditPopUp.tsx
+++ b/front/src/components/popup/GenderEditPopUp.tsx
@@ -1,10 +1,6 @@
 import { useRef, useState } from 'react';
 
-import {
-  Flex,
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
+
 import {
   MdAdminPanelSettings,
   MdDeleteForever,
@@ -12,7 +8,6 @@ import {
   MdWarning,
 } from 'react-icons/md';
 
-import { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogRoot } from '@/components/ui/dialog';
 import { useNavigate, useParams } from 'react-router-dom';
 
 import { Gender, GenderResource } from '@/back-api';
@@ -26,7 +21,7 @@ import { useGenderService, useSpecificGender } from '@/service/Gender';
 import { useServiceContext } from '@/service/ServiceContext';
 import { useCountTracksOfAGender } from '@/service/Track';
 import { isNullOrUndefined } from '@/utils/validator';
-import { Button } from '../ui/themed';
+import { useDisclosure } from '@/utils/disclosure';
 
 export type GenderEditPopUpProps = {};
 
@@ -134,7 +129,7 @@ export const GenderEditPopUp = ({ }: GenderEditPopUpProps) => {
     );
   };
   return (
-    <DialogRoot
+    <Dialog.Root
       //initialFocusRef={initialRef}
       //finalFocusRef={finalRef}
       //closeOnOverlayClick={false}
@@ -143,11 +138,11 @@ export const GenderEditPopUp = ({ }: GenderEditPopUpProps) => {
       data-testid="gender-edit-pop-up"
     >
       {/* <DialogOverlay /> */}
-      <DialogContent>
-        <DialogHeader>Edit Gender</DialogHeader>
+      <Dialog.Content>
+        <Dialog.Header>Edit Gender</Dialog.Header>
         {/* <DialogCloseButton ref={finalRef} /> */}
 
-        <DialogBody pb={6} gap="0px" paddingLeft="18px">
+        <Dialog.Body pb={6} gap="0px" paddingLeft="18px">
           {admin && (
             <>
               <FormGroup isRequired label="Id">
@@ -204,8 +199,8 @@ export const GenderEditPopUp = ({ }: GenderEditPopUpProps) => {
               />
             </>
           )}
-        </DialogBody>
-        <DialogFooter>
+        </Dialog.Body>
+        <Dialog.Footer>
           <Button
             onClick={() => setAdmin((value) => !value)}
             marginRight="auto"
@@ -228,8 +223,8 @@ export const GenderEditPopUp = ({ }: GenderEditPopUpProps) => {
             </Button>
           )}
           <Button onClick={onClose}>Cancel</Button>
-        </DialogFooter>
-      </DialogContent>
-    </DialogRoot>
+        </Dialog.Footer>
+      </Dialog.Content>
+    </Dialog.Root>
   );
 };
diff --git a/front/src/components/popup/PopUpUploadProgress.tsx b/front/src/components/popup/PopUpUploadProgress.tsx
index 56d69eb..5a06629 100644
--- a/front/src/components/popup/PopUpUploadProgress.tsx
+++ b/front/src/components/popup/PopUpUploadProgress.tsx
@@ -1,13 +1,5 @@
 import { useRef } from 'react';
 
-import {
-  Flex,
-  Progress,
-  Text,
-} from '@chakra-ui/react';
-
-import { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogRoot } from '@/components/ui/dialog';
-import { Button } from '../ui/themed';
 
 export type PopUpUploadProgressProps = {
   title: string;
@@ -41,7 +33,7 @@ export const PopUpUploadProgress = ({
   const initialRef = useRef<HTMLButtonElement>(null);
   const finalRef = useRef<HTMLButtonElement>(null);
   return (
-    <DialogRoot
+    <Dialog.Root
       //initialFocusRef={initialRef}
       //finalFocusRef={finalRef}
       //closeOnOverlayClick={false}
@@ -50,11 +42,11 @@ export const PopUpUploadProgress = ({
       data-testid="upload-progress-edit-pop-up"
     >
       {/* <DialogOverlay /> */}
-      <DialogContent>
-        <DialogHeader>{title}</DialogHeader>
+      <Dialog.Content>
+        <Dialog.Header>{title}</Dialog.Header>
         {/* <DialogCloseButton ref={finalRef} /> */}
 
-        <DialogBody pb={6} paddingLeft="18px">
+        <Dialog.Body pb={6} paddingLeft="18px">
           <Flex direction="column" gap="10px">
             {isFinished ? (
               <Text fontSize="20px" fontWeight="bold">
@@ -85,8 +77,8 @@ export const PopUpUploadProgress = ({
               </Text>
             )}
           </Flex>
-        </DialogBody>
-        <DialogFooter>
+        </Dialog.Body>
+        <Dialog.Footer>
           {isFinished ? (
             <Button onClick={onClose} theme="@success">
               Ok
@@ -96,8 +88,8 @@ export const PopUpUploadProgress = ({
               Abort
             </Button>
           )}
-        </DialogFooter>
-      </DialogContent>
-    </DialogRoot>
+        </Dialog.Footer>
+      </Dialog.Content>
+    </Dialog.Root>
   );
 };
diff --git a/front/src/components/popup/TrackEditPopUp.tsx b/front/src/components/popup/TrackEditPopUp.tsx
index 08454d1..dab22d4 100644
--- a/front/src/components/popup/TrackEditPopUp.tsx
+++ b/front/src/components/popup/TrackEditPopUp.tsx
@@ -1,11 +1,5 @@
 import { useRef, useState } from 'react';
 
-import {
-  Text,
-  useDisclosure,
-} from '@chakra-ui/react';
-
-import { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogRoot } from '@/components/ui/dialog';
 
 import { MdAdminPanelSettings, MdDeleteForever, MdEdit } from 'react-icons/md';
 import { useNavigate, useParams } from 'react-router-dom';
@@ -25,7 +19,7 @@ import { useOrderedGenders } from '@/service/Gender';
 import { useServiceContext } from '@/service/ServiceContext';
 import { useSpecificTrack, useTrackService } from '@/service/Track';
 import { isNullOrUndefined } from '@/utils/validator';
-import { Button } from '../ui/themed';
+import { useDisclosure } from '@/utils/disclosure';
 
 export type TrackEditPopUpProps = {};
 
@@ -87,7 +81,7 @@ export const TrackEditPopUp = ({ }: TrackEditPopUpProps) => {
     );
   };
   return (
-    <DialogRoot
+    <Dialog.Root
       //initialFocusRef={initialRef}
       //finalFocusRef={finalRef}
       //closeOnOverlayClick={false}
@@ -96,11 +90,11 @@ export const TrackEditPopUp = ({ }: TrackEditPopUpProps) => {
       data-testid="track-edit-pop-up"
     >
       {/* <DialogOverlay /> */}
-      <DialogContent>
-        <DialogHeader>Edit Track</DialogHeader>
+      <Dialog.Content>
+        <Dialog.Header>Edit Track</Dialog.Header>
         {/* <DialogCloseButton ref={finalRef} /> */}
 
-        <DialogBody pb={6} gap="0px" paddingLeft="18px">
+        <Dialog.Body pb={6} gap="0px" paddingLeft="18px">
           {admin && (
             <>
               <FormGroup isRequired label="Id">
@@ -170,8 +164,8 @@ export const TrackEditPopUp = ({ }: TrackEditPopUpProps) => {
               />
             </>
           )}
-        </DialogBody>
-        <DialogFooter>
+        </Dialog.Body>
+        <Dialog.Footer>
           <Button
             onClick={() => setAdmin((value) => !value)}
             marginRight="auto"
@@ -194,8 +188,8 @@ export const TrackEditPopUp = ({ }: TrackEditPopUpProps) => {
             </Button>
           )}
           <Button onClick={onClose}>Cancel</Button>
-        </DialogFooter>
-      </DialogContent>
-    </DialogRoot>
+        </Dialog.Footer>
+      </Dialog.Content>
+    </Dialog.Root>
   );
 };
diff --git a/front/src/components/select/SelectList.tsx b/front/src/components/select/SelectList.tsx
index 1f7827b..e5d7478 100644
--- a/front/src/components/select/SelectList.tsx
+++ b/front/src/components/select/SelectList.tsx
@@ -1,9 +1,9 @@
 import { useEffect, useRef } from 'react';
 
-import { Box, Button, Flex, Text } from '@chakra-ui/react';
 import { MdAdd } from 'react-icons/md';
 
 import { isNullOrUndefined, isNumber } from '@/utils/validator';
+import { Button, Flex, Text } from '@/ui';
 
 export type SelectListModel = {
   id: any;
@@ -65,56 +65,65 @@ export const SelectList = ({
     }
   }, []);
   return (
-    <Box position="relative">
+    <Flex style={{ position: "relative" }}>
       <Flex
         direction="column"
-        width="full"
-        position="absolute"
-        border="1px"
-        borderColor="black"
-        backgroundColor="gray.700"
-        overflowY="auto"
-        overflowX="hidden"
-        maxHeight="300px"
-        zIndex={300}
-        transform="translateY(1px)"
+        style={{
+          width: "full",
+          position: "absolute",
+          border: "1px",
+          borderColor: "black",
+          backgroundColor: "gray.700",
+          overflowY: "auto",
+          overflowX: "hidden",
+          maxHeight: "300px",
+          zIndex: 300,
+          transform: "translateY(1px)",
+        }}
       >
         {displayedValue.length === 0 && (
-          <Text marginX="auto" color="red.500" fontWeight="bold" marginY="10px">
+          <Text fontWeight="bold" color="red.500" style={{ margin: "0 auto" }}>
             ... No element found...
           </Text>
         )}
         {displayedValue.map((data) => (
           <Button
             key={data.id}
-            marginY="1px"
-            borderRadius="0px"
-            autoFocus={false}
-            backgroundColor={data.isSelected ? 'green.800' : '0x00000000'}
-            _hover={{ backgroundColor: 'gray.400' }}
+            style={{
+              margin: "1px 0",
+              borderRadius: "0px",
+              //autoFocus: false,
+              backgroundColor: data.isSelected ? 'green.800' : '0x00000000',
+              //_hover={ backgroundColor: 'gray.400' },
+            }}
             onClick={() => onSelectValue(data)}
-            ref={data.isSelected ? scrollToRef : undefined}
+          //ref={data.isSelected ? scrollToRef : undefined}
           >
-            <Text marginRight="auto" autoFocus={false}>
+            <Text style={{ margin: "0 auto", }} /*autoFocus={false}*/>
               {data.name}
             </Text>
           </Button>
         ))}
         {onCreate && search && search.length > 0 && (
           <Button
-            marginY="1px"
-            borderRadius="0px"
-            autoFocus={false}
-            _hover={{ backgroundColor: 'gray.400' }}
+            style={{
+              margin: "1px 0",
+              borderRadius: "0px",
+              //autoFocus:false,
+              //_hover={ backgroundColor: 'gray.400' }
+            }}
             onClick={() => onCreate(search)}
           >
-            <Flex marginRight="auto">
+            <Flex
+              style={{
+                margin: "0 auto",
+              }}>
               <MdAdd />
-              <Text autoFocus={false}>Create '{search}'</Text>
+              <Text /*autoFocus={false}*/>Create '{search}'</Text>
             </Flex>
           </Button>
         )}
       </Flex>
-    </Box>
+    </Flex>
   );
 };
diff --git a/front/src/components/select/SelectMultiple.tsx b/front/src/components/select/SelectMultiple.tsx
index 0f6a14b..674e608 100644
--- a/front/src/components/select/SelectMultiple.tsx
+++ b/front/src/components/select/SelectMultiple.tsx
@@ -1,14 +1,5 @@
 import { RefObject, useEffect, useMemo, useRef, useState } from 'react';
 
-import {
-  Button,
-  Flex,
-  HStack,
-  Input,
-  Spinner,
-  Tag,
-  TagLabel,
-} from '@chakra-ui/react';
 import { MdEdit, MdKeyboardArrowDown, MdKeyboardArrowUp } from 'react-icons/md';
 
 import { SelectList, SelectListModel } from '@/components/select/SelectList';
diff --git a/front/src/components/select/SelectSingle.tsx b/front/src/components/select/SelectSingle.tsx
index 59e60cb..3b6486d 100644
--- a/front/src/components/select/SelectSingle.tsx
+++ b/front/src/components/select/SelectSingle.tsx
@@ -1,6 +1,5 @@
 import { RefObject, useEffect, useMemo, useRef, useState } from 'react';
 
-import { Button, Flex, Input, Spinner } from '@chakra-ui/react';
 import {
   MdClose,
   MdEdit,
diff --git a/front/src/components/track/DisplayTrack.tsx b/front/src/components/track/DisplayTrack.tsx
index a51c0ec..a7ef272 100644
--- a/front/src/components/track/DisplayTrack.tsx
+++ b/front/src/components/track/DisplayTrack.tsx
@@ -1,5 +1,4 @@
-import { Flex, Text } from '@chakra-ui/react';
-import { LuMusic2, LuPlay } from 'react-icons/lu';
+
 
 import { Track } from '@/back-api';
 import { Covers } from '@/components/Cover';
diff --git a/front/src/components/track/DisplayTrackFull.tsx b/front/src/components/track/DisplayTrackFull.tsx
index 98eb2fc..5d7515f 100644
--- a/front/src/components/track/DisplayTrackFull.tsx
+++ b/front/src/components/track/DisplayTrackFull.tsx
@@ -1,7 +1,4 @@
-import { Suspense } from 'react';
 
-import { Flex, Text } from '@chakra-ui/react';
-import { LuMusic2, LuPlay } from 'react-icons/lu';
 
 import { Track } from '@/back-api';
 import { Covers } from '@/components/Cover';
diff --git a/front/src/components/track/DisplayTrackSkeleton.tsx b/front/src/components/track/DisplayTrackSkeleton.tsx
index c47b334..f925f47 100644
--- a/front/src/components/track/DisplayTrackSkeleton.tsx
+++ b/front/src/components/track/DisplayTrackSkeleton.tsx
@@ -1,4 +1,4 @@
-import { Flex, Skeleton } from '@chakra-ui/react';
+
 
 export const DisplayTrackSkeleton = () => {
   return (
diff --git a/front/src/components/ui/close-button.tsx b/front/src/components/ui/close-button.tsx
deleted file mode 100644
index 94af488..0000000
--- a/front/src/components/ui/close-button.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { ButtonProps } from "@chakra-ui/react"
-import { IconButton as ChakraIconButton } from "@chakra-ui/react"
-import * as React from "react"
-import { LuX } from "react-icons/lu"
-
-export type CloseButtonProps = ButtonProps
-
-export const CloseButton = React.forwardRef<
-  HTMLButtonElement,
-  CloseButtonProps
->(function CloseButton(props, ref) {
-  return (
-    <ChakraIconButton variant="ghost" aria-label="Close" ref={ref} {...props}>
-      {props.children ?? <LuX />}
-    </ChakraIconButton>
-  )
-})
diff --git a/front/src/components/ui/dialog.tsx b/front/src/components/ui/dialog.tsx
deleted file mode 100644
index 89d68a5..0000000
--- a/front/src/components/ui/dialog.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react"
-import { CloseButton } from "./close-button"
-import * as React from "react"
-
-interface DialogContentProps extends ChakraDialog.ContentProps {
-  portalled?: boolean
-  portalRef?: React.RefObject<HTMLElement>
-  backdrop?: boolean
-}
-
-export const DialogContent = React.forwardRef<
-  HTMLDivElement,
-  DialogContentProps
->(function DialogContent(props, ref) {
-  const {
-    children,
-    portalled = true,
-    portalRef,
-    backdrop = true,
-    ...rest
-  } = props
-
-  return (
-    <Portal disabled={!portalled} container={portalRef}>
-      {backdrop && <ChakraDialog.Backdrop />}
-      <ChakraDialog.Positioner>
-        <ChakraDialog.Content ref={ref} {...rest} asChild={false}>
-          {children}
-        </ChakraDialog.Content>
-      </ChakraDialog.Positioner>
-    </Portal>
-  )
-})
-
-export const DialogCloseTrigger = React.forwardRef<
-  HTMLButtonElement,
-  ChakraDialog.CloseTriggerProps
->(function DialogCloseTrigger(props, ref) {
-  return (
-    <ChakraDialog.CloseTrigger
-      position="absolute"
-      top="2"
-      insetEnd="2"
-      {...props}
-      asChild
-    >
-      <CloseButton size="sm" ref={ref}>
-        {props.children}
-      </CloseButton>
-    </ChakraDialog.CloseTrigger>
-  )
-})
-
-export const DialogRoot = ChakraDialog.Root
-export const DialogFooter = ChakraDialog.Footer
-export const DialogHeader = ChakraDialog.Header
-export const DialogBody = ChakraDialog.Body
-export const DialogBackdrop = ChakraDialog.Backdrop
-export const DialogTitle = ChakraDialog.Title
-export const DialogDescription = ChakraDialog.Description
-export const DialogTrigger = ChakraDialog.Trigger
-export const DialogActionTrigger = ChakraDialog.ActionTrigger
diff --git a/front/src/components/ui/drawer.tsx b/front/src/components/ui/drawer.tsx
deleted file mode 100644
index ccb96c8..0000000
--- a/front/src/components/ui/drawer.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react"
-import { CloseButton } from "./close-button"
-import * as React from "react"
-
-interface DrawerContentProps extends ChakraDrawer.ContentProps {
-  portalled?: boolean
-  portalRef?: React.RefObject<HTMLElement>
-  offset?: ChakraDrawer.ContentProps["padding"]
-}
-
-export const DrawerContent = React.forwardRef<
-  HTMLDivElement,
-  DrawerContentProps
->(function DrawerContent(props, ref) {
-  const { children, portalled = true, portalRef, offset, ...rest } = props
-  return (
-    <Portal disabled={!portalled} container={portalRef}>
-      <ChakraDrawer.Positioner padding={offset}>
-        <ChakraDrawer.Content ref={ref} {...rest} asChild={false}>
-          {children}
-        </ChakraDrawer.Content>
-      </ChakraDrawer.Positioner>
-    </Portal>
-  )
-})
-
-export const DrawerCloseTrigger = React.forwardRef<
-  HTMLButtonElement,
-  ChakraDrawer.CloseTriggerProps
->(function DrawerCloseTrigger(props, ref) {
-  return (
-    <ChakraDrawer.CloseTrigger
-      position="absolute"
-      top="2"
-      insetEnd="2"
-      {...props}
-      asChild
-    >
-      <CloseButton size="sm" ref={ref} />
-    </ChakraDrawer.CloseTrigger>
-  )
-})
-
-export const DrawerTrigger = ChakraDrawer.Trigger
-export const DrawerRoot = ChakraDrawer.Root
-export const DrawerFooter = ChakraDrawer.Footer
-export const DrawerHeader = ChakraDrawer.Header
-export const DrawerBody = ChakraDrawer.Body
-export const DrawerBackdrop = ChakraDrawer.Backdrop
-export const DrawerDescription = ChakraDrawer.Description
-export const DrawerTitle = ChakraDrawer.Title
-export const DrawerActionTrigger = ChakraDrawer.ActionTrigger
diff --git a/front/src/components/ui/menu.tsx b/front/src/components/ui/menu.tsx
deleted file mode 100644
index 763005b..0000000
--- a/front/src/components/ui/menu.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-"use client"
-
-import { AbsoluteCenter, Menu as ChakraMenu, Portal } from "@chakra-ui/react"
-import * as React from "react"
-import { LuCheck, LuChevronRight } from "react-icons/lu"
-
-interface MenuContentProps extends ChakraMenu.ContentProps {
-  portalled?: boolean
-  portalRef?: React.RefObject<HTMLElement>
-}
-
-export const MenuContent = React.forwardRef<HTMLDivElement, MenuContentProps>(
-  function MenuContent(props, ref) {
-    const { portalled = true, portalRef, ...rest } = props
-    return (
-      <Portal disabled={!portalled} container={portalRef}>
-        <ChakraMenu.Positioner>
-          <ChakraMenu.Content ref={ref} {...rest} />
-        </ChakraMenu.Positioner>
-      </Portal>
-    )
-  },
-)
-
-export const MenuArrow = React.forwardRef<
-  HTMLDivElement,
-  ChakraMenu.ArrowProps
->(function MenuArrow(props, ref) {
-  return (
-    <ChakraMenu.Arrow ref={ref} {...props}>
-      <ChakraMenu.ArrowTip />
-    </ChakraMenu.Arrow>
-  )
-})
-
-export const MenuCheckboxItem = React.forwardRef<
-  HTMLDivElement,
-  ChakraMenu.CheckboxItemProps
->(function MenuCheckboxItem(props, ref) {
-  return (
-    <ChakraMenu.CheckboxItem ref={ref} {...props}>
-      <ChakraMenu.ItemIndicator hidden={false}>
-        <LuCheck />
-      </ChakraMenu.ItemIndicator>
-      {props.children}
-    </ChakraMenu.CheckboxItem>
-  )
-})
-
-export const MenuRadioItem = React.forwardRef<
-  HTMLDivElement,
-  ChakraMenu.RadioItemProps
->(function MenuRadioItem(props, ref) {
-  const { children, ...rest } = props
-  return (
-    <ChakraMenu.RadioItem ps="8" ref={ref} {...rest}>
-      <AbsoluteCenter axis="horizontal" left="4" asChild>
-        <ChakraMenu.ItemIndicator>
-          <LuCheck />
-        </ChakraMenu.ItemIndicator>
-      </AbsoluteCenter>
-      <ChakraMenu.ItemText>{children}</ChakraMenu.ItemText>
-    </ChakraMenu.RadioItem>
-  )
-})
-
-export const MenuItemGroup = React.forwardRef<
-  HTMLDivElement,
-  ChakraMenu.ItemGroupProps
->(function MenuItemGroup(props, ref) {
-  const { title, children, ...rest } = props
-  return (
-    <ChakraMenu.ItemGroup ref={ref} {...rest}>
-      {title && (
-        <ChakraMenu.ItemGroupLabel userSelect="none">
-          {title}
-        </ChakraMenu.ItemGroupLabel>
-      )}
-      {children}
-    </ChakraMenu.ItemGroup>
-  )
-})
-
-export interface MenuTriggerItemProps extends ChakraMenu.ItemProps {
-  startIcon?: React.ReactNode
-}
-
-export const MenuTriggerItem = React.forwardRef<
-  HTMLDivElement,
-  MenuTriggerItemProps
->(function MenuTriggerItem(props, ref) {
-  const { startIcon, children, ...rest } = props
-  return (
-    <ChakraMenu.TriggerItem ref={ref} {...rest}>
-      {startIcon}
-      {children}
-      <LuChevronRight />
-    </ChakraMenu.TriggerItem>
-  )
-})
-
-export const MenuRadioItemGroup = ChakraMenu.RadioItemGroup
-export const MenuContextTrigger = ChakraMenu.ContextTrigger
-export const MenuRoot = ChakraMenu.Root
-export const MenuSeparator = ChakraMenu.Separator
-
-export const MenuItem = ChakraMenu.Item
-export const MenuItemText = ChakraMenu.ItemText
-export const MenuItemCommand = ChakraMenu.ItemCommand
-export const MenuTrigger = ChakraMenu.Trigger
diff --git a/front/src/components/ui/themed.tsx b/front/src/components/ui/themed.tsx
deleted file mode 100644
index f4c48ad..0000000
--- a/front/src/components/ui/themed.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-
-import buttonRecipe from '@/theme/recipes/button';
-import { chakra } from '@chakra-ui/react';
-
-// we export the element with the application recipe theme.
-// cf doc: https://www.chakra-ui.com/docs/theming/recipes
-export const Button = chakra("button", buttonRecipe)
diff --git a/front/src/components/ui/toaster.tsx b/front/src/components/ui/toaster.tsx
index f9c636a..aabb9a3 100644
--- a/front/src/components/ui/toaster.tsx
+++ b/front/src/components/ui/toaster.tsx
@@ -1,51 +1,39 @@
 "use client"
 
 import { RestErrorResponse } from "@/back-api";
-import {
-  Toaster as ChakraToaster,
-  Portal,
-  Spinner,
-  Stack,
-  Toast,
-  createToaster,
-} from "@chakra-ui/react"
+import { HStack } from "@/ui";
 
-export const toaster = createToaster({
-  placement: "bottom-end",
-  pauseOnPageIdle: true,
-})
+// export const toaster = createToaster({
+//   placement: "bottom-end",
+//   pauseOnPageIdle: true,
+// })
 
-export const toasterAPIError = (error: RestErrorResponse) => {
-  toaster.create({
-    title: `[${error.status}] ${error.statusMessage}`,
-    description: error.message,
-  });
-};
+// export const toasterAPIError = (error: RestErrorResponse) => {
+//   toaster.create({
+//     title: `[${error.status}] ${error.statusMessage}`,
+//     description: error.message,
+//   });
+// };
 
-export const Toaster = () => {
-  return (
-    <Portal>
-      <ChakraToaster toaster={toaster} insetInline={{ mdDown: "4" }}>
-        {(toast) => (
-          <Toast.Root width={{ md: "sm" }}>
-            {toast.type === "loading" ? (
-              <Spinner size="sm" color="blue.solid" />
-            ) : (
-              <Toast.Indicator />
-            )}
-            <Stack gap="1" flex="1" maxWidth="100%">
-              {toast.title && <Toast.Title>{toast.title}</Toast.Title>}
-              {toast.description && (
-                <Toast.Description>{toast.description}</Toast.Description>
-              )}
-            </Stack>
-            {toast.action && (
-              <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger>
-            )}
-            {toast.meta?.closable && <Toast.CloseTrigger />}
-          </Toast.Root>
-        )}
-      </ChakraToaster>
-    </Portal>
-  )
-}
+// export const Toaster = () => {
+//   return (
+//     <Portal>
+//       <ArkToaster toaster={toaster}>
+//         {(toast) => (
+//           <Toast.Root>
+//             <HStack spacing="1" style={{ width: "100%" }}>
+//               {toast.title && <Toast.Title>{toast.title}</Toast.Title>}
+//               {toast.description && (
+//                 <Toast.Description>{toast.description}</Toast.Description>
+//               )}
+//             </HStack>
+//             {toast.action && (
+//               <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger>
+//             )}
+//             {toast.meta?.closable && <Toast.CloseTrigger />}
+//           </Toast.Root>
+//         )}
+//       </ArkToaster>
+//     </Portal>
+//   )
+// }
diff --git a/front/src/errors/Error401.tsx b/front/src/errors/Error401.tsx
index cd79e8d..2040766 100644
--- a/front/src/errors/Error401.tsx
+++ b/front/src/errors/Error401.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Center, Heading, Link, Text } from '@chakra-ui/react';
+
 import { MdControlCamera } from 'react-icons/md';
 
 import { PageLayoutInfoCenter } from '@/components/Layout/PageLayoutInfoCenter';
diff --git a/front/src/errors/Error403.tsx b/front/src/errors/Error403.tsx
index d0a3888..52c2d4c 100644
--- a/front/src/errors/Error403.tsx
+++ b/front/src/errors/Error403.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Center, Heading, Link, Text } from '@chakra-ui/react';
+
 import { MdDangerous } from 'react-icons/md';
 
 import { PageLayoutInfoCenter } from '@/components/Layout/PageLayoutInfoCenter';
diff --git a/front/src/errors/Error404.tsx b/front/src/errors/Error404.tsx
index 738af20..da1a63f 100644
--- a/front/src/errors/Error404.tsx
+++ b/front/src/errors/Error404.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Center, Heading, Link, Text } from '@chakra-ui/react';
+
 import { MdSignpost } from 'react-icons/md';
 
 import { PageLayoutInfoCenter } from '@/components/Layout/PageLayoutInfoCenter';
diff --git a/front/src/errors/ErrorBoundary.tsx b/front/src/errors/ErrorBoundary.tsx
index fb2ac8d..db24201 100644
--- a/front/src/errors/ErrorBoundary.tsx
+++ b/front/src/errors/ErrorBoundary.tsx
@@ -1,18 +1,12 @@
+import { Button } from '@/ui';
+import { useDisclosure } from '@/utils/disclosure';
 import React, { FC } from 'react';
 
-import {
-  AlertDescription,
-  AlertRoot,
-  AlertTitle,
-  Box,
-  Collapsible,
-  useDisclosure,
-} from '@chakra-ui/react';
+
 import {
   FallbackProps,
   ErrorBoundary as ReactErrorBoundary,
 } from 'react-error-boundary';
-import { Button } from '@/components/ui/themed';
 import { LuChevronUp, LuChevronDown } from 'react-icons/lu';
 
 const ErrorFallback = ({ error }: FallbackProps) => {
diff --git a/front/src/icons/DoubleArrowIcon.tsx b/front/src/icons/DoubleArrowIcon.tsx
index 69ca9e1..7b82515 100644
--- a/front/src/icons/DoubleArrowIcon.tsx
+++ b/front/src/icons/DoubleArrowIcon.tsx
@@ -1,4 +1,4 @@
-import { createIcon } from '@chakra-ui/react';
+
 
 export const DoubleArrowIcon = createIcon({
   displayName: 'DoubleArrowIcon',
diff --git a/front/src/main.tsx b/front/src/main.tsx
index 5833ad3..bef2a4d 100644
--- a/front/src/main.tsx
+++ b/front/src/main.tsx
@@ -1,19 +1,14 @@
-import { StrictMode } from 'react';
-
 import ReactDOM from 'react-dom/client';
-
 import App from '@/App';
-import { ColorModeProvider } from './components/ui/color-mode';
-
 // Render the app
 const rootElement = document.getElementById('root');
 if (rootElement && !rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
-    <StrictMode>
-      <ColorModeProvider>
-        <App />
-      </ColorModeProvider>
-    </StrictMode>
+    // <StrictMode>
+    // <ColorModeProvider>
+    <App />
+    // </ColorModeProvider>
+    // </StrictMode>
   );
 }
diff --git a/front/src/scene/App.tsx b/front/src/scene/App.tsx
index 4820ff7..d715101 100644
--- a/front/src/scene/App.tsx
+++ b/front/src/scene/App.tsx
@@ -1,6 +1,7 @@
 import { AudioPlayer } from '@/components/AudioPlayer';
 import { ErrorBoundary } from '@/errors/ErrorBoundary';
 import { AppRoutes } from '@/scene/AppRoutes';
+import { Text } from '@/ui';
 import { ServiceContextProvider } from '@/service/ServiceContext';
 
 export const App = () => {
diff --git a/front/src/scene/AppRoutes.tsx b/front/src/scene/AppRoutes.tsx
index 6931912..430811b 100644
--- a/front/src/scene/AppRoutes.tsx
+++ b/front/src/scene/AppRoutes.tsx
@@ -1,4 +1,4 @@
-import { createBrowserHistory } from 'history';
+// import { createBrowserHistory } from 'history';
 import {
   unstable_HistoryRouter as HistoryRouter,
   Route,
@@ -21,31 +21,31 @@ import { OnAirPage } from './onAir/OnAirPage';
 export const AppRoutes = () => {
   const { isReadable } = useHasRight('user');
   return (
-    <HistoryRouter
-      // @ts-expect-error
-      history={createBrowserHistory({ window })}
-      basename="/karusic"
-    >
-      <Routes>
-        {/* Need to keep it in all case, it is the only way to log-in */}
-        <Route path="sso/*" element={<SSORoutes />} />
-        {isReadable ? (
-          <>
-            <Route path="/" element={<HomePage />} />
-            <Route path="help" element={<HelpPage />} />
-            <Route path="settings" element={<SettingsPage />} />
-            <Route path="add" element={<AddPage />} />
-            <Route path="on-air/*" element={<OnAirPage />} />
-            <Route path="artist/*" element={<ArtistRoutes />} />
-            <Route path="album/*" element={<AlbumRoutes />} />
-            <Route path="gender/*" element={<GenderRoutes />} />
-            <Route path="track/*" element={<TrackRoutes />} />
-            <Route path="*" element={<Error404 />} />
-          </>
-        ) : (
-          <Route path="*" element={<Error401 />} />
-        )}
-      </Routes>
-    </HistoryRouter>
+    // <HistoryRouter
+    //   // @ts-expect-error
+    //   history={createBrowserHistory({ window })}
+    //   basename="/karusic"
+    // >
+    <Routes>
+      {/* Need to keep it in all case, it is the only way to log-in */}
+      <Route path="sso/*" element={<SSORoutes />} />
+      {isReadable ? (
+        <>
+          <Route path="/" element={<HomePage />} />
+          <Route path="help" element={<HelpPage />} />
+          <Route path="settings" element={<SettingsPage />} />
+          <Route path="add" element={<AddPage />} />
+          <Route path="on-air/*" element={<OnAirPage />} />
+          <Route path="artist/*" element={<ArtistRoutes />} />
+          <Route path="album/*" element={<AlbumRoutes />} />
+          <Route path="gender/*" element={<GenderRoutes />} />
+          <Route path="track/*" element={<TrackRoutes />} />
+          <Route path="*" element={<Error404 />} />
+        </>
+      ) : (
+        <Route path="*" element={<Error401 />} />
+      )}
+    </Routes>
+    // </HistoryRouter>
   );
 };
diff --git a/front/src/scene/album/AlbumDetailPage.tsx b/front/src/scene/album/AlbumDetailPage.tsx
index 585296c..37a80de 100644
--- a/front/src/scene/album/AlbumDetailPage.tsx
+++ b/front/src/scene/album/AlbumDetailPage.tsx
@@ -1,5 +1,4 @@
-import { Box, Button, Flex, Text } from '@chakra-ui/react';
-import { LuDisc3 } from 'react-icons/lu';
+
 import { MdEdit } from 'react-icons/md';
 import { Route, Routes, useNavigate, useParams } from 'react-router-dom';
 
@@ -10,7 +9,6 @@ import { PageLayoutInfoCenter } from '@/components/Layout/PageLayoutInfoCenter';
 import { BUTTON_TOP_BAR_PROPERTY, TopBar } from '@/components/TopBar/TopBar';
 import { AlbumEditPopUp } from '@/components/popup/AlbumEditPopUp';
 import { TrackEditPopUp } from '@/components/popup/TrackEditPopUp';
-import { DisplayTrack } from '@/components/track/DisplayTrack';
 import { DisplayTrackFull } from '@/components/track/DisplayTrackFull';
 import { useActivePlaylistService } from '@/service/ActivePlaylist';
 import { useSpecificAlbum } from '@/service/Album';
diff --git a/front/src/scene/album/AlbumsPage.tsx b/front/src/scene/album/AlbumsPage.tsx
index f938205..88e09ff 100644
--- a/front/src/scene/album/AlbumsPage.tsx
+++ b/front/src/scene/album/AlbumsPage.tsx
@@ -10,8 +10,7 @@ import { TopBar } from '@/components/TopBar/TopBar';
 import { DisplayAlbum } from '@/components/album/DisplayAlbum';
 import { useOrderedAlbums } from '@/service/Album';
 import { useColorModeValue } from '@/components/ui/color-mode';
-import { BASE_WRAP_SPACING, BASE_WRAP_WIDTH, BASE_WRAP_HEIGHT } from '@/constants/genericSpacing';
-import { Flex, HStack } from '@chakra-ui/react';
+import { BASE_WRAP_WIDTH, BASE_WRAP_HEIGHT } from '@/constants/genericSpacing';
 
 export const AlbumsPage = () => {
   const [filterTitle, setFilterTitle] = useState<string | undefined>(undefined);
@@ -51,7 +50,7 @@ export const AlbumsPage = () => {
                 boxShadow: 'outline-over',
                 bgColor: useColorModeValue('#FFFFFFF7', '#000000F7'),
               }}
-              onClick={() => onSelectItem(data.id)}
+              onClick={() => onSelect.Item(data.id)}
             >
               <DisplayAlbum dataAlbum={data} />
             </Flex>
diff --git a/front/src/scene/artist/ArtistAlbumDetailPage.tsx b/front/src/scene/artist/ArtistAlbumDetailPage.tsx
index 6f71a8b..db90c8e 100644
--- a/front/src/scene/artist/ArtistAlbumDetailPage.tsx
+++ b/front/src/scene/artist/ArtistAlbumDetailPage.tsx
@@ -1,6 +1,5 @@
-import { Box, Button, Flex, Text } from '@chakra-ui/react';
-import { LuDisc3, LuUser } from 'react-icons/lu';
-import { MdEdit, MdPerson } from 'react-icons/md';
+
+import { MdEdit } from 'react-icons/md';
 import { Route, Routes, useNavigate, useParams } from 'react-router-dom';
 
 import { Covers } from '@/components/Cover';
diff --git a/front/src/scene/artist/ArtistDetailPage.tsx b/front/src/scene/artist/ArtistDetailPage.tsx
index b9bcb70..7069679 100644
--- a/front/src/scene/artist/ArtistDetailPage.tsx
+++ b/front/src/scene/artist/ArtistDetailPage.tsx
@@ -1,5 +1,4 @@
-import { Button, Flex, Text, HStack } from '@chakra-ui/react';
-import { LuUser } from 'react-icons/lu';
+
 import { MdEdit, MdGroup } from 'react-icons/md';
 import { Route, Routes, useNavigate, useParams } from 'react-router-dom';
 
@@ -13,7 +12,7 @@ import { ArtistEditPopUp } from '@/components/popup/ArtistEditPopUp';
 import { useSpecificArtist } from '@/service/Artist';
 import { useAlbumIdsOfAnArtist } from '@/service/Track';
 import { useColorModeValue } from '@/components/ui/color-mode';
-import { BASE_WRAP_HEIGHT, BASE_WRAP_SPACING, BASE_WRAP_WIDTH } from '@/constants/genericSpacing';
+import { BASE_WRAP_HEIGHT, BASE_WRAP_WIDTH } from '@/constants/genericSpacing';
 
 export const ArtistDetailPage = () => {
   const { artistId } = useParams();
diff --git a/front/src/scene/artist/ArtistsPage.tsx b/front/src/scene/artist/ArtistsPage.tsx
index 3c2d8c8..57215f5 100644
--- a/front/src/scene/artist/ArtistsPage.tsx
+++ b/front/src/scene/artist/ArtistsPage.tsx
@@ -1,7 +1,5 @@
 import { useState } from 'react';
 
-import { Button, Flex, Text, Tooltip, HStack, Span } from '@chakra-ui/react';
-import { LuUser } from 'react-icons/lu';
 import { useNavigate } from 'react-router-dom';
 
 import { Artist, Track } from '@/back-api';
@@ -12,7 +10,7 @@ import { SearchInput } from '@/components/SearchInput';
 import { BUTTON_TOP_BAR_PROPERTY, TopBar } from '@/components/TopBar/TopBar';
 import { useOrderedArtists } from '@/service/Artist';
 import { useColorModeValue } from '@/components/ui/color-mode';
-import { BASE_WRAP_HEIGHT, BASE_WRAP_ICON_SIZE, BASE_WRAP_SPACING, BASE_WRAP_WIDTH } from '@/constants/genericSpacing';
+import { BASE_WRAP_HEIGHT, BASE_WRAP_ICON_SIZE, BASE_WRAP_WIDTH } from '@/constants/genericSpacing';
 import { MdOutlineForkRight } from 'react-icons/md';
 import { useActivePlaylistService } from '@/service/ActivePlaylist';
 import { shuffleArray } from '@/utils/arrayTools';
diff --git a/front/src/scene/gender/GenderDetailPage.tsx b/front/src/scene/gender/GenderDetailPage.tsx
index fc727b1..4ecca06 100644
--- a/front/src/scene/gender/GenderDetailPage.tsx
+++ b/front/src/scene/gender/GenderDetailPage.tsx
@@ -1,5 +1,4 @@
-import { Box, Button, Flex, Text } from '@chakra-ui/react';
-import { LuDisc3 } from 'react-icons/lu';
+
 import { MdEdit } from 'react-icons/md';
 import { Route, Routes, useNavigate, useParams } from 'react-router-dom';
 
@@ -10,7 +9,6 @@ import { PageLayoutInfoCenter } from '@/components/Layout/PageLayoutInfoCenter';
 import { BUTTON_TOP_BAR_PROPERTY, TopBar } from '@/components/TopBar/TopBar';
 import { GenderEditPopUp } from '@/components/popup/GenderEditPopUp';
 import { TrackEditPopUp } from '@/components/popup/TrackEditPopUp';
-import { DisplayTrack } from '@/components/track/DisplayTrack';
 import { DisplayTrackFull } from '@/components/track/DisplayTrackFull';
 import { useActivePlaylistService } from '@/service/ActivePlaylist';
 import { useSpecificGender } from '@/service/Gender';
diff --git a/front/src/scene/gender/GendersPage.tsx b/front/src/scene/gender/GendersPage.tsx
index adb6225..fc25617 100644
--- a/front/src/scene/gender/GendersPage.tsx
+++ b/front/src/scene/gender/GendersPage.tsx
@@ -10,7 +10,7 @@ import { TopBar } from '@/components/TopBar/TopBar';
 import { DisplayGender } from '@/components/gender/DisplayGender';
 import { useOrderedGenders } from '@/service/Gender';
 import { useColorModeValue } from '@/components/ui/color-mode';
-import { Flex, HStack } from '@chakra-ui/react';
+import { Flex, HStack } from '@/ui';
 
 export const GendersPage = () => {
   const [filterTitle, setFilterTitle] = useState<string | undefined>(undefined);
@@ -35,20 +35,24 @@ export const GendersPage = () => {
         <SearchInput onChange={setFilterTitle} />
       </TopBar>
       <PageLayout>
-        <HStack wrap="wrap" /*spacing="20px"*/ marginX="auto" padding="20px" justify="center">
+        <HStack style={{
+          // wrap: "wrap",
+          /*spacing="20px"*/ margin: "0 auto 0 auto", padding: "20px", justifyContent: "center"
+        }}>
           {dataGenders.map((data) => (
             <Flex align="flex-start"
-              width="270px"
-              height="120px"
-              border="1px"
-              borderColor="brand.900"
-              backgroundColor={useColorModeValue('#FFFFFF88', '#00000088')}
               key={data.id}
-              padding="5px"
-              as="button"
-              _hover={{
-                boxShadow: 'outline-over',
-                bgColor: useColorModeValue('#FFFFFFF7', '#000000F7'),
+              style={{
+                width: "270px",
+                height: "120px",
+                border: "1px",
+                borderColor: "brand.900",
+                //backgroundColor:{useColorModeValue('#FFFFFF88', '#00000088')},
+                padding: "5px",
+                // _hover: {
+                //   boxShadow: 'outline-over',
+                //   bgColor: useColorModeValue('#FFFFFFF7', '#000000F7'),
+                // }
               }}
               onClick={() => onSelectItem(data.id)}
             >
diff --git a/front/src/scene/home/AddPage.tsx b/front/src/scene/home/AddPage.tsx
index 2f81f54..799348b 100644
--- a/front/src/scene/home/AddPage.tsx
+++ b/front/src/scene/home/AddPage.tsx
@@ -1,11 +1,5 @@
 import { useCallback, useState } from 'react';
 
-import {
-  Flex,
-  Input,
-  Table,
-  Text,
-} from '@chakra-ui/react';
 import { LuTrash } from 'react-icons/lu';
 import { MdCloudUpload } from 'react-icons/md';
 
@@ -31,7 +25,7 @@ import { useGenderService, useOrderedGenders } from '@/service/Gender';
 import { useServiceContext } from '@/service/ServiceContext';
 import { useTrackService } from '@/service/Track';
 import { isNullOrUndefined } from '@/utils/validator';
-import { Button } from '@/components/ui/themed';
+import { Button, Flex, Table, Text } from '@/ui';
 
 export class ElementList {
   constructor(
@@ -121,7 +115,7 @@ export const AddPage = () => {
     updateNeedSend();
   };
 
-  const removeElementFromList = (data: FileParsedElement, value: any): void => {
+  const removeElementFromList = (data: FileParsedElement): void => {
     const parsedElementTmp = [...parsedElement];
     for (let iii = 0; iii < parsedElementTmp.length; iii++) {
       if (parsedElementTmp[iii] === data) {
@@ -420,15 +414,17 @@ export const AddPage = () => {
       <PageLayout>
         <Flex
           direction="column"
-          width="80%"
-          marginX="auto"
-          padding="10px"
           gap="10px"
+          style={{
+            width: "80%",
+            margin: "0 auto 0 auto",
+            padding: "10px",
+          }}
         >
-          <Flex direction="column" width="full">
+          <Flex direction="column" style={{ width: "full" }}>
             <Flex>
-              <Text flex={1}>format:</Text>
-              <Text flex={4}>
+              <Text>format:</Text>
+              <Text>
                 The format of the media permit to automatic find meta-data:
                 <br />
                 Artist~album#idTrack-my name of my media.webm
@@ -437,15 +433,15 @@ export const AddPage = () => {
               </Text>
             </Flex>
             <Flex>
-              <Text flex={1}>Media:</Text>
-              <Input
+              <Text>Media:</Text>
+              {/* <Input
                 flex={4}
                 type="file"
                 placeholder="Select a media file"
                 accept=".webm"
                 multiple
                 onChange={onChangeFile}
-              />
+              /> */}
             </Flex>
           </Flex>
           {parsedElement && parsedElement.length !== 0 && (
@@ -478,14 +474,12 @@ export const AddPage = () => {
                 suggestion={suggestedAlbum}
               />
               <Table.Root
-                colorPalette="striped"
-                colorScheme="teal"
                 background="gray.700"
               >
                 <Table.Header>
                   <Table.Row>
                     <Table.ColumnHeader>track ID</Table.ColumnHeader>
-                    <Table.ColumnHeader width="full">Title</Table.ColumnHeader>
+                    <Table.ColumnHeader style={{ width: "full" }}>Title</Table.ColumnHeader>
                     <Table.ColumnHeader>actions</Table.ColumnHeader>
                   </Table.Row>
                 </Table.Header>
@@ -493,7 +487,7 @@ export const AddPage = () => {
                   {parsedElement.map((data) => (
                     <Table.Row key={data.uniqueId}>
                       <Table.Cell>
-                        <Input
+                        {/* <Input
                           type="number"
                           pattern="[0-9]{0-4}"
                           placeholder="e?"
@@ -504,10 +498,10 @@ export const AddPage = () => {
                               ? 'darkred'
                               : undefined
                           }
-                        />
+                        /> */}
                       </Table.Cell>
                       <Table.Cell>
-                        <Input
+                        {/* <Input
                           type="text"
                           placeholder="Name of the Media"
                           value={data.title}
@@ -515,11 +509,11 @@ export const AddPage = () => {
                           backgroundColor={
                             data.title === '' ? 'darkred' : undefined
                           }
-                        />
+                        /> */}
                         {data.nameDetected === true && (
                           <>
                             <br />
-                            <Text as="span" color="@danger">
+                            <Text style={{ backgroundColor: "red" }}>
                               ^^^This title already exist !!!
                             </Text>
                           </>
@@ -527,8 +521,8 @@ export const AddPage = () => {
                       </Table.Cell>
                       <Table.Cell>
                         <Button
-                          onClick={(e) =>
-                            removeElementFromList(data, e.target)
+                          onClick={() =>
+                            removeElementFromList(data)
                           }
                         >
                           <LuTrash /> Remove
@@ -538,13 +532,14 @@ export const AddPage = () => {
                   ))}
                 </Table.Body>
               </Table.Root>
-              <Flex marginY="15px">
+              <Flex style={{ margin: "15px 0 15px 0" }}>
                 <Button
-                  theme="@primary"
+                  //theme="@primary"
                   onClick={sendFile}
-                  disabled={!needSend}
-                  marginLeft="auto"
-                  marginRight="30px"
+                  style={{
+                    //disabled:!needSend,
+                    margin: "0 auto 0 30px"
+                  }}
                 >
                   <MdCloudUpload /> Upload
                 </Button>
@@ -554,14 +549,16 @@ export const AddPage = () => {
 
           {listFileInBdd && (
             <Table.Root
-              fontPalette="striped"
-              colorScheme="teal"
-              background="gray.700"
+              //fontPalette="striped"
+              //colorScheme="teal"
+              style={{
+                background: "gray.700"
+              }}
             >
               <Table.Header>
                 <Table.Row>
                   <Table.ColumnHeader>track ID</Table.ColumnHeader>
-                  <Table.ColumnHeader width="full">Title</Table.ColumnHeader>
+                  <Table.ColumnHeader style={{ width: "full" }}>Title</Table.ColumnHeader>
                   <Table.ColumnHeader>actions</Table.ColumnHeader>
                 </Table.Row>
               </Table.Header>
@@ -597,13 +594,13 @@ export const AddPage = () => {
             <>
               <Text fontSize="30px">Rejected:</Text>
               <Table.Root
-                colorPalette="striped"
-                colorScheme="teal"
-                background="gray.700"
+                //colorPalette="striped"
+                //colorScheme="teal"
+                style={{ background: "gray.700" }}
               >
                 <Table.Header>
                   <Table.Row>
-                    <Table.ColumnHeader maxWidth="80%">file</Table.ColumnHeader>
+                    <Table.ColumnHeader style={{ maxWidth: "80%" }}>file</Table.ColumnHeader>
                     <Table.ColumnHeader>Reason</Table.ColumnHeader>
                   </Table.Row>
                 </Table.Header>
diff --git a/front/src/scene/home/HomePage.tsx b/front/src/scene/home/HomePage.tsx
index 86cc45d..62d753b 100644
--- a/front/src/scene/home/HomePage.tsx
+++ b/front/src/scene/home/HomePage.tsx
@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
 
-import { Center, Flex, HStack, Text } from '@chakra-ui/react';
 import { LuCrown, LuDisc3, LuEar, LuFileAudio } from 'react-icons/lu';
 import { MdGroup } from 'react-icons/md';
 import { useNavigate } from 'react-router-dom';
diff --git a/front/src/scene/onAir/OnAirPage.tsx b/front/src/scene/onAir/OnAirPage.tsx
index f44f2ce..2f2353f 100644
--- a/front/src/scene/onAir/OnAirPage.tsx
+++ b/front/src/scene/onAir/OnAirPage.tsx
@@ -1,4 +1,3 @@
-import { Box, Flex, Text } from '@chakra-ui/react';
 import { Route, Routes, useNavigate } from 'react-router-dom';
 
 import { EmptyEnd } from '@/components/EmptyEnd';
diff --git a/front/src/scene/sso/SSOPage.tsx b/front/src/scene/sso/SSOPage.tsx
index 0726650..c598544 100644
--- a/front/src/scene/sso/SSOPage.tsx
+++ b/front/src/scene/sso/SSOPage.tsx
@@ -1,6 +1,5 @@
 import { useEffect } from 'react';
 
-import { Center, Heading, Image, Text } from '@chakra-ui/react';
 import { useNavigate, useParams } from 'react-router-dom';
 
 import avatar_generic from '@/assets/images/avatar_generic.svg';
diff --git a/front/src/scene/track/TrackSelectionPage.tsx b/front/src/scene/track/TrackSelectionPage.tsx
index ea3d2d2..c012e31 100644
--- a/front/src/scene/track/TrackSelectionPage.tsx
+++ b/front/src/scene/track/TrackSelectionPage.tsx
@@ -1,11 +1,7 @@
-import { ReactElement } from 'react';
-
-import { Flex, Text, HStack } from '@chakra-ui/react';
 import { useNavigate } from 'react-router-dom';
 
 import { PageLayout } from '@/components/Layout/PageLayout';
 import { TopBar } from '@/components/TopBar/TopBar';
-import { DataTools, TypeCheck } from '@/utils/data-tools';
 import { useColorModeValue } from '@/components/ui/color-mode';
 
 export const alphabet = [
diff --git a/front/src/scene/track/TracksStartLetterDetailPage.tsx b/front/src/scene/track/TracksStartLetterDetailPage.tsx
index 8bfbc9a..6bc20dc 100644
--- a/front/src/scene/track/TracksStartLetterDetailPage.tsx
+++ b/front/src/scene/track/TracksStartLetterDetailPage.tsx
@@ -1,6 +1,3 @@
-import { ReactElement } from 'react';
-
-import { Box, Flex } from '@chakra-ui/react';
 import { useParams } from 'react-router-dom';
 
 import { EmptyEnd } from '@/components/EmptyEnd';
diff --git a/front/src/service/Album.ts b/front/src/service/Album.ts
index 8f1998b..6d46be8 100644
--- a/front/src/service/Album.ts
+++ b/front/src/service/Album.ts
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useMemo } from 'react';
 
 import { Album, AlbumResource } from '@/back-api';
 import { useServiceContext } from '@/service/ServiceContext';
diff --git a/front/src/service/Track.ts b/front/src/service/Track.ts
index a5466c2..7d93b2e 100644
--- a/front/src/service/Track.ts
+++ b/front/src/service/Track.ts
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useMemo } from 'react';
 
 import { Track, TrackResource } from '@/back-api';
 import { useServiceContext } from '@/service/ServiceContext';
diff --git a/front/src/service/session.ts b/front/src/service/session.ts
index c0a6d59..54d4e9d 100644
--- a/front/src/service/session.ts
+++ b/front/src/service/session.ts
@@ -6,16 +6,13 @@ import { useServiceContext } from '@/service/ServiceContext';
 import { SessionState } from '@/service/SessionState';
 import { isBrowser } from '@/utils/layout';
 import { parseToken } from '@/utils/sso';
-import { createListCollection } from '@chakra-ui/react';
 
 const TOKEN_KEY = 'karusic-token-key-storage';
 
-export const USERS_COLLECTION = createListCollection({
-  items: [
-    { label: "admin", value: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E" },
-    { label: "NO_USER", value: "svelte" },
-  ],
-})
+export const USERS_COLLECTION = [
+  { label: "admin", value: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E" },
+  { label: "NO_USER", value: "svelte" },
+];
 export const USERS = {
   admin:
     'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E',
diff --git a/front/src/test/utils.tsx b/front/src/test/utils.tsx
index 53761e9..a23419c 100644
--- a/front/src/test/utils.tsx
+++ b/front/src/test/utils.tsx
@@ -1,6 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
 
-import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
 import { RenderOptions, render } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 
diff --git a/front/src/theme/recipes/button.ts b/front/src/theme/recipes/button.ts
index d257249..35fff9f 100644
--- a/front/src/theme/recipes/button.ts
+++ b/front/src/theme/recipes/button.ts
@@ -1,4 +1,3 @@
-import { defineRecipe, defineStyle, RecipeVariantRecord, SystemStyleObject } from '@chakra-ui/react';
 
 // https://medium.com/@a.heydari.dev/simplifying-chakra-ui-v3-recipes-vs-chakra-factory-a-developers-perspective-4020b62f1b4d
 
@@ -9,7 +8,7 @@ import { defineRecipe, defineStyle, RecipeVariantRecord, SystemStyleObject } fro
 // `;
 
 export const customVariant = ({ bg, bgHover, bgActive, color, colorHover, boxShadowHover }) => {
-  return defineStyle({
+  return {
     bg,
     color,
     border: '1px solid transparent',
@@ -29,81 +28,76 @@ export const customVariant = ({ bg, bgHover, bgActive, color, colorHover, boxSha
     _active: {
       bg: bgActive,
     },
-  });
+  };
 };
 
-const buttonRecipe = defineRecipe({
-  variants: {
-    theme: {
-      "@primary":
-        customVariant({
-          bg: { _light: 'brand.600', _dark: 'brand.300' },
-          bgHover: { _light: 'brand.700', _dark: 'brand.400' },
-          bgActive: { _light: 'brand.600', _dark: 'brand.300' },
-          color: { _light: 'white', _dark: 'brand.900' },
-          colorHover: { _light: 'brand.800', _dark: 'brand.100' },
-          boxShadowHover: 'outline-over'
-        }),
-      "@secondary":
-        customVariant({
-          bg: { _light: 'brand.100', _dark: 'brand.900' },
-          bgHover: { _light: 'brand.200', _dark: 'brand.800' },
-          bgActive: { _light: 'brand.300', _dark: 'brand.700' },
-          color: { _light: 'brand.700', _dark: 'brand.50' },
-          colorHover: { _light: 'brand.800', _dark: 'brand.100' },
-          boxShadowHover: 'outline-over',
-        }),
-      "@danger":
-        customVariant({
-          bg: { _light: 'error.600', _dark: 'error.600' },
-          bgHover: { _light: 'error.700', _dark: 'error.500' },
-          bgActive: { _light: 'error.600', _dark: 'error.500' },
-          color: { _light: 'white', _dark: 'error.900' },
-          colorHover: { _light: 'error.700', _dark: 'error.900' },
-          boxShadowHover: 'outline-over',
-        }),
-      "@success":
-        customVariant({
-          bg: { _light: 'green.300', _dark: 'green.300' },
-          bgHover: { _light: 'green.400', _dark: 'green.400' },
-          bgActive: { _light: 'green.500', _dark: 'green.400' },
-          color: { _light: 'white', _dark: 'green.900' },
-          colorHover: { _light: 'green.500', _dark: 'green.900' },
-          boxShadowHover: 'outline-over',
-        }),
-
-      "@progress":
-        defineStyle({
-          bg: { _light: `brand.500`, _dark: `brand.300` },
-          overflow: 'hidden',
-          /*
-          _after: !props.isLoading
-            ? {
-              content: '""',
-              position: 'absolute',
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0,
-              transform: 'translateX(-100%)',
-              bgGradient: `linear(90deg, brand.100/0 0%, brand.100/2 20%, brand.100/5 60%, v.100/0`,
-            }
-            : undefined,
-            */
-        }),
-
-      "@menu": defineStyle({
-        bg: 'back.100',
-        color: 'brand.900',
-        borderRadius: 0,
-        border: 0,
-        _hover: { background: 'back.300' },
-        _focus: { border: 'none' },
-        fontSize: '20px',
-        textTransform: 'uppercase',
-      }),
-    },
+const buttonTheme = {
+  primary:
+    customVariant({
+      bg: { _light: 'brand.600', _dark: 'brand.300' },
+      bgHover: { _light: 'brand.700', _dark: 'brand.400' },
+      bgActive: { _light: 'brand.600', _dark: 'brand.300' },
+      color: { _light: 'white', _dark: 'brand.900' },
+      colorHover: { _light: 'brand.800', _dark: 'brand.100' },
+      boxShadowHover: 'outline-over'
+    }),
+  secondary:
+    customVariant({
+      bg: { _light: 'brand.100', _dark: 'brand.900' },
+      bgHover: { _light: 'brand.200', _dark: 'brand.800' },
+      bgActive: { _light: 'brand.300', _dark: 'brand.700' },
+      color: { _light: 'brand.700', _dark: 'brand.50' },
+      colorHover: { _light: 'brand.800', _dark: 'brand.100' },
+      boxShadowHover: 'outline-over',
+    }),
+  danger:
+    customVariant({
+      bg: { _light: 'error.600', _dark: 'error.600' },
+      bgHover: { _light: 'error.700', _dark: 'error.500' },
+      bgActive: { _light: 'error.600', _dark: 'error.500' },
+      color: { _light: 'white', _dark: 'error.900' },
+      colorHover: { _light: 'error.700', _dark: 'error.900' },
+      boxShadowHover: 'outline-over',
+    }),
+  success:
+    customVariant({
+      bg: { _light: 'green.300', _dark: 'green.300' },
+      bgHover: { _light: 'green.400', _dark: 'green.400' },
+      bgActive: { _light: 'green.500', _dark: 'green.400' },
+      color: { _light: 'white', _dark: 'green.900' },
+      colorHover: { _light: 'green.500', _dark: 'green.900' },
+      boxShadowHover: 'outline-over',
+    }),
+  progress:
+  {
+    bg: { _light: `brand.500`, _dark: `brand.300` },
+    overflow: 'hidden',
+    /*
+    _after: !props.isLoading
+      ? {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        transform: 'translateX(-100%)',
+        bgGradient: `linear(90deg, brand.100/0 0%, brand.100/2 20%, brand.100/5 60%, v.100/0`,
+      }
+      : undefined,
+      */
   },
-});
 
-export default buttonRecipe;
+  menu: {
+    bg: 'back.100',
+    color: 'brand.900',
+    borderRadius: 0,
+    border: 0,
+    _hover: { background: 'back.300' },
+    _focus: { border: 'none' },
+    fontSize: '20px',
+    textTransform: 'uppercase',
+  },
+};
+
+export default buttonTheme;
diff --git a/front/src/theme/recipes/drawer.ts b/front/src/theme/recipes/drawer.ts
index bd115f3..20b5496 100644
--- a/front/src/theme/recipes/drawer.ts
+++ b/front/src/theme/recipes/drawer.ts
@@ -1,6 +1,6 @@
-import { defineRecipe } from '@chakra-ui/react';
 
-const drawerRecipe = defineRecipe({
+
+const drawerRecipe = {
     base: {
         bg: { _light: 'white', _dark: 'gray.800' },
         color: { _light: 'gray.900', _dark: 'whiteAlpha.900' },
@@ -24,6 +24,6 @@ const drawerRecipe = defineRecipe({
     defaultVariants: {
         variant: 'solid',
     },
-});
+};
 
 export default drawerRecipe;
diff --git a/front/src/theme/recipes/flex.ts b/front/src/theme/recipes/flex.ts
index b5a05c3..4606409 100644
--- a/front/src/theme/recipes/flex.ts
+++ b/front/src/theme/recipes/flex.ts
@@ -1,7 +1,7 @@
-import { defineRecipe } from '@chakra-ui/react';
 
 
-const flexTheme = defineRecipe({
+
+const flexTheme = {
   variants: {
     variant: {
       '@menu': {
@@ -15,6 +15,6 @@ const flexTheme = defineRecipe({
       },
     },
   },
-});
+};
 
 export default flexTheme;
\ No newline at end of file
diff --git a/front/src/theme/recipes/input.ts b/front/src/theme/recipes/input.ts
index 1362bb9..796b9e8 100644
--- a/front/src/theme/recipes/input.ts
+++ b/front/src/theme/recipes/input.ts
@@ -1,6 +1,5 @@
-import { defineRecipe } from '@chakra-ui/react';
 
-const inputTheme = defineRecipe({
+const inputTheme = {
   variants: {
     variant: {
       outline: {
@@ -16,6 +15,6 @@ const inputTheme = defineRecipe({
       },
     },
   },
-});
+};
 
 export default inputTheme;
diff --git a/front/src/theme/recipes/modal.ts__ b/front/src/theme/recipes/modal.ts__
index 96750c3..945c762 100644
--- a/front/src/theme/recipes/modal.ts__
+++ b/front/src/theme/recipes/modal.ts__
@@ -1,5 +1,3 @@
-import { modalAnatomy as parts } from '@chakra-ui/anatomy';
-import { createMultiStyleConfigHelpers } from '@chakra-ui/react';
 
 const { definePartsStyle, defineMultiStyleConfig } =
   createMultiStyleConfigHelpers(parts.keys);
diff --git a/front/src/theme/recipes/numberInput.ts_ b/front/src/theme/recipes/numberInput.ts_
deleted file mode 100644
index 9f236ff..0000000
--- a/front/src/theme/recipes/numberInput.ts_
+++ /dev/null
@@ -1,27 +0,0 @@
-import { numberInputAnatomy } from '@chakra-ui/anatomy';
-import { createMultiStyleConfigHelpers } from '@chakra-ui/react';
-import { getColor, mode } from '@chakra-ui/theme-tools';
-
-const { definePartsStyle, defineMultiStyleConfig } =
-  createMultiStyleConfigHelpers(numberInputAnatomy.keys);
-
-const baseStyle = definePartsStyle((props) => {
-
-  return {
-    field: {
-      border: 0,
-      _focusVisible: {
-        borderColor: {_light:'brand.500', _dark:'brand.300'},
-        boxShadow: `0 0 0 1px 'brand.500'`,
-        ring: '1px',
-        ringColor: {_light:'brand.500', _dark:'brand.300'},
-        ringOffset: '1px',
-        ringOffsetColor: {_light:'brand.500', _dark:'brand.300'},
-      },
-    },
-  };
-});
-
-export default defineMultiStyleConfig({
-  baseStyle,
-});
diff --git a/front/src/theme/recipes/select.ts b/front/src/theme/recipes/select.ts
index a738755..5ed7216 100644
--- a/front/src/theme/recipes/select.ts
+++ b/front/src/theme/recipes/select.ts
@@ -1,6 +1,5 @@
-import { defineRecipe } from '@chakra-ui/react';
 
-const selectTheme = defineRecipe({
+const selectTheme = {
   variants: {
     variant: {
       outline: {
@@ -15,6 +14,6 @@ const selectTheme = defineRecipe({
       },
     },
   },
-});
+};
 
 export default selectTheme;
diff --git a/front/src/theme/recipes/textarea.ts b/front/src/theme/recipes/textarea.ts
index 5291c08..0c32821 100644
--- a/front/src/theme/recipes/textarea.ts
+++ b/front/src/theme/recipes/textarea.ts
@@ -1,7 +1,5 @@
-import { defineRecipe } from '@chakra-ui/react';
 
-
-const textAreaTheme = defineRecipe({
+const textAreaTheme = {
   variants: {
     variant: {
       outline: {
@@ -14,5 +12,5 @@ const textAreaTheme = defineRecipe({
       },
     }
   },
-});
+};
 export default textAreaTheme;
\ No newline at end of file
diff --git a/front/src/theme/styleguide/buttons.stories.tsx b/front/src/theme/styleguide/buttons.stories.tsx
index 2d79e8b..e69de29 100644
--- a/front/src/theme/styleguide/buttons.stories.tsx
+++ b/front/src/theme/styleguide/buttons.stories.tsx
@@ -1,67 +0,0 @@
-import { Group, VStack } from '@chakra-ui/react';
-import { HiMinus, HiPlus } from 'react-icons/hi';
-
-const meta = {
-  title: 'StyleGuide/Buttons',
-};
-
-export default meta;
-
-export const Default = {
-  render: () => (
-    <Group>
-      <Button>Default Button</Button>
-      <IconButton aria-label="Add" ><HiPlus /></IconButton>
-    </Group>
-  ),
-};
-
-export const Primary = {
-  render: () => (
-    <Group>
-      <Button theme="@primary">Primary Button</Button>
-      <IconButton theme="@primary" aria-label="Add" ><HiPlus /></IconButton>
-    </Group>
-  ),
-};
-
-export const Secondary = {
-  render: () => (
-    <Group>
-      <Button theme="@secondary">Secondary Button</Button>
-      <IconButton theme="@secondary" aria-label="Add" ><HiPlus /></IconButton>
-    </Group>
-  ),
-};
-
-export const Danger = {
-  render: () => (
-    <Group>
-      <Button theme="@danger">Danger Button</Button>
-      <IconButton theme="@danger" aria-label="Remove"><HiMinus /></IconButton>
-    </Group>
-  ),
-};
-
-export const Progress = {
-  render: () => (
-    <Group>
-      <VStack>
-        <Button variant="solid" colorScheme="brand">
-          Progress Button with Brand ColorScheme
-        </Button>
-        <Button variant="solid" colorScheme="error">
-          Progress Button with Error ColorScheme
-        </Button>
-        <Button variant="solid">
-          Button
-        </Button>
-        <IconButton
-          variant="solid"
-          theme="@danger"
-          aria-label="Remove"
-        ><HiMinus /></IconButton>
-      </VStack>
-    </Group>
-  ),
-};
diff --git a/front/src/theme/styleguide/colors.stories.tsx b/front/src/theme/styleguide/colors.stories.tsx
index 59e2f5b..e69de29 100644
--- a/front/src/theme/styleguide/colors.stories.tsx
+++ b/front/src/theme/styleguide/colors.stories.tsx
@@ -1,66 +0,0 @@
-import { Box, Flex, FlexProps, HStack } from '@chakra-ui/react';
-
-const Color = ({ children, ...rest }: FlexProps) => (
-  <Flex flex="1" h="16" p="2" {...rest}>
-    <Box
-      bg="white"
-      display="inline-block"
-      px="2"
-      py="1"
-      m="auto"
-      fontSize="xs"
-      fontWeight="bold"
-      borderRadius="md"
-    >
-      {children}
-    </Box>
-  </Flex>
-);
-
-const Colors = ({ colorScheme = 'gray', ...rest }) => (
-  <HStack
-    // spacing="0"
-    overflow="hidden"
-    boxShadow="lg"
-    color={`${colorScheme}.700`}
-    borderRadius="md"
-    {...rest}
-  >
-    <Color bg={`${colorScheme}.50`}>50</Color>
-    <Color bg={`${colorScheme}.100`}>100</Color>
-    <Color bg={`${colorScheme}.200`}>200</Color>
-    <Color bg={`${colorScheme}.300`}>300</Color>
-    <Color bg={`${colorScheme}.400`}>400</Color>
-    <Color bg={`${colorScheme}.500`}>500</Color>
-    <Color bg={`${colorScheme}.600`}>600</Color>
-    <Color bg={`${colorScheme}.700`}>700</Color>
-    <Color bg={`${colorScheme}.800`}>800</Color>
-    <Color bg={`${colorScheme}.900`}>900</Color>
-  </HStack>
-);
-
-const meta = {
-  title: 'StyleGuide/Colors',
-};
-
-export default meta;
-
-export const Brand = {
-  render: () => <Colors colorScheme="brand" />,
-};
-
-export const Gray = {
-  render: () => <Colors colorScheme="gray" />,
-};
-
-export const Error = {
-  render: () => <Colors colorScheme="error" />,
-};
-
-export const Warning = {
-  render: () => <Colors colorScheme="warning" />,
-};
-
-export const Success = {
-  render: () => <Colors colorScheme="success" />,
-};
diff --git a/front/src/theme/styles.ts b/front/src/theme/styles.ts
deleted file mode 100644
index 916c1e1..0000000
--- a/front/src/theme/styles.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { Styles } from '@chakra-ui/theme-tools';
-
-export const styles: Styles = {
-};
diff --git a/front/src/theme/theme.ts b/front/src/theme/theme.ts
index 00cfa92..39aac71 100644
--- a/front/src/theme/theme.ts
+++ b/front/src/theme/theme.ts
@@ -1,8 +1,7 @@
 import * as recipes from './recipes';
-import { createSystem, defaultConfig, mergeConfigs, SystemConfig } from "@chakra-ui/react"
 import { colors } from "./foundations/colors"
 
-const baseTheme: SystemConfig = {
+const baseTheme = {
   globalCss: {
     body: {
       overflowY: 'none',
@@ -17,7 +16,6 @@ const baseTheme: SystemConfig = {
     }
   },
   theme: {
-    ...recipes,
     tokens: {
       fonts: {
         heading: { value: `Roboto, Helvetica, Arial, "sans-serif"` },
@@ -40,5 +38,11 @@ const baseTheme: SystemConfig = {
     },
   },
 };
+/*
 const config = mergeConfigs(defaultConfig, baseTheme);
-export const systemTheme = createSystem(config);
\ No newline at end of file
+export const systemTheme = createSystem(config);
+*/
+export const THEME = {
+  ...recipes
+};
+
diff --git a/front/src/types/theme.d.ts b/front/src/types/theme.d.ts
index 651e6ca..93371d2 100644
--- a/front/src/types/theme.d.ts
+++ b/front/src/types/theme.d.ts
@@ -1,5 +1,3 @@
-import { ThemeTypings } from '@chakra-ui/react';
-
 import { colors } from '@/theme/foundations/colors';
 
 export type ColorSchemes = ThemeTypings['colorSchemes'] | keyof typeof colors;
diff --git a/front/src/ui/Button.tsx b/front/src/ui/Button.tsx
new file mode 100644
index 0000000..5211bf9
--- /dev/null
+++ b/front/src/ui/Button.tsx
@@ -0,0 +1,27 @@
+import { ReactNode, CSSProperties } from "react";
+
+export type ButtonProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    style?: CSSProperties;
+};
+
+export const Button = ({ children, onClick, style }: ButtonProps) => {
+    return (
+        <button
+            onClick={onClick}
+            style={{
+                padding: '10px 20px',
+                backgroundColor: '#3182CE',
+                color: '#FFF',
+                border: 'none',
+                borderRadius: '4px',
+                cursor: 'pointer',
+                fontSize: '16px',
+                ...style,
+            }}
+        >
+            {children}
+        </button>
+    );
+};
\ No newline at end of file
diff --git a/front/src/ui/ErrorManager.tsx b/front/src/ui/ErrorManager.tsx
new file mode 100644
index 0000000..6ea95be
--- /dev/null
+++ b/front/src/ui/ErrorManager.tsx
@@ -0,0 +1,9 @@
+import { RestErrorResponse } from "@/back-api";
+
+
+export const registerAnError = (error) => {
+    console.error(`Detect error: ${JSON.stringify(error, null, 2)}`);
+}
+export const registerAnApiError = (error: RestErrorResponse) => {
+    console.error(`Detect error: ${JSON.stringify(error, null, 2)}`);
+}
\ No newline at end of file
diff --git a/front/src/ui/Flex.tsx b/front/src/ui/Flex.tsx
new file mode 100644
index 0000000..0de7bb4
--- /dev/null
+++ b/front/src/ui/Flex.tsx
@@ -0,0 +1,29 @@
+import React, { CSSProperties, ReactNode } from 'react';
+
+export type FlexProps = {
+    children?: ReactNode;
+    onClick?: () => void;
+    direction?: 'row' | 'column';
+    gap?: string | number;
+    justify?: CSSProperties['justifyContent'];
+    align?: CSSProperties['alignItems'];
+    style?: Omit<CSSProperties, "flexDirection" | "display" | "justifyContent" | "alignItems" | "alignItems" | "direction">
+};
+
+export const Flex = ({ children, onClick, direction = 'row', justify = 'flex-start', gap, align = 'stretch', style }: FlexProps) => {
+    return (
+        <div
+            onClick={onClick}
+            style={{
+                display: 'flex',
+                flexDirection: direction,
+                justifyContent: justify,
+                gap: gap,
+                alignItems: align,
+                ...style,
+            }}
+        >
+            {children}
+        </div>
+    );
+};
\ No newline at end of file
diff --git a/front/src/ui/FullPage.tsx b/front/src/ui/FullPage.tsx
new file mode 100644
index 0000000..e0c198e
--- /dev/null
+++ b/front/src/ui/FullPage.tsx
@@ -0,0 +1,22 @@
+import { ReactNode, CSSProperties } from "react";
+
+export type FullPageProps = {
+    children: ReactNode;
+    style?: CSSProperties;
+};
+
+export const FullPage = ({ children, style }: FullPageProps) => {
+    return (
+        <div
+            style={{
+                top: '0',
+                bottom: '0',
+                right: '0',
+                left: '0',
+                ...style,
+            }}
+        >
+            {children}
+        </div>
+    );
+};
\ No newline at end of file
diff --git a/front/src/ui/HStack.tsx b/front/src/ui/HStack.tsx
new file mode 100644
index 0000000..e56477c
--- /dev/null
+++ b/front/src/ui/HStack.tsx
@@ -0,0 +1,24 @@
+import { ReactNode, CSSProperties } from "react";
+
+export type HStackProps = {
+    children: ReactNode;
+    spacing?: CSSProperties['gap'];
+    align?: CSSProperties['alignItems'];
+    style?: Omit<CSSProperties, "gap" | "alignItems">;
+};
+
+export const HStack = ({ children, spacing = '8px', align = 'flex-start', style }: HStackProps) => {
+    return (
+        <div
+            style={{
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: align,
+                gap: spacing,
+                ...style,
+            }}
+        >
+            {children}
+        </div>
+    );
+};
\ No newline at end of file
diff --git a/front/src/ui/Table/body.tsx b/front/src/ui/Table/body.tsx
new file mode 100644
index 0000000..4561eec
--- /dev/null
+++ b/front/src/ui/Table/body.tsx
@@ -0,0 +1,9 @@
+import { CSSProperties, ReactNode } from "react"
+
+export type BodyProps = {
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+export const Body = ({ children, style }: BodyProps) => {
+    return <tbody style={style}>{children}</tbody>
+}
\ No newline at end of file
diff --git a/front/src/ui/Table/cell.tsx b/front/src/ui/Table/cell.tsx
new file mode 100644
index 0000000..1db5b52
--- /dev/null
+++ b/front/src/ui/Table/cell.tsx
@@ -0,0 +1,9 @@
+import { CSSProperties, ReactNode } from "react"
+
+export type CellProps = {
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+export const Cell = ({ children, style }: CellProps) => {
+    return <td style={style}>{children}</td>
+}
\ No newline at end of file
diff --git a/front/src/ui/Table/columnHeader.tsx b/front/src/ui/Table/columnHeader.tsx
new file mode 100644
index 0000000..a644221
--- /dev/null
+++ b/front/src/ui/Table/columnHeader.tsx
@@ -0,0 +1,9 @@
+import { CSSProperties, ReactNode } from "react"
+
+export type ColumnHeaderProps = {
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+export const ColumnHeader = ({ children, style }: ColumnHeaderProps) => {
+    return <th style={style}>{children}</th>
+}
\ No newline at end of file
diff --git a/front/src/ui/Table/header.tsx b/front/src/ui/Table/header.tsx
new file mode 100644
index 0000000..0b1d88a
--- /dev/null
+++ b/front/src/ui/Table/header.tsx
@@ -0,0 +1,9 @@
+import { CSSProperties, ReactNode } from "react"
+
+export type HeaderProps = {
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+export const Header = ({ children, style }: HeaderProps) => {
+    return <thead style={style}>{children}</thead>
+}
\ No newline at end of file
diff --git a/front/src/ui/Table/index.tsx b/front/src/ui/Table/index.tsx
new file mode 100644
index 0000000..c076237
--- /dev/null
+++ b/front/src/ui/Table/index.tsx
@@ -0,0 +1,6 @@
+export { Body } from './body'
+export { Cell } from './cell'
+export { ColumnHeader } from './columnHeader'
+export { Header } from './header'
+export { Root } from './root'
+export { Row } from './row'
diff --git a/front/src/ui/Table/root.tsx b/front/src/ui/Table/root.tsx
new file mode 100644
index 0000000..a4eb9a8
--- /dev/null
+++ b/front/src/ui/Table/root.tsx
@@ -0,0 +1,15 @@
+import { CSSProperties, ReactNode } from 'react'
+
+export type RootProps = {
+    children?: ReactNode;
+    background?: CSSProperties['backgroundColor'];
+    style?: CSSProperties;
+}
+
+export const Root = ({ background, children, style }: RootProps) => {
+    return (<table
+        style={{
+            backgroundColor: background,
+            ...style
+        }}>{children}</table>);
+}
\ No newline at end of file
diff --git a/front/src/ui/Table/row.tsx b/front/src/ui/Table/row.tsx
new file mode 100644
index 0000000..2ceb984
--- /dev/null
+++ b/front/src/ui/Table/row.tsx
@@ -0,0 +1,10 @@
+import { CSSProperties, ReactNode } from "react"
+
+export type RowProps = {
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+
+export const Row = ({ children, style }: RowProps) => {
+    return <tr style={style}>{children}</tr>
+}
\ No newline at end of file
diff --git a/front/src/ui/Text.tsx b/front/src/ui/Text.tsx
new file mode 100644
index 0000000..cc4335d
--- /dev/null
+++ b/front/src/ui/Text.tsx
@@ -0,0 +1,29 @@
+import { ReactNode, CSSProperties } from "react";
+
+export type TextProps = {
+    children: ReactNode;
+    color?: string;
+    fontSize?: CSSProperties["fontSize"];
+    fontWeight?: CSSProperties["fontWeight"];
+    style?: Omit<CSSProperties, "fontSize" | "fontWeight" | "color">;
+};
+
+export const Text = ({ children,
+    fontSize = '16px',
+    fontWeight = "normal",
+    color = "#000000",
+    style,
+}: TextProps) => {
+    return (
+        <span
+            style={{
+                fontSize,
+                color,
+                fontWeight,
+                ...style,
+            }}
+        >
+            {children}
+        </span>
+    );
+};
\ No newline at end of file
diff --git a/front/src/ui/VStack.tsx b/front/src/ui/VStack.tsx
new file mode 100644
index 0000000..2b6433a
--- /dev/null
+++ b/front/src/ui/VStack.tsx
@@ -0,0 +1,24 @@
+import { ReactNode, CSSProperties } from "react";
+
+export type VStackProps = {
+    children: ReactNode;
+    spacing?: CSSProperties['gap'];
+    align?: CSSProperties['alignItems'];
+    style?: Omit<CSSProperties, "gap" | "alignItems">;
+};
+
+export const VStack = ({ children, spacing = '8px', align = 'flex-start', style }: VStackProps) => {
+    return (
+        <div
+            style={{
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: align,
+                gap: spacing,
+                ...style,
+            }}
+        >
+            {children}
+        </div>
+    );
+};
\ No newline at end of file
diff --git a/front/src/ui/index.tsx b/front/src/ui/index.tsx
new file mode 100644
index 0000000..f3aa113
--- /dev/null
+++ b/front/src/ui/index.tsx
@@ -0,0 +1,7 @@
+export * from "./Button.tsx"
+export * from "./Text.tsx"
+export * from "./Flex.tsx"
+export * from "./HStack.tsx"
+export * from "./VStack.tsx"
+export * from "./FullPage.tsx"
+export * as Table from "./Table"
\ No newline at end of file
diff --git a/front/src/utils/data-store.ts b/front/src/utils/data-store.ts
index a8153a9..202f710 100644
--- a/front/src/utils/data-store.ts
+++ b/front/src/utils/data-store.ts
@@ -7,7 +7,7 @@ import { DependencyList, useCallback, useEffect, useState } from 'react';
 
 import { RestErrorResponse } from '@/back-api';
 import { isNullOrUndefined } from '@/utils/validator';
-import { toasterAPIError } from '@/components/ui/toaster';
+import { registerAnApiError } from '@/ui/ErrorManager';
 
 export type DataStoreType<TYPE> = {
   isLoading: boolean;
@@ -57,7 +57,7 @@ export const useDataStore = <TYPE>(
         setIsLoading(false);
       })
       .catch((error: RestErrorResponse) => {
-        toasterAPIError(error);
+        registerAnApiError(error);
         console.log(
           `[${restApiName}] catch error: ${JSON.stringify(error, null, 2)}`
         );
@@ -116,7 +116,7 @@ export const useDataStore = <TYPE>(
             resolve(responseData);
           })
           .catch((error: RestErrorResponse) => {
-            toasterAPIError(error);
+            registerAnAPIError(error);
             rejects(error);
           });
       });
@@ -134,7 +134,7 @@ export const useDataStore = <TYPE>(
           setData(filterData);
         })
         .catch((error) => {
-          toasterAPIError(error);
+          registerAnApiError(error);
           console.log(
             `catch an error on delete: ... ${JSON.stringify(error, null, 2)}`
           );
@@ -145,3 +145,7 @@ export const useDataStore = <TYPE>(
 
   return { isLoading, error, data, get, gets, update, updateRaw, remove };
 };
+function registerAnAPIError(error: { name: string; message: string; time: string; status: number; statusMessage: string; oid?: string | undefined; }) {
+  throw new Error('Function not implemented.');
+}
+
diff --git a/front/src/utils/disclosure.ts b/front/src/utils/disclosure.ts
new file mode 100644
index 0000000..404fa48
--- /dev/null
+++ b/front/src/utils/disclosure.ts
@@ -0,0 +1,18 @@
+import { useState, useCallback } from "react";
+
+export interface UseDisclosureReturn {
+    open: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+}
+
+export function useDisclosure(initialState = false): UseDisclosureReturn {
+    const [open, setOpen] = useState(initialState);
+
+    const onOpen = useCallback(() => setOpen(true), []);
+    const onClose = useCallback(() => setOpen(false), []);
+    const onToggle = useCallback(() => setOpen((prev) => !prev), []);
+
+    return { open, onOpen, onClose, onToggle };
+}
diff --git a/front/src/utils/layout.ts b/front/src/utils/layout.ts
index 29543b2..10c15cc 100644
--- a/front/src/utils/layout.ts
+++ b/front/src/utils/layout.ts
@@ -1,12 +1,9 @@
 import { useEffect, useState } from 'react';
 
-import { useBreakpointValue } from '@chakra-ui/react';
 import { useWindowSize } from 'react-use';
 
 export const isBrowser: boolean = typeof window !== 'undefined';
 
-export const useIsMobile = () => useBreakpointValue({ base: true, md: false });
-
 export const useIsLandscape = (): { isLandscape: boolean } => {
   const [isLandscape, setIsLandscape] = useState(false);
   const windowsSize = useWindowSize();