diff --git a/.github/publish-ci/vite/package.json b/.github/publish-ci/vite/package.json
index d8a2d24de1..8640950ec7 100644
--- a/.github/publish-ci/vite/package.json
+++ b/.github/publish-ci/vite/package.json
@@ -22,7 +22,7 @@
     "@vitejs/plugin-react": "^4.1.0",
     "prettier": "^3.1.1",
     "typescript": "^4.9.4",
-    "vite": "^4.0.0"
+    "vite": "^5.0.10"
   },
   "msw": {
     "workerDirectory": "public"
diff --git a/.github/publish-ci/vite/yarn.lock b/.github/publish-ci/vite/yarn.lock
index ebb6e8dd49..88ad43415b 100644
--- a/.github/publish-ci/vite/yarn.lock
+++ b/.github/publish-ci/vite/yarn.lock
@@ -269,156 +269,163 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/android-arm64@npm:0.16.17"
+"@esbuild/aix-ppc64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/aix-ppc64@npm:0.19.10"
+  conditions: os=aix & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/android-arm64@npm:0.19.10"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/android-arm@npm:0.16.17"
+"@esbuild/android-arm@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/android-arm@npm:0.19.10"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/android-x64@npm:0.16.17"
+"@esbuild/android-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/android-x64@npm:0.19.10"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/darwin-arm64@npm:0.16.17"
+"@esbuild/darwin-arm64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/darwin-arm64@npm:0.19.10"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/darwin-x64@npm:0.16.17"
+"@esbuild/darwin-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/darwin-x64@npm:0.19.10"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/freebsd-arm64@npm:0.16.17"
+"@esbuild/freebsd-arm64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/freebsd-arm64@npm:0.19.10"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/freebsd-x64@npm:0.16.17"
+"@esbuild/freebsd-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/freebsd-x64@npm:0.19.10"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-arm64@npm:0.16.17"
+"@esbuild/linux-arm64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-arm64@npm:0.19.10"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-arm@npm:0.16.17"
+"@esbuild/linux-arm@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-arm@npm:0.19.10"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-ia32@npm:0.16.17"
+"@esbuild/linux-ia32@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-ia32@npm:0.19.10"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-loong64@npm:0.16.17"
+"@esbuild/linux-loong64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-loong64@npm:0.19.10"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-mips64el@npm:0.16.17"
+"@esbuild/linux-mips64el@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-mips64el@npm:0.19.10"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-ppc64@npm:0.16.17"
+"@esbuild/linux-ppc64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-ppc64@npm:0.19.10"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-riscv64@npm:0.16.17"
+"@esbuild/linux-riscv64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-riscv64@npm:0.19.10"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-s390x@npm:0.16.17"
+"@esbuild/linux-s390x@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-s390x@npm:0.19.10"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/linux-x64@npm:0.16.17"
+"@esbuild/linux-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/linux-x64@npm:0.19.10"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/netbsd-x64@npm:0.16.17"
+"@esbuild/netbsd-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/netbsd-x64@npm:0.19.10"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/openbsd-x64@npm:0.16.17"
+"@esbuild/openbsd-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/openbsd-x64@npm:0.19.10"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/sunos-x64@npm:0.16.17"
+"@esbuild/sunos-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/sunos-x64@npm:0.19.10"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/win32-arm64@npm:0.16.17"
+"@esbuild/win32-arm64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/win32-arm64@npm:0.19.10"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/win32-ia32@npm:0.16.17"
+"@esbuild/win32-ia32@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/win32-ia32@npm:0.19.10"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.16.17":
-  version: 0.16.17
-  resolution: "@esbuild/win32-x64@npm:0.16.17"
+"@esbuild/win32-x64@npm:0.19.10":
+  version: 0.19.10
+  resolution: "@esbuild/win32-x64@npm:0.19.10"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -569,6 +576,97 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-android-arm-eabi@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.9.1"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-android-arm64@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-android-arm64@npm:4.9.1"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-darwin-arm64@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.9.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-darwin-x64@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-darwin-x64@npm:4.9.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.9.1"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-arm64-gnu@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.9.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-arm64-musl@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.9.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-riscv64-gnu@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.9.1"
+  conditions: os=linux & cpu=riscv64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-x64-gnu@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.9.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-x64-musl@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.9.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-win32-arm64-msvc@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.9.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-win32-ia32-msvc@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.9.1"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-win32-x64-msvc@npm:4.9.1":
+  version: 4.9.1
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.9.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@tootallnate/once@npm:2":
   version: 2.0.0
   resolution: "@tootallnate/once@npm:2.0.0"
@@ -959,33 +1057,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.16.14":
-  version: 0.16.17
-  resolution: "esbuild@npm:0.16.17"
-  dependencies:
-    "@esbuild/android-arm": 0.16.17
-    "@esbuild/android-arm64": 0.16.17
-    "@esbuild/android-x64": 0.16.17
-    "@esbuild/darwin-arm64": 0.16.17
-    "@esbuild/darwin-x64": 0.16.17
-    "@esbuild/freebsd-arm64": 0.16.17
-    "@esbuild/freebsd-x64": 0.16.17
-    "@esbuild/linux-arm": 0.16.17
-    "@esbuild/linux-arm64": 0.16.17
-    "@esbuild/linux-ia32": 0.16.17
-    "@esbuild/linux-loong64": 0.16.17
-    "@esbuild/linux-mips64el": 0.16.17
-    "@esbuild/linux-ppc64": 0.16.17
-    "@esbuild/linux-riscv64": 0.16.17
-    "@esbuild/linux-s390x": 0.16.17
-    "@esbuild/linux-x64": 0.16.17
-    "@esbuild/netbsd-x64": 0.16.17
-    "@esbuild/openbsd-x64": 0.16.17
-    "@esbuild/sunos-x64": 0.16.17
-    "@esbuild/win32-arm64": 0.16.17
-    "@esbuild/win32-ia32": 0.16.17
-    "@esbuild/win32-x64": 0.16.17
+"esbuild@npm:^0.19.3":
+  version: 0.19.10
+  resolution: "esbuild@npm:0.19.10"
+  dependencies:
+    "@esbuild/aix-ppc64": 0.19.10
+    "@esbuild/android-arm": 0.19.10
+    "@esbuild/android-arm64": 0.19.10
+    "@esbuild/android-x64": 0.19.10
+    "@esbuild/darwin-arm64": 0.19.10
+    "@esbuild/darwin-x64": 0.19.10
+    "@esbuild/freebsd-arm64": 0.19.10
+    "@esbuild/freebsd-x64": 0.19.10
+    "@esbuild/linux-arm": 0.19.10
+    "@esbuild/linux-arm64": 0.19.10
+    "@esbuild/linux-ia32": 0.19.10
+    "@esbuild/linux-loong64": 0.19.10
+    "@esbuild/linux-mips64el": 0.19.10
+    "@esbuild/linux-ppc64": 0.19.10
+    "@esbuild/linux-riscv64": 0.19.10
+    "@esbuild/linux-s390x": 0.19.10
+    "@esbuild/linux-x64": 0.19.10
+    "@esbuild/netbsd-x64": 0.19.10
+    "@esbuild/openbsd-x64": 0.19.10
+    "@esbuild/sunos-x64": 0.19.10
+    "@esbuild/win32-arm64": 0.19.10
+    "@esbuild/win32-ia32": 0.19.10
+    "@esbuild/win32-x64": 0.19.10
   dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
     "@esbuild/android-arm":
       optional: true
     "@esbuild/android-arm64":
@@ -1032,7 +1133,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 4c2cc609ecfb426554bc3f75beb92d89eb2d0c515cfceebaa36c7599d7dcaab7056b70f6d6b51e72b45951ddf9021ee28e356cf205f8e42cc055d522312ea30c
+  checksum: b97f2f837c931e065839fe9adebba44b80aaa81c6b32dca4e1e77c068a0afb045d08a94d86abdacb29daef783ec092f0db688a31f3d463e2e42ac17e5a478265
   languageName: node
   linkType: hard
 
@@ -1076,6 +1177,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fsevents@npm:~2.3.3":
+  version: 2.3.3
+  resolution: "fsevents@npm:2.3.3"
+  dependencies:
+    node-gyp: latest
+  checksum: 11e6ea6fea15e42461fc55b4b0e4a0a3c654faa567f1877dbd353f39156f69def97a69936d1746619d656c4b93de2238bf731f6085a03a50cabf287c9d024317
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
 "fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>":
   version: 2.3.2
   resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=df0bf1"
@@ -1085,10 +1196,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"function-bind@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "function-bind@npm:1.1.1"
-  checksum: b32fbaebb3f8ec4969f033073b43f5c8befbb58f1a79e12f1d7490358150359ebd92f49e72ff0144f65f2c48ea2a605bff2d07965f548f6474fd8efd95bf361a
+"fsevents@patch:fsevents@~2.3.3#~builtin<compat/fsevents>":
+  version: 2.3.3
+  resolution: "fsevents@patch:fsevents@npm%3A2.3.3#~builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
+  dependencies:
+    node-gyp: latest
+  conditions: os=darwin
   languageName: node
   linkType: hard
 
@@ -1170,15 +1283,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "has@npm:1.0.3"
-  dependencies:
-    function-bind: ^1.1.1
-  checksum: b9ad53d53be4af90ce5d1c38331e712522417d017d5ef1ebd0507e07c2fbad8686fffb8e12ddecd4c39ca9b9b47431afbb975b8abf7f3c3b82c98e9aad052792
-  languageName: node
-  linkType: hard
-
 "http-cache-semantics@npm:^4.1.0":
   version: 4.1.1
   resolution: "http-cache-semantics@npm:4.1.1"
@@ -1270,15 +1374,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.9.0":
-  version: 2.11.0
-  resolution: "is-core-module@npm:2.11.0"
-  dependencies:
-    has: ^1.0.3
-  checksum: f96fd490c6b48eb4f6d10ba815c6ef13f410b0ba6f7eb8577af51697de523e5f2cd9de1c441b51d27251bf0e4aebc936545e33a5d26d5d51f28d25698d4a8bab
-  languageName: node
-  linkType: hard
-
 "is-fullwidth-code-point@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-fullwidth-code-point@npm:3.0.0"
@@ -1503,12 +1598,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^3.3.4":
-  version: 3.3.4
-  resolution: "nanoid@npm:3.3.4"
+"nanoid@npm:^3.3.7":
+  version: 3.3.7
+  resolution: "nanoid@npm:3.3.7"
   bin:
     nanoid: bin/nanoid.cjs
-  checksum: 2fddd6dee994b7676f008d3ffa4ab16035a754f4bb586c61df5a22cf8c8c94017aadd360368f47d653829e0569a92b129979152ff97af23a558331e47e37cd9c
+  checksum: d36c427e530713e4ac6567d488b489a36582ef89da1d6d4e3b87eded11eb10d7042a877958c6f104929809b2ab0bafa17652b076cdf84324aa75b30b722204f2
   languageName: node
   linkType: hard
 
@@ -1594,13 +1689,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-parse@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "path-parse@npm:1.0.7"
-  checksum: 49abf3d81115642938a8700ec580da6e830dde670be21893c62f4e10bd7dd4c3742ddc603fe24f898cba7eb0c6bc1777f8d9ac14185d34540c6d4d80cd9cae8a
-  languageName: node
-  linkType: hard
-
 "picocolors@npm:^1.0.0":
   version: 1.0.0
   resolution: "picocolors@npm:1.0.0"
@@ -1608,14 +1696,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.21":
-  version: 8.4.21
-  resolution: "postcss@npm:8.4.21"
+"postcss@npm:^8.4.32":
+  version: 8.4.32
+  resolution: "postcss@npm:8.4.32"
   dependencies:
-    nanoid: ^3.3.4
+    nanoid: ^3.3.7
     picocolors: ^1.0.0
     source-map-js: ^1.0.2
-  checksum: e39ac60ccd1542d4f9d93d894048aac0d686b3bb38e927d8386005718e6793dbbb46930f0a523fe382f1bbd843c6d980aaea791252bf5e176180e5a4336d9679
+  checksum: 220d9d0bf5d65be7ed31006c523bfb11619461d296245c1231831f90150aeb4a31eab9983ac9c5c89759a3ca8b60b3e0d098574964e1691673c3ce5c494305ae
   languageName: node
   linkType: hard
 
@@ -1684,32 +1772,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.22.1":
-  version: 1.22.1
-  resolution: "resolve@npm:1.22.1"
-  dependencies:
-    is-core-module: ^2.9.0
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: 07af5fc1e81aa1d866cbc9e9460fbb67318a10fa3c4deadc35c3ad8a898ee9a71a86a65e4755ac3195e0ea0cfbe201eb323ebe655ce90526fd61917313a34e4e
-  languageName: node
-  linkType: hard
-
-"resolve@patch:resolve@^1.22.1#~builtin<compat/resolve>":
-  version: 1.22.1
-  resolution: "resolve@patch:resolve@npm%3A1.22.1#~builtin<compat/resolve>::version=1.22.1&hash=c3c19d"
-  dependencies:
-    is-core-module: ^2.9.0
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: 5656f4d0bedcf8eb52685c1abdf8fbe73a1603bb1160a24d716e27a57f6cecbe2432ff9c89c2bd57542c3a7b9d14b1882b73bfe2e9d7849c9a4c0b8b39f02b8b
-  languageName: node
-  linkType: hard
-
 "retry@npm:^0.12.0":
   version: 0.12.0
   resolution: "retry@npm:0.12.0"
@@ -1728,17 +1790,56 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:^3.10.0":
-  version: 3.19.1
-  resolution: "rollup@npm:3.19.1"
-  dependencies:
+"rollup@npm:^4.2.0":
+  version: 4.9.1
+  resolution: "rollup@npm:4.9.1"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": 4.9.1
+    "@rollup/rollup-android-arm64": 4.9.1
+    "@rollup/rollup-darwin-arm64": 4.9.1
+    "@rollup/rollup-darwin-x64": 4.9.1
+    "@rollup/rollup-linux-arm-gnueabihf": 4.9.1
+    "@rollup/rollup-linux-arm64-gnu": 4.9.1
+    "@rollup/rollup-linux-arm64-musl": 4.9.1
+    "@rollup/rollup-linux-riscv64-gnu": 4.9.1
+    "@rollup/rollup-linux-x64-gnu": 4.9.1
+    "@rollup/rollup-linux-x64-musl": 4.9.1
+    "@rollup/rollup-win32-arm64-msvc": 4.9.1
+    "@rollup/rollup-win32-ia32-msvc": 4.9.1
+    "@rollup/rollup-win32-x64-msvc": 4.9.1
     fsevents: ~2.3.2
   dependenciesMeta:
+    "@rollup/rollup-android-arm-eabi":
+      optional: true
+    "@rollup/rollup-android-arm64":
+      optional: true
+    "@rollup/rollup-darwin-arm64":
+      optional: true
+    "@rollup/rollup-darwin-x64":
+      optional: true
+    "@rollup/rollup-linux-arm-gnueabihf":
+      optional: true
+    "@rollup/rollup-linux-arm64-gnu":
+      optional: true
+    "@rollup/rollup-linux-arm64-musl":
+      optional: true
+    "@rollup/rollup-linux-riscv64-gnu":
+      optional: true
+    "@rollup/rollup-linux-x64-gnu":
+      optional: true
+    "@rollup/rollup-linux-x64-musl":
+      optional: true
+    "@rollup/rollup-win32-arm64-msvc":
+      optional: true
+    "@rollup/rollup-win32-ia32-msvc":
+      optional: true
+    "@rollup/rollup-win32-x64-msvc":
+      optional: true
     fsevents:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: f78198c6de224b26650c70b16db156762d1fcceeb375d34fb2c76fc5b23a78f712c3c881d3248e6f277a511589e20d50c247bcf5c7920f1ddc0a43cadf9f0140
+  checksum: 70917da16960d52d6747bd7b8eb884157a0e9b4966f5f40d788782b92e7eeaf556a98bb477e17ec94ed12a20378403aa2a392b6d2fe425bb2e1bb37d55474714
   languageName: node
   linkType: hard
 
@@ -1755,7 +1856,7 @@ __metadata:
     react: ^18.2.0
     react-dom: ^18.2.0
     typescript: ^4.9.4
-    vite: ^4.0.0
+    vite: ^5.0.10
   languageName: unknown
   linkType: soft
 
@@ -1898,13 +1999,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-preserve-symlinks-flag@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
-  checksum: 53b1e247e68e05db7b3808b99b892bd36fb096e6fba213a06da7fab22045e97597db425c724f2bbd6c99a3c295e1e73f3e4de78592289f38431049e1277ca0ae
-  languageName: node
-  linkType: hard
-
 "tar@npm:^6.1.11, tar@npm:^6.1.2":
   version: 6.1.13
   resolution: "tar@npm:6.1.13"
@@ -1992,18 +2086,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite@npm:^4.0.0":
-  version: 4.1.4
-  resolution: "vite@npm:4.1.4"
+"vite@npm:^5.0.10":
+  version: 5.0.10
+  resolution: "vite@npm:5.0.10"
   dependencies:
-    esbuild: ^0.16.14
-    fsevents: ~2.3.2
-    postcss: ^8.4.21
-    resolve: ^1.22.1
-    rollup: ^3.10.0
+    esbuild: ^0.19.3
+    fsevents: ~2.3.3
+    postcss: ^8.4.32
+    rollup: ^4.2.0
   peerDependencies:
-    "@types/node": ">= 14"
+    "@types/node": ^18.0.0 || >=20.0.0
     less: "*"
+    lightningcss: ^1.21.0
     sass: "*"
     stylus: "*"
     sugarss: "*"
@@ -2016,6 +2110,8 @@ __metadata:
       optional: true
     less:
       optional: true
+    lightningcss:
+      optional: true
     sass:
       optional: true
     stylus:
@@ -2026,7 +2122,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: 50a9a1f2e29e0ee8fefdec60314d38fb9b746df0bb6ae5a8114014b5bfd95e0fc9b29c0d5e73939361ba53af7eb66c7d20c5656bbe53a783e96540bd3b907c47
+  checksum: a1c96be1dc8bafb981c0874813a6b783ee9c4cd235188d7dc746133972d8992fe85111b7402365fee698ffcb626cd31b39bf2f2523140e50b07b81ce3c0139d1
   languageName: node
   linkType: hard
 
diff --git a/.gitignore b/.gitignore
index 77f0ad066a..9397966e18 100644
--- a/.gitignore
+++ b/.gitignore
@@ -58,3 +58,4 @@ report.*.json
 #
 docs/public/build
 docs/api/*
+docs/vite.config.mts.timestamp-*.mjs
diff --git a/.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch b/.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch
deleted file mode 100644
index dafacefc4d..0000000000
--- a/.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch
+++ /dev/null
@@ -1,14 +0,0 @@
-diff --git a/dist/compiler/plugins/mdx.js b/dist/compiler/plugins/mdx.js
-index 727fa32c7ff0db6fd1db6ab81aa9c6d9d819d4a4..51ab32cb5a62dfe54883d7004f5c3499f3dc2422 100644
---- a/dist/compiler/plugins/mdx.js
-+++ b/dist/compiler/plugins/mdx.js
-@@ -96,7 +96,8 @@ export const handle = typeof attributes !== "undefined" && attributes.handle;
-             pragma: "React.createElement",
-             pragmaFrag: "React.Fragment",
-             rehypePlugins,
--            remarkPlugins
-+            remarkPlugins,
-+            providerImportSource: "@mdx-js/react"
-           });
-           let contents = `
- ${compiled.value}
diff --git a/docs/.gitignore b/docs/.gitignore
new file mode 100644
index 0000000000..42ec5e40f1
--- /dev/null
+++ b/docs/.gitignore
@@ -0,0 +1,11 @@
+node_modules
+
+.cache
+.env
+.vercel
+.output
+
+build
+public/build
+api/index.js*
+api/_assets*
diff --git a/docs/.nvmrc b/docs/.nvmrc
new file mode 100644
index 0000000000..25bf17fc5a
--- /dev/null
+++ b/docs/.nvmrc
@@ -0,0 +1 @@
+18
\ No newline at end of file
diff --git a/docs/README.md b/docs/README.md
new file mode 100644
index 0000000000..944936b342
--- /dev/null
+++ b/docs/README.md
@@ -0,0 +1,34 @@
+# Welcome to Remix!
+
+- [Remix Docs](https://remix.run/docs)
+
+## Deployment
+
+After having run the `create-remix` command and selected "Vercel" as a deployment target, you only need to [import your Git repository](https://vercel.com/new) into Vercel, and it will be deployed.
+
+If you'd like to avoid using a Git repository, you can also deploy the directory by running [Vercel CLI](https://vercel.com/cli):
+
+```sh
+npm i -g vercel
+vercel
+```
+
+It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its [Git Integration](https://vercel.com/docs/concepts/git).
+
+## Development
+
+To run your Remix app locally, make sure your project's local dependencies are installed:
+
+```sh
+npm install
+```
+
+Afterwards, start the Remix development server like so:
+
+```sh
+npm run dev
+```
+
+Open up [http://localhost:3000](http://localhost:3000) and you should be ready to go!
+
+If you're used to using the `vercel dev` command provided by [Vercel CLI](https://vercel.com/cli) instead, you can also use that, but it's not needed.
diff --git a/docs/app/components/AccessibleIcon.tsx b/docs/app/components/AccessibleIcon.tsx
index a67e816654..4b97c2f847 100644
--- a/docs/app/components/AccessibleIcon.tsx
+++ b/docs/app/components/AccessibleIcon.tsx
@@ -1,9 +1,5 @@
 import { Children, cloneElement, ReactNode } from 'react'
-import { styled } from '~/styles/stitches.config'
-
-const VisuallyHiddenLabel = styled('span', {
-  visuallyHidden: '',
-})
+import { visuallyHidden } from '../styles/utilities.css'
 
 interface AccessibleIconProps {
   children: ReactNode
@@ -24,7 +20,7 @@ export const AccessibleIcon = ({
         focusable: 'false',
         className,
       })}
-      <VisuallyHiddenLabel>{label}</VisuallyHiddenLabel>
+      <span className={visuallyHidden}>{label}</span>
     </>
   )
 }
diff --git a/docs/app/components/Asides/StickyAside.css.ts b/docs/app/components/Asides/StickyAside.css.ts
new file mode 100644
index 0000000000..0d23fbc71e
--- /dev/null
+++ b/docs/app/components/Asides/StickyAside.css.ts
@@ -0,0 +1,27 @@
+import { recipe } from '@vanilla-extract/recipes'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const aside = recipe({
+  base: {
+    display: 'none',
+    flexShrink: 1,
+    width: '30rem',
+    gridArea: 'aside',
+
+    '@media': {
+      [`screen and ${BREAKPOINTS.tabletUp}`]: {
+        display: 'block',
+        paddingTop: vars.space['25'],
+        height: '100%',
+      },
+    },
+  },
+  variants: {
+    isStuck: {
+      true: {
+        position: 'fixed',
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Asides/StickyAside.tsx b/docs/app/components/Asides/StickyAside.tsx
index 82beab2d64..02c78a91ae 100644
--- a/docs/app/components/Asides/StickyAside.tsx
+++ b/docs/app/components/Asides/StickyAside.tsx
@@ -3,9 +3,8 @@ import { animated } from '@react-spring/web'
 
 import { useAnimatedHeader } from '~/hooks/useAnimatedHeader'
 
-import { styled } from '~/styles/stitches.config'
-
 import { getHeaderHeights } from '../Header/Header'
+import { aside } from './StickyAside.css'
 
 interface StickyAsideProps {
   children?: ReactNode
@@ -19,29 +18,13 @@ export const StickyAside = ({ children }: StickyAsideProps) => {
   })
 
   return (
-    <Aside style={styles} isStuck={isStuck}>
+    <animated.aside
+      className={aside({
+        isStuck,
+      })}
+      style={styles}
+    >
       {children}
-    </Aside>
+    </animated.aside>
   )
 }
-
-const Aside = styled(animated.aside, {
-  display: 'none',
-  flexShrink: 1,
-  width: '30rem',
-  gridArea: 'aside',
-
-  '@tabletUp': {
-    display: 'block',
-    pt: '$25',
-    height: '100%',
-  },
-
-  variants: {
-    isStuck: {
-      true: {
-        position: 'fixed',
-      },
-    },
-  },
-})
diff --git a/docs/app/components/AspectRatio.css.ts b/docs/app/components/AspectRatio.css.ts
new file mode 100644
index 0000000000..d3c0eaa61c
--- /dev/null
+++ b/docs/app/components/AspectRatio.css.ts
@@ -0,0 +1,36 @@
+import { createVar, globalStyle, style } from '@vanilla-extract/css'
+
+export const widthVar = createVar()
+export const heightVar = createVar()
+
+export const container = style({
+  position: 'relative',
+
+  '@supports': {
+    '(aspect-ratio: 1)': {
+      overflow: 'hidden',
+      aspectRatio: `${widthVar} / ${heightVar}`,
+    },
+
+    'not (aspect-ratio: 1)': {
+      ':before': {
+        paddingTop: `calc((${widthVar} / ${heightVar}) * 100%)`,
+        display: 'block',
+        content: '',
+        width: '100%',
+      },
+    },
+  },
+})
+
+globalStyle(`${container} > *`, {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: '100%',
+  maxWidth: '100%',
+  minHeight: '100%',
+  maxHeight: '100%',
+  objectFit: 'cover',
+})
diff --git a/docs/app/components/AspectRatio.tsx b/docs/app/components/AspectRatio.tsx
index 3b1113d87c..de19ec4359 100644
--- a/docs/app/components/AspectRatio.tsx
+++ b/docs/app/components/AspectRatio.tsx
@@ -1,6 +1,8 @@
+import clsx from 'clsx'
 import { ReactNode } from 'react'
+import { assignInlineVars } from '@vanilla-extract/dynamic'
 
-import { styled } from '~/styles/stitches.config'
+import { container, heightVar, widthVar } from './AspectRatio.css'
 
 interface AspectRatioProps {
   children: ReactNode
@@ -15,47 +17,15 @@ export const AspectRatio = ({
   height = 1,
   className,
 }: AspectRatioProps) => (
-  <Container
-    className={className}
-    css={{
-      '@supports(aspect-ratio: 1)': {
-        aspectRatio: `${width} / ${height}`,
-      },
-      '@supports not (aspect-ratio: 1)': {
-        '&:before': {
-          paddingTop: `${(height / width) * 100}%`,
-        },
-      },
+  <div
+    className={clsx(container, className)}
+    style={{
+      ...assignInlineVars({
+        [widthVar]: `${width}`,
+        [heightVar]: `${height}`,
+      }),
     }}
   >
     {children}
-  </Container>
+  </div>
 )
-
-const Container = styled('div', {
-  '@supports(aspect-ratio: 1)': {
-    overflow: 'hidden',
-  },
-
-  '@supports not (aspect-ratio: 1)': {
-    '&:before': {
-      display: 'block',
-      content: '',
-      width: '100%',
-    },
-  },
-
-  position: 'relative',
-
-  '& > *': {
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    minWidth: '100%',
-    maxWidth: '100%',
-    minHeight: '100%',
-    maxHeight: '100%',
-    objectFit: 'cover',
-  },
-})
diff --git a/docs/app/components/BadgeNew.css.ts b/docs/app/components/BadgeNew.css.ts
new file mode 100644
index 0000000000..4216e67ffa
--- /dev/null
+++ b/docs/app/components/BadgeNew.css.ts
@@ -0,0 +1,19 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../styles/theme-contract.css'
+import { darkThemeClass } from '../styles/dark-theme.css'
+
+export const badge = style({
+  fontSize: '1.2rem',
+  lineHeight: '1.2rem',
+  fontWeight: vars.fontWeights.bold,
+  padding: '0.6rem 0.4rem',
+  borderRadius: vars.radii.r8,
+  color: vars.colors.white,
+  background: vars.colors.blueGreenGradient100,
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      background: vars.colors.redYellowGradient100,
+    },
+  },
+})
diff --git a/docs/app/components/BadgeNew.tsx b/docs/app/components/BadgeNew.tsx
index ea6492f1c8..6035374768 100644
--- a/docs/app/components/BadgeNew.tsx
+++ b/docs/app/components/BadgeNew.tsx
@@ -1,20 +1,5 @@
-import { dark, styled } from '~/styles/stitches.config'
+import { badge } from './BadgeNew.css'
 
 export const BadgeNew = () => {
-  return <Badge>New</Badge>
+  return <span className={badge}>New</span>
 }
-
-const Badge = styled('span', {
-  fontSize: '1.2rem',
-  lineHeight: '1.2rem',
-  fontWeight: '$bold',
-  px: 6,
-  py: 4,
-  borderRadius: '$r8',
-  color: '$white',
-  background: '$blueGreenGradient100',
-
-  [`.${dark} &`]: {
-    background: '$redYellowGradient100',
-  },
-})
diff --git a/docs/app/components/Buttons/Button.css.ts b/docs/app/components/Buttons/Button.css.ts
new file mode 100644
index 0000000000..9b0330d73f
--- /dev/null
+++ b/docs/app/components/Buttons/Button.css.ts
@@ -0,0 +1,44 @@
+import { recipe } from '@vanilla-extract/recipes'
+import { vars } from '../../styles/theme-contract.css'
+
+export const sharedStyles = recipe({
+  base: {
+    border: `solid 1px ${vars.colors.black}`,
+    backgroundColor: 'transparent',
+    borderRadius: vars.radii.r4,
+    fontFamily: vars.fonts.sans,
+    fontSize: vars.fontSizes.XXS,
+    lineHeight: vars.lineHeights.code,
+    padding: `${vars.space['5']} ${vars.space['10']}`,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    alignItems: 'center',
+
+    '@media': {
+      '(prefers-reduced-motion: no-preference)': {
+        transition: 'border-color 200ms ease-out',
+      },
+
+      '(hover:hover)': {
+        ':hover': {
+          borderColor: vars.colors.red100,
+        },
+      },
+    },
+
+    ':disabled': {
+      pointerEvents: 'none',
+      opacity: 0.5,
+    },
+  },
+
+  variants: {
+    variant: {
+      regular: {},
+      large: {
+        padding: '11px 9px 11px 12px',
+        borderRadius: vars.radii.r8,
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Buttons/Button.tsx b/docs/app/components/Buttons/Button.tsx
index 4887c49954..fdafc6b6c2 100644
--- a/docs/app/components/Buttons/Button.tsx
+++ b/docs/app/components/Buttons/Button.tsx
@@ -1,7 +1,7 @@
-import { css } from '@stitches/react'
-import { MouseEventHandler, ReactNode } from 'react'
+import { MouseEventHandler, ReactNode, forwardRef } from 'react'
 import { Link } from '@remix-run/react'
-import { styled } from '~/styles/stitches.config'
+import clsx from 'clsx'
+import { sharedStyles } from './Button.css'
 
 interface ButtonProps {
   children: ReactNode
@@ -13,78 +13,57 @@ interface ButtonProps {
   variant?: 'regular' | 'large'
 }
 
-export const Button = ({
-  children,
-  className,
-  type = 'button',
-  onClick,
-  disabled = false,
-  href,
-  variant = 'regular',
-}: ButtonProps) => {
-  const handleClick: MouseEventHandler<HTMLButtonElement> = e => {
-    if (onClick) {
-      onClick(e)
+export const Button = forwardRef(
+  (
+    {
+      children,
+      className,
+      type = 'button',
+      onClick,
+      disabled = false,
+      href,
+      variant = 'regular',
+    }: ButtonProps,
+    forwardedRef: any
+  ) => {
+    const handleClick: MouseEventHandler<HTMLButtonElement> = e => {
+      if (onClick) {
+        onClick(e)
+      }
+    }
+
+    if (href) {
+      return (
+        <Link
+          ref={forwardedRef}
+          className={clsx(
+            sharedStyles({
+              variant,
+            }),
+            className
+          )}
+          to={href}
+        >
+          {children}
+        </Link>
+      )
     }
-  }
 
-  if (href) {
     return (
-      <StyledLink className={className} to={href} variant={variant}>
+      <button
+        ref={forwardedRef}
+        className={clsx(
+          sharedStyles({
+            variant,
+          }),
+          className
+        )}
+        type={type}
+        onClick={handleClick}
+        disabled={disabled}
+      >
         {children}
-      </StyledLink>
+      </button>
     )
   }
-
-  return (
-    <StyledButton
-      className={className}
-      type={type}
-      onClick={handleClick}
-      disabled={disabled}
-      variant={variant}
-    >
-      {children}
-    </StyledButton>
-  )
-}
-
-const sharedStyles = css({
-  border: 'solid 1px $black',
-  backgroundColor: 'transparent',
-  borderRadius: '$r4',
-  fontFamily: '$sans',
-  fontSize: '$XXS',
-  lineHeight: '$code',
-  padding: '5px $10',
-  cursor: 'pointer',
-  display: 'inline-flex',
-  alignItems: 'center',
-
-  '@motion': {
-    transition: 'border-color 200ms ease-out',
-  },
-
-  hover: {
-    borderColor: '$red100',
-  },
-
-  '&:disabled': {
-    pointerEvents: 'none',
-    opacity: 0.5,
-  },
-
-  variants: {
-    variant: {
-      regular: {},
-      large: {
-        p: '11px 9px 11px 12px',
-        borderRadius: '$r8',
-      },
-    },
-  },
-})
-
-const StyledLink = styled(Link, { ...sharedStyles })
-
-const StyledButton = styled('button', { ...sharedStyles })
+)
diff --git a/docs/app/components/Buttons/ButtonCopy.css.ts b/docs/app/components/Buttons/ButtonCopy.css.ts
new file mode 100644
index 0000000000..f8bf8eca31
--- /dev/null
+++ b/docs/app/components/Buttons/ButtonCopy.css.ts
@@ -0,0 +1,47 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const animatedIcon = style({
+  position: 'absolute',
+  left: '50%',
+  top: '50%',
+  transform: 'translate(-50%, -50%)',
+})
+
+export const absoluteContainer = style({
+  display: 'block',
+  position: 'relative',
+  height: '100%',
+  width: '100%',
+})
+
+export const copyButton = style({
+  backgroundColor: vars.colors.codeBackground,
+  border: 'none',
+  padding: 0,
+  height: 32,
+  width: 32,
+  overflow: 'hidden',
+  borderRadius: vars.radii.r4,
+  marginLeft: 14,
+  cursor: 'pointer',
+
+  '@media': {
+    '(hover: hover)': {
+      ':hover': {
+        backgroundColor: vars.colors.red40,
+      },
+
+      selectors: {
+        [`${darkThemeClass} &:hover`]: {
+          backgroundColor: vars.colors.red40,
+        },
+      },
+    },
+
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'background-color 250ms ease-out',
+    },
+  },
+})
diff --git a/docs/app/components/Buttons/ButtonCopy.tsx b/docs/app/components/Buttons/ButtonCopy.tsx
index a083767177..9a518e53c5 100644
--- a/docs/app/components/Buttons/ButtonCopy.tsx
+++ b/docs/app/components/Buttons/ButtonCopy.tsx
@@ -2,9 +2,9 @@ import { animated, useSprings } from '@react-spring/web'
 import { CheckCircle, CopySimple } from 'phosphor-react'
 import { useState } from 'react'
 
-import { dark, styled } from '~/styles/stitches.config'
-
 import { AccessibleIcon } from '../AccessibleIcon'
+import { absoluteContainer, animatedIcon, copyButton } from './ButtonCopy.css'
+import clsx from 'clsx'
 
 interface ButtonCopyProps {
   children: string
@@ -46,6 +46,8 @@ export const ButtonCopy = ({ children, className }: ButtonCopyProps) => {
     2,
     i => ({
       scale: copied && i === 0 ? 0 : !copied && i === 1 ? 0 : 1,
+      y: '-50%',
+      x: '-50%',
       onRest: () => {
         if (i === 0) {
           setTimeout(() => setCopied(false), 800)
@@ -56,61 +58,36 @@ export const ButtonCopy = ({ children, className }: ButtonCopyProps) => {
   )
 
   return (
-    <CopyButton className={className} type="button" onClick={handleCopyClick}>
-      <AccessibleIcon label={`Copy ${children}`}>
-        <AbsoluteContainer>
+    <button
+      className={clsx(copyButton, className)}
+      type="button"
+      onClick={handleCopyClick}
+    >
+      <AccessibleIcon className={absoluteContainer} label={`Copy ${children}`}>
+        <span>
           {springs.map((style, i) =>
             i === 0 ? (
-              <AnimatedCopy key={i} size={24} style={style} />
+              <AnimatedCopy
+                className={animatedIcon}
+                key={i}
+                size={24}
+                style={style}
+              />
             ) : (
-              <AnimatedCheck key={i} size={24} style={style} />
+              <AnimatedCheck
+                className={animatedIcon}
+                key={i}
+                size={24}
+                style={style}
+              />
             )
           )}
-        </AbsoluteContainer>
+        </span>
       </AccessibleIcon>
-    </CopyButton>
+    </button>
   )
 }
 
-const CopyButton = styled('button', {
-  backgroundColor: '$codeBackground',
-  border: 'none',
-  padding: '4px 4px 1px 4px',
-  height: 32,
-  width: 32,
-  overflow: 'hidden',
-  borderRadius: '$r4',
-  ml: 14,
-  cursor: 'pointer',
-
-  hover: {
-    backgroundColor: '$red40',
-  },
-
-  [`.${dark} &`]: {
-    hover: {
-      backgroundColor: '#ff6d6d66',
-    },
-  },
-
-  '@motion': {
-    transition: 'background-color 250ms ease-out',
-  },
-})
-
-const AbsoluteContainer = styled('span', {
-  display: 'block',
-  position: 'relative',
-  height: '100%',
-  width: '100%',
-})
-
-const AnimatedCheck = styled(animated(CheckCircle), {
-  position: 'absolute',
-  inset: 0,
-})
+const AnimatedCheck = animated(CheckCircle)
 
-const AnimatedCopy = styled(animated(CopySimple), {
-  position: 'absolute',
-  inset: 0,
-})
+const AnimatedCopy = animated(CopySimple)
diff --git a/docs/app/components/Buttons/GradientButton.css.ts b/docs/app/components/Buttons/GradientButton.css.ts
new file mode 100644
index 0000000000..ec8dfc5e41
--- /dev/null
+++ b/docs/app/components/Buttons/GradientButton.css.ts
@@ -0,0 +1,85 @@
+import { vars } from '../../styles/theme-contract.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+import { recipe } from '@vanilla-extract/recipes'
+import { style } from '@vanilla-extract/css'
+
+export const button = recipe({
+  base: {
+    color: vars.colors.steel100,
+    border: 'none',
+    borderRadius: vars.radii.r8,
+    padding: 2,
+    backgroundClip: 'content-box',
+    position: 'relative',
+    display: 'inline-block',
+    zIndex: 0,
+
+    ':before': {
+      content: '',
+      width: '100%',
+      height: '100%',
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      zIndex: -1,
+      borderRadius: 'inherit',
+      background: vars.colors.redYellowGradient100,
+      transition: 'filter 250ms ease-out',
+    },
+
+    selectors: {
+      [`${darkThemeClass} &:before`]: {
+        background: vars.colors.blueGreenGradient100,
+      },
+
+      '&:hover:before': {
+        filter: 'brightness(120%)',
+      },
+
+      [`.${darkThemeClass} &:hover:before`]: {
+        filter: 'brightness(140%)',
+      },
+    },
+  },
+
+  variants: {
+    size: {
+      small: {
+        fontSize: 12,
+        fontWeight: 400,
+        lineHeight: '140%',
+
+        selectors: {
+          [`${darkThemeClass} &`]: {
+            fontWeight: 300,
+          },
+        },
+      },
+      regular: {
+        fontSize: vars.fontSizes.XXS,
+        lineHeight: vars.lineHeights.XXS,
+      },
+    },
+  },
+})
+
+export const inner = recipe({
+  base: {
+    display: 'block',
+    backgroundColor: vars.colors.white,
+    borderRadius: 'inherit',
+  },
+
+  variants: {
+    size: {
+      small: {
+        padding: `${vars.space['5']} ${vars.space['10']}`,
+      },
+      regular: {
+        padding: `${vars.space['15']} ${vars.space['10']} `,
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Buttons/GradientButton.tsx b/docs/app/components/Buttons/GradientButton.tsx
index f5e33af567..bf53614ea4 100644
--- a/docs/app/components/Buttons/GradientButton.tsx
+++ b/docs/app/components/Buttons/GradientButton.tsx
@@ -1,5 +1,6 @@
+import clsx from 'clsx'
 import { ReactNode } from 'react'
-import { dark, styled } from '~/styles/stitches.config'
+import { button, inner } from './GradientButton.css'
 
 interface GradientButtonProps {
   children: ReactNode
@@ -14,92 +15,22 @@ export const GradientButton = ({
   className,
   href,
   children,
-  tag,
+  tag = 'a',
   variant = 'regular',
   type = 'button',
   ...props
 }: GradientButtonProps) => {
+  const Element = tag
+
   return (
-    <Button
-      size={variant}
-      className={className}
-      as={tag}
+    <Element
+      className={clsx(button({ size: variant }), className)}
       href={href}
+      // @ts-expect-error – polymorphic component
       type={tag === 'button' ? type : undefined}
       {...props}
     >
-      <span>{children}</span>
-    </Button>
+      <span className={inner({ size: variant })}>{children}</span>
+    </Element>
   )
 }
-
-const Button = styled('a', {
-  color: '$steel100',
-  border: 'none',
-  borderRadius: '$r8',
-  p: 2,
-  backgroundClip: 'content-box',
-  position: 'relative',
-  display: 'inline-block',
-  zIndex: 0,
-
-  '&:before': {
-    content: '',
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    zIndex: -1,
-    borderRadius: 'inherit',
-    background: '$redYellowGradient100',
-    transition: 'filter 250ms ease-out',
-  },
-
-  [`.${dark} &:before`]: {
-    background: '$blueGreenGradient100',
-  },
-
-  '& > span': {
-    display: 'block',
-    backgroundColor: '$white',
-    borderRadius: 'inherit',
-  },
-
-  '&:hover:before': {
-    filter: 'brightness(120%)',
-  },
-
-  [`.${dark} &:hover:before`]: {
-    filter: 'brightness(140%)',
-  },
-
-  variants: {
-    size: {
-      small: {
-        fontSize: 12,
-        fontWeight: 400,
-        lineHeight: '140%',
-
-        '& > span': {
-          px: '$10',
-          py: 5,
-        },
-
-        [`.${dark} &`]: {
-          fontWeight: 300,
-        },
-      },
-      regular: {
-        fontSize: '$XXS',
-        lineHeight: '$XXS',
-
-        '& > span': {
-          p: '$10 $15',
-        },
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Buttons/NavButton.css.ts b/docs/app/components/Buttons/NavButton.css.ts
new file mode 100644
index 0000000000..954d90f68f
--- /dev/null
+++ b/docs/app/components/Buttons/NavButton.css.ts
@@ -0,0 +1,100 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { XXS } from '../../styles/fontStyles.css'
+import { recipe } from '@vanilla-extract/recipes'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const navIconWrapper = recipe({
+  base: {
+    position: 'relative',
+    zIndex: vars.zIndices['2'],
+    display: 'flex',
+    alignItems: 'center',
+    margin: vars.space['15'],
+  },
+
+  variants: {
+    isRoute: {
+      true: {
+        color: vars.colors.steel100,
+
+        selectors: {
+          [`${darkThemeClass} &`]: {
+            color: '#363645',
+          },
+        },
+      },
+    },
+  },
+})
+
+export const navIconLabel = style([
+  XXS,
+  {
+    fontWeight: vars.fontWeights.bold,
+    marginLeft: vars.space['15'],
+  },
+])
+
+export const navAnchor = recipe({
+  base: {
+    height: '4.6rem',
+    width: '4.6rem',
+    color: vars.colors.steel100,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    borderRadius: vars.radii.r4,
+    padding: 2,
+    backgroundClip: 'content-box',
+
+    ':before': {
+      content: '',
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      zIndex: -1,
+      borderRadius: 'inherit',
+      opacity: 0,
+      background: vars.colors.redYellowGradient100,
+    },
+
+    '@media': {
+      '(prefers-reduced-motion: no-preference)': {
+        ':before': {
+          transition: 'opacity 250ms ease-out',
+        },
+      },
+    },
+  },
+
+  variants: {
+    active: {
+      true: {
+        background: vars.colors.redYellowGradient100,
+      },
+      false: {
+        backgroundColor: '$white',
+
+        '@media': {
+          '(hover: hover)': {
+            selectors: {
+              '&:hover:before': {
+                opacity: 1,
+              },
+            },
+          },
+        },
+      },
+    },
+    variant: {
+      withLabel: {
+        width: '100%',
+        justifyContent: 'flex-start',
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Buttons/NavButton.tsx b/docs/app/components/Buttons/NavButton.tsx
index 27786c6589..195efaa2e6 100644
--- a/docs/app/components/Buttons/NavButton.tsx
+++ b/docs/app/components/Buttons/NavButton.tsx
@@ -3,13 +3,12 @@ import {
   MouseEventHandler,
   RefAttributes,
 } from 'react'
-import { useLocation } from '@remix-run/react'
+import { Link, useLocation } from '@remix-run/react'
 import * as Toolbar from '@radix-ui/react-toolbar'
 import { IconProps } from 'phosphor-react'
 
-import { dark, styled } from '~/styles/stitches.config'
-import { getFontStyles } from '~/styles/fontStyles'
 import { useIsDarkTheme } from '~/hooks/useIsDarkTheme'
+import { navAnchor, navIconLabel, navIconWrapper } from './NavButton.css'
 
 export interface NavigationButtonProps {
   title: string
@@ -51,91 +50,26 @@ export const NavigationButton = ({
    * TODO: refactor to use `Link` component
    */
   return (
-    <NavAnchor
+    <Toolbar.Link
       onClick={handleClick}
       href={href}
-      variant={showLabel ? 'withLabel' : undefined}
-      active={isRoute}
+      className={navAnchor({
+        active: isRoute,
+        variant: showLabel ? 'withLabel' : undefined,
+      })}
+      asChild
       {...externalLinkProps}
     >
-      <NavIconWrapper
-        css={{
-          color: isRoute ? 'var(--colors-steel100)' : 'unset',
-          [`.${dark} &`]: {
-            color: isRoute ? '#363645' : 'unset',
-          },
-        }}
-      >
-        <Icon size={20} weight={isDarkMode ? 'light' : 'regular'} />
-        {showLabel ? <span>{title}</span> : null}
-      </NavIconWrapper>
-    </NavAnchor>
+      <Link to={href}>
+        <span
+          className={navIconWrapper({
+            isRoute,
+          })}
+        >
+          <Icon size={20} weight={isDarkMode ? 'light' : 'regular'} />
+          {showLabel ? <span className={navIconLabel}>{title}</span> : null}
+        </span>
+      </Link>
+    </Toolbar.Link>
   )
 }
-
-const NavAnchor = styled(Toolbar.Link, {
-  height: '4.6rem',
-  width: '4.6rem',
-  color: '$steel100',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  position: 'relative',
-  borderRadius: '$r8',
-  p: 2,
-  backgroundClip: 'content-box',
-
-  '&:before': {
-    content: '',
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    zIndex: -1,
-    borderRadius: 'inherit',
-    opacity: 0,
-    background: '$redYellowGradient100',
-
-    '@motion': {
-      transition: 'opacity 250ms ease-out',
-    },
-  },
-
-  variants: {
-    active: {
-      true: {
-        background: '$redYellowGradient100',
-      },
-      false: {
-        backgroundColor: '$white',
-
-        hover: {
-          '&::before': {
-            opacity: 1,
-          },
-        },
-      },
-    },
-    variant: {
-      withLabel: {
-        width: '100%',
-        justifyContent: 'flex-start',
-      },
-    },
-  },
-})
-
-const NavIconWrapper = styled('span', {
-  position: 'relative',
-  zIndex: '$2',
-  display: 'flex',
-  alignItems: 'center',
-  m: '$15',
-
-  '& > span': {
-    ...getFontStyles('$XXS'),
-    fontWeight: '$bold',
-    ml: '$15',
-  },
-})
diff --git a/docs/app/components/Callout.css.ts b/docs/app/components/Callout.css.ts
new file mode 100644
index 0000000000..1f9f902e6c
--- /dev/null
+++ b/docs/app/components/Callout.css.ts
@@ -0,0 +1,59 @@
+import { globalStyle } from '@vanilla-extract/css'
+import { vars } from '../styles/theme-contract.css'
+import { recipe } from '@vanilla-extract/recipes'
+
+export const calloutWrapper = recipe({
+  base: {
+    borderRadius: vars.radii.r8,
+    padding: vars.space['30'],
+    margin: `${vars.space['20']} 0`,
+  },
+
+  variants: {
+    type: {
+      warning: {
+        backgroundColor: '#FF701933',
+      },
+      danger: {
+        backgroundColor: 'red',
+      },
+      success: {
+        backgroundColor: 'green',
+      },
+      note: {
+        background: '#569AFF33',
+      },
+    },
+  },
+})
+
+globalStyle(`${calloutWrapper} + pre`, {
+  marginTop: vars.space['40'],
+})
+
+export const label = recipe({
+  base: {
+    fontWeight: vars.fontWeights.semiblack,
+    marginBottom: vars.space['15'],
+    display: 'flex',
+    gap: vars.space['5'],
+    alignItems: 'center',
+  },
+
+  variants: {
+    type: {
+      warning: {
+        color: '#FF7019CC',
+      },
+      danger: {
+        color: '#FF7019CC',
+      },
+      success: {
+        color: '#FF7019CC',
+      },
+      note: {
+        color: '#569AFF',
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Callout.tsx b/docs/app/components/Callout.tsx
index 3d04699614..6a5416c3be 100644
--- a/docs/app/components/Callout.tsx
+++ b/docs/app/components/Callout.tsx
@@ -1,9 +1,9 @@
+import clsx from 'clsx'
 import { CheckCircle, Fire, Note, Warning } from 'phosphor-react'
 import { ReactNode } from 'react'
 import { capitalize } from '~/helpers/strings'
-import { getFontStyles } from '~/styles/fontStyles'
-
-import { styled } from '~/styles/stitches.config'
+import { S } from '../styles/fontStyles.css'
+import { calloutWrapper, label } from './Callout.css'
 
 interface CalloutProps {
   children?: ReactNode
@@ -21,66 +21,16 @@ export const Callout = ({ children, variant = 'warning' }: CalloutProps) => {
   const Icon = icons[variant]
 
   return (
-    <CalloutWrapper variant={variant}>
-      <Label variant={variant}>
+    <div
+      className={calloutWrapper({
+        type: variant,
+      })}
+    >
+      <div className={clsx(S, label({ type: variant }))}>
         <Icon size={20} weight="bold" />
         {capitalize(variant)}
-      </Label>
+      </div>
       {children}
-    </CalloutWrapper>
+    </div>
   )
 }
-
-const CalloutWrapper = styled('div', {
-  borderRadius: '$r8',
-  px: '$30',
-  py: '$30',
-  my: '$20',
-
-  '& + pre': {
-    mt: '$40',
-  },
-
-  variants: {
-    variant: {
-      warning: {
-        backgroundColor: '#FF701933',
-      },
-      danger: {
-        backgroundColor: 'red',
-      },
-      success: {
-        backgroundColor: 'green',
-      },
-      note: {
-        background: '#569AFF33',
-      },
-    },
-  },
-})
-
-const Label = styled('div', {
-  ...getFontStyles('$S'),
-  fontWeight: '$semiblack',
-  mb: '$15',
-  display: 'flex',
-  gap: '$5',
-  alignItems: 'center',
-
-  variants: {
-    variant: {
-      warning: {
-        color: '#FF7019CC',
-      },
-      danger: {
-        color: '#FF7019CC',
-      },
-      success: {
-        color: '#FF7019CC',
-      },
-      note: {
-        color: '#569AFF',
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Cards/CardCarouselQuote.css.ts b/docs/app/components/Cards/CardCarouselQuote.css.ts
new file mode 100644
index 0000000000..851da86960
--- /dev/null
+++ b/docs/app/components/Cards/CardCarouselQuote.css.ts
@@ -0,0 +1,81 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const externalLinkIcon = style({
+  position: 'absolute',
+  top: 16,
+  right: 20,
+  height: 24,
+  width: 24,
+  background: 'url(/images/icons/ArrowSquareOutBlue.png)',
+  backgroundRepeat: 'no-repeat',
+  backgroundSize: 'cover',
+  backgroundPosition: 'center',
+
+  '@media': {
+    '(hover:hover)': {
+      opacity: 0,
+    },
+
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'opacity 250ms ease-out',
+    },
+  },
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      background: 'url(/images/icons/ArrowSquareOutRed.png)',
+      backgroundRepeat: 'no-repeat',
+      backgroundSize: 'cover',
+      backgroundPosition: 'center',
+    },
+  },
+})
+
+export const quoteAnchor = style({
+  flex: '1 0 80vw',
+  textDecoration: 'none',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      flex: '1 0 388px',
+    },
+  },
+})
+
+globalStyle(`${quoteAnchor}:hover ${externalLinkIcon}`, {
+  '@media': {
+    '(hover:hover)': {
+      opacity: 1,
+    },
+  },
+})
+
+export const quoteCard = style({
+  backgroundColor: vars.colors.codeBackground,
+  margin: 0,
+  padding: vars.space['20'],
+  borderRadius: vars.radii.r8,
+  position: 'relative',
+})
+
+export const quoteImage = style({
+  borderRadius: '50%',
+  width: '4.8rem',
+  marginRight: vars.space['10'],
+})
+
+export const quoteeHandle = style({
+  marginBottom: vars.space['10'],
+  display: 'flex',
+  alignItems: 'center',
+  textDecoration: 'none',
+})
+
+export const quoteeName = style({})
+
+globalStyle(`${quoteeName} > span`, {
+  color: vars.colors.steel60,
+})
diff --git a/docs/app/components/Cards/CardCarouselQuote.tsx b/docs/app/components/Cards/CardCarouselQuote.tsx
index d628b8782e..53b1212728 100644
--- a/docs/app/components/Cards/CardCarouselQuote.tsx
+++ b/docs/app/components/Cards/CardCarouselQuote.tsx
@@ -1,9 +1,16 @@
-import { dark, styled } from '~/styles/stitches.config'
 import { AspectRatio } from '../AspectRatio'
 import { Anchor } from '../Text/Anchor'
 
 import { Copy } from '../Text/Copy'
 import { Heading } from '../Text/Heading'
+import {
+  externalLinkIcon,
+  quoteAnchor,
+  quoteCard,
+  quoteImage,
+  quoteeHandle,
+  quoteeName,
+} from './CardCarouselQuote.css'
 
 export interface Quote {
   text: string
@@ -23,92 +30,28 @@ export const CardCarouselQuote = ({
   job,
 }: Quote) => {
   return (
-    <QuoteAnchor href={tweetUrl}>
-      <QuoteCard>
-        <ExternalLinkIcon />
-        <QuoteeHandle>
-          <QuoteImage width={1} height={1}>
+    <Anchor className={quoteAnchor} href={tweetUrl}>
+      <figure className={quoteCard}>
+        <div className={externalLinkIcon} />
+        <div className={quoteeHandle}>
+          <AspectRatio className={quoteImage} width={1} height={1}>
             <img src={`/images/quotee/${img}`} alt={name} />
-          </QuoteImage>
-          <QuoteeName tag="figcaption" fontStyle="$code" weight="$default">
+          </AspectRatio>
+          <Heading
+            className={quoteeName}
+            tag="figcaption"
+            fontStyle="code"
+            weight="default"
+          >
             {handle}
             <br />
             <span>{job}</span>
-          </QuoteeName>
-        </QuoteeHandle>
-        <Copy tag="blockquote" fontStyle="$XS">
+          </Heading>
+        </div>
+        <Copy tag="blockquote" fontStyle="XS">
           {text}
         </Copy>
-      </QuoteCard>
-    </QuoteAnchor>
+      </figure>
+    </Anchor>
   )
 }
-
-const ExternalLinkIcon = styled('div', {
-  position: 'absolute',
-  top: 16,
-  right: 20,
-  height: 24,
-  width: 24,
-  background: 'url(/images/icons/ArrowSquareOutBlue.png)',
-  backgroundRepeat: 'no-repeat',
-  backgroundSize: 'cover',
-  backgroundPosition: 'center',
-
-  '@media (hover:hover)': {
-    opacity: 0,
-  },
-
-  [`.${dark} &`]: {
-    background: 'url(/images/icons/ArrowSquareOutRed.png)',
-    backgroundRepeat: 'no-repeat',
-    backgroundSize: 'cover',
-    backgroundPosition: 'center',
-  },
-
-  '@motion': {
-    transition: 'opacity 250ms ease-out',
-  },
-})
-
-const QuoteAnchor = styled(Anchor, {
-  flex: '1 0 80vw',
-  textDecoration: 'none',
-
-  '@tabletUp': {
-    flex: '1 0 388px',
-  },
-
-  hover: {
-    [`& ${ExternalLinkIcon}`]: {
-      opacity: 1,
-    },
-  },
-})
-
-const QuoteCard = styled('figure', {
-  backgroundColor: '$codeBackground',
-  m: 0,
-  p: '$20',
-  borderRadius: '$r8',
-  position: 'relative',
-})
-
-const QuoteImage = styled(AspectRatio, {
-  borderRadius: '50%',
-  width: '4.8rem',
-  mr: '$10',
-})
-
-const QuoteeHandle = styled('div', {
-  mb: '$10',
-  display: 'flex',
-  alignItems: 'center',
-  textDecoration: 'none',
-})
-
-const QuoteeName = styled(Heading, {
-  '& > span': {
-    color: '$steel60',
-  },
-})
diff --git a/docs/app/components/Cards/CardExample.css.ts b/docs/app/components/Cards/CardExample.css.ts
new file mode 100644
index 0000000000..db9cc15104
--- /dev/null
+++ b/docs/app/components/Cards/CardExample.css.ts
@@ -0,0 +1,106 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const externalLinkIcon = style({
+  position: 'absolute',
+  top: 16,
+  right: 20,
+  height: 24,
+  width: 24,
+  background: 'url(/images/icons/ArrowSquareOutBlue.png)',
+  backgroundRepeat: 'no-repeat',
+  backgroundSize: 'cover',
+  backgroundPosition: 'center',
+  zIndex: vars.zIndices['1'],
+  mixBlendMode: 'difference',
+
+  '@media': {
+    '(hover:hover)': {
+      ':hover': {
+        opacity: 0,
+      },
+    },
+
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'opacity 250ms ease-out',
+    },
+  },
+
+  [`${darkThemeClass} &`]: {
+    background: 'url(/images/icons/ArrowSquareOutRed.png)',
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+  },
+})
+
+export const exampleAnchor = style({
+  textDecoration: 'none',
+  zIndex: 0,
+  position: 'relative',
+
+  ':focus-visible': {
+    boxShadow: 'none',
+  },
+})
+
+globalStyle(`${exampleAnchor}:focus-visible ${externalLinkIcon}`, {
+  opacity: 1,
+  boxShadow: '0 0 0 3px $red-outline',
+  outline: 'none',
+  borderRadius: vars.radii.r4,
+  WebkitTapHighlightColor: `3px solid ${vars.colors['red-outline']}`,
+})
+
+globalStyle(`${exampleAnchor}:hover ${externalLinkIcon}`, {
+  '@media': {
+    '(hover:hover)': {
+      opacity: 1,
+    },
+  },
+})
+
+export const exampleCard = style({
+  backgroundColor: vars.colors.codeBackground,
+  margin: 0,
+  position: 'relative',
+  borderRadius: vars.radii.r8,
+  overflow: 'hidden',
+})
+
+export const exampleContent = style({
+  padding: vars.space['20'],
+})
+
+export const exampleDescription = style({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: 4,
+  marginBottom: vars.space['10'],
+})
+
+globalStyle(`${exampleDescription} > span + span`, {
+  color: vars.colors.steel40,
+})
+
+export const exampleTags = style({
+  listStyle: 'none',
+  margin: 0,
+  padding: 0,
+  display: 'flex',
+  gap: vars.space['10'],
+  flexWrap: 'wrap',
+})
+
+export const exampleTag = style({
+  selectors: {
+    '&:hover::before': {
+      filter: 'none !important',
+    },
+  },
+})
+
+globalStyle(`${exampleTag} > span`, {
+  backgroundColor: vars.colors.codeBackground,
+})
diff --git a/docs/app/components/Cards/CardExample.tsx b/docs/app/components/Cards/CardExample.tsx
index e75b876548..264bf63a43 100644
--- a/docs/app/components/Cards/CardExample.tsx
+++ b/docs/app/components/Cards/CardExample.tsx
@@ -1,13 +1,27 @@
-import { dark, styled } from '~/styles/stitches.config'
-
 import { Anchor } from '../Text/Anchor'
 import { AspectRatio } from '../AspectRatio'
 import { Heading } from '../Text/Heading'
 import { GradientButton } from '../Buttons/GradientButton'
 
-import type { Sandbox } from '../../routes/examples'
-
 import { EventNames, firePlausibleEvent } from '~/helpers/analytics'
+import {
+  exampleAnchor,
+  exampleCard,
+  exampleContent,
+  exampleDescription,
+  exampleTag,
+  exampleTags,
+  externalLinkIcon,
+} from './CardExample.css'
+
+export interface Sandbox {
+  urlTitle: string
+  title: string
+  tags: string[]
+  screenshotUrl: string
+  description: string
+  id: string
+}
 
 export const CardExample = ({ title, description, tags, id }: Sandbox) => {
   const handleClick = () => {
@@ -20,136 +34,45 @@ export const CardExample = ({ title, description, tags, id }: Sandbox) => {
   }
 
   return (
-    <ExampleAnchor
+    <Anchor
+      className={exampleAnchor}
       href={`https://codesandbox.io/s/${id}`}
       onClick={handleClick}
     >
-      <ExampleCard>
-        <ExternalLinkIcon />
-        <ExampleImage height={9} width={16}>
+      <figure className={exampleCard}>
+        <div className={externalLinkIcon} />
+        <AspectRatio height={9} width={16}>
           <img
             src={`https://codesandbox.io/api/v1/sandboxes/${id}/screenshot.png`}
             placeholder="empty"
             loading="lazy"
             alt={title}
           />
-        </ExampleImage>
-        <ExampleContent>
-          <ExampleDescription
+        </AspectRatio>
+        <div className={exampleContent}>
+          <Heading
+            className={exampleDescription}
             tag="figcaption"
-            fontStyle="$code"
-            weight="$default"
+            fontStyle="code"
+            weight="default"
           >
             <span>{title}</span>
             <span>{description}</span>
-          </ExampleDescription>
-          <ExampleTags>
+          </Heading>
+          <ul className={exampleTags}>
             {tags.map(tag => (
-              <ExampleTag variant="small" tag="li" key={tag}>
+              <GradientButton
+                className={exampleTag}
+                variant="small"
+                tag="li"
+                key={tag}
+              >
                 {tag}
-              </ExampleTag>
+              </GradientButton>
             ))}
-          </ExampleTags>
-        </ExampleContent>
-      </ExampleCard>
-    </ExampleAnchor>
+          </ul>
+        </div>
+      </figure>
+    </Anchor>
   )
 }
-
-const ExternalLinkIcon = styled('div', {
-  position: 'absolute',
-  top: 16,
-  right: 20,
-  height: 24,
-  width: 24,
-  background: 'url(/images/icons/ArrowSquareOutBlue.png)',
-  backgroundRepeat: 'no-repeat',
-  backgroundSize: 'cover',
-  backgroundPosition: 'center',
-  zIndex: '$1',
-  mixBlendMode: 'difference',
-
-  '@media (hover:hover)': {
-    opacity: 0,
-  },
-
-  [`.${dark} &`]: {
-    background: 'url(/images/icons/ArrowSquareOutRed.png)',
-    backgroundRepeat: 'no-repeat',
-    backgroundSize: 'cover',
-    backgroundPosition: 'center',
-  },
-
-  '@motion': {
-    transition: 'opacity 250ms ease-out',
-  },
-})
-
-const ExampleAnchor = styled(Anchor, {
-  textDecoration: 'none',
-  zIndex: 0,
-  position: 'relative',
-
-  '&:focus-visible': {
-    boxShadow: 'none',
-
-    [`& ${ExternalLinkIcon}`]: {
-      opacity: 1,
-      boxShadow: '0 0 0 3px $red-outline',
-      outline: 'none',
-      borderRadius: '$r4',
-
-      ['-webkit-tap-highlight-color']: '3px solid $red-outline',
-    },
-  },
-
-  hover: {
-    [`& ${ExternalLinkIcon}`]: {
-      opacity: 1,
-    },
-  },
-})
-
-const ExampleCard = styled('figure', {
-  backgroundColor: '$codeBackground',
-  m: 0,
-  position: 'relative',
-  borderRadius: '$r8',
-  overflow: 'hidden',
-})
-
-const ExampleImage = styled(AspectRatio)
-
-const ExampleContent = styled('div', {
-  p: '$20',
-})
-
-const ExampleDescription = styled(Heading, {
-  display: 'flex',
-  flexDirection: 'column',
-  gap: 4,
-  mb: '$10',
-
-  '& > span + span': {
-    color: '$steel40',
-  },
-})
-
-const ExampleTags = styled('ul', {
-  listStyle: 'none',
-  m: 0,
-  p: 0,
-  display: 'flex',
-  gap: '$10 ',
-  flexWrap: 'wrap',
-})
-
-const ExampleTag = styled(GradientButton, {
-  '& > span': {
-    backgroundColor: '$codeBackground',
-  },
-
-  '&:hover:before': {
-    filter: 'none !important',
-  },
-})
diff --git a/docs/app/components/Carousels/CarouselQuotes.css.ts b/docs/app/components/Carousels/CarouselQuotes.css.ts
new file mode 100644
index 0000000000..3ec769cbd9
--- /dev/null
+++ b/docs/app/components/Carousels/CarouselQuotes.css.ts
@@ -0,0 +1,43 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+
+export const quotesSection = style({
+  marginBottom: vars.space['10'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginBottom: vars.space['30'],
+    },
+  },
+})
+
+export const quoteHeading = style({
+  padding: `0 ${vars.space['25']}`,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      padding: `0 ${vars.space['50']}`,
+      margin: '0 auto',
+      maxWidth: vars.sizes.largeDoc,
+    },
+  },
+})
+
+export const quotesContainer = style({
+  display: 'flex',
+  gap: vars.space['20'],
+  alignItems: 'flex-start',
+  overflow: 'auto',
+  paddingTop: vars.space['20'],
+  paddingBottom: vars.space['10'],
+  paddingLeft: vars.space['25'],
+  paddingRight: vars.space['25'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      paddingLeft: vars.space['50'],
+      paddingRight: vars.space['50'],
+    },
+  },
+})
diff --git a/docs/app/components/Carousels/CarouselQuotes.tsx b/docs/app/components/Carousels/CarouselQuotes.tsx
index 84f9fd7e1f..f06babe934 100644
--- a/docs/app/components/Carousels/CarouselQuotes.tsx
+++ b/docs/app/components/Carousels/CarouselQuotes.tsx
@@ -1,7 +1,10 @@
-import { styled } from '~/styles/stitches.config'
-
 import { CardCarouselQuote, Quote } from '../Cards/CardCarouselQuote'
 import { Heading } from '../Text/Heading'
+import {
+  quoteHeading,
+  quotesContainer,
+  quotesSection,
+} from './CarouselQuotes.css'
 
 interface CarouselQuotesProps {
   quotes: Quote[]
@@ -13,47 +16,15 @@ interface CarouselQuotesProps {
  */
 export const CarouselQuotes = ({ quotes }: CarouselQuotesProps) => {
   return (
-    <QuotesSection>
-      <QuoteHeading fontStyle="$M" tag="h2">
+    <section className={quotesSection}>
+      <Heading className={quoteHeading} fontStyle="M" tag="h2">
         Hear what our fans say
-      </QuoteHeading>
-      <QuotesContainer>
+      </Heading>
+      <div className={quotesContainer}>
         {quotes.map(quote => (
           <CardCarouselQuote key={quote.handle} {...quote} />
         ))}
-      </QuotesContainer>
-    </QuotesSection>
+      </div>
+    </section>
   )
 }
-
-const QuotesSection = styled('section', {
-  mb: '$10',
-
-  '@tabletUp': {
-    mb: '$30',
-  },
-})
-
-const QuoteHeading = styled(Heading, {
-  px: '$25',
-
-  '@tabletUp': {
-    px: '$50',
-    margin: '0 auto',
-    maxWidth: '$largeDoc',
-  },
-})
-
-const QuotesContainer = styled('div', {
-  display: 'flex',
-  gap: '$20',
-  alignItems: 'flex-start',
-  overflow: 'auto',
-  pt: '$20',
-  pb: '$10',
-  px: '$25',
-
-  '@tabletUp': {
-    px: '$50',
-  },
-})
diff --git a/docs/app/components/Code/Code.css.ts b/docs/app/components/Code/Code.css.ts
new file mode 100644
index 0000000000..1a82040670
--- /dev/null
+++ b/docs/app/components/Code/Code.css.ts
@@ -0,0 +1,30 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { pre } from './Pre.css'
+
+export const preCopy = style({
+  position: 'absolute',
+  top: 24,
+  right: 24,
+  display: 'none',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'block',
+    },
+  },
+})
+
+globalStyle(`${pre} ${preCopy}`, {
+  opacity: 0,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'opacity 200ms ease-out',
+    },
+  },
+})
+
+globalStyle(`${pre}:hover ${preCopy}`, {
+  opacity: 1,
+})
diff --git a/docs/app/components/Code/Code.tsx b/docs/app/components/Code/Code.tsx
index 5bb4eecb9c..257a39b6c6 100644
--- a/docs/app/components/Code/Code.tsx
+++ b/docs/app/components/Code/Code.tsx
@@ -1,9 +1,9 @@
-import { styled } from '~/styles/stitches.config'
-
+// @ts-nocheck
 import { ButtonCopy } from '../Buttons/ButtonCopy'
 import { LivePreview, LivePreviewProps } from './LivePreview'
-
-import { Pre } from './Pre'
+import { pre } from './Pre.css'
+import clsx from 'clsx'
+import { preCopy } from './Code.css'
 
 interface CodeProps
   extends Pick<
@@ -27,6 +27,10 @@ export const Code = ({
   copy,
   defaultOpen,
   template,
+  showLineNumbers,
+  id,
+  'data-showing-lines': dataShowingLines,
+  children,
   ...restProps
 }: CodeProps) => {
   if (isLive) {
@@ -36,43 +40,21 @@ export const Code = ({
         showCode={showCode}
         className={className}
         defaultOpen={defaultOpen}
-        preProps={{ ...restProps }}
+        preProps={{
+          showLineNumbers,
+          id,
+          ['data-showing-lines']: dataShowingLines,
+          children,
+        }}
         template={template}
       />
     )
   } else {
     return (
-      <CodePre className={className} {...restProps}>
-        {copy ? <PreCopy>{copy}</PreCopy> : null}
-        {restProps.children}
-      </CodePre>
+      <pre className={clsx(pre, className)} {...restProps}>
+        {copy ? <ButtonCopy className={preCopy}>{copy}</ButtonCopy> : null}
+        {children}
+      </pre>
     )
   }
 }
-
-const PreCopy = styled(ButtonCopy, {
-  position: 'absolute',
-  top: 24,
-  right: 24,
-  display: 'none',
-
-  '@tabletUp': {
-    display: 'block',
-  },
-})
-
-const CodePre = styled(Pre, {
-  [`${PreCopy}`]: {
-    opacity: 0,
-
-    '@motion': {
-      transition: 'opacity 200ms ease-out',
-    },
-  },
-
-  hover: {
-    [`${PreCopy}`]: {
-      opacity: 1,
-    },
-  },
-})
diff --git a/docs/app/components/Code/LivePreview.css.ts b/docs/app/components/Code/LivePreview.css.ts
new file mode 100644
index 0000000000..3559cb135c
--- /dev/null
+++ b/docs/app/components/Code/LivePreview.css.ts
@@ -0,0 +1,124 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { pre } from './Pre.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const previewContainer = style({
+  width: '100%',
+  margin: `${vars.space['40']} 0`,
+})
+
+globalStyle(`${previewContainer} .preview__wrapper`, {
+  marginBottom: vars.space['5'],
+})
+
+globalStyle(`${previewContainer} .preview__stack`, {
+  backgroundColor: 'transparent',
+})
+
+globalStyle(`${previewContainer} .preview__overlay`, {
+  display: 'none',
+})
+
+globalStyle(
+  `${previewContainer} .preview__layout, ${previewContainer} .preview__stack, ${previewContainer} .preview__container`,
+  {
+    height: '100%',
+    width: '100%',
+  }
+)
+
+globalStyle(`${previewContainer} .preview__container`, {
+  position: 'relative',
+  backgroundColor: 'transparent',
+})
+
+globalStyle(`${previewContainer} .preview__actions`, {
+  position: 'absolute',
+  bottom: vars.space['10'],
+  right: vars.space['10'],
+  display: 'flex',
+  gap: vars.space['5'],
+})
+
+globalStyle(`${previewContainer} .preview__button`, {
+  border: 'none',
+  color: vars.colors.black,
+  backgroundColor: vars.colors.codeBackground,
+  cursor: 'pointer',
+  margin: 0,
+  padding: vars.space['5'],
+  height: '3rem',
+  width: '3rem',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  borderRadius: vars.radii.r8,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'background-color 400ms',
+    },
+  },
+})
+
+globalStyle(`${previewContainer} .preview__button > span`, {
+  display: 'none',
+})
+
+globalStyle(`${previewContainer} .preview__button:hover`, {
+  '@supports': {
+    '(hover: hover)': {
+      backgroundColor: vars.colors.steel20,
+      color: `${vars.colors.black} !important`,
+    },
+  },
+})
+
+globalStyle(`${darkThemeClass} ${previewContainer} .preview__button`, {
+  color: vars.colors.black,
+})
+
+globalStyle(`${previewContainer} .preview__iframe`, {
+  width: '100%',
+  border: `solid 1px ${vars.colors.steel20}`,
+  borderRadius: vars.radii.r8,
+  height: 'inherit !important',
+})
+
+export const largeSize = style({})
+
+globalStyle(`${largeSize} .preview__iframe`, {
+  minHeight: 400,
+})
+
+export const isDemo = style({})
+
+globalStyle(`${isDemo} .preview__iframe`, {
+  background: vars.colors.blueGreenGradient100,
+})
+
+export const accordionRoot = style({
+  borderRadius: vars.radii.r8,
+  overflow: 'hidden',
+})
+
+export const accordionHeader = style({
+  backgroundColor: vars.colors.codeBackground,
+  padding: `${vars.space['15']} ${vars.space['30']}`,
+  display: 'flex',
+  justifyContent: 'flex-end',
+})
+
+export const accordionTrigger = style({
+  fontFamily: vars.fonts.mono,
+})
+
+export const accordionContent = style({
+  overflow: 'hidden',
+})
+
+globalStyle(`${accordionContent} ${pre}`, {
+  paddingTop: '0',
+  borderRadius: 'unset',
+})
diff --git a/docs/app/components/Code/LivePreview.tsx b/docs/app/components/Code/LivePreview.tsx
index ce7def2a44..a9681e33cc 100644
--- a/docs/app/components/Code/LivePreview.tsx
+++ b/docs/app/components/Code/LivePreview.tsx
@@ -3,13 +3,22 @@ import { SandpackPreview, SandpackProvider } from '@codesandbox/sandpack-react'
 import * as Accordion from '@radix-ui/react-accordion'
 import { animated, useSpring } from '@react-spring/web'
 
-import { dark, styled } from '~/styles/stitches.config'
-
-import { Pre } from './Pre'
 import { Button } from '../Buttons/Button'
 import { LIVE_PREVIEW_STYLES, LivePreviewStyles } from './LivePreviewStyles'
 import { LIVE_PREVIEW_DEPS } from './LivePreviewDeps'
 
+import { pre, showLineNumbers as showLineNumbersClass } from './Pre.css'
+import {
+  accordionContent,
+  accordionHeader,
+  accordionRoot,
+  accordionTrigger,
+  isDemo,
+  largeSize,
+  previewContainer,
+} from './LivePreview.css'
+import clsx from 'clsx'
+
 export interface LivePreviewProps {
   code: string
   preProps: {
@@ -26,7 +35,7 @@ export interface LivePreviewProps {
 export const LivePreview = ({
   code,
   showCode = true,
-  preProps,
+  preProps: { showLineNumbers, ...restPreProps },
   className,
   defaultOpen = false,
   template = 'spring',
@@ -60,14 +69,16 @@ export const LivePreview = ({
   }, [value, api])
 
   return (
-    <PreviewContainer
-      className={className}
-      isDemo={template !== 'spring'}
-      largeSize={
-        template === 'configPlayground' ||
-        template === 'imperative' ||
-        template === 'r3f'
-      }
+    <div
+      className={clsx(
+        previewContainer,
+        className,
+        template !== 'spring' && isDemo,
+        (template === 'configPlayground' ||
+          template === 'imperative' ||
+          template === 'r3f') &&
+          largeSize
+      )}
     >
       <SandpackProvider
         template="react"
@@ -105,139 +116,33 @@ export const LivePreview = ({
           type="single"
           collapsible
           value={value}
+          className={accordionRoot}
           onValueChange={handleValueChange}
         >
           <Accordion.Item value="code">
-            <AccordionHeader>
+            <Accordion.Header className={accordionHeader}>
               <Accordion.Trigger asChild>
-                <AccordionTrigger>
+                <Button className={accordionTrigger}>
                   {value === '' ? 'Show Code' : 'Hide Code'}
-                </AccordionTrigger>
+                </Button>
               </Accordion.Trigger>
-            </AccordionHeader>
-            <AccordionContent style={styles} forceMount>
-              <Pre ref={preRef} {...preProps} />
+            </Accordion.Header>
+            <AccordionContent
+              className={accordionContent}
+              style={styles}
+              forceMount
+            >
+              <pre
+                ref={preRef}
+                className={clsx(pre, showLineNumbers && showLineNumbersClass)}
+                {...restPreProps}
+              />
             </AccordionContent>
           </Accordion.Item>
         </Accordion.Root>
       ) : null}
-    </PreviewContainer>
+    </div>
   )
 }
 
-const PreviewContainer = styled('div', {
-  width: '100%',
-  my: '$40',
-
-  '& .preview__wrapper': {
-    mb: '$5',
-  },
-
-  '& .preview__stack': {
-    backgroundColor: 'transparent',
-  },
-
-  '& .preview__overlay': {
-    display: 'none',
-  },
-
-  '& .preview__layout, & .preview__stack, & .preview__container': {
-    height: '100%',
-    width: '100%',
-  },
-
-  '& .preview__container': {
-    position: 'relative',
-    backgroundColor: 'transparent',
-  },
-
-  '& .preview__actions': {
-    position: 'absolute',
-    bottom: '$10',
-    right: '$10',
-    display: 'flex',
-    gap: '0.5rem',
-  },
-
-  '& .preview__button': {
-    border: 'none',
-    color: '$black',
-    backgroundColor: '$codeBackground',
-    cursor: 'pointer',
-    margin: 0,
-    padding: '0.5rem',
-    height: '3rem',
-    width: '3rem',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: '$r8',
-
-    '@motion': {
-      transition: 'background-color 400ms',
-    },
-
-    hover: {
-      backgroundColor: '$steel20',
-      color: '$black !important',
-    },
-  },
-
-  [`.${dark} &`]: {
-    '.preview__button.sp-csb-icon-light': {
-      color: '$white',
-    },
-  },
-
-  '& .preview__iframe': {
-    width: '100%',
-    border: 'solid 1px $steel20',
-    borderRadius: '$r8',
-    height: 'inherit !important',
-  },
-
-  variants: {
-    largeSize: {
-      true: {
-        '& .preview__iframe': {
-          minHeight: 400,
-        },
-      },
-    },
-    isDemo: {
-      true: {
-        '& .preview__iframe': {
-          background: '$blueGreenGradient100',
-        },
-      },
-    },
-  },
-})
-
-const AccordionHeader = styled(Accordion.Header, {
-  backgroundColor: '$codeBackground',
-  padding: '$15 $30',
-  display: 'flex',
-  justifyContent: 'flex-end',
-  borderRadius: '$r8',
-
-  ['&[data-state=open]']: {
-    borderRadius: '$r8 $r8 0 0',
-  },
-})
-
-const AccordionTrigger = styled(Button, {
-  fontFamily: '$mono',
-})
-
-const AccordionContent = styled(animated(Accordion.Content), {
-  overflow: 'hidden',
-
-  [`${Pre}`]: {
-    pt: '0',
-  },
-
-  [`&[data-state=open] ${Pre}`]: {
-    borderRadius: '0 0 $r8 $r8',
-  },
-})
+const AccordionContent = animated(Accordion.Content)
diff --git a/docs/app/components/Code/Pre.css.ts b/docs/app/components/Code/Pre.css.ts
new file mode 100644
index 0000000000..ab25c764e9
--- /dev/null
+++ b/docs/app/components/Code/Pre.css.ts
@@ -0,0 +1,198 @@
+import { createVar, globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+const comment = createVar()
+const punctuation = createVar()
+const property = createVar()
+const boolean = createVar()
+const string = createVar()
+const operator = createVar()
+const _function = createVar()
+const keyword = createVar()
+const literal = createVar()
+const falsy = createVar()
+
+/**
+ * Credit to https://ped.ro/writing/code-blocks-but-better
+ */
+export const pre = style({
+  vars: {
+    [comment]: vars.colors.steel60,
+    [punctuation]: vars.colors.steel80,
+    [property]: vars.colors.steel100,
+    [boolean]: '#e52e8d',
+    [string]: '#189076',
+    [operator]: '#0074e0',
+    [_function]: '#189076',
+    [keyword]: '#0074e0',
+    [literal]: '#fffac2',
+    [falsy]: '#e52e8d',
+  },
+
+  position: 'relative',
+  backgroundColor: vars.colors.codeBackground,
+  color: vars.colors.black,
+  margin: 0,
+  overflow: 'hidden',
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      vars: {
+        [comment]: '#a6accd',
+        [punctuation]: '#e4f0fb',
+        [property]: '#e4f0fb',
+        [boolean]: '#f087bd',
+        [string]: '#5de4c7',
+        [operator]: '#add7ff',
+        [_function]: '#5de4c7',
+        [keyword]: '#add7ff',
+        [literal]: '#fffac2',
+        [falsy]: '#f087bd',
+      },
+    },
+  },
+
+  boxSizing: 'border-box',
+  borderRadius: vars.radii.r8,
+  fontFamily: vars.fonts.mono,
+  fontSize: vars.fontSizes.code,
+  lineHeight: vars.lineHeights.code,
+  whiteSpace: 'pre',
+  overflowX: 'auto',
+  overflowY: 'hidden',
+  padding: vars.space['30'],
+})
+
+export const showLineNumbers = style({})
+
+globalStyle(`${showLineNumbers} .highlight-line`, {
+  position: 'relative',
+  paddingLeft: vars.space['30'],
+})
+
+globalStyle(`${showLineNumbers} .highlight-line::before`, {
+  content: 'attr(data-line)',
+  position: 'absolute',
+  left: -5,
+  top: 0,
+  color: comment,
+  opacity: 0.5,
+})
+
+globalStyle(
+  `${showLineNumbers}[data-highlighted="true"] .highlight-line[data-highlighted="true"]::before`,
+  {
+    opacity: 1,
+  }
+)
+
+globalStyle(`${pre} > code`, {
+  fontFamily: 'inherit',
+  display: 'inline-block',
+  position: 'relative',
+})
+
+globalStyle(`${pre} > code::before`, {
+  content: '',
+  display: 'block',
+  position: 'absolute',
+  right: -30,
+  width: 30,
+  height: 1,
+})
+
+globalStyle('.token.namespace', {
+  opacity: 0.7,
+})
+
+globalStyle('.token.script', {
+  color: property,
+})
+
+globalStyle('.token.comment, .token.prolog, .token.doctype, .token.cdata', {
+  color: comment,
+})
+
+globalStyle('.token.punctuation', {
+  color: punctuation,
+})
+
+globalStyle(
+  '.token.function, .token.property, .token.constant, .token.symbol, .token.deleted',
+  {
+    color: property,
+  }
+)
+
+globalStyle('.token.boolean, .token.number', {
+  color: boolean,
+})
+
+globalStyle(
+  '.token.tag, .token.selector, .token.attr-value, .token.string, .token.char, .token.builtin, .token.inserted',
+  {
+    color: string,
+  }
+)
+
+globalStyle(
+  '.token.attr-name, .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable',
+  {
+    color: operator,
+  }
+)
+
+globalStyle('.token.atrule, .token.class-name', {
+  color: _function,
+})
+
+globalStyle('.token.keyword', {
+  color: keyword,
+})
+
+globalStyle('.token.regex, .token.important', {
+  color: literal,
+})
+
+globalStyle('.token.important, .token.bold', {
+  fontWeight: 'bold',
+})
+
+globalStyle('.token.italic', {
+  fontStyle: 'italic',
+})
+
+globalStyle('.token.deleted', {
+  color: falsy,
+})
+
+globalStyle(
+  '.highlight-line[data-highlighted="false"], .highlight-line[data-highlighted="false"] *',
+  {
+    color: comment,
+    opacity: 0.8,
+  }
+)
+
+/**
+ * TODO: add color changes
+ */
+globalStyle('.highlight-word', {
+  display: 'inline-block',
+  borderRadius: vars.radii.r4,
+  padding: '0.2rem 0.5rem',
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'color 400ms, background-color 400ms, transform 400ms',
+    },
+  },
+})
+
+/**
+ * TODO: add color changes
+ */
+globalStyle('.highlight-word.on', {
+  transform: 'scale(1.1)',
+})
diff --git a/docs/app/components/Code/Pre.tsx b/docs/app/components/Code/Pre.tsx
deleted file mode 100644
index 03b5e80a59..0000000000
--- a/docs/app/components/Code/Pre.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import { dark, styled } from '~/styles/stitches.config'
-
-/**
- * Credit to https://ped.ro/writing/code-blocks-but-better
- */
-export const Pre = styled('pre', {
-  $$comment: 'var(--colors-steel60)',
-  $$punctuation: 'var(--colors-steel80)',
-  $$property: 'var(--colors-steel100)',
-  $$boolean: '#e52e8d',
-  $$string: '#189076',
-  $$operator: '#0074e0',
-  $$function: '#189076',
-  $$keyword: '#0074e0',
-  $$literal: '#fffac2',
-  $$falsy: '#e52e8d',
-
-  position: 'relative',
-  backgroundColor: '$codeBackground',
-  color: '$black',
-  m: 0,
-  overflow: 'hidden',
-
-  [`.${dark} &`]: {
-    $$comment: '#a6accd',
-    $$punctuation: '#e4f0fb',
-    $$property: '#e4f0fb',
-    $$boolean: '#f087bd',
-    $$string: '#5de4c7',
-    $$operator: '#add7ff',
-    $$function: '#5de4c7',
-    $$keyword: '#add7ff',
-    $$literal: '#fffac2',
-    $$falsy: '#f087bd',
-  },
-
-  boxSizing: 'border-box',
-  borderRadius: '$r8',
-  fontFamily: '$mono',
-  fontSize: '$code',
-  lineHeight: '$code',
-  whiteSpace: 'pre',
-  overflowX: 'auto',
-  overflowY: 'hidden',
-  p: '$30',
-
-  '& > code': {
-    fontFamily: 'inherit',
-    display: 'inline-block',
-    position: 'relative',
-  },
-
-  '& > code::before': {
-    content: '',
-    display: 'block',
-    position: 'absolute',
-    right: -30,
-    width: 30,
-    height: 1,
-  },
-
-  '.token.namespace': {
-    opacity: 0.7,
-  },
-
-  '.token.script': {
-    color: '$$property',
-  },
-
-  '.token.comment, .token.prolog, .token.doctype, .token.cdata': {
-    color: '$$comment',
-  },
-
-  '.token.punctuation': {
-    color: '$$punctuation',
-  },
-
-  '.token.function, .token.property, .token.constant, .token.symbol, .token.deleted':
-    {
-      color: '$$property',
-    },
-
-  '.token.boolean, .token.number': {
-    color: '$$boolean',
-  },
-
-  '.token.tag, .token.selector, .token.attr-value, .token.string, .token.char, .token.builtin, .token.inserted':
-    {
-      color: '$$string',
-    },
-
-  '.token.attr-name, .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable':
-    {
-      color: '$$operator',
-    },
-
-  '.token.atrule, .token.class-name': {
-    color: '$$function',
-  },
-
-  '.token.keyword': {
-    color: '$$keyword',
-  },
-
-  '.token.regex, .token.important': {
-    color: '$$literal',
-  },
-
-  '.token.deleted': {
-    color: '$$falsy',
-  },
-
-  '.token.important, .token.bold': {
-    fontWeight: 'bold',
-  },
-
-  '.token.italic': {
-    fontStyle: 'italic',
-  },
-
-  '.highlight-line[data-highlighted="false"], .highlight-line[data-highlighted="false"] *':
-    {
-      color: '$$comment',
-      opacity: 0.8,
-    },
-
-  /**
-   * TODO: add color changes
-   */
-  '.highlight-word': {
-    display: 'inline-block',
-    borderRadius: '$r4',
-    py: 2,
-    px: 5,
-    '@motion': {
-      transition: 'color 400ms, background-color 400ms, transform 400ms',
-    },
-  },
-
-  /**
-   * TODO: add color changes
-   */
-  '.highlight-word.on': {
-    transform: 'scale(1.1)',
-  },
-
-  variants: {
-    showLineNumbers: {
-      true: {
-        '.highlight-line': {
-          position: 'relative',
-          paddingLeft: '$30',
-
-          '&::before': {
-            content: 'attr(data-line)',
-            position: 'absolute',
-            left: -5,
-            top: 0,
-            color: '$$comment',
-            opacity: 0.5,
-          },
-        },
-        '&[data-showing-lines="true"] .highlight-line[data-highlighted="true"]':
-          {
-            '&:before': {
-              opacity: 1,
-            },
-          },
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Feedback/Feedback.css.ts b/docs/app/components/Feedback/Feedback.css.ts
new file mode 100644
index 0000000000..76529f1eb0
--- /dev/null
+++ b/docs/app/components/Feedback/Feedback.css.ts
@@ -0,0 +1,195 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { recipe } from '@vanilla-extract/recipes'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const heading = style({
+  color: vars.colors.steel40,
+})
+
+export const stack = style({
+  display: 'flex',
+  justifyContent: 'flex-start',
+  alignItems: 'center',
+  gap: vars.space['20'],
+  marginTop: vars.space['15'],
+  marginBottom: vars.space['40'],
+})
+
+export const trigger = recipe({
+  base: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    background: 'transparent',
+    border: `solid 1px ${vars.colors.steel40}`,
+    borderRadius: vars.radii.r8,
+    padding: vars.space['10'],
+    color: vars.colors.steel40,
+    cursor: 'pointer',
+    transition:
+      'color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out',
+    selectors: {
+      '&:disabled': {
+        pointerEvents: 'none',
+        opacity: 0.5,
+      },
+    },
+  },
+  variants: {
+    selected: {
+      false: {
+        selectors: {
+          '&:hover': {
+            borderColor: vars.colors.steel80,
+            color: vars.colors.steel80,
+          },
+        },
+      },
+      true: {
+        pointerEvents: 'none',
+        borderColor: vars.colors.red100,
+        color: vars.colors.red100,
+      },
+    },
+  },
+})
+
+export const popoverContent = style({
+  display: 'none',
+  background: vars.colors.codeBackground,
+  color: vars.colors.black,
+  fontSize: vars.fontSizes.XXS,
+  lineHeight: vars.lineHeights.XXS,
+  overflow: 'hidden',
+  boxShadow:
+    'rgba(27,31,36,0.12) 0px 1px 3px, rgba(66,74,83,0.12) 0px 8px 24px',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'block',
+      padding: vars.space['20'],
+      borderRadius: vars.radii.r8,
+      width: 320,
+      fontSize: vars.fontSizes.XS,
+      lineHeight: vars.lineHeights.XS,
+    },
+  },
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      boxShadow:
+        'rgba(27,31,36,0.5) 0px 1px 3px, rgba(18 21 23 / 40%) 0px 8px 24px',
+    },
+  },
+})
+
+export const popoverHeader = style({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'flex-start',
+  marginBottom: vars.space['10'],
+  gap: vars.space['10'],
+})
+
+globalStyle(`${popoverHeader} > h2`, {
+  lineHeight: vars.lineHeights.code,
+})
+
+export const popoverClose = style({
+  border: 'none',
+  background: 'transparent',
+  cursor: 'pointer',
+  padding: vars.space['5'],
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+
+  '@supports': {
+    '(hover:hover)': {
+      selectors: {
+        '&:hover': {
+          color: vars.colors.red100,
+        },
+      },
+    },
+  },
+})
+
+export const popoverInputLabel = style({
+  display: 'block',
+  marginBottom: vars.space['15'],
+})
+
+export const popoverInput = style({
+  borderRadius: vars.radii.r8,
+  margin: 0,
+  padding: `${vars.space['5']} ${vars.space['10']}`,
+  width: '100%',
+  backgroundColor: 'transparent',
+  border: `1px solid ${vars.colors.steel40}`,
+  alignItems: 'center',
+  transition: 'border-color 200ms ease-out',
+  color: vars.colors.black,
+  fontSize: 12,
+  fontWeight: 400,
+  lineHeight: '140%',
+
+  '@supports': {
+    '(hover:hover)': {
+      selectors: {
+        '&:hover': {
+          borderColor: vars.colors.red100,
+        },
+      },
+    },
+  },
+
+  selectors: {
+    '&:disabled': {
+      opacity: 0.5,
+      pointerEvents: 'none',
+    },
+    '&:disabled:hover': {
+      borderColor: vars.colors.steel40,
+    },
+  },
+})
+
+export const popoverFormFooter = style({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+})
+
+export const popoverButton = style({
+  cursor: 'pointer',
+
+  selectors: {
+    '&[aria-disabled="true"]': {
+      opacity: 0.5,
+      pointerEvents: 'none',
+    },
+  },
+})
+
+globalStyle(`${popoverButton} > span`, {
+  background: vars.colors.codeBackground,
+})
+
+export const outbound = style({
+  selectors: {
+    [`.${darkThemeClass} &::before`]: {
+      background: vars.colors.redYellowGradient100,
+    },
+
+    [`.${darkThemeClass} &:hover:before`]: {
+      filter: 'brightness(120%)',
+    },
+  },
+})
+
+globalStyle(`${popoverButton} > span`, {
+  background: vars.colors.codeBackground,
+})
diff --git a/docs/app/components/Feedback/Feedback.tsx b/docs/app/components/Feedback/Feedback.tsx
index 955a16b88c..4bd730207d 100644
--- a/docs/app/components/Feedback/Feedback.tsx
+++ b/docs/app/components/Feedback/Feedback.tsx
@@ -7,11 +7,23 @@ import { Heading } from '~/components/Text/Heading'
 import { Copy } from '~/components/Text/Copy'
 import { GradientButton } from '~/components/Buttons/GradientButton'
 
-import { dark, styled } from '~/styles/stitches.config'
-
 import { useIsDarkTheme } from '~/hooks/useIsDarkTheme'
 
 import { EventNames, firePlausibleEvent } from '~/helpers/analytics'
+import {
+  heading,
+  outbound,
+  popoverButton,
+  popoverClose,
+  popoverContent,
+  popoverFormFooter,
+  popoverHeader,
+  popoverInput,
+  popoverInputLabel,
+  stack,
+  trigger,
+} from './Feedback.css'
+import { visuallyHidden } from '../../styles/utilities.css'
 
 interface FeedbackProps {
   location?: string
@@ -59,15 +71,10 @@ export const Feedback = ({ location }: FeedbackProps) => {
 
   return (
     <div>
-      <Heading
-        tag="h4"
-        fontStyle="$XS"
-        weight="$bold"
-        css={{ color: '$steel40' }}
-      >
+      <Heading tag="h4" fontStyle="XS" weight="bold" className={heading}>
         Found this helpful?
       </Heading>
-      <Stack>
+      <div className={stack}>
         <FeedbackButton
           onClick={handleClick('upvote')}
           disabled={selected === 'downvote'}
@@ -85,7 +92,7 @@ export const Feedback = ({ location }: FeedbackProps) => {
         >
           <ThumbsDown size={16} weight={isDarkMode ? 'light' : 'regular'} />
         </FeedbackButton>
-      </Stack>
+      </div>
     </div>
   )
 }
@@ -110,7 +117,7 @@ const FeedbackButton = ({
   const [isOpen, setIsOpen] = React.useState(false)
   const formRef = React.useRef<HTMLFormElement>(null!)
   const location = useLocation()
-  const { data, state, Form } = useFetcher()
+  const { data, state, Form } = useFetcher<{ success: boolean }>()
 
   const handleClick = () => {
     if (onClick) {
@@ -131,47 +138,62 @@ const FeedbackButton = ({
 
   return (
     <Popover.Root open={isOpen} onOpenChange={handleOpenChange}>
-      <Trigger disabled={disabled} onClick={handleClick} selected={selected}>
+      <Popover.Trigger
+        className={trigger({
+          selected,
+        })}
+        disabled={disabled}
+        onClick={handleClick}
+      >
         {children}
-      </Trigger>
+      </Popover.Trigger>
       <Popover.Portal>
-        <PopoverContent sideOffset={10}>
-          <PopoverHeader>
-            <Heading tag="h2" fontStyle="$XXS">
+        <Popover.Content className={popoverContent} sideOffset={10}>
+          <header className={popoverHeader}>
+            <Heading tag="h2" fontStyle="XXS">
               Thanks for feedback! Was there anything in particular you wanted
               to mention?
             </Heading>
-            <PopoverClose>
+            <Popover.Close className={popoverClose}>
               <X />
-            </PopoverClose>
-          </PopoverHeader>
-          <Form ref={formRef} method="post" action="/api/feedback" replace>
-            <HiddenInput
+            </Popover.Close>
+          </header>
+          <Form ref={formRef} method="post" action="/api/feedback">
+            <input
+              className={visuallyHidden}
               name="variant"
               type="checkbox"
               value={variant}
               checked
             />
-            <HiddenInput name="pageTitle" type="text" value={pageTitle} />
-            <PopoverInputLabel tag="label">
-              <span>Feedback</span>
-              <PopoverInput
+            <input
+              className={visuallyHidden}
+              name="pageTitle"
+              type="text"
+              value={pageTitle}
+            />
+            <Copy className={popoverInputLabel} tag="label">
+              <span className={visuallyHidden}>Feedback</span>
+              <input
+                className={popoverInput}
                 name="feedback"
                 placeholder="Type your feedback here"
                 type="text"
                 disabled={isLoading}
               />
-            </PopoverInputLabel>
-            <PopoverFormFooter>
-              <PopoverButton
+            </Copy>
+            <div className={popoverFormFooter}>
+              <GradientButton
+                className={popoverButton}
                 aria-disabled={isLoading}
                 variant="small"
                 tag="button"
                 type="submit"
               >
                 Send
-              </PopoverButton>
-              <Outbound
+              </GradientButton>
+              <GradientButton
+                className={outbound}
                 href={
                   variant === 'upvote'
                     ? `https://twitter.com/intent/tweet?text=${encodeURIComponent(
@@ -184,180 +206,11 @@ const FeedbackButton = ({
                 {variant === 'upvote'
                   ? 'Tweet about react-spring'
                   : 'Open an issue'}
-              </Outbound>
-            </PopoverFormFooter>
+              </GradientButton>
+            </div>
           </Form>
-        </PopoverContent>
+        </Popover.Content>
       </Popover.Portal>
     </Popover.Root>
   )
 }
-
-const Stack = styled('div', {
-  display: 'flex',
-  justifyContent: 'flex-start',
-  alignItems: 'center',
-  gap: 20,
-  mt: '$15',
-  mb: '$40',
-})
-
-const Trigger = styled(Popover.Trigger, {
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  background: 'transparent',
-  border: 'solid 1px $steel40',
-  borderRadius: '$r8',
-  padding: '$10',
-  color: '$steel40',
-  cursor: 'pointer',
-  transition:
-    'color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out',
-
-  '&:disabled': {
-    pointerEvents: 'none',
-    opacity: 0.5,
-  },
-
-  variants: {
-    selected: {
-      false: {
-        '&:hover': {
-          borderColor: '$steel80',
-          color: '$steel80',
-        },
-      },
-      true: {
-        pointerEvents: 'none',
-        borderColor: '$red100',
-        color: '$red100',
-      },
-    },
-  },
-})
-
-const PopoverContent = styled(Popover.Content, {
-  display: 'none',
-  background: '$codeBackground',
-  color: '$black',
-  fontSize: '$XXS',
-  lineHeight: '$XXS',
-  overflow: 'hidden',
-  boxShadow:
-    'rgba(27,31,36,0.12) 0px 1px 3px, rgba(66,74,83,0.12) 0px 8px 24px',
-
-  [`.${dark} &`]: {
-    boxShadow:
-      'rgba(27,31,36,0.5) 0px 1px 3px, rgba(18 21 23 / 40%) 0px 8px 24px',
-  },
-
-  '@tabletUp': {
-    display: 'block',
-    p: '$20',
-    borderRadius: '$r8',
-    width: 320,
-    fontSize: '$XS',
-    lineHeight: '$XS',
-  },
-})
-
-const PopoverHeader = styled('header', {
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'flex-start',
-  mb: '$10',
-  gap: '$10',
-
-  '& > h2': {
-    lineHeight: '$code',
-  },
-})
-
-const PopoverClose = styled(Popover.Close, {
-  border: 'none',
-  background: 'transparent',
-  cursor: 'pointer',
-  padding: '$5',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-
-  hover: {
-    color: '$red100',
-  },
-})
-
-const PopoverInputLabel = styled(Copy, {
-  display: 'block',
-  mb: '$15',
-
-  '& > span': {
-    visuallyHidden: '',
-  },
-})
-
-const PopoverInput = styled('input', {
-  borderRadius: '$r8',
-  margin: 0,
-  padding: '$5 $10',
-  width: '100%',
-  backgroundColor: 'transparent',
-  border: '1px solid $steel40',
-  alignItems: 'center',
-  transition: 'border-color 200ms ease-out',
-  color: '$black',
-  fontSize: 12,
-  fontWeight: 400,
-  lineHeight: '140%',
-
-  hover: {
-    borderColor: '$red100',
-  },
-
-  '&:disabled': {
-    opacity: 0.5,
-    pointerEvents: 'none',
-
-    hover: {
-      borderColor: '$steel40',
-    },
-  },
-})
-
-const PopoverFormFooter = styled('div', {
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-})
-
-const PopoverButton = styled(GradientButton, {
-  cursor: 'pointer',
-
-  '& > span': {
-    background: '$codeBackground',
-  },
-
-  '&[aria-disabled="true"]': {
-    opacity: 0.5,
-    pointerEvents: 'none',
-  },
-})
-
-const Outbound = styled(GradientButton, {
-  '& > span': {
-    background: '$codeBackground',
-  },
-
-  [`.${dark} &:before`]: {
-    background: '$redYellowGradient100',
-  },
-
-  [`.${dark} &:hover:before`]: {
-    filter: 'brightness(120%)',
-  },
-})
-
-const HiddenInput = styled('input', {
-  visuallyHidden: '',
-})
diff --git a/docs/app/components/Fields/FieldCode.css.ts b/docs/app/components/Fields/FieldCode.css.ts
new file mode 100644
index 0000000000..465893836a
--- /dev/null
+++ b/docs/app/components/Fields/FieldCode.css.ts
@@ -0,0 +1,15 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const field = style({
+  display: 'inline-flex',
+  alignItems: 'center',
+  border: `solid 1px ${vars.colors.steel100}`,
+  padding: 7,
+  paddingLeft: 14,
+  borderRadius: vars.radii.r8,
+})
+
+export const copyText = style({
+  fontFamily: vars.fonts.mono,
+})
diff --git a/docs/app/components/Fields/FieldCode.tsx b/docs/app/components/Fields/FieldCode.tsx
index 6bcac2ab5f..8ae77c062a 100644
--- a/docs/app/components/Fields/FieldCode.tsx
+++ b/docs/app/components/Fields/FieldCode.tsx
@@ -1,28 +1,16 @@
-import { styled } from '~/styles/stitches.config'
-
 import { ButtonCopy } from '../Buttons/ButtonCopy'
 import { Copy } from '../Text/Copy'
+import { copyText, field } from './FieldCode.css'
 
 const INSTALL_LINE = 'npm i @react-spring/web'
 
 export const CodeField = () => {
   return (
-    <Field>
-      <CopyText fontStyle="$code">{INSTALL_LINE}</CopyText>
+    <div className={field}>
+      <Copy className={copyText} fontStyle="code">
+        {INSTALL_LINE}
+      </Copy>
       <ButtonCopy>{INSTALL_LINE}</ButtonCopy>
-    </Field>
+    </div>
   )
 }
-
-const Field = styled('div', {
-  display: 'inline-flex',
-  alignItems: 'center',
-  border: 'solid 1px $steel100',
-  padding: 7,
-  pl: 14,
-  borderRadius: '$r8',
-})
-
-const CopyText = styled(Copy, {
-  fontFamily: '$mono',
-})
diff --git a/docs/app/components/Grids/ExampleGrid.css.ts b/docs/app/components/Grids/ExampleGrid.css.ts
new file mode 100644
index 0000000000..47d17be9f4
--- /dev/null
+++ b/docs/app/components/Grids/ExampleGrid.css.ts
@@ -0,0 +1,13 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const exampleGridRoot = style({
+  listStyle: 'none',
+  display: 'grid',
+  gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))',
+  gridColumnGap: '20px',
+  gridRowGap: '20px',
+  margin: 0,
+  padding: 0,
+  marginBottom: vars.space['30'],
+})
diff --git a/docs/app/components/Grids/ExampleGrid.tsx b/docs/app/components/Grids/ExampleGrid.tsx
index 8defe27807..6211914595 100644
--- a/docs/app/components/Grids/ExampleGrid.tsx
+++ b/docs/app/components/Grids/ExampleGrid.tsx
@@ -2,8 +2,7 @@ import { CardExample } from '~/components/Cards/CardExample'
 import { SANDBOXES } from '~/data/sandboxes'
 
 import { useCSB } from '~/hooks/useCSB'
-
-import { styled } from '~/styles/stitches.config'
+import { exampleGridRoot } from './ExampleGrid.css'
 
 interface ExampleGridProps {
   sandboxTitles: Array<keyof typeof SANDBOXES>
@@ -13,25 +12,12 @@ export const ExampleGrid = ({ sandboxTitles }: ExampleGridProps) => {
   const sandboxes = useCSB(sandboxTitles)
 
   return (
-    <ExampleGridRoot>
+    <ul className={exampleGridRoot}>
       {sandboxes.map(sandbox => (
-        <ExampleGridItem key={sandbox.id}>
+        <li key={sandbox.id}>
           <CardExample {...sandbox} />
-        </ExampleGridItem>
+        </li>
       ))}
-    </ExampleGridRoot>
+    </ul>
   )
 }
-
-const ExampleGridRoot = styled('ul', {
-  listStyle: 'none',
-  display: 'grid',
-  gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))',
-  gridColumnGap: '20px',
-  gridRowGap: '20px',
-  margin: 0,
-  padding: 0,
-  mb: '$30',
-})
-
-const ExampleGridItem = styled('li', {})
diff --git a/docs/app/components/Grids/NavigationGrid.css.ts b/docs/app/components/Grids/NavigationGrid.css.ts
new file mode 100644
index 0000000000..22c668699d
--- /dev/null
+++ b/docs/app/components/Grids/NavigationGrid.css.ts
@@ -0,0 +1,149 @@
+import { createVar, globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { recipe } from '@vanilla-extract/recipes'
+
+export const navSection = style({
+  margin: `${vars.space['20']} 0`,
+
+  selectors: {
+    '& + &': {
+      marginTop: vars.space['40'],
+    },
+  },
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.desktopUp}`]: {
+      margin: `${vars.space['40']} 0`,
+
+      selectors: {
+        '& + &': {
+          marginTop: vars.space['80'],
+        },
+      },
+    },
+  },
+})
+
+export const colsVar = createVar()
+
+export const grid = recipe({
+  base: {
+    display: 'grid',
+    gridRowGap: vars.space['20'],
+    marginTop: vars.space['20'],
+  },
+
+  variants: {
+    smallTiles: {
+      true: {
+        '@media': {
+          [`screen and ${BREAKPOINTS.tabletUp}`]: {
+            gridTemplateColumns: `repeat(${colsVar}, minmax(100px, 238px))`,
+            gridColumnGap: vars.space['40'],
+            gridRowGap: vars.space['40'],
+          },
+        },
+      },
+      false: {
+        '@media': {
+          [`screen and ${BREAKPOINTS.desktopUp}`]: {
+            gridTemplateColumns: `repeat(${colsVar}, 1fr)`,
+            gridColumnGap: vars.space['40'],
+            gridRowGap: vars.space['40'],
+          },
+        },
+      },
+    },
+  },
+})
+
+export const tileButton = style({})
+
+export const backgroundTile = style({
+  display: 'block',
+  position: 'absolute',
+  inset: 0,
+  opacity: 0,
+  zIndex: -1,
+  background: vars.colors.redYellowGradient40,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'opacity 250ms ease-out',
+    },
+  },
+})
+
+export const tile = recipe({
+  base: {
+    position: 'relative',
+    display: 'block',
+    margin: 0,
+    borderRadius: vars.radii.r8,
+    zIndex: 0,
+    backgroundColor: vars.colors.codeBackground,
+    padding: `${vars.space['15']} ${vars.space['20']}`,
+    overflow: 'hidden',
+
+    '@media': {
+      '(prefers-reduced-motion: no-preference)': {
+        transition: 'background-color 250ms ease-out',
+      },
+    },
+  },
+
+  variants: {
+    small: {
+      true: {
+        maxWidth: '238px',
+      },
+    },
+  },
+})
+
+export const tileCanHover = style({
+  '@media': {
+    '(hover:hover)': {
+      ':hover': {
+        backgroundColor: 'transparent',
+      },
+    },
+  },
+})
+
+globalStyle(`${tileCanHover}:hover ${backgroundTile}`, {
+  '@media': {
+    '(hover:hover)': {
+      opacity: 1,
+    },
+  },
+})
+
+globalStyle(`${tileCanHover}:hover ${tileButton}`, {
+  '@media': {
+    '(hover:hover)': {
+      borderColor: vars.colors.red100,
+    },
+  },
+})
+
+export const iconWrapper = recipe({
+  base: {
+    display: 'block',
+    marginBottom: vars.space['10'],
+  },
+
+  variants: {
+    isString: {
+      true: {
+        fontSize: vars.fontSizes.S,
+      },
+    },
+  },
+})
+
+export const tileCopy = style({
+  marginTop: vars.space['10'],
+  marginBottom: vars.space['20'],
+})
diff --git a/docs/app/components/Grids/NavigationGrid.tsx b/docs/app/components/Grids/NavigationGrid.tsx
index adf6bda1cc..3eec97e9d1 100644
--- a/docs/app/components/Grids/NavigationGrid.tsx
+++ b/docs/app/components/Grids/NavigationGrid.tsx
@@ -1,13 +1,25 @@
 import { IconProps } from 'phosphor-react'
+import { assignInlineVars } from '@vanilla-extract/dynamic'
 import { ForwardRefExoticComponent, RefAttributes } from 'react'
 import { Link } from '@remix-run/react'
 import { isStringGuard } from '~/helpers/guards'
 import { useIsDarkTheme } from '~/hooks/useIsDarkTheme'
-import { styled } from '~/styles/stitches.config'
 import { Button } from '../Buttons/Button'
 import { Copy } from '../Text/Copy'
-import { GradiantHeader } from '../Text/GradientHeader'
+import { GradientHeader } from '../Text/GradientHeader'
 import { Heading } from '../Text/Heading'
+import clsx from 'clsx'
+import {
+  backgroundTile,
+  colsVar,
+  grid,
+  iconWrapper,
+  navSection,
+  tile,
+  tileButton,
+  tileCanHover,
+  tileCopy,
+} from './NavigationGrid.css'
 
 export interface Tile {
   href: string
@@ -38,26 +50,25 @@ export const NavigationGrid = ({
   className,
 }: NavigationGridProps) => {
   return (
-    <NavSection className={className}>
+    <section className={clsx(navSection, className)}>
       {subheading ? (
-        <GradiantHeader fontStyle="$XXS" tag="h2" weight="$semiblack">
+        <GradientHeader fontStyle="XXS" tag="h2" weight="semiblack">
           {subheading}
-        </GradiantHeader>
+        </GradientHeader>
       ) : null}
       {heading ? (
-        <Heading fontStyle="$M" tag="h3">
+        <Heading fontStyle="M" tag="h3">
           {heading}
         </Heading>
       ) : null}
-      <Grid
-        css={{
-          [smallTiles ? '@tabletUp' : '@desktopUp']: {
-            gridTemplateColumns: `repeat(${cols}, ${
-              smallTiles ? 'minmax(100px, 238px)' : '1fr'
-            })`,
-            gridColumnGap: '$40',
-            gridRowGap: '$40',
-          },
+      <div
+        className={grid({
+          smallTiles: Boolean(smallTiles),
+        })}
+        style={{
+          ...assignInlineVars({
+            [colsVar]: `${cols}`,
+          }),
         }}
       >
         {tiles.map(tile => (
@@ -67,33 +78,11 @@ export const NavigationGrid = ({
             {...tile}
           />
         ))}
-      </Grid>
-    </NavSection>
+      </div>
+    </section>
   )
 }
 
-const NavSection = styled('section', {
-  my: '$20',
-
-  '& + &': {
-    mt: '$40',
-  },
-
-  '@desktopUp': {
-    my: '$40',
-
-    '& + &': {
-      mt: '$80',
-    },
-  },
-})
-
-const Grid = styled('div', {
-  display: 'grid',
-  gridRowGap: '$20',
-  mt: '$20',
-})
-
 interface NavigationItemProps extends Tile {
   variant: 'small' | 'large'
 }
@@ -112,25 +101,32 @@ const NavigationItem = ({
   const isDarkMode = useIsDarkTheme()
 
   const renderTile = () => (
-    <Tile variant={variant} canHover={canHover}>
-      <BackgroundTile />
+    <span
+      className={clsx(
+        tile({
+          small: variant === 'small',
+        }),
+        canHover && tileCanHover
+      )}
+    >
+      <span className={backgroundTile} />
       {Icon && isStringGuard(Icon) ? (
-        <IconWrapper isString>{Icon}</IconWrapper>
+        <span className={iconWrapper({ isString: true })}>{Icon}</span>
       ) : Icon && !isStringGuard(Icon) ? (
-        <IconWrapper>
+        <span className={iconWrapper({ isString: false })}>
           <Icon size={32} weight={isDarkMode ? 'light' : 'regular'} />
-        </IconWrapper>
+        </span>
       ) : null}
-      <Heading tag="h2" fontStyle="$S" weight="$semiblack">
+      <Heading tag="h2" fontStyle="S" weight="semiblack">
         {label}
       </Heading>
-      <TileCopy>{description}</TileCopy>
+      <Copy className={tileCopy}>{description}</Copy>
       {variant === 'large' ? (
-        <TileButton disabled={comingSoon}>
+        <Button className={tileButton} disabled={comingSoon}>
           {comingSoon ? <span>Coming soon!</span> : <span>Read more</span>}
-        </TileButton>
+        </Button>
       ) : null}
-    </Tile>
+    </span>
   )
 
   if (comingSoon) {
@@ -147,75 +143,3 @@ const NavigationItem = ({
 
   return <Link to={href}>{renderTile()}</Link>
 }
-
-const TileButton = styled(Button)
-
-const BackgroundTile = styled('span', {
-  display: 'block',
-  position: 'absolute',
-  inset: 0,
-  opacity: 0,
-  zIndex: '-1',
-  background: '$redYellowGradient40',
-
-  '@motion': {
-    transition: 'opacity 250ms ease-out',
-  },
-})
-
-const Tile = styled('span', {
-  position: 'relative',
-  display: 'block',
-  margin: 0,
-  borderRadius: '$r8',
-  zIndex: 0,
-  backgroundColor: '$codeBackground',
-  p: '$15 $20',
-  overflow: 'hidden',
-
-  '@motion': {
-    transition: 'background-color 250ms ease-out',
-  },
-
-  variants: {
-    variant: {
-      small: {
-        maxWidth: 238,
-      },
-      large: {},
-    },
-    canHover: {
-      true: {
-        hover: {
-          backgroundColor: 'transparent',
-
-          [`& ${BackgroundTile}`]: {
-            opacity: 1,
-          },
-
-          [`& ${TileButton}`]: {
-            borderColor: '$red100',
-          },
-        },
-      },
-    },
-  },
-})
-
-const IconWrapper = styled('span', {
-  display: 'block',
-  mb: '$10',
-
-  variants: {
-    isString: {
-      true: {
-        fontSize: '$S',
-      },
-    },
-  },
-})
-
-const TileCopy = styled(Copy, {
-  mt: '$10',
-  mb: '$20',
-})
diff --git a/docs/app/components/Header/Header.css.ts b/docs/app/components/Header/Header.css.ts
new file mode 100644
index 0000000000..9d0a4bebe1
--- /dev/null
+++ b/docs/app/components/Header/Header.css.ts
@@ -0,0 +1,166 @@
+import { createVar, globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const mobileHeight = createVar()
+
+export const desktopHeight = createVar()
+
+export const header = style({
+  width: '100%',
+  paddingTop: vars.space['15'],
+  paddingBottom: vars.space['15'],
+  zIndex: vars.zIndices['1'],
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'background-color 400ms ease-out',
+    },
+
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      paddingTop: vars.space['25'],
+      paddingBottom: vars.space['25'],
+    },
+  },
+})
+
+export const headerSpacing = style({
+  height: mobileHeight,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      height: desktopHeight,
+    },
+  },
+})
+
+globalStyle(`${header} + aside + main > article > h2`, {
+  pointerEvents: 'none',
+})
+
+globalStyle(`${header} + aside + main > article > h2::before`, {
+  display: 'block',
+  content: ' ',
+  marginTop: '-48px',
+  height: '48px',
+  visibility: 'hidden',
+  pointerEvents: 'none',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: '-82px',
+      height: '82px',
+    },
+  },
+})
+
+export const headerScrolledDown = style({
+  backgroundColor: 'rgba(250, 250, 250, 0.80)',
+  backdropFilter: 'blur(5px)',
+
+  '@supports': {
+    'not (backdrop-filter: blur(10px))': {
+      backgroundColor: 'rgba(250, 250, 250, 0.95)',
+    },
+  },
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      backgroundColor: 'rgba(27, 26, 34, 0.8)',
+
+      '@supports': {
+        'not (backdrop-filter: blur(10px))': {
+          backgroundColor: 'rgba(27, 26, 34, 0.95)',
+        },
+      },
+    },
+  },
+})
+
+export const headerStuck = style({
+  position: 'fixed',
+})
+
+globalStyle(`${headerStuck} + aside + main`, {
+  paddingTop: mobileHeight,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      paddingTop: desktopHeight,
+    },
+  },
+})
+
+export const headerTransparentBackground = style({
+  backgroundColor: 'transparent',
+  backdropFilter: 'unset',
+})
+
+export const headerAddMarginToMain = style({})
+
+globalStyle(`${header} + main`, {
+  paddingTop: vars.space['10'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      paddingTop: vars.space['20'],
+    },
+  },
+})
+
+export const flexContainer = style({
+  display: 'flex',
+  flexDirection: 'row-reverse',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  width: '100%',
+  padding: `0 ${vars.space['25']}`,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      flexDirection: 'row',
+      padding: `0 ${vars.space['50']}`,
+    },
+  },
+})
+
+globalStyle(`${flexContainer} + header`, {
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'none',
+    },
+  },
+})
+
+export const desktopNavigation = style({
+  display: 'none',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'flex',
+    },
+  },
+})
+
+export const mobileMenuButton = style({
+  margin: 0,
+  padding: '0.8rem 0.8rem',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  cursor: 'pointer',
+  border: 'none',
+  background: 'none',
+  marginLeft: '-0.8rem',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'none',
+    },
+  },
+})
+
+export const hamburgerMenu = style({
+  color: vars.colors.black,
+})
diff --git a/docs/app/components/Header/Header.tsx b/docs/app/components/Header/Header.tsx
index ab9163b0a2..b099e9d1f0 100644
--- a/docs/app/components/Header/Header.tsx
+++ b/docs/app/components/Header/Header.tsx
@@ -1,10 +1,8 @@
-import { useState } from 'react'
+import { CSSProperties, useState } from 'react'
+import { assignInlineVars } from '@vanilla-extract/dynamic'
 import * as Dialog from '@radix-ui/react-dialog'
 import { List } from 'phosphor-react'
 import { animated } from '@react-spring/web'
-import { Property } from '@stitches/react/types/css'
-
-import { dark, styled } from '~/styles/stitches.config'
 
 import { useAnimatedHeader } from '~/hooks/useAnimatedHeader'
 
@@ -17,6 +15,21 @@ import type {
 
 import { HeaderNavigation } from './HeaderNavigation'
 import { HeaderSidePanel } from './HeaderSidePanel'
+import {
+  desktopNavigation,
+  flexContainer,
+  hamburgerMenu,
+  header,
+  mobileMenuButton,
+  mobileHeight as mobileHeightVar,
+  desktopHeight as desktopHeightVar,
+  headerStuck,
+  headerScrolledDown,
+  headerTransparentBackground,
+  headerAddMarginToMain,
+  headerSpacing,
+} from './Header.css'
+import clsx from 'clsx'
 
 interface HeaderProps {
   data?: {
@@ -27,11 +40,11 @@ interface HeaderProps {
   transparentBackground?: boolean
   addMarginToMain?: boolean
   alwaysAnimateHeader?: boolean
-  position?: Property.Position
+  position?: CSSProperties['position']
 }
 
 export const getHeaderHeights = (): [desktop: number, mobile: number] => [
-  89, 63,
+  114, 78,
 ]
 
 export const Header = ({
@@ -60,176 +73,54 @@ export const Header = ({
   const [desktopHeight, mobileHeight] = headerHeights
 
   return (
-    <Head
-      className={className}
-      isStuck={isStuck}
-      style={{ ...styles, position: position }}
-      hasScrolledDown={
-        subnav.length > 0 || (scrollTop > 20 && direction === 'up')
-      }
-      transparentBackground={transparentBackground}
-      addMarginToMain={addMarginToMain}
-      css={
-        isStuck
-          ? {
-              '& + aside + main': {
-                pt: mobileHeight,
-              },
-              '@tabletUp': {
-                '& + aside + main': {
-                  pt: desktopHeight,
-                },
-              },
-            }
-          : {}
-      }
-    >
-      <FlexContainer>
-        <DesktopNavigation />
-        <Dialog.Root open={dialogOpen} onOpenChange={handleDialogChange}>
-          <MobileMenuButton>
-            <HamburgerMenu size={20} />
-          </MobileMenuButton>
-          <Dialog.Portal forceMount>
-            <HeaderSidePanel
-              onNavigationClick={handleNavigationClick}
-              isOpen={dialogOpen}
-              submenu={sidebar}
-            />
-          </Dialog.Portal>
-        </Dialog.Root>
-        <Logo />
-      </FlexContainer>
-    </Head>
+    <>
+      {isStuck && (
+        <div
+          className={headerSpacing}
+          style={{
+            ...assignInlineVars({
+              [mobileHeightVar]: `${mobileHeight}px`,
+              [desktopHeightVar]: `${desktopHeight}px`,
+            }),
+          }}
+        />
+      )}
+      <animated.header
+        className={clsx(
+          header,
+          isStuck && headerStuck,
+          (subnav.length > 0 || (scrollTop > 20 && direction === 'up')) &&
+            headerScrolledDown,
+          transparentBackground && headerTransparentBackground,
+          addMarginToMain && headerAddMarginToMain,
+          className
+        )}
+        style={{
+          ...styles,
+          position,
+          ...assignInlineVars({
+            [mobileHeightVar]: `${mobileHeight}px`,
+            [desktopHeightVar]: `${desktopHeight}px`,
+          }),
+        }}
+      >
+        <div className={flexContainer}>
+          <HeaderNavigation className={desktopNavigation} />
+          <Dialog.Root open={dialogOpen} onOpenChange={handleDialogChange}>
+            <Dialog.Trigger className={mobileMenuButton}>
+              <List className={hamburgerMenu} size={20} />
+            </Dialog.Trigger>
+            <Dialog.Portal forceMount>
+              <HeaderSidePanel
+                onNavigationClick={handleNavigationClick}
+                isOpen={dialogOpen}
+                submenu={sidebar}
+              />
+            </Dialog.Portal>
+          </Dialog.Root>
+          <Logo />
+        </div>
+      </animated.header>
+    </>
   )
 }
-
-const Head = styled(animated.header, {
-  width: '100%',
-  pt: '$15',
-  zIndex: '$1',
-
-  '@motion': {
-    transition: 'background-color 400ms ease-out',
-  },
-
-  '@tabletUp': {
-    pt: '$25',
-  },
-
-  // Give a good offset for the jump links
-  '& + aside + main > article > h2': {
-    pointerEvents: 'none',
-
-    '&::before': {
-      display: 'block',
-      content: ' ',
-      marginTop: '-48px',
-      height: '48px',
-      visibility: 'hidden',
-      pointerEvents: 'none',
-
-      '@tabletUp': {
-        marginTop: '-82px',
-        height: '82px',
-      },
-    },
-  },
-
-  variants: {
-    hasScrolledDown: {
-      true: {
-        backgroundColor: 'rgba(250, 250, 250, 0.80)',
-        backdropFilter: 'blur(5px)',
-
-        '@supports not (backdrop-filter: blur(10px))': {
-          backgroundColor: 'rgba(250, 250, 250, 0.95)',
-        },
-
-        [`.${dark} &`]: {
-          backgroundColor: 'rgba(27, 26, 34, 0.8)',
-
-          '@supports not (backdrop-filter: blur(10px))': {
-            backgroundColor: 'rgba(27, 26, 34, 0.95)',
-          },
-        },
-      },
-      false: {},
-    },
-    transparentBackground: {
-      true: {
-        backgroundColor: 'transparent',
-        backdropFilter: 'unset',
-      },
-    },
-    addMarginToMain: {
-      true: {
-        '& + main': {
-          pt: '$10',
-        },
-
-        '@tabletUp': {
-          '& + main': {
-            pt: '$20',
-          },
-        },
-      },
-    },
-    isStuck: {
-      true: {
-        position: 'fixed',
-      },
-    },
-  },
-})
-
-const FlexContainer = styled('div', {
-  display: 'flex',
-  flexDirection: 'row-reverse',
-  alignItems: 'center',
-  justifyContent: 'space-between',
-  width: '100%',
-  px: '$25',
-
-  '@tabletUp': {
-    flexDirection: 'row',
-    px: '$50',
-
-    /**
-     * For some reason when I try to just use
-     * another `styled` component, it completely breaks...
-     * probably should report that...
-     */
-    '& + header': {
-      display: 'none',
-    },
-  },
-})
-
-const DesktopNavigation = styled(HeaderNavigation, {
-  display: 'none',
-
-  '@tabletUp': {
-    display: 'flex',
-  },
-})
-
-const MobileMenuButton = styled(Dialog.Trigger, {
-  margin: 0,
-  padding: '0.8rem 0.8rem',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  cursor: 'pointer',
-  border: 'none',
-  background: 'none',
-  marginLeft: '-0.8rem',
-
-  '@tabletUp': {
-    display: 'none',
-  },
-})
-
-const HamburgerMenu = styled(List, {
-  color: '$black',
-})
diff --git a/docs/app/components/Header/HeaderNavigation.css.ts b/docs/app/components/Header/HeaderNavigation.css.ts
new file mode 100644
index 0000000000..58fce7f70d
--- /dev/null
+++ b/docs/app/components/Header/HeaderNavigation.css.ts
@@ -0,0 +1,18 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const navList = style({
+  listStyle: 'none',
+  margin: 0,
+  padding: 0,
+  display: 'flex',
+  alignItems: 'center',
+  gap: vars.space['10'],
+})
+
+export const navSeperator = style({
+  width: '0.1rem',
+  background: vars.colors.steel40,
+  margin: `0 ${vars.space['15']}`,
+  height: '2rem',
+})
diff --git a/docs/app/components/Header/HeaderNavigation.tsx b/docs/app/components/Header/HeaderNavigation.tsx
index e186fa0300..e82cf92170 100644
--- a/docs/app/components/Header/HeaderNavigation.tsx
+++ b/docs/app/components/Header/HeaderNavigation.tsx
@@ -1,12 +1,12 @@
-import * as React from 'react'
 import { House, Files, Code } from 'phosphor-react'
 import * as Toolbar from '@radix-ui/react-toolbar'
 import * as Tooltip from '@radix-ui/react-tooltip'
 
-import { styled } from '~/styles/stitches.config'
 import { NavigationButton, NavigationButtonProps } from '../Buttons/NavButton'
 import { HeaderSubNavigation } from './HeaderSubNavigation'
 import { SiteThemePicker } from '../Site/SiteThemePicker'
+import clsx from 'clsx'
+import { navList, navSeperator } from './HeaderNavigation.css'
 
 interface NavigationProps {
   className?: string
@@ -46,7 +46,7 @@ export const HeaderNavigation = ({
 }: NavigationProps) => {
   return (
     <Tooltip.TooltipProvider>
-      <NavList className={className}>
+      <Toolbar.Root className={clsx(navList, className)}>
         {MAIN_NAV.map(props => (
           <NavigationButton
             showLabel={showLabels}
@@ -56,33 +56,17 @@ export const HeaderNavigation = ({
         ))}
         {showSubNav && (
           <>
-            <NavSeperator />
+            <Toolbar.Separator className={navSeperator} />
             <HeaderSubNavigation showLabels={showLabels} />
           </>
         )}
         {showThemePicker && (
           <>
-            <NavSeperator />
+            <Toolbar.Separator className={navSeperator} />
             <SiteThemePicker />
           </>
         )}
-      </NavList>
+      </Toolbar.Root>
     </Tooltip.TooltipProvider>
   )
 }
-
-const NavList = styled(Toolbar.Root, {
-  listStyle: 'none',
-  margin: 0,
-  padding: 0,
-  display: 'flex',
-  alignItems: 'center',
-  gap: '$10',
-})
-
-const NavSeperator = styled(Toolbar.Separator, {
-  width: '0.1rem',
-  background: '$steel40',
-  margin: '0 $15',
-  height: '2rem',
-})
diff --git a/docs/app/components/Header/HeaderSidePanel.css.ts b/docs/app/components/Header/HeaderSidePanel.css.ts
new file mode 100644
index 0000000000..6d231f1327
--- /dev/null
+++ b/docs/app/components/Header/HeaderSidePanel.css.ts
@@ -0,0 +1,99 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { recipe } from '@vanilla-extract/recipes'
+
+export const mobileMenuOverlay = style({
+  position: 'fixed',
+  left: 0,
+  right: 0,
+  top: 0,
+  bottom: 0,
+  width: '100vw',
+  height: '100vh',
+  zIndex: vars.zIndices['1'],
+  backgroundColor: 'rgba(255, 255, 255, 0.02)',
+  backdropFilter: 'blur(5px)',
+
+  '@supports': {
+    'not (backdrop-filter: blur(10px))': {
+      backgroundColor: 'rgba(0,0,0,0.1)',
+    },
+  },
+})
+
+export const mobileMenu = style({
+  position: 'fixed',
+  right: 0,
+  top: 0,
+  bottom: 0,
+  height: '100vh',
+  width: '30rem',
+  background: vars.colors.white,
+  zIndex: vars.zIndices['1'],
+  boxShadow: '3px 0 12px -10px rgba(0,0,0,0.5)',
+  padding: `${vars.space['25']} 0 ${vars.space['10']}`,
+  display: 'flex',
+  flexDirection: 'column',
+})
+
+export const mobileDialogHeader = style({
+  display: 'flex',
+  justifyContent: 'space-between',
+})
+
+export const mobileMenuClose = style({
+  border: 'none',
+  color: vars.colors.steel100,
+  background: 'transparent',
+  marginBottom: vars.space['20'],
+  marginLeft: vars.space['15'],
+  padding: '1.1rem 1.2rem',
+  cursor: 'pointer',
+})
+
+export const mobileThemePicker = style({
+  marginRight: vars.space['15'],
+})
+
+export const mainNavigation = recipe({
+  base: {
+    margin: `0 ${vars.space['10']}`,
+    paddingBottom: vars.space['20'],
+  },
+
+  variants: {
+    isDocsSection: {
+      true: {
+        borderBottom: `solid 1px ${vars.colors.steel20}`,
+      },
+      false: {
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+      },
+    },
+  },
+})
+
+export const subNavContainer = recipe({
+  base: {
+    listStyle: 'none',
+    margin: `0 ${vars.space['10']}`,
+    padding: 0,
+    display: 'flex',
+    gap: vars.space['10'],
+    paddingTop: vars.space['10'],
+  },
+
+  variants: {
+    isDocsSection: {
+      true: {
+        alignItems: 'center',
+        borderTop: `solid 1px ${vars.colors.steel20}`,
+      },
+      false: {
+        alignItems: 'flex-start',
+        flexDirection: 'column',
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Header/HeaderSidePanel.tsx b/docs/app/components/Header/HeaderSidePanel.tsx
index 03a26057ea..c1b2fc224a 100644
--- a/docs/app/components/Header/HeaderSidePanel.tsx
+++ b/docs/app/components/Header/HeaderSidePanel.tsx
@@ -4,8 +4,6 @@ import { X } from 'phosphor-react'
 import { animated, useTransition } from '@react-spring/web'
 import * as Toolbar from '@radix-ui/react-toolbar'
 
-import { styled } from '~/styles/stitches.config'
-
 import { HeaderNavigation } from './HeaderNavigation'
 import { HeaderSubNavigation } from './HeaderSubNavigation'
 import { MenuDocs } from '../Menu/MenuDocs'
@@ -13,6 +11,16 @@ import { MenuDocs } from '../Menu/MenuDocs'
 import { NavigationSchema } from '../../../scripts/docs/navigation'
 import { SiteThemePicker } from '../Site/SiteThemePicker'
 import { forwardRef } from 'react'
+import {
+  mainNavigation,
+  mobileDialogHeader,
+  mobileMenu,
+  mobileMenuClose,
+  mobileMenuOverlay,
+  mobileThemePicker,
+  subNavContainer,
+} from './HeaderSidePanel.css'
+import { visuallyHidden } from '../../styles/utilities.css'
 
 interface HeaderSidePanelProps {
   isOpen: boolean
@@ -56,130 +64,42 @@ export const HeaderSidePanel = forwardRef<HTMLDivElement, HeaderSidePanelProps>(
       item ? (
         <>
           <Dialog.Overlay forceMount asChild>
-            <MobileMenuOverlay style={{ opacity }} />
+            <animated.div className={mobileMenuOverlay} style={{ opacity }} />
           </Dialog.Overlay>
           {/* @ts-ignore */}
           <Dialog.Content trapFocus={false} forceMount asChild>
-            <MobileMenu ref={ref} style={{ x }}>
+            <animated.div className={mobileMenu} ref={ref} style={{ x }}>
               <div>
-                <MobileDialogHeader>
-                  <MobileMenuClose>
+                <header className={mobileDialogHeader}>
+                  <Dialog.Close className={mobileMenuClose}>
                     <X />
-                  </MobileMenuClose>
-                  <MobileThemePicker>
+                  </Dialog.Close>
+                  <Toolbar.Root className={mobileThemePicker}>
                     <SiteThemePicker />
-                  </MobileThemePicker>
-                </MobileDialogHeader>
-                <HiddenTitle>Main Menu</HiddenTitle>
-                <MainNavigation
-                  isDocsSection={isDocs}
+                  </Toolbar.Root>
+                </header>
+                <Dialog.Title className={visuallyHidden}>
+                  Main Menu
+                </Dialog.Title>
+                <HeaderNavigation
+                  className={mainNavigation({ isDocsSection: isDocs })}
                   showSubNav={false}
                   showThemePicker={false}
                   showLabels={!isDocs}
                 />
               </div>
               <MenuDocs submenu={submenu} onNavClick={handleNavClick} />
-              <SubNavContainer isDocsSection={isDocs}>
+              <Toolbar.Root
+                className={subNavContainer({
+                  isDocsSection: isDocs,
+                })}
+              >
                 <HeaderSubNavigation showLabels={!isDocs} />
-              </SubNavContainer>
-            </MobileMenu>
+              </Toolbar.Root>
+            </animated.div>
           </Dialog.Content>
         </>
       ) : null
     )
   }
 )
-
-const MobileMenuOverlay = styled(animated.div, {
-  position: 'fixed',
-  left: 0,
-  right: 0,
-  top: 0,
-  bottom: 0,
-  width: '100vw',
-  height: '100vh',
-  zIndex: '$1',
-  backgroundColor: 'rgba(255, 255, 255, 0.02)',
-  backdropFilter: 'blur(5px)',
-
-  '@supports not (backdrop-filter: blur(10px))': {
-    backgroundColor: 'rgba(0,0,0,0.1)',
-  },
-})
-
-const MobileMenu = styled(animated.div, {
-  position: 'fixed',
-  right: 0,
-  top: 0,
-  bottom: 0,
-  height: '100vh',
-  width: '30rem',
-  background: '$white',
-  zIndex: '$1',
-  boxShadow: '3px 0 12px -10px rgba(0,0,0,0.5)',
-  padding: '$25 0 $10',
-  display: 'flex',
-  flexDirection: 'column',
-})
-
-const MobileDialogHeader = styled('header', {
-  display: 'flex',
-  justifyContent: 'space-between',
-})
-
-const MobileMenuClose = styled(Dialog.Close, {
-  border: 'none',
-  color: '$steel100',
-  background: 'transparent',
-  mb: '$20',
-  ml: '$15',
-  p: '1.1rem 1.2rem',
-  cursor: 'pointer',
-})
-
-const MobileThemePicker = styled(Toolbar.Root, {
-  mr: '$15',
-})
-
-const HiddenTitle = styled(Dialog.Title, {
-  visuallyHidden: '',
-})
-
-const MainNavigation = styled(HeaderNavigation, {
-  mx: '$10',
-  pb: '$20',
-
-  variants: {
-    isDocsSection: {
-      true: {
-        borderBottom: 'solid 1px $steel20',
-      },
-      false: {
-        flexDirection: 'column',
-        alignItems: 'flex-start',
-      },
-    },
-  },
-})
-
-const SubNavContainer = styled(Toolbar.Root, {
-  listStyle: 'none',
-  margin: '0 $10',
-  padding: 0,
-  display: 'flex',
-  gap: '$10',
-  pt: '$10',
-
-  variants: {
-    isDocsSection: {
-      true: {
-        alignItems: 'center',
-        borderTop: 'solid 1px $steel20',
-      },
-      false: {
-        alignItems: 'flex-start',
-        flexDirection: 'column',
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Header/HeaderSubnav.css.ts b/docs/app/components/Header/HeaderSubnav.css.ts
new file mode 100644
index 0000000000..f7efcdcfbd
--- /dev/null
+++ b/docs/app/components/Header/HeaderSubnav.css.ts
@@ -0,0 +1,102 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { XXS } from '../../styles/fontStyles.css'
+
+export const subNavContainer = style({
+  margin: `${vars.space['30']} 0`,
+  position: 'relative',
+  width: '100%',
+  display: 'flex',
+  justifyContent: 'center',
+})
+
+export const subNavScroller = style({
+  overflow: '-moz-scrollbars-none',
+  overflowX: 'auto',
+  margin: `0 -2.8rem`,
+  padding: `0 2.8rem`,
+
+  selectors: {
+    '&::-webkit-scrollbar': {
+      display: 'none',
+    },
+  },
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      margin: 0,
+      padding: 0,
+    },
+  },
+})
+
+const gradientShared = style({
+  position: 'absolute',
+  top: 0,
+  height: '100%',
+  width: '2rem',
+})
+
+export const gradientRight = style([
+  gradientShared,
+  {
+    right: -28,
+    backgroundImage: 'linear-gradient(90deg, $white0 0%, $white 100%)',
+
+    '@media': {
+      [`screen and ${BREAKPOINTS.tabletUp}`]: {
+        right: 0,
+      },
+    },
+  },
+])
+
+export const gradientLeft = style([
+  gradientShared,
+  {
+    left: -28,
+    backgroundImage: 'linear-gradient(90deg, $white 0%, $white0 100%)',
+
+    '@media': {
+      [`screen and ${BREAKPOINTS.tabletUp}`]: {
+        left: 0,
+      },
+    },
+  },
+])
+
+export const subNavList = style({
+  listStyle: 'none',
+  display: 'flex',
+  margin: 0,
+  padding: '0 0.4rem',
+  gap: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      gap: vars.space['30'],
+    },
+  },
+})
+
+export const subNavListItem = style({
+  ':last-child': {
+    paddingRight: '2.8rem',
+  },
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      ':last-child': {
+        paddingRight: 0,
+      },
+    },
+  },
+})
+
+export const subNavAnchor = style([
+  XXS,
+  {
+    whiteSpace: 'nowrap',
+  },
+])
diff --git a/docs/app/components/Header/HeaderSubnav.tsx b/docs/app/components/Header/HeaderSubnav.tsx
index 2ee62f950a..1bcbce6697 100644
--- a/docs/app/components/Header/HeaderSubnav.tsx
+++ b/docs/app/components/Header/HeaderSubnav.tsx
@@ -5,10 +5,17 @@ import {
   useSprings,
 } from '@react-spring/web'
 
-import { getFontStyles } from '~/styles/fontStyles'
-import { styled } from '~/styles/stitches.config'
-
 import { SubtitleSchemaItem } from '../../../scripts/docs/navigation'
+import clsx from 'clsx'
+import {
+  gradientLeft,
+  gradientRight,
+  subNavAnchor,
+  subNavContainer,
+  subNavList,
+  subNavListItem,
+  subNavScroller,
+} from './HeaderSubnav.css'
 
 interface HeaderSubnavProps {
   className?: string
@@ -66,98 +73,24 @@ export const HeaderSubnav = ({ className, subnav }: HeaderSubnavProps) => {
   }, [])
 
   return (
-    <SubNavContainer className={className}>
-      <GradientLeft style={{ ...springs[0] }} />
-      <SubNavScroller ref={subNavScrollRef} onScroll={handleScroll}>
-        <SubNavList>
+    <nav className={clsx(subNavContainer, className)}>
+      <animated.div className={gradientLeft} style={{ ...springs[0] }} />
+      <div
+        className={subNavScroller}
+        ref={subNavScrollRef}
+        onScroll={handleScroll}
+      >
+        <ul className={subNavList}>
           {subnav.map(({ href, label, id }) => (
-            <SubNavListItem key={id}>
-              <SubNavAnchor href={href}>{label}</SubNavAnchor>
-            </SubNavListItem>
+            <li className={subNavListItem} key={id}>
+              <a className={subNavAnchor} href={href}>
+                {label}
+              </a>
+            </li>
           ))}
-        </SubNavList>
-      </SubNavScroller>
-      <GradientRight style={{ ...springs[1] }} />
-    </SubNavContainer>
+        </ul>
+      </div>
+      <animated.div className={gradientRight} style={{ ...springs[1] }} />
+    </nav>
   )
 }
-
-const SubNavContainer = styled('nav', {
-  m: '$30 0',
-  position: 'relative',
-  width: '100%',
-  display: 'flex',
-  justifyContent: 'center',
-})
-
-const SubNavScroller = styled('div', {
-  overflow: '-moz-scrollbars-none',
-  overflowX: 'auto',
-  mx: -28,
-  px: 28,
-
-  '&::-webkit-scrollbar': {
-    display: 'none',
-  },
-
-  '@tabletUp': {
-    mx: 0,
-    px: 0,
-  },
-})
-
-const GradientShared = {
-  position: 'absolute',
-  top: 0,
-  height: '100%',
-  width: '2rem',
-}
-
-const GradientRight = styled(animated.div, {
-  ...GradientShared,
-  right: -28,
-  backgroundImage: 'linear-gradient(90deg, $white0 0%, $white 100%)',
-
-  '@tabletUp': {
-    right: 0,
-  },
-})
-
-const GradientLeft = styled(animated.div, {
-  ...GradientShared,
-  left: -28,
-  backgroundImage: 'linear-gradient(90deg, $white 0%, $white0 100%)',
-
-  '@tabletUp': {
-    left: 0,
-  },
-})
-
-const SubNavList = styled('ul', {
-  listStyle: 'none',
-  display: 'flex',
-  margin: 0,
-  padding: '0 0.4rem',
-  gap: '$20',
-
-  '@tabletUp': {
-    gap: '$30',
-  },
-})
-
-const SubNavListItem = styled('li', {
-  '&:last-child': {
-    pr: 28,
-  },
-
-  '@tabletUp': {
-    '&:last-child': {
-      pr: 0,
-    },
-  },
-})
-
-const SubNavAnchor = styled('a', {
-  ...getFontStyles('$XXS'),
-  whiteSpace: 'nowrap',
-})
diff --git a/docs/app/components/Heros/HeroHome.css.ts b/docs/app/components/Heros/HeroHome.css.ts
new file mode 100644
index 0000000000..79a58a94b6
--- /dev/null
+++ b/docs/app/components/Heros/HeroHome.css.ts
@@ -0,0 +1,263 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const header = style({
+  position: 'relative',
+  zIndex: 0,
+})
+
+export const titleTop = style({
+  position: 'absolute',
+  height: '100vh',
+  width: '100vw',
+  top: 0,
+  left: 0,
+  zIndex: vars.zIndices['1'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      minHeight: 'unset',
+    },
+  },
+})
+
+export const titleContent = style({
+  maxWidth: vars.sizes.type,
+  padding: `${vars.space['100']} ${vars.space['25']} 0 ${vars.space['25']}`,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      padding: `calc((175 / 1440) * 100%) ${vars.space['50']} 0 ${vars.space['50']}`,
+    },
+  },
+})
+
+export const arrowCircleRight = style({
+  color: vars.colors.steel100,
+})
+
+export const topFields = style({
+  display: 'flex',
+  marginTop: vars.space['40'],
+  flexDirection: 'column',
+  alignItems: 'flex-start',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      flexDirection: 'row',
+      gap: vars.space['20'],
+    },
+  },
+})
+
+export const navLink = style({
+  marginTop: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: 0,
+    },
+  },
+})
+
+globalStyle(`${navLink} > span`, {
+  marginRight: 12,
+})
+
+export const titleBottom = style({
+  position: 'absolute',
+  height: '100vh',
+  width: '100vw',
+  bottom: 0,
+  left: 0,
+  padding: `0 ${vars.space['25']}`,
+  zIndex: vars.zIndices['1'],
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'space-between',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      minHeight: 'unset',
+      padding: `0 ${vars.space['50']}`,
+      display: 'grid',
+      gridTemplateColumns: 'repeat(2, 1fr)',
+    },
+  },
+})
+
+export const left = style({
+  maxWidth: 630,
+})
+
+export const leftCopy = style({
+  marginTop: vars.space['25'],
+  whiteSpace: 'pre-line',
+})
+
+export const right = style({
+  display: 'flex',
+  alignItems: 'flex-end',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      maxWidth: 630,
+      paddingBottom: 192,
+    },
+  },
+})
+
+export const background = style({
+  position: 'relative',
+  width: '100%',
+  zIndex: 0,
+})
+
+export const ballContainer = style({
+  width: '100vw',
+  height: '100vh',
+  position: 'relative',
+})
+
+export const redBall = style({
+  width: 'min(1440px, 100%)',
+  position: 'absolute',
+  aspectRatio: `1`,
+  top: 'max(-720px, -50vw)',
+  right: 'max(-720px, -50vw)',
+  borderRadius: '50%',
+  backgroundColor: '#fafafa',
+  filter: 'blur(4px)',
+  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px 30vw 30vw rgb(255 109 109), 0 0 120px 80px rgb(255 109 109)`,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.desktopUp}`]: {
+      boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px 40vw 40vw rgb(255 109 109), 0 0 120px 80px rgb(255 109 109)`,
+    },
+  },
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px 30vw 30vw rgb(255 109 109), 0 0 70px 40px rgb(255 109 109)`,
+
+      '@media': {
+        [`screen and ${BREAKPOINTS.desktopUp}`]: {
+          boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px 40vw 40vw rgb(255 109 109), 0 0 70px 40px rgb(255 109 109)`,
+        },
+      },
+    },
+  },
+})
+
+export const orangeBallContainer = style({
+  marginTop: '-70vh',
+})
+
+export const orangeBall = style({
+  aspectRatio: `1`,
+  width: 'max(240px, 20vw)',
+  position: 'absolute',
+  left: 'min(-125px, -10vw)',
+  top: '40vh',
+  borderRadius: '50%',
+  backgroundColor: '#fafafa',
+  filter: 'blur(4px)',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      top: '28vh',
+    },
+  },
+
+  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px max(60px, 6vw) max(60px, 6vw) #FFB74B, 0 0 120px 80px #FFB74B`,
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px max(60px, 6vw) max(60px, 6vw) #FFB74B, 0 0 70px 40px #FFB74B`,
+    },
+  },
+})
+
+export const greenBallContainer = style({
+  marginTop: '-50vh',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: '-70vh',
+    },
+  },
+})
+
+export const greenBall = style({
+  aspectRatio: `1`,
+  position: 'absolute',
+  width: 'min(576px, 40vw)',
+  borderRadius: '50%',
+  backgroundColor: '#fafafa',
+  filter: 'blur(4px)',
+  right: '20vw',
+  bottom: 0,
+  opacity: 0.6,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      opacity: 1,
+      bottom: '10vh',
+      right: '10vw',
+    },
+  },
+
+  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px max(70px, 12vw) max(70px, 12vw) #88DFAB, 0 0 120px 80px #88DFAB`,
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px max(70px, 12vw) max(70px, 12vw) #88DFAB, 0 0 70px 40px #88DFAB`,
+    },
+  },
+})
+
+export const blueBallContainer = style({
+  marginTop: '-50vh',
+  marginBottom: '10vh',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: '-70vh',
+    },
+  },
+})
+
+export const blueBall = style({
+  aspectRatio: `1`,
+  position: 'absolute',
+  borderRadius: '50%',
+  backgroundColor: '#fafafa',
+  filter: 'blur(4px)',
+  width: 'min(430px, 30vw)',
+  bottom: 40,
+  left: 100,
+  opacity: 0.6,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      opacity: 1,
+    },
+  },
+
+  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px max(70px, 8vw) max(70px, 8vw) #569AFFB3, 0 0 120px 80px #569AFFB3`,
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px max(70px, 8vw) max(70px, 8vw) #569AFF, 0 0 70px 40px #569AFF`,
+    },
+  },
+})
+
+export const carbonBanner = style({})
+
+globalStyle(`${carbonBanner} > #carbonads`, {
+  margin: 0,
+  marginTop: vars.space['60'],
+})
diff --git a/docs/app/components/Heros/HeroHome.tsx b/docs/app/components/Heros/HeroHome.tsx
index 4371ca10cc..5a8f2576fb 100644
--- a/docs/app/components/Heros/HeroHome.tsx
+++ b/docs/app/components/Heros/HeroHome.tsx
@@ -1,7 +1,5 @@
 import { ArrowCircleRight } from 'phosphor-react'
 
-import { dark, styled } from '~/styles/stitches.config'
-
 import { Button } from '../Buttons/Button'
 import { Heading } from '../Text/Heading'
 import { CodeField } from '../Fields/FieldCode'
@@ -9,292 +7,86 @@ import { Copy } from '../Text/Copy'
 
 import { useWindowSize } from '~/hooks/useWindowSize'
 import { WidgetCarbon } from '../Widgets/WidgetCarbon'
+import {
+  arrowCircleRight,
+  background,
+  ballContainer,
+  blueBall,
+  blueBallContainer,
+  carbonBanner,
+  greenBall,
+  greenBallContainer,
+  header,
+  left,
+  leftCopy,
+  navLink,
+  orangeBall,
+  orangeBallContainer,
+  redBall,
+  right,
+  titleBottom,
+  titleContent,
+  titleTop,
+  topFields,
+} from './HeroHome.css'
+import clsx from 'clsx'
 
 export const HeroHome = () => {
   const { width, height } = useWindowSize()
 
   return (
-    <Header>
-      <TitleTop style={{ width, height }}>
-        <TitleContent>
-          <Heading tag="h1" fontStyle="$XXL">
+    <header className={header}>
+      <div className={titleTop} style={{ width, height }}>
+        <div className={titleContent}>
+          <Heading tag="h1" fontStyle="XXL">
             With naturally fluid animations you will elevate your UI &
             interactions. Bringing your apps to life has never been simpler.
           </Heading>
-          <TopFields>
+          <div className={topFields}>
             <CodeField />
-            <NavLink variant="large" href="/docs/getting-started">
+            <Button
+              className={navLink}
+              variant="large"
+              href="/docs/getting-started"
+            >
               <span>Get started</span>
-              <ArrowCircleRight size={24} color="var(--colors-steel100)" />
-            </NavLink>
-          </TopFields>
-          <CarbonBanner>
+              <ArrowCircleRight className={arrowCircleRight} size={24} />
+            </Button>
+          </div>
+          <div className={carbonBanner}>
             <WidgetCarbon />
-          </CarbonBanner>
-        </TitleContent>
-      </TitleTop>
-      <TitleBottom style={{ width, height }}>
-        <Left>
-          <Heading tag="h2" fontStyle="$L">
+          </div>
+        </div>
+      </div>
+      <div className={titleBottom} style={{ width, height }}>
+        <div className={left}>
+          <Heading tag="h2" fontStyle="L">
             Why Springs?
           </Heading>
-          <Copy
-            fontStyle="$M"
-            css={{
-              mt: '$25',
-              whiteSpace: 'pre-line',
-            }}
-          >
+          <Copy fontStyle="M" className={leftCopy}>
             {`We think of animation in terms of time and curves, but that causes most of the struggle we face when trying to make elements on the screen move naturally, because nothing in the real world moves like that. \n\nSprings don’t have a defined curve or a set duration.`}
           </Copy>
-        </Left>
-        <Right>
-          <Copy fontStyle="$M">
+        </div>
+        <div className={right}>
+          <Copy fontStyle="M">
             {`As Andy Matuschak (ex Apple UI-Kit developer) expressed – “Animation APIs parameterized by duration and curve are fundamentally opposed to continuous, fluid interactivity.”`}
           </Copy>
-        </Right>
-      </TitleBottom>
-      <Background>
-        <BallContainer>
-          <RedBall />
-        </BallContainer>
-        <BallContainer css={{ mt: '-70vh' }}>
-          <OrangeBall />
-        </BallContainer>
-        <BallContainer
-          css={{
-            mt: '-50vh',
-            '@tabletUp': {
-              mt: '-70vh',
-            },
-          }}
-        >
-          <GreenBall />
-        </BallContainer>
-        <BallContainer
-          css={{
-            mt: '-50vh',
-            '@tabletUp': {
-              mt: '-70vh',
-            },
-            mb: '10vh',
-          }}
-        >
-          <BlueBall />
-        </BallContainer>
-      </Background>
-    </Header>
+        </div>
+      </div>
+      <div className={background}>
+        <div className={ballContainer}>
+          <div className={redBall} />
+        </div>
+        <div className={clsx(ballContainer, orangeBallContainer)}>
+          <div className={orangeBall} />
+        </div>
+        <div className={clsx(ballContainer, greenBallContainer)}>
+          <div className={greenBall} />
+        </div>
+        <div className={clsx(ballContainer, blueBallContainer)}>
+          <div className={blueBall} />
+        </div>
+      </div>
+    </header>
   )
 }
-
-const Header = styled('header', {
-  position: 'relative',
-  zIndex: 0,
-})
-
-const TitleTop = styled('div', {
-  position: 'absolute',
-  height: '100vh',
-  width: '100vw',
-  top: 0,
-  left: 0,
-  zIndex: '$1',
-
-  '@tabletUp': {
-    minHeight: 'unset',
-  },
-})
-
-const TitleContent = styled('div', {
-  maxWidth: '$type',
-  px: '$25',
-  pt: '$100',
-
-  '@tabletUp': {
-    px: '$50',
-    pt: 'calc((175 / 1440) * 100%)',
-  },
-})
-
-const TopFields = styled('div', {
-  display: 'flex',
-  mt: '$40',
-  flexDirection: 'column',
-  alignItems: 'flex-start',
-
-  '@tabletUp': {
-    flexDirection: 'row',
-    gap: '$20',
-  },
-})
-
-const NavLink = styled(Button, {
-  mt: '$20',
-
-  '& > span': {
-    mr: 12,
-  },
-
-  '@tabletUp': {
-    mt: 0,
-  },
-
-  /**
-   * TODO: think about this... maybe its okay?
-   */
-  //   hover: {
-  //     '& polyline, & line': {
-  //       stroke: '$red100',
-  //     },
-  //   },
-
-  //   '@motion': {
-  //     '& polyline, & line': {
-  //       transition: 'stroke 200ms ease-out',
-  //     },
-  //   },
-})
-
-const TitleBottom = styled('div', {
-  position: 'absolute',
-  height: '100vh',
-  width: '100vw',
-  bottom: 0,
-  left: 0,
-  px: '$25',
-  zIndex: '$1',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'space-between',
-
-  '@tabletUp': {
-    minHeight: 'unset',
-    px: '$50',
-    display: 'grid',
-    gridTemplateColumns: 'repeat(2, 1fr)',
-  },
-})
-
-const Left = styled('div', {
-  maxWidth: 630,
-})
-
-const Right = styled('div', {
-  display: 'flex',
-  alignItems: 'flex-end',
-
-  '@tabletUp': {
-    maxWidth: 630,
-    pb: 192,
-  },
-})
-
-const Background = styled('div', {
-  position: 'relative',
-  width: '100%',
-  zIndex: 0,
-})
-
-const BallContainer = styled('div', {
-  width: '100vw',
-  height: '100vh',
-  position: 'relative',
-})
-
-const RedBall = styled('div', {
-  width: 'min(1440px, 100%)',
-  position: 'absolute',
-  aspectRatio: 1,
-  top: 'max(-720px, -50vw)',
-  right: 'max(-720px, -50vw)',
-  borderRadius: '50%',
-  backgroundColor: '#fafafa',
-  filter: 'blur(4px)',
-  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px 30vw 30vw rgb(255 109 109), 0 0 120px 80px rgb(255 109 109)`,
-
-  '@desktopUp': {
-    boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px 40vw 40vw rgb(255 109 109), 0 0 120px 80px rgb(255 109 109)`,
-  },
-
-  [`.${dark} &`]: {
-    boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px 30vw 30vw rgb(255 109 109), 0 0 70px 40px rgb(255 109 109)`,
-
-    '@desktopUp': {
-      boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px 40vw 40vw rgb(255 109 109), 0 0 70px 40px rgb(255 109 109)`,
-    },
-  },
-})
-
-const OrangeBall = styled('div', {
-  aspectRatio: 1,
-  width: 'max(240px, 20vw)',
-  position: 'absolute',
-  left: 'min(-125px, -10vw)',
-  top: '40vh',
-  borderRadius: '50%',
-  backgroundColor: '#fafafa',
-  filter: 'blur(4px)',
-
-  '@tabletUp': {
-    top: '28vh',
-  },
-
-  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px max(60px, 6vw) max(60px, 6vw) #FFB74B, 0 0 120px 80px #FFB74B`,
-
-  [`.${dark} &`]: {
-    boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px max(60px, 6vw) max(60px, 6vw) #FFB74B, 0 0 70px 40px #FFB74B`,
-  },
-})
-
-const GreenBall = styled('div', {
-  aspectRatio: 1,
-  position: 'absolute',
-  width: 'min(576px, 40vw)',
-  borderRadius: '50%',
-  backgroundColor: '#fafafa',
-  filter: 'blur(4px)',
-  right: '20vw',
-  bottom: 0,
-  opacity: 0.6,
-
-  '@tabletUp': {
-    opacity: 1,
-    bottom: '10vh',
-    right: '10vw',
-  },
-
-  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px max(70px, 12vw) max(70px, 12vw) #88DFAB, 0 0 120px 80px #88DFAB`,
-
-  [`.${dark} &`]: {
-    boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px max(70px, 12vw) max(70px, 12vw) #88DFAB, 0 0 70px 40px #88DFAB`,
-  },
-})
-
-const BlueBall = styled('div', {
-  aspectRatio: 1,
-  position: 'absolute',
-  borderRadius: '50%',
-  backgroundColor: '#fafafa',
-  filter: 'blur(4px)',
-  width: 'min(430px, 30vw)',
-  bottom: 40,
-  left: 100,
-  opacity: 0.6,
-
-  '@tabletUp': {
-    opacity: 1,
-  },
-
-  boxShadow: `inset 0 0 100px -30px #fafafa, inset 0px 0px max(70px, 8vw) max(70px, 8vw) #569AFFB3, 0 0 120px 80px #569AFFB3`,
-
-  [`.${dark} &`]: {
-    boxShadow: `inset 0 0 100px -40px #fafafa, inset 0px 0px max(70px, 8vw) max(70px, 8vw) #569AFF, 0 0 70px 40px #569AFF`,
-  },
-})
-
-const CarbonBanner = styled('div', {
-  '& > #carbonads': {
-    margin: 0,
-    mt: '$60',
-  },
-})
diff --git a/docs/app/components/HomeBlocks/HomeBlockCopy.css.ts b/docs/app/components/HomeBlocks/HomeBlockCopy.css.ts
new file mode 100644
index 0000000000..5da8ec1a60
--- /dev/null
+++ b/docs/app/components/HomeBlocks/HomeBlockCopy.css.ts
@@ -0,0 +1,11 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const block = style({
+  maxWidth: 630,
+})
+
+export const blockCopy = style({
+  padding: `${vars.space['20']} 0`,
+  maxWidth: 600,
+})
diff --git a/docs/app/components/HomeBlocks/HomeBlockCopy.tsx b/docs/app/components/HomeBlocks/HomeBlockCopy.tsx
index 387810107f..52bfa0839d 100644
--- a/docs/app/components/HomeBlocks/HomeBlockCopy.tsx
+++ b/docs/app/components/HomeBlocks/HomeBlockCopy.tsx
@@ -1,10 +1,10 @@
 import { ReactNode } from 'react'
-import { styled } from '~/styles/stitches.config'
-import { GradientButton } from '../Buttons/GradientButton'
 
+import { GradientButton } from '../Buttons/GradientButton'
 import { Copy } from '../Text/Copy'
-import { GradiantHeader } from '../Text/GradientHeader'
+import { GradientHeader } from '../Text/GradientHeader'
 import { Heading } from '../Text/Heading'
+import { block, blockCopy } from './HomeBlockCopy.css'
 
 interface HomeBlockCopyProps {
   subtitle: string
@@ -22,25 +22,16 @@ export const HomeBlockCopy = ({
   children,
   cta,
 }: HomeBlockCopyProps) => (
-  <Block>
-    <GradiantHeader tag="h2" fontStyle="$XXS" weight="$bold">
+  <div className={block}>
+    <GradientHeader tag="h2" fontStyle="XXS" weight="bold">
       {subtitle}
-    </GradiantHeader>
-    <Heading tag="h3" fontStyle="$XL">
+    </GradientHeader>
+    <Heading tag="h3" fontStyle="XL">
       {title}
     </Heading>
-    <BlockCopy tag="div" fontStyle="$S">
+    <Copy className={blockCopy} tag="div" fontStyle="S">
       {children}
-    </BlockCopy>
+    </Copy>
     {cta ? <GradientButton href={cta.href}>{cta.label}</GradientButton> : null}
-  </Block>
+  </div>
 )
-
-const Block = styled('div', {
-  maxWidth: 630,
-})
-
-const BlockCopy = styled(Copy, {
-  py: '$20',
-  maxWidth: 600,
-})
diff --git a/docs/app/components/HomeBlocks/HomeBlockImperative.css.ts b/docs/app/components/HomeBlocks/HomeBlockImperative.css.ts
new file mode 100644
index 0000000000..920cd1e2ee
--- /dev/null
+++ b/docs/app/components/HomeBlocks/HomeBlockImperative.css.ts
@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const imperativeCode = style({
+  marginTop: vars.space['40'],
+})
diff --git a/docs/app/components/HomeBlocks/HomeBlockImperative.tsx b/docs/app/components/HomeBlocks/HomeBlockImperative.tsx
index e19a8555e4..99c25ec48e 100644
--- a/docs/app/components/HomeBlocks/HomeBlockImperative.tsx
+++ b/docs/app/components/HomeBlocks/HomeBlockImperative.tsx
@@ -1,9 +1,8 @@
-import { styled } from '~/styles/stitches.config'
-
 import { Code } from '../Code/Code'
 
 import { HomeBlockCopy } from './HomeBlockCopy'
-import { Section } from './HomeBlockSection'
+import { imperativeCode } from './HomeBlockImperative.css'
+import { section } from './shared.css'
 
 const example = /* jsx */ `
 import { animated, useSpring } from '@react-spring/web'
@@ -41,7 +40,7 @@ export default function () {
 `
 
 export const HomeBlockImperative = () => (
-  <Section>
+  <section className={section}>
     <HomeBlockCopy
       subtitle="Avoid unnecessary overhead"
       title={`Run animations without \nre-rendering`}
@@ -56,10 +55,6 @@ export const HomeBlockImperative = () => (
         smooth, fluid animation.
       </p>
     </HomeBlockCopy>
-    <ImperativeCode isLive code={example} showCode={false} />
-  </Section>
+    <Code className={imperativeCode} isLive code={example} showCode={false} />
+  </section>
 )
-
-const ImperativeCode = styled(Code, {
-  mt: '$40',
-})
diff --git a/docs/app/components/HomeBlocks/HomeBlockMore.css.ts b/docs/app/components/HomeBlocks/HomeBlockMore.css.ts
new file mode 100644
index 0000000000..18f8b6d3bc
--- /dev/null
+++ b/docs/app/components/HomeBlocks/HomeBlockMore.css.ts
@@ -0,0 +1,16 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const list = style({
+  margin: 0,
+  paddingLeft: 26,
+})
+
+export const listItem = style({
+  cursor: 'pointer',
+})
+
+export const homeBlockCode = style({
+  marginTop: vars.space['40'],
+  position: 'relative',
+})
diff --git a/docs/app/components/HomeBlocks/HomeBlockMore.tsx b/docs/app/components/HomeBlocks/HomeBlockMore.tsx
index 06a402a722..e1008f4781 100644
--- a/docs/app/components/HomeBlocks/HomeBlockMore.tsx
+++ b/docs/app/components/HomeBlocks/HomeBlockMore.tsx
@@ -1,11 +1,11 @@
 import { animated, useSprings } from '@react-spring/web'
 
-import { styled } from '~/styles/stitches.config'
-
 import { HomeBlockCopy } from './HomeBlockCopy'
-import { Section } from './HomeBlockSection'
-import { Pre } from '../Code/Pre'
 import { useIsDarkTheme } from '~/hooks/useIsDarkTheme'
+import { pre } from '../Code/Pre.css'
+import clsx from 'clsx'
+import { homeBlockCode, list, listItem } from './HomeBlockMore.css'
+import { section } from './shared.css'
 
 const listItems = [
   'Animate any value – strings, numbers, css variables...',
@@ -194,7 +194,7 @@ export const HomeBlockMore = () => {
   }
 
   return (
-    <Section>
+    <section className={section}>
       <HomeBlockCopy
         subtitle="Wow, that's a lot!"
         title={`And there's even more`}
@@ -203,9 +203,10 @@ export const HomeBlockMore = () => {
           href: '/docs/getting-started',
         }}
       >
-        <List>
+        <ul className={list}>
           {listItems.map((str, i) => (
-            <ListItem
+            <animated.li
+              className={listItem}
               key={str}
               onMouseEnter={handleMouseEnter(i)}
               style={{
@@ -219,11 +220,11 @@ export const HomeBlockMore = () => {
               }}
             >
               {str}
-            </ListItem>
+            </animated.li>
           ))}
-        </List>
+        </ul>
       </HomeBlockCopy>
-      <HomeBlockCode>
+      <pre className={clsx(pre, homeBlockCode)}>
         <code
           className="language-jsx"
           dangerouslySetInnerHTML={{ __html: dataFixtures[0] }}
@@ -240,21 +241,7 @@ export const HomeBlockMore = () => {
             style={{ ...style, position: 'absolute', top: 30, left: 30 }}
           />
         ))}
-      </HomeBlockCode>
-    </Section>
+      </pre>
+    </section>
   )
 }
-
-const List = styled('ul', {
-  my: 0,
-  pl: 26,
-})
-
-const ListItem = styled(animated.li, {
-  cursor: 'pointer',
-})
-
-const HomeBlockCode = styled(Pre, {
-  mt: '$40',
-  position: 'relative',
-})
diff --git a/docs/app/components/HomeBlocks/HomeBlockSSR.css.ts b/docs/app/components/HomeBlocks/HomeBlockSSR.css.ts
new file mode 100644
index 0000000000..49e16efc25
--- /dev/null
+++ b/docs/app/components/HomeBlocks/HomeBlockSSR.css.ts
@@ -0,0 +1,62 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+
+export const ssrSection = style({})
+
+globalStyle(`${ssrSection} > *`, {
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      flex: '1 1',
+    },
+  },
+})
+
+export const sizeGraph = style({
+  position: 'relative',
+  border: `1px solid ${vars.colors.steel20}`,
+  borderRadius: vars.radii.r4,
+  padding: `${vars.space['30']} ${vars.space['40']} ${vars.space['40']}`,
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'flex-end',
+  gap: `clamp(${vars.space['10']}, 10%, ${vars.space['40']})`,
+  aspectRatio: `570 / 380`,
+  marginTop: vars.space['20'],
+})
+
+export const graphBar = style({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-end',
+  width: 'calc((100% - 80rem) / 3)',
+  flex: '1 1 calc((100% - 80rem) / 3)',
+})
+
+globalStyle(`${graphBar} > h4`, {
+  fontSize: '1.2rem',
+  fontWeight: 700,
+  lineHeight: '180%',
+  textAlign: 'center',
+  color: vars.colors.black,
+})
+
+globalStyle(`${graphBar} > h5`, {
+  fontSize: '1.4rem',
+  fontWeight: vars.fontWeights.default,
+  lineHeight: '180%',
+  textAlign: 'center',
+  color: vars.colors.black,
+  whiteSpace: 'nowrap',
+  display: 'flex',
+  justifyContent: 'space-evenly',
+})
+
+export const bar = style({
+  width: '100%',
+  background: vars.colors.redYellowGradient100,
+  height: 1,
+  marginBottom: 4,
+  marginTop: 2,
+  borderRadius: vars.radii.r4,
+})
diff --git a/docs/app/components/HomeBlocks/HomeBlockSSR.tsx b/docs/app/components/HomeBlocks/HomeBlockSSR.tsx
index 1745b2170b..88944e667d 100644
--- a/docs/app/components/HomeBlocks/HomeBlockSSR.tsx
+++ b/docs/app/components/HomeBlocks/HomeBlockSSR.tsx
@@ -5,10 +5,10 @@ import useMeasure from 'react-use-measure'
 import { useIsomorphicLayoutEffect } from '~/hooks/useIsomorphicEffect'
 import { useWindowSize } from '~/hooks/useWindowSize'
 
-import { styled } from '~/styles/stitches.config'
-
 import { HomeBlockCopy } from './HomeBlockCopy'
-import { Section } from './HomeBlockSection'
+import clsx from 'clsx'
+import { section } from './shared.css'
+import { bar, graphBar, sizeGraph, ssrSection } from './HomeBlockSSR.css'
 
 const ASPECT = 259 / 140
 
@@ -72,7 +72,7 @@ export const HomeBlockSSR = () => {
   const isTablet = (windowWidth ?? 0) > 768
 
   return (
-    <SSRSection ref={sectionRef}>
+    <section className={clsx(section, ssrSection)} ref={sectionRef}>
       <HomeBlockCopy
         subtitle="Designed with you in mind"
         title={`Production ready with SSR support`}
@@ -92,80 +92,23 @@ export const HomeBlockSSR = () => {
           the core for an even smaller package.
         </p>
       </HomeBlockCopy>
-      <SizeGraph>
-        <GraphBar>
+      <div className={sizeGraph}>
+        <div className={graphBar}>
           <h4>{`55.1kb`}</h4>
-          <Bar ref={measureRef} style={springs[0]} />
+          <animated.div className={bar} ref={measureRef} style={springs[0]} />
           <h5>{`react-spring`}</h5>
-        </GraphBar>
-        <GraphBar>
+        </div>
+        <div className={graphBar}>
           <h4>{`19.2kb`}</h4>
-          <Bar style={springs[1]} />
+          <animated.div className={bar} style={springs[1]} />
           <h5>{isTablet ? `@react-spring/web` : 'web'}</h5>
-        </GraphBar>
-        <GraphBar>
+        </div>
+        <div className={graphBar}>
           <h4>{`15.2kb`}</h4>
-          <Bar style={springs[2]} />
+          <animated.div className={bar} style={springs[2]} />
           <h5>{isTablet ? `@react-spring/core` : 'core'}</h5>
-        </GraphBar>
-      </SizeGraph>
-    </SSRSection>
+        </div>
+      </div>
+    </section>
   )
 }
-
-const SSRSection = styled(Section, {
-  '@tabletUp': {
-    '& > *': {
-      flex: '1 1',
-    },
-  },
-})
-
-const SizeGraph = styled('div', {
-  position: 'relative',
-  border: '1px solid $steel20',
-  borderRadius: '$r8',
-  p: '$30 $40 $40',
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'flex-end',
-  gap: 'clamp($10, 10%, $40)',
-  aspectRatio: 570 / 380,
-  mt: '$20',
-})
-
-const GraphBar = styled('div', {
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'flex-end',
-  width: 'calc((100% - 80rem) / 3)',
-  flex: '1 1 calc((100% - 80rem) / 3)',
-
-  '& > h4': {
-    fontSize: '1.2rem',
-    fontWeight: 700,
-    lineHeight: '180%',
-    textAlign: 'center',
-    color: '$black',
-  },
-
-  '& > h5': {
-    fontSize: '1.4rem',
-    fontWeight: '$default',
-    lineHeight: '180%',
-    textAlign: 'center',
-    color: '$black',
-    whiteSpace: 'nowrap',
-    display: 'flex',
-    justifyContent: 'space-evenly',
-  },
-})
-
-const Bar = styled(animated.div, {
-  width: '100%',
-  background: '$redYellowGradient100',
-  height: 1,
-  mb: 4,
-  mt: 2,
-  borderRadius: '$r4',
-})
diff --git a/docs/app/components/HomeBlocks/HomeBlockSection.tsx b/docs/app/components/HomeBlocks/HomeBlockSection.tsx
deleted file mode 100644
index 37bb5143e8..0000000000
--- a/docs/app/components/HomeBlocks/HomeBlockSection.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { styled } from '~/styles/stitches.config'
-
-export const Section = styled('section', {
-  px: '$25',
-
-  '& + &': {
-    mt: '$50',
-  },
-
-  '@tabletUp': {
-    px: '$50',
-    display: 'flex',
-    gap: '$110',
-    alignItems: 'center',
-
-    '& > *': {
-      flex: '1 0 calc(50% - 5.5rem)',
-    },
-
-    '& + &': {
-      mt: '$100',
-    },
-  },
-})
diff --git a/docs/app/components/HomeBlocks/HomeBlockTarget.css.ts b/docs/app/components/HomeBlocks/HomeBlockTarget.css.ts
new file mode 100644
index 0000000000..6f05c4ec51
--- /dev/null
+++ b/docs/app/components/HomeBlocks/HomeBlockTarget.css.ts
@@ -0,0 +1,12 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const list = style({
+  margin: `8 0`,
+  paddingLeft: 26,
+})
+
+export const homeBlockCode = style({
+  marginTop: vars.space['40'],
+  position: 'relative',
+})
diff --git a/docs/app/components/HomeBlocks/HomeBlockTarget.tsx b/docs/app/components/HomeBlocks/HomeBlockTarget.tsx
index 9460eb14ad..b056caa530 100644
--- a/docs/app/components/HomeBlocks/HomeBlockTarget.tsx
+++ b/docs/app/components/HomeBlocks/HomeBlockTarget.tsx
@@ -1,13 +1,12 @@
 import { useState } from 'react'
 import { animated, useTransition } from '@react-spring/web'
 
-import { styled } from '~/styles/stitches.config'
-
-import { Pre } from '../Code/Pre'
-
 import { HomeBlockCopy } from './HomeBlockCopy'
 import { useIsomorphicLayoutEffect } from '~/hooks/useIsomorphicEffect'
-import { Section } from './HomeBlockSection'
+import { section } from './shared.css'
+import clsx from 'clsx'
+import { pre } from '../Code/Pre.css'
+import { homeBlockCode, list } from './HomeBlockTarget.css'
 
 const webHtml = /* html */ `<div data-line="1" class="highlight-line" data-highlighted="true"><span class="token keyword module">import</span> <span class="token imports"><span class="token punctuation">{</span> animated<span class="token punctuation">,</span> useSpring <span class="token punctuation">}</span></span> <span class="token keyword module">from</span> <span class="token string">'@react-spring/web'</span>
 </div><div data-line="2" class="highlight-line" data-highlighted="false">
@@ -121,7 +120,7 @@ export const HomeBlockTarget = () => {
   }, [index])
 
   return (
-    <Section>
+    <section className={section}>
       <HomeBlockCopy
         subtitle="But wait, there’s more"
         title="It’s not just for web"
@@ -131,19 +130,19 @@ export const HomeBlockTarget = () => {
         }}
       >
         <p>Choose from our five targets:</p>
-        <List>
+        <ul className={list}>
           <li>web</li>
           <li>native</li>
           <li>three</li>
           <li>konva</li>
           <li>zdog</li>
-        </List>
+        </ul>
         <p>
           Missing a target you want? Request we add it or create it yourself
           with our advanced API usage.
         </p>
       </HomeBlockCopy>
-      <HomeBlockCode>
+      <pre className={clsx(pre, homeBlockCode)}>
         <code
           className="language-jsx"
           dangerouslySetInnerHTML={{ __html: dataFixtures[0] }}
@@ -158,17 +157,7 @@ export const HomeBlockTarget = () => {
             style={{ ...style, position: 'absolute', top: 30, left: 30 }}
           />
         ))}
-      </HomeBlockCode>
-    </Section>
+      </pre>
+    </section>
   )
 }
-
-const List = styled('ul', {
-  my: 8,
-  pl: 26,
-})
-
-const HomeBlockCode = styled(Pre, {
-  mt: '$40',
-  position: 'relative',
-})
diff --git a/docs/app/components/HomeBlocks/shared.css.ts b/docs/app/components/HomeBlocks/shared.css.ts
new file mode 100644
index 0000000000..904de54589
--- /dev/null
+++ b/docs/app/components/HomeBlocks/shared.css.ts
@@ -0,0 +1,36 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+
+export const section = style({
+  padding: `0 ${vars.space['25']}`,
+
+  selectors: {
+    '& + &': {
+      marginTop: vars.space['50'],
+    },
+  },
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      padding: `0 ${vars.space['50']}`,
+      display: 'flex',
+      gap: vars.space['110'],
+      alignItems: 'center',
+
+      selectors: {
+        '& + &': {
+          marginTop: vars.space['100'],
+        },
+      },
+    },
+  },
+})
+
+globalStyle(`${section} > *`, {
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      flex: '1 0 calc(50% - 5.5rem)',
+    },
+  },
+})
diff --git a/docs/app/components/InlineLink.tsx b/docs/app/components/InlineLink.tsx
deleted file mode 100644
index fc61b026c4..0000000000
--- a/docs/app/components/InlineLink.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-export const InlineLinkStyles = {
-  position: 'relative',
-  textDecoration: 'none',
-
-  '&:after': {
-    position: 'absolute',
-    bottom: -1,
-    left: 0,
-    content: '',
-    width: '100%',
-    height: 2,
-    backgroundColor: '$red100',
-
-    '@motion': {
-      transition: 'width 200ms ease-out',
-    },
-  },
-
-  '&:hover:after': {
-    width: 0,
-    left: 'unset',
-    right: 0,
-  },
-}
diff --git a/docs/app/components/Logo.css.ts b/docs/app/components/Logo.css.ts
new file mode 100644
index 0000000000..4b0a1d1e36
--- /dev/null
+++ b/docs/app/components/Logo.css.ts
@@ -0,0 +1,27 @@
+import { recipe } from '@vanilla-extract/recipes'
+import { BREAKPOINTS } from '../styles/breakpoints.css'
+
+export const svg = recipe({
+  base: {
+    touchAction: 'none',
+  },
+
+  variants: {
+    large: {
+      false: {
+        width: '48px',
+        height: '48px',
+
+        '@media': {
+          [`screen and ${BREAKPOINTS.tabletUp}`]: {
+            height: '64px',
+            width: '64px',
+          },
+        },
+      },
+      true: {
+        width: '100%',
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Logo.tsx b/docs/app/components/Logo.tsx
index 0ccce8c000..cd4063c155 100644
--- a/docs/app/components/Logo.tsx
+++ b/docs/app/components/Logo.tsx
@@ -1,9 +1,8 @@
 import { useSpring, animated } from '@react-spring/web'
 import { useDrag } from '@use-gesture/react'
 
-import { styled } from '~/styles/stitches.config'
-
 import { useIsomorphicLayoutEffect } from '~/hooks/useIsomorphicEffect'
+import { svg } from './Logo.css'
 
 interface LogoProps {
   large?: boolean
@@ -47,13 +46,15 @@ export const Logo = ({ large = false }: LogoProps) => {
   }, [api])
 
   return (
-    <Svg
+    <animated.svg
       viewBox="0 0 139 139"
       {...bind()}
       style={{
         cursor,
       }}
-      large={large}
+      className={svg({
+        large,
+      })}
     >
       <radialGradient
         id="a"
@@ -93,27 +94,6 @@ export const Logo = ({ large = false }: LogoProps) => {
           <path d="m39.1991 76.0178c-8.5317 2.6756-14.8898 2.76-17.914.5024l2.8156-3.1833c.2662.2527.969.5301 1.541.652.6823.1472 2.0632.2406 2.9279.2012 3.136-.1377 7.3339-1.2102 12.1517-3.0802.874-.3438 1.6693-.6537 1.7613-.705l8.533-4.1659c3.5922-2.008 7.2875-4.4024 10.8547-7.0251 6.0784-4.4721 10.9468-9.1008 15.0194-14.2626.2356-.2983.4853-.626.7277-.9527l4.6829-5.9425c.441.1746.541.2281 1.0189.7977.452.5387.5081.6661.6097 1.1346.1202.5996.0421 1.3698-.2426 2.111-.9395 2.4723-5.4878 8.2438-10.181 12.8685-5.1792 5.1093-12.9563 10.8316-20.2348 14.8918-1.99 1.1091-5.2149 2.7202-6.7084 3.3518l-.0543.0455-3.7357 1.5315c-.9609.3492-2.8898 1.0162-3.573 1.2293z" />
         </g>
       </g>
-    </Svg>
+    </animated.svg>
   )
 }
-
-const Svg = styled(animated.svg, {
-  touchAction: 'none',
-
-  variants: {
-    large: {
-      false: {
-        width: '48px',
-        height: '48px',
-
-        '@tabletUp': {
-          height: '64px',
-          width: '64px',
-        },
-      },
-      true: {
-        width: '100%',
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Menu/MenuDocs.css.ts b/docs/app/components/Menu/MenuDocs.css.ts
new file mode 100644
index 0000000000..a9873b50ae
--- /dev/null
+++ b/docs/app/components/Menu/MenuDocs.css.ts
@@ -0,0 +1,151 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { XS } from '../../styles/fontStyles.css'
+
+export const docsList = style({
+  margin: 0,
+  padding: `${vars.space['15']} ${vars.space['10']}`,
+  listStyle: 'none',
+  overflowY: 'auto',
+  flexShrink: 1,
+  flexGrow: 1,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      overflowY: 'unset',
+      height: '100%',
+      padding: '0.4rem',
+      paddingLeft: vars.space['50'],
+      paddingRight: vars.space['25'],
+      marginTop: '-0.4rem',
+    },
+  },
+})
+
+globalStyle(`${docsList} ul`, {
+  margin: 0,
+  padding: 0,
+  listStyle: 'none',
+})
+
+export const scrollArea = style({
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      maxHeight: '100%',
+      overflowY: 'scroll',
+      paddingBottom: vars.space['60'],
+    },
+  },
+})
+
+export const anchorStyles = style([
+  XS,
+  {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    position: 'relative',
+    padding: '0.5rem 1.2rem',
+    borderRadius: vars.radii.r8,
+    fontWeight: vars.fontWeights.default,
+    paddingLeft: vars.space['20'],
+
+    '@media': {
+      '(hover: hover)': {
+        ':hover': {
+          backgroundColor: '#ff6d6d33',
+        },
+      },
+    },
+  },
+])
+
+export const anchorTitle = style({
+  fontWeight: vars.fontWeights.bold,
+  paddingLeft: '1.2rem',
+})
+
+export const anchorHasNoLink = style({
+  '@media': {
+    '(hover: hover)': {
+      ':hover': {
+        backgroundColor: 'transparent',
+      },
+    },
+  },
+})
+
+export const anchorActive = style({
+  backgroundColor: '#ff6d6d99',
+
+  '@media': {
+    '(hover: hover)': {
+      ':hover': {
+        backgroundColor: '#ff6d6d99',
+      },
+    },
+  },
+})
+
+export const widgetContainer = style({})
+
+globalStyle(`${widgetContainer} .DocSearch`, {
+  fontSize: vars.fontSizes.XS,
+  color: vars.colors.steel40,
+})
+
+globalStyle(
+  `${widgetContainer} .DocSearch-Container, ${widgetContainer} .DocSearch-Container *`,
+  {
+    pointerEvents: 'auto',
+  }
+)
+
+globalStyle(`${widgetContainer} .DocSearch-Button`, {
+  borderRadius: vars.radii.r8,
+  margin: 0,
+  padding: `${vars.space['5']} 11px`,
+  width: '100%',
+  marginBottom: vars.space['10'],
+  backgroundColor: 'transparent',
+  border: `1px solid ${vars.colors.steel40}`,
+  alignItems: 'center',
+  transition: 'border-color 200ms ease-out',
+})
+
+globalStyle(`${widgetContainer} .DocSearch-Button:hover`, {
+  '@media': {
+    '(hover: hover)': {
+      background: 'transparent',
+      boxShadow: 'unset',
+      borderColor: vars.colors.red100,
+    },
+  },
+})
+
+globalStyle(`${widgetContainer} .DocSearch-Button-Keys`, {
+  justifyContent: 'flex-end',
+})
+
+globalStyle(`${widgetContainer} .DocSearch-Button-Placeholder`, {
+  fontSize: vars.fontSizes.XS,
+  padding: 0,
+  display: 'unset',
+})
+
+globalStyle(`${widgetContainer} .DocSearch-Search-Icon`, {
+  display: 'none',
+})
+
+globalStyle(`${widgetContainer} .DocSearch-Button-Key`, {
+  border: 'none',
+  background: 'transparent',
+  boxShadow: 'unset',
+  width: 'unset',
+  height: 'unset',
+  padding: 0,
+  margin: 0,
+  color: vars.colors.steel60,
+  fontFamily: vars.fonts['sans-var'],
+})
diff --git a/docs/app/components/Menu/MenuDocs.tsx b/docs/app/components/Menu/MenuDocs.tsx
index 1e197baf40..0f7641a05c 100644
--- a/docs/app/components/Menu/MenuDocs.tsx
+++ b/docs/app/components/Menu/MenuDocs.tsx
@@ -1,16 +1,22 @@
-import * as React from 'react'
 import { Link, useLocation } from '@remix-run/react'
 import { Location } from 'react-router'
 
-import { getFontStyles } from '~/styles/fontStyles'
-import { css, styled } from '~/styles/stitches.config'
-
 import {
   NavigationSchema,
   NavigationSchemaItem,
 } from '../../../scripts/docs/navigation'
 import { WidgetSearch } from '../Widgets/WidgetSearch'
 import { BadgeNew } from '../BadgeNew'
+import {
+  anchorActive,
+  anchorHasNoLink,
+  anchorStyles,
+  anchorTitle,
+  docsList,
+  scrollArea,
+  widgetContainer,
+} from './MenuDocs.css'
+import clsx from 'clsx'
 
 interface MenuDocsProps {
   submenu?: NavigationSchema
@@ -29,28 +35,32 @@ export const MenuDocs = ({ submenu, onNavClick }: MenuDocsProps) => {
   const isDocs = location.pathname.includes('docs')
 
   return (
-    <DocsList>
-      <WidgetContainer shouldBeHidden={!isDocs}>
+    <ul className={docsList}>
+      <li
+        className={widgetContainer}
+        style={{ display: !isDocs ? 'none' : 'flex' }}
+      >
         <WidgetSearch />
-      </WidgetContainer>
-      <ScrollArea>
+      </li>
+      <div className={scrollArea}>
         {Array.isArray(submenu) &&
           submenu.map(item =>
             renderSubMenu({ ...item, location, onClick: handleNavClick }, 0)
           )}
-        <ExternalAnchor
-          shouldBeHidden={!isDocs}
-          href="https://github.com/pmndrs/react-spring/releases"
-          rel="noopener noreferrer"
-          target="_blank"
-          title={true}
-          active={false}
-          onClick={handleNavClick}
-        >
-          {`Changelog`}
-        </ExternalAnchor>
-      </ScrollArea>
-    </DocsList>
+        <li>
+          <a
+            className={clsx(anchorStyles, anchorTitle)}
+            style={{ display: !isDocs ? 'none' : 'flex' }}
+            href="https://github.com/pmndrs/react-spring/releases"
+            rel="noopener noreferrer"
+            target="_blank"
+            onClick={handleNavClick}
+          >
+            {`Changelog`}
+          </a>
+        </li>
+      </div>
+    </ul>
   )
 }
 
@@ -84,22 +94,31 @@ const renderSubMenu = (
   const doesNotWantPage = Boolean(noPage)
 
   return (
-    <ListItem key={id}>
+    <li key={id}>
       {!doesNotWantPage ? (
-        <Anchor
+        <Link
           to={href}
-          title={isTitle}
-          active={location.pathname === href}
+          className={clsx(
+            anchorStyles,
+            isTitle && anchorTitle,
+            location.pathname === href && anchorActive
+          )}
           onClick={handleClick}
         >
           <span>{title}</span>
           {isNew ? <BadgeNew /> : null}
-        </Anchor>
+        </Link>
       ) : (
-        <Anchor title={isTitle} as="span" hasNoLink>
+        <span
+          className={clsx(
+            anchorStyles,
+            isTitle && anchorTitle,
+            anchorHasNoLink
+          )}
+        >
           <span>{title}</span>
           {isNew ? <BadgeNew /> : null}
-        </Anchor>
+        </span>
       )}
       {hasRenderableChildren ? (
         <ul>
@@ -111,155 +130,6 @@ const renderSubMenu = (
           )}
         </ul>
       ) : null}
-    </ListItem>
+    </li>
   )
 }
-
-const DocsList = styled('ul', {
-  m: 0,
-  p: '$15 $10',
-  listStyle: 'none',
-  overflowY: 'auto',
-  flexShrink: 1,
-  flexGrow: 1,
-
-  '& ul': {
-    m: 0,
-    p: 0,
-    listStyle: 'none',
-  },
-
-  '@tabletUp': {
-    overflowY: 'unset',
-    height: '100%',
-    pl: '$50',
-    pr: '$25',
-    py: 4,
-    mt: -4,
-  },
-})
-
-const ScrollArea = styled('div', {
-  '@tabletUp': {
-    maxHeight: '100%',
-    overflowY: 'scroll',
-    pb: '$60',
-  },
-})
-
-const ListItem = styled('li')
-
-const AnchorStyles = css({
-  ...getFontStyles('$XS'),
-
-  hover: {
-    backgroundColor: '#ff6d6d33',
-  },
-
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  position: 'relative',
-  p: '0.5rem 1.2rem',
-  borderRadius: '$r8',
-
-  variants: {
-    title: {
-      true: {
-        fontWeight: '$bold',
-      },
-      false: {
-        fontWeight: '$default',
-        pl: '$20',
-      },
-    },
-    hasNoLink: {
-      true: {
-        hover: {
-          background: 'transparent',
-        },
-      },
-    },
-    active: {
-      true: {
-        backgroundColor: '#ff6d6d99',
-
-        hover: {
-          backgroundColor: '#ff6d6d99',
-        },
-      },
-    },
-    shouldBeHidden: {
-      true: {
-        display: 'none',
-      },
-    },
-  },
-})
-
-const WidgetContainer = styled('li', {
-  variants: {
-    shouldBeHidden: {
-      true: {
-        display: 'none',
-      },
-    },
-  },
-
-  '.DocSearch': {
-    fontSize: '$XS',
-    color: '$steel40',
-  },
-
-  '.DocSearch-Container, .DocSearch-Container *': {
-    pointerEvents: 'auto',
-  },
-
-  '.DocSearch-Button': {
-    borderRadius: '$r8',
-    margin: 0,
-    padding: '$5 11px',
-    width: '100%',
-    marginBottom: '$10',
-    backgroundColor: 'transparent',
-    border: '1px solid $steel40',
-    alignItems: 'center',
-    transition: 'border-color 200ms ease-out',
-
-    hover: {
-      background: 'transparent',
-      boxShadow: 'unset',
-      borderColor: '$red100',
-    },
-  },
-
-  '.DocSearch-Button-Placeholder': {
-    fontSize: '$XS',
-    padding: 0,
-    display: 'unset',
-  },
-
-  '.DocSearch-Search-Icon': {
-    display: 'none',
-  },
-
-  '.DocSearch-Button-Keys': {
-    justifyContent: 'flex-end',
-  },
-
-  '.DocSearch-Button-Key': {
-    border: 'none',
-    background: 'transparent',
-    boxShadow: 'unset',
-    width: 'unset',
-    height: 'unset',
-    padding: 0,
-    margin: 0,
-    color: '$steel60',
-    fontFamily: '$sans-var',
-  },
-})
-
-const ExternalAnchor = styled('a', AnchorStyles)
-
-const Anchor = styled(Link, AnchorStyles)
diff --git a/docs/app/components/Menu/MenuSticky.css.ts b/docs/app/components/Menu/MenuSticky.css.ts
new file mode 100644
index 0000000000..e198d54225
--- /dev/null
+++ b/docs/app/components/Menu/MenuSticky.css.ts
@@ -0,0 +1,37 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const stickyMenu = style({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '100%',
+  maxWidth: 'inherit',
+  backgroundColor: 'rgba(250, 250, 250, 0.80)',
+  backdropFilter: 'blur(5px)',
+  zIndex: vars.zIndices['1'],
+  padding: '0 2.8rem',
+  top: 0,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      padding: '0 6.2rem',
+    },
+  },
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      backgroundColor: 'rgba(27, 26, 34, 0.8)',
+    },
+  },
+})
+
+export const stickyMenuStuck = style({
+  position: 'fixed',
+})
+
+globalStyle(`${stickyMenuStuck} + article`, {
+  paddingTop: 82,
+})
diff --git a/docs/app/components/Menu/MenuSticky.tsx b/docs/app/components/Menu/MenuSticky.tsx
index e55cc33df1..5f6b69f29e 100644
--- a/docs/app/components/Menu/MenuSticky.tsx
+++ b/docs/app/components/Menu/MenuSticky.tsx
@@ -1,13 +1,13 @@
 import { animated } from '@react-spring/web'
 
-import { dark, styled } from '~/styles/stitches.config'
-
 import { useAnimatedHeader } from '~/hooks/useAnimatedHeader'
 
 import { HeaderSubnav } from '../Header/HeaderSubnav'
 
 import { SubtitleSchemaItem } from '../../../scripts/docs/navigation'
 import { getHeaderHeights } from '../Header/Header'
+import clsx from 'clsx'
+import { stickyMenu, stickyMenuStuck } from './MenuSticky.css'
 
 interface MenuStickyProps {
   tag?: keyof JSX.IntrinsicElements
@@ -22,41 +22,11 @@ export const MenuSticky = ({ className, subnav }: MenuStickyProps) => {
   })
 
   return (
-    <StickyMenu className={className} isStuck={isStuck} style={styles}>
+    <animated.header
+      className={clsx(stickyMenu, isStuck && stickyMenuStuck, className)}
+      style={styles}
+    >
       <HeaderSubnav subnav={subnav} />
-    </StickyMenu>
+    </animated.header>
   )
 }
-
-const StickyMenu = styled(animated.header, {
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  width: '100%',
-  maxWidth: 'inherit',
-  backgroundColor: 'rgba(250, 250, 250, 0.80)',
-  backdropFilter: 'blur(5px)',
-  zIndex: '$1',
-  px: 28,
-  top: 0,
-
-  '@tabletUp': {
-    px: 62,
-  },
-
-  [`.${dark} &`]: {
-    backgroundColor: 'rgba(27, 26, 34, 0.8)',
-  },
-
-  variants: {
-    isStuck: {
-      true: {
-        position: 'fixed',
-
-        '& + article': {
-          paddingTop: 82,
-        },
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Select.css.ts b/docs/app/components/Select.css.ts
new file mode 100644
index 0000000000..f7ee4886d9
--- /dev/null
+++ b/docs/app/components/Select.css.ts
@@ -0,0 +1,83 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../styles/theme-contract.css'
+import { BREAKPOINTS } from '../styles/breakpoints.css'
+import { darkThemeClass } from '../styles/dark-theme.css'
+import { recipe } from '@vanilla-extract/recipes'
+
+export const controlDiv = recipe({
+  base: {
+    background: 'transparent',
+    fontWeight: vars.fontWeights.default,
+    cursor: 'pointer',
+  },
+  variants: {
+    isFocused: {
+      true: {
+        borderBottom: `solid 2px ${vars.colors.red100}`,
+      },
+      false: {
+        borderBottom: `solid 2px ${vars.colors.black}`,
+      },
+    },
+  },
+})
+
+export const placeholderSpan = style({
+  fontSize: vars.fontSizes.XXS,
+  lineHeight: vars.lineHeights.XXS,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.XS,
+      lineHeight: vars.lineHeights.XS,
+    },
+  },
+})
+
+export const menuBackground = style({
+  backgroundColor: vars.colors.white,
+  opacity: 0.2,
+  position: 'absolute',
+  inset: 0,
+  zIndex: vars.zIndices['1'],
+})
+
+export const menu = style({
+  position: 'absolute',
+  zIndex: vars.zIndices['2'],
+  background: vars.colors.codeBackground,
+  color: vars.colors.black,
+  fontSize: vars.fontSizes.XXS,
+  lineHeight: vars.lineHeights.XXS,
+  overflow: 'hidden',
+  boxShadow:
+    'rgba(27,31,36,0.12) 0px 1px 3px, rgba(66,74,83,0.12) 0px 8px 24px',
+  width: '100%',
+  borderTopRightRadius: vars.radii.r8,
+  borderTopLeftRadius: vars.radii.r8,
+  bottom: 0,
+  left: 0,
+
+  [`${darkThemeClass} &`]: {
+    boxShadow:
+      'rgba(27,31,36,0.5) 0px 1px 3px, rgba(18 21 23 / 40%) 0px 8px 24px',
+  },
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      bottom: 'unset',
+      borderRadius: vars.radii.r8,
+      width: 200,
+      fontSize: vars.fontSizes.XS,
+      lineHeight: vars.lineHeights.XS,
+    },
+  },
+})
+
+export const option = style({
+  cursor: 'pointer',
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  padding: `${vars.space['10']} ${vars.space['40']} ${vars.space['10']} ${vars.space['20']}`,
+})
diff --git a/docs/app/components/Select.tsx b/docs/app/components/Select.tsx
index b9de88f251..2e50604e01 100644
--- a/docs/app/components/Select.tsx
+++ b/docs/app/components/Select.tsx
@@ -6,8 +6,13 @@ import ReactSelect, {
   MultiValue,
   OptionProps,
 } from 'react-select'
-
-import { dark, styled } from '~/styles/stitches.config'
+import {
+  controlDiv,
+  menu,
+  menuBackground,
+  option,
+  placeholderSpan,
+} from './Select.css'
 
 export interface SelectProps {
   options?: { value: string; label: string }[]
@@ -58,7 +63,6 @@ export const Select = ({
         container: () => ({
           display: 'inline-block',
           margin: '0 6px',
-
           '@media(min-width: 768px)': {
             position: 'relative',
           },
@@ -73,41 +77,25 @@ const SelectControl = (props: ControlProps) => {
   const { children, isFocused, innerRef, innerProps } = props
 
   return (
-    <ControlDiv
+    <div
+      className={controlDiv({
+        isFocused,
+      })}
       // @ts-ignore
       ref={innerRef}
       {...innerProps}
-      css={{
-        borderBottom: isFocused ? 'solid 2px $red100' : 'solid 2px $black',
-      }}
     >
       {children}
-    </ControlDiv>
+    </div>
   )
 }
 
-const ControlDiv = styled('div', {
-  background: 'transparent',
-  fontWeight: '$default',
-  cursor: 'pointer',
-})
-
 const SelectPlaceholder = ({
   children,
 }: Pick<PlaceholderProps, 'children'>) => (
-  <PlaceholderSpan>{children}</PlaceholderSpan>
+  <span className={placeholderSpan}>{children}</span>
 )
 
-const PlaceholderSpan = styled('span', {
-  fontSize: '$XXS',
-  lineHeight: '$XXS',
-
-  '@tabletUp': {
-    fontSize: '$XS',
-    lineHeight: '$XS',
-  },
-})
-
 const SelectValueContainer = ({
   children,
   placeholder,
@@ -116,78 +104,39 @@ const SelectValueContainer = ({
 
   if (placeholderChild.key !== 'placeholder') {
     return (
-      <ValueContainerDiv>
+      <div>
         <SelectPlaceholder>{placeholder}</SelectPlaceholder>
         {menu}
-      </ValueContainerDiv>
+      </div>
     )
   }
 
-  return <ValueContainerDiv>{children}</ValueContainerDiv>
+  return <div>{children}</div>
 }
 
-const ValueContainerDiv = styled('div', {})
-
 const SelectMenu = (props: MenuProps) => {
   const { children, innerRef, innerProps } = props
 
   return (
     <>
-      <MenuBackground />
+      <div className={menuBackground} />
       {/* @ts-ignore */}
-      <Menu ref={innerRef} {...innerProps}>
+      <div className={menu} ref={innerRef} {...innerProps}>
         {children}
-      </Menu>
+      </div>
     </>
   )
 }
 
-const MenuBackground = styled('div', {
-  backgroundColor: '$white',
-  opacity: 0.2,
-  position: 'absolute',
-  inset: 0,
-  zIndex: '$1',
-})
-
-const Menu = styled('div', {
-  position: 'absolute',
-  zIndex: '$2',
-  background: '$codeBackground',
-  color: '$black',
-  fontSize: '$XXS',
-  lineHeight: '$XXS',
-  overflow: 'hidden',
-  boxShadow:
-    'rgba(27,31,36,0.12) 0px 1px 3px, rgba(66,74,83,0.12) 0px 8px 24px',
-  width: '100%',
-  borderTopRightRadius: '$r8',
-  borderTopLeftRadius: '$r8',
-
-  bottom: 0,
-  left: 0,
-
-  [`.${dark} &`]: {
-    boxShadow:
-      'rgba(27,31,36,0.5) 0px 1px 3px, rgba(18 21 23 / 40%) 0px 8px 24px',
-  },
-
-  '@tabletUp': {
-    bottom: 'unset',
-    borderRadius: '$r8',
-    width: 200,
-    fontSize: '$XS',
-    lineHeight: '$XS',
-  },
-})
-
 const SelectOption = (props: OptionProps) => {
   const { children, isFocused, isSelected, innerRef, innerProps } = props
 
   return (
-    <Option
+    <div
+      className={option}
       // @ts-ignore
       ref={innerRef}
+      // @ts-expect-error - innerProps is not typed
       isFocused={isFocused}
       style={{ backgroundColor: isFocused ? '#ff6d6d99' : 'transparent' }}
       {...innerProps}
@@ -209,14 +158,6 @@ const SelectOption = (props: OptionProps) => {
           ></path>
         </svg>
       ) : null}
-    </Option>
+    </div>
   )
 }
-
-const Option = styled('div', {
-  cursor: 'pointer',
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  padding: '$10 $40 $10 $20',
-})
diff --git a/docs/app/components/Site/SiteClientHints.tsx b/docs/app/components/Site/SiteClientHints.tsx
new file mode 100644
index 0000000000..447172a513
--- /dev/null
+++ b/docs/app/components/Site/SiteClientHints.tsx
@@ -0,0 +1,38 @@
+/**
+ * This file contains utilities for using client hints for user preference which
+ * are needed by the server, but are only known by the browser.
+ */
+import { useRevalidator } from '@remix-run/react'
+import * as React from 'react'
+import {
+  getHintUtils,
+  subscribeToSchemeChange,
+  themeClientHint,
+} from '../../helpers/client-hints'
+
+const hintsUtils = getHintUtils({
+  theme: themeClientHint,
+})
+
+export const { getHints } = hintsUtils
+
+/**
+ * @returns inline script element that checks for client hints and sets cookies
+ * if they are not set then reloads the page if any cookie was set to an
+ * inaccurate value.
+ */
+export function ClientHintCheck() {
+  const { revalidate } = useRevalidator()
+  React.useEffect(
+    () => subscribeToSchemeChange(() => revalidate()),
+    [revalidate]
+  )
+
+  return (
+    <script
+      dangerouslySetInnerHTML={{
+        __html: hintsUtils.getClientHintCheckScript(),
+      }}
+    />
+  )
+}
diff --git a/docs/app/components/Site/SiteFooter.css.ts b/docs/app/components/Site/SiteFooter.css.ts
new file mode 100644
index 0000000000..8f203e9d01
--- /dev/null
+++ b/docs/app/components/Site/SiteFooter.css.ts
@@ -0,0 +1,37 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+
+export const footer = style({
+  padding: `${vars.space['25']} ${vars.space['20']}`,
+  marginTop: vars.space['50'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['100'],
+      paddingLeft: `${vars.space['50']}`,
+      paddingRight: `${vars.space['50']}`,
+      display: 'flex',
+      flexDirection: 'column-reverse',
+      alignItems: 'flex-end',
+      justifyContent: 'flex-end',
+    },
+  },
+})
+
+export const copy = style({
+  color: vars.colors.steel40,
+  fontSize: '1.2rem',
+  lineHeight: '180%',
+  fontWeight: vars.fontWeights.default,
+})
+
+export const anchor = style({
+  '@media': {
+    '(hover: hover)': {
+      ':hover': {
+        textDecoration: 'underline',
+      },
+    },
+  },
+})
diff --git a/docs/app/components/Site/SiteFooter.tsx b/docs/app/components/Site/SiteFooter.tsx
index 7918dcff21..2695ed11ff 100644
--- a/docs/app/components/Site/SiteFooter.tsx
+++ b/docs/app/components/Site/SiteFooter.tsx
@@ -1,11 +1,12 @@
-import { styled } from '~/styles/stitches.config'
+import { anchor, footer, copy } from './SiteFooter.css'
 
 export const SiteFooter = () => {
   return (
-    <Footer>
-      <FooterCopy>
+    <footer className={footer}>
+      <p className={copy}>
         Designed & built by{' '}
         <a
+          className={anchor}
           href="https://twitter.com/_josh_ellis_"
           rel="noopener noreferrer"
           target="_blank"
@@ -15,6 +16,7 @@ export const SiteFooter = () => {
         {'. '}
         Powered by –{' '}
         <a
+          className={anchor}
           href="https://www.vercel.com/"
           rel="noopener noreferrer"
           target="_blank"
@@ -22,11 +24,17 @@ export const SiteFooter = () => {
           Vercel
         </a>
         ,{' '}
-        <a href="https://remix.run/" rel="noopener noreferrer" target="_blank">
+        <a
+          className={anchor}
+          href="https://remix.run/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
           Remix
         </a>
         ,{' '}
         <a
+          className={anchor}
           href="https://www.algolia.com/"
           rel="noopener noreferrer"
           target="_blank"
@@ -35,6 +43,7 @@ export const SiteFooter = () => {
         </a>
         ,{' '}
         <a
+          className={anchor}
           href="https://plausible.io"
           rel="noopener noreferrer"
           target="_blank"
@@ -43,43 +52,16 @@ export const SiteFooter = () => {
         </a>
         ,{' '}
         <a
-          href="https://stitches.dev/"
+          className={anchor}
+          href="https://vanilla-extract.style/"
           rel="noopener noreferrer"
           target="_blank"
         >
-          Stitches
+          Vanilla Extract
         </a>{' '}
         & more...
-      </FooterCopy>
-      <FooterCopy>{`© ${new Date().getFullYear()} react-spring`}</FooterCopy>
-    </Footer>
+      </p>
+      <p className={copy}>{`© ${new Date().getFullYear()} react-spring`}</p>
+    </footer>
   )
 }
-
-const Footer = styled('footer', {
-  px: '$25',
-  py: '$20',
-  mt: '$50',
-
-  '@tabletUp': {
-    mt: '$100',
-    px: '$50',
-    display: 'flex',
-    flexDirection: 'column-reverse',
-    alignItems: 'flex-end',
-    justifyContent: 'flex-end',
-  },
-})
-
-const FooterCopy = styled('p', {
-  color: '$steel40',
-  fontSize: '1.2rem',
-  lineHeight: '180%',
-  fontWeight: '$default',
-
-  '& > a': {
-    hover: {
-      textDecoration: 'underline',
-    },
-  },
-})
diff --git a/docs/app/components/Site/SiteThemePicker.css.ts b/docs/app/components/Site/SiteThemePicker.css.ts
new file mode 100644
index 0000000000..c8a1d92367
--- /dev/null
+++ b/docs/app/components/Site/SiteThemePicker.css.ts
@@ -0,0 +1,36 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const themeGroup = style({
+  height: '4.6rem',
+  width: '9.2rem',
+  position: 'relative',
+  backgroundColor: vars.colors.codeBackground,
+  borderRadius: vars.radii.r8,
+  zIndex: 0,
+})
+
+export const themePicker = style({
+  background: 'transparent',
+  border: 'none',
+  width: '50%',
+  height: '100%',
+  display: 'inline-flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  borderRadius: vars.radii.r8,
+  padding: '0.2rem',
+  cursor: 'pointer',
+  position: 'relative',
+  zIndex: 1,
+})
+
+export const themeActiveBlob = style({
+  height: 42,
+  backgroundColor: vars.colors.white,
+  position: 'absolute',
+  zIndex: 0,
+  top: 2,
+  borderRadius: vars.radii.r8,
+  transition: 'left 400ms ease-out, right 400ms ease-out',
+})
diff --git a/docs/app/components/Site/SiteThemePicker.tsx b/docs/app/components/Site/SiteThemePicker.tsx
index e8d80b34bb..801d3e126e 100644
--- a/docs/app/components/Site/SiteThemePicker.tsx
+++ b/docs/app/components/Site/SiteThemePicker.tsx
@@ -1,64 +1,67 @@
-import { atom, useAtom } from 'jotai'
 import * as Toolbar from '@radix-ui/react-toolbar'
 import { MoonStars, Sun } from 'phosphor-react'
 import { animated, useSpring } from '@react-spring/web'
 
-import { styled } from '~/styles/stitches.config'
-
 import { AccessibleIcon } from '../AccessibleIcon'
-import { useIsomorphicLayoutEffect } from '~/hooks/useIsomorphicEffect'
+import { themeActiveBlob, themeGroup, themePicker } from './SiteThemePicker.css'
+import { useOptimisticThemeMode, useTheme } from '../../hooks/useTheme'
+import { useFetcher } from '@remix-run/react'
+import { action } from '../../root'
 
 export enum ThemeValue {
   Dark = 'dark',
   Light = 'light',
 }
 
-export const themeAtom = atom(ThemeValue.Light)
-
 export const SiteThemePicker = () => {
-  const [theme, setTheme] = useAtom(themeAtom)
+  const fetcher = useFetcher<typeof action>()
+
+  const optimisticMode = useOptimisticThemeMode()
+  const userPreference = useTheme()
+  const mode = optimisticMode ?? userPreference ?? 'light'
 
   const [styles, api] = useSpring(
     () => ({
-      width: 0,
-      left: theme === 'light' ? '2px' : 'unset',
-      right: theme === 'light' ? 'unset' : '2px',
+      width: 42,
+      left: mode === 'light' ? '2px' : 'unset',
+      right: mode === 'light' ? 'unset' : '2px',
       config: {
         tension: 300,
         clamp: true,
       },
     }),
-    []
+    [mode]
   )
 
-  useIsomorphicLayoutEffect(() => {
-    const isDefaultDark = document.documentElement.classList.contains('dark')
-
-    api.start({
-      width: 42,
-      left: !isDefaultDark ? '2px' : 'unset',
-      right: !isDefaultDark ? 'unset' : '2px',
-      immediate: true,
-    })
-
-    setTheme(isDefaultDark ? ThemeValue.Dark : ThemeValue.Light)
-  }, [])
-
-  useIsomorphicLayoutEffect(() => {
-    const dClass = document.documentElement.classList
-
-    dClass.remove('dark', 'light')
-
-    dClass.add(theme)
-
-    window.localStorage.setItem('theme', theme)
-  }, [theme])
-
-  const isDarkMode = theme === ThemeValue.Dark
+  const isDarkMode = mode === ThemeValue.Dark
 
   const handleValueChange = async (value: ThemeValue) => {
-    if (value && value !== theme) {
-      setTheme(value)
+    if (value && value !== mode) {
+      const css = document.createElement('style')
+      css.type = 'text/css'
+      css.appendChild(
+        document.createTextNode(
+          `* {
+       -webkit-transition: none !important;
+       -moz-transition: none !important;
+       -o-transition: none !important;
+       -ms-transition: none !important;
+       transition: none !important;
+    }`
+        )
+      )
+      document.head.appendChild(css)
+
+      fetcher.submit(
+        {
+          theme: value,
+        },
+        {
+          method: 'POST',
+          encType: 'application/json',
+          action: '/',
+        }
+      )
 
       api.start({
         to: async animate => {
@@ -68,13 +71,16 @@ export const SiteThemePicker = () => {
             right: value === 'light' ? 'unset' : '2px',
           })
           await animate({ width: 42 })
+
+          const _ = window.getComputedStyle(css).opacity
+          document.head.removeChild(css)
         },
       })
     }
   }
 
   const handlePointerEnter = (value: ThemeValue) => () => {
-    if (theme !== value) {
+    if (mode !== value) {
       api.start({
         width: 52,
       })
@@ -82,7 +88,7 @@ export const SiteThemePicker = () => {
   }
 
   const handlePointerOut = (value: ThemeValue) => () => {
-    if (theme !== value) {
+    if (mode !== value) {
       api.start({
         width: 42,
       })
@@ -90,64 +96,41 @@ export const SiteThemePicker = () => {
   }
 
   return (
-    <ThemeGroup onValueChange={handleValueChange} value={theme} type="single">
-      <ThemePicker
+    <Toolbar.ToggleGroup
+      className={themeGroup}
+      onValueChange={handleValueChange}
+      value={mode}
+      type="single"
+    >
+      <Toolbar.ToggleItem
+        className={themePicker}
         onPointerEnter={handlePointerEnter(ThemeValue.Light)}
         onPointerOut={handlePointerOut(ThemeValue.Light)}
         value="light"
       >
         <AccessibleIcon label="Enable light mode">
-          <Sun size={20} weight={isDarkMode ? 'light' : 'regular'} />
+          <Sun
+            size={20}
+            weight={isDarkMode ? 'light' : 'regular'}
+            style={{ pointerEvents: 'none' }}
+          />
         </AccessibleIcon>
-      </ThemePicker>
-      <ThemePicker
+      </Toolbar.ToggleItem>
+      <Toolbar.ToggleItem
+        className={themePicker}
         onPointerEnter={handlePointerEnter(ThemeValue.Dark)}
         onPointerOut={handlePointerOut(ThemeValue.Dark)}
         value="dark"
       >
         <AccessibleIcon label="Enable dark mode">
-          <MoonStars size={20} weight={isDarkMode ? 'light' : 'regular'} />
+          <MoonStars
+            size={20}
+            weight={isDarkMode ? 'light' : 'regular'}
+            style={{ pointerEvents: 'none' }}
+          />
         </AccessibleIcon>
-      </ThemePicker>
-      <ThemeActiveBlob style={styles} />
-    </ThemeGroup>
+      </Toolbar.ToggleItem>
+      <animated.div className={themeActiveBlob} style={styles} />
+    </Toolbar.ToggleGroup>
   )
 }
-
-const ThemeGroup = styled(Toolbar.ToggleGroup, {
-  height: '4.6rem',
-  width: '9.2rem',
-  position: 'relative',
-  backgroundColor: '$codeBackground',
-  borderRadius: '$r8',
-  zIndex: 0,
-})
-
-const ThemePicker = styled(Toolbar.ToggleItem, {
-  background: 'transparent',
-  border: 'none',
-  width: '50%',
-  height: '100%',
-  display: 'inline-flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  borderRadius: '$r8',
-  p: 2,
-  cursor: 'pointer',
-  position: 'relative',
-  zIndex: 1,
-
-  svg: {
-    pointerEvents: 'none',
-  },
-})
-
-const ThemeActiveBlob = styled(animated.div, {
-  height: 42,
-  backgroundColor: '$white',
-  position: 'absolute',
-  zIndex: 0,
-  top: 2,
-  borderRadius: '$r8',
-  transition: 'left 400ms ease-out, right 400ms ease-out',
-})
diff --git a/docs/app/components/Tables/TableCell.css.ts b/docs/app/components/Tables/TableCell.css.ts
new file mode 100644
index 0000000000..a82db217f1
--- /dev/null
+++ b/docs/app/components/Tables/TableCell.css.ts
@@ -0,0 +1,129 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { recipe } from '@vanilla-extract/recipes'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+
+export const tableCell = style({
+  fontFamily: vars.fonts.mono,
+  fontSize: vars.fontSizes.XS,
+  lineHeight: vars.lineHeights.XS,
+  padding: `${vars.space['15']} 0`,
+  paddingRight: vars.space['10'],
+})
+
+export const tableCellIsPropName = style({})
+
+globalStyle(`${tableCell} code`, {
+  borderRadius: vars.radii.r4,
+  padding: '2px 5px',
+  backgroundColor: vars.colors.steel20,
+  color: vars.colors.steel80,
+
+  [`${darkThemeClass} &`]: {
+    color: vars.colors.steel40,
+  },
+})
+
+globalStyle(`${tableCellIsPropName} > code`, {
+  backgroundColor: '#ff6d6d33',
+  color: vars.colors.red100,
+})
+
+export const tableCellIsThirdItem = style({
+  display: 'none',
+
+  [`screen and ${BREAKPOINTS.tabletUp}`]: {
+    display: 'table-cell',
+  },
+})
+
+export const popoverTrigger = style({
+  background: 'transparent',
+  border: 'none',
+  padding: 0,
+  margin: 0,
+  marginLeft: vars.space['5'],
+  cursor: 'pointer',
+  width: 24,
+  height: 24,
+  borderRadius: vars.radii.r4,
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  position: 'relative',
+  top: 3,
+
+  '@media': {
+    '(hover: hover)': {
+      ':hover': {
+        background: '#ff6d6d66',
+      },
+    },
+  },
+})
+
+export const popoverArrow = style({
+  fill: vars.colors.codeBackground,
+})
+
+export const popoverBaseContent = style({})
+
+export const popoverContent = recipe({
+  base: {
+    fontFamily: vars.fonts['sans-var'],
+    fontSize: vars.fontSizes.XXS,
+    lineHeight: vars.lineHeights.XXS,
+    padding: `${vars.space['10']} ${vars.space['15']}`,
+    background: vars.colors.codeBackground,
+    borderRadius: vars.radii.r8,
+
+    scrollbarWidth: 'none',
+    '::-webkit-scrollbar': {
+      display: 'none',
+    },
+  },
+
+  variants: {
+    isProp: {
+      true: {
+        maxWidth: 265,
+      },
+      false: {
+        maxWidth: 400,
+        overflow: 'scroll',
+      },
+    },
+  },
+})
+
+globalStyle(`${popoverBaseContent} code`, {
+  borderRadius: vars.radii.r4,
+  padding: '0.2rem 0.5rem',
+  whiteSpace: 'nowrap',
+})
+
+globalStyle(`${popoverBaseContent} a`, {
+  position: 'relative',
+  textDecoration: 'none',
+})
+
+globalStyle(`${popoverBaseContent} a::after`, {
+  position: 'absolute',
+  bottom: -1,
+  left: 0,
+  content: '',
+  width: '100%',
+  height: 2,
+  backgroundColor: vars.colors.red100,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'width 200ms ease-out',
+    },
+  },
+})
+
+globalStyle(`${popoverBaseContent} a:hover::after`, {
+  width: '0%',
+})
diff --git a/docs/app/components/Tables/TableCell.tsx b/docs/app/components/Tables/TableCell.tsx
index b48abf172d..1f65d188fb 100644
--- a/docs/app/components/Tables/TableCell.tsx
+++ b/docs/app/components/Tables/TableCell.tsx
@@ -1,13 +1,19 @@
 import * as Popover from '@radix-ui/react-popover'
 import { Info } from 'phosphor-react'
 
-import { dark, styled } from '~/styles/stitches.config'
-
 import { useIsDarkTheme } from '~/hooks/useIsDarkTheme'
 
-import { InlineLinkStyles } from '~/components/InlineLink'
-
 import type { CellData } from './TablesConfig'
+import {
+  popoverArrow,
+  popoverBaseContent,
+  popoverContent,
+  popoverTrigger,
+  tableCell,
+  tableCellIsPropName,
+  tableCellIsThirdItem,
+} from './TableCell.css'
+import clsx from 'clsx'
 
 export const renderCell =
   (template: 'config' | 'generic' = 'config') =>
@@ -16,151 +22,61 @@ export const renderCell =
 
     if (datum === null) {
       return (
-        <TableCell
+        <td
+          className={clsx(
+            tableCell,
+            template === 'config' && index === 2 && tableCellIsThirdItem
+          )}
           key={`${datum}_${index}`}
-          isThirdItem={template === 'config' ? index === 2 : false}
         >
           {'–'}
-        </TableCell>
+        </td>
       )
     }
 
     if (typeof datum === 'object') {
       return (
         <Popover.Root>
-          <TableCell
-            isPropName={template === 'config' ? index === 0 : false}
-            isThirdItem={template === 'config' ? index === 2 : false}
+          <td
+            className={clsx(
+              tableCell,
+              template === 'config' && index === 0 && tableCellIsPropName,
+              template === 'config' && index === 2 && tableCellIsThirdItem
+            )}
           >
             <code>{datum.label}</code>
-            <PopoverTrigger>
+            <Popover.Trigger className={popoverTrigger}>
               <Info size={16} weight={isDarkMode ? 'light' : 'regular'} />
-            </PopoverTrigger>
-            <PopoverContent
+            </Popover.Trigger>
+            <Popover.Content
+              className={clsx(
+                popoverBaseContent,
+                popoverContent({
+                  isProp: index === 0,
+                })
+              )}
               onOpenAutoFocus={e => e.preventDefault()}
               side="top"
               sideOffset={10}
-              isProp={index === 0}
             >
               {datum.content}
-              <PopoverArrow />
-            </PopoverContent>
-          </TableCell>
+              <Popover.Arrow className={popoverArrow} />
+            </Popover.Content>
+          </td>
         </Popover.Root>
       )
     }
 
     return (
-      <TableCell
+      <td
         key={datum}
-        isPropName={template === 'config' ? index === 0 : false}
-        isThirdItem={template === 'config' ? index === 2 : false}
+        className={clsx(
+          tableCell,
+          template === 'config' && index === 0 && tableCellIsPropName,
+          template === 'config' && index === 2 && tableCellIsThirdItem
+        )}
       >
         <code>{datum}</code>
-      </TableCell>
+      </td>
     )
   }
-
-const TableCell = styled('td', {
-  fontFamily: '$mono',
-  fontSize: '$XS',
-  lineHeight: '$XS',
-  py: '$15',
-  pr: '$10',
-
-  '& > code': {
-    borderRadius: '$r4',
-    py: 2,
-    px: 5,
-  },
-
-  variants: {
-    isPropName: {
-      true: {
-        '& > code': {
-          backgroundColor: '#ff6d6d33',
-          color: '$red100',
-        },
-      },
-      false: {
-        '& > code': {
-          backgroundColor: '$steel20',
-          color: '$steel80',
-
-          [`.${dark} &`]: {
-            color: '$steel40',
-          },
-        },
-      },
-    },
-    isThirdItem: {
-      true: {
-        display: 'none',
-
-        '@tabletUp': {
-          display: 'table-cell',
-        },
-      },
-    },
-  },
-})
-
-const PopoverTrigger = styled(Popover.Trigger, {
-  background: 'transparent',
-  border: 'none',
-  p: 0,
-  m: 0,
-  ml: '$5',
-  cursor: 'pointer',
-  width: 24,
-  height: 24,
-  borderRadius: '$r4',
-  display: 'inline-flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  position: 'relative',
-  top: 3,
-
-  hover: {
-    background: '#ff6d6d66',
-  },
-})
-
-const PopoverArrow = styled(Popover.Arrow, {
-  fill: '$codeBackground',
-})
-
-const PopoverContent = styled(Popover.Content, {
-  fontFamily: '$sans-var',
-  fontSize: '$XXS',
-  lineHeight: '$XXS',
-  p: '$10 $15',
-  background: '$codeBackground',
-  borderRadius: '$r8',
-
-  '& > code': {
-    borderRadius: '$r4',
-    py: 2,
-    px: 5,
-    whiteSpace: 'nowrap',
-  },
-
-  '& a': { ...InlineLinkStyles },
-
-  '&::-webkit-scrollbar': {
-    display: 'none',
-  },
-  scrollbarWidth: 'none',
-
-  variants: {
-    isProp: {
-      true: {
-        maxWidth: 265,
-      },
-      false: {
-        maxWidth: 400,
-        overflow: 'scroll',
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Tables/TablesConfig.css.ts b/docs/app/components/Tables/TablesConfig.css.ts
new file mode 100644
index 0000000000..e32c6d8c81
--- /dev/null
+++ b/docs/app/components/Tables/TablesConfig.css.ts
@@ -0,0 +1,51 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { BREAKPOINTS } from '../../styles/breakpoints.css'
+
+export const table = style({
+  width: '100%',
+  textAlign: 'left',
+  borderCollapse: 'collapse',
+})
+
+globalStyle(`${table} td, ${table} th`, {
+  borderBottom: `2px solid ${vars.colors.codeBackground}`,
+})
+
+export const tableHeadCell = style({
+  fontFamily: vars.fonts['sans-var'],
+  fontSize: vars.fontSizes.XXS,
+  lineHeight: vars.lineHeights.XXS,
+  padding: `${vars.space['15']} 0`,
+})
+
+export const firstTableCell = style({
+  width: '40%',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      width: '30%',
+    },
+  },
+})
+
+export const secondTableCell = style({
+  width: '60%',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      width: '50%',
+    },
+  },
+})
+
+export const thirdTableCell = style({
+  display: 'none',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'table-cell',
+      width: '20%',
+    },
+  },
+})
diff --git a/docs/app/components/Tables/TablesConfig.tsx b/docs/app/components/Tables/TablesConfig.tsx
index c75b6f0a5b..a729d57e2c 100644
--- a/docs/app/components/Tables/TablesConfig.tsx
+++ b/docs/app/components/Tables/TablesConfig.tsx
@@ -2,9 +2,15 @@ import { ReactNode } from 'react'
 
 import { DEFAULT_CONFIG_DATA } from '~/data/fixtures'
 
-import { styled } from '~/styles/stitches.config'
-
 import { renderCell } from './TableCell'
+import {
+  firstTableCell,
+  secondTableCell,
+  table,
+  tableHeadCell,
+  thirdTableCell,
+} from './TablesConfig.css'
+import clsx from 'clsx'
 
 export type CellData = string | null | { label: string; content: ReactNode }
 
@@ -15,18 +21,12 @@ interface TablesConfigurationProps {
 export const TablesConfiguration = ({
   data = DEFAULT_CONFIG_DATA,
 }: TablesConfigurationProps) => (
-  <Table>
+  <table className={table}>
     <thead>
       <tr>
-        <TableHeadCell css={{ width: '40%', '@tabletUp': { width: '30%' } }}>
-          Prop
-        </TableHeadCell>
-        <TableHeadCell css={{ width: '60%', '@tabletUp': { width: '50%' } }}>
-          Type
-        </TableHeadCell>
-        <TableHeadCell css={{ '@tabletUp': { width: '20%' } }} isThirdItem>
-          Default
-        </TableHeadCell>
+        <th className={clsx(tableHeadCell, firstTableCell)}>Prop</th>
+        <th className={clsx(tableHeadCell, secondTableCell)}>Type</th>
+        <th className={clsx(tableHeadCell, thirdTableCell)}>Default</th>
       </tr>
     </thead>
     <tbody>
@@ -34,7 +34,7 @@ export const TablesConfiguration = ({
         <tr key={index}>{row.map(renderCell())}</tr>
       ))}
     </tbody>
-  </Table>
+  </table>
 )
 
 interface TableGenericProps extends TablesConfigurationProps {
@@ -45,11 +45,15 @@ export const TableGeneric = ({
   data = [],
   headData = [],
 }: TableGenericProps) => (
-  <Table>
+  <table className={table}>
     <thead>
       <tr>
         {headData.map(head =>
-          head ? <TableHeadCell key={head}>{head}</TableHeadCell> : null
+          head ? (
+            <th className={tableHeadCell} key={head}>
+              {head}
+            </th>
+          ) : null
         )}
       </tr>
     </thead>
@@ -58,39 +62,5 @@ export const TableGeneric = ({
         <tr key={index}>{row.map(renderCell('generic'))}</tr>
       ))}
     </tbody>
-  </Table>
+  </table>
 )
-
-export const TableScrollWrapper = styled('div', {
-  width: '100%',
-  overflow: 'scroll',
-})
-
-const Table = styled('table', {
-  width: '100%',
-  textAlign: 'left',
-  borderCollapse: 'collapse',
-
-  '& td, & th': {
-    borderBottom: '2px solid $codeBackground',
-  },
-})
-
-const TableHeadCell = styled('th', {
-  fontFamily: '$sans-var',
-  fontSize: '$XXS',
-  lineHeight: '$XXS',
-  py: '$15',
-
-  variants: {
-    isThirdItem: {
-      true: {
-        display: 'none',
-
-        '@tabletUp': {
-          display: 'table-cell',
-        },
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Text/Anchor.css.ts b/docs/app/components/Text/Anchor.css.ts
new file mode 100644
index 0000000000..135e7fc552
--- /dev/null
+++ b/docs/app/components/Text/Anchor.css.ts
@@ -0,0 +1,13 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+/**
+ * TODO: add anchor hover & active states
+ * and maybe a nice animation to go with it
+ */
+export const anchor = style({
+  fontSize: 'inherit',
+  lineHeight: 'inherit',
+  fontWeight: vars.fontWeights.bold,
+  textDecoration: 'underline',
+})
diff --git a/docs/app/components/Text/Anchor.tsx b/docs/app/components/Text/Anchor.tsx
index 96d4ac61a3..5411c8f8bc 100644
--- a/docs/app/components/Text/Anchor.tsx
+++ b/docs/app/components/Text/Anchor.tsx
@@ -2,7 +2,8 @@ import { ReactNode } from 'react'
 import { Link } from '@remix-run/react'
 
 import { isValidHttpUrl } from '~/helpers/strings'
-import { styled } from '~/styles/stitches.config'
+import clsx from 'clsx'
+import { anchor } from './Anchor.css'
 
 export interface AnchorProps {
   href: string
@@ -22,33 +23,21 @@ export const Anchor = ({ href, children, className, onClick }: AnchorProps) => {
 
   if (isExternal) {
     return (
-      <AnchorElement
-        className={className}
-        as="a"
+      <a
+        className={clsx(anchor, className)}
         href={href}
         rel="noopener noreferrer"
         target="_blank"
         onClick={handleClick}
       >
         {children}
-      </AnchorElement>
+      </a>
     )
   } else {
     return (
-      <AnchorElement onClick={handleClick} to={href}>
+      <Link className={clsx(anchor, className)} onClick={handleClick} to={href}>
         {children}
-      </AnchorElement>
+      </Link>
     )
   }
 }
-
-/**
- * TODO: add anchor hover & active states
- * and maybe a nice animation to go with it
- */
-const AnchorElement = styled(Link, {
-  fontSize: 'inherit',
-  lineHeight: 'inherit',
-  fontWeight: '$bold',
-  textDecoration: 'underline',
-})
diff --git a/docs/app/components/Text/Copy.css.ts b/docs/app/components/Text/Copy.css.ts
new file mode 100644
index 0000000000..97ca801d8c
--- /dev/null
+++ b/docs/app/components/Text/Copy.css.ts
@@ -0,0 +1,7 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const copy = style({
+  margin: 0,
+  fontWeight: vars.fontWeights.default,
+})
diff --git a/docs/app/components/Text/Copy.tsx b/docs/app/components/Text/Copy.tsx
index ea3727ec45..44c697fe9f 100644
--- a/docs/app/components/Text/Copy.tsx
+++ b/docs/app/components/Text/Copy.tsx
@@ -1,35 +1,33 @@
+import clsx from 'clsx'
 import { forwardRef, ReactNode } from 'react'
-import { getFontStyles } from '~/styles/fontStyles'
 
-import { styled, ScaleValue, CSS } from '~/styles/stitches.config'
+import { copy } from './Copy.css'
+import * as FontSizes from '../../styles/fontStyles.css'
 
 export interface CopyProps {
-  fontStyle?: ScaleValue<'fontSizes'>
+  fontStyle?: keyof FontSizes.FontSizes
   className?: string
   children?: ReactNode
-  css?: CSS
   tag?: keyof Pick<JSX.IntrinsicElements, 'p' | 'blockquote' | 'div' | 'label'>
 }
 
-export const Copy = forwardRef<HTMLHeadingElement, CopyProps>(
-  ({ fontStyle = '$XS', className, children, css, tag = 'p' }, ref) => {
-    return (
-      <Text
-        className={className}
-        as={tag}
-        ref={ref}
-        css={{
-          ...getFontStyles(fontStyle),
-          ...css,
-        }}
-      >
-        {children}
-      </Text>
-    )
-  }
-)
+export const Copy = forwardRef<
+  | HTMLHeadingElement
+  | HTMLQuoteElement
+  | HTMLDivElement
+  | HTMLLabelElement
+  | HTMLParagraphElement,
+  CopyProps
+>(({ fontStyle = 'XS', className, children, tag = 'p' }, ref) => {
+  const Element = tag
 
-const Text = styled('p', {
-  margin: 0,
-  fontWeight: '$default',
+  return (
+    <Element
+      className={clsx(FontSizes[fontStyle], copy, className)}
+      // @ts-expect-error – TODO: fix this
+      ref={ref}
+    >
+      {children}
+    </Element>
+  )
 })
diff --git a/docs/app/components/Text/GradientHeader.css.ts b/docs/app/components/Text/GradientHeader.css.ts
new file mode 100644
index 0000000000..cc4419da3b
--- /dev/null
+++ b/docs/app/components/Text/GradientHeader.css.ts
@@ -0,0 +1,24 @@
+import { style } from '@vanilla-extract/css'
+import { darkThemeClass } from '../../styles/dark-theme.css'
+import { vars } from '../../styles/theme-contract.css'
+
+export const gradientHeader = style({
+  display: 'inline',
+  background: vars.colors.blueGreenGradient100,
+  WebkitBackgroundClip: 'text',
+  WebkitTextFillColor: 'transparent',
+  backgroundClip: 'text',
+  textFillColor: 'transparent',
+  marginBottom: '0.4rem',
+
+  selectors: {
+    [`${darkThemeClass} &`]: {
+      background: vars.colors.redYellowGradient100,
+      WebkitBackgroundClip: 'text',
+      WebkitTextFillColor: 'transparent',
+      backgroundClip: 'text',
+      // @ts-expect-error - this is a thing.
+      textFillColor: 'transparent',
+    },
+  },
+})
diff --git a/docs/app/components/Text/GradientHeader.tsx b/docs/app/components/Text/GradientHeader.tsx
index 7b78688662..f635092f53 100644
--- a/docs/app/components/Text/GradientHeader.tsx
+++ b/docs/app/components/Text/GradientHeader.tsx
@@ -1,21 +1,10 @@
-import { Heading } from './Heading'
+import clsx from 'clsx'
+import { Heading, HeadingProps } from './Heading'
 
-import { dark, styled } from '~/styles/stitches.config'
+import { gradientHeader } from './GradientHeader.css'
 
-export const GradiantHeader = styled(Heading, {
-  display: 'inline',
-  background: '$blueGreenGradient100',
-  '-webkit-background-clip': 'text',
-  '-webkit-text-fill-color': 'transparent',
-  backgroundClip: 'text',
-  textFillColor: 'transparent',
-  mb: 4,
+const GradientHeader = ({ className, ...restProps }: HeadingProps) => {
+  return <Heading className={clsx(gradientHeader, className)} {...restProps} />
+}
 
-  [`.${dark} &`]: {
-    background: '$redYellowGradient100',
-    '-webkit-background-clip': 'text',
-    '-webkit-text-fill-color': 'transparent',
-    backgroundClip: 'text',
-    textFillColor: 'transparent',
-  },
-})
+export { GradientHeader }
diff --git a/docs/app/components/Text/Heading.css.ts b/docs/app/components/Text/Heading.css.ts
new file mode 100644
index 0000000000..bf0c481353
--- /dev/null
+++ b/docs/app/components/Text/Heading.css.ts
@@ -0,0 +1,30 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+
+export const linkIcon = style({
+  position: 'absolute',
+  left: -24,
+  bottom: 2,
+  transform: 'translateY(-50%)',
+  opacity: 0,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'opacity 200ms ease-out',
+    },
+  },
+})
+
+export const heading = style({
+  whiteSpace: 'pre-line',
+  position: 'relative',
+})
+
+globalStyle(`${heading} > a`, {
+  pointerEvents: 'auto',
+  textDecoration: 'none',
+  fontWeight: 'inherit',
+})
+
+globalStyle(`${heading}:hover > a + ${linkIcon}`, {
+  opacity: 1,
+})
diff --git a/docs/app/components/Text/Heading.tsx b/docs/app/components/Text/Heading.tsx
index a7faeb50f4..1527dc7fae 100644
--- a/docs/app/components/Text/Heading.tsx
+++ b/docs/app/components/Text/Heading.tsx
@@ -1,21 +1,21 @@
 import { CSSProperties, forwardRef, ReactNode } from 'react'
-import { getFontStyles } from '~/styles/fontStyles'
 
 import { Link } from 'phosphor-react'
 
-import { styled, ScaleValue, CSS } from '~/styles/stitches.config'
+import { heading, linkIcon } from './Heading.css'
+import clsx from 'clsx'
+import * as FontSizes from '../../styles/fontStyles.css'
 
 export interface HeadingProps {
   tag?: keyof Pick<
     JSX.IntrinsicElements,
     'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'figcaption'
   >
-  fontStyle?: ScaleValue<'fontSizes'>
+  fontStyle?: keyof FontSizes.FontSizes
   className?: string
   children?: ReactNode
   isLink?: boolean
-  css?: CSS
-  weight?: ScaleValue<'fontWeights'> | CSSProperties['fontWeight']
+  weight?: keyof FontSizes.FontWeights
   style?: CSSProperties
 }
 
@@ -23,59 +23,31 @@ export const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(
   (
     {
       tag = 'h1',
-      fontStyle = '$S',
-      weight = '$default',
+      fontStyle = 'S',
+      weight = 'default',
       className,
       children,
-      css,
       isLink = false,
       ...restProps
     },
     ref
   ) => {
+    const Element = tag
+
     return (
-      <HeadingElement
-        className={className}
+      <Element
+        className={clsx(
+          FontSizes[fontStyle],
+          FontSizes.WEIGHTS[weight],
+          heading,
+          className
+        )}
         ref={ref}
-        as={tag}
-        css={{
-          fontWeight: weight,
-          ...getFontStyles(fontStyle),
-          ...css,
-        }}
         {...restProps}
       >
         {children}
-        {isLink ? <LinkIcon size={16} /> : null}
-      </HeadingElement>
+        {isLink ? <Link className={linkIcon} size={16} /> : null}
+      </Element>
     )
   }
 )
-
-const LinkIcon = styled(Link, {
-  position: 'absolute',
-  left: -24,
-  bottom: 2,
-  transform: 'translateY(-50%)',
-  opacity: 0,
-
-  '@motion': {
-    transition: 'opacity 200ms ease-out',
-  },
-})
-
-const HeadingElement = styled('h1', {
-  whiteSpace: 'pre-line',
-  position: 'relative',
-
-  '& > a': {
-    pointerEvents: 'auto',
-    textDecoration: 'none',
-    fontWeight: 'inherit',
-    hover: {
-      [`& + ${LinkIcon}`]: {
-        opacity: 1,
-      },
-    },
-  },
-})
diff --git a/docs/app/components/Text/List.css.ts b/docs/app/components/Text/List.css.ts
new file mode 100644
index 0000000000..4afdcce39e
--- /dev/null
+++ b/docs/app/components/Text/List.css.ts
@@ -0,0 +1,39 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../../styles/theme-contract.css'
+import { XS } from '../../styles/fontStyles.css'
+
+export const list = style({
+  paddingLeft: vars.space['20'],
+  fontWeight: vars.fontWeights.default,
+})
+
+globalStyle(`${list} code`, {
+  backgroundColor: vars.colors.steel20,
+  borderRadius: vars.radii.r4,
+  padding: '0.2rem 0.5rem',
+})
+
+export const descriptiveList = style([XS])
+
+globalStyle(`${descriptiveList} code`, {
+  backgroundColor: vars.colors.steel20,
+  borderRadius: vars.radii.r4,
+  padding: '0.2rem 0.5rem',
+})
+
+globalStyle(`${descriptiveList} div`, {
+  display: 'flex',
+  gap: vars.space['5'],
+})
+
+globalStyle(`${descriptiveList} dt`, {
+  display: 'flex',
+  gap: vars.space['5'],
+})
+
+globalStyle(`${descriptiveList} dd`, {
+  display: 'flex',
+  margin: 0,
+  gap: vars.space['5'],
+  marginBottom: vars.space['15'],
+})
diff --git a/docs/app/components/Text/List.tsx b/docs/app/components/Text/List.tsx
index 19b2820e00..ecef793db6 100644
--- a/docs/app/components/Text/List.tsx
+++ b/docs/app/components/Text/List.tsx
@@ -1,85 +1,44 @@
+import clsx from 'clsx'
 import { forwardRef, ReactNode } from 'react'
-import { getFontStyles } from '~/styles/fontStyles'
-
-import { styled, CSS, ScaleValue } from '~/styles/stitches.config'
+import * as FontSizes from '../../styles/fontStyles.css'
+import { descriptiveList, list } from './List.css'
 
 export interface ListProps {
   tag?: keyof Pick<JSX.IntrinsicElements, 'ul' | 'ol'>
-  fontStyle?: ScaleValue<'fontSizes'>
+  fontStyle?: keyof FontSizes.FontSizes
   className?: string
   children?: ReactNode
-  css?: CSS
 }
 
-export const List = forwardRef<HTMLUListElement, ListProps>(
-  ({ tag = 'ul', fontStyle = '$XS', className, children, css }, ref) => {
+export const List = forwardRef<HTMLUListElement | HTMLOListElement, ListProps>(
+  ({ tag = 'ul', fontStyle = 'XS', className, children }, ref) => {
+    const Element = tag
+
     return (
-      <ListElement
-        className={className}
+      <Element
+        className={clsx(FontSizes[fontStyle], list, className)}
+        // @ts-expect-error - TODO: polymorphic refs, woo.
         ref={ref}
-        as={tag}
-        css={{
-          ...getFontStyles(fontStyle),
-          ...css,
-        }}
       >
         {children}
-      </ListElement>
+      </Element>
     )
   }
 )
 
-const ListElement = styled('ul', {
-  pl: '$20',
-  fontWeight: '$default',
-
-  '& code': {
-    backgroundColor: '$steel20',
-    borderRadius: '$r4',
-    py: 2,
-    px: 5,
-  },
-})
-
 interface DescriptiveListProps {
   data: [title: string, item: ReactNode][]
 }
 
 export const DescriptiveList = ({ data }: DescriptiveListProps) => {
   return (
-    <Dl>
+    <dl className={descriptiveList}>
       {data.map(datum => (
         <div key={datum[0]}>
           <dt>{`${datum[0]} –`}</dt>
           <dd>{datum[1]}</dd>
         </div>
       ))}
-    </Dl>
+    </dl>
   )
 }
-
-const Dl = styled('dl', {
-  ...getFontStyles('$XS'),
-
-  '& code': {
-    backgroundColor: '$steel20',
-    borderRadius: '$r4',
-    py: 2,
-    px: 5,
-  },
-
-  '& > div': {
-    display: 'flex',
-    gap: '$5',
-  },
-
-  '& dt': {
-    mb: '$5',
-    fontWeight: '$regular',
-  },
-
-  '& dd': {
-    margin: 0,
-    mb: '$15',
-  },
-})
diff --git a/docs/app/components/Widgets/WidgetCarbon.tsx b/docs/app/components/Widgets/WidgetCarbon.tsx
index 08c631db9c..ee48a022f9 100644
--- a/docs/app/components/Widgets/WidgetCarbon.tsx
+++ b/docs/app/components/Widgets/WidgetCarbon.tsx
@@ -1,8 +1,29 @@
-import { useEffect } from 'react'
+import { useEffect, useRef } from 'react'
 import { useLocation } from '@remix-run/react'
 
 export const WidgetCarbon = () => {
   const location = useLocation()
+  const ref = useRef<HTMLDivElement>(null!)
+  const hasInserted = useRef(false)
+
+  useEffect(() => {
+    if (
+      typeof window !== 'undefined' &&
+      window.env.ENABLE_CARBON === 'true' &&
+      !hasInserted.current
+    ) {
+      hasInserted.current = true
+      ref.current.innerHTML = ''
+      const s = document.createElement('script')
+      s.defer = true
+      s.async = true
+      s.id = '_carbonads_js'
+      s.type = 'text/javascript'
+      s.src = `//cdn.carbonads.com/carbon.js?serve=CEAIPK7I&placement=react-springdev`
+
+      ref.current.appendChild(s)
+    }
+  }, [hasInserted])
 
   useEffect(() => {
     const element = document.getElementById('carbonads')
@@ -13,12 +34,5 @@ export const WidgetCarbon = () => {
     }
   }, [location.pathname])
 
-  return (
-    <script
-      async
-      type="text/javascript"
-      src="https://cdn.carbonads.com/carbon.js?serve=CEAIPK7I&placement=react-springdev"
-      id="_carbonads_js"
-    />
-  )
+  return <div className="flex justify-center my-2" ref={ref} />
 }
diff --git a/docs/app/components/Widgets/WidgetPlausible.tsx b/docs/app/components/Widgets/WidgetPlausible.tsx
index fdd2aa3913..cc760d8522 100644
--- a/docs/app/components/Widgets/WidgetPlausible.tsx
+++ b/docs/app/components/Widgets/WidgetPlausible.tsx
@@ -1,5 +1,5 @@
 export const WidgetPlausible = () => {
-  if (typeof window !== 'undefined' && !window.env.ENABLE_PLAUSIBLE) {
+  if (typeof window !== 'undefined' && window.env.ENABLE_PLAUSIBLE !== 'true') {
     return null
   }
 
diff --git a/docs/app/components/Widgets/WidgetSearch.tsx b/docs/app/components/Widgets/WidgetSearch.tsx
index 37a6e8eadc..c9e86e26b9 100644
--- a/docs/app/components/Widgets/WidgetSearch.tsx
+++ b/docs/app/components/Widgets/WidgetSearch.tsx
@@ -1,4 +1,5 @@
 import { DocSearch } from '@docsearch/react'
+
 import { memo } from 'react'
 
 export const WidgetSearch = memo(() => {
diff --git a/docs/app/components/Widgets/WidgetTheme.tsx b/docs/app/components/Widgets/WidgetTheme.tsx
deleted file mode 100644
index e314743139..0000000000
--- a/docs/app/components/Widgets/WidgetTheme.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-export const WidgetTheme = () => (
-  <script
-    dangerouslySetInnerHTML={{
-      __html: /* js */ `
-          !function(){
-              try {
-                  var d=document.documentElement.classList;
-                  d.remove('light','dark');
-                  var e=localStorage.getItem('theme');
-                  if("system"===e||(!e&&true)){
-                      var t="(prefers-color-scheme: dark)";
-                      var m=window.matchMedia(t);
-  
-                      m.media!==t||m.matches ? d.add('dark') :d.add('light')
-                  }
-                  else if(e) {
-                      var x={"light":"light","dark":"dark"};
-                      d.add(x[e])
-                  }
-              }
-              catch(e){}
-            }()
-          `,
-    }}
-  />
-)
diff --git a/docs/app/data/fixtures.tsx b/docs/app/data/fixtures.tsx
index 8c0f0d98c6..1af579ed89 100644
--- a/docs/app/data/fixtures.tsx
+++ b/docs/app/data/fixtures.tsx
@@ -818,7 +818,7 @@ export const CONTROLLER_PROPERTIES_DATA: CellData[][] = [
       content: (
         <p>
           The animated values. This is what you pass to your{' '}
-          <code>animted</code> component.
+          <code>animated</code> component.
         </p>
       ),
     },
@@ -857,7 +857,7 @@ export const CONTROLLER_PROPERTIES_DATA: CellData[][] = [
       content: (
         <p>
           The animated values. This is what you pass to your{' '}
-          <code>animted</code> component.
+          <code>animated</code> component.
         </p>
       ),
     },
diff --git a/docs/app/data/subnavSchema.generated.json b/docs/app/data/subnavSchema.generated.json
index 7e58d37bd0..ab22c39545 100644
--- a/docs/app/data/subnavSchema.generated.json
+++ b/docs/app/data/subnavSchema.generated.json
@@ -1 +1 @@
-{"/getting-started":[{"href":"#install","label":"Install","id":"install"},{"href":"#the-animated-element","label":"The Animated Element","id":"the-animated-element"},{"href":"#the-hook","label":"The Hook","id":"the-hook"},{"href":"#your-first-animation","label":"Your First Animation","id":"your-first-animation"},{"href":"#reacting-to-events","label":"Reacting to events","id":"reacting-to-events"},{"href":"#next-steps","label":"Next Steps","id":"next-steps"}],"/typescript":[{"href":"#animation","label":"Animation","id":"animation"},{"href":"#animationprops","label":"AnimationProps","id":"animationprops"},{"href":"#controllerupdate","label":"ControllerUpdate","id":"controllerupdate"},{"href":"#lookup","label":"Lookup","id":"lookup"},{"href":"#oneormore","label":"OneOrMore","id":"oneormore"},{"href":"#springupdate","label":"SpringUpdate","id":"springupdate"},{"href":"#springvalues","label":"SpringValues","id":"springvalues"},{"href":"#transitionstate","label":"TransitionState","id":"transitionstate"},{"href":"#unknownprops","label":"UnknownProps","id":"unknownprops"}],"/utilities/index":[],"/utilities/use-in-view":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#references","label":"References","id":"references"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/utilities/use-isomorphic-layout-effect":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#why-do-we-need-this","label":"Why do we need this?","id":"why-do-we-need-this"},{"href":"#what-does-it-do","label":"What does it do?","id":"what-does-it-do"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/utilities/use-reduced-motion":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#stopping-animations","label":"Stopping animations","id":"stopping-animations"},{"href":"#why-is-it-important","label":"Why is it important?","id":"why-is-it-important"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/utilities/use-resize":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/utilities/use-scroll":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/guides/index":[],"/guides/react-three-fiber":[{"href":"#introduction","label":"Introduction","id":"introduction"},{"href":"#why-use-the-library","label":"Why use the library?","id":"why-use-the-library"},{"href":"#use-the-imperative-api","label":"Use the imperative API","id":"use-the-imperative-api"},{"href":"#syncing-spring-values","label":"Syncing spring values","id":"syncing-spring-values"},{"href":"#troubleshooting","label":"Troubleshooting","id":"troubleshooting"}],"/guides/testing":[{"href":"#introduction","label":"Introduction","id":"introduction"},{"href":"#example","label":"Example","id":"example"},{"href":"#skipping-animations","label":"Skipping Animations","id":"skipping-animations"},{"href":"#fake-timers","label":"Fake Timers","id":"fake-timers"},{"href":"#troubleshooting","label":"Troubleshooting","id":"troubleshooting"}],"/concepts/animated-elements":[{"href":"#what-are-they","label":"What are they?","id":"what-are-they"},{"href":"#animating-elements","label":"Animating elements","id":"animating-elements"},{"href":"#animating-components","label":"Animating components","id":"animating-components"},{"href":"#example-using-stitches--radixui","label":"Example: using stitches & radix-ui","id":"example-using-stitches--radixui"},{"href":"#deep-dive","label":"Deep dive","id":"deep-dive"}],"/concepts/controllers-and-springs":[{"href":"#what-you-know","label":"What you know","id":"what-you-know"},{"href":"#controller","label":"Controller","id":"controller"},{"href":"#spring-value","label":"Spring value","id":"spring-value"},{"href":"#frame-value","label":"Frame value","id":"frame-value"},{"href":"#fluids","label":"Fluids","id":"fluids"},{"href":"#what-you-learnt","label":"What you learnt","id":"what-you-learnt"}],"/concepts/imperative-api":[{"href":"#comparison","label":"Comparison","id":"comparison"},{"href":"#methods","label":"Methods","id":"methods"},{"href":"#upgrading-from-v8","label":"Upgrading from v8","id":"upgrading-from-v8"}],"/concepts/index":[],"/concepts/targets":[{"href":"#what-is-a-target","label":"What is a target?","id":"what-is-a-target"},{"href":"#adding-a-target","label":"Adding a target","id":"adding-a-target"}],"/components/parallax-layer":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#ref","label":"Ref","id":"ref"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/parallax":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#ref","label":"Ref","id":"ref"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-chain":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#timesteps-explained","label":"Timesteps Explained","id":"timesteps-explained"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-spring-value":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#updating","label":"Updating","id":"updating"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-spring":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-springs":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-trail":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-transition":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/advanced/async-animations":[{"href":"#arent-all-animations-async","label":"Aren't all animations async?","id":"arent-all-animations-async"},{"href":"#the-to-prop","label":"The to prop","id":"the-to-prop"},{"href":"#chaining-animations","label":"Chaining animations","id":"chaining-animations"},{"href":"#writing-animation-scripts","label":"Writing animation scripts","id":"writing-animation-scripts"}],"/advanced/config":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#config-visualizer","label":"Config Visualizer","id":"config-visualizer"},{"href":"#easings","label":"Easings","id":"easings"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#pitfalls","label":"Pitfalls","id":"pitfalls"}],"/advanced/controller":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#properties","label":"Properties","id":"properties"},{"href":"#methods","label":"Methods","id":"methods"}],"/advanced/events":[{"href":"#keys-vs-springs","label":"Keys vs Springs","id":"keys-vs-springs"},{"href":"#onstart","label":"onStart","id":"onstart"},{"href":"#onchange","label":"onChange","id":"onchange"},{"href":"#onrest","label":"onRest","id":"onrest"},{"href":"#onpause","label":"onPause","id":"onpause"},{"href":"#onresume","label":"onResume","id":"onresume"},{"href":"#onresolve","label":"onResolve","id":"onresolve"},{"href":"#onprops","label":"onProps","id":"onprops"},{"href":"#ondestroyed","label":"onDestroyed","id":"ondestroyed"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/advanced/index":[],"/advanced/interpolation":[{"href":"#what-is-one","label":"What is one?","id":"what-is-one"},{"href":"#basic-usage","label":"Basic Usage","id":"basic-usage"},{"href":"#advanced-usage","label":"Advanced Usage","id":"advanced-usage"},{"href":"#config","label":"Config","id":"config"},{"href":"#overriding-the-global-to-function","label":"Overriding the global to function","id":"overriding-the-global-to-function"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/advanced/spring-ref":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#properties","label":"Properties","id":"properties"},{"href":"#methods","label":"Methods","id":"methods"}],"/advanced/spring-value":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#properties","label":"Properties","id":"properties"},{"href":"#methods","label":"Methods","id":"methods"},{"href":"#ts-glossary","label":"TS Glossary","id":"ts-glossary"}]}
+{"/advanced/index":[],"/advanced/async-animations":[{"href":"#arent-all-animations-async","label":"Aren't all animations async?","id":"arent-all-animations-async"},{"href":"#the-to-prop","label":"The to prop","id":"the-to-prop"},{"href":"#chaining-animations","label":"Chaining animations","id":"chaining-animations"},{"href":"#writing-animation-scripts","label":"Writing animation scripts","id":"writing-animation-scripts"}],"/advanced/config":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#config-visualizer","label":"Config Visualizer","id":"config-visualizer"},{"href":"#easings","label":"Easings","id":"easings"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#pitfalls","label":"Pitfalls","id":"pitfalls"}],"/advanced/controller":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#properties","label":"Properties","id":"properties"},{"href":"#methods","label":"Methods","id":"methods"}],"/advanced/events":[{"href":"#keys-vs-springs","label":"Keys vs Springs","id":"keys-vs-springs"},{"href":"#onstart","label":"onStart","id":"onstart"},{"href":"#onchange","label":"onChange","id":"onchange"},{"href":"#onrest","label":"onRest","id":"onrest"},{"href":"#onpause","label":"onPause","id":"onpause"},{"href":"#onresume","label":"onResume","id":"onresume"},{"href":"#onresolve","label":"onResolve","id":"onresolve"},{"href":"#onprops","label":"onProps","id":"onprops"},{"href":"#ondestroyed","label":"onDestroyed","id":"ondestroyed"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/advanced/interpolation":[{"href":"#what-is-one","label":"What is one?","id":"what-is-one"},{"href":"#basic-usage","label":"Basic Usage","id":"basic-usage"},{"href":"#advanced-usage","label":"Advanced Usage","id":"advanced-usage"},{"href":"#config","label":"Config","id":"config"},{"href":"#overriding-the-global-to-function","label":"Overriding the global to function","id":"overriding-the-global-to-function"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/advanced/spring-ref":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#properties","label":"Properties","id":"properties"},{"href":"#methods","label":"Methods","id":"methods"}],"/advanced/spring-value":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#properties","label":"Properties","id":"properties"},{"href":"#methods","label":"Methods","id":"methods"},{"href":"#ts-glossary","label":"TS Glossary","id":"ts-glossary"}],"/components/parallax-layer":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#ref","label":"Ref","id":"ref"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/parallax":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#ref","label":"Ref","id":"ref"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-chain":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#timesteps-explained","label":"Timesteps Explained","id":"timesteps-explained"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-spring-value":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#updating","label":"Updating","id":"updating"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-spring":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-springs":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-trail":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/components/use-transition":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/concepts/index":[],"/concepts/animated-elements":[{"href":"#what-are-they","label":"What are they?","id":"what-are-they"},{"href":"#animating-elements","label":"Animating elements","id":"animating-elements"},{"href":"#animating-components","label":"Animating components","id":"animating-components"},{"href":"#example-using-stitches--radixui","label":"Example: using stitches & radix-ui","id":"example-using-stitches--radixui"},{"href":"#deep-dive","label":"Deep dive","id":"deep-dive"}],"/concepts/controllers-and-springs":[{"href":"#what-you-know","label":"What you know","id":"what-you-know"},{"href":"#controller","label":"Controller","id":"controller"},{"href":"#spring-value","label":"Spring value","id":"spring-value"},{"href":"#frame-value","label":"Frame value","id":"frame-value"},{"href":"#fluids","label":"Fluids","id":"fluids"},{"href":"#what-you-learnt","label":"What you learnt","id":"what-you-learnt"}],"/concepts/imperative-api":[{"href":"#comparison","label":"Comparison","id":"comparison"},{"href":"#methods","label":"Methods","id":"methods"},{"href":"#upgrading-from-v8","label":"Upgrading from v8","id":"upgrading-from-v8"}],"/concepts/targets":[{"href":"#what-is-a-target","label":"What is a target?","id":"what-is-a-target"},{"href":"#adding-a-target","label":"Adding a target","id":"adding-a-target"}],"/getting-started":[{"href":"#install","label":"Install","id":"install"},{"href":"#the-animated-element","label":"The Animated Element","id":"the-animated-element"},{"href":"#the-hook","label":"The Hook","id":"the-hook"},{"href":"#your-first-animation","label":"Your First Animation","id":"your-first-animation"},{"href":"#reacting-to-events","label":"Reacting to events","id":"reacting-to-events"},{"href":"#next-steps","label":"Next Steps","id":"next-steps"}],"/guides/index":[],"/guides/react-three-fiber":[{"href":"#introduction","label":"Introduction","id":"introduction"},{"href":"#why-use-the-library","label":"Why use the library?","id":"why-use-the-library"},{"href":"#use-the-imperative-api","label":"Use the imperative API","id":"use-the-imperative-api"},{"href":"#syncing-spring-values","label":"Syncing spring values","id":"syncing-spring-values"},{"href":"#troubleshooting","label":"Troubleshooting","id":"troubleshooting"}],"/guides/testing":[{"href":"#introduction","label":"Introduction","id":"introduction"},{"href":"#example","label":"Example","id":"example"},{"href":"#skipping-animations","label":"Skipping Animations","id":"skipping-animations"},{"href":"#fake-timers","label":"Fake Timers","id":"fake-timers"},{"href":"#troubleshooting","label":"Troubleshooting","id":"troubleshooting"}],"/typescript":[{"href":"#animation","label":"Animation","id":"animation"},{"href":"#animationprops","label":"AnimationProps","id":"animationprops"},{"href":"#controllerupdate","label":"ControllerUpdate","id":"controllerupdate"},{"href":"#lookup","label":"Lookup","id":"lookup"},{"href":"#oneormore","label":"OneOrMore","id":"oneormore"},{"href":"#springupdate","label":"SpringUpdate","id":"springupdate"},{"href":"#springvalues","label":"SpringValues","id":"springvalues"},{"href":"#transitionstate","label":"TransitionState","id":"transitionstate"},{"href":"#unknownprops","label":"UnknownProps","id":"unknownprops"}],"/utilities/index":[],"/utilities/use-in-view":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#references","label":"References","id":"references"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}],"/utilities/use-isomorphic-layout-effect":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#why-do-we-need-this","label":"Why do we need this?","id":"why-do-we-need-this"},{"href":"#what-does-it-do","label":"What does it do?","id":"what-does-it-do"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/utilities/use-reduced-motion":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#stopping-animations","label":"Stopping animations","id":"stopping-animations"},{"href":"#why-is-it-important","label":"Why is it important?","id":"why-is-it-important"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/utilities/use-resize":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"}],"/utilities/use-scroll":[{"href":"#usage","label":"Usage","id":"usage"},{"href":"#reference","label":"Reference","id":"reference"},{"href":"#typescript","label":"Typescript","id":"typescript"},{"href":"#examples","label":"Examples","id":"examples"}]}
diff --git a/docs/app/entry.client.tsx b/docs/app/entry.client.tsx
deleted file mode 100644
index 8e05ab962c..0000000000
--- a/docs/app/entry.client.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { hydrateRoot } from 'react-dom/client'
-
-import { RemixBrowser } from '@remix-run/react'
-
-hydrateRoot(document, <RemixBrowser />)
diff --git a/docs/app/entry.server.tsx b/docs/app/entry.server.tsx
deleted file mode 100644
index 448f21eaa8..0000000000
--- a/docs/app/entry.server.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { renderToString } from 'react-dom/server'
-import type { EntryContext } from '@remix-run/node'
-import { RemixServer } from '@remix-run/react'
-
-import { getCssText } from './styles/stitches.config'
-
-export default function handleRequest(
-  request: Request,
-  responseStatusCode: number,
-  responseHeaders: Headers,
-  remixContext: EntryContext
-) {
-  const markup = renderToString(
-    <RemixServer context={remixContext} url={request.url} />
-  ).replace(/<\/head>/, `<style id="stitches">${getCssText()}</style></head>`)
-
-  responseHeaders.set('Content-Type', 'text/html')
-
-  return new Response('<!DOCTYPE html>' + markup, {
-    status: responseStatusCode,
-    headers: responseHeaders,
-  })
-}
diff --git a/docs/app/helpers/client-hints.ts b/docs/app/helpers/client-hints.ts
new file mode 100644
index 0000000000..c0e1168438
--- /dev/null
+++ b/docs/app/helpers/client-hints.ts
@@ -0,0 +1,137 @@
+export type ClientHint<Value> = {
+  cookieName: string
+  getValueCode: string
+  fallback: Value
+  transform?: (value: string) => Value
+}
+
+export type ClientHintsValue<ClientHintsRecord> = {
+  [K in keyof ClientHintsRecord]: ClientHintsRecord[K] extends ClientHint<
+    infer Value
+  >
+    ? ClientHintsRecord[K]['transform'] extends (value: string) => Value
+      ? ReturnType<ClientHintsRecord[K]['transform']>
+      : ClientHintsRecord[K]['fallback']
+    : never
+}
+
+export function getHintUtils<Hints extends Record<string, ClientHint<any>>>(
+  hints: Hints
+) {
+  function getCookieValue(cookieString: string, name: string) {
+    const hint = hints[name]
+    if (!hint) {
+      throw new Error(
+        `Unknown client hint: ${typeof name === 'string' ? name : 'Unknown'}`
+      )
+    }
+    const value = cookieString
+      .split(';')
+      .map((c: string) => c.trim())
+      .find((c: string) => c.startsWith(hint.cookieName + '='))
+      ?.split('=')[1]
+
+    return value ? decodeURIComponent(value) : null
+  }
+
+  function getHints(request?: Request): ClientHintsValue<Hints> {
+    const cookieString =
+      typeof document !== 'undefined'
+        ? document.cookie
+        : typeof request !== 'undefined'
+          ? request.headers.get('Cookie') ?? ''
+          : ''
+
+    return Object.entries(hints).reduce((acc, [name, hint]) => {
+      const hintName = name
+      if ('transform' in hint) {
+        // @ts-expect-error - this is fine (PRs welcome though)
+        acc[hintName] = hint.transform(
+          getCookieValue(cookieString, hintName) ?? hint.fallback
+        )
+      } else {
+        // @ts-expect-error - this is fine (PRs welcome though)
+        acc[hintName] = getCookieValue(cookieString, hintName) ?? hint.fallback
+      }
+      return acc
+    }, {} as ClientHintsValue<Hints>)
+  }
+
+  /**
+   * This returns a string of JavaScript that can be used to check if the client
+   * hints have changed and will reload the page if they have.
+   */
+  function getClientHintCheckScript() {
+    return `
+// This block of code allows us to check if the client hints have changed and
+// force a reload of the page with updated hints if they have so you don't get
+// a flash of incorrect content.
+function checkClientHints() {
+	if (!navigator.cookieEnabled) return;
+
+	// set a short-lived cookie to make sure we can set cookies
+	document.cookie = "canSetCookies=1; Max-Age=60; SameSite=Lax";
+	const canSetCookies = document.cookie.includes("canSetCookies=1");
+	document.cookie = "canSetCookies=; Max-Age=-1; path=/";
+	if (!canSetCookies) return;
+
+	const cookies = document.cookie.split(';').map(c => c.trim()).reduce((acc, cur) => {
+		const [key, value] = cur.split('=');
+		acc[key] = value;
+		return acc;
+	}, {});
+
+	let cookieChanged = false;
+	const hints = [
+	${Object.values(hints)
+    .map(hint => {
+      const cookieName = JSON.stringify(hint.cookieName)
+      return `{ name: ${cookieName}, actual: String(${hint.getValueCode}), value: cookies[${cookieName}] != null ? cookies[${cookieName}] : encodeURIComponent("${hint.fallback}") }`
+    })
+    .join(',\n')}
+	];
+	for (const hint of hints) {
+		document.cookie = encodeURIComponent(hint.name) + '=' + encodeURIComponent(hint.actual) + '; Max-Age=31536000; path=/';
+		if (decodeURIComponent(hint.value) !== hint.actual) {
+			cookieChanged = true;
+		}
+	}
+	if (cookieChanged) window.location.reload();
+}
+
+checkClientHints();
+`
+  }
+
+  return { getHints, getClientHintCheckScript }
+}
+
+export const themeClientHint = {
+  cookieName: 'CH-prefers-color-scheme',
+  getValueCode: `window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'`,
+  fallback: 'light',
+  transform(value) {
+    return value === 'dark' ? 'dark' : 'light'
+  },
+} as const satisfies ClientHint<'dark' | 'light'>
+
+/**
+ * Subscribe to changes in the user's color scheme preference. Optionally pass
+ * in a cookie name to use for the cookie that will be set if different from the
+ * default.
+ */
+export function subscribeToSchemeChange(
+  subscriber: (value: 'dark' | 'light') => void,
+  cookieName: string = themeClientHint.cookieName
+) {
+  const schemaMatch = window.matchMedia('(prefers-color-scheme: dark)')
+  function handleThemeChange() {
+    const value = schemaMatch.matches ? 'dark' : 'light'
+    document.cookie = `${cookieName}=${value}; Max-Age=31536000; Path=/`
+    subscriber(value)
+  }
+  schemaMatch.addEventListener('change', handleThemeChange)
+  return function cleanupSchemaChange() {
+    schemaMatch.removeEventListener('change', handleThemeChange)
+  }
+}
diff --git a/docs/app/helpers/links.ts b/docs/app/helpers/links.ts
index 662a61108b..73e20e3959 100644
--- a/docs/app/helpers/links.ts
+++ b/docs/app/helpers/links.ts
@@ -1,22 +1,22 @@
 import { FlattenedNavigation } from './navigation'
 
 const BASE_URL =
-  'https://github.com/pmndrs/react-spring/tree/main/docs/app/routes/docs/'
+  'https://github.com/pmndrs/react-spring/tree/main/docs/app/routes'
 
 export const getDocFilePathToGithub = (item?: FlattenedNavigation): string => {
   if (!item) {
     return BASE_URL
   }
 
-  let filePath = item.href.split('/docs/')[1]
+  let filePath = item.href.split('/docs/')[1].split('/').join('.')
 
   if (!filePath) {
-    filePath = 'index'
+    filePath = '_index'
   }
 
   if (item.hasChildren) {
-    filePath = `${filePath}/index`
+    filePath = `${filePath}._index`
   }
 
-  return `${BASE_URL}${filePath}.mdx`
+  return `${BASE_URL}/docs.${filePath}.mdx`
 }
diff --git a/docs/app/helpers/meta.ts b/docs/app/helpers/meta.ts
new file mode 100644
index 0000000000..1e7862ec50
--- /dev/null
+++ b/docs/app/helpers/meta.ts
@@ -0,0 +1,32 @@
+const formatFrontmatterToRemixMeta = (frontmatter: any) => () => {
+  return [
+    { title: frontmatter.meta.title },
+    {
+      name: 'description',
+      content: frontmatter.meta.description,
+    },
+    { property: 'og:title', content: frontmatter.meta['og:title'] },
+    {
+      name: 'og:description',
+      contnet: frontmatter.meta['og:description'],
+    },
+    {
+      name: 'og:url',
+      content: frontmatter.meta['og:url'],
+    },
+    {
+      name: 'twitter:url',
+      content: frontmatter.meta['twitter:url'],
+    },
+    {
+      name: 'twitter:title',
+      content: frontmatter.meta['twitter:title'],
+    },
+    {
+      name: 'twitter:description',
+      content: frontmatter.meta['twitter:description'],
+    },
+  ]
+}
+
+export { formatFrontmatterToRemixMeta }
diff --git a/docs/app/helpers/theme.server.ts b/docs/app/helpers/theme.server.ts
new file mode 100644
index 0000000000..14bf600d54
--- /dev/null
+++ b/docs/app/helpers/theme.server.ts
@@ -0,0 +1,15 @@
+import * as cookie from 'cookie'
+
+const cookieName = 'en_theme'
+export type Theme = 'light' | 'dark'
+
+export function getTheme(request: Request): Theme | null {
+  const cookieHeader = request.headers.get('cookie')
+  const parsed = cookieHeader ? cookie.parse(cookieHeader)[cookieName] : 'light'
+  if (parsed === 'light' || parsed === 'dark') return parsed
+  return null
+}
+
+export function setTheme(theme: Theme) {
+  return cookie.serialize(cookieName, theme, { path: '/', maxAge: 31536000 })
+}
diff --git a/docs/app/hooks/useHints.ts b/docs/app/hooks/useHints.ts
new file mode 100644
index 0000000000..bfd99eaa15
--- /dev/null
+++ b/docs/app/hooks/useHints.ts
@@ -0,0 +1,9 @@
+import { useRequestInfo } from './useRequestInfo'
+
+/**
+ * @returns an object with the client hints and their values
+ */
+export function useHints() {
+  const requestInfo = useRequestInfo()
+  return requestInfo?.hints
+}
diff --git a/docs/app/hooks/useIsDarkTheme.ts b/docs/app/hooks/useIsDarkTheme.ts
index 4235a1c28e..b9546174fd 100644
--- a/docs/app/hooks/useIsDarkTheme.ts
+++ b/docs/app/hooks/useIsDarkTheme.ts
@@ -1,9 +1,8 @@
-import { useAtom } from 'jotai'
-
-import { themeAtom, ThemeValue } from '~/components/Site/SiteThemePicker'
+import { ThemeValue } from '~/components/Site/SiteThemePicker'
+import { useTheme } from './useTheme'
 
 export const useIsDarkTheme = () => {
-  const [theme] = useAtom(themeAtom)
+  const theme = useTheme()
 
   const isDarkMode = theme === ThemeValue.Dark
 
diff --git a/docs/app/hooks/useRequestInfo.ts b/docs/app/hooks/useRequestInfo.ts
new file mode 100644
index 0000000000..aea8872023
--- /dev/null
+++ b/docs/app/hooks/useRequestInfo.ts
@@ -0,0 +1,10 @@
+import { useRouteLoaderData } from '@remix-run/react'
+import { loader } from '../root'
+/**
+ * @returns the request info from the root loader
+ */
+export function useRequestInfo() {
+  const data = useRouteLoaderData<typeof loader>('root')
+
+  return data?.requestInfo
+}
diff --git a/docs/app/hooks/useTheme.ts b/docs/app/hooks/useTheme.ts
new file mode 100644
index 0000000000..a29531326a
--- /dev/null
+++ b/docs/app/hooks/useTheme.ts
@@ -0,0 +1,30 @@
+import { useFetchers } from '@remix-run/react'
+import { useHints } from './useHints'
+import { useRequestInfo } from './useRequestInfo'
+
+/**
+ * If the user's changing their theme mode preference, this will return the
+ * value it's being changed to.
+ */
+export function useOptimisticThemeMode() {
+  const fetchers = useFetchers()
+  const themeFetcher = fetchers.find(f => f.formAction === '/')
+
+  if (themeFetcher && themeFetcher.formData) {
+    return themeFetcher.formData.get('theme') as string
+  }
+}
+
+/**
+ * @returns the user's theme preference, or the client hint theme if the user
+ * has not set a preference.
+ */
+export function useTheme() {
+  const hints = useHints()
+  const requestInfo = useRequestInfo()
+  const optimisticMode = useOptimisticThemeMode()
+  if (optimisticMode) {
+    return optimisticMode === 'system' ? hints?.theme : optimisticMode
+  }
+  return requestInfo?.userPrefs.theme ?? hints?.theme
+}
diff --git a/docs/app/root.tsx b/docs/app/root.tsx
index 849e879bbb..43bf6e47d7 100644
--- a/docs/app/root.tsx
+++ b/docs/app/root.tsx
@@ -1,52 +1,68 @@
 import {
   MetaFunction,
   LinksFunction,
-  LoaderFunction,
   json,
-} from '@remix-run/node'
+  LoaderFunctionArgs,
+  ActionFunctionArgs,
+} from '@vercel/remix'
 import {
   Links,
-  LiveReload,
   Meta,
   Outlet,
   Scripts,
   ScrollRestoration,
   useLoaderData,
 } from '@remix-run/react'
-import docusearch from '@docsearch/css/dist/style.css'
-
-import { globalStyles } from './styles/global'
-
-import { WidgetTheme } from './components/Widgets/WidgetTheme'
+import { Analytics } from '@vercel/analytics/react'
 import { WidgetPlausible } from './components/Widgets/WidgetPlausible'
+import { lightThemeClass } from './styles/light-theme.css'
+import global from './styles/global.css?url'
+import docusearch from '@docsearch/css/dist/style.css?url'
+import { getTheme, setTheme } from './helpers/theme.server'
+import { darkThemeClass } from './styles/dark-theme.css'
+import { ClientHintCheck, getHints } from './components/Site/SiteClientHints'
+import { useTheme } from './hooks/useTheme'
 import { SiteFooter } from './components/Site/SiteFooter'
 
 export const meta: MetaFunction = () => {
-  return {
-    title: 'react-spring',
-    description:
-      'Bring your components to life with simple spring animation primitives for React',
-    'og:site_name': 'React Spring',
-    'og:title': 'React Spring',
-    'og:description':
-      'Bring your components to life with simple spring animation primitives for React',
-    'og:image': 'https://www.react-spring.dev/share.jpg',
-    'og:type': 'website',
-    'og:image:width': '1200',
-    'og:image:height': '630',
-    'og:url': 'https://www.react-spring.dev',
-    'twitter:card': 'summary_large_image',
-    'twitter:domain': 'react-spring.dev',
-    'twitter:url': 'https://www.react-spring.dev',
-    'twitter:title': 'React Spring',
-    'twitter:description':
-      'Bring your components to life with simple spring animation primitives for React',
-    'twitter:image': 'https://www.react-spring.dev/share.jpg',
-  }
+  return [
+    { title: 'react-spring' },
+    {
+      name: 'description',
+      content:
+        'Bring your components to life with simple spring animation primitives for React',
+    },
+    { property: 'og:site_name', content: 'React Spring' },
+    { property: 'og:title', content: 'React Spring' },
+    {
+      property: 'og:description',
+      content:
+        'Bring your components to life with simple spring animation primitives for React',
+    },
+    { property: 'og:image', content: 'https://www.react-spring.dev/share.jpg' },
+    { property: 'og:type', content: 'website' },
+    { property: 'og:image:width', content: '1200' },
+    { property: 'og:image:height', content: '630' },
+    { property: 'og:url', content: 'https://www.react-spring.dev' },
+    { property: 'twitter:card', content: 'summary_large_image' },
+    { property: 'twitter:domain', content: 'react-spring.dev' },
+    { property: 'twitter:url', content: 'https://www.react-spring.dev' },
+    { property: 'twitter:title', content: 'React Spring' },
+    {
+      property: 'twitter:description',
+      content:
+        'Bring your components to life with simple spring animation primitives for React',
+    },
+    {
+      property: 'twitter:image',
+      content: 'https://www.react-spring.dev/share.jpg',
+    },
+  ]
 }
 
 export const links: LinksFunction = () => [
   { rel: 'stylesheet', href: docusearch },
+  { rel: 'stylesheet', href: global },
   { rel: 'stylesheet', href: 'https://rsms.me/inter/inter.css' },
   { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
   { rel: 'preconnect', href: 'https://fonts.gstatic.com' },
@@ -56,8 +72,14 @@ export const links: LinksFunction = () => [
   },
 ]
 
-export const loader: LoaderFunction = () => {
+export const loader = ({ request }: LoaderFunctionArgs) => {
   return json({
+    requestInfo: {
+      hints: getHints(request),
+      userPrefs: {
+        theme: getTheme(request),
+      },
+    },
     ENV: {
       ENABLE_PLAUSIBLE: process.env.ENABLE_PLAUSIBLE,
       ALGOLIA_APP_ID: process.env.ALGOLIA_APP_ID,
@@ -67,22 +89,31 @@ export const loader: LoaderFunction = () => {
   })
 }
 
-function Document({ children }: { children: React.ReactNode }) {
-  globalStyles()
+export async function action({ request }: ActionFunctionArgs) {
+  const body = await request.json()
+  const theme = body.theme ?? 'light'
+
+  const responseInit = {
+    headers: { 'set-cookie': setTheme(theme) },
+  }
+  return json({ ok: true }, responseInit)
+}
 
-  const data = useLoaderData()
+export function Layout({ children }: { children: React.ReactNode }) {
+  const data = useLoaderData<typeof loader>()
+  const theme = useTheme()
 
   return (
     <html lang="en">
       <head>
+        <ClientHintCheck />
         <meta charSet="utf-8" />
-        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
         <WidgetPlausible />
-        <WidgetTheme />
       </head>
-      <body>
+      <body className={theme === 'light' ? lightThemeClass : darkThemeClass}>
         {children}
         <SiteFooter />
         <script
@@ -90,18 +121,14 @@ function Document({ children }: { children: React.ReactNode }) {
             __html: `window.env = ${JSON.stringify(data.ENV)}`,
           }}
         />
+        <ScrollRestoration />
         <Scripts />
-        {process.env.NODE_ENV === 'development' && <LiveReload />}
+        <Analytics />
       </body>
     </html>
   )
 }
 
 export default function App() {
-  return (
-    <Document>
-      <Outlet />
-      <ScrollRestoration />
-    </Document>
-  )
+  return <Outlet />
 }
diff --git a/docs/app/routes/$.tsx b/docs/app/routes/$.tsx
index 3e33c54f17..895d2b96c9 100644
--- a/docs/app/routes/$.tsx
+++ b/docs/app/routes/$.tsx
@@ -1,16 +1,20 @@
-import { json, LoaderFunction, MetaFunction, redirect } from '@remix-run/node'
+import { json, LoaderFunction, MetaFunction, redirect } from '@vercel/remix'
 import { GradientButton } from '~/components/Buttons/GradientButton'
 
 import { Header } from '~/components/Header/Header'
 import { Heading } from '~/components/Text/Heading'
-
-import { styled } from '~/styles/stitches.config'
+import { errorHeading, main, pre } from './../styles/routes/$.css'
 
 export const meta: MetaFunction = () => {
-  return {
-    title: '404 | react-spring',
-    description: `With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.`,
-  }
+  return [
+    {
+      title: '404 | react-spring',
+    },
+    {
+      name: 'description',
+      contnet: `With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.`,
+    },
+  ]
 }
 
 const CAR = `                                                    7%;;WW/                                                                                                                                             
@@ -123,43 +127,13 @@ export default function Index() {
   return (
     <>
       <Header addMarginToMain={false} position="fixed" />
-      <Main>
-        <Pre>{CAR}</Pre>
-        <ErrorHeading tag="h2" fontStyle="$XL">
+      <main className={main}>
+        <pre className={pre}>{CAR}</pre>
+        <Heading tag="h2" fontStyle="XL" className={errorHeading}>
           404, not found
-        </ErrorHeading>
+        </Heading>
         <GradientButton href="/">Go home</GradientButton>
-      </Main>
+      </main>
     </>
   )
 }
-
-const Main = styled('main', {
-  width: '100%',
-  height: '100%',
-  overflowX: 'hidden',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  flexDirection: 'column',
-  mt: '$40',
-
-  '@tabletUp': {
-    mt: '$100',
-  },
-})
-
-const Pre = styled('pre', {
-  fontSize: 'clamp(2px, 1vw, 8px)',
-  transform: 'translateX(clamp(1px, 17vw, 130px))',
-})
-
-const ErrorHeading = styled(Heading, {
-  mt: '$10',
-  mb: '$20',
-
-  '@tabletUp': {
-    mt: '$20',
-    mb: '$40',
-  },
-})
diff --git a/docs/app/routes/index.tsx b/docs/app/routes/_index.tsx
similarity index 60%
rename from docs/app/routes/index.tsx
rename to docs/app/routes/_index.tsx
index 358f369456..b229e3e882 100644
--- a/docs/app/routes/index.tsx
+++ b/docs/app/routes/_index.tsx
@@ -1,4 +1,4 @@
-import { MetaFunction } from '@remix-run/node'
+import { MetaFunction } from '@vercel/remix'
 import { CarouselQuotes } from '~/components/Carousels/CarouselQuotes'
 import { NavigationGrid } from '~/components/Grids/NavigationGrid'
 import { Header } from '~/components/Header/Header'
@@ -9,87 +9,67 @@ import { HomeBlockSSR } from '~/components/HomeBlocks/HomeBlockSSR'
 import { HomeBlockTarget } from '~/components/HomeBlocks/HomeBlockTarget'
 
 import { COMMUNITY_TILES, QUOTES, TOOL_TILES } from '~/data/fixtures'
-import { styled } from '~/styles/stitches.config'
+import {
+  externalLinkGrid,
+  homeBlocks,
+  main,
+  mainHeader,
+  maxWrapper,
+} from '../styles/routes/_index.css'
 
 export const meta: MetaFunction = () => {
-  return {
-    title: 'react-spring',
-    description: `With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.`,
-  }
+  return [
+    {
+      title: 'react-spring',
+    },
+    {
+      name: 'description',
+      content: `With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.`,
+    },
+  ]
 }
 
 export default function Index() {
   return (
     <>
-      <MainHeader
+      <Header
+        className={mainHeader}
         addMarginToMain={false}
         position="fixed"
         alwaysAnimateHeader
       />
-      <Main>
+      <main className={main}>
         <article>
-          <MaxWrapper>
+          <div className={maxWrapper}>
             <HeroHome />
-          </MaxWrapper>
+          </div>
           <CarouselQuotes quotes={QUOTES} />
-          <MaxWrapper>
-            <HomeBlocks>
+          <div className={maxWrapper}>
+            <div className={homeBlocks}>
               <HomeBlockTarget />
               <HomeBlockImperative />
               <HomeBlockSSR />
               <HomeBlockMore />
-            </HomeBlocks>
-            <ExternalLinkGrid
+            </div>
+            <NavigationGrid
+              className={externalLinkGrid}
               cols={3}
               tiles={COMMUNITY_TILES}
               subheading={'Join our community'}
               heading={'Share thoughts and join in with active discussions'}
               smallTiles
             />
-            <ExternalLinkGrid
+            <NavigationGrid
+              className={externalLinkGrid}
               cols={4}
               tiles={TOOL_TILES}
               subheading={'Check out the ecosystem'}
               heading={'See more fantastic tools from Poimandres'}
               smallTiles
             />
-          </MaxWrapper>
+          </div>
         </article>
-      </Main>
+      </main>
     </>
   )
 }
-
-const MainHeader = styled(Header, {
-  pb: '$15',
-
-  '@tabletUp': {
-    pb: '$25',
-  },
-})
-
-const ExternalLinkGrid = styled(NavigationGrid, {
-  mx: '$25',
-  '@tabletUp': {
-    mx: '$50',
-  },
-})
-
-const Main = styled('main', {
-  width: '100%',
-  overflowX: 'hidden',
-})
-
-const MaxWrapper = styled('div', {
-  maxWidth: '$largeDoc',
-  mx: 'auto',
-})
-
-const HomeBlocks = styled('div', {
-  my: '$40',
-
-  '@tabletUp': {
-    mt: '$100',
-    mb: '$80',
-  },
-})
diff --git a/docs/app/routes/api/feedback.ts b/docs/app/routes/api.feedback.ts
similarity index 96%
rename from docs/app/routes/api/feedback.ts
rename to docs/app/routes/api.feedback.ts
index 2aca966571..211769e1f5 100644
--- a/docs/app/routes/api/feedback.ts
+++ b/docs/app/routes/api.feedback.ts
@@ -1,4 +1,4 @@
-import { ActionFunction, json } from '@remix-run/node'
+import { ActionFunction, json } from '@vercel/remix'
 import { createClient } from '@supabase/supabase-js'
 import z from 'zod'
 
diff --git a/docs/app/routes/docs/index.mdx b/docs/app/routes/docs._index.mdx
similarity index 82%
rename from docs/app/routes/docs/index.mdx
rename to docs/app/routes/docs._index.mdx
index d148182ffc..be73541bfa 100644
--- a/docs/app/routes/docs/index.mdx
+++ b/docs/app/routes/docs._index.mdx
@@ -3,7 +3,7 @@ meta:
   title: Overview | React Spring
   'og:title': Overview | React Spring
   'twitter:title': Overview | React Spring
-  description: Documentation overview for React Spring.
+  'description': Documentation overview for React Spring.
   'og:description': Documentation overview for React Spring.
   'twitter:description': Documentation overview for React Spring.
   'og:url': https://www.react-spring.dev/docs
@@ -12,12 +12,16 @@ sidebar_position: 1
 noSubnav: true
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Overview
 
 Welcome to the `react-spring` docs site!
 
-import { NAV_TILES } from '~/data/fixtures'
-import { NavigationGrid } from '~/components/Grids/NavigationGrid'
+import { NAV_TILES } from '../data/fixtures'
+import { NavigationGrid } from '../components/Grids/NavigationGrid'
 
 <NavigationGrid cols={2} tiles={NAV_TILES} />
 
diff --git a/docs/app/routes/docs/advanced/index.mdx b/docs/app/routes/docs.advanced._index.mdx
similarity index 100%
rename from docs/app/routes/docs/advanced/index.mdx
rename to docs/app/routes/docs.advanced._index.mdx
diff --git a/docs/app/routes/docs/advanced/async-animations.mdx b/docs/app/routes/docs.advanced.async-animations.mdx
similarity index 97%
rename from docs/app/routes/docs/advanced/async-animations.mdx
rename to docs/app/routes/docs.advanced.async-animations.mdx
index 4fd5ae4966..751ba3a9d6 100644
--- a/docs/app/routes/docs/advanced/async-animations.mdx
+++ b/docs/app/routes/docs.advanced.async-animations.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 7
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Async Animations
 
 :::note
diff --git a/docs/app/routes/docs/advanced/config.mdx b/docs/app/routes/docs.advanced.config.mdx
similarity index 94%
rename from docs/app/routes/docs/advanced/config.mdx
rename to docs/app/routes/docs.advanced.config.mdx
index abd99f64cb..34f72428f2 100644
--- a/docs/app/routes/docs/advanced/config.mdx
+++ b/docs/app/routes/docs.advanced.config.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 1
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Spring Configs
 
 Part of a component's `configuration` argument, the `config` prop is an object
@@ -127,7 +131,7 @@ import { config } from '@react-spring/web'
 
 The presets are:
 
-import { DescriptiveList } from '~/components/Text/List'
+import { DescriptiveList } from '../components/Text/List'
 
 <DescriptiveList
   data={[
@@ -215,8 +219,8 @@ All the following easings are part of the `easings` object imported like so:
 import { easings } from '@react-spring/web'
 ```
 
-import { TableGeneric } from '~/components/Tables/TablesConfig'
-import { easingData } from '~/data/fixtures'
+import { TableGeneric } from '../components/Tables/TablesConfig'
+import { easingData } from '../data/fixtures'
 
 <TableGeneric data={easingData} headData={[null, null, null]} />
 
@@ -255,8 +259,8 @@ export function steps(
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { configData } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { configData } from '../data/fixtures'
 
 <TablesConfiguration data={configData} />
 
diff --git a/docs/app/routes/docs/advanced/controller.mdx b/docs/app/routes/docs.advanced.controller.mdx
similarity index 92%
rename from docs/app/routes/docs/advanced/controller.mdx
rename to docs/app/routes/docs.advanced.controller.mdx
index 2cb4ac295e..bc197e4db5 100644
--- a/docs/app/routes/docs/advanced/controller.mdx
+++ b/docs/app/routes/docs.advanced.controller.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 3
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Controller
 
 Manages [`SpringValue`s](/docs/advanced/spring-value) for our spring hooks.
@@ -66,8 +70,8 @@ const ControllerProps = {
 
 ## Properties
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { CONTROLLER_PROPERTIES_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { CONTROLLER_PROPERTIES_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={CONTROLLER_PROPERTIES_DATA} />
 
diff --git a/docs/app/routes/docs/advanced/events.mdx b/docs/app/routes/docs.advanced.events.mdx
similarity index 96%
rename from docs/app/routes/docs/advanced/events.mdx
rename to docs/app/routes/docs.advanced.events.mdx
index 172980e7ac..dd37995638 100644
--- a/docs/app/routes/docs/advanced/events.mdx
+++ b/docs/app/routes/docs.advanced.events.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 2
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Events
 
 There are a handful of events you can use to react to the state of animation at certain points in time.
diff --git a/docs/app/routes/docs/advanced/interpolation.mdx b/docs/app/routes/docs.advanced.interpolation.mdx
similarity index 93%
rename from docs/app/routes/docs/advanced/interpolation.mdx
rename to docs/app/routes/docs.advanced.interpolation.mdx
index 21708ae5ad..3827aaa63e 100644
--- a/docs/app/routes/docs/advanced/interpolation.mdx
+++ b/docs/app/routes/docs.advanced.interpolation.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 6
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Interpolation
 
 ## What is one?
@@ -37,7 +41,8 @@ function MyComponent() {
 
   return (
     <animated.div
-      style={{ transform: props.x.to(value => `rotateZ(${value}deg)`) }}>
+      style={{ transform: props.x.to(value => `rotateZ(${value}deg)`) }}
+    >
       Hello World
     </animated.div>
   )
@@ -59,7 +64,8 @@ function MyComponent() {
 
   return (
     <animated.div
-      style={{ transform: to(props.x, value => `rotateZ(${value}deg)`) }}>
+      style={{ transform: to(props.x, value => `rotateZ(${value}deg)`) }}
+    >
       Hello World
     </animated.div>
   )
@@ -89,7 +95,8 @@ export default function MyComponent() {
           [props.x, props.y, props.z],
           (x, y, z) => `rotate3d(${x}, ${y}, ${z}, 45deg)`
         ),
-      }}>
+      }}
+    >
       Hello World
     </animated.div>
   )
@@ -117,7 +124,8 @@ function MyComponent() {
         transform: props.x
           .to([0, 1], [0, 360])
           .to(value => `rotateZ(${value}deg)`),
-      }}>
+      }}
+    >
       Hello World
     </animated.div>
   )
@@ -129,8 +137,8 @@ function MyComponent() {
 An interpolation can also take a config object as the second argument if using the `to` function or the first
 argument when using the `to` method of a `SpringValue`.
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { INTERPOLATONS_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { INTERPOLATONS_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={INTERPOLATONS_DATA} />
 
diff --git a/docs/app/routes/docs/advanced/spring-ref.mdx b/docs/app/routes/docs.advanced.spring-ref.mdx
similarity index 95%
rename from docs/app/routes/docs/advanced/spring-ref.mdx
rename to docs/app/routes/docs.advanced.spring-ref.mdx
index 1dd520175c..86b007481a 100644
--- a/docs/app/routes/docs/advanced/spring-ref.mdx
+++ b/docs/app/routes/docs.advanced.spring-ref.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 5
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # SpringRef
 
 Our imperative API. You can initialise it via function call, or for better practice use the hook `useSpringRef`.
@@ -66,7 +70,7 @@ class AnimatedComponent extends Component {
 
 ## Properties
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
 
 <TablesConfiguration data={[['current', 'Controller[]', '[]']]} />
 
diff --git a/docs/app/routes/docs/advanced/spring-value.mdx b/docs/app/routes/docs.advanced.spring-value.mdx
similarity index 92%
rename from docs/app/routes/docs/advanced/spring-value.mdx
rename to docs/app/routes/docs.advanced.spring-value.mdx
index 28392bc3ae..29b01ca8af 100644
--- a/docs/app/routes/docs/advanced/spring-value.mdx
+++ b/docs/app/routes/docs.advanced.spring-value.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 4
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # SpringValue
 
 The very driving force of `react-spring`. It's a class that can be used to create a single
@@ -52,8 +56,8 @@ class AnimatedComponent extends Component {
 
 ## Properties
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { SPRINGVALUE_PROPERTIES_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { SPRINGVALUE_PROPERTIES_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={SPRINGVALUE_PROPERTIES_DATA} />
 
diff --git a/docs/app/routes/docs/components/index.mdx b/docs/app/routes/docs.components._index.mdx
similarity index 100%
rename from docs/app/routes/docs/components/index.mdx
rename to docs/app/routes/docs.components._index.mdx
diff --git a/docs/app/routes/docs/components/parallax-layer.mdx b/docs/app/routes/docs.components.parallax-layer.mdx
similarity index 85%
rename from docs/app/routes/docs/components/parallax-layer.mdx
rename to docs/app/routes/docs.components.parallax-layer.mdx
index 356d817a84..1df38c2086 100644
--- a/docs/app/routes/docs/components/parallax-layer.mdx
+++ b/docs/app/routes/docs.components.parallax-layer.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 8
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Parallax
 
 Used in collaboration with [`Parallax`](/docs/components/parallax) to create visual displacements declaratively and simply.
@@ -37,8 +41,8 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { PARALLAX_LAYER_CONFIG_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { PARALLAX_LAYER_CONFIG_DATA } from '../data/fixtures'
 
 All props that can be passed to `HTMLDivElement` can be passed to `Parallax`.
 
@@ -62,7 +66,9 @@ type StickyConfig = { start?: number; end?: number } | undefined
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+Can't find what you're looking for? Check out all our [examples!](/examples)
+
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={[
@@ -71,5 +77,3 @@ import { ExampleGrid } from '~/components/Grids/ExampleGrid'
     'Vertical Parallax',
   ]}
 />
-
-Can't find what you're looking for? Check out all our [examples!](/examples)
diff --git a/docs/app/routes/docs/components/parallax.mdx b/docs/app/routes/docs.components.parallax.mdx
similarity index 88%
rename from docs/app/routes/docs/components/parallax.mdx
rename to docs/app/routes/docs.components.parallax.mdx
index 752c81ae7e..2f8a669362 100644
--- a/docs/app/routes/docs/components/parallax.mdx
+++ b/docs/app/routes/docs.components.parallax.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 7
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Parallax
 
 Used in collaboration with [`ParallaxLayer`](/docs/components/parallax-layer) to create visual displacements declaratively and simply.
@@ -41,8 +45,8 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { PARALLAX_CONFIG_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { PARALLAX_CONFIG_DATA } from '../data/fixtures'
 
 All props that can be passed to `HTMLDivElement` can be passed to `Parallax`.
 
@@ -72,7 +76,9 @@ interface IParallax {
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+Can't find what you're looking for? Check out all our [examples!](/examples)
+
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={[
@@ -81,5 +87,3 @@ import { ExampleGrid } from '~/components/Grids/ExampleGrid'
     'Vertical Parallax',
   ]}
 />
-
-Can't find what you're looking for? Check out all our [examples!](/examples)
diff --git a/docs/app/routes/docs/components/use-chain.mdx b/docs/app/routes/docs.components.use-chain.mdx
similarity index 94%
rename from docs/app/routes/docs/components/use-chain.mdx
rename to docs/app/routes/docs.components.use-chain.mdx
index cd0c9ac125..ff89af576b 100644
--- a/docs/app/routes/docs/components/use-chain.mdx
+++ b/docs/app/routes/docs.components.use-chain.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 5
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useChain
 
 `useChain` is used to orchestrate animation hooks in sequence with one another.
@@ -58,7 +62,8 @@ function MyComponent() {
         height: springs.size,
         width: springs.size,
         background: 'blue',
-      }}>
+      }}
+    >
       {transitions((style, item) => (
         <animated.div
           style={{
@@ -66,7 +71,8 @@ function MyComponent() {
             height: '120px',
             background: 'green',
             ...style,
-          }}>
+          }}
+        >
           {item}
         </animated.div>
       ))}
@@ -141,7 +147,7 @@ function useChain(
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={['Chaining Transition and a Spring', 'Smile Grid']}
diff --git a/docs/app/routes/docs/components/use-spring-value.mdx b/docs/app/routes/docs.components.use-spring-value.mdx
similarity index 88%
rename from docs/app/routes/docs/components/use-spring-value.mdx
rename to docs/app/routes/docs.components.use-spring-value.mdx
index 32e1e903f8..a42d50e999 100644
--- a/docs/app/routes/docs/components/use-spring-value.mdx
+++ b/docs/app/routes/docs.components.use-spring-value.mdx
@@ -12,6 +12,10 @@ sidebar_position: 3
 isNew: true
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useSpringValue
 
 Love the imperative API but you need _too many_ different springs running in parallel? Then this
@@ -81,8 +85,8 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { USESPRINGVALUE_CONFIG_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { USESPRINGVALUE_CONFIG_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={USESPRINGVALUE_CONFIG_DATA} />
 
@@ -98,7 +102,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid sandboxTitles={['MacOS Dock']} />
 
diff --git a/docs/app/routes/docs/components/use-spring.mdx b/docs/app/routes/docs.components.use-spring.mdx
similarity index 89%
rename from docs/app/routes/docs/components/use-spring.mdx
rename to docs/app/routes/docs.components.use-spring.mdx
index 4bd4cc1694..b4996d9df1 100644
--- a/docs/app/routes/docs/components/use-spring.mdx
+++ b/docs/app/routes/docs.components.use-spring.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 1
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useSpring
 
 Our flagship hook. Applicable to most use-cases. If you want to orchestrate many of these hooks, consider using [`useSprings`](/components/use-springs).
@@ -54,7 +58,7 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
 
 <TablesConfiguration />
 
@@ -77,7 +81,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={[
diff --git a/docs/app/routes/docs/components/use-springs.mdx b/docs/app/routes/docs.components.use-springs.mdx
similarity index 89%
rename from docs/app/routes/docs/components/use-springs.mdx
rename to docs/app/routes/docs.components.use-springs.mdx
index 4b2b336c83..9e58328ca2 100644
--- a/docs/app/routes/docs/components/use-springs.mdx
+++ b/docs/app/routes/docs.components.use-springs.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 2
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useSprings
 
 If you want to orchestrate multiple springs with a unified API, this is probably the best hook for you.
@@ -68,7 +72,7 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
 
 <TablesConfiguration />
 
@@ -92,7 +96,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={[
diff --git a/docs/app/routes/docs/components/use-trail.mdx b/docs/app/routes/docs.components.use-trail.mdx
similarity index 89%
rename from docs/app/routes/docs/components/use-trail.mdx
rename to docs/app/routes/docs.components.use-trail.mdx
index b0349c27b2..5c15b643a8 100644
--- a/docs/app/routes/docs/components/use-trail.mdx
+++ b/docs/app/routes/docs.components.use-trail.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 6
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useTrail
 
 `useTrail` has an identical API signature to [`useSprings`](/docs/components/use-springs) the
@@ -66,7 +70,7 @@ export default function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
 
 <TablesConfiguration />
 
@@ -90,7 +94,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={['Basic Trail', 'Goo Blobs', 'Smile Grid', 'Wordle']}
diff --git a/docs/app/routes/docs/components/use-transition.mdx b/docs/app/routes/docs.components.use-transition.mdx
similarity index 91%
rename from docs/app/routes/docs/components/use-transition.mdx
rename to docs/app/routes/docs.components.use-transition.mdx
index 239aa3ffbf..db2ca19eab 100644
--- a/docs/app/routes/docs/components/use-transition.mdx
+++ b/docs/app/routes/docs.components.use-transition.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 4
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useTransition
 
 This hook is best suited for animating in & out datasets or items you don't particularly
@@ -73,8 +77,8 @@ signature see the [`Typescript`](#typescript) section.
 content of the array you pass as the first argument to the hook. Therefore, if you
 passed `[1, 2, 3]` then `Item` would be `number`.
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { TRANSITION_CONFIG_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { TRANSITION_CONFIG_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={TRANSITION_CONFIG_DATA} />
 
@@ -108,7 +112,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid
   sandboxTitles={[
diff --git a/docs/app/routes/docs/concepts/index.mdx b/docs/app/routes/docs.concepts._index.mdx
similarity index 100%
rename from docs/app/routes/docs/concepts/index.mdx
rename to docs/app/routes/docs.concepts._index.mdx
diff --git a/docs/app/routes/docs/concepts/animated-elements.mdx b/docs/app/routes/docs.concepts.animated-elements.mdx
similarity index 98%
rename from docs/app/routes/docs/concepts/animated-elements.mdx
rename to docs/app/routes/docs.concepts.animated-elements.mdx
index 4c3ebb3ab8..dd1004093d 100644
--- a/docs/app/routes/docs/concepts/animated-elements.mdx
+++ b/docs/app/routes/docs.concepts.animated-elements.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 1
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Animated Elements
 
 ## What are they?
diff --git a/docs/app/routes/docs/concepts/controllers-and-springs.mdx b/docs/app/routes/docs.concepts.controllers-and-springs.mdx
similarity index 98%
rename from docs/app/routes/docs/concepts/controllers-and-springs.mdx
rename to docs/app/routes/docs.concepts.controllers-and-springs.mdx
index 8551631f83..42d3901143 100644
--- a/docs/app/routes/docs/concepts/controllers-and-springs.mdx
+++ b/docs/app/routes/docs.concepts.controllers-and-springs.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 2
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Controllers & Springs
 
 :::note
diff --git a/docs/app/routes/docs/concepts/imperative-api.mdx b/docs/app/routes/docs.concepts.imperative-api.mdx
similarity index 97%
rename from docs/app/routes/docs/concepts/imperative-api.mdx
rename to docs/app/routes/docs.concepts.imperative-api.mdx
index 9e97392292..72202d5491 100644
--- a/docs/app/routes/docs/concepts/imperative-api.mdx
+++ b/docs/app/routes/docs.concepts.imperative-api.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 3
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Imperative API
 
 The imperative API enables you to update your animations without requiring a react-render to occur. This is useful
diff --git a/docs/app/routes/docs/concepts/targets.mdx b/docs/app/routes/docs.concepts.targets.mdx
similarity index 96%
rename from docs/app/routes/docs/concepts/targets.mdx
rename to docs/app/routes/docs.concepts.targets.mdx
index 2f9c409e92..d7e9711019 100644
--- a/docs/app/routes/docs/concepts/targets.mdx
+++ b/docs/app/routes/docs.concepts.targets.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 4
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Targets
 
 ## What is a target?
diff --git a/docs/app/routes/docs/getting-started.mdx b/docs/app/routes/docs.getting-started.mdx
similarity index 98%
rename from docs/app/routes/docs/getting-started.mdx
rename to docs/app/routes/docs.getting-started.mdx
index 73a2516f2a..91990e9dbf 100644
--- a/docs/app/routes/docs/getting-started.mdx
+++ b/docs/app/routes/docs.getting-started.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 2
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Getting started
 
 React Spring is a library for building interactive, data-driven, and animated UI components. It can animate HTML, SVG, Native Elements, Three.js, and more.
diff --git a/docs/app/routes/docs/guides/index.mdx b/docs/app/routes/docs.guides._index.mdx
similarity index 100%
rename from docs/app/routes/docs/guides/index.mdx
rename to docs/app/routes/docs.guides._index.mdx
diff --git a/docs/app/routes/docs/guides/react-three-fiber.mdx b/docs/app/routes/docs.guides.react-three-fiber.mdx
similarity index 98%
rename from docs/app/routes/docs/guides/react-three-fiber.mdx
rename to docs/app/routes/docs.guides.react-three-fiber.mdx
index 54fbd2e6da..ffee227e0e 100644
--- a/docs/app/routes/docs/guides/react-three-fiber.mdx
+++ b/docs/app/routes/docs.guides.react-three-fiber.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 1
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # React Three Fiber
 
 :::note
@@ -209,7 +213,8 @@ const MyScene = () => {
       onPointerLeave={handlePointerLeave}
       onClick={handleClick()}
       scale={springs.scale}
-      position={springs.position.to((x, y) => [x, y, 0])}>
+      position={springs.position.to((x, y) => [x, y, 0])}
+    >
       <sphereGeometry args={[1.5, 64, 32]} />
       <AnimatedMeshDistortMaterial
         speed={5}
@@ -362,7 +367,8 @@ const MyScene = forwardRef(({}, ref) => {
       onPointerLeave={handlePointerLeave}
       onClick={handleClick()}
       scale={springs.scale}
-      position={springs.position.to((x, y) => [x, y, 0])}>
+      position={springs.position.to((x, y) => [x, y, 0])}
+    >
       <sphereGeometry args={[1.5, 64, 32]} />
       <AnimatedMeshDistortMaterial
         speed={5}
diff --git a/docs/app/routes/docs/guides/testing.mdx b/docs/app/routes/docs.guides.testing.mdx
similarity index 98%
rename from docs/app/routes/docs/guides/testing.mdx
rename to docs/app/routes/docs.guides.testing.mdx
index d99f9f1674..6dea832b4c 100644
--- a/docs/app/routes/docs/guides/testing.mdx
+++ b/docs/app/routes/docs.guides.testing.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 2
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Testing
 
 :::note
diff --git a/docs/app/routes/docs.tsx b/docs/app/routes/docs.tsx
index bd9a5e08d7..e4bc2cabf5 100644
--- a/docs/app/routes/docs.tsx
+++ b/docs/app/routes/docs.tsx
@@ -3,9 +3,6 @@ import { Outlet, useLocation } from '@remix-run/react'
 import { MDXProvider } from '@mdx-js/react'
 import { PencilSimple } from 'phosphor-react'
 
-import { styled } from '~/styles/stitches.config'
-import { getFontStyles } from '~/styles/fontStyles'
-
 import { Header } from '../components/Header/Header'
 import { Heading, HeadingProps } from '~/components/Text/Heading'
 import { Copy, CopyProps } from '~/components/Text/Copy'
@@ -17,7 +14,6 @@ import { MenuSticky } from '~/components/Menu/MenuSticky'
 import { StickyAside } from '~/components/Asides/StickyAside'
 import { Code } from '~/components/Code/Code'
 import { LivePreviewStyles } from '~/components/Code/LivePreviewStyles'
-import { InlineLinkStyles } from '../components/InlineLink'
 import { Callout } from '~/components/Callout'
 import { Feedback } from '~/components/Feedback/Feedback'
 
@@ -29,136 +25,45 @@ import { getDocFilePathToGithub } from '~/helpers/links'
 
 import { useIsDarkTheme } from '~/hooks/useIsDarkTheme'
 import { WidgetCarbon } from '~/components/Widgets/WidgetCarbon'
+import {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  list,
+  p,
+  article,
+  blockQuote,
+  editAnchor,
+  footer,
+  grid,
+  main,
+  mainStickyMenu,
+} from '../styles/routes/docs.css'
 
 const comps = {
   h1: (props: HeadingProps) => (
-    <Heading
-      fontStyle="$XL"
-      css={{
-        mb: 20,
-        '@tabletUp': {
-          mb: 30,
-        },
-      }}
-      isLink
-      {...props}
-    />
+    <Heading className={h1} fontStyle="XL" isLink {...props} />
   ),
   h2: (props: HeadingProps) => {
-    return (
-      <Heading
-        tag="h2"
-        fontStyle="$L"
-        css={{
-          mt: 30,
-          mb: 15,
-
-          '@tabletUp': {
-            mt: 40,
-            mb: 20,
-          },
-        }}
-        isLink
-        {...props}
-      />
-    )
+    return <Heading tag="h2" fontStyle="L" className={h2} isLink {...props} />
   },
   h3: (props: HeadingProps) => (
-    <Heading
-      tag="h3"
-      fontStyle="$M"
-      css={{
-        mt: 30,
-        mb: 15,
-
-        '@tabletUp': {
-          mt: 40,
-          mb: 20,
-        },
-      }}
-      isLink
-      {...props}
-    />
+    <Heading tag="h3" fontStyle="M" className={h3} isLink {...props} />
   ),
   h4: (props: HeadingProps) => (
-    <Heading
-      tag="h4"
-      fontStyle="$S"
-      css={{
-        mt: 30,
-        mb: 15,
-
-        '@tabletUp': {
-          mt: 40,
-          mb: 20,
-        },
-      }}
-      {...props}
-    />
+    <Heading tag="h4" fontStyle="S" className={h4} {...props} />
   ),
   h5: (props: HeadingProps) => (
-    <Heading
-      tag="h5"
-      fontStyle="$XS"
-      css={{
-        mt: 30,
-        mb: 4,
-        textTransform: 'uppercase',
-
-        '@tabletUp': {
-          mt: 40,
-          mb: 6,
-        },
-      }}
-      {...props}
-    />
+    <Heading tag="h5" fontStyle="XS" className={h5} {...props} />
   ),
   h6: () => null,
-  p: (props: CopyProps) => (
-    <Copy
-      css={{
-        '& + &': {
-          mt: 15,
-        },
-        '& + pre': {
-          my: 40,
-        },
-        'pre + &': {
-          mt: 30,
-        },
-        '& code': {
-          backgroundColor: '$steel20',
-          borderRadius: '$r4',
-          py: 2,
-          px: 5,
-        },
-        '& > a': {
-          ...InlineLinkStyles,
-        },
-        maxWidth: 680,
-      }}
-      {...props}
-    />
-  ),
-  ul: (props: ListProps) => (
-    <List
-      css={{
-        mt: 15,
-      }}
-      {...props}
-    />
-  ),
-  ol: (props: ListProps) => (
-    <List
-      tag="ol"
-      css={{
-        mt: 15,
-      }}
-      {...props}
-    />
-  ),
+  p: (props: CopyProps) => <Copy className={p} {...props} />,
+  ul: (props: ListProps) => <List className={list} {...props} />,
+  ol: (props: ListProps) => <List tag="ol" className={list} {...props} />,
   a: (props: AnchorProps) => <Anchor {...props} />,
-  blockquote: (props: any) => <BlockQuote as="blockquote" {...props} />,
+  blockquote: (props: any) => <blockquote className={blockQuote} {...props} />,
   pre: (props: {
     children: string
     showLineNumbers?: string
@@ -226,132 +131,41 @@ export default function DocsLayout() {
 
   return (
     <>
-      <Grid>
+      <div className={grid}>
         <Header data={navigation} />
         <StickyAside hasSubNav={hasStickySubnav}>
           <MenuDocs submenu={navigation.sidebar} />
         </StickyAside>
-        <Main>
+        <main className={main}>
           {hasStickySubnav ? (
-            <MainStickyMenu subnav={navigation.subnav} />
+            <MenuSticky className={mainStickyMenu} subnav={navigation.subnav} />
           ) : null}
-          <Article hasStickySubnav={hasStickySubnav}>
+          <article
+            className={article({
+              hasStickySubnav,
+            })}
+          >
             <WidgetCarbon />
+            {/* @ts-expect-error */}
             <MDXProvider components={comps}>
               <Outlet />
             </MDXProvider>
-            <Footer>
+            <footer className={footer}>
               <Feedback location={activeRoute?.href} />
-              <EditAnchor href={getDocFilePathToGithub(activeRoute)}>
+              <Anchor
+                className={editAnchor}
+                href={getDocFilePathToGithub(activeRoute)}
+              >
                 <PencilSimple
                   size={20}
                   weight={isDarkMode ? 'light' : 'regular'}
                 />
                 <span>Edit this page</span>
-              </EditAnchor>
-            </Footer>
-          </Article>
-        </Main>
-      </Grid>
+              </Anchor>
+            </footer>
+          </article>
+        </main>
+      </div>
     </>
   )
 }
-
-const Grid = styled('div', {
-  '@tabletUp': {
-    display: 'grid',
-    maxHeight: '100%',
-    overflow: 'hidden',
-    gridTemplateColumns: '30rem 1fr 1fr',
-    gridTemplateAreas: `
-      "header header header"
-      "aside main main"
-    `,
-  },
-
-  '& > header': {
-    gridArea: 'header',
-  },
-})
-
-const Main = styled('main', {
-  position: 'relative',
-  flex: '1',
-  gridArea: 'main',
-  width: '100%',
-  margin: '0 auto',
-
-  '@tabletUp': {
-    maxWidth: 'calc(100vw - 30rem)',
-  },
-})
-
-const MainStickyMenu = styled(MenuSticky, {
-  width: 'inherit',
-  maxWidth: 'inherit',
-
-  '@tabletUp': {
-    display: 'flex',
-  },
-})
-
-const Article = styled('article', {
-  padding: '0 $25 $30 $25',
-  width: '100%',
-  mt: '$15',
-
-  '@tabletUp': {
-    padding: '0 6.2rem $80 6.2rem',
-    maxWidth: '$document',
-    margin: '0 auto',
-    mt: '$25',
-  },
-
-  variants: {
-    hasStickySubnav: {
-      false: {
-        paddingTop: 27,
-      },
-    },
-  },
-})
-
-const Footer = styled('footer', {
-  mt: '$40',
-})
-
-const EditAnchor = styled(Anchor, {
-  ...getFontStyles('$XXS'),
-  textDecoration: 'none',
-  fontWeight: '$default',
-  color: '$steel40',
-  display: 'inline-flex',
-  alignItems: 'center',
-
-  '& > span': {
-    ml: '$5',
-  },
-
-  '&:hover': {
-    '& > span': {
-      textDecoration: 'underline',
-    },
-  },
-})
-
-const BlockQuote = styled('blockquote', {
-  my: '$30',
-  position: 'relative',
-  ml: '$20',
-  opacity: 0.7,
-
-  '&:before': {
-    content: '""',
-    height: '100%',
-    width: 1,
-    backgroundColor: '$black',
-    position: 'absolute',
-    top: 0,
-    left: -20,
-  },
-})
diff --git a/docs/app/routes/docs/typescript.mdx b/docs/app/routes/docs.typescript.mdx
similarity index 95%
rename from docs/app/routes/docs/typescript.mdx
rename to docs/app/routes/docs.typescript.mdx
index 9edd09ea76..d738945d91 100644
--- a/docs/app/routes/docs/typescript.mdx
+++ b/docs/app/routes/docs.typescript.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 8
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # Typescript Glossary
 
 ## Animation
@@ -54,7 +58,7 @@ A value that any `SpringValue` or `Controller` can animate to.
 ```ts
 export declare type ControllerUpdate<
   State extends Lookup = Lookup,
-  Item = undefined
+  Item = undefined,
 > = unknown & ToProps<State> & ControllerProps<State, Item>
 ```
 
diff --git a/docs/app/routes/docs/utilities/index.mdx b/docs/app/routes/docs.utilities._index.mdx
similarity index 100%
rename from docs/app/routes/docs/utilities/index.mdx
rename to docs/app/routes/docs.utilities._index.mdx
diff --git a/docs/app/routes/docs/utilities/use-in-view.mdx b/docs/app/routes/docs.utilities.use-in-view.mdx
similarity index 91%
rename from docs/app/routes/docs/utilities/use-in-view.mdx
rename to docs/app/routes/docs.utilities.use-in-view.mdx
index 7ad0ae03c5..64082b313a 100644
--- a/docs/app/routes/docs/utilities/use-in-view.mdx
+++ b/docs/app/routes/docs.utilities.use-in-view.mdx
@@ -12,6 +12,10 @@ sidebar_position: 5
 isNew: true
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useInView
 
 A helpful utility hook tracking the visibility of an element in the viewport. Using the native `IntersectionObserver`,
@@ -72,11 +76,11 @@ function MyComponent() {
 
 ## References
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
 import {
   DEFAULT_CONFIG_DATA,
   USE_INVIEW_INTERSECTION_ARGS,
-} from '~/data/fixtures'
+} from '../data/fixtures'
 
 ### IntersectionArgs
 
@@ -116,7 +120,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid sandboxTitles={['Popup Modal']} />
 
diff --git a/docs/app/routes/docs/utilities/use-isomorphic-layout-effect.mdx b/docs/app/routes/docs.utilities.use-isomorphic-layout-effect.mdx
similarity index 95%
rename from docs/app/routes/docs/utilities/use-isomorphic-layout-effect.mdx
rename to docs/app/routes/docs.utilities.use-isomorphic-layout-effect.mdx
index c50929a1f3..959017df00 100644
--- a/docs/app/routes/docs/utilities/use-isomorphic-layout-effect.mdx
+++ b/docs/app/routes/docs.utilities.use-isomorphic-layout-effect.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 1
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useIsomorphicLayoutEffect
 
 ## Usage
diff --git a/docs/app/routes/docs/utilities/use-reduced-motion.mdx b/docs/app/routes/docs.utilities.use-reduced-motion.mdx
similarity index 96%
rename from docs/app/routes/docs/utilities/use-reduced-motion.mdx
rename to docs/app/routes/docs.utilities.use-reduced-motion.mdx
index 2dc8c9603f..f9f3fbbedc 100644
--- a/docs/app/routes/docs/utilities/use-reduced-motion.mdx
+++ b/docs/app/routes/docs.utilities.use-reduced-motion.mdx
@@ -11,6 +11,10 @@ meta:
 sidebar_position: 2
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useReducedMotion
 
 A utility hook designed to stop the running of animations in `react-spring` through
diff --git a/docs/app/routes/docs/utilities/use-resize.mdx b/docs/app/routes/docs.utilities.use-resize.mdx
similarity index 83%
rename from docs/app/routes/docs/utilities/use-resize.mdx
rename to docs/app/routes/docs.utilities.use-resize.mdx
index 23c6b6e7b7..4366f8a524 100644
--- a/docs/app/routes/docs/utilities/use-resize.mdx
+++ b/docs/app/routes/docs.utilities.use-resize.mdx
@@ -12,6 +12,10 @@ sidebar_position: 4
 isNew: true
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useResize
 
 A small abstraction around the [`useSpring`](/docs/components/use-spring) hook. It returns a `SpringValues`
@@ -32,8 +36,8 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { USE_RESIZE_CONFIG_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { USE_RESIZE_CONFIG_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={USE_RESIZE_CONFIG_DATA} />
 
diff --git a/docs/app/routes/docs/utilities/use-scroll.mdx b/docs/app/routes/docs.utilities.use-scroll.mdx
similarity index 83%
rename from docs/app/routes/docs/utilities/use-scroll.mdx
rename to docs/app/routes/docs.utilities.use-scroll.mdx
index f29cf762aa..7e5b0ae7db 100644
--- a/docs/app/routes/docs/utilities/use-scroll.mdx
+++ b/docs/app/routes/docs.utilities.use-scroll.mdx
@@ -12,6 +12,10 @@ sidebar_position: 3
 isNew: true
 ---
 
+import { formatFrontmatterToRemixMeta } from '../helpers/meta'
+
+export const meta = formatFrontmatterToRemixMeta(frontmatter)
+
 # useScroll
 
 A small utility abstraction around our signature [`useSpring`](/docs/components/use-spring) hook. It's a great way to
@@ -39,8 +43,8 @@ function MyComponent() {
 
 ## Reference
 
-import { TablesConfiguration } from '~/components/Tables/TablesConfig'
-import { USE_SCROLL_CONFIG_DATA } from '~/data/fixtures'
+import { TablesConfiguration } from '../components/Tables/TablesConfig'
+import { USE_SCROLL_CONFIG_DATA } from '../data/fixtures'
 
 <TablesConfiguration data={USE_SCROLL_CONFIG_DATA} />
 
@@ -54,7 +58,7 @@ Where `ConfigObject` is described [above](#reference)
 
 ## Examples
 
-import { ExampleGrid } from '~/components/Grids/ExampleGrid'
+import { ExampleGrid } from '../components/Grids/ExampleGrid'
 
 <ExampleGrid sandboxTitles={['Scrolling Wave']} />
 
diff --git a/docs/app/routes/examples.tsx b/docs/app/routes/examples.tsx
index 134a4910df..728d719c71 100644
--- a/docs/app/routes/examples.tsx
+++ b/docs/app/routes/examples.tsx
@@ -6,21 +6,18 @@ import {
   LoaderFunction,
   MetaFunction,
   redirect,
-} from '@remix-run/node'
+} from '@vercel/remix'
 import {
   useLoaderData,
   Form,
   useFetcher,
-  useTransition,
+  useNavigation,
   useSearchParams,
 } from '@remix-run/react'
 
-import { styled } from '~/styles/stitches.config'
-
 import { Header } from '~/components/Header/Header'
 import { CardExample } from '~/components/Cards/CardExample'
 import { Heading } from '~/components/Text/Heading'
-import { InlineLinkStyles } from '~/components/InlineLink'
 import { Copy } from '~/components/Text/Copy'
 import { Anchor } from '~/components/Text/Anchor'
 import { Select } from '~/components/Select'
@@ -28,6 +25,16 @@ import { Select } from '~/components/Select'
 import { SANDBOXES } from '~/data/sandboxes'
 
 import { fetchSandbox, getTagsAndComponents } from '~/helpers/sandboxes'
+import { WidgetCarbon } from '../components/Widgets/WidgetCarbon'
+import {
+  copy,
+  exampleFilters,
+  flex,
+  h2,
+  main,
+  sandboxesList,
+  xlHeading,
+} from '../styles/routes/examples.css'
 
 export const loader: LoaderFunction = async ({ request }) => {
   try {
@@ -93,18 +100,38 @@ export const action: ActionFunction = async ({ request }) => {
 }
 
 export const meta: MetaFunction = () => {
-  return {
-    title: 'Examples | React Spring',
-    description: `The home of examples using react-spring to bring naturally fluid animations elevating UI & interactions`,
-    'og:title': 'Examples | React Spring',
-    'og:description':
-      'The home of examples using react-spring to bring naturally fluid animations elevating UI & interactions',
-    'og:url': 'https://www.react-spring.dev/examples',
-    'twitter:url': 'https://www.react-spring.dev/examples',
-    'twitter:title': 'Examples | React Spring',
-    'twitter:description':
-      'The home of examples using react-spring to bring naturally fluid animations elevating UI & interactions',
-  }
+  return [
+    {
+      title: 'Examples | React Spring',
+    },
+    {
+      name: 'description',
+      content: `The home of examples using react-spring to bring naturally fluid animations elevating UI & interactions`,
+    },
+    { property: 'og:title', content: 'Examples | React Spring' },
+    {
+      name: 'og:description',
+      contnet:
+        'The home of examples using react-spring to bring naturally fluid animations elevating UI & interactions',
+    },
+    {
+      name: 'og:url',
+      content: 'https://www.react-spring.dev/examples',
+    },
+    {
+      name: 'twitter:url',
+      content: 'https://www.react-spring.dev/examples',
+    },
+    {
+      name: 'twitter:title',
+      content: 'Examples | React Spring',
+    },
+    {
+      name: 'twitter:description',
+      content:
+        'The home of examples using react-spring to bring naturally fluid animations elevating UI & interactions',
+    },
+  ]
 }
 
 export interface Sandbox {
@@ -140,7 +167,7 @@ export default function Examples() {
 
   const fetcher = useFetcher()
 
-  const { state } = useTransition()
+  const { state } = useNavigation()
 
   const handleSelectChange =
     (name: 'tags' | 'components') =>
@@ -163,28 +190,13 @@ export default function Examples() {
   return (
     <>
       <Header />
-      <Main>
-        <Flex>
+      <main className={main}>
+        <div className={flex}>
           <div>
-            <Heading
-              fontStyle="$XL"
-              css={{
-                mb: 20,
-                '@tabletUp': {
-                  mb: 30,
-                },
-              }}
-            >
+            <Heading fontStyle="XL" className={xlHeading}>
               Examples
             </Heading>
-            <Copy
-              css={{
-                '& > a': {
-                  ...InlineLinkStyles,
-                },
-                maxWidth: 680,
-              }}
-            >
+            <Copy className={copy}>
               {`Got an example you want to see here & share with the community?`}{' '}
               Check out{' '}
               <Anchor href="https://github.com/pmndrs/react-spring/tree/main/demo/CONTRIBUTING.md">
@@ -192,10 +204,10 @@ export default function Examples() {
               </Anchor>
               .
             </Copy>
-            <ExampleFilters method="post" ref={formRef}>
+            <Form className={exampleFilters} method="post" ref={formRef}>
               <Heading
                 tag="h2"
-                fontStyle="$XS"
+                fontStyle="XS"
                 style={{ display: 'inline-block' }}
               >
                 {`Alternatively, check out examples by `}
@@ -208,7 +220,7 @@ export default function Examples() {
               />
               <Heading
                 tag="h2"
-                fontStyle="$XS"
+                fontStyle="XS"
                 style={{ display: 'inline-block' }}
               >
                 {` or `}
@@ -221,36 +233,20 @@ export default function Examples() {
               />
               {selectStates.tags.length > 0 ||
               selectStates.components.length > 0 ? (
-                <Heading
-                  tag="h2"
-                  fontStyle="$XS"
-                  css={{
-                    display: 'inline',
-                    ml: -6,
-
-                    '& > a': {
-                      ...InlineLinkStyles,
-                      fontWeight: '$bold',
-                    },
-                  }}
-                >
+                <Heading tag="h2" fontStyle="XS" className={h2}>
                   {'. Or maybe, you want to see them '}
                   <Anchor href="/examples">all?</Anchor>
                 </Heading>
               ) : null}
-            </ExampleFilters>
+            </Form>
           </div>
           <div>
-            <script
-              async
-              type="text/javascript"
-              src="https://cdn.carbonads.com/carbon.js?serve=CEAIPK7I&placement=react-springdev"
-              id="_carbonads_js"
-            />
+            <WidgetCarbon />
           </div>
-        </Flex>
-        <SandboxesList
-          css={{
+        </div>
+        <ul
+          className={sandboxesList}
+          style={{
             opacity: state === 'loading' ? 0.5 : 1,
           }}
         >
@@ -259,67 +255,8 @@ export default function Examples() {
               <CardExample {...props} />
             </li>
           ))}
-        </SandboxesList>
-      </Main>
+        </ul>
+      </main>
     </>
   )
 }
-
-const Main = styled('main', {
-  padding: '0 $25',
-  width: '100%',
-  margin: '0 auto',
-  maxWidth: '$largeDoc',
-  flexGrow: 1,
-
-  '@tabletUp': {
-    padding: '0 $15',
-  },
-
-  '@desktopUp': {
-    px: '$50',
-  },
-})
-
-const Flex = styled('div', {
-  '#carbonads': {
-    mb: '$20',
-  },
-
-  '@tabletUp': {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'flex-end',
-    gap: '$40',
-
-    '#carbonads': {
-      maxWidth: '400px',
-      mb: '$40',
-    },
-  },
-})
-
-const SandboxesList = styled('ul', {
-  display: 'grid',
-  gridRowGap: '20px',
-  m: 0,
-  p: 0,
-  listStyle: 'none',
-
-  '@tabletUp': {
-    gridTemplateColumns: 'repeat(2, 1fr)',
-    gridColumnGap: '20px',
-  },
-
-  '@desktopUp': {
-    gridTemplateColumns: 'repeat(3, 1fr)',
-  },
-})
-
-const ExampleFilters = styled(Form, {
-  mb: '$20',
-
-  '@tabletUp': {
-    mb: '$40',
-  },
-})
diff --git a/docs/app/styles/breakpoints.css.ts b/docs/app/styles/breakpoints.css.ts
new file mode 100644
index 0000000000..da65308162
--- /dev/null
+++ b/docs/app/styles/breakpoints.css.ts
@@ -0,0 +1,6 @@
+export const BREAKPOINTS = {
+  tabletUp: '(min-width: 768px)',
+  desktopUp: '(min-width: 1024px)',
+  largeDesktopUp: '(min-width: 1680px)',
+  documentUp: '(min-width: 1200px)',
+}
diff --git a/docs/app/styles/dark-theme.css.ts b/docs/app/styles/dark-theme.css.ts
new file mode 100644
index 0000000000..8b4fef520d
--- /dev/null
+++ b/docs/app/styles/dark-theme.css.ts
@@ -0,0 +1,103 @@
+import { createTheme } from '@vanilla-extract/css'
+import { vars } from './theme-contract.css'
+
+export const darkThemeClass = createTheme(vars, {
+  colors: {
+    red120: '#cc5757',
+    red100: '#ff6d6d',
+    red80: '#ff8a8a',
+    red60: '#ffa7a7',
+    red40: '#ffc5c5',
+    red20: '#ffe2e2',
+    steel120: '#2b2b37',
+    steel100: '#f0f2f4',
+    steel80: '#5e5e6a',
+    steel60: '#86868f',
+    steel40: '#afafb5',
+    steel20: '#2b2b37',
+    white: '#1B1A22',
+    white80: '#1B1A22CC',
+    white0: 'rgba(250,250,250,0)',
+    black: 'rgba(250,250,250,1)',
+    blue: '#569AFF',
+    green: '#88DFAB',
+    codeBackground: '#2b2b37',
+    'red-outline': '#cc5757',
+    redYellowGradient100: 'linear-gradient(330deg, #fff59a 20%, #ff6d6d 100%)',
+    redYellowGradient40:
+      'linear-gradient(330deg, #fff59a66 20%, #ff6d6d66 100%)',
+    blueGreenGradient100:
+      'linear-gradient(150deg, #569AFF 10.21%, #88DFAB 84.57%)',
+    blueGreenGradient40:
+      'linear-gradient(150deg, #569AFF66 10.21%, #88DFAB66 84.57%)',
+  },
+  shadows: {
+    'red-outline': '#cc5757',
+  },
+  space: {
+    '5': '0.5rem',
+    '10': '1rem',
+    '15': '1.5rem',
+    '20': '2rem',
+    '25': '2.5rem',
+    '30': '3rem',
+    '35': '3.5rem',
+    '40': '4rem',
+    '45': '4.5rem',
+    '50': '5rem',
+    '60': '6rem',
+    '80': '8rem',
+    '100': '10rem',
+    '110': '11rem',
+  },
+  sizes: {
+    splash: '40rem',
+    type: '80rem',
+    document: '120rem',
+    largeDoc: '1600px',
+  },
+  radii: {
+    r4: '0.4rem',
+    r8: '0.8rem',
+    r20: '2rem',
+    round: '50%',
+  },
+  zIndices: {
+    1: '100',
+    '1.5': '150',
+    2: '200',
+    3: '300',
+    4: '400',
+    max: '999',
+  },
+  fonts: {
+    sans: 'Inter, -apple-system, system-ui, sans-serif',
+    'sans-var': '"Inter var", -apple-system, system-ui, sans-serif',
+    mono: '"Space Mono", monospace',
+  },
+  fontWeights: {
+    default: '300',
+    bold: '500',
+    semiblack: '600',
+  },
+  fontSizes: {
+    XXL: '4.8rem',
+    XL: '4rem',
+    L: '3.2rem',
+    M: '2.6rem',
+    S: '2rem',
+    XS: '1.6rem',
+    XXS: '1.4rem',
+    code: '1.4rem',
+  },
+  lineHeights: {
+    XXL: '5.8rem',
+    XL: '5rem',
+    L: '4.2rem',
+    M: '3.6rem',
+    S: '3rem',
+    XS: '2.6rem',
+    XXS: '180%',
+    code: '1.8rem',
+  },
+})
diff --git a/docs/app/styles/fontStyles.css.ts b/docs/app/styles/fontStyles.css.ts
new file mode 100644
index 0000000000..ad060c526d
--- /dev/null
+++ b/docs/app/styles/fontStyles.css.ts
@@ -0,0 +1,100 @@
+import { style } from '@vanilla-extract/css'
+import { BREAKPOINTS } from './breakpoints.css'
+import { vars } from './theme-contract.css'
+
+export type FontSizes = typeof vars.fontSizes
+export type FontWeights = typeof vars.fontWeights
+
+export const XXL = style({
+  fontSize: vars.fontSizes.XL,
+  lineHeight: vars.lineHeights.XL,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.XXL,
+      lineHeight: vars.lineHeights.XXL,
+    },
+  },
+})
+
+export const XL = style({
+  fontSize: vars.fontSizes.L,
+  lineHeight: vars.lineHeights.L,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.XL,
+      lineHeight: vars.lineHeights.XL,
+    },
+  },
+})
+
+export const L = style({
+  fontSize: vars.fontSizes.M,
+  lineHeight: vars.lineHeights.M,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.L,
+      lineHeight: vars.lineHeights.L,
+    },
+  },
+})
+
+export const M = style({
+  fontSize: vars.fontSizes.S,
+  lineHeight: vars.lineHeights.S,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.M,
+      lineHeight: vars.lineHeights.M,
+    },
+  },
+})
+
+export const S = style({
+  fontSize: vars.fontSizes.XS,
+  lineHeight: vars.lineHeights.XS,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.S,
+      lineHeight: vars.lineHeights.S,
+    },
+  },
+})
+
+export const XS = style({
+  fontSize: vars.fontSizes.XXS,
+  lineHeight: vars.lineHeights.XXS,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      fontSize: vars.fontSizes.XS,
+      lineHeight: vars.lineHeights.XS,
+    },
+  },
+})
+
+export const XXS = style({
+  fontSize: vars.fontSizes.XXS,
+  lineHeight: vars.lineHeights.XXS,
+})
+
+export const code = style({
+  fontSize: vars.fontSizes.code,
+  lineHeight: vars.lineHeights.code,
+})
+
+export const WEIGHTS = {
+  default: style({
+    fontWeight: vars.fontWeights.default,
+  }),
+  bold: style({
+    fontWeight: vars.fontWeights.bold,
+  }),
+  semiblack: style({
+    fontWeight: vars.fontWeights.semiblack,
+  }),
+}
diff --git a/docs/app/styles/fontStyles.ts b/docs/app/styles/fontStyles.ts
deleted file mode 100644
index d8269a6d36..0000000000
--- a/docs/app/styles/fontStyles.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { CSS, ScaleValue } from './stitches.config'
-
-type DesktopFontSizeTokens = ScaleValue<'fontSizes'>
-
-export const getFontStyles = (DeskStyle: DesktopFontSizeTokens): CSS => {
-  switch (DeskStyle) {
-    case '$XXL':
-      return {
-        fontSize: '$XL',
-        lineHeight: '$XL',
-
-        '@tabletUp': {
-          fontSize: DeskStyle,
-          lineHeight: DeskStyle,
-        },
-      }
-    case '$XL':
-      return {
-        fontSize: '$L',
-        lineHeight: '$L',
-
-        '@tabletUp': {
-          fontSize: DeskStyle,
-          lineHeight: DeskStyle,
-        },
-      }
-    case '$L':
-      return {
-        fontSize: '$M',
-        lineHeight: '$M',
-
-        '@tabletUp': {
-          fontSize: DeskStyle,
-          lineHeight: DeskStyle,
-        },
-      }
-    case '$M':
-      return {
-        fontSize: '$S',
-        lineHeight: '$S',
-
-        '@tabletUp': {
-          fontSize: DeskStyle,
-          lineHeight: DeskStyle,
-        },
-      }
-    case '$S':
-      return {
-        fontSize: '$XS',
-        lineHeight: '$XS',
-
-        '@tabletUp': {
-          fontSize: DeskStyle,
-          lineHeight: DeskStyle,
-        },
-      }
-    case '$XS':
-      return {
-        fontSize: '$XXS',
-        lineHeight: '$XXS',
-
-        '@tabletUp': {
-          fontSize: DeskStyle,
-          lineHeight: DeskStyle,
-        },
-      }
-    case '$XXS':
-      return {
-        fontSize: DeskStyle,
-        lineHeight: DeskStyle,
-      }
-    case '$code':
-      return {
-        fontSize: DeskStyle,
-        lineHeight: DeskStyle,
-      }
-    default:
-      return {}
-  }
-}
diff --git a/docs/app/styles/global.css.ts b/docs/app/styles/global.css.ts
new file mode 100644
index 0000000000..e3d57417c1
--- /dev/null
+++ b/docs/app/styles/global.css.ts
@@ -0,0 +1,246 @@
+import { globalStyle } from '@vanilla-extract/css'
+import { vars } from './theme-contract.css'
+import { BREAKPOINTS } from './breakpoints.css'
+
+export default globalStyle('html, body', {
+  color: vars.colors.black,
+  backgroundColor: vars.colors.white,
+
+  fontFamily: vars.fonts.sans,
+  fontKerning: 'normal',
+  fontSize: '62.5%',
+  letterSpacing: '-0.005em',
+
+  WebkitFontSmoothing: 'antialiased',
+
+  margin: 0,
+  minHeight: '100%',
+
+  '@supports': {
+    '(font-variation-settings: normal)': {
+      fontFamily: vars.fonts['sans-var'],
+    },
+  },
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      scrollBehavior: 'smooth',
+    },
+  },
+})
+
+globalStyle('*, *:before, *:after', {
+  boxSizing: 'border-box',
+})
+
+globalStyle('html', {
+  display: 'flex',
+})
+
+globalStyle('body', {
+  flex: '1 0 100%',
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'space-between',
+  maxWidth: '100%',
+})
+
+globalStyle('h1, h2, h3, h4, h5, h6, p', {
+  margin: 0,
+})
+
+globalStyle('button, a', {
+  color: 'inherit',
+  textDecoration: 'none',
+})
+
+globalStyle('*:focus-visible', {
+  boxShadow: `0 0 0 3px ${vars.colors['red-outline']}`,
+  outline: 'none',
+  borderRadius: vars.radii.r4,
+})
+
+globalStyle('#carbonads', {
+  fontFamily:
+    "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif",
+  display: 'flex',
+  justifyContent: 'stretch',
+  margin: '0 auto',
+  marginBottom: 40,
+  backgroundColor: vars.colors.codeBackground,
+  borderRadius: vars.radii.r8,
+  overflow: 'hidden',
+  boxShadow: '0 1px 4px 1px hsla(0, 0%, 0%, 0.1)',
+  zIndex: 100,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      maxWidth: '60%',
+    },
+  },
+})
+
+globalStyle('#carbonads *', {
+  margin: 'initial',
+  padding: 'initial',
+})
+
+globalStyle('#carbonads > span', {
+  width: '100%',
+})
+
+globalStyle('#carbonads a', {
+  color: 'inherit',
+  textDecoration: 'none',
+})
+
+globalStyle('#carbonads a:hover', {
+  color: 'inherit',
+})
+
+globalStyle('#carbonads span', {
+  position: 'relative',
+  display: 'block',
+  overflow: 'hidden',
+})
+
+globalStyle('#carbonads .carbon-wrap', {
+  display: 'flex',
+})
+
+globalStyle('#carbonads .carbon-img', {
+  display: 'block',
+  margin: 0,
+  lineHeight: 1,
+})
+
+globalStyle('#carbonads .carbon-img img', {
+  display: 'block',
+})
+
+globalStyle('#carbonads .carbon-text', {
+  fontSize: '14px',
+  padding: 10,
+  marginBottom: 16,
+  lineHeight: 1.5,
+  textAlign: 'left',
+})
+
+globalStyle('#carbonads .carbon-poweredby', {
+  display: 'block',
+  padding: '6px 8px',
+  background: vars.colors.white,
+  textAlign: 'center',
+  textTransform: 'uppercase',
+  letterSpacing: '0.5px',
+  fontWeight: 600,
+  fontSize: 8,
+  lineHeight: 1,
+  borderTopLeftRadius: 3,
+  position: 'absolute',
+  bottom: 0,
+  right: 0,
+})
+
+globalStyle('.DocSearch', {
+  fontSize: vars.fontSizes.XS,
+})
+
+globalStyle('.DocSearch-Container, .DocSearch-Container *', {
+  pointerEvents: 'auto',
+})
+
+globalStyle('.DocSearch-Container', {
+  backgroundColor: vars.colors.white80,
+  borderRadius: vars.radii.r8,
+})
+
+globalStyle('.DocSearch-Modal', {
+  boxShadow: 'unset',
+  backgroundColor: vars.colors.codeBackground,
+})
+
+globalStyle('.DocSearch-MagnifierLabel', {
+  display: 'none',
+})
+
+globalStyle('.DocSearch-Form', {
+  padding: 0,
+  background: 'transparent',
+  boxShadow: 'unset',
+  border: `1px solid ${vars.colors.steel40}`,
+})
+
+globalStyle('.DocSearch-Input', {
+  fontSize: 'inherit',
+  padding: `${vars.space['5']} 11px`,
+  background: 'transparent',
+  color: vars.colors.black,
+})
+
+globalStyle('.DocSearch-Input::placeholder', {
+  color: vars.colors.black,
+})
+
+globalStyle('.DocSearch-Reset:hover', {
+  color: vars.colors.steel40,
+})
+
+globalStyle('.DocSearch-Help', {
+  fontSize: 'inherit',
+  color: vars.colors.steel40,
+})
+
+globalStyle('.DocSearch-Dropdown', {
+  minHeight: '20vh',
+})
+
+globalStyle('.DocSearch-Footer', {
+  background: 'transparent',
+  boxShadow: 'unset',
+})
+
+globalStyle('.DocSearch-Label', {
+  color: vars.colors.steel40,
+})
+
+globalStyle('.DocSearch-Commands-Key', {
+  background: 'transparent',
+  border: `1px solid ${vars.colors.steel40}`,
+  borderRadius: 4,
+  padding: 4,
+  height: 'unset',
+  width: 'unset',
+  boxShadow: 'unset',
+})
+
+globalStyle('.DocSearch-Hit-source', {
+  background: 'transparent',
+  color: vars.colors.black,
+})
+
+globalStyle('.DocSearch-Hit > a', {
+  background: 'transparent',
+  boxShadow: 'unset',
+  borderRadius: vars.radii.r8,
+})
+
+globalStyle('.DocSearch-Hit > a:hover', {
+  backgroundColor: vars.colors.red100,
+})
+
+globalStyle('.DocSearch-Hit[aria-selected=true] > a', {
+  backgroundColor: vars.colors.red100,
+})
+
+globalStyle('.DocSearch-Hit-Container, .DocSearch-Prefill', {
+  color: vars.colors.black,
+})
+
+globalStyle('.DocSearch-Hit-title', {
+  fontSize: 'inherit',
+})
+
+globalStyle('.DocSearch mark', {
+  color: vars.colors.red100,
+})
diff --git a/docs/app/styles/global.ts b/docs/app/styles/global.ts
deleted file mode 100644
index 04fa607086..0000000000
--- a/docs/app/styles/global.ts
+++ /dev/null
@@ -1,249 +0,0 @@
-import { dark, globalCss } from './stitches.config'
-
-export const globalStyles = globalCss({
-  '*, *:before, *:after': {
-    boxSizing: 'border-box',
-  },
-
-  'html, body': {
-    color: '$black',
-    backgroundColor: '$white',
-    ['-webkit-text-size-adjust']: '100%',
-
-    '-webkit-font-smoothing': 'antialiased',
-    '-moz-osx-font-smoothing': 'grayscale',
-    fontFamily: '$sans',
-    fontKerning: 'normal',
-    fontSize: '62.5%',
-    letterSpacing: '-0.005em',
-
-    margin: 0,
-    minHeight: '100%',
-
-    '@supports(font-variation-settings: normal)': {
-      fontFamily: '$sans-var',
-    },
-
-    '@motion': {
-      scrollBehavior: 'smooth',
-    },
-
-    '@-moz-document url-prefix()': {
-      fontVariantLigatures: 'none',
-    },
-  },
-
-  html: {
-    display: 'flex',
-  },
-
-  body: {
-    flex: '1 0 100%',
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'space-between',
-    maxWidth: '100%',
-  },
-
-  'h1, h2, h3, h4, h5, h6, p': {
-    margin: 0,
-  },
-
-  'button, a': {
-    color: 'inherit',
-    textDecoration: 'none',
-  },
-
-  '*:focus-visible': {
-    boxShadow: '0 0 0 3px $red-outline',
-    outline: 'none',
-    borderRadius: '$r4',
-
-    ['-webkit-tap-highlight-color']: '3px solid $red-outline',
-  },
-
-  '.DocSearch': {
-    fontSize: '$XS',
-
-    '&.DocSearch-Container, &.DocSearch-Container *': {
-      pointerEvents: 'auto',
-    },
-
-    '&.DocSearch-Container': {
-      backgroundColor: '$white80',
-      borderRadius: '$r8',
-    },
-
-    '.DocSearch-Modal': {
-      boxShadow: 'unset',
-      backgroundColor: '$codeBackground',
-    },
-
-    '.DocSearch-MagnifierLabel': {
-      display: 'none',
-    },
-
-    '.DocSearch-Form': {
-      p: 0,
-      background: 'transparent',
-      boxShadow: 'unset',
-      border: '1px solid $steel40',
-    },
-
-    '.DocSearch-Input': {
-      fontSize: 'inherit',
-      p: '$5 11px',
-      background: 'transparent',
-      color: '$black',
-
-      '&::placeholder': {
-        color: '$black',
-      },
-    },
-
-    '.DocSearch-Reset:hover': {
-      color: '#ff6d6dcc',
-    },
-
-    '.DocSearch-Help': {
-      fontSize: 'inherit',
-      color: '$steel40',
-    },
-
-    '.DocSearch-Dropdown': {
-      minHeight: '20vh',
-    },
-
-    '.DocSearch-Footer': {
-      background: 'transparent',
-      boxShadow: 'unset',
-    },
-
-    '.DocSearch-Label': {
-      color: '$steel40',
-    },
-
-    '.DocSearch-Commands-Key': {
-      background: 'transparent',
-      border: '1px solid $steel40',
-      borderRadius: 4,
-      p: 4,
-      height: 'unset',
-      width: 'unset',
-      boxShadow: 'unset',
-    },
-
-    '.DocSearch-Hit-source': {
-      background: 'transparent',
-      color: '$black',
-    },
-
-    '.DocSearch-Hit > a': {
-      background: 'transparent',
-      boxShadow: 'unset',
-      borderRadius: '$r8',
-
-      hover: {
-        backgroundColor: '#ff6d6d33',
-      },
-    },
-
-    '.DocSearch-Hit[aria-selected=true] > a': {
-      backgroundColor: '#ff6d6d33',
-    },
-
-    '.DocSearch-Hit-Container, .DocSearch-Prefill': {
-      color: '$black',
-    },
-
-    '.DocSearch-Hit-title': {
-      fontSize: 'inherit',
-    },
-
-    mark: {
-      color: '$red100',
-    },
-  },
-
-  '#carbonads': {
-    '& *': {
-      margin: 'initial',
-      padding: 'initial',
-    },
-
-    fontFamily:
-      "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif",
-    display: 'flex',
-    justifyContent: 'stretch',
-    mb: 40,
-    mx: 'auto',
-    backgroundColor: '$codeBackground',
-    borderRadius: '$r8',
-    overflow: 'hidden',
-    boxShadow: '0 1px 4px 1px hsla(0, 0%, 0%, 0.1)',
-    zIndex: 100,
-
-    '@tabletUp': {
-      maxWidth: '60%',
-    },
-
-    '& > span': {
-      width: '100%',
-    },
-
-    '& a': {
-      color: 'inherit',
-      textDecoration: 'none',
-
-      '&:hover': {
-        color: 'inerhit',
-      },
-    },
-
-    '& span': {
-      position: 'relative',
-      display: 'block',
-      overflow: 'hidden',
-    },
-
-    '& .carbon-wrap': {
-      display: 'flex',
-    },
-
-    '& .carbon-img': {
-      display: 'block',
-      margin: 0,
-      lineHeight: 1,
-
-      '& img': {
-        display: 'block',
-      },
-    },
-
-    '& .carbon-text': {
-      fontSize: '14px',
-      p: 10,
-      mb: 16,
-      lineHeight: 1.5,
-      textAlign: 'left',
-    },
-
-    '& .carbon-poweredby': {
-      display: 'block',
-      p: '6px 8px',
-      background: '$white',
-      textAlign: 'center',
-      textTransform: 'uppercase',
-      letterSpacing: '0.5px',
-      fontWeight: 600,
-      fontSize: 8,
-      lineHeight: 1,
-      borderTopLeftRadius: 3,
-      position: 'absolute',
-      bottom: 0,
-      right: 0,
-    },
-  },
-
-  [`${dark}`]: {},
-})
diff --git a/docs/app/styles/light-theme.css.ts b/docs/app/styles/light-theme.css.ts
new file mode 100644
index 0000000000..ffda289b93
--- /dev/null
+++ b/docs/app/styles/light-theme.css.ts
@@ -0,0 +1,103 @@
+import { createTheme } from '@vanilla-extract/css'
+import { vars } from './theme-contract.css'
+
+export const lightThemeClass = createTheme(vars, {
+  colors: {
+    red120: '#cc5757',
+    red100: '#ff6d6d',
+    red80: '#ff8a8a',
+    red60: '#ffa7a7',
+    red40: '#ffc5c5',
+    red20: '#ffe2e2',
+    steel120: '#2b2b37',
+    steel100: '#363645',
+    steel80: '#5e5e6a',
+    steel60: '#86868f',
+    steel40: '#afafb5',
+    steel20: '#d7d7da',
+    white: 'rgba(250,250,250,1)',
+    white80: 'rgba(250,250,250,0.8)',
+    white0: 'rgba(250,250,250,0)',
+    black: '#1B1A22',
+    blue: '#569AFF',
+    green: '#88DFAB',
+    codeBackground: '#f0f2f4',
+    'red-outline': '#ffc5c5',
+    redYellowGradient100: 'linear-gradient(330deg, #fff59a 20%, #ff6d6d 100%)',
+    redYellowGradient40:
+      'linear-gradient(330deg, #fff59a66 20%, #ff6d6d66 100%)',
+    blueGreenGradient100:
+      'linear-gradient(150deg, #569AFF 10.21%, #88DFAB 84.57%)',
+    blueGreenGradient40:
+      'linear-gradient(150deg, #569AFF66 10.21%, #88DFAB66 84.57%)',
+  },
+  shadows: {
+    'red-outline': '#ffc5c5',
+  },
+  space: {
+    '5': '0.5rem',
+    '10': '1rem',
+    '15': '1.5rem',
+    '20': '2rem',
+    '25': '2.5rem',
+    '30': '3rem',
+    '35': '3.5rem',
+    '40': '4rem',
+    '45': '4.5rem',
+    '50': '5rem',
+    '60': '6rem',
+    '80': '8rem',
+    '100': '10rem',
+    '110': '11rem',
+  },
+  sizes: {
+    splash: '40rem',
+    type: '80rem',
+    document: '120rem',
+    largeDoc: '1600px',
+  },
+  radii: {
+    r4: '0.4rem',
+    r8: '0.8rem',
+    r20: '2rem',
+    round: '50%',
+  },
+  zIndices: {
+    1: '100',
+    '1.5': '150',
+    2: '200',
+    3: '300',
+    4: '400',
+    max: '999',
+  },
+  fonts: {
+    sans: 'Inter, -apple-system, system-ui, sans-serif',
+    'sans-var': '"Inter var", -apple-system, system-ui, sans-serif',
+    mono: '"Space Mono", monospace',
+  },
+  fontWeights: {
+    default: '400',
+    bold: '600',
+    semiblack: '700',
+  },
+  fontSizes: {
+    XXL: '4.8rem',
+    XL: '4rem',
+    L: '3.2rem',
+    M: '2.6rem',
+    S: '2rem',
+    XS: '1.6rem',
+    XXS: '1.4rem',
+    code: '1.4rem',
+  },
+  lineHeights: {
+    XXL: '5.8rem',
+    XL: '5rem',
+    L: '4.2rem',
+    M: '3.6rem',
+    S: '3rem',
+    XS: '2.6rem',
+    XXS: '180%',
+    code: '1.8rem',
+  },
+})
diff --git a/docs/app/styles/routes/$.css.ts b/docs/app/styles/routes/$.css.ts
new file mode 100644
index 0000000000..e91eeb2287
--- /dev/null
+++ b/docs/app/styles/routes/$.css.ts
@@ -0,0 +1,37 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../theme-contract.css'
+import { BREAKPOINTS } from '../breakpoints.css'
+
+export const main = style({
+  width: '100%',
+  height: '100%',
+  overflowX: 'hidden',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  flexDirection: 'column',
+  marginTop: vars.space['40'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['100'],
+    },
+  },
+})
+
+export const pre = style({
+  fontSize: 'clamp(2px, 1vw, 8px)',
+  transform: 'translateX(clamp(1px, 17vw, 130px))',
+})
+
+export const errorHeading = style({
+  marginTop: vars.space['10'],
+  marginBottom: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['20'],
+      marginBottom: vars.space['40'],
+    },
+  },
+})
diff --git a/docs/app/styles/routes/_index.css.ts b/docs/app/styles/routes/_index.css.ts
new file mode 100644
index 0000000000..fedef227f6
--- /dev/null
+++ b/docs/app/styles/routes/_index.css.ts
@@ -0,0 +1,42 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from '../theme-contract.css'
+import { BREAKPOINTS } from '../breakpoints.css'
+
+export const mainHeader = style({
+  paddingBottom: vars.space['15'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      paddingBottom: vars.space['25'],
+    },
+  },
+})
+
+export const externalLinkGrid = style({
+  margin: `0 ${vars.space['25']}`,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      margin: `0 ${vars.space['50']}`,
+    },
+  },
+})
+
+export const main = style({
+  width: '100%',
+  overflowX: 'hidden',
+})
+
+export const maxWrapper = style({
+  maxWidth: vars.sizes.largeDoc,
+  margin: '0 auto',
+})
+
+export const homeBlocks = style({
+  margin: `${vars.space['40']} 0`,
+
+  [`screen and ${BREAKPOINTS.tabletUp}`]: {
+    marginTop: vars.space['100'],
+    marginBottom: vars.space['80'],
+  },
+})
diff --git a/docs/app/styles/routes/docs.css.ts b/docs/app/styles/routes/docs.css.ts
new file mode 100644
index 0000000000..bc585655a8
--- /dev/null
+++ b/docs/app/styles/routes/docs.css.ts
@@ -0,0 +1,229 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../theme-contract.css'
+import { BREAKPOINTS } from '../breakpoints.css'
+import { recipe } from '@vanilla-extract/recipes'
+import { inlineLink } from '../utilities.css'
+
+export const h1 = style({
+  marginBottom: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginBottom: vars.space['30'],
+    },
+  },
+})
+
+export const h2 = style({
+  marginTop: vars.space['30'],
+  marginBottom: vars.space['15'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['40'],
+      marginBottom: vars.space['20'],
+    },
+  },
+})
+
+export const h3 = style({
+  marginTop: vars.space['30'],
+  marginBottom: vars.space['15'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['40'],
+      marginBottom: vars.space['20'],
+    },
+  },
+})
+
+export const h4 = style({
+  marginTop: vars.space['30'],
+  marginBottom: vars.space['15'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['40'],
+      marginBottom: vars.space['20'],
+    },
+  },
+})
+
+export const h5 = style({
+  marginTop: vars.space['30'],
+  marginBottom: `0.4rem`,
+  textTransform: 'uppercase',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginTop: vars.space['40'],
+      marginBottom: '0.6rem',
+    },
+  },
+})
+
+export const p = style({
+  selectors: {
+    '& + &': {
+      marginTop: vars.space['15'],
+    },
+
+    'pre + &': {
+      marginTop: vars.space['30'],
+    },
+  },
+
+  maxWidth: 680,
+})
+
+globalStyle(`${p} + pre`, {
+  marginTop: vars.space['40'],
+  marginBottom: vars.space['40'],
+})
+
+globalStyle(`${p} code`, {
+  backgroundColor: vars.colors.steel20,
+  borderRadius: vars.radii.r4,
+  padding: '0.2rem 0.5rem',
+})
+
+globalStyle(`${p} > a`, {
+  position: 'relative',
+  textDecoration: 'none',
+})
+
+globalStyle(`${p} > a:after`, {
+  position: 'absolute',
+  bottom: -1,
+  left: 0,
+  content: '',
+  width: '100%',
+  height: 2,
+  backgroundColor: vars.colors.red100,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'width 200ms ease-out',
+    },
+  },
+})
+
+globalStyle(`${p} > a:hover:after`, {
+  width: '0%',
+})
+
+export const list = style({
+  marginTop: vars.space['15'],
+})
+
+export const grid = style({
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'grid',
+      maxHeight: '100%',
+      overflow: 'hidden',
+      gridTemplateColumns: '30rem 1fr 1fr',
+      gridTemplateAreas: `
+                "header header header"
+                "aside main main"
+            `,
+    },
+  },
+})
+
+globalStyle(`${grid} > header`, {
+  gridArea: 'header',
+})
+
+export const main = style({
+  position: 'relative',
+  flex: '1',
+  gridArea: 'main',
+  width: '100%',
+  margin: '0 auto',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      maxWidth: 'calc(100vw - 30rem)',
+    },
+  },
+})
+
+export const mainStickyMenu = style({
+  width: 'inherit',
+  maxWidth: 'inherit',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'flex',
+    },
+  },
+})
+
+export const article = recipe({
+  base: {
+    padding: `0 ${vars.space['25']} ${vars.space['30']} ${vars.space['25']}`,
+    width: '100%',
+    marginTop: vars.space['15'],
+
+    '@media': {
+      [`screen and ${BREAKPOINTS.tabletUp}`]: {
+        padding: `0 6.2rem ${vars.space['80']} 6.2rem`,
+        maxWidth: vars.sizes.document,
+        margin: '0 auto',
+        marginTop: vars.space['25'],
+      },
+    },
+  },
+
+  variants: {
+    hasStickySubnav: {
+      false: {
+        paddingTop: 27,
+      },
+    },
+  },
+})
+
+export const footer = style({
+  marginTop: vars.space['40'],
+})
+
+export const editAnchor = style([
+  {},
+  {
+    fontSize: vars.fontSizes.XXS,
+    lineHeight: vars.lineHeights.XXS,
+    textDecoration: 'none',
+    fontWeight: vars.fontWeights.default,
+    color: vars.colors.steel40,
+    display: 'inline-flex',
+    alignItems: 'center',
+  },
+])
+
+globalStyle(`${editAnchor} > span`, {
+  marginLeft: vars.space['5'],
+})
+
+globalStyle(`${editAnchor}:hover > span`, {
+  textDecoration: 'underline',
+})
+
+export const blockQuote = style({
+  margin: `${vars.space['30']} 0`,
+  position: 'relative',
+  marginLeft: vars.space['20'],
+  opacity: 0.7,
+
+  ':before': {
+    content: '""',
+    height: '100%',
+    width: 1,
+    backgroundColor: vars.colors.black,
+    position: 'absolute',
+    top: 0,
+    left: -20,
+  },
+})
diff --git a/docs/app/styles/routes/examples.css.ts b/docs/app/styles/routes/examples.css.ts
new file mode 100644
index 0000000000..e3fd3e39c6
--- /dev/null
+++ b/docs/app/styles/routes/examples.css.ts
@@ -0,0 +1,120 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+import { vars } from '../theme-contract.css'
+import { BREAKPOINTS } from '../breakpoints.css'
+
+export const main = style({
+  padding: `0 ${vars.space['25']}`,
+  width: '100%',
+  margin: '0 auto',
+  maxWidth: vars.sizes.largeDoc,
+  flexGrow: 1,
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      padding: `0 ${vars.space['15']}`,
+    },
+
+    [`screen and ${BREAKPOINTS.desktopUp}`]: {
+      padding: `0 ${vars.space['50']}`,
+    },
+  },
+})
+
+export const flex = style({
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'flex-end',
+      gap: vars.space['40'],
+    },
+  },
+})
+
+globalStyle(`${flex} #carbonads`, {
+  marginBottom: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      maxWidth: 400,
+      marginBottom: vars.space['40'],
+    },
+  },
+})
+
+export const sandboxesList = style({
+  display: 'grid',
+  gridRowGap: vars.space['20'],
+  margin: 0,
+  padding: 0,
+  listStyle: 'none',
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      gridTemplateColumns: 'repeat(2, 1fr)',
+      gridColumnGap: vars.space['20'],
+    },
+
+    [`screen and ${BREAKPOINTS.desktopUp}`]: {
+      gridTemplateColumns: 'repeat(3, 1fr)',
+    },
+  },
+})
+
+export const exampleFilters = style({
+  marginBottom: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginBottom: vars.space['40'],
+    },
+  },
+})
+
+export const xlHeading = style({
+  marginBottom: vars.space['20'],
+
+  '@media': {
+    [`screen and ${BREAKPOINTS.tabletUp}`]: {
+      marginBottom: vars.space['30'],
+    },
+  },
+})
+
+export const copy = style({
+  maxWidth: 680,
+})
+
+export const h2 = style({
+  display: 'inline',
+  marginLeft: -6,
+})
+
+globalStyle(`${copy} > a, ${h2} > a`, {
+  position: 'relative',
+  textDecoration: 'none',
+})
+
+globalStyle(`${h2} > a`, {
+  fontWeight: vars.fontWeights.bold,
+})
+
+globalStyle(`${copy} > a:after, ${h2} > a:after`, {
+  position: 'absolute',
+  bottom: -1,
+  left: 0,
+  content: '',
+  width: '100%',
+  height: 2,
+  backgroundColor: vars.colors.red100,
+
+  '@media': {
+    '(prefers-reduced-motion: no-preference)': {
+      transition: 'width 200ms ease-out',
+    },
+  },
+})
+
+globalStyle(`${copy} > a:hover:after, ${h2} > a:hover:after`, {
+  width: '0%',
+})
diff --git a/docs/app/styles/stitches.config.ts b/docs/app/styles/stitches.config.ts
deleted file mode 100644
index 465811d238..0000000000
--- a/docs/app/styles/stitches.config.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-import * as Stitches from '@stitches/react'
-
-interface GradientBorderParams {
-  width?: number
-  gradient?: string
-}
-
-const { styled, globalCss, getCssText, config, createTheme, keyframes, css } =
-  Stitches.createStitches({
-    theme: {
-      colors: {
-        red120: '#cc5757',
-        red100: '#ff6d6d',
-        red80: '#ff8a8a',
-        red60: '#ffa7a7',
-        red40: '#ffc5c5',
-        red20: '#ffe2e2',
-        steel120: '#2b2b37',
-        steel100: '#363645',
-        steel80: '#5e5e6a',
-        steel60: '#86868f',
-        steel40: '#afafb5',
-        steel20: '#d7d7da',
-        white: 'rgba(250,250,250,1)',
-        white80: 'rgba(250,250,250,0.8)',
-        white0: 'rgba(250,250,250,0)',
-        black: '#1B1A22',
-        blue: '#569AFF',
-        green: '#88DFAB',
-        codeBackground: '#f0f2f4',
-        'red-outline': '$red40',
-        redYellowGradient100:
-          'linear-gradient(330deg, #fff59a 20%, #ff6d6d 100%)',
-        redYellowGradient40:
-          'linear-gradient(330deg, #fff59a66 20%, #ff6d6d66 100%)',
-        blueGreenGradient100:
-          'linear-gradient(150deg, #569AFF 10.21%, #88DFAB 84.57%)',
-        blueGreenGradient40:
-          'linear-gradient(150deg, #569AFF66 10.21%, #88DFAB66 84.57%)',
-      },
-      shadows: {
-        'red-outline': 'var(--colors-red-outline)',
-      },
-      space: {
-        '5': '0.5rem',
-        '10': '1rem',
-        '15': '1.5rem',
-        '20': '2rem',
-        '25': '2.5rem',
-        '30': '3rem',
-        '35': '3.5rem',
-        '40': '4rem',
-        '45': '4.5rem',
-        '50': '5rem',
-        '60': '6rem',
-        '80': '8rem',
-        '100': '10rem',
-        '110': '11rem',
-      },
-      sizes: {
-        splash: '40rem',
-        type: '80rem',
-        document: '120rem',
-        largeDoc: '1600px',
-      },
-      radii: {
-        r4: '0.4rem',
-        r8: '0.8rem',
-        r20: '2rem',
-        round: '50%',
-      },
-      zIndices: {
-        1: '100',
-        ['1.5']: '150',
-        2: '200',
-        3: '300',
-        4: '400',
-        max: '999',
-      },
-      fonts: {
-        sans: 'Inter, -apple-system, system-ui, sans-serif',
-        'sans-var': '"Inter var", -apple-system, system-ui, sans-serif',
-        mono: '"Space Mono", monospace',
-        serif: '',
-      },
-      fontWeights: {
-        default: 400,
-        bold: 600,
-        semiblack: 700,
-      },
-      fontSizes: {
-        XXL: '4.8rem',
-        XL: '4rem',
-        L: '3.2rem',
-        M: '2.6rem',
-        S: '2rem',
-        XS: '1.6rem',
-        XXS: '1.4rem',
-        code: '1.4rem',
-      },
-      lineHeights: {
-        XXL: '5.8rem',
-        XL: '5rem',
-        L: '4.2rem',
-        M: '3.6rem',
-        S: '3rem',
-        XS: '2.6rem',
-        XXS: '180%',
-        code: '1.8rem',
-      },
-    },
-    media: {
-      tabletUp: '(min-width: 768px)',
-      desktopUp: '(min-width: 1024px)',
-      largeDesktopUp: '(min-width: 1680px)',
-      dark: '(prefers-color-scheme: dark)',
-      light: '(prefers-color-scheme: light)',
-      motion: '(prefers-reduced-motion: no-preference)',
-      documentUp: '(min-width: 1200px)',
-    },
-    utils: {
-      p: (value: Stitches.PropertyValue<'padding'>) => ({
-        padding: value,
-      }),
-      pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({
-        paddingTop: value,
-      }),
-      pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({
-        paddingRight: value,
-      }),
-      pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({
-        paddingBottom: value,
-      }),
-      pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({
-        paddingLeft: value,
-      }),
-      px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({
-        paddingLeft: value,
-        paddingRight: value,
-      }),
-      py: (value: Stitches.PropertyValue<'paddingTop'>) => ({
-        paddingTop: value,
-        paddingBottom: value,
-      }),
-
-      m: (value: Stitches.PropertyValue<'margin'>) => ({
-        margin: value,
-      }),
-      mt: (value: Stitches.PropertyValue<'marginTop'>) => ({
-        marginTop: value,
-      }),
-      mr: (value: Stitches.PropertyValue<'marginRight'>) => ({
-        marginRight: value,
-      }),
-      mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({
-        marginBottom: value,
-      }),
-      ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({
-        marginLeft: value,
-      }),
-      mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({
-        marginLeft: value,
-        marginRight: value,
-      }),
-      my: (value: Stitches.PropertyValue<'marginTop'>) => ({
-        marginTop: value,
-        marginBottom: value,
-      }),
-      debug: (value: Stitches.PropertyValue<'color'>) => ({
-        border: `solid 1px ${value}`,
-      }),
-      // require unused variable to allow custom CSS type to be used
-      visuallyHidden: (_val: string) => ({
-        position: 'absolute',
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: 'hidden',
-        clip: 'rect(0, 0, 0, 0)',
-        whiteSpace: 'nowrap',
-        wordWrap: 'normal',
-      }),
-      gradientBorder: ({ width = 1, gradient = '' }: GradientBorderParams) => ({
-        position: 'relative',
-
-        '&::before': {
-          content: `''`,
-          display: 'block',
-          backgroundImage: gradient,
-          position: 'absolute',
-          top: `-${width}px`,
-          left: `-${width}px`,
-          width: `calc(100% + ${width * 2}px)`,
-          height: `calc(100% + ${width * 2}px)`,
-          borderRadius: 'inherit',
-          zIndex: -1,
-        },
-      }),
-
-      hover: (val: object) => ({
-        '@media (hover:hover)': {
-          '&:hover': {
-            ...val,
-          },
-        },
-      }),
-    },
-  })
-
-const dark = createTheme('dark', {
-  colors: {
-    black: 'rgba(250,250,250,1)',
-    white: '#1B1A22',
-    white80: '#1B1A22CC',
-    codeBackground: '#2b2b37',
-    steel20: '#2b2b37',
-    steel100: '#f0f2f4',
-    'red-outline': '$red120',
-  },
-  fontWeights: {
-    default: 300,
-    bold: 500,
-    semiblack: 600,
-  },
-})
-
-type StitchesConfig = typeof config
-type CSS = Stitches.CSS<StitchesConfig>
-type ScaleValue<TValue> = Stitches.ScaleValue<TValue, StitchesConfig>
-
-export type { StitchesConfig, CSS, ScaleValue }
-
-export { styled, getCssText, globalCss, dark, keyframes, css }
diff --git a/docs/app/styles/theme-contract.css.ts b/docs/app/styles/theme-contract.css.ts
new file mode 100644
index 0000000000..ec897aac18
--- /dev/null
+++ b/docs/app/styles/theme-contract.css.ts
@@ -0,0 +1,99 @@
+import { createThemeContract } from '@vanilla-extract/css'
+
+export const vars = createThemeContract({
+  colors: {
+    red120: '',
+    red100: '',
+    red80: '',
+    red60: '',
+    red40: '',
+    red20: '',
+    steel120: '',
+    steel100: '',
+    steel80: '',
+    steel60: '',
+    steel40: '',
+    steel20: '',
+    white: '',
+    white80: '',
+    white0: '',
+    black: '',
+    blue: '',
+    green: '',
+    codeBackground: '',
+    'red-outline': '',
+    redYellowGradient100: '',
+    redYellowGradient40: '',
+    blueGreenGradient100: '',
+    blueGreenGradient40: '',
+  },
+  shadows: {
+    'red-outline': '',
+  },
+  space: {
+    '5': '',
+    '10': '',
+    '15': '',
+    '20': '',
+    '25': '',
+    '30': '',
+    '35': '',
+    '40': '',
+    '45': '',
+    '50': '',
+    '60': '',
+    '80': '',
+    '100': '',
+    '110': '',
+  },
+  sizes: {
+    splash: '',
+    type: '',
+    document: '',
+    largeDoc: '',
+  },
+  radii: {
+    r4: '',
+    r8: '',
+    r20: '',
+    round: '',
+  },
+  zIndices: {
+    1: '',
+    '1.5': '',
+    2: '',
+    3: '',
+    4: '',
+    max: '',
+  },
+  fonts: {
+    sans: '',
+    'sans-var': '',
+    mono: '',
+  },
+  fontWeights: {
+    default: '',
+    bold: '',
+    semiblack: '',
+  },
+  fontSizes: {
+    XXL: '',
+    XL: '',
+    L: '',
+    M: '',
+    S: '',
+    XS: '',
+    XXS: '',
+    code: '',
+  },
+  lineHeights: {
+    XXL: '',
+    XL: '',
+    L: '',
+    M: '',
+    S: '',
+    XS: '',
+    XXS: '',
+    code: '',
+  },
+})
diff --git a/docs/app/styles/utilities.css.ts b/docs/app/styles/utilities.css.ts
new file mode 100644
index 0000000000..c62fc6a433
--- /dev/null
+++ b/docs/app/styles/utilities.css.ts
@@ -0,0 +1,42 @@
+import { style } from '@vanilla-extract/css'
+import { vars } from './theme-contract.css'
+
+export const visuallyHidden = style({
+  position: 'absolute',
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: 'hidden',
+  clip: 'rect(0, 0, 0, 0)',
+  whiteSpace: 'nowrap',
+  wordWrap: 'normal',
+})
+
+export const inlineLink = style({
+  position: 'relative',
+  textDecoration: 'none',
+
+  selectors: {
+    '&:after': {
+      position: 'absolute',
+      bottom: -1,
+      left: 0,
+      content: '',
+      width: '100%',
+      height: 2,
+      backgroundColor: vars.colors.red100,
+
+      '@media': {
+        '(prefers-reduced-motion: no-preference)': {
+          transition: 'width 200ms ease-out',
+        },
+      },
+    },
+
+    '&:hover:after': {
+      width: '0%',
+    },
+  },
+})
diff --git a/docs/env.d.ts b/docs/env.d.ts
new file mode 100644
index 0000000000..92266a7c30
--- /dev/null
+++ b/docs/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="@vercel/remix" />
diff --git a/docs/package.json b/docs/package.json
index a33896e5aa..695e248a0f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -2,58 +2,72 @@
   "name": "@react-spring/docs",
   "license": "MIT",
   "author": "Josh Ellis",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "private": true,
+  "type": "module",
+  "sideEffects": false,
   "scripts": {
-    "build": "remix build",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf .cache && rm -rf api",
+    "build": "remix vite:build",
     "dev": "concurrently \"yarn dev:remix\" \"yarn scripts:watch\"",
-    "dev:remix": "remix dev",
+    "dev:remix": "vite dev",
     "lint": "TIMING=1 eslint \"app/**/*.ts*\" \"scripts/**/*.ts*\"",
-    "scripts:build": "ts-node ./scripts/build.ts",
-    "scripts:watch": "ts-node ./scripts/watch.ts"
+    "start": "remix-serve ./build/server/index.js",
+    "scripts:build": "node --loader esbuild-register/loader -r esbuild-register ./scripts/build",
+    "scripts:watch": "node --loader esbuild-register/loader -r esbuild-register ./scripts/watch",
+    "test:ts": "tsc --noEmit"
   },
   "dependencies": {
-    "@codesandbox/sandpack-react": "^1.20.9",
-    "@docsearch/react": "^3.3.3",
-    "@mdx-js/react": "^1.6.22",
-    "@radix-ui/react-accordion": "^1.1.0",
-    "@radix-ui/react-dialog": "patch:@radix-ui/react-dialog@npm:0.1.7#../.yarn/patches/@radix-ui-react-dialog-npm-1.0.0-61b8140da9.patch",
-    "@radix-ui/react-popover": "^1.0.4",
-    "@radix-ui/react-toolbar": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.4",
+    "@codesandbox/sandpack-react": "2.13.10",
+    "@docsearch/react": "3.6.0",
+    "@mdx-js/react": "3.0.1",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-toolbar": "1.0.4",
+    "@radix-ui/react-tooltip": "1.0.7",
     "@react-spring/rafz": "workspace:^",
-    "@react-spring/web": "9.7.3",
-    "@remix-run/node": "^1.15.0",
-    "@remix-run/react": "^1.15.0",
-    "@remix-run/vercel": "^1.15.0",
-    "@stitches/react": "^1.2.8",
-    "@supabase/supabase-js": "^2.10.0",
-    "@use-gesture/react": "^10.2.24",
-    "@vercel/node": "^2.10.2",
-    "gray-matter": "^4.0.3",
-    "hast-util-to-html": "7.1.3",
-    "jotai": "^2.0.3",
-    "parse-numeric-range": "^1.3.0",
-    "phosphor-react": "^1.4.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-select": "^5.7.0",
-    "react-use-measure": "^2.1.1",
-    "refractor": "3.6.0",
-    "rehype-autolink-headings": "5.1.0",
-    "rehype-parse": "7.0.1",
-    "rehype-slug": "4.0.1",
-    "remark-directive": "1.0.1",
-    "remix": "^1.12.0",
-    "unified": "9.2.2",
-    "unist-util-visit": "2.0.3",
-    "zod": "^3.21.4"
+    "@react-spring/web": "workspace:^",
+    "@remix-run/node": "2.9.2",
+    "@remix-run/react": "2.9.2",
+    "@remix-run/serve": "2.9.2",
+    "@remix-run/server-runtime": "2.9.2",
+    "@supabase/supabase-js": "2.43.4",
+    "@vanilla-extract/css": "1.15.2",
+    "@vanilla-extract/dynamic": "2.1.1",
+    "@vanilla-extract/recipes": "0.5.3",
+    "@vercel/analytics": "1.3.1",
+    "@vercel/remix": "2.9.2",
+    "clsx": "2.1.1",
+    "cookie": "0.6.0",
+    "isbot": "5.1.7",
+    "phosphor-react": "1.4.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-select": "5.8.0",
+    "zod": "3.23.8"
   },
   "devDependencies": {
-    "chokidar": "^3.5.3",
-    "concurrently": "^8.2.2",
-    "ts-node": "^10.9.1"
-  },
-  "sideEffects": false
+    "@mdx-js/rollup": "3.0.1",
+    "@remix-run/dev": "2.9.2",
+    "@vanilla-extract/vite-plugin": "4.0.10",
+    "chokidar": "3.6.0",
+    "concurrently": "8.2.2",
+    "esbuild": "0.21.4",
+    "esbuild-register": "3.5.0",
+    "gray-matter": "4.0.3",
+    "hast-util-to-html": "9.0.1",
+    "parse-numeric-range": "1.3.0",
+    "refractor": "4.8.1",
+    "rehype-autolink-headings": "7.1.0",
+    "rehype-parse": "9.0.0",
+    "rehype-slug": "6.0.0",
+    "remark-directive": "3.0.0",
+    "remark-frontmatter": "5.0.0",
+    "remark-mdx-frontmatter": "4.0.0",
+    "typescript": "5.3.3",
+    "unified": "11.0.4",
+    "unist-util-visit": "5.0.0",
+    "vite": "5.2.11",
+    "vite-tsconfig-paths": "4.3.2"
+  }
 }
diff --git a/docs/remix.config.js b/docs/remix.config.js
deleted file mode 100644
index cc87d91dc9..0000000000
--- a/docs/remix.config.js
+++ /dev/null
@@ -1,27 +0,0 @@
-const rehypeAutolinkHeadings = require('rehype-autolink-headings')
-const rehypeSlug = require('rehype-slug')
-const remarkDirective = require('remark-directive')
-
-const rehypeHighlightCode = require('./scripts/mdx/rehype-highlight-code')
-const rehypeMetaAttribute = require('./scripts/mdx/rehype-meta-attribute')
-const parseCallouts = require('./scripts/mdx/remark-plugin-parser')
-
-/**
- * @type {import('@remix-run/dev/config').AppConfig}
- */
-module.exports = {
-  serverBuildTarget: 'vercel',
-  server: process.env.NODE_ENV === 'development' ? undefined : './server.js',
-  ignoredRouteFiles: ['**/.*', '**/concepts/index.mdx', '**/api/index.mdx'],
-  mdx: () => {
-    return {
-      rehypePlugins: [
-        rehypeSlug,
-        [rehypeAutolinkHeadings, { behavior: 'wrap' }],
-        rehypeHighlightCode,
-        rehypeMetaAttribute,
-      ],
-      remarkPlugins: [remarkDirective, parseCallouts],
-    }
-  },
-}
diff --git a/docs/remix.env.d.ts b/docs/remix.env.d.ts
deleted file mode 100644
index 72e2affe31..0000000000
--- a/docs/remix.env.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-/// <reference types="@remix-run/dev" />
-/// <reference types="@remix-run/node/globals" />
diff --git a/docs/scripts/docs/docs.ts b/docs/scripts/docs/docs.ts
index fabacdae56..4800c60bcf 100644
--- a/docs/scripts/docs/docs.ts
+++ b/docs/scripts/docs/docs.ts
@@ -17,14 +17,42 @@ interface DocFile {
   docPath: string
 }
 
-const readDoc = async (source: string): Promise<DocFile> => {
-  const pathToDocs = path.resolve(__dirname, '../../app/routes/docs')
+const readDoc = async (src: string): Promise<DocFile> => {
+  const pathToDocs = path.resolve(__dirname, '../../app/routes')
 
-  const [_, docPathWithSrc] = source.split(pathToDocs)
+  const [_, docPathWithSrc] = src.split(pathToDocs)
 
-  const docPath = path.dirname(docPathWithSrc)
+  /**
+   * Converts:
+   * - /docs._index.mdx
+   * - /docs.advanced._index.mdx
+   * - /docs.advanced.async-animations.mdx
+   *
+   * To:
+   * - /index.mdx
+   * - /advanced/index.mdx
+   * - /advanced/async-animations.mdx
+   *
+   * Which is how the script worked with V1 remix routing.
+   * If we change the source here, everything else works as it should.
+   */
+  const source = `${docPathWithSrc
+    .split('.')
+    .map(path => {
+      if (path === '/docs') {
+        return ''
+      } else if (path === '_index') {
+        return 'index'
+      }
+
+      return path
+    })
+    .slice(0, -1)
+    .join('/')}.mdx`
+
+  const docPath = path.dirname(source)
 
-  const content = await fs.readFile(source, 'utf-8')
+  const content = await fs.readFile(src, 'utf-8')
 
   return {
     source,
@@ -169,10 +197,7 @@ const writeData = async (data: GeneratedDataFromDocs) => {
   }
 }
 
-const DOCS_DIR = path.resolve(
-  __dirname,
-  '../../app/routes/docs/**/*.{mdx,json}'
-)
+const DOCS_DIR = path.resolve(__dirname, '../../app/routes/*.{mdx,json}')
 
 export const watchDocs = () => {
   const watcher = chokidar.watch(DOCS_DIR, {
diff --git a/docs/scripts/mdx/rehype-highlight-code.js b/docs/scripts/mdx/rehype-highlight-code.js
index 2cbfa7817d..9a587c224a 100644
--- a/docs/scripts/mdx/rehype-highlight-code.js
+++ b/docs/scripts/mdx/rehype-highlight-code.js
@@ -2,14 +2,19 @@
  * Credit to https://ped.ro/writing/code-blocks-but-better
  */
 
-const rangeParser = require('parse-numeric-range')
-const visit = require('unist-util-visit')
-const nodeToString = require('hast-util-to-string')
-const refractor = require('refractor')
-const highlightLine = require('./rehype-highlight-line')
-const highlightWord = require('./rehype-highlight-word')
-
-module.exports = () => {
+import rangeParser from 'parse-numeric-range'
+import { visit } from 'unist-util-visit'
+import { toString } from 'hast-util-to-string'
+import { refractor } from 'refractor'
+import tsx from 'refractor/lang/tsx'
+import jsx from 'refractor/lang/jsx'
+import highlightLine from './rehype-highlight-line.js'
+import highlightWord from './rehype-highlight-word.js'
+
+export default () => {
+  refractor.register(tsx)
+  refractor.register(jsx)
+
   return tree => {
     visit(tree, 'element', visitor)
   }
@@ -20,7 +25,7 @@ module.exports = () => {
       const lang = node.properties.className
         ? node.properties.className[0].split('-')[1]
         : 'md'
-      const data = nodeToString(node)
+      const data = toString(node)
       let result = refractor.highlight(data, lang)
 
       const linesToHighlight = [0]
diff --git a/docs/scripts/mdx/rehype-highlight-line.js b/docs/scripts/mdx/rehype-highlight-line.js
index ea7b3c96ab..4bf28fdf06 100644
--- a/docs/scripts/mdx/rehype-highlight-line.js
+++ b/docs/scripts/mdx/rehype-highlight-line.js
@@ -2,9 +2,9 @@
  * Credit to https://ped.ro/writing/code-blocks-but-better
  */
 
-const hastToHtml = require('hast-util-to-html')
-const unified = require('unified')
-const parse = require('rehype-parse')
+import { toHtml } from 'hast-util-to-html'
+import { unified } from 'unified'
+import parse from 'rehype-parse'
 
 const lineNumberify = function lineNumberify(ast, lineNum = 1) {
   let lineNumber = lineNum
@@ -96,7 +96,7 @@ const MULTILINE_TOKEN_SPAN = /<span class="token ([^"]+)">[^<]*\n[^<]*<\/span>/g
 
 const applyMultilineFix = function (ast) {
   // AST to HTML
-  let html = hastToHtml(ast)
+  let html = toHtml(ast)
 
   // Fix JSX issue
   html = html.replace(MULTILINE_TOKEN_SPAN, (match, token) =>
@@ -111,7 +111,7 @@ const applyMultilineFix = function (ast) {
   return hast.children
 }
 
-module.exports = function (ast, lines) {
+export default function (ast, lines) {
   const formattedAst = applyMultilineFix(ast)
   const numbered = lineNumberify(formattedAst).nodes
 
diff --git a/docs/scripts/mdx/rehype-highlight-word.js b/docs/scripts/mdx/rehype-highlight-word.js
index b112ec2759..13c8c6c003 100644
--- a/docs/scripts/mdx/rehype-highlight-word.js
+++ b/docs/scripts/mdx/rehype-highlight-word.js
@@ -2,14 +2,14 @@
  * Credit to https://ped.ro/writing/code-blocks-but-better
  */
 
-const hastToHtml = require('hast-util-to-html')
-const unified = require('unified')
-const parse = require('rehype-parse')
+import { toHtml } from 'hast-util-to-html'
+import { unified } from 'unified'
+import parse from 'rehype-parse'
 
 const CALLOUT = /__(.*?)__/g
 
-module.exports = code => {
-  const html = hastToHtml(code)
+export default function (code) {
+  const html = toHtml(code)
   const result = html.replace(
     CALLOUT,
     (_, text) => `<span class="highlight-word">${text}</span>`
diff --git a/docs/scripts/mdx/rehype-meta-attribute.js b/docs/scripts/mdx/rehype-meta-attribute.js
index f3a2fad588..879b5a7a25 100644
--- a/docs/scripts/mdx/rehype-meta-attribute.js
+++ b/docs/scripts/mdx/rehype-meta-attribute.js
@@ -2,17 +2,17 @@
  * Credit to https://ped.ro/writing/code-blocks-but-better
  */
 
-const visit = require('unist-util-visit')
+import { visit } from 'unist-util-visit'
 
-var re = /\b([-\w]+)(?:=(?:"([^"]*)"|'([^']*)'|([^"'\s]+)))?/g
+const re = /\b([-\w]+)(?:=(?:"([^"]*)"|'([^']*)'|([^"'\s]+)))?/g
 
-module.exports = (options = {}) => {
+export default (options = {}) => {
   return tree => {
     visit(tree, 'element', visitor)
   }
 
   function visitor(node, index, parentNode) {
-    var match
+    let match
 
     if (node.tagName === 'code' && node.data && node.data.meta) {
       re.lastIndex = 0 // Reset regex.
diff --git a/docs/scripts/mdx/remark-plugin-parser.js b/docs/scripts/mdx/remark-plugin-parser.js
index df878501c6..2c349a1d27 100644
--- a/docs/scripts/mdx/remark-plugin-parser.js
+++ b/docs/scripts/mdx/remark-plugin-parser.js
@@ -1,7 +1,7 @@
-const visit = require('unist-util-visit')
+import { visit } from 'unist-util-visit'
 
 /** @type {import('unified').Plugin<[], import('mdast').Root>} */
-module.exports = function parseCallouts() {
+export default function parseCallouts() {
   return (tree, file) => {
     visit(tree, node => {
       if (
diff --git a/docs/server.js b/docs/server.js
deleted file mode 100644
index d30857b5d1..0000000000
--- a/docs/server.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import { createRequestHandler } from '@remix-run/vercel'
-import * as build from '@remix-run/dev/server-build'
-
-export default createRequestHandler({ build, mode: process.env.NODE_ENV })
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index 78938c666c..0191cf178b 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -1,18 +1,27 @@
 {
-  "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx", "**/*.js", "*.d.ts"],
-  "exclude": ["build", "api"],
+  "include": [
+    "env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.js",
+    "*.d.ts",
+    "vite.config.mts"
+  ],
+  "exclude": ["build"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2019"],
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "isolatedModules": true,
     "esModuleInterop": true,
     "jsx": "react-jsx",
-    "moduleResolution": "node",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
-    "target": "ES2019",
+    "target": "ESNext",
     "strict": true,
     "paths": {
       "~/*": ["./app/*"]
     },
+    "skipLibCheck": true,
     "noEmit": true,
     "baseUrl": ".",
     "allowJs": true,
diff --git a/docs/turbo.json b/docs/turbo.json
new file mode 100644
index 0000000000..860c421022
--- /dev/null
+++ b/docs/turbo.json
@@ -0,0 +1,9 @@
+{
+  "extends": ["//"],
+  "pipeline": {
+    "build": {
+      "inputs": ["app/**"],
+      "outputs": ["build/**", "public/build/**"]
+    }
+  }
+}
diff --git a/docs/vite.config.mts b/docs/vite.config.mts
new file mode 100644
index 0000000000..cda5522f12
--- /dev/null
+++ b/docs/vite.config.mts
@@ -0,0 +1,52 @@
+import { vitePlugin as remix } from '@remix-run/dev'
+import mdx from '@mdx-js/rollup'
+import { installGlobals } from '@remix-run/node'
+import { vercelPreset } from '@vercel/remix/vite'
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
+
+import remarkFrontmatter from 'remark-frontmatter'
+import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
+import rehypeAutolinkHeadings from 'rehype-autolink-headings'
+import rehypeSlug from 'rehype-slug'
+import remarkDirective from 'remark-directive'
+
+import rehypeHighlightCode from './scripts/mdx/rehype-highlight-code'
+import rehypeMetaAttribute from './scripts/mdx/rehype-meta-attribute'
+import parseCallouts from './scripts/mdx/remark-plugin-parser'
+
+installGlobals()
+
+export default defineConfig({
+  ssr: {
+    noExternal: ['@docsearch/react', /@algolia/, 'algoliasearch'],
+  },
+  server: {
+    port: 3000,
+  },
+  plugins: [
+    // @ts-expect-error shh.
+    mdx({
+      providerImportSource: '@mdx-js/react',
+      rehypePlugins: [
+        rehypeSlug,
+        [rehypeAutolinkHeadings, { behavior: 'wrap' }],
+        rehypeHighlightCode,
+        rehypeMetaAttribute,
+      ],
+      remarkPlugins: [
+        remarkFrontmatter,
+        remarkMdxFrontmatter,
+        remarkDirective,
+        parseCallouts,
+      ],
+    }),
+    remix({
+      ignoredRouteFiles: ['**/.*', '**/*.css'],
+      presets: [vercelPreset()],
+    }),
+    vanillaExtractPlugin(),
+    tsconfigPaths(),
+  ],
+})
diff --git a/package.json b/package.json
index 1568cadcf6..e4800b0b49 100644
--- a/package.json
+++ b/package.json
@@ -67,8 +67,7 @@
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
     "@react-three/fiber": "^8.11.9",
-    "@remix-run/dev": "patch:@remix-run/dev@npm%3A1.15.0#./.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch",
-    "@remix-run/serve": "^1.15.0",
+    "@remix-run/dev": "^2.9.2",
     "@simonsmith/cypress-image-snapshot": "^9.0.1",
     "@swc/core": "^1.3.100",
     "@swc/jest": "^0.2.29",
@@ -79,7 +78,6 @@
     "@types/jest": "^29.5.11",
     "@types/lodash.clamp": "^4.0.7",
     "@types/lodash.shuffle": "^4.2.7",
-    "@types/mdx-js__react": "^1.5.5",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/react-lazyload": "^3.2.0",
@@ -107,7 +105,7 @@
     "tsup": "^6.7.0",
     "turbo": "^1.11.1",
     "typescript": "5.3.3",
-    "vite": "^5.0.7",
+    "vite": "^5.2.11",
     "zdog": "^1.1.3"
   },
   "publishConfig": {
diff --git a/yarn.lock b/yarn.lock
index 0175c2d14d..8dc6bf3116 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -19,163 +19,197 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@algolia/autocomplete-core@npm:1.7.4":
-  version: 1.7.4
-  resolution: "@algolia/autocomplete-core@npm:1.7.4"
+"@algolia/autocomplete-core@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-core@npm:1.9.3"
   dependencies:
-    "@algolia/autocomplete-shared": 1.7.4
-  checksum: cd7c0badec2dd7f32eb1c567e740473df41d0b5cfdc009efc2b44d2c72e30d90a05882ca0616d6dc29326177d5183a7fd9c6189e5eab3abe26936e232ac5f43a
+    "@algolia/autocomplete-plugin-algolia-insights": 1.9.3
+    "@algolia/autocomplete-shared": 1.9.3
+  checksum: ce78048568660184a4fa3c6548f344a7f5ce0ba45d4cfc233f9756b6d4f360afd5ae3a18efefcd27a626d3a0d6cf22d9cba3e21b217afae62b8e9d11bc4960da
   languageName: node
   linkType: hard
 
-"@algolia/autocomplete-preset-algolia@npm:1.7.4":
-  version: 1.7.4
-  resolution: "@algolia/autocomplete-preset-algolia@npm:1.7.4"
+"@algolia/autocomplete-plugin-algolia-insights@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-plugin-algolia-insights@npm:1.9.3"
+  dependencies:
+    "@algolia/autocomplete-shared": 1.9.3
+  peerDependencies:
+    search-insights: ">= 1 < 3"
+  checksum: 030695bf692021c27f52a3d4931efed23032796e326d4ae7957ae91b51c36a10dc2d885fb043909e853f961c994b8e9ff087f50bb918cfa075370562251a199f
+  languageName: node
+  linkType: hard
+
+"@algolia/autocomplete-preset-algolia@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-preset-algolia@npm:1.9.3"
   dependencies:
-    "@algolia/autocomplete-shared": 1.7.4
+    "@algolia/autocomplete-shared": 1.9.3
   peerDependencies:
     "@algolia/client-search": ">= 4.9.1 < 6"
     algoliasearch: ">= 4.9.1 < 6"
-  checksum: 4ea134757d611d1b7489f34b4366d103fb981dde3f75f39762fb71142f23bd024825f7541ab756ead9c87e223184616fd74b7762982054c96927fecd5a6e6e3e
+  checksum: 1ab3273d3054b348eed286ad1a54b21807846326485507b872477b827dc688006d4f14233cebd0bf49b2932ec8e29eca6d76e48a3c9e9e963b25153b987549c0
   languageName: node
   linkType: hard
 
-"@algolia/autocomplete-shared@npm:1.7.4":
-  version: 1.7.4
-  resolution: "@algolia/autocomplete-shared@npm:1.7.4"
-  checksum: d304b1e3523ccf36a4a21ef9c116c83360fc1bffc595e888f05c35ab00de293104184dafebd9b9ed8ac5ffa5c416ddd4b1139e9794a253f52863c1ae544c2c9c
+"@algolia/autocomplete-shared@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-shared@npm:1.9.3"
+  peerDependencies:
+    "@algolia/client-search": ">= 4.9.1 < 6"
+    algoliasearch: ">= 4.9.1 < 6"
+  checksum: 06014c8b08d30c452de079f48c0235d8fa09904bf511da8dc1b7e491819940fd4ff36b9bf65340242b2e157a26799a3b9aea01feee9c5bf67be3c48d7dff43d7
   languageName: node
   linkType: hard
 
-"@algolia/cache-browser-local-storage@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/cache-browser-local-storage@npm:4.14.2"
+"@algolia/cache-browser-local-storage@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/cache-browser-local-storage@npm:4.23.3"
   dependencies:
-    "@algolia/cache-common": 4.14.2
-  checksum: e7d5f43ff01df5f21a2b5304b5d8f8ae25f2c6093e83e79556cb78ae07f342111ba77eba633b837b5b74a17293ea6a208acb1ade71782baafa9c2da7d58ee45c
+    "@algolia/cache-common": 4.23.3
+  checksum: bbce762cc69952d8e02a228bbc1b9795bd076e637fd374a6e52c4f117f44de465231731f00562dbdda72aca9c150d53a0efb22d5d9e5b0d57674c8f853bc5a85
   languageName: node
   linkType: hard
 
-"@algolia/cache-common@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/cache-common@npm:4.14.2"
-  checksum: 4fd04c714aee19f6eaaac4ae7e00e914a44473af9a84cf3c4260e436c6ea20f5590e05e9006d963372d84ce57268776811fcb929d79e0415b59d74779bd31ee7
+"@algolia/cache-common@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/cache-common@npm:4.23.3"
+  checksum: c4502b9f188c451905d47c50e4706df3c188854615119b470a4d993d8c66d41ae1d9aec2464bc8a174c6ba2bfc939835b98cb7d4afddaa6c3ccb766231e1dbbc
   languageName: node
   linkType: hard
 
-"@algolia/cache-in-memory@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/cache-in-memory@npm:4.14.2"
+"@algolia/cache-in-memory@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/cache-in-memory@npm:4.23.3"
   dependencies:
-    "@algolia/cache-common": 4.14.2
-  checksum: d6981f812a368a38db21e52c98ec81a5c0eda5d896377f7bdcc04a0be1673ac9e184836d7973065fab84dc947a63fe959586468fc14b9a87e32f916959df6222
+    "@algolia/cache-common": 4.23.3
+  checksum: 9a26f6213873ec99ab3fb1bc4ba3bb7c64fc433f46ac9365689921e7c1ddaae437ee78c42d85d4426fc18ef0410d8fc9b78824759000b16fc2da60aba490cb87
   languageName: node
   linkType: hard
 
-"@algolia/client-account@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/client-account@npm:4.14.2"
+"@algolia/client-account@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/client-account@npm:4.23.3"
   dependencies:
-    "@algolia/client-common": 4.14.2
-    "@algolia/client-search": 4.14.2
-    "@algolia/transporter": 4.14.2
-  checksum: 2e9eed5a4b8434775af87899bda8140d51eb2dd0cf08fc49370a4dc9541c220db9b241976dad14ae5d07a25f7ddafd9759a2eb462788f21a20f14e04968f98a4
+    "@algolia/client-common": 4.23.3
+    "@algolia/client-search": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: 56404a43dfe53eb0168e9be568482fb4b8b00adb73b978f7f5c02627d179f51eb273ea4880428d26aa692253f11cdd1d6b62796571f6e3ada1397c64f28fc591
   languageName: node
   linkType: hard
 
-"@algolia/client-analytics@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/client-analytics@npm:4.14.2"
+"@algolia/client-analytics@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/client-analytics@npm:4.23.3"
   dependencies:
-    "@algolia/client-common": 4.14.2
-    "@algolia/client-search": 4.14.2
-    "@algolia/requester-common": 4.14.2
-    "@algolia/transporter": 4.14.2
-  checksum: 61874e026c9d08dd628da443b5b34d1a3bb707a0283e727d94ee6d61057631039c5cf6303e6234cc6fbe84ff71c2758f952b664277715ca5761819aec73e7aad
+    "@algolia/client-common": 4.23.3
+    "@algolia/client-search": 4.23.3
+    "@algolia/requester-common": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: a108bdbad64eed6166bbce16ab4f9f10c46ad8d689142e7c48bc7743b34e5d0770b21745a87fab3d04131420b57a73baf0a2cd1a2c8baa547c899ff33a4051bd
   languageName: node
   linkType: hard
 
-"@algolia/client-common@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/client-common@npm:4.14.2"
+"@algolia/client-common@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/client-common@npm:4.23.3"
   dependencies:
-    "@algolia/requester-common": 4.14.2
-    "@algolia/transporter": 4.14.2
-  checksum: da2be279ac51e1b43c02c6d2bbf0d9cc8b1cb3250ad10a803fca609bcfb8164a8adc21281b599fd8aa322c04deea77d2f07adcae1a363952559472e781e26c71
+    "@algolia/requester-common": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: 0767cd7a4f38abc0290a9c055d39730c5f507a0e9cd6657fbad749c15a9ba9cceb788c18fec0b5a25f49e6184fb40e8dd26c3e8b29824aa3df82822618399f08
   languageName: node
   linkType: hard
 
-"@algolia/client-personalization@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/client-personalization@npm:4.14.2"
+"@algolia/client-personalization@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/client-personalization@npm:4.23.3"
   dependencies:
-    "@algolia/client-common": 4.14.2
-    "@algolia/requester-common": 4.14.2
-    "@algolia/transporter": 4.14.2
-  checksum: 0dd25c84a40fe9853d14fadc3c8893e84bee370b5a3eb6730afe816afe1f92b970096d2dfb68073f606fa074fdeb66c3a73811d9a9a9774af5311f34d939fd72
+    "@algolia/client-common": 4.23.3
+    "@algolia/requester-common": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: 393a6a2c53185090c141c50dfc4896baa7b93af836479e9e43ad29e71de1bcce00e1273bb51ba512376a996f75f10146ba6443c3d53d2e4acc50eef43b65582e
   languageName: node
   linkType: hard
 
-"@algolia/client-search@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/client-search@npm:4.14.2"
+"@algolia/client-search@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/client-search@npm:4.23.3"
   dependencies:
-    "@algolia/client-common": 4.14.2
-    "@algolia/requester-common": 4.14.2
-    "@algolia/transporter": 4.14.2
-  checksum: 2695bc9e8c98badb601b915dbb075dd92996af350b0e4915a7a3b7825bd45f20815534debcfcb51bb7f682ba5d09f3c41918edb36e0a7f7bb154d3b205825f65
+    "@algolia/client-common": 4.23.3
+    "@algolia/requester-common": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: 0249aeeaffa94608948f047dabd25a1c452c52cfbf5ce3abaad4f41134e87344d55733f03b512f64ffd23d43ff78d4339a8abfb83887ea23ede1d2d6567bf421
   languageName: node
   linkType: hard
 
-"@algolia/logger-common@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/logger-common@npm:4.14.2"
-  checksum: a4000a98831d64c8d826ccece9f5f3a77bc000d93d74a7c6b51f186d3dfd96c0bb00934f70c69da8f3c4dfb9f30ce55ab59aca9ba79c3cc3e924597838a94429
+"@algolia/logger-common@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/logger-common@npm:4.23.3"
+  checksum: a6710ac3e790dc896d7f32eefc9e2967c765f0955fabd33291c14d61ad12d34259709370a18eb299518e36cc3b538c385ab1cc85b021b1acbf463315a61df67c
   languageName: node
   linkType: hard
 
-"@algolia/logger-console@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/logger-console@npm:4.14.2"
+"@algolia/logger-console@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/logger-console@npm:4.23.3"
   dependencies:
-    "@algolia/logger-common": 4.14.2
-  checksum: 96c6209c7ef72cbc170b180f5b84c6523a5b6f4dea978c982577d2417eb19eb9c9ea3bc73089ced692a05bec141d66fd6d5401458d0aa162dbcace5017dbd127
+    "@algolia/logger-common": 4.23.3
+  checksum: 881eab328986626deaa20f6b7e51b1a86b47678681869f20e89ec47cfdf4a0547081fa4315149ac8c5e2ed3cb16a9547e1265a48c14ed6b7d549ba7abc5a71e9
   languageName: node
   linkType: hard
 
-"@algolia/requester-browser-xhr@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/requester-browser-xhr@npm:4.14.2"
+"@algolia/recommend@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/recommend@npm:4.23.3"
   dependencies:
-    "@algolia/requester-common": 4.14.2
-  checksum: 7d8666e21cd0d15dc2e25f6917464c2f98cf73e0d2fced94cc6a3c4e97a990b8b93d9531bbf6f3b1ff2342b9ce9760d1dcb64dbbf61a5f2c31fe4f42541deef2
+    "@algolia/cache-browser-local-storage": 4.23.3
+    "@algolia/cache-common": 4.23.3
+    "@algolia/cache-in-memory": 4.23.3
+    "@algolia/client-common": 4.23.3
+    "@algolia/client-search": 4.23.3
+    "@algolia/logger-common": 4.23.3
+    "@algolia/logger-console": 4.23.3
+    "@algolia/requester-browser-xhr": 4.23.3
+    "@algolia/requester-common": 4.23.3
+    "@algolia/requester-node-http": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: b8030c85cd9b62aed42ae73931b0586f460d61f68265e292dd6ecad3a473d84abcaf56d9a5e444f9c6c196b1635d41825850cc330ccc78d436f679127039845c
   languageName: node
   linkType: hard
 
-"@algolia/requester-common@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/requester-common@npm:4.14.2"
-  checksum: 7de4148a55db56fe2bf18c1359cccbc2f41031fe2bfbc945d75f143b854638c51e7ec2ef9c6dc69b38d5edb87cd096ce5d7087680da32825562db79026ea39cc
+"@algolia/requester-browser-xhr@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/requester-browser-xhr@npm:4.23.3"
+  dependencies:
+    "@algolia/requester-common": 4.23.3
+  checksum: afe1f81915d2386aa25c91c6d41d00a3958516a3567f1ec95a7d95eb976f87676cfb0dcc39e3fe7646e150c6cb5a8e3526c23be706cb09e56e0928a96da8eb6b
   languageName: node
   linkType: hard
 
-"@algolia/requester-node-http@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/requester-node-http@npm:4.14.2"
+"@algolia/requester-common@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/requester-common@npm:4.23.3"
+  checksum: b7b308e46dc6158fd8adad82c301f60e1dd759e585cb90514b9a0be6b67cfba3d9ff6ad87f6299657a5ab4b5e94a2d330fc14de6c447012f32f846219c9e6971
+  languageName: node
+  linkType: hard
+
+"@algolia/requester-node-http@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/requester-node-http@npm:4.23.3"
   dependencies:
-    "@algolia/requester-common": 4.14.2
-  checksum: 5f5fe8b040f73bd95c6bdb5b97396e078b629b2b4cd93fea671d545be375c79501c65296c34824f0ff8368b5b51edc7a6ad9e694b04223c1416dcda869c6f566
+    "@algolia/requester-common": 4.23.3
+  checksum: 3d751c063e0f96e41a61d87a3428b2cb13b30aaa9e0ba3e70a3b92ad642afbb26c5095405dd1ed6dd16755d47faece0f42c5677f30673898658461ad51ec2235
   languageName: node
   linkType: hard
 
-"@algolia/transporter@npm:4.14.2":
-  version: 4.14.2
-  resolution: "@algolia/transporter@npm:4.14.2"
+"@algolia/transporter@npm:4.23.3":
+  version: 4.23.3
+  resolution: "@algolia/transporter@npm:4.23.3"
   dependencies:
-    "@algolia/cache-common": 4.14.2
-    "@algolia/logger-common": 4.14.2
-    "@algolia/requester-common": 4.14.2
-  checksum: 72c72013f3edb4d4484e7a43fb3c2555646ab04f422249514ed0309e20f41f5563f4c4dcf5623ca64c293624ecc74f87acaf2d9820e8c829cb5de067bdfe0257
+    "@algolia/cache-common": 4.23.3
+    "@algolia/logger-common": 4.23.3
+    "@algolia/requester-common": 4.23.3
+  checksum: e2573d308d7f41aa74b47c4dc052186fc9eab350ca5fec7c830ff5ca34337eeef01a7168bdd10f2e13c0cb1283385be211e7dd0a896be0aabfd900c056aa3606
   languageName: node
   linkType: hard
 
@@ -198,14 +232,41 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.1, @babel/compat-data@npm:^7.20.5":
+"@babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.23.5":
+  version: 7.23.5
+  resolution: "@babel/code-frame@npm:7.23.5"
+  dependencies:
+    "@babel/highlight": ^7.23.4
+    chalk: ^2.4.2
+  checksum: d90981fdf56a2824a9b14d19a4c0e8db93633fd488c772624b4e83e0ceac6039a27cd298a247c3214faa952bf803ba23696172ae7e7235f3b97f43ba278c569a
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:^7.24.2":
+  version: 7.24.2
+  resolution: "@babel/code-frame@npm:7.24.2"
+  dependencies:
+    "@babel/highlight": ^7.24.2
+    picocolors: ^1.0.0
+  checksum: 70e867340cfe09ca5488b2f36372c45cabf43c79a5b6426e6df5ef0611ff5dfa75a57dda841895693de6008f32c21a7c97027a8c7bcabd63a7d17416cbead6f8
+  languageName: node
+  linkType: hard
+
+"@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.20.1, @babel/compat-data@npm:^7.20.5":
   version: 7.20.14
   resolution: "@babel/compat-data@npm:7.20.14"
   checksum: 6c9efe36232094e4ad0b70d165587f21ca718e5d011f7a52a77a18502a7524e90e2855aa5a2e086395bcfd21bd2c7c99128dcd8d9fdffe94316b72acf5c66f2c
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.14.8, @babel/core@npm:^7.18.6, @babel/core@npm:^7.20.0, @babel/core@npm:^7.20.7":
+"@babel/compat-data@npm:^7.23.5":
+  version: 7.23.5
+  resolution: "@babel/compat-data@npm:7.23.5"
+  checksum: 06ce244cda5763295a0ea924728c09bae57d35713b675175227278896946f922a63edf803c322f855a3878323d48d0255a2a3023409d2a123483c8a69ebb4744
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.14.8, @babel/core@npm:^7.20.0, @babel/core@npm:^7.20.7":
   version: 7.21.3
   resolution: "@babel/core@npm:7.21.3"
   dependencies:
@@ -228,7 +289,53 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.18.6, @babel/generator@npm:^7.20.0, @babel/generator@npm:^7.21.3, @babel/generator@npm:^7.7.2":
+"@babel/core@npm:^7.21.8":
+  version: 7.23.6
+  resolution: "@babel/core@npm:7.23.6"
+  dependencies:
+    "@ampproject/remapping": ^2.2.0
+    "@babel/code-frame": ^7.23.5
+    "@babel/generator": ^7.23.6
+    "@babel/helper-compilation-targets": ^7.23.6
+    "@babel/helper-module-transforms": ^7.23.3
+    "@babel/helpers": ^7.23.6
+    "@babel/parser": ^7.23.6
+    "@babel/template": ^7.22.15
+    "@babel/traverse": ^7.23.6
+    "@babel/types": ^7.23.6
+    convert-source-map: ^2.0.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.3
+    semver: ^6.3.1
+  checksum: 4bddd1b80394a64b2ee33eeb216e8a2a49ad3d74f0ca9ba678c84a37f4502b2540662d72530d78228a2a349fda837fa852eea5cd3ae28465d1188acc6055868e
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:^7.23.9":
+  version: 7.24.5
+  resolution: "@babel/core@npm:7.24.5"
+  dependencies:
+    "@ampproject/remapping": ^2.2.0
+    "@babel/code-frame": ^7.24.2
+    "@babel/generator": ^7.24.5
+    "@babel/helper-compilation-targets": ^7.23.6
+    "@babel/helper-module-transforms": ^7.24.5
+    "@babel/helpers": ^7.24.5
+    "@babel/parser": ^7.24.5
+    "@babel/template": ^7.24.0
+    "@babel/traverse": ^7.24.5
+    "@babel/types": ^7.24.5
+    convert-source-map: ^2.0.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.3
+    semver: ^6.3.1
+  checksum: f4f0eafde12b145f2cb9cc893085e5f1436e1ef265bb3b7d8aa6282515c9b4e740bbd5e2cbc32114adb9afed2dd62c2336758b9fabb7e46e8ba542f76d4f3f80
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.20.0, @babel/generator@npm:^7.21.3, @babel/generator@npm:^7.7.2":
   version: 7.21.3
   resolution: "@babel/generator@npm:7.21.3"
   dependencies:
@@ -240,6 +347,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.21.5, @babel/generator@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/generator@npm:7.23.6"
+  dependencies:
+    "@babel/types": ^7.23.6
+    "@jridgewell/gen-mapping": ^0.3.2
+    "@jridgewell/trace-mapping": ^0.3.17
+    jsesc: ^2.5.1
+  checksum: 1a1a1c4eac210f174cd108d479464d053930a812798e09fee069377de39a893422df5b5b146199ead7239ae6d3a04697b45fc9ac6e38e0f6b76374390f91fc6c
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/generator@npm:7.24.5"
+  dependencies:
+    "@babel/types": ^7.24.5
+    "@jridgewell/gen-mapping": ^0.3.5
+    "@jridgewell/trace-mapping": ^0.3.25
+    jsesc: ^2.5.1
+  checksum: a08c0ab900b36e1a17863e18e3216153322ea993246fd7a358ba38a31cfb15bab2af1dc178b2adafe4cb8a9f3ab0e0ceafd3fe6e8ca870dffb435b53b2b2a803
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.0.0, @babel/helper-annotate-as-pure@npm:^7.12.13, @babel/helper-annotate-as-pure@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-annotate-as-pure@npm:7.18.6"
@@ -249,17 +380,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.18.6":
-  version: 7.18.9
-  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.18.9"
+"@babel/helper-annotate-as-pure@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
   dependencies:
-    "@babel/helper-explode-assignable-expression": ^7.18.6
-    "@babel/types": ^7.18.9
-  checksum: b4bc214cb56329daff6cc18a7f7a26aeafb55a1242e5362f3d47fe3808421f8c7cd91fff95d6b9b7ccb67e14e5a67d944e49dbe026942bfcbfda19b1c72a8e72
+    "@babel/types": ^7.22.5
+  checksum: 53da330f1835c46f26b7bf4da31f7a496dee9fd8696cca12366b94ba19d97421ce519a74a837f687749318f94d1a37f8d1abcbf35e8ed22c32d16373b2f6198d
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.18.9, @babel/helper-compilation-targets@npm:^7.20.0, @babel/helper-compilation-targets@npm:^7.20.7":
+"@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.18.9, @babel/helper-compilation-targets@npm:^7.20.0, @babel/helper-compilation-targets@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/helper-compilation-targets@npm:7.20.7"
   dependencies:
@@ -274,6 +404,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/helper-compilation-targets@npm:7.23.6"
+  dependencies:
+    "@babel/compat-data": ^7.23.5
+    "@babel/helper-validator-option": ^7.23.5
+    browserslist: ^4.22.2
+    lru-cache: ^5.1.1
+    semver: ^6.3.1
+  checksum: c630b98d4527ac8fe2c58d9a06e785dfb2b73ec71b7c4f2ddf90f814b5f75b547f3c015f110a010fd31f76e3864daaf09f3adcd2f6acdbfb18a8de3a48717590
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.19.0":
   version: 7.19.0
   resolution: "@babel/helper-create-class-features-plugin@npm:7.19.0"
@@ -291,6 +434,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.23.6"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-function-name": ^7.23.0
+    "@babel/helper-member-expression-to-functions": ^7.23.0
+    "@babel/helper-optimise-call-expression": ^7.22.5
+    "@babel/helper-replace-supers": ^7.22.20
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 356b71b9f4a3a95917432bf6a452f475a292d394d9310e9c8b23c8edb564bee91e40d4290b8aa8779d2987a7c39ae717b2d76edc7c952078b8952df1a20259e3
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.19.0":
   version: 7.19.0
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.19.0"
@@ -321,22 +483,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-define-polyfill-provider@npm:^0.3.3":
-  version: 0.3.3
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.3.3"
-  dependencies:
-    "@babel/helper-compilation-targets": ^7.17.7
-    "@babel/helper-plugin-utils": ^7.16.7
-    debug: ^4.1.1
-    lodash.debounce: ^4.0.8
-    resolve: ^1.14.2
-    semver: ^6.1.2
-  peerDependencies:
-    "@babel/core": ^7.4.0-0
-  checksum: 8e3fe75513302e34f6d92bd67b53890e8545e6c5bca8fe757b9979f09d68d7e259f6daea90dc9e01e332c4f8781bda31c5fe551c82a277f9bc0bec007aed497c
-  languageName: node
-  linkType: hard
-
 "@babel/helper-environment-visitor@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-environment-visitor@npm:7.18.9"
@@ -344,12 +490,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-explode-assignable-expression@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-explode-assignable-expression@npm:7.18.6"
-  dependencies:
-    "@babel/types": ^7.18.6
-  checksum: 225cfcc3376a8799023d15dc95000609e9d4e7547b29528c7f7111a0e05493ffb12c15d70d379a0bb32d42752f340233c4115bded6d299bc0c3ab7a12be3d30f
+"@babel/helper-environment-visitor@npm:^7.22.20":
+  version: 7.22.20
+  resolution: "@babel/helper-environment-visitor@npm:7.22.20"
+  checksum: d80ee98ff66f41e233f36ca1921774c37e88a803b2f7dca3db7c057a5fea0473804db9fb6729e5dbfd07f4bed722d60f7852035c2c739382e84c335661590b69
   languageName: node
   linkType: hard
 
@@ -363,6 +507,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-function-name@npm:^7.23.0":
+  version: 7.23.0
+  resolution: "@babel/helper-function-name@npm:7.23.0"
+  dependencies:
+    "@babel/template": ^7.22.15
+    "@babel/types": ^7.23.0
+  checksum: e44542257b2d4634a1f979244eb2a4ad8e6d75eb6761b4cfceb56b562f7db150d134bc538c8e6adca3783e3bc31be949071527aa8e3aab7867d1ad2d84a26e10
+  languageName: node
+  linkType: hard
+
 "@babel/helper-hoist-variables@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-hoist-variables@npm:7.18.6"
@@ -372,6 +526,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-hoist-variables@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-hoist-variables@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: 394ca191b4ac908a76e7c50ab52102669efe3a1c277033e49467913c7ed6f7c64d7eacbeabf3bed39ea1f41731e22993f763b1edce0f74ff8563fd1f380d92cc
+  languageName: node
+  linkType: hard
+
 "@babel/helper-member-expression-to-functions@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-member-expression-to-functions@npm:7.18.9"
@@ -381,7 +544,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.13.12, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6":
+"@babel/helper-member-expression-to-functions@npm:^7.22.15, @babel/helper-member-expression-to-functions@npm:^7.23.0":
+  version: 7.23.0
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.23.0"
+  dependencies:
+    "@babel/types": ^7.23.0
+  checksum: 494659361370c979ada711ca685e2efe9460683c36db1b283b446122596602c901e291e09f2f980ecedfe6e0f2bd5386cb59768285446530df10c14df1024e75
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.13.12, @babel/helper-module-imports@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-module-imports@npm:7.18.6"
   dependencies:
@@ -390,7 +562,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.18.6, @babel/helper-module-transforms@npm:^7.19.6, @babel/helper-module-transforms@npm:^7.20.11, @babel/helper-module-transforms@npm:^7.21.2":
+"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.24.3":
+  version: 7.24.3
+  resolution: "@babel/helper-module-imports@npm:7.24.3"
+  dependencies:
+    "@babel/types": ^7.24.0
+  checksum: c23492189ba97a1ec7d37012336a5661174e8b88194836b6bbf90d13c3b72c1db4626263c654454986f924c6da8be7ba7f9447876d709cd00bd6ffde6ec00796
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-imports@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/helper-module-imports@npm:7.22.15"
+  dependencies:
+    "@babel/types": ^7.22.15
+  checksum: ecd7e457df0a46f889228f943ef9b4a47d485d82e030676767e6a2fdcbdaa63594d8124d4b55fd160b41c201025aec01fc27580352b1c87a37c9c6f33d116702
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-transforms@npm:^7.20.11, @babel/helper-module-transforms@npm:^7.21.2":
   version: 7.21.2
   resolution: "@babel/helper-module-transforms@npm:7.21.2"
   dependencies:
@@ -406,6 +596,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-transforms@npm:^7.23.3":
+  version: 7.23.3
+  resolution: "@babel/helper-module-transforms@npm:7.23.3"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-module-imports": ^7.22.15
+    "@babel/helper-simple-access": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/helper-validator-identifier": ^7.22.20
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 5d0895cfba0e16ae16f3aa92fee108517023ad89a855289c4eb1d46f7aef4519adf8e6f971e1d55ac20c5461610e17213f1144097a8f932e768a9132e2278d71
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-transforms@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/helper-module-transforms@npm:7.24.5"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-module-imports": ^7.24.3
+    "@babel/helper-simple-access": ^7.24.5
+    "@babel/helper-split-export-declaration": ^7.24.5
+    "@babel/helper-validator-identifier": ^7.24.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 208c2e3877536c367ae3f39345bb5c5954ad481fdb2204d4d1906063e53ae564e5b7b846951b1aa96ee716ec24ec3b6db01b41d128884c27315b415f62db9fd2
+  languageName: node
+  linkType: hard
+
 "@babel/helper-optimise-call-expression@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-optimise-call-expression@npm:7.18.6"
@@ -415,13 +635,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.13.0, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.19.0, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
+"@babel/helper-optimise-call-expression@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: c70ef6cc6b6ed32eeeec4482127e8be5451d0e5282d5495d5d569d39eb04d7f1d66ec99b327f45d1d5842a9ad8c22d48567e93fc502003a47de78d122e355f7c
+  languageName: node
+  linkType: hard
+
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.13.0, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.19.0, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.8.0":
   version: 7.20.2
   resolution: "@babel/helper-plugin-utils@npm:7.20.2"
   checksum: f6cae53b7fdb1bf3abd50fa61b10b4470985b400cc794d92635da1e7077bb19729f626adc0741b69403d9b6e411cddddb9c0157a709cc7c4eeb41e663be5d74b
   languageName: node
   linkType: hard
 
+"@babel/helper-plugin-utils@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-plugin-utils@npm:7.22.5"
+  checksum: c0fc7227076b6041acd2f0e818145d2e8c41968cc52fb5ca70eed48e21b8fe6dd88a0a91cbddf4951e33647336eb5ae184747ca706817ca3bef5e9e905151ff5
+  languageName: node
+  linkType: hard
+
 "@babel/helper-remap-async-to-generator@npm:^7.18.6, @babel/helper-remap-async-to-generator@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-remap-async-to-generator@npm:7.18.9"
@@ -449,6 +685,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-replace-supers@npm:^7.22.20":
+  version: 7.22.20
+  resolution: "@babel/helper-replace-supers@npm:7.22.20"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-member-expression-to-functions": ^7.22.15
+    "@babel/helper-optimise-call-expression": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: a0008332e24daedea2e9498733e3c39b389d6d4512637e000f96f62b797e702ee24a407ccbcd7a236a551590a38f31282829a8ef35c50a3c0457d88218cae639
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.20.2":
   version: 7.20.2
   resolution: "@babel/helper-simple-access@npm:7.20.2"
@@ -458,6 +707,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-simple-access@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-simple-access@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: fe9686714caf7d70aedb46c3cce090f8b915b206e09225f1e4dbc416786c2fdbbee40b38b23c268b7ccef749dd2db35f255338fb4f2444429874d900dede5ad2
+  languageName: node
+  linkType: hard
+
+"@babel/helper-simple-access@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/helper-simple-access@npm:7.24.5"
+  dependencies:
+    "@babel/types": ^7.24.5
+  checksum: 5616044603c98434342f09b056c869394acdeba7cd9ec29e6a9abb0dae1922f779d364aaba74dc2ae4facf85945c6156295adbe0511a8aaecaa8a1559d14757a
+  languageName: node
+  linkType: hard
+
 "@babel/helper-skip-transparent-expression-wrappers@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.18.9"
@@ -467,6 +734,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: 1012ef2295eb12dc073f2b9edf3425661e9b8432a3387e62a8bc27c42963f1f216ab3124228015c748770b2257b4f1fda882ca8fa34c0bf485e929ae5bc45244
+  languageName: node
+  linkType: hard
+
 "@babel/helper-split-export-declaration@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-split-export-declaration@npm:7.18.6"
@@ -476,6 +752,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-split-export-declaration@npm:^7.22.6":
+  version: 7.22.6
+  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: e141cace583b19d9195f9c2b8e17a3ae913b7ee9b8120246d0f9ca349ca6f03cb2c001fd5ec57488c544347c0bb584afec66c936511e447fd20a360e591ac921
+  languageName: node
+  linkType: hard
+
+"@babel/helper-split-export-declaration@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/helper-split-export-declaration@npm:7.24.5"
+  dependencies:
+    "@babel/types": ^7.24.5
+  checksum: f23ab6942568084a57789462ce55dc9631aef1d2142ffa2ee28fc411ab55ed3ca65adf109e48655aa349bf8df7ca6dd81fd91c8c229fee1dc77e283189dc83c2
+  languageName: node
+  linkType: hard
+
 "@babel/helper-string-parser@npm:^7.19.4":
   version: 7.19.4
   resolution: "@babel/helper-string-parser@npm:7.19.4"
@@ -483,6 +777,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-string-parser@npm:^7.23.4":
+  version: 7.23.4
+  resolution: "@babel/helper-string-parser@npm:7.23.4"
+  checksum: c0641144cf1a7e7dc93f3d5f16d5327465b6cf5d036b48be61ecba41e1eece161b48f46b7f960951b67f8c3533ce506b16dece576baef4d8b3b49f8c65410f90
+  languageName: node
+  linkType: hard
+
+"@babel/helper-string-parser@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/helper-string-parser@npm:7.24.1"
+  checksum: 8404e865b06013979a12406aab4c0e8d2e377199deec09dfe9f57b833b0c9ce7b6e8c1c553f2da8d0bcd240c5005bd7a269f4fef0d628aeb7d5fe035c436fb67
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.18.6, @babel/helper-validator-identifier@npm:^7.19.1":
   version: 7.19.1
   resolution: "@babel/helper-validator-identifier@npm:7.19.1"
@@ -490,6 +798,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-identifier@npm:^7.22.20":
+  version: 7.22.20
+  resolution: "@babel/helper-validator-identifier@npm:7.22.20"
+  checksum: 136412784d9428266bcdd4d91c32bcf9ff0e8d25534a9d94b044f77fe76bc50f941a90319b05aafd1ec04f7d127cd57a179a3716009ff7f3412ef835ada95bdc
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-identifier@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/helper-validator-identifier@npm:7.24.5"
+  checksum: 75d6f9f475c08f3be87bae4953e9b8d8c72983e16ed2860870b328d048cb20dccb4fcbf85eacbdd817ea1efbb38552a6db9046e2e37bfe13bdec44ac8939024c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-option@npm:^7.16.7, @babel/helper-validator-option@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-validator-option@npm:7.18.6"
@@ -497,6 +819,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-option@npm:^7.22.15, @babel/helper-validator-option@npm:^7.23.5":
+  version: 7.23.5
+  resolution: "@babel/helper-validator-option@npm:7.23.5"
+  checksum: 537cde2330a8aede223552510e8a13e9c1c8798afee3757995a7d4acae564124fe2bf7e7c3d90d62d3657434a74340a274b3b3b1c6f17e9a2be1f48af29cb09e
+  languageName: node
+  linkType: hard
+
 "@babel/helper-wrap-function@npm:^7.18.9":
   version: 7.19.0
   resolution: "@babel/helper-wrap-function@npm:7.19.0"
@@ -520,6 +849,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helpers@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/helpers@npm:7.23.6"
+  dependencies:
+    "@babel/template": ^7.22.15
+    "@babel/traverse": ^7.23.6
+    "@babel/types": ^7.23.6
+  checksum: c5ba62497e1d717161d107c4b3de727565c68b6b9f50f59d6298e613afeca8895799b227c256e06d362e565aec34e26fb5c675b9c3d25055c52b945a21c21e21
+  languageName: node
+  linkType: hard
+
+"@babel/helpers@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/helpers@npm:7.24.5"
+  dependencies:
+    "@babel/template": ^7.24.0
+    "@babel/traverse": ^7.24.5
+    "@babel/types": ^7.24.5
+  checksum: 941937456ca50ef44dbc5cdcb9a74c6ce18ce38971663acd80b622e7ecf1cc4fa034597de3ccccc37939d324139f159709f493fd8e7c385adbc162cb0888cfee
+  languageName: node
+  linkType: hard
+
 "@babel/highlight@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/highlight@npm:7.18.6"
@@ -531,7 +882,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.18.6, @babel/parser@npm:^7.20.0, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.21.3":
+"@babel/highlight@npm:^7.23.4":
+  version: 7.23.4
+  resolution: "@babel/highlight@npm:7.23.4"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.22.20
+    chalk: ^2.4.2
+    js-tokens: ^4.0.0
+  checksum: 643acecdc235f87d925979a979b539a5d7d1f31ae7db8d89047269082694122d11aa85351304c9c978ceeb6d250591ccadb06c366f358ccee08bb9c122476b89
+  languageName: node
+  linkType: hard
+
+"@babel/highlight@npm:^7.24.2":
+  version: 7.24.5
+  resolution: "@babel/highlight@npm:7.24.5"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.24.5
+    chalk: ^2.4.2
+    js-tokens: ^4.0.0
+    picocolors: ^1.0.0
+  checksum: eece0e63e9210e902f1ee88f15cabfa31d2693bd2e56806eb849478b859d274c24477081c649cee6a241c4aed7da6f3e05c7afa5c3cd70094006ed095292b0d0
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.0, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.21.3":
   version: 7.21.3
   resolution: "@babel/parser@npm:7.21.3"
   bin:
@@ -540,31 +914,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 845bd280c55a6a91d232cfa54eaf9708ec71e594676fe705794f494bb8b711d833b752b59d1a5c154695225880c23dbc9cab0e53af16fd57807976cd3ff41b8d
+"@babel/parser@npm:^7.21.8, @babel/parser@npm:^7.22.15, @babel/parser@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/parser@npm:7.23.6"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 140801c43731a6c41fd193f5c02bc71fd647a0360ca616b23d2db8be4b9739b9f951a03fc7c2db4f9b9214f4b27c1074db0f18bc3fa653783082d5af7c8860d5
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.18.9
-    "@babel/plugin-proposal-optional-chaining": ^7.18.9
-  peerDependencies:
-    "@babel/core": ^7.13.0
-  checksum: 93abb5cb179a13db171bfc2cdf79489598f43c50cc174f97a2b7bb1d44d24ade7109665a20cf4e317ad6c1c730f036f06478f7c7e789b4240be1abdb60d6452f
+"@babel/parser@npm:^7.24.0, @babel/parser@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/parser@npm:7.24.5"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: a251ea41bf8b5f61048beb320d43017aff68af5a3506bd2ef392180f5fa32c1061513171d582bb3d46ea48e3659dece8b3ba52511a2566066e58abee300ce2a0
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-async-generator-functions@npm:^7.0.0, @babel/plugin-proposal-async-generator-functions@npm:^7.20.1":
+"@babel/plugin-proposal-async-generator-functions@npm:^7.0.0":
   version: 7.20.1
   resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.20.1"
   dependencies:
@@ -578,7 +946,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-properties@npm:^7.0.0, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.18.6":
+"@babel/plugin-proposal-class-properties@npm:^7.0.0, @babel/plugin-proposal-class-properties@npm:^7.13.0":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
   dependencies:
@@ -590,31 +958,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-static-block@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-class-static-block@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-class-static-block": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.12.0
-  checksum: b8d7ae99ed5ad784f39e7820e3ac03841f91d6ed60ab4a98c61d6112253da36013e12807bae4ffed0ef3cb318e47debac112ed614e03b403fb8b075b09a828ee
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-dynamic-import@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-dynamic-import@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 96b1c8a8ad8171d39e9ab106be33bde37ae09b22fb2c449afee9a5edf3c537933d79d963dcdc2694d10677cb96da739cdf1b53454e6a5deab9801f28a818bb2f
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-proposal-export-default-from@npm:^7.0.0":
   version: 7.12.13
   resolution: "@babel/plugin-proposal-export-default-from@npm:7.12.13"
@@ -627,43 +970,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-export-namespace-from@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-export-namespace-from@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 84ff22bacc5d30918a849bfb7e0e90ae4c5b8d8b65f2ac881803d1cf9068dffbe53bd657b0e4bc4c20b4db301b1c85f1e74183cf29a0dd31e964bd4e97c363ef
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-json-strings@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-json-strings@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-json-strings": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 25ba0e6b9d6115174f51f7c6787e96214c90dd4026e266976b248a2ed417fe50fddae72843ffb3cbe324014a18632ce5648dfac77f089da858022b49fd608cb3
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-logical-assignment-operators@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: dd87fa4a48c6408c5e85dbd6405a65cc8fe909e3090030df46df90df64cdf3e74007381a58ed87608778ee597eff7395d215274009bb3f5d8964b2db5557754f
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.0.0, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.0.0, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
   dependencies:
@@ -675,19 +982,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-numeric-separator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-numeric-separator@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-numeric-separator": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: f370ea584c55bf4040e1f78c80b4eeb1ce2e6aaa74f87d1a48266493c33931d0b6222d8cee3a082383d6bb648ab8d6b7147a06f974d3296ef3bc39c7851683ec
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-object-rest-spread@npm:^7.0.0, @babel/plugin-proposal-object-rest-spread@npm:^7.20.2":
+"@babel/plugin-proposal-object-rest-spread@npm:^7.0.0":
   version: 7.20.2
   resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.20.2"
   dependencies:
@@ -702,7 +997,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-optional-catch-binding@npm:^7.0.0, @babel/plugin-proposal-optional-catch-binding@npm:^7.18.6":
+"@babel/plugin-proposal-optional-catch-binding@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-optional-catch-binding@npm:7.18.6"
   dependencies:
@@ -714,7 +1009,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-optional-chaining@npm:^7.0.0, @babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.18.9":
+"@babel/plugin-proposal-optional-chaining@npm:^7.0.0, @babel/plugin-proposal-optional-chaining@npm:^7.13.12":
   version: 7.18.9
   resolution: "@babel/plugin-proposal-optional-chaining@npm:7.18.9"
   dependencies:
@@ -727,44 +1022,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-private-methods@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-private-methods@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 22d8502ee96bca99ad2c8393e8493e2b8d4507576dd054490fd8201a36824373440106f5b098b6d821b026c7e72b0424ff4aeca69ed5f42e48f029d3a156d5ad
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.18.6
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: c8e56a972930730345f39f2384916fd8e711b3f4b4eae2ca9740e99958980118120d5cc9b6ac150f0965a5a35f825910e2c3013d90be3e9993ab6111df444569
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-unicode-property-regex@npm:^7.18.6, @babel/plugin-proposal-unicode-property-regex@npm:^7.4.4":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-unicode-property-regex@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: a8575ecb7ff24bf6c6e94808d5c84bb5a0c6dd7892b54f09f4646711ba0ee1e1668032b3c43e3e1dfec2c5716c302e851ac756c1645e15882d73df6ad21ae951
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-syntax-async-generators@npm:^7.8.4":
   version: 7.8.4
   resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
@@ -787,7 +1044,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-class-properties@npm:^7.0.0, @babel/plugin-syntax-class-properties@npm:^7.12.13, @babel/plugin-syntax-class-properties@npm:^7.8.3":
+"@babel/plugin-syntax-class-properties@npm:^7.0.0, @babel/plugin-syntax-class-properties@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
   dependencies:
@@ -798,18 +1055,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-class-static-block@npm:^7.14.5":
-  version: 7.14.5
-  resolution: "@babel/plugin-syntax-class-static-block@npm:7.14.5"
+"@babel/plugin-syntax-decorators@npm:^7.22.10":
+  version: 7.23.3
+  resolution: "@babel/plugin-syntax-decorators@npm:7.23.3"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-plugin-utils": ^7.22.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 3e80814b5b6d4fe17826093918680a351c2d34398a914ce6e55d8083d72a9bdde4fbaf6a2dcea0e23a03de26dc2917ae3efd603d27099e2b98380345703bf948
+  checksum: 07f6e488df0a061428e02629af9a1908b2e8abdcac2e5cfaa267be66dc30897be6e29df7c7f952d33f3679f9585ac9fcf6318f9c827790ab0b0928d5514305cd
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-dynamic-import@npm:^7.0.0, @babel/plugin-syntax-dynamic-import@npm:^7.8.3":
+"@babel/plugin-syntax-dynamic-import@npm:^7.0.0":
   version: 7.8.3
   resolution: "@babel/plugin-syntax-dynamic-import@npm:7.8.3"
   dependencies:
@@ -831,17 +1088,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-export-namespace-from@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-export-namespace-from@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 85740478be5b0de185228e7814451d74ab8ce0a26fcca7613955262a26e99e8e15e9da58f60c754b84515d4c679b590dbd3f2148f0f58025f4ae706f1c5a5d4a
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-syntax-flow@npm:^7.0.0, @babel/plugin-syntax-flow@npm:^7.16.7, @babel/plugin-syntax-flow@npm:^7.18.0":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-flow@npm:7.18.6"
@@ -853,17 +1099,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-assertions@npm:^7.20.0":
-  version: 7.20.0
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.20.0"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.19.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 6a86220e0aae40164cd3ffaf80e7c076a1be02a8f3480455dddbae05fda8140f429290027604df7a11b3f3f124866e8a6d69dbfa1dda61ee7377b920ad144d5b
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-syntax-import-meta@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
@@ -886,7 +1121,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.12.13, @babel/plugin-syntax-jsx@npm:^7.17.12, @babel/plugin-syntax-jsx@npm:^7.18.6, @babel/plugin-syntax-jsx@npm:^7.7.2":
+"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.12.13, @babel/plugin-syntax-jsx@npm:^7.7.2":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-jsx@npm:7.18.6"
   dependencies:
@@ -897,7 +1132,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
+"@babel/plugin-syntax-jsx@npm:^7.21.4, @babel/plugin-syntax-jsx@npm:^7.23.3":
+  version: 7.23.3
+  resolution: "@babel/plugin-syntax-jsx@npm:7.23.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 89037694314a74e7f0e7a9c8d3793af5bf6b23d80950c29b360db1c66859d67f60711ea437e70ad6b5b4b29affe17eababda841b6c01107c2b638e0493bafb4e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
   dependencies:
@@ -919,7 +1165,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-numeric-separator@npm:^7.10.4, @babel/plugin-syntax-numeric-separator@npm:^7.8.3":
+"@babel/plugin-syntax-numeric-separator@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4"
   dependencies:
@@ -963,18 +1209,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-private-property-in-object@npm:^7.14.5":
-  version: 7.14.5
-  resolution: "@babel/plugin-syntax-private-property-in-object@npm:7.14.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b317174783e6e96029b743ccff2a67d63d38756876e7e5d0ba53a322e38d9ca452c13354a57de1ad476b4c066dbae699e0ca157441da611117a47af88985ecda
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-top-level-await@npm:^7.14.5, @babel/plugin-syntax-top-level-await@npm:^7.8.3":
+"@babel/plugin-syntax-top-level-await@npm:^7.8.3":
   version: 7.14.5
   resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
   dependencies:
@@ -996,7 +1231,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-arrow-functions@npm:^7.0.0, @babel/plugin-transform-arrow-functions@npm:^7.18.6":
+"@babel/plugin-syntax-typescript@npm:^7.23.3":
+  version: 7.23.3
+  resolution: "@babel/plugin-syntax-typescript@npm:7.23.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: abfad3a19290d258b028e285a1f34c9b8a0cbe46ef79eafed4ed7ffce11b5d0720b5e536c82f91cbd8442cde35a3dd8e861fa70366d87ff06fdc0d4756e30876
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-arrow-functions@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-arrow-functions@npm:7.18.6"
   dependencies:
@@ -1007,7 +1253,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-to-generator@npm:^7.0.0, @babel/plugin-transform-async-to-generator@npm:^7.18.6":
+"@babel/plugin-transform-async-to-generator@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.18.6"
   dependencies:
@@ -1020,7 +1266,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoped-functions@npm:^7.0.0, @babel/plugin-transform-block-scoped-functions@npm:^7.18.6":
+"@babel/plugin-transform-block-scoped-functions@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.18.6"
   dependencies:
@@ -1031,7 +1277,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.0.0, @babel/plugin-transform-block-scoping@npm:^7.20.2":
+"@babel/plugin-transform-block-scoping@npm:^7.0.0":
   version: 7.20.2
   resolution: "@babel/plugin-transform-block-scoping@npm:7.20.2"
   dependencies:
@@ -1042,7 +1288,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.0.0, @babel/plugin-transform-classes@npm:^7.20.2":
+"@babel/plugin-transform-classes@npm:^7.0.0":
   version: 7.20.2
   resolution: "@babel/plugin-transform-classes@npm:7.20.2"
   dependencies:
@@ -1061,7 +1307,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-computed-properties@npm:^7.0.0, @babel/plugin-transform-computed-properties@npm:^7.18.9":
+"@babel/plugin-transform-computed-properties@npm:^7.0.0":
   version: 7.18.9
   resolution: "@babel/plugin-transform-computed-properties@npm:7.18.9"
   dependencies:
@@ -1072,7 +1318,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.0.0, @babel/plugin-transform-destructuring@npm:^7.20.2":
+"@babel/plugin-transform-destructuring@npm:^7.0.0":
   version: 7.20.2
   resolution: "@babel/plugin-transform-destructuring@npm:7.20.2"
   dependencies:
@@ -1083,41 +1329,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dotall-regex@npm:^7.18.6, @babel/plugin-transform-dotall-regex@npm:^7.4.4":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-dotall-regex@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: cbe5d7063eb8f8cca24cd4827bc97f5641166509e58781a5f8aa47fb3d2d786ce4506a30fca2e01f61f18792783a5cb5d96bf5434c3dd1ad0de8c9cc625a53da
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-duplicate-keys@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 220bf4a9fec5c4d4a7b1de38810350260e8ea08481bf78332a464a21256a95f0df8cd56025f346238f09b04f8e86d4158fafc9f4af57abaef31637e3b58bd4fe
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-exponentiation-operator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.18.6"
-  dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7f70222f6829c82a36005508d34ddbe6fd0974ae190683a8670dd6ff08669aaf51fef2209d7403f9bd543cb2d12b18458016c99a6ed0332ccedb3ea127b01229
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-flow-strip-types@npm:^7.0.0, @babel/plugin-transform-flow-strip-types@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/plugin-transform-flow-strip-types@npm:7.16.7"
@@ -1130,7 +1341,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.0.0, @babel/plugin-transform-for-of@npm:^7.18.8":
+"@babel/plugin-transform-for-of@npm:^7.0.0":
   version: 7.18.8
   resolution: "@babel/plugin-transform-for-of@npm:7.18.8"
   dependencies:
@@ -1141,7 +1352,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-function-name@npm:^7.0.0, @babel/plugin-transform-function-name@npm:^7.18.9":
+"@babel/plugin-transform-function-name@npm:^7.0.0":
   version: 7.18.9
   resolution: "@babel/plugin-transform-function-name@npm:7.18.9"
   dependencies:
@@ -1154,7 +1365,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-literals@npm:^7.0.0, @babel/plugin-transform-literals@npm:^7.18.9":
+"@babel/plugin-transform-literals@npm:^7.0.0":
   version: 7.18.9
   resolution: "@babel/plugin-transform-literals@npm:7.18.9"
   dependencies:
@@ -1165,7 +1376,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-member-expression-literals@npm:^7.0.0, @babel/plugin-transform-member-expression-literals@npm:^7.18.6":
+"@babel/plugin-transform-member-expression-literals@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.18.6"
   dependencies:
@@ -1176,19 +1387,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-amd@npm:^7.19.6":
-  version: 7.19.6
-  resolution: "@babel/plugin-transform-modules-amd@npm:7.19.6"
-  dependencies:
-    "@babel/helper-module-transforms": ^7.19.6
-    "@babel/helper-plugin-utils": ^7.19.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 4236aad970025bc10c772c1589b1e2eab8b7681933bb5ffa6e395d4c1a52532b28c47c553e3011b4272ea81e5ab39fe969eb5349584e8390e59771055c467d42
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-modules-commonjs@npm:^7.0.0, @babel/plugin-transform-modules-commonjs@npm:^7.13.8, @babel/plugin-transform-modules-commonjs@npm:^7.19.6":
+"@babel/plugin-transform-modules-commonjs@npm:^7.0.0, @babel/plugin-transform-modules-commonjs@npm:^7.13.8":
   version: 7.20.11
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.20.11"
   dependencies:
@@ -1201,33 +1400,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.19.6":
-  version: 7.19.6
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.19.6"
+"@babel/plugin-transform-modules-commonjs@npm:^7.23.3":
+  version: 7.23.3
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.23.3"
   dependencies:
-    "@babel/helper-hoist-variables": ^7.18.6
-    "@babel/helper-module-transforms": ^7.19.6
-    "@babel/helper-plugin-utils": ^7.19.0
-    "@babel/helper-validator-identifier": ^7.19.1
+    "@babel/helper-module-transforms": ^7.23.3
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-simple-access": ^7.22.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 8526431cc81ea3eb232ad50862d0ed1cbb422b5251d14a8d6610d0ca0617f6e75f35179e98eb1235d0cccb980120350b9f112594e5646dd45378d41eaaf87342
+  checksum: 720a231ceade4ae4d2632478db4e7fecf21987d444942b72d523487ac8d715ca97de6c8f415c71e939595e1a4776403e7dc24ed68fe9125ad4acf57753c9bff7
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-umd@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-modules-umd@npm:7.18.6"
-  dependencies:
-    "@babel/helper-module-transforms": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: c3b6796c6f4579f1ba5ab0cdcc73910c1e9c8e1e773c507c8bb4da33072b3ae5df73c6d68f9126dab6e99c24ea8571e1563f8710d7c421fac1cde1e434c20153
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.0.0, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.19.1":
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.0.0":
   version: 7.19.1
   resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.19.1"
   dependencies:
@@ -1239,18 +1425,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-new-target@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-new-target@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: bd780e14f46af55d0ae8503b3cb81ca86dcc73ed782f177e74f498fff934754f9e9911df1f8f3bd123777eed7c1c1af4d66abab87c8daae5403e7719a6b845d1
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-object-super@npm:^7.0.0, @babel/plugin-transform-object-super@npm:^7.18.6":
+"@babel/plugin-transform-object-super@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-object-super@npm:7.18.6"
   dependencies:
@@ -1273,7 +1448,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-property-literals@npm:^7.0.0, @babel/plugin-transform-property-literals@npm:^7.18.6":
+"@babel/plugin-transform-property-literals@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-property-literals@npm:7.18.6"
   dependencies:
@@ -1332,29 +1507,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-regenerator@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    regenerator-transform: ^0.15.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 60bd482cb0343c714f85c3e19a13b3b5fa05ee336c079974091c0b35e263307f4e661f4555dff90707a87d5efe19b1d51835db44455405444ac1813e268ad750
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-reserved-words@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-reserved-words@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 0738cdc30abdae07c8ec4b233b30c31f68b3ff0eaa40eddb45ae607c066127f5fa99ddad3c0177d8e2832e3a7d3ad115775c62b431ebd6189c40a951b867a80c
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-runtime@npm:^7.0.0":
   version: 7.14.3
   resolution: "@babel/plugin-transform-runtime@npm:7.14.3"
@@ -1371,7 +1523,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-shorthand-properties@npm:^7.0.0, @babel/plugin-transform-shorthand-properties@npm:^7.18.6":
+"@babel/plugin-transform-shorthand-properties@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-shorthand-properties@npm:7.18.6"
   dependencies:
@@ -1382,7 +1534,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.0.0, @babel/plugin-transform-spread@npm:^7.19.0":
+"@babel/plugin-transform-spread@npm:^7.0.0":
   version: 7.19.0
   resolution: "@babel/plugin-transform-spread@npm:7.19.0"
   dependencies:
@@ -1394,7 +1546,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-sticky-regex@npm:^7.0.0, @babel/plugin-transform-sticky-regex@npm:^7.18.6":
+"@babel/plugin-transform-sticky-regex@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-sticky-regex@npm:7.18.6"
   dependencies:
@@ -1405,7 +1557,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-template-literals@npm:^7.0.0, @babel/plugin-transform-template-literals@npm:^7.18.9":
+"@babel/plugin-transform-template-literals@npm:^7.0.0":
   version: 7.18.9
   resolution: "@babel/plugin-transform-template-literals@npm:7.18.9"
   dependencies:
@@ -1416,17 +1568,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typeof-symbol@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: e754e0d8b8a028c52e10c148088606e3f7a9942c57bd648fc0438e5b4868db73c386a5ed47ab6d6f0594aae29ee5ffc2ffc0f7ebee7fae560a066d6dea811cd4
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-typescript@npm:^7.18.6, @babel/plugin-transform-typescript@npm:^7.5.0":
   version: 7.19.0
   resolution: "@babel/plugin-transform-typescript@npm:7.19.0"
@@ -1440,18 +1581,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-escapes@npm:^7.18.10":
-  version: 7.18.10
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.18.10"
+"@babel/plugin-transform-typescript@npm:^7.23.3":
+  version: 7.23.6
+  resolution: "@babel/plugin-transform-typescript@npm:7.23.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-create-class-features-plugin": ^7.23.6
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-typescript": ^7.23.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f5baca55cb3c11bc08ec589f5f522d85c1ab509b4d11492437e45027d64ae0b22f0907bd1381e8d7f2a436384bb1f9ad89d19277314242c5c2671a0f91d0f9cd
+  checksum: 0462241843d14dff9f1a4c49ab182a6f01a5f7679957c786b08165dac3e8d49184011f05ca204183d164c54b9d3496d1b3005f904fa8708e394e6f15bf5548e6
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-regex@npm:^7.0.0, @babel/plugin-transform-unicode-regex@npm:^7.18.6":
+"@babel/plugin-transform-unicode-regex@npm:^7.0.0":
   version: 7.18.6
   resolution: "@babel/plugin-transform-unicode-regex@npm:7.18.6"
   dependencies:
@@ -1463,91 +1607,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-env@npm:^7.18.6":
-  version: 7.20.2
-  resolution: "@babel/preset-env@npm:7.20.2"
-  dependencies:
-    "@babel/compat-data": ^7.20.1
-    "@babel/helper-compilation-targets": ^7.20.0
-    "@babel/helper-plugin-utils": ^7.20.2
-    "@babel/helper-validator-option": ^7.18.6
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.18.6
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.18.9
-    "@babel/plugin-proposal-async-generator-functions": ^7.20.1
-    "@babel/plugin-proposal-class-properties": ^7.18.6
-    "@babel/plugin-proposal-class-static-block": ^7.18.6
-    "@babel/plugin-proposal-dynamic-import": ^7.18.6
-    "@babel/plugin-proposal-export-namespace-from": ^7.18.9
-    "@babel/plugin-proposal-json-strings": ^7.18.6
-    "@babel/plugin-proposal-logical-assignment-operators": ^7.18.9
-    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.18.6
-    "@babel/plugin-proposal-numeric-separator": ^7.18.6
-    "@babel/plugin-proposal-object-rest-spread": ^7.20.2
-    "@babel/plugin-proposal-optional-catch-binding": ^7.18.6
-    "@babel/plugin-proposal-optional-chaining": ^7.18.9
-    "@babel/plugin-proposal-private-methods": ^7.18.6
-    "@babel/plugin-proposal-private-property-in-object": ^7.18.6
-    "@babel/plugin-proposal-unicode-property-regex": ^7.18.6
-    "@babel/plugin-syntax-async-generators": ^7.8.4
-    "@babel/plugin-syntax-class-properties": ^7.12.13
-    "@babel/plugin-syntax-class-static-block": ^7.14.5
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
-    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
-    "@babel/plugin-syntax-import-assertions": ^7.20.0
-    "@babel/plugin-syntax-json-strings": ^7.8.3
-    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
-    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
-    "@babel/plugin-syntax-numeric-separator": ^7.10.4
-    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
-    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
-    "@babel/plugin-syntax-optional-chaining": ^7.8.3
-    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
-    "@babel/plugin-syntax-top-level-await": ^7.14.5
-    "@babel/plugin-transform-arrow-functions": ^7.18.6
-    "@babel/plugin-transform-async-to-generator": ^7.18.6
-    "@babel/plugin-transform-block-scoped-functions": ^7.18.6
-    "@babel/plugin-transform-block-scoping": ^7.20.2
-    "@babel/plugin-transform-classes": ^7.20.2
-    "@babel/plugin-transform-computed-properties": ^7.18.9
-    "@babel/plugin-transform-destructuring": ^7.20.2
-    "@babel/plugin-transform-dotall-regex": ^7.18.6
-    "@babel/plugin-transform-duplicate-keys": ^7.18.9
-    "@babel/plugin-transform-exponentiation-operator": ^7.18.6
-    "@babel/plugin-transform-for-of": ^7.18.8
-    "@babel/plugin-transform-function-name": ^7.18.9
-    "@babel/plugin-transform-literals": ^7.18.9
-    "@babel/plugin-transform-member-expression-literals": ^7.18.6
-    "@babel/plugin-transform-modules-amd": ^7.19.6
-    "@babel/plugin-transform-modules-commonjs": ^7.19.6
-    "@babel/plugin-transform-modules-systemjs": ^7.19.6
-    "@babel/plugin-transform-modules-umd": ^7.18.6
-    "@babel/plugin-transform-named-capturing-groups-regex": ^7.19.1
-    "@babel/plugin-transform-new-target": ^7.18.6
-    "@babel/plugin-transform-object-super": ^7.18.6
-    "@babel/plugin-transform-parameters": ^7.20.1
-    "@babel/plugin-transform-property-literals": ^7.18.6
-    "@babel/plugin-transform-regenerator": ^7.18.6
-    "@babel/plugin-transform-reserved-words": ^7.18.6
-    "@babel/plugin-transform-shorthand-properties": ^7.18.6
-    "@babel/plugin-transform-spread": ^7.19.0
-    "@babel/plugin-transform-sticky-regex": ^7.18.6
-    "@babel/plugin-transform-template-literals": ^7.18.9
-    "@babel/plugin-transform-typeof-symbol": ^7.18.9
-    "@babel/plugin-transform-unicode-escapes": ^7.18.10
-    "@babel/plugin-transform-unicode-regex": ^7.18.6
-    "@babel/preset-modules": ^0.1.5
-    "@babel/types": ^7.20.2
-    babel-plugin-polyfill-corejs2: ^0.3.3
-    babel-plugin-polyfill-corejs3: ^0.6.0
-    babel-plugin-polyfill-regenerator: ^0.4.1
-    core-js-compat: ^3.25.1
-    semver: ^6.3.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ece2d7e9c7789db6116e962b8e1a55eb55c110c44c217f0c8f6ffea4ca234954e66557f7bd019b7affadf7fbb3a53ccc807e93fc935aacd48146234b73b6947e
-  languageName: node
-  linkType: hard
-
 "@babel/preset-flow@npm:^7.13.13":
   version: 7.16.7
   resolution: "@babel/preset-flow@npm:7.16.7"
@@ -1561,22 +1620,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-modules@npm:^0.1.5":
-  version: 0.1.5
-  resolution: "@babel/preset-modules@npm:0.1.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.0.0
-    "@babel/plugin-proposal-unicode-property-regex": ^7.4.4
-    "@babel/plugin-transform-dotall-regex": ^7.4.4
-    "@babel/types": ^7.4.4
-    esutils: ^2.0.2
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8430e0e9e9d520b53e22e8c4c6a5a080a12b63af6eabe559c2310b187bd62ae113f3da82ba33e9d1d0f3230930ca702843aae9dd226dec51f7d7114dc1f51c10
-  languageName: node
-  linkType: hard
-
-"@babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.18.6":
+"@babel/preset-typescript@npm:^7.13.0":
   version: 7.18.6
   resolution: "@babel/preset-typescript@npm:7.18.6"
   dependencies:
@@ -1589,6 +1633,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-typescript@npm:^7.21.5":
+  version: 7.23.3
+  resolution: "@babel/preset-typescript@npm:7.23.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-validator-option": ^7.22.15
+    "@babel/plugin-syntax-jsx": ^7.23.3
+    "@babel/plugin-transform-modules-commonjs": ^7.23.3
+    "@babel/plugin-transform-typescript": ^7.23.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 105a2d39bbc464da0f7e1ad7f535c77c5f62d6b410219355b20e552e7d29933567a5c55339b5d0aec1a5c7a0a7dfdf1b54aae601a4fe15a157d54dcbfcb3e854
+  languageName: node
+  linkType: hard
+
 "@babel/register@npm:^7.13.16":
   version: 7.17.7
   resolution: "@babel/register@npm:7.17.7"
@@ -1604,7 +1663,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.14.6, @babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.14.6, @babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.9.2":
   version: 7.20.13
   resolution: "@babel/runtime@npm:7.20.13"
   dependencies:
@@ -1613,12 +1672,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.21.0":
-  version: 7.23.6
-  resolution: "@babel/runtime@npm:7.23.6"
+"@babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.8.7":
+  version: 7.24.5
+  resolution: "@babel/runtime@npm:7.24.5"
   dependencies:
     regenerator-runtime: ^0.14.0
-  checksum: 1a8eaf3d3a103ef5227b60ca7ab5c589118c36ca65ef2d64e65380b32a98a3f3b5b3ef96660fa0471b079a18b619a8317f3e7f03ab2b930c45282a8b69ed9a16
+  checksum: 755383192f3ac32ba4c62bd4f1ae92aed5b82d2c6665f39eb28fa94546777cf5c63493ea92dd03f1c2e621b17e860f190c056684b7f234270fdc91e29beda063
   languageName: node
   linkType: hard
 
@@ -1633,7 +1692,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.18.6, @babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.19.1, @babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.21.0, @babel/traverse@npm:^7.21.2, @babel/traverse@npm:^7.21.3, @babel/traverse@npm:^7.4.5":
+"@babel/template@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/template@npm:7.22.15"
+  dependencies:
+    "@babel/code-frame": ^7.22.13
+    "@babel/parser": ^7.22.15
+    "@babel/types": ^7.22.15
+  checksum: 1f3e7dcd6c44f5904c184b3f7fe280394b191f2fed819919ffa1e529c259d5b197da8981b6ca491c235aee8dbad4a50b7e31304aa531271cb823a4a24a0dd8fd
+  languageName: node
+  linkType: hard
+
+"@babel/template@npm:^7.24.0":
+  version: 7.24.0
+  resolution: "@babel/template@npm:7.24.0"
+  dependencies:
+    "@babel/code-frame": ^7.23.5
+    "@babel/parser": ^7.24.0
+    "@babel/types": ^7.24.0
+  checksum: f257b003c071a0cecdbfceca74185f18fe62c055469ab5c1d481aab12abeebed328e67e0a19fd978a2a8de97b28953fa4bc3da6d038a7345fdf37923b9fcdec8
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.19.1, @babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.21.0, @babel/traverse@npm:^7.21.2, @babel/traverse@npm:^7.21.3, @babel/traverse@npm:^7.4.5":
   version: 7.21.3
   resolution: "@babel/traverse@npm:7.21.3"
   dependencies:
@@ -1651,7 +1732,43 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.14.2, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.2, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.0, @babel/types@npm:^7.21.2, @babel/types@npm:^7.21.3, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+"@babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/traverse@npm:7.23.6"
+  dependencies:
+    "@babel/code-frame": ^7.23.5
+    "@babel/generator": ^7.23.6
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-function-name": ^7.23.0
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/parser": ^7.23.6
+    "@babel/types": ^7.23.6
+    debug: ^4.3.1
+    globals: ^11.1.0
+  checksum: 48f2eac0e86b6cb60dab13a5ea6a26ba45c450262fccdffc334c01089e75935f7546be195e260e97f6e43cea419862eda095018531a2718fef8189153d479f88
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/traverse@npm:7.24.5"
+  dependencies:
+    "@babel/code-frame": ^7.24.2
+    "@babel/generator": ^7.24.5
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-function-name": ^7.23.0
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.24.5
+    "@babel/parser": ^7.24.5
+    "@babel/types": ^7.24.5
+    debug: ^4.3.1
+    globals: ^11.1.0
+  checksum: a313fbf4a06946cc4b74b06e9846d7393a9ca1e8b6df6da60c669cff0a9426d6198c21a478041c60807b62b48f980473d4afbd3768764b0d9741ac80f5dfa04f
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.14.2, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.2, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.0, @babel/types@npm:^7.21.2, @babel/types@npm:^7.21.3, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.8.3":
   version: 7.21.3
   resolution: "@babel/types@npm:7.21.3"
   dependencies:
@@ -1662,6 +1779,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.22.15, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.6":
+  version: 7.23.6
+  resolution: "@babel/types@npm:7.23.6"
+  dependencies:
+    "@babel/helper-string-parser": ^7.23.4
+    "@babel/helper-validator-identifier": ^7.22.20
+    to-fast-properties: ^2.0.0
+  checksum: 68187dbec0d637f79bc96263ac95ec8b06d424396678e7e225492be866414ce28ebc918a75354d4c28659be6efe30020b4f0f6df81cc418a2d30645b690a8de0
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.24.0, @babel/types@npm:^7.24.5":
+  version: 7.24.5
+  resolution: "@babel/types@npm:7.24.5"
+  dependencies:
+    "@babel/helper-string-parser": ^7.24.1
+    "@babel/helper-validator-identifier": ^7.24.5
+    to-fast-properties: ^2.0.0
+  checksum: 8eeeacd996593b176e649ee49d8dc3f26f9bb6aa1e3b592030e61a0e58ea010fb018dccc51e5314c8139409ea6cbab02e29b33e674e1f6962d8e24c52da6375b
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^0.2.3":
   version: 0.2.3
   resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -1939,146 +2078,150 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@code-hike/classer@npm:^0.0.0-aa6efee":
-  version: 0.0.0-e48fa74
-  resolution: "@code-hike/classer@npm:0.0.0-e48fa74"
-  peerDependencies:
-    react: ">=16.8"
-  checksum: 2f0fe945c77073ccfe5fa1c1ddd0ca9e6c0a2d004c3dcd04f7fa4843ea6dd45ea6a6d9a7803c010a8e37ef846916f7ef699cfb1a8dc42a85350474c4f7e8a961
-  languageName: node
-  linkType: hard
-
 "@codemirror/autocomplete@npm:^6.0.0, @codemirror/autocomplete@npm:^6.4.0":
-  version: 6.4.0
-  resolution: "@codemirror/autocomplete@npm:6.4.0"
+  version: 6.16.0
+  resolution: "@codemirror/autocomplete@npm:6.16.0"
   dependencies:
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.6.0
+    "@codemirror/view": ^6.17.0
     "@lezer/common": ^1.0.0
   peerDependencies:
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
     "@codemirror/view": ^6.0.0
     "@lezer/common": ^1.0.0
-  checksum: 3470fee01da60d3d71b8b4f8728629c0f0441e704b8b828592f98c000d75fdb2c9077727e82685626cf45b95cadbc0c1a03968261df2f0cfb4162418b5f4dd1f
+  checksum: e33d3d8c961c03dc4a70d1ac6f01aee5362d778da9d873a8335aed47f7de9430eab083589736e7922464b941d5da23c51ab6af05400413a8d1a07604ffcb99f7
   languageName: node
   linkType: hard
 
 "@codemirror/commands@npm:^6.1.3":
-  version: 6.2.0
-  resolution: "@codemirror/commands@npm:6.2.0"
+  version: 6.5.0
+  resolution: "@codemirror/commands@npm:6.5.0"
   dependencies:
     "@codemirror/language": ^6.0.0
-    "@codemirror/state": ^6.2.0
+    "@codemirror/state": ^6.4.0
     "@codemirror/view": ^6.0.0
-    "@lezer/common": ^1.0.0
-  checksum: 13475fcd348335b4c31e563cbe83b98fdaa99218da882e3fbe6bad66841c55a69030e4a1a5f475ba2607db194d3b43b91e38fd088f9f4196b1ed4eac5b523909
+    "@lezer/common": ^1.1.0
+  checksum: 27e49c5e0cb918b95d6a9f741bcc0e72cb76f963b0c829308edfb4491a37d8b12ae6fb96f9f1886b3189a22c82fec4434fbe65547dc3cd3e8dfb5222dfead2e7
   languageName: node
   linkType: hard
 
 "@codemirror/lang-css@npm:^6.0.0, @codemirror/lang-css@npm:^6.0.1":
-  version: 6.0.2
-  resolution: "@codemirror/lang-css@npm:6.0.2"
+  version: 6.2.1
+  resolution: "@codemirror/lang-css@npm:6.2.1"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
+    "@lezer/common": ^1.0.2
     "@lezer/css": ^1.0.0
-  checksum: 3ab3f03af1c07be650efb2613ea7f9ad3a32e8e733eff1233b410fece87235fe0a5ca534ca2e136bf21dbf619801e3ae9666a83f4f26f91871ec69788519d3e6
+  checksum: 5a8457ee8a4310030a969f2d3128429f549c4dc9b7907ee8888b42119c80b65af99093801432efdf659b8ec36a147d2a947bc1ecbbf69a759395214e3f4834a8
   languageName: node
   linkType: hard
 
 "@codemirror/lang-html@npm:^6.4.0":
-  version: 6.4.1
-  resolution: "@codemirror/lang-html@npm:6.4.1"
+  version: 6.4.9
+  resolution: "@codemirror/lang-html@npm:6.4.9"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/lang-css": ^6.0.0
     "@codemirror/lang-javascript": ^6.0.0
     "@codemirror/language": ^6.4.0
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.2.2
+    "@codemirror/view": ^6.17.0
     "@lezer/common": ^1.0.0
     "@lezer/css": ^1.1.0
     "@lezer/html": ^1.3.0
-  checksum: 0fa0603a2f0145f1e89a92c676a9c6ee1d263218099d395b0716d0acd7c8da97cda713587c186f9ad47872099c809abdc2c229efc12f953964efd34064689263
+  checksum: ac8c3ceb0396f2e032752c5079bd950124dca708bc64e96fc147dc5fe7133e5cee0814fe951abdb953ec1d11fa540e4b30a712b5149d9a36016a197a28de45d7
   languageName: node
   linkType: hard
 
 "@codemirror/lang-javascript@npm:^6.0.0, @codemirror/lang-javascript@npm:^6.1.2":
-  version: 6.1.3
-  resolution: "@codemirror/lang-javascript@npm:6.1.3"
+  version: 6.2.2
+  resolution: "@codemirror/lang-javascript@npm:6.2.2"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
-    "@codemirror/language": ^6.0.0
+    "@codemirror/language": ^6.6.0
     "@codemirror/lint": ^6.0.0
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.0.0
+    "@codemirror/view": ^6.17.0
     "@lezer/common": ^1.0.0
     "@lezer/javascript": ^1.0.0
-  checksum: 8cc697a76e82c99efbf57b6897c44ef42143b8e1474e7ed4be6d24e09f5045a147c561206b4a4d8125503d346ec53124913b06f3c1f86e9b151c615ba6c5e70f
+  checksum: 66379942a8347dff2bd76d10ed7cf313bca83872f8336fdd3e14accfef23e7b690cd913c9d11a3854fba2b32299da07fc3275995327642c9ee43c2a8e538c19d
   languageName: node
   linkType: hard
 
-"@codemirror/language@npm:^6.0.0, @codemirror/language@npm:^6.3.2, @codemirror/language@npm:^6.4.0":
-  version: 6.4.0
-  resolution: "@codemirror/language@npm:6.4.0"
+"@codemirror/language@npm:^6.0.0, @codemirror/language@npm:^6.3.2, @codemirror/language@npm:^6.4.0, @codemirror/language@npm:^6.6.0":
+  version: 6.10.1
+  resolution: "@codemirror/language@npm:6.10.1"
   dependencies:
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.0.0
-    "@lezer/common": ^1.0.0
+    "@codemirror/view": ^6.23.0
+    "@lezer/common": ^1.1.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
     style-mod: ^4.0.0
-  checksum: 607072e234db59a9a21eb41b8777b62d68a55ed28298edc4f6aaedfcf52349db1fe3ff3e7747ccfc77f03757bad45ba9a657d59a0e9c67be1231902586dec7a3
+  checksum: 453bbe122a84795752f29261412b69a8dcfdd7e4369eb7e112bffba36b9e527ad21adff1d3845e0dc44c9ab44eb0c6f823eb6ba790ddd00cc749847574eda779
   languageName: node
   linkType: hard
 
 "@codemirror/lint@npm:^6.0.0":
-  version: 6.1.0
-  resolution: "@codemirror/lint@npm:6.1.0"
+  version: 6.7.1
+  resolution: "@codemirror/lint@npm:6.7.1"
   dependencies:
     "@codemirror/state": ^6.0.0
     "@codemirror/view": ^6.0.0
     crelt: ^1.0.5
-  checksum: 1b5179c2c18e0eb96c68b47cd6832053a6aab80d6126cc250876fa848418c537417f0656cd6f442a0e5858830546fdef6bdcbb7b9773d92989795b52c7646011
+  checksum: b3f52b16367abe150c734b75fd9224132a06c83ebc8148724acd1352fa27d4565a3b29dbdf31d5e27a9232d595fc32c23d68321391e7345d13937ad88b48a87f
   languageName: node
   linkType: hard
 
-"@codemirror/state@npm:^6.0.0, @codemirror/state@npm:^6.1.4, @codemirror/state@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "@codemirror/state@npm:6.2.0"
-  checksum: fdc99c773dc09c700dd02bf918f06132aa8d3069c262cc4eb6ca5c810ce24ae2d7e90719ae7630a8158fd263018de6d40bd78f312e6bfba754e737b64e6c6b3d
+"@codemirror/state@npm:^6.0.0, @codemirror/state@npm:^6.2.0, @codemirror/state@npm:^6.4.0":
+  version: 6.4.1
+  resolution: "@codemirror/state@npm:6.4.1"
+  checksum: b81b55574091349eed4d32fc0eadb0c9688f1f7c98b681318f59138ee0f527cb4c4a97831b70547c0640f02f3127647838ae6730782de4a3dd2cc58836125d01
   languageName: node
   linkType: hard
 
-"@codemirror/view@npm:^6.0.0, @codemirror/view@npm:^6.2.2, @codemirror/view@npm:^6.6.0, @codemirror/view@npm:^6.7.1":
-  version: 6.7.3
-  resolution: "@codemirror/view@npm:6.7.3"
+"@codemirror/view@npm:^6.0.0, @codemirror/view@npm:^6.17.0, @codemirror/view@npm:^6.23.0, @codemirror/view@npm:^6.7.1":
+  version: 6.26.3
+  resolution: "@codemirror/view@npm:6.26.3"
   dependencies:
-    "@codemirror/state": ^6.1.4
-    style-mod: ^4.0.0
+    "@codemirror/state": ^6.4.0
+    style-mod: ^4.1.0
     w3c-keyname: ^2.2.4
-  checksum: 37c0458cf45e52a1af9b9bef29108dd84bb91c6818ecad432d89627039d92f6b234b033cf14ecbc1c5b533694127478942fcc9641fdf52b9a1b20eccc018e27c
+  checksum: fdee35fb5e0bbba7b6f1a9b43a865880911bbfafd30360da5dda21b35f81ba2d080ff66b6c3d94dbe946b6b7ec98a76208786360b8f030ef10bcb054b816de05
+  languageName: node
+  linkType: hard
+
+"@codesandbox/nodebox@npm:0.1.8":
+  version: 0.1.8
+  resolution: "@codesandbox/nodebox@npm:0.1.8"
+  dependencies:
+    outvariant: ^1.4.0
+    strict-event-emitter: ^0.4.3
+  checksum: ffacef167fa9d736445ec4461f2b1e70a6533c58c3dd25a47b61339d545c756f10f5e8669d1bc8423cb78153f0838575f6f6987625319dfa60a739220a10d239
   languageName: node
   linkType: hard
 
-"@codesandbox/sandpack-client@npm:^1.20.9":
-  version: 1.20.9
-  resolution: "@codesandbox/sandpack-client@npm:1.20.9"
+"@codesandbox/sandpack-client@npm:^2.13.8":
+  version: 2.13.8
+  resolution: "@codesandbox/sandpack-client@npm:2.13.8"
   dependencies:
-    codesandbox-import-utils: ^1.2.3
-    lodash.isequal: ^4.5.0
-  checksum: ff6811f03499cb2da6acf603e1a5eb7a6267b3e6bb9ab41ff31926d814696723a7ea312c1bde281585c4d5a251899658cd8edf439f26267358058fb9d7cce257
+    "@codesandbox/nodebox": 0.1.8
+    buffer: ^6.0.3
+    dequal: ^2.0.2
+    outvariant: 1.4.0
+    static-browser-server: 1.0.3
+  checksum: f0e7677c230ffde3e539f9f474297bddc37545f794fe943f23982ec766513216cf507dc19d649721e8b18f5980a3f3dafaa4c7ef895c930dcc53bdb7b6e28fd2
   languageName: node
   linkType: hard
 
-"@codesandbox/sandpack-react@npm:^1.20.9":
-  version: 1.20.9
-  resolution: "@codesandbox/sandpack-react@npm:1.20.9"
+"@codesandbox/sandpack-react@npm:2.13.10":
+  version: 2.13.10
+  resolution: "@codesandbox/sandpack-react@npm:2.13.10"
   dependencies:
-    "@code-hike/classer": ^0.0.0-aa6efee
     "@codemirror/autocomplete": ^6.4.0
     "@codemirror/commands": ^6.1.3
     "@codemirror/lang-css": ^6.0.1
@@ -2087,20 +2230,21 @@ __metadata:
     "@codemirror/language": ^6.3.2
     "@codemirror/state": ^6.2.0
     "@codemirror/view": ^6.7.1
-    "@codesandbox/sandpack-client": ^1.20.9
+    "@codesandbox/sandpack-client": ^2.13.8
     "@lezer/highlight": ^1.1.3
     "@react-hook/intersection-observer": ^3.1.1
     "@stitches/core": ^1.2.6
+    anser: ^2.1.1
     clean-set: ^1.1.2
-    codesandbox-import-util-types: ^2.2.3
-    lodash.isequal: ^4.5.0
+    dequal: ^2.0.2
+    escape-carriage: ^1.3.1
     lz-string: ^1.4.4
     react-devtools-inline: 4.4.0
     react-is: ^17.0.2
   peerDependencies:
     react: ^16.8.0 || ^17 || ^18
     react-dom: ^16.8.0 || ^17 || ^18
-  checksum: d07a56291ee5758bc7cbd3dbe26a05d99da9458259c8ec65fc5e901eaf7784b85ebf1837d6cf686a6ca47b151401988c8900afd6ceceddecb8f3098f7d703246
+  checksum: 8555d9d9f684fd625d89e53957f14848687d49a20f966ec7f0b98832c8fe270991fb9dca660575a31767f2217c0909b776a5695c8bdf0a4d0c72d014cebaa285
   languageName: node
   linkType: hard
 
@@ -2299,15 +2443,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@cspotcode/source-map-support@npm:^0.8.0":
-  version: 0.8.1
-  resolution: "@cspotcode/source-map-support@npm:0.8.1"
-  dependencies:
-    "@jridgewell/trace-mapping": 0.3.9
-  checksum: 5718f267085ed8edb3e7ef210137241775e607ee18b77d95aa5bd7514f47f5019aa2d82d96b3bf342ef7aa890a346fa1044532ff7cc3009e7d24fce3ce6200fa
-  languageName: node
-  linkType: hard
-
 "@cypress/request@npm:^3.0.0":
   version: 3.0.1
   resolution: "@cypress/request@npm:3.0.1"
@@ -2344,25 +2479,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@docsearch/css@npm:3.3.3":
-  version: 3.3.3
-  resolution: "@docsearch/css@npm:3.3.3"
-  checksum: c3e678dd5e05a962d3e29b4c953632a013af3a352ad99d0e630546409e665684e122265034bca1619d9bd659e42d35c7cc90ee373836fcfb2614aae2057c5dc1
+"@docsearch/css@npm:3.6.0":
+  version: 3.6.0
+  resolution: "@docsearch/css@npm:3.6.0"
+  checksum: 6fa5d7a386f56dc90a2e060e3e368e075356709dd412df2a03bb7b4041c5c6dcf379078163c16d022c2a27fdd4c75596c33485d1bd6b37ad6fbac80f51704af1
   languageName: node
   linkType: hard
 
-"@docsearch/react@npm:^3.3.3":
-  version: 3.3.3
-  resolution: "@docsearch/react@npm:3.3.3"
+"@docsearch/react@npm:3.6.0":
+  version: 3.6.0
+  resolution: "@docsearch/react@npm:3.6.0"
   dependencies:
-    "@algolia/autocomplete-core": 1.7.4
-    "@algolia/autocomplete-preset-algolia": 1.7.4
-    "@docsearch/css": 3.3.3
-    algoliasearch: ^4.0.0
+    "@algolia/autocomplete-core": 1.9.3
+    "@algolia/autocomplete-preset-algolia": 1.9.3
+    "@docsearch/css": 3.6.0
+    algoliasearch: ^4.19.1
   peerDependencies:
     "@types/react": ">= 16.8.0 < 19.0.0"
     react: ">= 16.8.0 < 19.0.0"
     react-dom: ">= 16.8.0 < 19.0.0"
+    search-insights: ">= 1 < 3"
   peerDependenciesMeta:
     "@types/react":
       optional: true
@@ -2370,65 +2506,41 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 8a31c175853b61ee80748abc0cebdc33d247483643c4151a430e05d37f159bf59ea08cb69f878cff7787d3ca122b664701575543914d3c3692b448b63d3ad716
-  languageName: node
-  linkType: hard
-
-"@edge-runtime/format@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@edge-runtime/format@npm:1.1.0"
-  checksum: b017896197776eed3490bcb92ce6265d9cd1c46ab66a8eb65f1895093a163fbef281bf44acd2129d0d92882437876281a71e160f174ec0b43ef34893a3fe96fd
-  languageName: node
-  linkType: hard
-
-"@edge-runtime/primitives@npm:2.0.0":
-  version: 2.0.0
-  resolution: "@edge-runtime/primitives@npm:2.0.0"
-  checksum: f383faab52bafb3fe3f8f24bd6b963f2fd173ae8e76724b9a0b66653f76f14d936efadbaf520c0983a8354a59e7b85241650a24ae230b8aa135ba8d1cd7f5c06
-  languageName: node
-  linkType: hard
-
-"@edge-runtime/vm@npm:2.0.0":
-  version: 2.0.0
-  resolution: "@edge-runtime/vm@npm:2.0.0"
-  dependencies:
-    "@edge-runtime/primitives": 2.0.0
-  checksum: fee554b8fbc6887a4a23a4c65b947fc7a5c7901c2b12d5b211d80cd210e3885168985513ea278488afd0e107c470a6e8f535e010e3fc7903bc5f306a3c8094f7
+    search-insights:
+      optional: true
+  checksum: 1025c6072661eb4427ffe561d9f6f4a8ca08b509a8e1bb64ff92eccad544d0dc1705c9cddbea74f9672e1d960dc3c94b76cfa8a8665346128aea2e19a3745a55
   languageName: node
   linkType: hard
 
-"@emotion/babel-plugin@npm:^11.10.5":
-  version: 11.10.5
-  resolution: "@emotion/babel-plugin@npm:11.10.5"
+"@emotion/babel-plugin@npm:^11.11.0":
+  version: 11.11.0
+  resolution: "@emotion/babel-plugin@npm:11.11.0"
   dependencies:
     "@babel/helper-module-imports": ^7.16.7
-    "@babel/plugin-syntax-jsx": ^7.17.12
     "@babel/runtime": ^7.18.3
-    "@emotion/hash": ^0.9.0
-    "@emotion/memoize": ^0.8.0
-    "@emotion/serialize": ^1.1.1
+    "@emotion/hash": ^0.9.1
+    "@emotion/memoize": ^0.8.1
+    "@emotion/serialize": ^1.1.2
     babel-plugin-macros: ^3.1.0
     convert-source-map: ^1.5.0
     escape-string-regexp: ^4.0.0
     find-root: ^1.1.0
     source-map: ^0.5.7
-    stylis: 4.1.3
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: e3353499c76c4422d6e900c0dfab73607056d9da86161a3f27c3459c193c4908050c5d252c68fcde231e13f02a9d8e0dc07d260317ae0e5206841e331cc4caae
+    stylis: 4.2.0
+  checksum: 6b363edccc10290f7a23242c06f88e451b5feb2ab94152b18bb8883033db5934fb0e421e2d67d09907c13837c21218a3ac28c51707778a54d6cd3706c0c2f3f9
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.10.5, @emotion/cache@npm:^11.4.0":
-  version: 11.10.5
-  resolution: "@emotion/cache@npm:11.10.5"
+"@emotion/cache@npm:^11.11.0, @emotion/cache@npm:^11.4.0":
+  version: 11.11.0
+  resolution: "@emotion/cache@npm:11.11.0"
   dependencies:
-    "@emotion/memoize": ^0.8.0
-    "@emotion/sheet": ^1.2.1
-    "@emotion/utils": ^1.2.0
-    "@emotion/weak-memoize": ^0.3.0
-    stylis: 4.1.3
-  checksum: 1dd2d9af2d3ecbd3d4469ecdf91a335eef6034c851b57a474471b2d2280613eb35bbed98c0368cc4625f188619fbdaf04cf07e8107aaffce94b2178444c0fe7b
+    "@emotion/memoize": ^0.8.1
+    "@emotion/sheet": ^1.2.2
+    "@emotion/utils": ^1.2.1
+    "@emotion/weak-memoize": ^0.3.1
+    stylis: 4.2.0
+  checksum: 8eb1dc22beaa20c21a2e04c284d5a2630a018a9d51fb190e52de348c8d27f4e8ca4bbab003d68b4f6cd9cc1c569ca747a997797e0f76d6c734a660dc29decf08
   languageName: node
   linkType: hard
 
@@ -2439,6 +2551,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/hash@npm:^0.9.1":
+  version: 0.9.1
+  resolution: "@emotion/hash@npm:0.9.1"
+  checksum: 716e17e48bf9047bf9383982c071de49f2615310fb4e986738931776f5a823bc1f29c84501abe0d3df91a3803c80122d24e28b57351bca9e01356ebb33d89876
+  languageName: node
+  linkType: hard
+
 "@emotion/is-prop-valid@npm:^1.1.0":
   version: 1.2.0
   resolution: "@emotion/is-prop-valid@npm:1.2.0"
@@ -2455,47 +2574,51 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/memoize@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "@emotion/memoize@npm:0.8.1"
+  checksum: a19cc01a29fcc97514948eaab4dc34d8272e934466ed87c07f157887406bc318000c69ae6f813a9001c6a225364df04249842a50e692ef7a9873335fbcc141b0
+  languageName: node
+  linkType: hard
+
 "@emotion/react@npm:^11.8.1":
-  version: 11.10.5
-  resolution: "@emotion/react@npm:11.10.5"
+  version: 11.11.4
+  resolution: "@emotion/react@npm:11.11.4"
   dependencies:
     "@babel/runtime": ^7.18.3
-    "@emotion/babel-plugin": ^11.10.5
-    "@emotion/cache": ^11.10.5
-    "@emotion/serialize": ^1.1.1
-    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
-    "@emotion/utils": ^1.2.0
-    "@emotion/weak-memoize": ^0.3.0
+    "@emotion/babel-plugin": ^11.11.0
+    "@emotion/cache": ^11.11.0
+    "@emotion/serialize": ^1.1.3
+    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.1
+    "@emotion/utils": ^1.2.1
+    "@emotion/weak-memoize": ^0.3.1
     hoist-non-react-statics: ^3.3.1
   peerDependencies:
-    "@babel/core": ^7.0.0
     react: ">=16.8.0"
   peerDependenciesMeta:
-    "@babel/core":
-      optional: true
     "@types/react":
       optional: true
-  checksum: 32b67b28e9b6d6c53b970072680697f04c2521441050bdeb19a1a7f0164af549b4dad39ff375eda1b6a3cf1cc86ba2c6fa55460ec040e6ebbca3e9ec58353cf7
+  checksum: 6abaa7a05c5e1db31bffca7ac79169f5456990022cbb3794e6903221536609a60420f2b4888dd3f84e9634a304e394130cb88dc32c243a1dedc263e50da329f8
   languageName: node
   linkType: hard
 
-"@emotion/serialize@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@emotion/serialize@npm:1.1.1"
+"@emotion/serialize@npm:^1.1.2, @emotion/serialize@npm:^1.1.3":
+  version: 1.1.4
+  resolution: "@emotion/serialize@npm:1.1.4"
   dependencies:
-    "@emotion/hash": ^0.9.0
-    "@emotion/memoize": ^0.8.0
-    "@emotion/unitless": ^0.8.0
-    "@emotion/utils": ^1.2.0
+    "@emotion/hash": ^0.9.1
+    "@emotion/memoize": ^0.8.1
+    "@emotion/unitless": ^0.8.1
+    "@emotion/utils": ^1.2.1
     csstype: ^3.0.2
-  checksum: 24cfd5b16e6f2335c032ca33804a876e0442aaf8f9c94d269d23735ebd194fb1ed142542dd92191a3e6ef8bad5bd560dfc5aaf363a1b70954726dbd4dd93085c
+  checksum: 71b99f816a9c1d61a87c62cf4928da3894bb62213f3aff38b1ea9790b3368f084af98a3e5453b5055c2f36a7d70318d2fa9955b7b5676c2065b868062375df39
   languageName: node
   linkType: hard
 
-"@emotion/sheet@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@emotion/sheet@npm:1.2.1"
-  checksum: ce78763588ea522438156344d9f592203e2da582d8d67b32e1b0b98eaba26994c6c270f8c7ad46442fc9c0a9f048685d819cd73ca87e544520fd06f0e24a1562
+"@emotion/sheet@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "@emotion/sheet@npm:1.2.2"
+  checksum: d973273c9c15f1c291ca2269728bf044bd3e92a67bca87943fa9ec6c3cd2b034f9a6bfe95ef1b5d983351d128c75b547b43ff196a00a3875f7e1d269793cecfe
   languageName: node
   linkType: hard
 
@@ -2513,52 +2636,54 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/unitless@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@emotion/unitless@npm:0.8.0"
-  checksum: 176141117ed23c0eb6e53a054a69c63e17ae532ec4210907a20b2208f91771821835f1c63dd2ec63e30e22fcc984026d7f933773ee6526dd038e0850919fae7a
+"@emotion/unitless@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "@emotion/unitless@npm:0.8.1"
+  checksum: 385e21d184d27853bb350999471f00e1429fa4e83182f46cd2c164985999d9b46d558dc8b9cc89975cb337831ce50c31ac2f33b15502e85c299892e67e7b4a88
   languageName: node
   linkType: hard
 
-"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.0"
+"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.1"
   peerDependencies:
     react: ">=16.8.0"
-  checksum: 4f06a3b48258c832aa8022a262572061a31ff078d377e9164cccc99951309d70f4466e774fe704461b2f8715007a82ed625a54a5c7a127c89017d3ce3187d4f1
+  checksum: 700b6e5bbb37a9231f203bb3af11295eed01d73b2293abece0bc2a2237015e944d7b5114d4887ad9a79776504aa51ed2a8b0ddbc117c54495dd01a6b22f93786
   languageName: node
   linkType: hard
 
-"@emotion/utils@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@emotion/utils@npm:1.2.0"
-  checksum: 55457a49ddd4db6a014ea0454dc09eaa23eedfb837095c8ff90470cb26a303f7ceb5fcc1e2190ef64683e64cfd33d3ba3ca3109cd87d12bc9e379e4195c9a4dd
+"@emotion/utils@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@emotion/utils@npm:1.2.1"
+  checksum: e0b44be0705b56b079c55faff93952150be69e79b660ae70ddd5b6e09fc40eb1319654315a9f34bb479d7f4ec94be6068c061abbb9e18b9778ae180ad5d97c73
   languageName: node
   linkType: hard
 
-"@emotion/weak-memoize@npm:^0.3.0":
-  version: 0.3.0
-  resolution: "@emotion/weak-memoize@npm:0.3.0"
-  checksum: f43ef4c8b7de70d9fa5eb3105921724651e4188e895beb71f0c5919dc899a7b8743e1fdd99d38b9092dd5722c7be2312ebb47fbdad0c4e38bea58f6df5885cc0
+"@emotion/weak-memoize@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "@emotion/weak-memoize@npm:0.3.1"
+  checksum: b2be47caa24a8122622ea18cd2d650dbb4f8ad37b636dc41ed420c2e082f7f1e564ecdea68122b546df7f305b159bf5ab9ffee872abd0f052e687428459af594
   languageName: node
   linkType: hard
 
-"@esbuild-plugins/node-modules-polyfill@npm:^0.1.4":
-  version: 0.1.4
-  resolution: "@esbuild-plugins/node-modules-polyfill@npm:0.1.4"
-  dependencies:
-    escape-string-regexp: ^4.0.0
-    rollup-plugin-node-polyfills: ^0.2.1
-  peerDependencies:
-    esbuild: "*"
-  checksum: 39ff2a816139d71ebfbb78914c024565b6026da3146776aa10d27ee1330938ce78c7b2aad11c2d7768c7675d0942d1d1690dabfe60fa79e07dbb31cfbe396cec
+"@esbuild/aix-ppc64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/aix-ppc64@npm:0.19.12"
+  conditions: os=aix & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/android-arm64@npm:0.16.3"
-  conditions: os=android & cpu=arm64
+"@esbuild/aix-ppc64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/aix-ppc64@npm:0.20.2"
+  conditions: os=aix & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/aix-ppc64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/aix-ppc64@npm:0.21.4"
+  conditions: os=aix & cpu=ppc64
   languageName: node
   linkType: hard
 
@@ -2576,17 +2701,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/android-arm64@npm:0.19.9"
+"@esbuild/android-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/android-arm64@npm:0.19.12"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/android-arm@npm:0.16.3"
-  conditions: os=android & cpu=arm
+"@esbuild/android-arm64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/android-arm64@npm:0.20.2"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/android-arm64@npm:0.21.4"
+  conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -2604,17 +2736,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/android-arm@npm:0.19.9"
+"@esbuild/android-arm@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/android-arm@npm:0.19.12"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/android-x64@npm:0.16.3"
-  conditions: os=android & cpu=x64
+"@esbuild/android-arm@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/android-arm@npm:0.20.2"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/android-arm@npm:0.21.4"
+  conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
@@ -2632,17 +2771,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/android-x64@npm:0.19.9"
+"@esbuild/android-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/android-x64@npm:0.19.12"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/darwin-arm64@npm:0.16.3"
-  conditions: os=darwin & cpu=arm64
+"@esbuild/android-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/android-x64@npm:0.20.2"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/android-x64@npm:0.21.4"
+  conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
@@ -2660,17 +2806,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/darwin-arm64@npm:0.19.9"
+"@esbuild/darwin-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/darwin-arm64@npm:0.19.12"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/darwin-x64@npm:0.16.3"
-  conditions: os=darwin & cpu=x64
+"@esbuild/darwin-arm64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/darwin-arm64@npm:0.20.2"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-arm64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/darwin-arm64@npm:0.21.4"
+  conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -2688,17 +2841,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/darwin-x64@npm:0.19.9"
+"@esbuild/darwin-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/darwin-x64@npm:0.19.12"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/freebsd-arm64@npm:0.16.3"
-  conditions: os=freebsd & cpu=arm64
+"@esbuild/darwin-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/darwin-x64@npm:0.20.2"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/darwin-x64@npm:0.21.4"
+  conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
@@ -2716,17 +2876,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/freebsd-arm64@npm:0.19.9"
+"@esbuild/freebsd-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/freebsd-arm64@npm:0.19.12"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/freebsd-x64@npm:0.16.3"
-  conditions: os=freebsd & cpu=x64
+"@esbuild/freebsd-arm64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/freebsd-arm64@npm:0.20.2"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-arm64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/freebsd-arm64@npm:0.21.4"
+  conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -2744,17 +2911,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/freebsd-x64@npm:0.19.9"
+"@esbuild/freebsd-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/freebsd-x64@npm:0.19.12"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-arm64@npm:0.16.3"
-  conditions: os=linux & cpu=arm64
+"@esbuild/freebsd-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/freebsd-x64@npm:0.20.2"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/freebsd-x64@npm:0.21.4"
+  conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
@@ -2772,17 +2946,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-arm64@npm:0.19.9"
+"@esbuild/linux-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-arm64@npm:0.19.12"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-arm@npm:0.16.3"
-  conditions: os=linux & cpu=arm
+"@esbuild/linux-arm64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-arm64@npm:0.20.2"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-arm64@npm:0.21.4"
+  conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -2800,17 +2981,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-arm@npm:0.19.9"
+"@esbuild/linux-arm@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-arm@npm:0.19.12"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-ia32@npm:0.16.3"
-  conditions: os=linux & cpu=ia32
+"@esbuild/linux-arm@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-arm@npm:0.20.2"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-arm@npm:0.21.4"
+  conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
@@ -2828,17 +3016,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-ia32@npm:0.19.9"
+"@esbuild/linux-ia32@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-ia32@npm:0.19.12"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-loong64@npm:0.16.3"
-  conditions: os=linux & cpu=loong64
+"@esbuild/linux-ia32@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-ia32@npm:0.20.2"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ia32@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-ia32@npm:0.21.4"
+  conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
@@ -2856,17 +3051,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-loong64@npm:0.19.9"
+"@esbuild/linux-loong64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-loong64@npm:0.19.12"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-mips64el@npm:0.16.3"
-  conditions: os=linux & cpu=mips64el
+"@esbuild/linux-loong64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-loong64@npm:0.20.2"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-loong64@npm:0.21.4"
+  conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
@@ -2884,17 +3086,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-mips64el@npm:0.19.9"
+"@esbuild/linux-mips64el@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-mips64el@npm:0.19.12"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-ppc64@npm:0.16.3"
-  conditions: os=linux & cpu=ppc64
+"@esbuild/linux-mips64el@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-mips64el@npm:0.20.2"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-mips64el@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-mips64el@npm:0.21.4"
+  conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
@@ -2912,17 +3121,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-ppc64@npm:0.19.9"
+"@esbuild/linux-ppc64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-ppc64@npm:0.19.12"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-riscv64@npm:0.16.3"
-  conditions: os=linux & cpu=riscv64
+"@esbuild/linux-ppc64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-ppc64@npm:0.20.2"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ppc64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-ppc64@npm:0.21.4"
+  conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
@@ -2940,17 +3156,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-riscv64@npm:0.19.9"
+"@esbuild/linux-riscv64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-riscv64@npm:0.19.12"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-s390x@npm:0.16.3"
-  conditions: os=linux & cpu=s390x
+"@esbuild/linux-riscv64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-riscv64@npm:0.20.2"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-riscv64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-riscv64@npm:0.21.4"
+  conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
@@ -2968,17 +3191,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-s390x@npm:0.19.9"
+"@esbuild/linux-s390x@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-s390x@npm:0.19.12"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/linux-x64@npm:0.16.3"
-  conditions: os=linux & cpu=x64
+"@esbuild/linux-s390x@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-s390x@npm:0.20.2"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-s390x@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-s390x@npm:0.21.4"
+  conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
@@ -2996,17 +3226,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/linux-x64@npm:0.19.9"
+"@esbuild/linux-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/linux-x64@npm:0.19.12"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/netbsd-x64@npm:0.16.3"
-  conditions: os=netbsd & cpu=x64
+"@esbuild/linux-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/linux-x64@npm:0.20.2"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/linux-x64@npm:0.21.4"
+  conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
@@ -3024,17 +3261,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/netbsd-x64@npm:0.19.9"
+"@esbuild/netbsd-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/netbsd-x64@npm:0.19.12"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/openbsd-x64@npm:0.16.3"
-  conditions: os=openbsd & cpu=x64
+"@esbuild/netbsd-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/netbsd-x64@npm:0.20.2"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/netbsd-x64@npm:0.21.4"
+  conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
@@ -3052,17 +3296,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/openbsd-x64@npm:0.19.9"
+"@esbuild/openbsd-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/openbsd-x64@npm:0.19.12"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/sunos-x64@npm:0.16.3"
-  conditions: os=sunos & cpu=x64
+"@esbuild/openbsd-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/openbsd-x64@npm:0.20.2"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/openbsd-x64@npm:0.21.4"
+  conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
@@ -3080,17 +3331,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/sunos-x64@npm:0.19.9"
+"@esbuild/sunos-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/sunos-x64@npm:0.19.12"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/sunos-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/sunos-x64@npm:0.20.2"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/win32-arm64@npm:0.16.3"
-  conditions: os=win32 & cpu=arm64
+"@esbuild/sunos-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/sunos-x64@npm:0.21.4"
+  conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
@@ -3108,17 +3366,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/win32-arm64@npm:0.19.9"
+"@esbuild/win32-arm64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/win32-arm64@npm:0.19.12"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/win32-ia32@npm:0.16.3"
-  conditions: os=win32 & cpu=ia32
+"@esbuild/win32-arm64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/win32-arm64@npm:0.20.2"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-arm64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/win32-arm64@npm:0.21.4"
+  conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -3136,17 +3401,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/win32-ia32@npm:0.19.9"
+"@esbuild/win32-ia32@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/win32-ia32@npm:0.19.12"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.16.3":
-  version: 0.16.3
-  resolution: "@esbuild/win32-x64@npm:0.16.3"
-  conditions: os=win32 & cpu=x64
+"@esbuild/win32-ia32@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/win32-ia32@npm:0.20.2"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-ia32@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/win32-ia32@npm:0.21.4"
+  conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
@@ -3164,9 +3436,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.19.9":
-  version: 0.19.9
-  resolution: "@esbuild/win32-x64@npm:0.19.9"
+"@esbuild/win32-x64@npm:0.19.12":
+  version: 0.19.12
+  resolution: "@esbuild/win32-x64@npm:0.19.12"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.20.2":
+  version: 0.20.2
+  resolution: "@esbuild/win32-x64@npm:0.20.2"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.21.4":
+  version: 0.21.4
+  resolution: "@esbuild/win32-x64@npm:0.21.4"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -3224,48 +3510,41 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^0.7.3":
-  version: 0.7.3
-  resolution: "@floating-ui/core@npm:0.7.3"
-  checksum: f48f9fb0d19dcbe7a68c38e8de7fabb11f0c0e6e0ef215ae60b5004900bacb1386e7b89cb377d91a90ff7d147ea1f06c2905136ecf34dea162d9696d8f448d5f
-  languageName: node
-  linkType: hard
-
-"@floating-ui/core@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@floating-ui/core@npm:1.0.2"
-  checksum: a6c93c15c4408dfa5acff31c275f36d85f4107a9d7562da2d6c014c810559843a71e38622046195856966929d20a37793e7ed0905e54ddc8edd91cd10500ce8d
-  languageName: node
-  linkType: hard
-
-"@floating-ui/dom@npm:^0.5.3":
-  version: 0.5.4
-  resolution: "@floating-ui/dom@npm:0.5.4"
+"@floating-ui/core@npm:^1.0.0":
+  version: 1.6.1
+  resolution: "@floating-ui/core@npm:1.6.1"
   dependencies:
-    "@floating-ui/core": ^0.7.3
-  checksum: 9f9d8a51a828c6be5f187204aa6d293c6c9ef70d51dcc5891a4d85683745fceebf79ff8826d0f75ae41b45c3b138367d339756f27f41be87a8770742ebc0de42
+    "@floating-ui/utils": ^0.2.0
+  checksum: 77ae1bc49127a694f37464e78d8eb7971c346a8691ea62a038beeddb22b80910d326fe544267c2b15fa49ff23ae403bc2763658f6413b67dbd759ab950c11939
   languageName: node
   linkType: hard
 
-"@floating-ui/dom@npm:^1.0.1":
-  version: 1.0.6
-  resolution: "@floating-ui/dom@npm:1.0.6"
+"@floating-ui/dom@npm:^1.0.0, @floating-ui/dom@npm:^1.0.1":
+  version: 1.6.5
+  resolution: "@floating-ui/dom@npm:1.6.5"
   dependencies:
-    "@floating-ui/core": ^1.0.2
-  checksum: 72536ec07901b3e899510e7a206373fe380a971dd03305436ef248b59585a4da595cb27d525a44d3eba8cc965b1b8903a6e93e3b2333b3426da03b25ede48caa
+    "@floating-ui/core": ^1.0.0
+    "@floating-ui/utils": ^0.2.0
+  checksum: 767295173cfc9024b2187b65d3c1a0c8d8596a1f827d57c86288e52edf91b41508b3679643e24e0ef9f522d86aab59ef97354b456b39be4f6f5159d819cc807d
   languageName: node
   linkType: hard
 
-"@floating-ui/react-dom@npm:0.7.2":
-  version: 0.7.2
-  resolution: "@floating-ui/react-dom@npm:0.7.2"
+"@floating-ui/react-dom@npm:^2.0.0":
+  version: 2.0.9
+  resolution: "@floating-ui/react-dom@npm:2.0.9"
   dependencies:
-    "@floating-ui/dom": ^0.5.3
-    use-isomorphic-layout-effect: ^1.1.1
+    "@floating-ui/dom": ^1.0.0
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: bc3f2b5557f87f6f4bbccfe3e8d097abafad61a41083d3b79f3499f27590e273bcb3dc7136c2444841ee7a8c0d2a70cc1385458c16103fa8b70eade80c24af52
+  checksum: f7a05c90955c713fc2851f74f87bdde9bd91df5f264f061f489bd3b6ce74c78dda204c3e71a09adc56b64f5324f2c2f23c01382e5ec897ee7e8e5235c41b45a9
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.2.0":
+  version: 0.2.2
+  resolution: "@floating-ui/utils@npm:0.2.2"
+  checksum: 3d8d46fd1b071c98e10d374e2dcf54d1eb9de0aa75ed2b994c9132ebf6f783f896f979053be71450bdb6d60021120cfc24d25a5c84ebb3db0994080e13d9762f
   languageName: node
   linkType: hard
 
@@ -3317,6 +3596,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@isaacs/cliui@npm:^8.0.2":
+  version: 8.0.2
+  resolution: "@isaacs/cliui@npm:8.0.2"
+  dependencies:
+    string-width: ^5.1.2
+    string-width-cjs: "npm:string-width@^4.2.0"
+    strip-ansi: ^7.0.1
+    strip-ansi-cjs: "npm:strip-ansi@^6.0.1"
+    wrap-ansi: ^8.1.0
+    wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0"
+  checksum: 4a473b9b32a7d4d3cfb7a614226e555091ff0c5a29a1734c28c72a182c2f6699b26fc6b5c2131dfd841e86b185aea714c72201d7c98c2fba5f17709333a67aeb
+  languageName: node
+  linkType: hard
+
 "@istanbuljs/load-nyc-config@npm:^1.0.0":
   version: 1.1.0
   resolution: "@istanbuljs/load-nyc-config@npm:1.1.0"
@@ -3690,7 +3983,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/resolve-uri@npm:3.1.0, @jridgewell/resolve-uri@npm:^3.0.3":
+"@jridgewell/gen-mapping@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "@jridgewell/gen-mapping@npm:0.3.5"
+  dependencies:
+    "@jridgewell/set-array": ^1.2.1
+    "@jridgewell/sourcemap-codec": ^1.4.10
+    "@jridgewell/trace-mapping": ^0.3.24
+  checksum: ff7a1764ebd76a5e129c8890aa3e2f46045109dabde62b0b6c6a250152227647178ff2069ea234753a690d8f3c4ac8b5e7b267bbee272bffb7f3b0a370ab6e52
+  languageName: node
+  linkType: hard
+
+"@jridgewell/resolve-uri@npm:3.1.0":
   version: 3.1.0
   resolution: "@jridgewell/resolve-uri@npm:3.1.0"
   checksum: b5ceaaf9a110fcb2780d1d8f8d4a0bfd216702f31c988d8042e5f8fbe353c55d9b0f55a1733afdc64806f8e79c485d2464680ac48a0d9fcadb9548ee6b81d267
@@ -3711,6 +4015,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/set-array@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@jridgewell/set-array@npm:1.2.1"
+  checksum: 832e513a85a588f8ed4f27d1279420d8547743cc37fcad5a5a76fc74bb895b013dfe614d0eed9cb860048e6546b798f8f2652020b4b2ba0561b05caa8c654b10
+  languageName: node
+  linkType: hard
+
 "@jridgewell/source-map@npm:^0.3.2":
   version: 0.3.2
   resolution: "@jridgewell/source-map@npm:0.3.2"
@@ -3735,16 +4046,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:0.3.9":
-  version: 0.3.9
-  resolution: "@jridgewell/trace-mapping@npm:0.3.9"
-  dependencies:
-    "@jridgewell/resolve-uri": ^3.0.3
-    "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: d89597752fd88d3f3480845691a05a44bd21faac18e2185b6f436c3b0fd0c5a859fbbd9aaa92050c4052caf325ad3e10e2e1d1b64327517471b7d51babc0ddef
-  languageName: node
-  linkType: hard
-
 "@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.9":
   version: 0.3.17
   resolution: "@jridgewell/trace-mapping@npm:0.3.17"
@@ -3765,59 +4066,78 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lezer/common@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "@lezer/common@npm:1.0.2"
-  checksum: bbcc58e07be02652bf0700d2856042ec089d5be0b95893d628b3e18192ade864fac83b61b19653e10b9f1472261a178b12318d934e9004edd5483a577c0db56b
+"@jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
+  version: 0.3.25
+  resolution: "@jridgewell/trace-mapping@npm:0.3.25"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.1.0
+    "@jridgewell/sourcemap-codec": ^1.4.14
+  checksum: 9d3c40d225e139987b50c48988f8717a54a8c994d8a948ee42e1412e08988761d0754d7d10b803061cc3aebf35f92a5dbbab493bd0e1a9ef9e89a2130e83ba34
+  languageName: node
+  linkType: hard
+
+"@jspm/core@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@jspm/core@npm:2.0.1"
+  checksum: 611f37cadd8a76662309e89afb68bf5936d0fed16aacc8886fef0f0af94a9f7e1241ce6c619b650fa1064631374f6fcadad99be04c9cf504a47f5361746b8d7f
+  languageName: node
+  linkType: hard
+
+"@lezer/common@npm:^1.0.0, @lezer/common@npm:^1.0.2, @lezer/common@npm:^1.1.0, @lezer/common@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "@lezer/common@npm:1.2.1"
+  checksum: 0bd092e293a509ce334f4aaf9a4d4a25528f743cd9d7e7948c697e34ac703b805b288b62ad01563488fb206fc34ff05084f7fc5d864be775924b3d0d53ea5dd2
   languageName: node
   linkType: hard
 
 "@lezer/css@npm:^1.0.0, @lezer/css@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "@lezer/css@npm:1.1.1"
+  version: 1.1.8
+  resolution: "@lezer/css@npm:1.1.8"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: a7e4893aacaa7f26d5679c77a640f401b37d14155cb54863aa91b59dfd220b280360a341c0fedafc65d31101de13a5ae33cf3876c352f2da528344dafdc9b3d7
+  checksum: 1f5968360dbac7ba27f0c2a194143769f7b01824715274dd8507dacf13cc790bb8c48ce95de355e9c58be93bb3e271bf98b9fc51213f79e4ce918e7c7ebbef04
   languageName: node
   linkType: hard
 
 "@lezer/highlight@npm:^1.0.0, @lezer/highlight@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@lezer/highlight@npm:1.1.3"
+  version: 1.2.0
+  resolution: "@lezer/highlight@npm:1.2.0"
   dependencies:
     "@lezer/common": ^1.0.0
-  checksum: 90ec143ce46b32f6779c3b245f1b5a540d66686939816d3daed8318821acc4bc719466dc222336cfd483bf04a8de4fdc6f279e904cf114d4d9f786f9feccbbd8
+  checksum: 5b9dfe741f95db13f6124cb9556a43011cb8041ecf490be98d44a86b04d926a66e912bcd3a766f6a3d79e064410f1a2f60ab240b50b645a12c56987bf4870086
   languageName: node
   linkType: hard
 
 "@lezer/html@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@lezer/html@npm:1.3.0"
+  version: 1.3.9
+  resolution: "@lezer/html@npm:1.3.9"
   dependencies:
-    "@lezer/common": ^1.0.0
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: e6efde94614a5b7ebf2713b244a110ef9025369561c7bf42fe6dd8f5877d2ee0c71f894b8b43d1284d23bf429fd3688ec3b6b0c2b8702df366c2b5e5cedc4c19
+  checksum: 40d89b0af4379768ce7d3e7162988e9ec73b42984e333e877c7451f7e2c10131e39e4b50150bc334093cbd84a3b34f9fc1a6ac62cbba51f503a495ad243e880b
   languageName: node
   linkType: hard
 
 "@lezer/javascript@npm:^1.0.0":
-  version: 1.4.1
-  resolution: "@lezer/javascript@npm:1.4.1"
+  version: 1.4.16
+  resolution: "@lezer/javascript@npm:1.4.16"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.1.3
     "@lezer/lr": ^1.3.0
-  checksum: 634270116d5f1c278e2949d397845f41cac388dec7f0db593a3dc23e0fd4a1b73b9bf08f96fcf109fcd3d38c4b374d48676dce3261ff8ff83a85f5d6a37989f7
+  checksum: 20fcf5ad95d3cf0155af8a060045d1c14609e1178669e087f246854d1ef7e7326e512cc05f90db1bcbd58ce229fcc7aa8600c7f757580c5f980c420835a2cd3c
   languageName: node
   linkType: hard
 
 "@lezer/lr@npm:^1.0.0, @lezer/lr@npm:^1.3.0":
-  version: 1.3.3
-  resolution: "@lezer/lr@npm:1.3.3"
+  version: 1.4.0
+  resolution: "@lezer/lr@npm:1.4.0"
   dependencies:
     "@lezer/common": ^1.0.0
-  checksum: 1804074c794005a31c54d80ab72127f19ae5be29bb627c52bc001a57b1af97a9e62732ff13e3aeb7bc53b330202b6bd3747272c64d87f257dbba533e75a183a3
+  checksum: 4c8517017e9803415c6c5cb8230d8764107eafd7d0b847676cd1023abb863a4b268d0d01c7ce3cf1702c4749527c68f0a26b07c329cb7b68c36ed88362d7b193
   languageName: node
   linkType: hard
 
@@ -3847,12 +4167,85 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mdx-js/react@npm:^1.6.22":
-  version: 1.6.22
-  resolution: "@mdx-js/react@npm:1.6.22"
+"@mdx-js/mdx@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "@mdx-js/mdx@npm:2.3.0"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    "@types/mdx": ^2.0.0
+    estree-util-build-jsx: ^2.0.0
+    estree-util-is-identifier-name: ^2.0.0
+    estree-util-to-js: ^1.1.0
+    estree-walker: ^3.0.0
+    hast-util-to-estree: ^2.0.0
+    markdown-extensions: ^1.0.0
+    periscopic: ^3.0.0
+    remark-mdx: ^2.0.0
+    remark-parse: ^10.0.0
+    remark-rehype: ^10.0.0
+    unified: ^10.0.0
+    unist-util-position-from-estree: ^1.0.0
+    unist-util-stringify-position: ^3.0.0
+    unist-util-visit: ^4.0.0
+    vfile: ^5.0.0
+  checksum: d918766a326502ec0b54adee61dc2930daf5b748acb9107f9bfd1ab0dbc4d7b1a4d0dbb9e21da9dd2a9fc2f9950b2973a43c6ba62d3a72eb67a30f6c953e5be8
+  languageName: node
+  linkType: hard
+
+"@mdx-js/mdx@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "@mdx-js/mdx@npm:3.0.1"
+  dependencies:
+    "@types/estree": ^1.0.0
+    "@types/estree-jsx": ^1.0.0
+    "@types/hast": ^3.0.0
+    "@types/mdx": ^2.0.0
+    collapse-white-space: ^2.0.0
+    devlop: ^1.0.0
+    estree-util-build-jsx: ^3.0.0
+    estree-util-is-identifier-name: ^3.0.0
+    estree-util-to-js: ^2.0.0
+    estree-walker: ^3.0.0
+    hast-util-to-estree: ^3.0.0
+    hast-util-to-jsx-runtime: ^2.0.0
+    markdown-extensions: ^2.0.0
+    periscopic: ^3.0.0
+    remark-mdx: ^3.0.0
+    remark-parse: ^11.0.0
+    remark-rehype: ^11.0.0
+    source-map: ^0.7.0
+    unified: ^11.0.0
+    unist-util-position-from-estree: ^2.0.0
+    unist-util-stringify-position: ^4.0.0
+    unist-util-visit: ^5.0.0
+    vfile: ^6.0.0
+  checksum: 82221662279c39a755b88f63b031a30b9bc04365e5bfc3e45590f4fa7bf6bff12364f4caee31c768ae588145eed74fda10c327d53f9272b1a2cffbc8bd537ce6
+  languageName: node
+  linkType: hard
+
+"@mdx-js/react@npm:3.0.1":
+  version: 3.0.1
+  resolution: "@mdx-js/react@npm:3.0.1"
+  dependencies:
+    "@types/mdx": ^2.0.0
+  peerDependencies:
+    "@types/react": ">=16"
+    react: ">=16"
+  checksum: 1063a597264f6a8840aa13274a99beef8983a88dd45b0c5b8e48e6216bc23d33e247da8e2d95d6e1874483f8b4e0903b166ce5046874aa7ffa2b1333057dcddf
+  languageName: node
+  linkType: hard
+
+"@mdx-js/rollup@npm:3.0.1":
+  version: 3.0.1
+  resolution: "@mdx-js/rollup@npm:3.0.1"
+  dependencies:
+    "@mdx-js/mdx": ^3.0.0
+    "@rollup/pluginutils": ^5.0.0
+    source-map: ^0.7.0
+    vfile: ^6.0.0
   peerDependencies:
-    react: ^16.13.1 || ^17.0.0
-  checksum: bc84bd514bc127f898819a0c6f1a6915d9541011bd8aefa1fcc1c9bea8939f31051409e546bdec92babfa5b56092a16d05ef6d318304ac029299df5181dc94c8
+    rollup: ">=2"
+  checksum: 44469b7ce23f9d9bea66ee5dfc9df24694fd21f13e4e207d473598fe4d56c3b1dbaa7b77fddef91daa0f2a653dce31a8ee773aea8086c3dfa94200fd67864c00
   languageName: node
   linkType: hard
 
@@ -3893,6 +4286,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@npmcli/fs@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@npmcli/fs@npm:3.1.0"
+  dependencies:
+    semver: ^7.3.5
+  checksum: a50a6818de5fc557d0b0e6f50ec780a7a02ab8ad07e5ac8b16bf519e0ad60a144ac64f97d05c443c3367235d337182e1d012bbac0eb8dbae8dc7b40b193efd0e
+  languageName: node
+  linkType: hard
+
+"@npmcli/git@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "@npmcli/git@npm:4.1.0"
+  dependencies:
+    "@npmcli/promise-spawn": ^6.0.0
+    lru-cache: ^7.4.4
+    npm-pick-manifest: ^8.0.0
+    proc-log: ^3.0.0
+    promise-inflight: ^1.0.1
+    promise-retry: ^2.0.1
+    semver: ^7.3.5
+    which: ^3.0.0
+  checksum: 37efb926593f294eb263297cdfffec9141234f977b89a7a6b95ff7a72576c1d7f053f4961bc4b5e79dea6476fe08e0f3c1ed9e4aeb84169e357ff757a6a70073
+  languageName: node
+  linkType: hard
+
 "@npmcli/move-file@npm:^1.0.1":
   version: 1.1.2
   resolution: "@npmcli/move-file@npm:1.1.2"
@@ -3903,12 +4321,41 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@npmcli/package-json@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@npmcli/package-json@npm:2.0.0"
+"@npmcli/package-json@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@npmcli/package-json@npm:4.0.1"
+  dependencies:
+    "@npmcli/git": ^4.1.0
+    glob: ^10.2.2
+    hosted-git-info: ^6.1.1
+    json-parse-even-better-errors: ^3.0.0
+    normalize-package-data: ^5.0.0
+    proc-log: ^3.0.0
+    semver: ^7.5.3
+  checksum: 699b80a72f1389b119d91131d312b514aa9ff6194377d90470dd91af95a63d497121db07cbc54d82a71d22c039edbc92b0666e7d699619550e1a6825391d756b
+  languageName: node
+  linkType: hard
+
+"@npmcli/promise-spawn@npm:^6.0.0":
+  version: 6.0.2
+  resolution: "@npmcli/promise-spawn@npm:6.0.2"
   dependencies:
-    json-parse-even-better-errors: ^2.3.1
-  checksum: 7a598e42d2778654ec87438ebfafbcbafbe5a5f5e89ed2ca1db6ca3f94ef14655e304aa41f77632a2a3f5c66b6bd5960bd9370e0ceb4902ea09346720364f9e4
+    which: ^3.0.0
+  checksum: aa725780c13e1f97ab32ed7bcb5a207a3fb988e1d7ecdc3d22a549a22c8034740366b351c4dde4b011bcffcd8c4a7be6083d9cf7bc7e897b88837150de018528
+  languageName: node
+  linkType: hard
+
+"@open-draft/deferred-promise@npm:^2.1.0":
+  version: 2.2.0
+  resolution: "@open-draft/deferred-promise@npm:2.2.0"
+  checksum: 7f29d39725bb8ab5b62f89d88a4202ce2439ac740860979f9e3d0015dfe4bc3daddcfa5727fa4eed482fdbee770aa591b1136b98b0a0f0569a65294f35bdf56a
+  languageName: node
+  linkType: hard
+
+"@pkgjs/parseargs@npm:^0.11.0":
+  version: 0.11.0
+  resolution: "@pkgjs/parseargs@npm:0.11.0"
+  checksum: 6ad6a00fc4f2f2cfc6bff76fb1d88b8ee20bc0601e18ebb01b6d4be583733a860239a521a7fbca73b612e66705078809483549d2b18f370eb346c5155c8e4a0f
   languageName: node
   linkType: hard
 
@@ -3945,33 +4392,40 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/primitive@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/primitive@npm:1.0.0"
+"@radix-ui/primitive@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/primitive@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-  checksum: 72996afaf346ec4f4c73422f14f6cb2d0de994801ba7cbb9a4a67b0050e0cd74625182c349ef8017ccae1406579d4b74a34a225ef2efe61e8e5337decf235deb
+  checksum: 2b93e161d3fdabe9a64919def7fa3ceaecf2848341e9211520c401181c9eaebb8451c630b066fad2256e5c639c95edc41de0ba59c40eff37e799918d019822d1
   languageName: node
   linkType: hard
 
-"@radix-ui/react-accordion@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-accordion@npm:1.1.0"
+"@radix-ui/react-accordion@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-accordion@npm:1.1.2"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-collapsible": 1.0.1
-    "@radix-ui/react-collection": 1.0.1
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-direction": 1.0.0
-    "@radix-ui/react-id": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-controllable-state": 1.0.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-collapsible": 1.0.3
+    "@radix-ui/react-collection": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: c35353c5870f3de2ab180de7df3d5d0886fa35b5b9b0f187820c487c3875a73d175715c36bc21c49ac5208516adf4dd1b050174ecd7005f5cb15a4fcef696311
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: ac8587c705bb723328399eb8759ebc188aa500a6e1884d7b63cbd9e98e8607e7373c4517b2e4c093a08477129be57259e740b465b963f30df63a4e0dadaee09d
   languageName: node
   linkType: hard
 
@@ -3987,52 +4441,73 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-arrow@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-arrow@npm:1.0.1"
+"@radix-ui/react-arrow@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-arrow@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-primitive": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 808ad81fb7a10281b2c3e549f40259891aff84e93d448100ce466ccb46ac8d21e68e1e8d8e45000fcf72d1f21bcffce6d58c689936f01f10b623a7abea3e9a23
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 8cca086f0dbb33360e3c0142adf72f99fc96352d7086d6c2356dbb2ea5944cfb720a87d526fc48087741c602cd8162ca02b0af5e6fdf5f56d20fddb44db8b4c3
   languageName: node
   linkType: hard
 
-"@radix-ui/react-collapsible@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-collapsible@npm:1.0.1"
+"@radix-ui/react-collapsible@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-collapsible@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-id": 1.0.0
-    "@radix-ui/react-presence": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-controllable-state": 1.0.0
-    "@radix-ui/react-use-layout-effect": 1.0.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-presence": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
+    "@radix-ui/react-use-layout-effect": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 24c4611c06b258cf1710c9978a0ad529f25f074e7654dd6fdf615f1e43dc100bbc9f8b2acd7a318153f2e27f3c4670d209c12a336004ff43f73cd05278e9a754
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 26976e4a72a3e0f4b2c62af2898b3e205c3652af46a3b41cda9a43567fe8381d9ef6afb0b29e3214c450b847f4f2099a533cffc5045844ecab290e9fa6114ca9
   languageName: node
   linkType: hard
 
-"@radix-ui/react-collection@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-collection@npm:1.0.1"
+"@radix-ui/react-collection@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-collection@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-slot": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-slot": 1.0.2
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 4922b358baf54aa343da5235fd061a289bedef9488254696bb4eb09b320da9da91bf55e148d89f07df80afa5429804f8a203159978cddeea423e58fdea703cd0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: acfbc9b0b2c553d343c22f02c9f098bc5cfa99e6e48df91c0d671855013f8b877ade9c657b7420a7aa523b5aceadea32a60dd72c23b1291f415684fb45d00cff
   languageName: node
   linkType: hard
 
@@ -4047,14 +4522,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-compose-refs@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-compose-refs@npm:1.0.0"
+"@radix-ui/react-compose-refs@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-compose-refs@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: fb98be2e275a1a758ccac647780ff5b04be8dcf25dcea1592db3b691fecf719c4c0700126da605b2f512dd89caa111352b9fad59528d736b4e0e9a0e134a74a1
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 2b9a613b6db5bff8865588b6bf4065f73021b3d16c0a90b2d4c23deceeb63612f1f15de188227ebdc5f88222cab031be617a9dd025874c0487b303be3e5cc2a8
   languageName: node
   linkType: hard
 
@@ -4069,162 +4548,127 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-context@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-context@npm:1.0.0"
+"@radix-ui/react-context@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-context@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: 43c6b6f2183398161fe6b109e83fff240a6b7babbb27092b815932342a89d5ca42aa9806bfae5927970eed5ff90feed04c67aa29c6721f84ae826f17fcf34ce0
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-dialog@npm:0.1.7":
-  version: 0.1.7
-  resolution: "@radix-ui/react-dialog@npm:0.1.7"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 0.1.0
-    "@radix-ui/react-compose-refs": 0.1.0
-    "@radix-ui/react-context": 0.1.1
-    "@radix-ui/react-dismissable-layer": 0.1.5
-    "@radix-ui/react-focus-guards": 0.1.0
-    "@radix-ui/react-focus-scope": 0.1.4
-    "@radix-ui/react-id": 0.1.5
-    "@radix-ui/react-portal": 0.1.4
-    "@radix-ui/react-presence": 0.1.2
-    "@radix-ui/react-primitive": 0.1.4
-    "@radix-ui/react-slot": 0.1.2
-    "@radix-ui/react-use-controllable-state": 0.1.0
-    aria-hidden: ^1.1.1
-    react-remove-scroll: ^2.4.0
-  peerDependencies:
-    react: ^16.8 || ^17.0
-    react-dom: ^16.8 || ^17.0
-  checksum: 19f131abf91ad93717149ad126444a8a273fd77ce74477e35bdb9e5cbc81cd166ba15812a4973d8882c48b03c2b5fdcd554b8dea0675430481abf7829ed8941d
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 60e9b81d364f40c91a6213ec953f7c64fcd9d75721205a494a5815b3e5ae0719193429b62ee6c7002cd6aaf70f8c0e2f08bdbaba9ffcc233044d32b56d2127d1
   languageName: node
   linkType: hard
 
-"@radix-ui/react-dialog@patch:@radix-ui/react-dialog@npm:0.1.7#../.yarn/patches/@radix-ui-react-dialog-npm-1.0.0-61b8140da9.patch::locator=%40react-spring%2Fdocs%40workspace%3Adocs":
-  version: 0.1.7
-  resolution: "@radix-ui/react-dialog@patch:@radix-ui/react-dialog@npm%3A0.1.7#../.yarn/patches/@radix-ui-react-dialog-npm-1.0.0-61b8140da9.patch::version=0.1.7&hash=2b3401&locator=%40react-spring%2Fdocs%40workspace%3Adocs"
+"@radix-ui/react-dialog@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@radix-ui/react-dialog@npm:1.0.5"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 0.1.0
-    "@radix-ui/react-compose-refs": 0.1.0
-    "@radix-ui/react-context": 0.1.1
-    "@radix-ui/react-dismissable-layer": 0.1.5
-    "@radix-ui/react-focus-guards": 0.1.0
-    "@radix-ui/react-focus-scope": 0.1.4
-    "@radix-ui/react-id": 0.1.5
-    "@radix-ui/react-portal": 0.1.4
-    "@radix-ui/react-presence": 0.1.2
-    "@radix-ui/react-primitive": 0.1.4
-    "@radix-ui/react-slot": 0.1.2
-    "@radix-ui/react-use-controllable-state": 0.1.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-dismissable-layer": 1.0.5
+    "@radix-ui/react-focus-guards": 1.0.1
+    "@radix-ui/react-focus-scope": 1.0.4
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-portal": 1.0.4
+    "@radix-ui/react-presence": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-slot": 1.0.2
+    "@radix-ui/react-use-controllable-state": 1.0.1
     aria-hidden: ^1.1.1
-    react-remove-scroll: ^2.4.0
-  peerDependencies:
-    react: ^16.8 || ^17.0
-    react-dom: ^16.8 || ^17.0
-  checksum: ee8c51161eb74b676b01bfe2983d7b927f66f54046a9164b086f1aeef20a73c857a630e09d2ec2bce9b481381be2157507320d47eb40cf6778a6209e0afa0ac1
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-direction@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-direction@npm:1.0.0"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-  peerDependencies:
-    react: ^16.8 || ^17.0 || ^18.0
-  checksum: 92a40de4087b161a56957872daf204a7735bd21f2fccbd42deff322d759977d085ad3dcdae05af437b7e64e628e939e0d67e5bc468a3027e1b02e0a7dc90c485
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-dismissable-layer@npm:0.1.5":
-  version: 0.1.5
-  resolution: "@radix-ui/react-dismissable-layer@npm:0.1.5"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 0.1.0
-    "@radix-ui/react-compose-refs": 0.1.0
-    "@radix-ui/react-primitive": 0.1.4
-    "@radix-ui/react-use-body-pointer-events": 0.1.1
-    "@radix-ui/react-use-callback-ref": 0.1.0
-    "@radix-ui/react-use-escape-keydown": 0.1.0
-  peerDependencies:
-    react: ^16.8 || ^17.0
-  checksum: 6e4a376f5454a4e239264075637835bd392072fe874df37a1ba7b7ac929926de44492e9f2e69a2129969bd8e59fa9b9ef9b9d390f466c0ce011da844ca4cf77c
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-dismissable-layer@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@radix-ui/react-dismissable-layer@npm:1.0.2"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-callback-ref": 1.0.0
-    "@radix-ui/react-use-escape-keydown": 1.0.2
+    react-remove-scroll: 2.5.5
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 6529517cb0fbee6aed86feb3f004c410a23aaeffea0d069936654ca9ed1a7f3cd3fa07cded560e03fa8f349ccc961487df46dcd82f9c278d7fdd694a1a3d66db
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 3d11ca31afb794a6dd286005ab7894cb0ce7bc2de5481de98900470b11d495256401306763de030f5e35aa545ff90d34632ffd54a1b29bf55afba813be4bb84a
   languageName: node
   linkType: hard
 
-"@radix-ui/react-focus-guards@npm:0.1.0":
-  version: 0.1.0
-  resolution: "@radix-ui/react-focus-guards@npm:0.1.0"
+"@radix-ui/react-direction@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-direction@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
   peerDependencies:
-    react: ^16.8 || ^17.0
-  checksum: d199462ecf93d9ac3abc4b507e937c9a1cc9f37e1946dc558f43b57fde833bc308767e80cc48ddc7d3b4e897de750f95ffcde3a96d55a03edc63504a29923706
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 5336a8b0d4f1cde585d5c2b4448af7b3d948bb63a1aadb37c77771b0e5902dc6266e409cf35fd0edaca7f33e26424be19e64fb8f9d7f7be2d6f1714ea2764210
   languageName: node
   linkType: hard
 
-"@radix-ui/react-focus-guards@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-focus-guards@npm:1.0.0"
+"@radix-ui/react-dismissable-layer@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@radix-ui/react-dismissable-layer@npm:1.0.5"
   dependencies:
     "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-escape-keydown": 1.0.3
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: 8c714e8caa6032f5402eecb0323addd7456d3496946dbad1b9ee8ebf5845943876945e7af9bca179e9f8ffe5100e61cb4ba54a185873949125c310c406be5aa4
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: e73cf4bd3763f4d55b1bea7486a9700384d7d94dc00b1d5a75e222b2f1e4f32bc667a206ca4ed3baaaf7424dce7a239afd0ba59a6f0d89c3462c4e6e8d029a04
   languageName: node
   linkType: hard
 
-"@radix-ui/react-focus-scope@npm:0.1.4":
-  version: 0.1.4
-  resolution: "@radix-ui/react-focus-scope@npm:0.1.4"
+"@radix-ui/react-focus-guards@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-focus-guards@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-compose-refs": 0.1.0
-    "@radix-ui/react-primitive": 0.1.4
-    "@radix-ui/react-use-callback-ref": 0.1.0
   peerDependencies:
-    react: ^16.8 || ^17.0
-  checksum: b15f15d9c1b41b54c4d3d3649ff9b0284057d5229ca2f212c4d0025f13cb15b86ff7d7cca6c76894f11ca66424bb8a1e3710036eaa4891559b78f1a1beec4a8e
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 1f8ca8f83b884b3612788d0742f3f054e327856d90a39841a47897dbed95e114ee512362ae314177de226d05310047cabbf66b686ae86ad1b65b6b295be24ef7
   languageName: node
   linkType: hard
 
-"@radix-ui/react-focus-scope@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-focus-scope@npm:1.0.1"
+"@radix-ui/react-focus-scope@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-focus-scope@npm:1.0.4"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-callback-ref": 1.0.0
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: cc68bd757ddf4d012aca6b92fee30878f6db83107a7b17f23a092358920f988ebf04b7051dcf866e2b9378ffbf88761e13b3b2d1cfacb9494d7ee8ca800a29bf
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 3481db1a641513a572734f0bcb0e47fefeba7bccd6ec8dde19f520719c783ef0b05a55ef0d5292078ed051cc5eda46b698d5d768da02e26e836022f46b376fd1
   languageName: node
   linkType: hard
 
@@ -4240,54 +4684,53 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-id@npm:0.1.5":
-  version: 0.1.5
-  resolution: "@radix-ui/react-id@npm:0.1.5"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/react-use-layout-effect": 0.1.0
-  peerDependencies:
-    react: ^16.8 || ^17.0
-  checksum: 66d7df2b36ded3be4ac0abfe2b85e90abf80863054b365db06b4aca998b72a6fb493a4b1bc437a80ddfaa29a32e266d2aafc746f795e76354bc24802c0bfe791
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-id@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-id@npm:1.0.0"
+"@radix-ui/react-id@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-id@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-use-layout-effect": 1.0.0
+    "@radix-ui/react-use-layout-effect": 1.0.1
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: ba323cedd6a6df6f6e51ed1f7f7747988ce432b47fd94d860f962b14b342dcf049eae33f8ad0b72fd7df6329a7375542921132271fba64ab0a271c93f09c48d1
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 446a453d799cc790dd2a1583ff8328da88271bff64530b5a17c102fa7fb35eece3cf8985359d416f65e330cd81aa7b8fe984ea125fc4f4eaf4b3801d698e49fe
   languageName: node
   linkType: hard
 
-"@radix-ui/react-popover@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "@radix-ui/react-popover@npm:1.0.4"
+"@radix-ui/react-popover@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "@radix-ui/react-popover@npm:1.0.7"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-dismissable-layer": 1.0.2
-    "@radix-ui/react-focus-guards": 1.0.0
-    "@radix-ui/react-focus-scope": 1.0.1
-    "@radix-ui/react-id": 1.0.0
-    "@radix-ui/react-popper": 1.1.0
-    "@radix-ui/react-portal": 1.0.1
-    "@radix-ui/react-presence": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-slot": 1.0.1
-    "@radix-ui/react-use-controllable-state": 1.0.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-dismissable-layer": 1.0.5
+    "@radix-ui/react-focus-guards": 1.0.1
+    "@radix-ui/react-focus-scope": 1.0.4
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-popper": 1.1.3
+    "@radix-ui/react-portal": 1.0.4
+    "@radix-ui/react-presence": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-slot": 1.0.2
+    "@radix-ui/react-use-controllable-state": 1.0.1
     aria-hidden: ^1.1.1
     react-remove-scroll: 2.5.5
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: e6f73df9aaca02b9fb75c202a7e1d6663f7dcbf352c8dbee25b47ce1f7d68979d757801a46a74dd381bc6f3cc39ce6ecb19f4a42bad9d9bf519845c57e915fd7
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 3ec15c0923ea457f586aa34f77e17fabffa02dffeab622951560ec21c38df2f43718ff088d24bf9fd1d9cd0db62436fc19cae5b122d90f72de4945a1f508dc59
   languageName: node
   linkType: hard
 
@@ -4310,25 +4753,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-popper@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-popper@npm:1.1.0"
+"@radix-ui/react-popper@npm:1.1.3":
+  version: 1.1.3
+  resolution: "@radix-ui/react-popper@npm:1.1.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@floating-ui/react-dom": 0.7.2
-    "@radix-ui/react-arrow": 1.0.1
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-callback-ref": 1.0.0
-    "@radix-ui/react-use-layout-effect": 1.0.0
-    "@radix-ui/react-use-rect": 1.0.0
-    "@radix-ui/react-use-size": 1.0.0
-    "@radix-ui/rect": 1.0.0
+    "@floating-ui/react-dom": ^2.0.0
+    "@radix-ui/react-arrow": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-layout-effect": 1.0.1
+    "@radix-ui/react-use-rect": 1.0.1
+    "@radix-ui/react-use-size": 1.0.1
+    "@radix-ui/rect": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 1e73fb1aa4337b0c9cb165e40b68716cfeae76490bc97ce3a75daafae1f1bbd54547c8dcae180fb7553032fc695b221c84cc19ae40020be216fb987ed6726dc9
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: b18a15958623f9222b6ed3e24b9fbcc2ba67b8df5a5272412f261de1592b3f05002af1c8b94c065830c3c74267ce00cf6c1d70d4d507ec92ba639501f98aa348
   languageName: node
   linkType: hard
 
@@ -4346,7 +4796,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-portal@npm:0.1.4, @radix-ui/react-portal@npm:^0.1.3":
+"@radix-ui/react-portal@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-portal@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-primitive": 1.0.3
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: c4cf35e2f26a89703189d0eef3ceeeb706ae0832e98e558730a5e929ca7c72c7cb510413a24eca94c7732f8d659a1e81942bec7b90540cb73ce9e4885d040b64
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-portal@npm:^0.1.3":
   version: 0.1.4
   resolution: "@radix-ui/react-portal@npm:0.1.4"
   dependencies:
@@ -4360,19 +4830,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-portal@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-portal@npm:1.0.1"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/react-primitive": 1.0.1
-  peerDependencies:
-    react: ^16.8 || ^17.0 || ^18.0
-    react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 3bdcf6e1d918e473e328d45df659853cc0da687e4e885eaf7bd7bb76825a30e6f8384f15db3cbe523d80c5381fa9886f80718a8679ff66a7a10167aab290c4f7
-  languageName: node
-  linkType: hard
-
 "@radix-ui/react-presence@npm:0.1.1":
   version: 0.1.1
   resolution: "@radix-ui/react-presence@npm:0.1.1"
@@ -4386,30 +4843,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-presence@npm:0.1.2":
-  version: 0.1.2
-  resolution: "@radix-ui/react-presence@npm:0.1.2"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/react-compose-refs": 0.1.0
-    "@radix-ui/react-use-layout-effect": 0.1.0
-  peerDependencies:
-    react: ">=16.8"
-  checksum: 7a189e24a353b30f0b6ee87d0577bdb183dde79a2be8105638e73d28e7538f4f6dd64d205634bdd6100bcfdabab713870e8cdb0f01ae9cd9a44f6650eb9e7ce6
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-presence@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-presence@npm:1.0.0"
+"@radix-ui/react-presence@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-presence@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-use-layout-effect": 1.0.0
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-use-layout-effect": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: a607d67795aa265e88f1765dcc7c18bebf6d88d116cb7f529ebe5a3fbbe751a42763aff0c1c89cdd8ce7f7664355936c4070fd3d4685774aff1a80fa95f4665b
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: ed2ff9faf9e4257a4065034d3771459e5a91c2d840b2fcec94661761704dbcb65bcdd927d28177a2a129b3dab5664eb90a9b88309afe0257a9f8ba99338c0d95
   languageName: node
   linkType: hard
 
@@ -4437,50 +4888,71 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-primitive@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-primitive@npm:1.0.1"
+"@radix-ui/react-primitive@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-primitive@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-slot": 1.0.1
+    "@radix-ui/react-slot": 1.0.2
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 1cc86b72f926be4a42122e7e456e965de0906f16b0dc244b8448bac05905f208598c984a0dd40026f654b4a71d0235335d48a18e377b07b0ec6c6917576a8080
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 9402bc22923c8e5c479051974a721c301535c36521c0237b83e5fa213d013174e77f3ad7905e6d60ef07e14f88ec7f4ea69891dc7a2b39047f8d3640e8f8d713
   languageName: node
   linkType: hard
 
-"@radix-ui/react-roving-focus@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@radix-ui/react-roving-focus@npm:1.0.2"
+"@radix-ui/react-roving-focus@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-roving-focus@npm:1.0.4"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-collection": 1.0.1
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-direction": 1.0.0
-    "@radix-ui/react-id": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-callback-ref": 1.0.0
-    "@radix-ui/react-use-controllable-state": 1.0.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-collection": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-controllable-state": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 93e260b91198cc9b0b2a05d1e7c8c83a06c7c1b80a46d3088c3fb39a776238128c8b7e6061a5d9726246f75283321fd0858181e51a475a295dd2f3059f513f49
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 69b1c82c2d9db3ba71549a848f2704200dab1b2cd22d050c1e081a78b9a567dbfdc7fd0403ee010c19b79652de69924d8ca2076cd031d6552901e4213493ffc7
   languageName: node
   linkType: hard
 
-"@radix-ui/react-separator@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-separator@npm:1.0.1"
+"@radix-ui/react-separator@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-separator@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-primitive": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: c7d7aa21f4b00127da07452cf17bca59d02fe40c62ba662d72d4a906b6722173de28a5fd647ed5d11fc483fa62fa74f075433764d8803b07f2721c957e5ec13a
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 42f8c95e404de2ce9387040d78049808a48d423cd4c3bad8cca92c4b0bcbdcb3566b5b52a920d4e939a74b51188697f20a012221f0e630fc7f56de64096c15d2
   languageName: node
   linkType: hard
 
@@ -4496,68 +4968,93 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-slot@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-slot@npm:1.0.1"
+"@radix-ui/react-slot@npm:1.0.2":
+  version: 1.0.2
+  resolution: "@radix-ui/react-slot@npm:1.0.2"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-compose-refs": 1.0.0
+    "@radix-ui/react-compose-refs": 1.0.1
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: a20693f8ce532bd6cbff12ba543dfcf90d451f22923bd60b57dc9e639f6e53348915e182002b33444feb6ab753434e78e2a54085bf7092aadda4418f0423763f
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: edf5edf435ff594bea7e198bf16d46caf81b6fb559493acad4fa8c308218896136acb16f9b7238c788fd13e94a904f2fd0b6d834e530e4cae94522cdb8f77ce9
   languageName: node
   linkType: hard
 
-"@radix-ui/react-toggle-group@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@radix-ui/react-toggle-group@npm:1.0.2"
+"@radix-ui/react-toggle-group@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-toggle-group@npm:1.0.4"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-direction": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-roving-focus": 1.0.2
-    "@radix-ui/react-toggle": 1.0.1
-    "@radix-ui/react-use-controllable-state": 1.0.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-roving-focus": 1.0.4
+    "@radix-ui/react-toggle": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: a2e6686a14e52e0230b9d97fdb30de2b61c3efd0d18c0d60c02f4340d2ae248e02d7742a2671bbd4c2e84eec5d6d3f42594a2ae43e3243ac3afd9a356dd03f29
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: b6c11fbbc3ca857ff68c0fa31f293c0d0111bcc8aa0cde2566214c090907530bfcb3b862f81585c2b02d8989b5c7971acff4d5c07c429870d80bd5602e30d376
   languageName: node
   linkType: hard
 
-"@radix-ui/react-toggle@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-toggle@npm:1.0.1"
+"@radix-ui/react-toggle@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-toggle@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-use-controllable-state": 1.0.0
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 9754df4add6c1d4bced810431e51696cd482465aaf84ffca008caf13f5f33e6e4133ce146ae208fede93acfedbfffcee3808794d4f147c949cc15465f3cc22a7
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: ed5407f48254f20cda542017774f259d0b2c0007ea4bd7287d10d751016dbf269cb13d1142591432c269c3ab768cde2f1ba0344743027d36bbec10af909f19de
   languageName: node
   linkType: hard
 
-"@radix-ui/react-toolbar@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@radix-ui/react-toolbar@npm:1.0.2"
+"@radix-ui/react-toolbar@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-toolbar@npm:1.0.4"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-direction": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-roving-focus": 1.0.2
-    "@radix-ui/react-separator": 1.0.1
-    "@radix-ui/react-toggle-group": 1.0.2
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-roving-focus": 1.0.4
+    "@radix-ui/react-separator": 1.0.3
+    "@radix-ui/react-toggle-group": 1.0.4
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 3394beb29eb173ec9031537d090489984f4a34b7864abd717456174daf39b657f4313d1667a0853a0fd994ac9db30b99202d418bb3c69bcb4309a06b8e116e5c
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 7ebee1f8add6510108979433c5b38627e2de9d48ef2172ca15274b9edbbc106ff43bcd47ff733b03ed2215b92e7af364ff82c79e5a1728374847e2b1e315552c
   languageName: node
   linkType: hard
 
@@ -4587,39 +5084,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-tooltip@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "@radix-ui/react-tooltip@npm:1.0.4"
+"@radix-ui/react-tooltip@npm:1.0.7":
+  version: 1.0.7
+  resolution: "@radix-ui/react-tooltip@npm:1.0.7"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/primitive": 1.0.0
-    "@radix-ui/react-compose-refs": 1.0.0
-    "@radix-ui/react-context": 1.0.0
-    "@radix-ui/react-dismissable-layer": 1.0.2
-    "@radix-ui/react-id": 1.0.0
-    "@radix-ui/react-popper": 1.1.0
-    "@radix-ui/react-portal": 1.0.1
-    "@radix-ui/react-presence": 1.0.0
-    "@radix-ui/react-primitive": 1.0.1
-    "@radix-ui/react-slot": 1.0.1
-    "@radix-ui/react-use-controllable-state": 1.0.0
-    "@radix-ui/react-visually-hidden": 1.0.1
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-dismissable-layer": 1.0.5
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-popper": 1.1.3
+    "@radix-ui/react-portal": 1.0.4
+    "@radix-ui/react-presence": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-slot": 1.0.2
+    "@radix-ui/react-use-controllable-state": 1.0.1
+    "@radix-ui/react-visually-hidden": 1.0.3
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 431b66b545dc48f8d5f76500e2635dd5617f250d2757cc6dcad6bf7ebb90743d0f8d041701bb7533cbef6fd72df2754a97f996d23f660285e5d54573148c2c72
-  languageName: node
-  linkType: hard
-
-"@radix-ui/react-use-body-pointer-events@npm:0.1.1":
-  version: 0.1.1
-  resolution: "@radix-ui/react-use-body-pointer-events@npm:0.1.1"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@radix-ui/react-use-layout-effect": 0.1.0
-  peerDependencies:
-    react: ^16.8 || ^17.0
-  checksum: 6e47541256e236ef634a1bf8f0d2c3b31d19855d7336baf9ee93cc5ba248b1248b1cbe954100ba5be22254e95ae1f975c6b2988e684e84d19396b2c25856d87c
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 894d448c69a3e4d7626759f9f6c7997018fe8ef9cde098393bd83e10743d493dfd284eef041e46accc45486d5a5cd5f76d97f56afbdace7aed6e0cb14007bf15
   languageName: node
   linkType: hard
 
@@ -4634,14 +5126,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-use-callback-ref@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-use-callback-ref@npm:1.0.0"
+"@radix-ui/react-use-callback-ref@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-use-callback-ref@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: a8dda76ba0a26e23dc6ab5003831ad7439f59ba9d696a517643b9ee6a7fb06b18ae7a8f5a3c00c530d5c8104745a466a077b7475b99b4c0f5c15f5fc29474471
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: b9fd39911c3644bbda14a84e4fca080682bef84212b8d8931fcaa2d2814465de242c4cfd8d7afb3020646bead9c5e539d478cea0a7031bee8a8a3bb164f3bc4c
   languageName: node
   linkType: hard
 
@@ -4657,15 +5153,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-use-controllable-state@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-use-controllable-state@npm:1.0.0"
+"@radix-ui/react-use-controllable-state@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-use-controllable-state@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-use-callback-ref": 1.0.0
+    "@radix-ui/react-use-callback-ref": 1.0.1
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: 35f1e714bbe3fc9f5362a133339dd890fb96edb79b63168a99403c65dd5f2b63910e0c690255838029086719e31360fa92544a55bc902cfed4442bb3b55822e2
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: dee2be1937d293c3a492cb6d279fc11495a8f19dc595cdbfe24b434e917302f9ac91db24e8cc5af9a065f3f209c3423115b5442e65a5be9fd1e9091338972be9
   languageName: node
   linkType: hard
 
@@ -4681,15 +5181,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-use-escape-keydown@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@radix-ui/react-use-escape-keydown@npm:1.0.2"
+"@radix-ui/react-use-escape-keydown@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-use-escape-keydown@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-use-callback-ref": 1.0.0
+    "@radix-ui/react-use-callback-ref": 1.0.1
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: 5bec1b73ed6c38139bf1db3c626c0474ca6221ae55f154ef83f1c6429ea866280b2a0ba9436b807334d0215bb4389f0b492c65471cf565635957a8ee77cce98a
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: c6ed0d9ce780f67f924980eb305af1f6cce2a8acbaf043a58abe0aa3cc551d9aa76ccee14531df89bbee302ead7ecc7fce330886f82d4672c5eda52f357ef9b8
   languageName: node
   linkType: hard
 
@@ -4704,14 +5208,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-use-layout-effect@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-use-layout-effect@npm:1.0.0"
+"@radix-ui/react-use-layout-effect@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-use-layout-effect@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: fcdc8cfa79bd45766ebe3de11039c58abe3fed968cb39c12b2efce5d88013c76fe096ea4cee464d42576d02fe7697779b682b4268459bca3c4e48644f5b4ac5e
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: bed9c7e8de243a5ec3b93bb6a5860950b0dba359b6680c84d57c7a655e123dec9b5891c5dfe81ab970652e7779fe2ad102a23177c7896dde95f7340817d47ae5
   languageName: node
   linkType: hard
 
@@ -4738,15 +5246,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-use-rect@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-use-rect@npm:1.0.0"
+"@radix-ui/react-use-rect@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-use-rect@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/rect": 1.0.0
+    "@radix-ui/rect": 1.0.1
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: c755cee1a8846a74d4f6f486c65134a552c65d0bfb934d1d3d4f69f331c32cfd8b279c08c8907d64fbb68388fc3683f854f336e4f9549e1816fba32156bb877b
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 433f07e61e04eb222349825bb05f3591fca131313a1d03709565d6226d8660bd1d0423635553f95ee4fcc25c8f2050972d848808d753c388e2a9ae191ebf17f3
   languageName: node
   linkType: hard
 
@@ -4761,15 +5273,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-use-size@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/react-use-size@npm:1.0.0"
+"@radix-ui/react-use-size@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-use-size@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-use-layout-effect": 1.0.0
+    "@radix-ui/react-use-layout-effect": 1.0.1
   peerDependencies:
+    "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0
-  checksum: b319564668512bb5c8c64530e3c12810c4b7c75c19a00d5ef758c246e8d85cd5015df19688e174db1cc44b0584c8d7f22411eb00af5f8ac6c2e789aa5c8e34f5
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 6cc150ad1e9fa85019c225c5a5d50a0af6cdc4653dad0c21b4b40cd2121f36ee076db326c43e6bc91a69766ccff5a84e917d27970176b592577deea3c85a3e26
   languageName: node
   linkType: hard
 
@@ -4785,16 +5301,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-visually-hidden@npm:1.0.1":
-  version: 1.0.1
-  resolution: "@radix-ui/react-visually-hidden@npm:1.0.1"
+"@radix-ui/react-visually-hidden@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-visually-hidden@npm:1.0.3"
   dependencies:
     "@babel/runtime": ^7.13.10
-    "@radix-ui/react-primitive": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
   peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
     react: ^16.8 || ^17.0 || ^18.0
     react-dom: ^16.8 || ^17.0 || ^18.0
-  checksum: 03e9103c4939b9455ee4614e93e7b12bc9e70397d4a86296526b86f63c35f6ac3555b824aa1bcd325baf3766dfcae5c22c63b3f3b8eada7a327f704e47a6b907
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 2e9d0c8253f97e7d6ffb2e52a5cfd40ba719f813b39c3e2e42c496d54408abd09ef66b5aec4af9b8ab0553215e32452a5d0934597a49c51dd90dc39181ed0d57
   languageName: node
   linkType: hard
 
@@ -4807,12 +5330,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/rect@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@radix-ui/rect@npm:1.0.0"
+"@radix-ui/rect@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/rect@npm:1.0.1"
   dependencies:
     "@babel/runtime": ^7.13.10
-  checksum: d5b54984148ac52e30c6a92834deb619cf74b4af02709a20eb43e7895f98fed098968b597a715bf5b5431ae186372e65499a801d93e835f53bbc39e3a549f664
+  checksum: aeec13b234a946052512d05239067d2d63422f9ec70bf2fe7acfd6b9196693fc33fbaf43c2667c167f777d90a095c6604eb487e0bce79e230b6df0f6cacd6a55
   languageName: node
   linkType: hard
 
@@ -5130,44 +5653,56 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@react-spring/docs@workspace:docs"
   dependencies:
-    "@codesandbox/sandpack-react": ^1.20.9
-    "@docsearch/react": ^3.3.3
-    "@mdx-js/react": ^1.6.22
-    "@radix-ui/react-accordion": ^1.1.0
-    "@radix-ui/react-dialog": "patch:@radix-ui/react-dialog@npm:0.1.7#../.yarn/patches/@radix-ui-react-dialog-npm-1.0.0-61b8140da9.patch"
-    "@radix-ui/react-popover": ^1.0.4
-    "@radix-ui/react-toolbar": ^1.0.2
-    "@radix-ui/react-tooltip": ^1.0.4
+    "@codesandbox/sandpack-react": 2.13.10
+    "@docsearch/react": 3.6.0
+    "@mdx-js/react": 3.0.1
+    "@mdx-js/rollup": 3.0.1
+    "@radix-ui/react-accordion": ^1.1.2
+    "@radix-ui/react-dialog": 1.0.5
+    "@radix-ui/react-popover": ^1.0.7
+    "@radix-ui/react-toolbar": 1.0.4
+    "@radix-ui/react-tooltip": 1.0.7
     "@react-spring/rafz": "workspace:^"
-    "@react-spring/web": 9.7.3
-    "@remix-run/node": ^1.15.0
-    "@remix-run/react": ^1.15.0
-    "@remix-run/vercel": ^1.15.0
-    "@stitches/react": ^1.2.8
-    "@supabase/supabase-js": ^2.10.0
-    "@use-gesture/react": ^10.2.24
-    "@vercel/node": ^2.10.2
-    chokidar: ^3.5.3
-    concurrently: ^8.2.2
-    gray-matter: ^4.0.3
-    hast-util-to-html: 7.1.3
-    jotai: ^2.0.3
-    parse-numeric-range: ^1.3.0
-    phosphor-react: ^1.4.1
-    react: ^18.2.0
-    react-dom: ^18.2.0
-    react-select: ^5.7.0
-    react-use-measure: ^2.1.1
-    refractor: 3.6.0
-    rehype-autolink-headings: 5.1.0
-    rehype-parse: 7.0.1
-    rehype-slug: 4.0.1
-    remark-directive: 1.0.1
-    remix: ^1.12.0
-    ts-node: ^10.9.1
-    unified: 9.2.2
-    unist-util-visit: 2.0.3
-    zod: ^3.21.4
+    "@react-spring/web": "workspace:^"
+    "@remix-run/dev": 2.9.2
+    "@remix-run/node": 2.9.2
+    "@remix-run/react": 2.9.2
+    "@remix-run/serve": 2.9.2
+    "@remix-run/server-runtime": 2.9.2
+    "@supabase/supabase-js": 2.43.4
+    "@vanilla-extract/css": 1.15.2
+    "@vanilla-extract/dynamic": 2.1.1
+    "@vanilla-extract/recipes": 0.5.3
+    "@vanilla-extract/vite-plugin": 4.0.10
+    "@vercel/analytics": 1.3.1
+    "@vercel/remix": 2.9.2
+    chokidar: 3.6.0
+    clsx: 2.1.1
+    concurrently: 8.2.2
+    cookie: 0.6.0
+    esbuild: 0.21.4
+    esbuild-register: 3.5.0
+    gray-matter: 4.0.3
+    hast-util-to-html: 9.0.1
+    isbot: 5.1.7
+    parse-numeric-range: 1.3.0
+    phosphor-react: 1.4.1
+    react: 18.2.0
+    react-dom: 18.2.0
+    react-select: 5.8.0
+    refractor: 4.8.1
+    rehype-autolink-headings: 7.1.0
+    rehype-parse: 9.0.0
+    rehype-slug: 6.0.0
+    remark-directive: 3.0.0
+    remark-frontmatter: 5.0.0
+    remark-mdx-frontmatter: 4.0.0
+    typescript: 5.3.3
+    unified: 11.0.4
+    unist-util-visit: 5.0.0
+    vite: 5.2.11
+    vite-tsconfig-paths: 4.3.2
+    zod: 3.23.8
   languageName: unknown
   linkType: soft
 
@@ -5291,7 +5826,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@react-spring/web@9.7.3, @react-spring/web@workspace:targets/web, @react-spring/web@~9.7.3":
+"@react-spring/web@workspace:^, @react-spring/web@workspace:targets/web, @react-spring/web@~9.7.3":
   version: 0.0.0-use.local
   resolution: "@react-spring/web@workspace:targets/web"
   dependencies:
@@ -5392,276 +5927,234 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@remix-run/dev@npm:1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/dev@npm:1.15.0"
-  dependencies:
-    "@babel/core": ^7.18.6
-    "@babel/generator": ^7.18.6
-    "@babel/parser": ^7.18.6
-    "@babel/plugin-syntax-jsx": ^7.18.6
-    "@babel/plugin-syntax-typescript": ^7.20.0
-    "@babel/preset-env": ^7.18.6
-    "@babel/preset-typescript": ^7.18.6
-    "@babel/traverse": ^7.18.6
-    "@babel/types": ^7.20.2
-    "@esbuild-plugins/node-modules-polyfill": ^0.1.4
-    "@npmcli/package-json": ^2.0.0
-    "@remix-run/server-runtime": 1.15.0
-    "@vanilla-extract/integration": ^6.2.0
-    arg: ^5.0.1
-    cacache: ^15.0.5
-    chalk: ^4.1.2
-    chokidar: ^3.5.1
-    dotenv: ^16.0.0
-    esbuild: 0.16.3
-    execa: 5.1.1
-    exit-hook: 2.2.1
-    express: ^4.17.1
-    fast-glob: 3.2.11
-    fs-extra: ^10.0.0
-    get-port: ^5.1.1
-    glob-to-regexp: 0.4.1
-    gunzip-maybe: ^1.4.2
-    inquirer: ^8.2.1
-    jsesc: 3.0.2
-    json5: ^2.2.2
-    lodash: ^4.17.21
-    lodash.debounce: ^4.0.8
-    lru-cache: ^7.14.1
-    minimatch: ^3.0.5
-    node-fetch: ^2.6.7
-    ora: ^5.4.1
-    postcss: ^8.4.19
-    postcss-discard-duplicates: ^5.1.0
-    postcss-modules: ^6.0.0
-    prettier: 2.7.1
-    pretty-ms: ^7.0.1
-    proxy-agent: ^5.0.0
-    recast: ^0.21.5
-    remark-frontmatter: 4.0.1
-    remark-mdx-frontmatter: ^1.0.1
-    semver: ^7.3.7
-    sort-package-json: ^1.55.0
-    tar-fs: ^2.1.1
-    tsconfig-paths: ^4.0.0
-    ws: ^7.4.5
-    xdm: ^2.0.0
-  peerDependencies:
-    "@remix-run/serve": ^1.15.0
-  peerDependenciesMeta:
-    "@remix-run/serve":
-      optional: true
-  bin:
-    remix: dist/cli.js
-  checksum: 5183eb74f299d1980cf56640e39e5929501aada7e3852a3e0decef3b10ec8d2b874e37a827fb6639e1863f9b33062f3aa0fa90c2f776515f2edde048bf87a205
-  languageName: node
-  linkType: hard
-
-"@remix-run/dev@patch:@remix-run/dev@npm%3A1.15.0#./.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch::locator=react-spring--root%40workspace%3A.":
-  version: 1.15.0
-  resolution: "@remix-run/dev@patch:@remix-run/dev@npm%3A1.15.0#./.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch::version=1.15.0&hash=e65a8a&locator=react-spring--root%40workspace%3A."
-  dependencies:
-    "@babel/core": ^7.18.6
-    "@babel/generator": ^7.18.6
-    "@babel/parser": ^7.18.6
-    "@babel/plugin-syntax-jsx": ^7.18.6
-    "@babel/plugin-syntax-typescript": ^7.20.0
-    "@babel/preset-env": ^7.18.6
-    "@babel/preset-typescript": ^7.18.6
-    "@babel/traverse": ^7.18.6
-    "@babel/types": ^7.20.2
-    "@esbuild-plugins/node-modules-polyfill": ^0.1.4
-    "@npmcli/package-json": ^2.0.0
-    "@remix-run/server-runtime": 1.15.0
+"@remix-run/dev@npm:2.9.2, @remix-run/dev@npm:^2.9.2":
+  version: 2.9.2
+  resolution: "@remix-run/dev@npm:2.9.2"
+  dependencies:
+    "@babel/core": ^7.21.8
+    "@babel/generator": ^7.21.5
+    "@babel/parser": ^7.21.8
+    "@babel/plugin-syntax-decorators": ^7.22.10
+    "@babel/plugin-syntax-jsx": ^7.21.4
+    "@babel/preset-typescript": ^7.21.5
+    "@babel/traverse": ^7.23.2
+    "@babel/types": ^7.22.5
+    "@mdx-js/mdx": ^2.3.0
+    "@npmcli/package-json": ^4.0.1
+    "@remix-run/node": 2.9.2
+    "@remix-run/router": 1.16.1
+    "@remix-run/server-runtime": 2.9.2
+    "@types/mdx": ^2.0.5
     "@vanilla-extract/integration": ^6.2.0
     arg: ^5.0.1
-    cacache: ^15.0.5
+    cacache: ^17.1.3
     chalk: ^4.1.2
     chokidar: ^3.5.1
+    cross-spawn: ^7.0.3
     dotenv: ^16.0.0
-    esbuild: 0.16.3
+    es-module-lexer: ^1.3.1
+    esbuild: 0.17.6
+    esbuild-plugins-node-modules-polyfill: ^1.6.0
     execa: 5.1.1
     exit-hook: 2.2.1
     express: ^4.17.1
-    fast-glob: 3.2.11
     fs-extra: ^10.0.0
     get-port: ^5.1.1
-    glob-to-regexp: 0.4.1
     gunzip-maybe: ^1.4.2
-    inquirer: ^8.2.1
     jsesc: 3.0.2
     json5: ^2.2.2
     lodash: ^4.17.21
     lodash.debounce: ^4.0.8
-    lru-cache: ^7.14.1
-    minimatch: ^3.0.5
-    node-fetch: ^2.6.7
+    minimatch: ^9.0.0
     ora: ^5.4.1
+    picocolors: ^1.0.0
+    picomatch: ^2.3.1
+    pidtree: ^0.6.0
     postcss: ^8.4.19
     postcss-discard-duplicates: ^5.1.0
+    postcss-load-config: ^4.0.1
     postcss-modules: ^6.0.0
-    prettier: 2.7.1
+    prettier: ^2.7.1
     pretty-ms: ^7.0.1
-    proxy-agent: ^5.0.0
-    recast: ^0.21.5
+    react-refresh: ^0.14.0
     remark-frontmatter: 4.0.1
     remark-mdx-frontmatter: ^1.0.1
     semver: ^7.3.7
-    sort-package-json: ^1.55.0
+    set-cookie-parser: ^2.6.0
     tar-fs: ^2.1.1
     tsconfig-paths: ^4.0.0
     ws: ^7.4.5
-    xdm: ^2.0.0
   peerDependencies:
-    "@remix-run/serve": ^1.15.0
+    "@remix-run/react": ^2.9.2
+    "@remix-run/serve": ^2.9.2
+    typescript: ^5.1.0
+    vite: ^5.1.0
+    wrangler: ^3.28.2
   peerDependenciesMeta:
     "@remix-run/serve":
       optional: true
+    typescript:
+      optional: true
+    vite:
+      optional: true
+    wrangler:
+      optional: true
   bin:
     remix: dist/cli.js
-  checksum: 80364f9a02b74f0b43cf5f168f686b17aecb19ef9f0a9057ba3c9e7100fd89263e431c6acb2fd49bc7b18b0a539781fa98369b700bfe993df5290ad9a2370d18
+  checksum: e6c9610172280f3fcdb72d2f15319582787e2255d8155f0165f487997558f0e4023f2083325ae652bca7364f4793233f23157d36bb05749849b4ca72fc8a2816
   languageName: node
   linkType: hard
 
-"@remix-run/express@npm:1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/express@npm:1.15.0"
+"@remix-run/express@npm:2.9.2":
+  version: 2.9.2
+  resolution: "@remix-run/express@npm:2.9.2"
   dependencies:
-    "@remix-run/node": 1.15.0
+    "@remix-run/node": 2.9.2
   peerDependencies:
     express: ^4.17.1
-  checksum: 409468e61e3ff3f305fb7047d1cc5cc70a0c66e99f1581ea244a7ee2c0a027d27ade07a0e54d145c1c3c01e50301c5936b96f4d71113ebd785b91ccc96c3bb90
+    typescript: ^5.1.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 3eff65180280b32322be27246953bbe5f606a33ef0a6923118fa78d2a82b508ac5700bc5faf42332d0ae9b9a5c0ada11248a0a8ae3931dcc2b23ac8506d18d94
   languageName: node
   linkType: hard
 
-"@remix-run/node@npm:1.15.0, @remix-run/node@npm:^1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/node@npm:1.15.0"
+"@remix-run/node@npm:2.9.2":
+  version: 2.9.2
+  resolution: "@remix-run/node@npm:2.9.2"
   dependencies:
-    "@remix-run/server-runtime": 1.15.0
-    "@remix-run/web-fetch": ^4.3.2
-    "@remix-run/web-file": ^3.0.2
-    "@remix-run/web-stream": ^1.0.3
+    "@remix-run/server-runtime": 2.9.2
+    "@remix-run/web-fetch": ^4.4.2
     "@web3-storage/multipart-parser": ^1.0.0
-    abort-controller: ^3.0.0
     cookie-signature: ^1.1.0
     source-map-support: ^0.5.21
     stream-slice: ^0.1.2
-  checksum: 69279cd31ab81ca2bbddee2a4fd0aa053f5eb44beb8836d36ce0e5202da031921375d46f6dfbfd019c2451e51ac8de61aee9c8d53aa74a7ac7492fabd077dbfb
+    undici: ^6.10.1
+  peerDependencies:
+    typescript: ^5.1.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: f1d43e3deef75f7ececf4ef9625d2811e88adab61e3d3a8291d31e91ffdafa17a0bb249609cff45d30d2587868be04a6834ec6f36c74936619e0a567c0d7b017
   languageName: node
   linkType: hard
 
-"@remix-run/react@npm:^1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/react@npm:1.15.0"
+"@remix-run/react@npm:2.9.2":
+  version: 2.9.2
+  resolution: "@remix-run/react@npm:2.9.2"
   dependencies:
-    "@remix-run/router": 1.5.0
-    react-router-dom: 6.10.0
-    use-sync-external-store: 1.2.0
+    "@remix-run/router": 1.16.1
+    "@remix-run/server-runtime": 2.9.2
+    react-router: 6.23.1
+    react-router-dom: 6.23.1
+    turbo-stream: ^2.0.0
   peerDependencies:
-    react: ">=16.8"
-    react-dom: ">=16.8"
-  checksum: c2230b23f09db13ddc40d6c96473a33c62019d6dc3847d4747187f1248c20f1d7ed718a541ec9c620d39a95f2ae501474871787fade24ea0e78c2b3cf1ee73aa
+    react: ^18.0.0
+    react-dom: ^18.0.0
+    typescript: ^5.1.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: a27b0bf08683e7bb876a740f94fe004b46eff43d3ebcb20473004d728f33da46cd6de85010fa3fff732c44d6f042e6ca2bf9bbbb7b5aff27c102934cecf05836
   languageName: node
   linkType: hard
 
-"@remix-run/router@npm:1.5.0":
-  version: 1.5.0
-  resolution: "@remix-run/router@npm:1.5.0"
-  checksum: 9c510c174af1553edd1f039ba16e7e3d34e04d53b3bac18814660e31cd0c48297ea4291ff86d0736b560123ebc63ecb62fa525829181d16a8dad15270d6672d7
+"@remix-run/router@npm:1.16.1":
+  version: 1.16.1
+  resolution: "@remix-run/router@npm:1.16.1"
+  checksum: 69068815832b30d2a5c063ac1c75365c45cf5b484dab65e1b3129fdbb3c2a7b866401733f766e550dbca1eaf0b84bc772a9c55310f4dd21eb53e62eb1b4625d0
   languageName: node
   linkType: hard
 
-"@remix-run/serve@npm:^1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/serve@npm:1.15.0"
+"@remix-run/serve@npm:2.9.2":
+  version: 2.9.2
+  resolution: "@remix-run/serve@npm:2.9.2"
   dependencies:
-    "@remix-run/express": 1.15.0
+    "@remix-run/express": 2.9.2
+    "@remix-run/node": 2.9.2
+    chokidar: ^3.5.3
     compression: ^1.7.4
     express: ^4.17.1
+    get-port: 5.1.1
     morgan: ^1.10.0
+    source-map-support: ^0.5.21
   bin:
     remix-serve: dist/cli.js
-  checksum: e52f755861021a62adac1608e842e3565f73933237c7f11b4ed16e7eafcad9309fa80b0e0759e7b2a78fe7432cdbde26dc45ae97628380f8bd2584faf38236a6
+  checksum: 13878ea2f35d9312df4aea10f7eb9b133b91aeb65db46848db7120a4f31b9b64eb169ec5e7358d7a5af4e82632f4ceb3848c0ea9d9154c05f58d1f3c0e4ba467
   languageName: node
   linkType: hard
 
-"@remix-run/server-runtime@npm:1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/server-runtime@npm:1.15.0"
+"@remix-run/server-runtime@npm:2.9.2":
+  version: 2.9.2
+  resolution: "@remix-run/server-runtime@npm:2.9.2"
   dependencies:
-    "@remix-run/router": 1.5.0
-    "@types/cookie": ^0.4.0
-    "@types/react": ^18.0.15
+    "@remix-run/router": 1.16.1
+    "@types/cookie": ^0.6.0
     "@web3-storage/multipart-parser": ^1.0.0
-    cookie: ^0.4.1
+    cookie: ^0.6.0
     set-cookie-parser: ^2.4.8
     source-map: ^0.7.3
-  checksum: 0a3f58190c99fa7e5d02199ff0184afb51a40354e5fe3724e7a8ad2e3b274829758620efaaf7cd02cadb8a7177ba919f76a3b76afc1d0ef114bef3ea36f21d8c
-  languageName: node
-  linkType: hard
-
-"@remix-run/vercel@npm:^1.15.0":
-  version: 1.15.0
-  resolution: "@remix-run/vercel@npm:1.15.0"
-  dependencies:
-    "@remix-run/node": 1.15.0
+    turbo-stream: ^2.0.0
   peerDependencies:
-    "@vercel/node": ^1.8.3 || ^2.4.0
-  checksum: 76884a99422b8bac6b855df6c83dbc81392523b7374274d8161717fdcda582a8f401ebfba50ce12b21177fa03577f77497c953dd37384a587eeda2a39d1bc22a
+    typescript: ^5.1.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 02680ddf9cea86444900883e19d6268ac6991d908783e7a58cec62460cab2dae77da9b60e2256737ac21d3b15bc507986b37091e5f718298508015bd6820ca86
   languageName: node
   linkType: hard
 
-"@remix-run/web-blob@npm:^3.0.3, @remix-run/web-blob@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "@remix-run/web-blob@npm:3.0.4"
+"@remix-run/web-blob@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@remix-run/web-blob@npm:3.1.0"
   dependencies:
-    "@remix-run/web-stream": ^1.0.0
+    "@remix-run/web-stream": ^1.1.0
     web-encoding: 1.1.5
-  checksum: 07d9a71d1795e8973cdc59c1a325aaaae7b9099a96815849355a34667d7a953cac78a332e02b25e0722d4d7244b7fe6d7ce6fc854e8baf83e42e8403f4a321fd
+  checksum: 4600083ace2b975d5603d70b208730e0825bfbf8884241309cc3387816bb34c52bde507350daa51eb0fc9f46cb4e39daa4e0fb7257d58b9cd5ac29ecb229ef0a
   languageName: node
   linkType: hard
 
-"@remix-run/web-fetch@npm:^4.3.2":
-  version: 4.3.2
-  resolution: "@remix-run/web-fetch@npm:4.3.2"
+"@remix-run/web-fetch@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "@remix-run/web-fetch@npm:4.4.2"
   dependencies:
-    "@remix-run/web-blob": ^3.0.4
-    "@remix-run/web-form-data": ^3.0.3
-    "@remix-run/web-stream": ^1.0.3
+    "@remix-run/web-blob": ^3.1.0
+    "@remix-run/web-file": ^3.1.0
+    "@remix-run/web-form-data": ^3.1.0
+    "@remix-run/web-stream": ^1.1.0
     "@web3-storage/multipart-parser": ^1.0.0
     abort-controller: ^3.0.0
     data-uri-to-buffer: ^3.0.1
     mrmime: ^1.0.0
-  checksum: 018633950bf25c226132cb3c7df5300927c9c963fd22577de356448a3cde54353b20cbdcd893cec848c9c7b346cdcbdef5ea29d876f1acff892781696d2be3ce
+  checksum: 21e3a693b9a9976bddfa4fb119786ce839284df5ea4072d1c01cf6ca36ccc74491583963b33b63c733fdf3215b852d5c36034f770038dfdd8f6f2fd56709ce2a
   languageName: node
   linkType: hard
 
-"@remix-run/web-file@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "@remix-run/web-file@npm:3.0.2"
+"@remix-run/web-file@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@remix-run/web-file@npm:3.1.0"
   dependencies:
-    "@remix-run/web-blob": ^3.0.3
-  checksum: f3bda87b62648e3ef0c0049aa560318d64adf493566a6446eae5a9d15a6080eb0c8ba1f450d4d7bbfa6cbad8c8d6a7adf4e72d546a4305ce0c05f63a95f80db0
+    "@remix-run/web-blob": ^3.1.0
+  checksum: c5ce184fc8e3a8d5736798c9fa784a3416890382be707da927926d173e67227dc60ae2494be680bf0074a00fac5a9a737387ce820349fb2fecdc31be034854a0
   languageName: node
   linkType: hard
 
-"@remix-run/web-form-data@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "@remix-run/web-form-data@npm:3.0.3"
+"@remix-run/web-form-data@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@remix-run/web-form-data@npm:3.1.0"
   dependencies:
     web-encoding: 1.1.5
-  checksum: e22a07e6ebf1e703108872ec606a3fbe664868c1fb463cb35df905a93db3b3a7aa4a8e37bc7b0c4b3fe3cab6aaddc4c73b61c9e6b7457e99d09e66ed7a28efb6
+  checksum: 1bc54a4250e68343cfcc5f215f8aab99d334c747e741c2b566f4708f75f7a2ee9fe739d88ad2a4b1dddabeb24df4fbf3aeff26614f8c240e74126b6fd7313db2
   languageName: node
   linkType: hard
 
-"@remix-run/web-stream@npm:^1.0.0, @remix-run/web-stream@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "@remix-run/web-stream@npm:1.0.3"
+"@remix-run/web-stream@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@remix-run/web-stream@npm:1.1.0"
   dependencies:
     web-streams-polyfill: ^3.1.1
-  checksum: 61a76b9e4ddb364fa5faa8cf28484f39800bd9259d4c2b96c235bd436e539d8bb00d433fcf79730d7bdf103255473fe0ccfde5d3c20a152f738c5bb102b26377
+  checksum: 9904b1539feee3a86d667e9803783dfc78e21b665a4e67edfd795bd1acee753fda88f50abbebf7cffa010539ed5287b4a0d09f55101b80f2c891c15db1066eea
   languageName: node
   linkType: hard
 
@@ -5680,7 +6173,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/pluginutils@npm:^4.0.0, @rollup/pluginutils@npm:^4.1.1":
+"@rollup/pluginutils@npm:^4.1.1":
   version: 4.2.1
   resolution: "@rollup/pluginutils@npm:4.2.1"
   dependencies:
@@ -5690,6 +6183,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/pluginutils@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "@rollup/pluginutils@npm:5.1.0"
+  dependencies:
+    "@types/estree": ^1.0.0
+    estree-walker: ^2.0.2
+    picomatch: ^2.3.1
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 3cc5a6d91452a6eabbfd1ae79b4dd1f1e809d2eecda6e175deb784e75b0911f47e9ecce73f8dd315d6a8b3f362582c91d3c0f66908b6ced69345b3cbe28f8ce8
+  languageName: node
+  linkType: hard
+
 "@rollup/pluginutils@npm:^5.0.1":
   version: 5.0.2
   resolution: "@rollup/pluginutils@npm:5.0.2"
@@ -5706,93 +6215,114 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm-eabi@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.8.0"
+"@rollup/rollup-android-arm-eabi@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.17.2"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm64@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-android-arm64@npm:4.8.0"
+"@rollup/rollup-android-arm64@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-android-arm64@npm:4.17.2"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-arm64@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.8.0"
+"@rollup/rollup-darwin-arm64@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.17.2"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-x64@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-darwin-x64@npm:4.8.0"
+"@rollup/rollup-darwin-x64@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-darwin-x64@npm:4.17.2"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.8.0"
-  conditions: os=linux & cpu=arm
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.17.2"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-arm-musleabihf@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.17.2"
+  conditions: os=linux & cpu=arm & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-gnu@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.8.0"
+"@rollup/rollup-linux-arm64-gnu@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.17.2"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-musl@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.8.0"
+"@rollup/rollup-linux-arm64-musl@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.17.2"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-gnu@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.8.0"
+"@rollup/rollup-linux-powerpc64le-gnu@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.17.2"
+  conditions: os=linux & cpu=ppc64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-riscv64-gnu@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.17.2"
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-gnu@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.8.0"
+"@rollup/rollup-linux-s390x-gnu@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.17.2"
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-x64-gnu@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.17.2"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-musl@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.8.0"
+"@rollup/rollup-linux-x64-musl@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.17.2"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-arm64-msvc@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.8.0"
+"@rollup/rollup-win32-arm64-msvc@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.17.2"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-ia32-msvc@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.8.0"
+"@rollup/rollup-win32-ia32-msvc@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.17.2"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-msvc@npm:4.8.0":
-  version: 4.8.0
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.8.0"
+"@rollup/rollup-win32-x64-msvc@npm:4.17.2":
+  version: 4.17.2
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.17.2"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -5854,13 +6384,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sindresorhus/is@npm:^4.0.0":
-  version: 4.6.0
-  resolution: "@sindresorhus/is@npm:4.6.0"
-  checksum: 83839f13da2c29d55c97abc3bc2c55b250d33a0447554997a85c539e058e57b8da092da396e252b11ec24a0279a0bed1f537fa26302209327060643e327f81d2
-  languageName: node
-  linkType: hard
-
 "@sinonjs/commons@npm:^2.0.0":
   version: 2.0.0
   resolution: "@sinonjs/commons@npm:2.0.0"
@@ -5895,63 +6418,74 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@supabase/functions-js@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "@supabase/functions-js@npm:2.1.0"
+"@supabase/auth-js@npm:2.64.2":
+  version: 2.64.2
+  resolution: "@supabase/auth-js@npm:2.64.2"
   dependencies:
-    cross-fetch: ^3.1.5
-  checksum: 231addfa49c1b109ddcc219dd8ed6b83e87cf2516cf7cf2742330176baa794d99a78694ff7f748fffa920f37a8078352822611d84ff43c8bc293c4d4486134fd
+    "@supabase/node-fetch": ^2.6.14
+  checksum: 75df9f372046f97b22679e00cbf0a6b095732311c7e161686b31df6558b94368cef9834afcccb4fe6d10755f71be66c3f853770cdd9fb52701cdc2f1a99ff5e9
   languageName: node
   linkType: hard
 
-"@supabase/gotrue-js@npm:^2.12.0":
-  version: 2.13.0
-  resolution: "@supabase/gotrue-js@npm:2.13.0"
+"@supabase/functions-js@npm:2.3.1":
+  version: 2.3.1
+  resolution: "@supabase/functions-js@npm:2.3.1"
   dependencies:
-    cross-fetch: ^3.1.5
-  checksum: 52aa7566833a24d2e3c84d0665664ad3936bacf63671d55fb5f7e01614e7564b3cc8ce815f83e8ec585e37110422f6274ccfbbb942fc93c56b28178018637395
+    "@supabase/node-fetch": ^2.6.14
+  checksum: 3a6d2f42cab9e40f0fdab6dbc87f51506c5499895d6e1046fe0f491c09313017e79431d7e3f66c39c54dc120884957cd13e7bc3d2d6e1f0b4c2a6b458249ce15
   languageName: node
   linkType: hard
 
-"@supabase/postgrest-js@npm:^1.1.1":
-  version: 1.3.2
-  resolution: "@supabase/postgrest-js@npm:1.3.2"
+"@supabase/node-fetch@npm:2.6.15, @supabase/node-fetch@npm:^2.6.14":
+  version: 2.6.15
+  resolution: "@supabase/node-fetch@npm:2.6.15"
+  dependencies:
+    whatwg-url: ^5.0.0
+  checksum: 9673b49236a56df49eb7ea5cb789cf4e8b1393069b84b4964ac052995e318a34872f428726d128f232139e17c3375a531e45e99edd3e96a25cce60d914b53879
+  languageName: node
+  linkType: hard
+
+"@supabase/postgrest-js@npm:1.15.2":
+  version: 1.15.2
+  resolution: "@supabase/postgrest-js@npm:1.15.2"
   dependencies:
-    cross-fetch: ^3.1.5
-  checksum: 38ab7a801ce389285be9b57aa7ff7c2217d00bc8825d41d35f8b28256263dacf1944c0345a73e641c36eb1e3321559c8b80c5576e2ab1868813ed8f8609d86ad
+    "@supabase/node-fetch": ^2.6.14
+  checksum: 7ea93072b2b05d28f4e52202666d030e86161d7bb606e33f4556db1b7d62af56002ce2eb73140650df6eceeb4e651356b52f4029b4d7e9e1da87300985ffbd31
   languageName: node
   linkType: hard
 
-"@supabase/realtime-js@npm:^2.4.0":
-  version: 2.6.0
-  resolution: "@supabase/realtime-js@npm:2.6.0"
+"@supabase/realtime-js@npm:2.9.5":
+  version: 2.9.5
+  resolution: "@supabase/realtime-js@npm:2.9.5"
   dependencies:
+    "@supabase/node-fetch": ^2.6.14
     "@types/phoenix": ^1.5.4
-    websocket: ^1.0.34
-  checksum: 3a3b696a0203fcc78c9be301f169315a131c8fd5efb88d470d2f48be24cacf2f8a4f37081a85b853b78c46e008b94875a6e8a3473fceb6a191965016e50c9e24
+    "@types/ws": ^8.5.10
+    ws: ^8.14.2
+  checksum: 05416dd2618ac90c9e720b06cb6ca080a1757f62d93822ac49f497acc698f2c2fd5e90e44f713ad02ff37f8a4fa158eef8b91d2550210fb04c461c94d6fb4ca1
   languageName: node
   linkType: hard
 
-"@supabase/storage-js@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "@supabase/storage-js@npm:2.3.1"
+"@supabase/storage-js@npm:2.5.5":
+  version: 2.5.5
+  resolution: "@supabase/storage-js@npm:2.5.5"
   dependencies:
-    cross-fetch: ^3.1.5
-  checksum: b502bc0735f06df091b40839e37f7a795563c1a6be918bbd7a2dab45299d625bde825dd24e396c8dca08eaa3bf247c5159dd5018277cc9fb90310c62cc88148c
+    "@supabase/node-fetch": ^2.6.14
+  checksum: 4470499113c15e1124d99048eef0097c7ba431d728e351519ee26948775171d6c6bb41156f8ffb3860009b82b93809af01c9d075ece6000f783f59ce9fd00ee8
   languageName: node
   linkType: hard
 
-"@supabase/supabase-js@npm:^2.10.0":
-  version: 2.10.0
-  resolution: "@supabase/supabase-js@npm:2.10.0"
+"@supabase/supabase-js@npm:2.43.4":
+  version: 2.43.4
+  resolution: "@supabase/supabase-js@npm:2.43.4"
   dependencies:
-    "@supabase/functions-js": ^2.1.0
-    "@supabase/gotrue-js": ^2.12.0
-    "@supabase/postgrest-js": ^1.1.1
-    "@supabase/realtime-js": ^2.4.0
-    "@supabase/storage-js": ^2.3.1
-    cross-fetch: ^3.1.5
-  checksum: 60da311e9aae2f9cce0716baf9820cf2030b2ee3ba0df6f95de60023b770d034b2f5044e4492c50c02f62379b1ac9979ca65e136873fc6c9d8bd76e758a62b33
+    "@supabase/auth-js": 2.64.2
+    "@supabase/functions-js": 2.3.1
+    "@supabase/node-fetch": 2.6.15
+    "@supabase/postgrest-js": 1.15.2
+    "@supabase/realtime-js": 2.9.5
+    "@supabase/storage-js": 2.5.5
+  checksum: b73196e13835f02feb143a534e9cbb890eff635391ba6a1b3edead04620100c0a3f009b3991b96c8ef605a36c3aa41d5a1eed0009b0f79068eacbd00211c68e9
   languageName: node
   linkType: hard
 
@@ -6087,15 +6621,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@szmarczak/http-timer@npm:^4.0.5":
-  version: 4.0.6
-  resolution: "@szmarczak/http-timer@npm:4.0.6"
-  dependencies:
-    defer-to-connect: ^2.0.0
-  checksum: c29df3bcec6fc3bdec2b17981d89d9c9fc9bd7d0c9bcfe92821dc533f4440bc890ccde79971838b4ceed1921d456973c4180d7175ee1d0023ad0562240a58d95
-  languageName: node
-  linkType: hard
-
 "@testing-library/cypress@npm:^10.0.1":
   version: 10.0.1
   resolution: "@testing-library/cypress@npm:10.0.1"
@@ -6194,34 +6719,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tsconfig/node10@npm:^1.0.7":
-  version: 1.0.8
-  resolution: "@tsconfig/node10@npm:1.0.8"
-  checksum: b8d5fffbc6b17ef64ef74f7fdbccee02a809a063ade785c3648dae59406bc207f70ea2c4296f92749b33019fa36a5ae716e42e49cc7f1bbf0fd147be0d6b970a
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node12@npm:^1.0.7":
-  version: 1.0.9
-  resolution: "@tsconfig/node12@npm:1.0.9"
-  checksum: a01b2400ab3582b86b589c6d31dcd0c0656f333adecde85d6d7d4086adb059808b82692380bb169546d189bf771ae21d02544a75b57bd6da4a5dd95f8567bec9
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node14@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@tsconfig/node14@npm:1.0.1"
-  checksum: 976345e896c0f059867f94f8d0f6ddb8b1844fb62bf36b727de8a9a68f024857e5db97ed51d3325e23e0616a5e48c034ff51a8d595b3fe7e955f3587540489be
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node16@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@tsconfig/node16@npm:1.0.2"
-  checksum: ca94d3639714672bbfd55f03521d3f56bb6a25479bd425da81faf21f13e1e9d15f40f97377dedbbf477a5841c5b0c8f4cd1b391f33553d750b9202c54c2c07aa
-  languageName: node
-  linkType: hard
-
 "@types/acorn@npm:^4.0.0":
   version: 4.0.6
   resolution: "@types/acorn@npm:4.0.6"
@@ -6279,22 +6776,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/cacheable-request@npm:^6.0.1":
-  version: 6.0.3
-  resolution: "@types/cacheable-request@npm:6.0.3"
-  dependencies:
-    "@types/http-cache-semantics": "*"
-    "@types/keyv": ^3.1.4
-    "@types/node": "*"
-    "@types/responselike": ^1.0.0
-  checksum: d9b26403fe65ce6b0cb3720b7030104c352bcb37e4fac2a7089a25a97de59c355fa08940658751f2f347a8512aa9d18fdb66ab3ade835975b2f454f2d5befbd9
-  languageName: node
-  linkType: hard
-
-"@types/cookie@npm:^0.4.0":
-  version: 0.4.1
-  resolution: "@types/cookie@npm:0.4.1"
-  checksum: 3275534ed69a76c68eb1a77d547d75f99fedc80befb75a3d1d03662fb08d697e6f8b1274e12af1a74c6896071b11510631ba891f64d30c78528d0ec45a9c1a18
+"@types/cookie@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "@types/cookie@npm:0.6.0"
+  checksum: 5edce7995775b0b196b142883e4d4f71fd93c294eaec973670f1fa2540b70ea7390408ed513ddefef5fcb12a578100c76596e8f2a714b0c2ae9f70ee773f4510
   languageName: node
   linkType: hard
 
@@ -6307,15 +6792,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/estree-jsx@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "@types/estree-jsx@npm:0.0.1"
-  dependencies:
-    "@types/estree": "*"
-  checksum: aed43dfcbcc9c881f571618847661cd69026680466657d1443c12f51d835c7a8ccf5109a800e56c8fc33ae093f096aa937e4656ce3eb71c4f914334c389cf7be
-  languageName: node
-  linkType: hard
-
 "@types/estree-jsx@npm:^1.0.0":
   version: 1.0.0
   resolution: "@types/estree-jsx@npm:1.0.0"
@@ -6332,6 +6808,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/estree@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@types/estree@npm:1.0.5"
+  checksum: dd8b5bed28e6213b7acd0fb665a84e693554d850b0df423ac8076cc3ad5823a6bc26b0251d080bdc545af83179ede51dd3f6fa78cad2c46ed1f29624ddf3e41a
+  languageName: node
+  linkType: hard
+
 "@types/fs-extra@npm:^11.0.1":
   version: 11.0.1
   resolution: "@types/fs-extra@npm:11.0.1"
@@ -6342,16 +6825,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/glob@npm:^7.1.1":
-  version: 7.2.0
-  resolution: "@types/glob@npm:7.2.0"
-  dependencies:
-    "@types/minimatch": "*"
-    "@types/node": "*"
-  checksum: 6ae717fedfdfdad25f3d5a568323926c64f52ef35897bcac8aca8e19bc50c0bd84630bbd063e5d52078b2137d8e7d3c26eabebd1a2f03ff350fff8a91e79fc19
-  languageName: node
-  linkType: hard
-
 "@types/graceful-fs@npm:^4.1.3":
   version: 4.1.6
   resolution: "@types/graceful-fs@npm:4.1.6"
@@ -6370,6 +6843,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/hast@npm:^3.0.0":
+  version: 3.0.4
+  resolution: "@types/hast@npm:3.0.4"
+  dependencies:
+    "@types/unist": "*"
+  checksum: 7a973e8d16fcdf3936090fa2280f408fb2b6a4f13b42edeb5fbd614efe042b82eac68e298e556d50f6b4ad585a3a93c353e9c826feccdc77af59de8dd400d044
+  languageName: node
+  linkType: hard
+
 "@types/hoist-non-react-statics@npm:*":
   version: 3.3.1
   resolution: "@types/hoist-non-react-statics@npm:3.3.1"
@@ -6380,13 +6862,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/http-cache-semantics@npm:*":
-  version: 4.0.1
-  resolution: "@types/http-cache-semantics@npm:4.0.1"
-  checksum: 1048aacf627829f0d5f00184e16548205cd9f964bf0841c29b36bc504509230c40bc57c39778703a1c965a6f5b416ae2cbf4c1d4589c889d2838dd9dbfccf6e9
-  languageName: node
-  linkType: hard
-
 "@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
   version: 2.0.3
   resolution: "@types/istanbul-lib-coverage@npm:2.0.3"
@@ -6454,20 +6929,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.12":
+"@types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.6":
   version: 7.0.15
   resolution: "@types/json-schema@npm:7.0.15"
   checksum: 97ed0cb44d4070aecea772b7b2e2ed971e10c81ec87dd4ecc160322ffa55ff330dace1793489540e3e318d90942064bb697cc0f8989391797792d919737b3b98
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.6":
-  version: 7.0.11
-  resolution: "@types/json-schema@npm:7.0.11"
-  checksum: 527bddfe62db9012fccd7627794bd4c71beb77601861055d87e3ee464f2217c85fca7a4b56ae677478367bbd248dbde13553312b7d4dbc702a2f2bbf60c4018d
-  languageName: node
-  linkType: hard
-
 "@types/jsonfile@npm:*":
   version: 6.1.1
   resolution: "@types/jsonfile@npm:6.1.1"
@@ -6477,15 +6945,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/keyv@npm:^3.1.4":
-  version: 3.1.4
-  resolution: "@types/keyv@npm:3.1.4"
-  dependencies:
-    "@types/node": "*"
-  checksum: e009a2bfb50e90ca9b7c6e8f648f8464067271fd99116f881073fa6fa76dc8d0133181dd65e6614d5fb1220d671d67b0124aef7d97dc02d7e342ab143a47779d
-  languageName: node
-  linkType: hard
-
 "@types/lodash.clamp@npm:^4.0.7":
   version: 4.0.7
   resolution: "@types/lodash.clamp@npm:4.0.7"
@@ -6520,26 +6979,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/mdurl@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "@types/mdurl@npm:1.0.2"
-  checksum: 79c7e523b377f53cf1f5a240fe23d0c6cae856667692bd21bf1d064eafe5ccc40ae39a2aa0a9a51e8c94d1307228c8f6b121e847124591a9a828c3baf65e86e2
-  languageName: node
-  linkType: hard
-
-"@types/mdx-js__react@npm:^1.5.5":
-  version: 1.5.5
-  resolution: "@types/mdx-js__react@npm:1.5.5"
+"@types/mdast@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "@types/mdast@npm:4.0.3"
   dependencies:
-    "@types/react": "*"
-  checksum: 91229e9e4d129bed0cd457459970daf8e505de9932791915cb91ad82f033b85c921c773ad16b7de629a7fa3ba97c8301784aad3b9ab6e431c3e5fc521a16a0f2
+    "@types/unist": "*"
+  checksum: 345c5a22fccf05f35239ea6313ee4aaf6ebed5927c03ac79744abccb69b9ba5e692f9b771e36a012b79e17429082cada30f579e9c43b8a54e0ffb365431498b6
   languageName: node
   linkType: hard
 
-"@types/minimatch@npm:*":
-  version: 5.1.2
-  resolution: "@types/minimatch@npm:5.1.2"
-  checksum: 0391a282860c7cb6fe262c12b99564732401bdaa5e395bee9ca323c312c1a0f45efbf34dce974682036e857db59a5c9b1da522f3d6055aeead7097264c8705a8
+"@types/mdx@npm:^2.0.0, @types/mdx@npm:^2.0.5":
+  version: 2.0.10
+  resolution: "@types/mdx@npm:2.0.10"
+  checksum: 3e2fb24b7bfae739a59573344171292b6c31256ad9afddc00232e9de4fbc97b270e1a11d13cb935cba0d9bbb9bc7348793eda82ee752233c5d2289f4b897f719
   languageName: node
   linkType: hard
 
@@ -6573,13 +7025,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:14.18.33":
-  version: 14.18.33
-  resolution: "@types/node@npm:14.18.33"
-  checksum: 4e23f95186d8ae1d38c999bc6b46fe94e790da88744b0a3bfeedcbd0d9ffe2cb0ff39e85f43014f6739e5270292c1a1f6f97a1fc606fd573a0c17fda9a1d42de
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:^12.7.1":
   version: 12.20.14
   resolution: "@types/node@npm:12.20.14"
@@ -6609,23 +7054,16 @@ __metadata:
   linkType: hard
 
 "@types/parse-json@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@types/parse-json@npm:4.0.0"
-  checksum: fd6bce2b674b6efc3db4c7c3d336bd70c90838e8439de639b909ce22f3720d21344f52427f1d9e57b265fcb7f6c018699b99e5e0c208a1a4823014269a6bf35b
-  languageName: node
-  linkType: hard
-
-"@types/parse5@npm:^5.0.0":
-  version: 5.0.3
-  resolution: "@types/parse5@npm:5.0.3"
-  checksum: d6b7495cb1850f9f2e9c5e103ede9f2d30a5320669707b105c403868adc9e4bf8d3a7ff314cc23f67826bbbbbc0e6147346ce9062ab429f099dba7a01f463919
+  version: 4.0.2
+  resolution: "@types/parse-json@npm:4.0.2"
+  checksum: 5bf62eec37c332ad10059252fc0dab7e7da730764869c980b0714777ad3d065e490627be9f40fc52f238ffa3ac4199b19de4127196910576c2fe34dd47c7a470
   languageName: node
   linkType: hard
 
 "@types/phoenix@npm:^1.5.4":
-  version: 1.5.4
-  resolution: "@types/phoenix@npm:1.5.4"
-  checksum: be6635e3dd63b9ae80e375c3918075cb1d63264f46039665c62390d2a5249335c32c7f0d154da27724a7859c0eaef1476fb61f7fa40541b4013e0bc1d5a47fd5
+  version: 1.6.4
+  resolution: "@types/phoenix@npm:1.6.4"
+  checksum: 0f13849602db6d9a2a4b9d96386c45471acedf2bc3d6bf6b3289876fa73f0fe0e84c8466bd55c4f2763d33e142e5311c220820fed9ac2a21d9126f1f70a7338f
   languageName: node
   linkType: hard
 
@@ -6638,6 +7076,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/prismjs@npm:^1.0.0":
+  version: 1.26.4
+  resolution: "@types/prismjs@npm:1.26.4"
+  checksum: ae33fa6be38b15b11d211806c2ad034bb2d794ca4897bed4eff574114d9d0ae99c89a7489fc04b2655472413ba430e30deb5c26b190261218928cf2ee9f414d1
+  languageName: node
+  linkType: hard
+
 "@types/prop-types@npm:*":
   version: 15.7.3
   resolution: "@types/prop-types@npm:15.7.3"
@@ -6691,15 +7136,15 @@ __metadata:
   linkType: hard
 
 "@types/react-transition-group@npm:^4.4.0":
-  version: 4.4.5
-  resolution: "@types/react-transition-group@npm:4.4.5"
+  version: 4.4.10
+  resolution: "@types/react-transition-group@npm:4.4.10"
   dependencies:
     "@types/react": "*"
-  checksum: 265f1c74061556708ffe8d15559e35c60d6c11478c9950d3735575d2c116ca69f461d85effa06d73a613eb8b73c84fd32682feb57cf7c5f9e4284021dbca25b0
+  checksum: fe2ea11f70251e9f79f368e198c18fd469b1d4f1e1d44e4365845b44e15974b0ec925100036f449b023b0ca3480a82725c5f0a73040e282ad32ec7b0def9b57c
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:^18.0.15, @types/react@npm:^18.0.28":
+"@types/react@npm:*, @types/react@npm:^18.0.28":
   version: 18.0.28
   resolution: "@types/react@npm:18.0.28"
   dependencies:
@@ -6710,15 +7155,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/responselike@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@types/responselike@npm:1.0.0"
-  dependencies:
-    "@types/node": "*"
-  checksum: e99fc7cc6265407987b30deda54c1c24bb1478803faf6037557a774b2f034c5b097ffd65847daa87e82a61a250d919f35c3588654b0fdaa816906650f596d1b0
-  languageName: node
-  linkType: hard
-
 "@types/scheduler@npm:*":
   version: 0.16.1
   resolution: "@types/scheduler@npm:0.16.1"
@@ -6781,13 +7217,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/unist@npm:*, @types/unist@npm:^2.0.0, @types/unist@npm:^2.0.2":
+"@types/unist@npm:*, @types/unist@npm:^2.0.0":
   version: 2.0.6
   resolution: "@types/unist@npm:2.0.6"
   checksum: 25cb860ff10dde48b54622d58b23e66214211a61c84c0f15f88d38b61aa1b53d4d46e42b557924a93178c501c166aa37e28d7f6d994aba13d24685326272d5db
   languageName: node
   linkType: hard
 
+"@types/unist@npm:^3.0.0":
+  version: 3.0.2
+  resolution: "@types/unist@npm:3.0.2"
+  checksum: 3d04d0be69316e5f14599a0d993a208606c12818cf631fd399243d1dc7a9bd8a3917d6066baa6abc290814afbd744621484756803c80cba892c39cd4b4a85616
+  languageName: node
+  linkType: hard
+
 "@types/webxr@npm:*":
   version: 0.5.0
   resolution: "@types/webxr@npm:0.5.0"
@@ -6795,6 +7238,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/ws@npm:^8.5.10":
+  version: 8.5.10
+  resolution: "@types/ws@npm:8.5.10"
+  dependencies:
+    "@types/node": "*"
+  checksum: 3ec416ea2be24042ebd677932a462cf16d2080393d8d7d0b1b3f5d6eaa4a7387aaf0eefb99193c0bfd29444857cf2e0c3ac89899e130550dc6c14ada8a46d25e
+  languageName: node
+  linkType: hard
+
 "@types/yargs-parser@npm:*":
   version: 20.2.0
   resolution: "@types/yargs-parser@npm:20.2.0"
@@ -6960,7 +7412,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ungap/structured-clone@npm:^1.2.0":
+"@ungap/structured-clone@npm:^1.0.0, @ungap/structured-clone@npm:^1.2.0":
   version: 1.2.0
   resolution: "@ungap/structured-clone@npm:1.2.0"
   checksum: 4f656b7b4672f2ce6e272f2427d8b0824ed11546a601d8d5412b9d7704e83db38a8d9f402ecdf2b9063fc164af842ad0ec4a55819f621ed7e7ea4d1efcc74524
@@ -6994,6 +7446,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vanilla-extract/babel-plugin-debug-ids@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "@vanilla-extract/babel-plugin-debug-ids@npm:1.0.6"
+  dependencies:
+    "@babel/core": ^7.23.9
+  checksum: 55f173c0c6a95a8da35a8625e6400dd90a126a4cd3d52d6a5583573e957c0f13c408fd86873d1d65ac1cfa9dfd743306ed866ad8ed1793370b3857e0636b88df
+  languageName: node
+  linkType: hard
+
+"@vanilla-extract/css@npm:1.15.2, @vanilla-extract/css@npm:^1.15.2":
+  version: 1.15.2
+  resolution: "@vanilla-extract/css@npm:1.15.2"
+  dependencies:
+    "@emotion/hash": ^0.9.0
+    "@vanilla-extract/private": ^1.0.5
+    css-what: ^6.1.0
+    cssesc: ^3.0.0
+    csstype: ^3.0.7
+    dedent: ^1.5.3
+    deep-object-diff: ^1.1.9
+    deepmerge: ^4.2.2
+    media-query-parser: ^2.0.2
+    modern-ahocorasick: ^1.0.0
+    picocolors: ^1.0.0
+  checksum: acb08a943de47daee6d339bbb5c5487a3f3dc26a38a9681babffe244dc2469c54595d39ffdb4b36e08511dd2d3eb2399110acb1bb767a0411d01d599a7300756
+  languageName: node
+  linkType: hard
+
 "@vanilla-extract/css@npm:^1.10.0":
   version: 1.11.0
   resolution: "@vanilla-extract/css@npm:1.11.0"
@@ -7013,6 +7493,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vanilla-extract/dynamic@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@vanilla-extract/dynamic@npm:2.1.1"
+  dependencies:
+    "@vanilla-extract/private": ^1.0.5
+  checksum: 03fd6bcd477dcb022f0186e17ad7caa4d30b2db7e39df61ae778fb129ee005585a70eb56ebf656b9deba2354ce3b41a7db18823714566538f64d582b27ff57fa
+  languageName: node
+  linkType: hard
+
 "@vanilla-extract/integration@npm:^6.2.0":
   version: 6.2.1
   resolution: "@vanilla-extract/integration@npm:6.2.1"
@@ -7034,6 +7523,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vanilla-extract/integration@npm:^7.1.5":
+  version: 7.1.5
+  resolution: "@vanilla-extract/integration@npm:7.1.5"
+  dependencies:
+    "@babel/core": ^7.23.9
+    "@babel/plugin-syntax-typescript": ^7.23.3
+    "@vanilla-extract/babel-plugin-debug-ids": ^1.0.6
+    "@vanilla-extract/css": ^1.15.2
+    dedent: ^1.5.3
+    esbuild: "npm:esbuild@~0.17.6 || ~0.18.0 || ~0.19.0"
+    eval: 0.1.8
+    find-up: ^5.0.0
+    javascript-stringify: ^2.0.1
+    mlly: ^1.4.2
+    vite: ^5.0.11
+    vite-node: ^1.2.0
+  checksum: 14c85f3c7f99a67a1f34bbcf336bd2994a9642ac7364d35d18e8ecf2e937e07fdc899a52e773e7379b1752588e8b71bab2a17bf17576b2b2165e2ee144bd233b
+  languageName: node
+  linkType: hard
+
 "@vanilla-extract/private@npm:^1.0.3":
   version: 1.0.3
   resolution: "@vanilla-extract/private@npm:1.0.3"
@@ -7041,47 +7550,75 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vercel/build-utils@npm:6.7.0":
-  version: 6.7.0
-  resolution: "@vercel/build-utils@npm:6.7.0"
-  checksum: 66eb28bc1675f108bc59754588c5104f5b095fbc842d991ddae91eb22f6c0f08ed1e4a0c399003f55f8f53363c87af33ef0e0e55dfa2f3c932e22c92b9fb61ce
+"@vanilla-extract/private@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@vanilla-extract/private@npm:1.0.5"
+  checksum: 147acf9b1795f0681372db92e483bc27eeddad050b7d517e9ab87c5e9bcbdce69c0be300c4948f42e3bdeb81b8dd16b8243f3404ce74e6bc9acbb31112429ff4
   languageName: node
   linkType: hard
 
-"@vercel/node-bridge@npm:4.0.0":
-  version: 4.0.0
-  resolution: "@vercel/node-bridge@npm:4.0.0"
-  checksum: 0f6f8ebff6328156d5f22a42fed2862139c9795a8bece227f0dd773dea415e6328b5e12bb84f4d03ca4038fb525cf2a2fdeb1fea6b696140317e5ef2987bfa8f
+"@vanilla-extract/recipes@npm:0.5.3":
+  version: 0.5.3
+  resolution: "@vanilla-extract/recipes@npm:0.5.3"
+  peerDependencies:
+    "@vanilla-extract/css": ^1.0.0
+  checksum: 2ddf10ce3413ad892cec2cc03480af987c59d01bc23f4dfcefb5426cfafd3a4107277a560418332603f8f4c8e8a51032500e522db128d205821a488d05b71875
   languageName: node
   linkType: hard
 
-"@vercel/node@npm:^2.10.2":
-  version: 2.10.2
-  resolution: "@vercel/node@npm:2.10.2"
+"@vanilla-extract/vite-plugin@npm:4.0.10":
+  version: 4.0.10
+  resolution: "@vanilla-extract/vite-plugin@npm:4.0.10"
   dependencies:
-    "@edge-runtime/vm": 2.0.0
-    "@types/node": 14.18.33
-    "@vercel/build-utils": 6.7.0
-    "@vercel/node-bridge": 4.0.0
-    "@vercel/static-config": 2.0.14
-    edge-runtime: 2.0.0
-    esbuild: 0.14.47
-    exit-hook: 2.2.1
-    node-fetch: 2.6.7
-    ts-node: 10.9.1
-    typescript: 4.3.4
-  checksum: 6ed63ff6407be59d0b53ab11bdb64dfa71998ae7c84d02786178c3daca48e2d7c5da9a09f5c9c91713ca58b1563f367eed2a79021d59f9633c3dedfd1dfec02b
+    "@vanilla-extract/integration": ^7.1.5
+  peerDependencies:
+    vite: ^4.0.3 || ^5.0.0
+  checksum: 023ba7201e9bdc0e05a73b480c5d833024b4106e45c867bbdd603acf70813917d8eae4e62e681ca5fb7e0414b606a9786c15564ddc49bec7f6ee7c52ded60baf
   languageName: node
   linkType: hard
 
-"@vercel/static-config@npm:2.0.14":
-  version: 2.0.14
-  resolution: "@vercel/static-config@npm:2.0.14"
+"@vercel/analytics@npm:1.3.1":
+  version: 1.3.1
+  resolution: "@vercel/analytics@npm:1.3.1"
+  dependencies:
+    server-only: ^0.0.1
+  peerDependencies:
+    next: ">= 13"
+    react: ^18 || ^19
+  peerDependenciesMeta:
+    next:
+      optional: true
+    react:
+      optional: true
+  checksum: 5f052793fc19548ee9fac05c52f6effba3b3a5b2cd6b734f63a8c98e2a79e72f4059d01625995f5a8c790a5f55c717ebd25db600eda1358e3d270c9c90597e88
+  languageName: node
+  linkType: hard
+
+"@vercel/remix@npm:2.9.2":
+  version: 2.9.2
+  resolution: "@vercel/remix@npm:2.9.2"
+  dependencies:
+    "@vercel/static-config": 3.0.0
+    isbot: ^3.6.8
+    ts-morph: 12.0.0
+  peerDependencies:
+    "@remix-run/dev": 2.9.1
+    "@remix-run/node": 2.9.1
+    "@remix-run/server-runtime": 2.9.1
+    react: "*"
+    react-dom: "*"
+  checksum: 26c5034b7aa5df4af208148e5af035b1cf5ad3c2a5bb25b523b81fb2132466e9e331a74e81af384d6bec3d72aab06936c39745ee62b86f50faa1231ce198d9a8
+  languageName: node
+  linkType: hard
+
+"@vercel/static-config@npm:3.0.0":
+  version: 3.0.0
+  resolution: "@vercel/static-config@npm:3.0.0"
   dependencies:
     ajv: 8.6.3
     json-schema-to-ts: 1.6.4
     ts-morph: 12.0.0
-  checksum: 1cc6e233b110f734b40f499e314ab079b3681b4d93d291fc344c26094e37f006dfea502d24eb053bacd21a77a9f8c63ca89cb96a930c570f8cc200289a5374f3
+  checksum: aa69e98b31e5b0db416e4906a70ff7b9fe168146a1d9e67007a2e4514999f7ce0d02153b6314f0ea6fb3a7a0c2ccf841511d09873695e8623a4d95546461bfc9
   languageName: node
   linkType: hard
 
@@ -7190,14 +7727,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1, acorn-walk@npm:^8.2.0":
+"acorn-walk@npm:^8.0.2":
   version: 8.2.0
   resolution: "acorn-walk@npm:8.2.0"
   checksum: 1715e76c01dd7b2d4ca472f9c58968516a4899378a63ad5b6c2d668bba8da21a71976c14ec5f5b75f887b6317c4ae0b897ab141c831d741dc76024d8745f1ad1
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.0.0, acorn@npm:^8.1.0, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.0, acorn@npm:^8.8.1":
+"acorn@npm:^8.0.0, acorn@npm:^8.1.0, acorn@npm:^8.5.0, acorn@npm:^8.8.1":
   version: 8.8.2
   resolution: "acorn@npm:8.8.2"
   bin:
@@ -7206,6 +7743,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.11.3":
+  version: 8.11.3
+  resolution: "acorn@npm:8.11.3"
+  bin:
+    acorn: bin/acorn
+  checksum: 76d8e7d559512566b43ab4aadc374f11f563f0a9e21626dd59cb2888444e9445923ae9f3699972767f18af61df89cd89f5eaaf772d1327b055b45cb829b4a88c
+  languageName: node
+  linkType: hard
+
 "acorn@npm:^8.9.0":
   version: 8.11.2
   resolution: "acorn@npm:8.11.2"
@@ -7215,7 +7761,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"agent-base@npm:6, agent-base@npm:^6.0.0, agent-base@npm:^6.0.2":
+"agent-base@npm:6, agent-base@npm:^6.0.2":
   version: 6.0.2
   resolution: "agent-base@npm:6.0.2"
   dependencies:
@@ -7288,25 +7834,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"algoliasearch@npm:^4.0.0":
-  version: 4.14.2
-  resolution: "algoliasearch@npm:4.14.2"
+"algoliasearch@npm:^4.19.1":
+  version: 4.23.3
+  resolution: "algoliasearch@npm:4.23.3"
   dependencies:
-    "@algolia/cache-browser-local-storage": 4.14.2
-    "@algolia/cache-common": 4.14.2
-    "@algolia/cache-in-memory": 4.14.2
-    "@algolia/client-account": 4.14.2
-    "@algolia/client-analytics": 4.14.2
-    "@algolia/client-common": 4.14.2
-    "@algolia/client-personalization": 4.14.2
-    "@algolia/client-search": 4.14.2
-    "@algolia/logger-common": 4.14.2
-    "@algolia/logger-console": 4.14.2
-    "@algolia/requester-browser-xhr": 4.14.2
-    "@algolia/requester-common": 4.14.2
-    "@algolia/requester-node-http": 4.14.2
-    "@algolia/transporter": 4.14.2
-  checksum: 4365a0d0f066f3ad6798e4dd0d7487cba1cf4546dac27e66cb84865f91955d6537dc5bad4e71d4bf22a68c0b721b1e6f20109203566ca1a252fe2713d713c0fd
+    "@algolia/cache-browser-local-storage": 4.23.3
+    "@algolia/cache-common": 4.23.3
+    "@algolia/cache-in-memory": 4.23.3
+    "@algolia/client-account": 4.23.3
+    "@algolia/client-analytics": 4.23.3
+    "@algolia/client-common": 4.23.3
+    "@algolia/client-personalization": 4.23.3
+    "@algolia/client-search": 4.23.3
+    "@algolia/logger-common": 4.23.3
+    "@algolia/logger-console": 4.23.3
+    "@algolia/recommend": 4.23.3
+    "@algolia/requester-browser-xhr": 4.23.3
+    "@algolia/requester-common": 4.23.3
+    "@algolia/requester-node-http": 4.23.3
+    "@algolia/transporter": 4.23.3
+  checksum: e5035b1234941b48821727feef38cb8438a0aab6343f23138392180f3de13769e0b3bc42f9fa34a7573c16c988a4e7897a5335be6e729803d749147dc04bf807
   languageName: node
   linkType: hard
 
@@ -7317,6 +7864,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"anser@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "anser@npm:2.1.1"
+  checksum: 29b99ae7c54e7107643a130a07228f853b4c28d7742db40dadca2f405263a1d30202e1c1a576644f2162e795e556591dc05fa4a6d77c49a028dfa05f73d76dae
+  languageName: node
+  linkType: hard
+
 "ansi-colors@npm:^4.1.1, ansi-colors@npm:^4.1.3":
   version: 4.1.3
   resolution: "ansi-colors@npm:4.1.3"
@@ -7358,6 +7912,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-regex@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "ansi-regex@npm:6.0.1"
+  checksum: 1ff8b7667cded1de4fa2c9ae283e979fc87036864317da86a2e546725f96406746411d0d85e87a2d12fa5abd715d90006de7fa4fa0477c92321ad3b4c7d4e169
+  languageName: node
+  linkType: hard
+
 "ansi-styles@npm:^3.2.0, ansi-styles@npm:^3.2.1":
   version: 3.2.1
   resolution: "ansi-styles@npm:3.2.1"
@@ -7383,6 +7944,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-styles@npm:^6.1.0":
+  version: 6.2.1
+  resolution: "ansi-styles@npm:6.2.1"
+  checksum: ef940f2f0ced1a6347398da88a91da7930c33ecac3c77b72c5905f8b8fe402c52e6fde304ff5347f616e27a742da3f1dc76de98f6866c69251ad0b07a66776d9
+  languageName: node
+  linkType: hard
+
 "any-promise@npm:^1.0.0":
   version: 1.3.0
   resolution: "any-promise@npm:1.3.0"
@@ -7431,13 +7999,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"arg@npm:^4.1.0":
-  version: 4.1.3
-  resolution: "arg@npm:4.1.3"
-  checksum: 544af8dd3f60546d3e4aff084d451b96961d2267d668670199692f8d054f0415d86fc5497d0e641e91546f0aa920e7c29e5250e99fc89f5552a34b5d93b77f43
-  languageName: node
-  linkType: hard
-
 "arg@npm:^5.0.1, arg@npm:^5.0.2":
   version: 5.0.2
   resolution: "arg@npm:5.0.2"
@@ -7462,17 +8023,11 @@ __metadata:
   linkType: hard
 
 "aria-hidden@npm:^1.1.1":
-  version: 1.2.2
-  resolution: "aria-hidden@npm:1.2.2"
+  version: 1.2.4
+  resolution: "aria-hidden@npm:1.2.4"
   dependencies:
     tslib: ^2.0.0
-  peerDependencies:
-    "@types/react": ^16.9.0 || ^17.0.0 || ^18.0.0
-    react: ^16.9.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: ee1a3688db5491eeb87b73eea624614f24ef62a74cf9e47bc8229dde1ff7457f7e4a26425cadc0d3efd89380305e6fb4a4e505bccdee16beaa4686014861d7b1
+  checksum: 2ac90b70d29c6349d86d90e022cf01f4885f9be193932d943a14127cf28560dd0baf068a6625f084163437a4be0578f513cf7892f4cc63bfe91aa41dce27c6b2
   languageName: node
   linkType: hard
 
@@ -7680,24 +8235,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ast-types@npm:0.15.2":
-  version: 0.15.2
-  resolution: "ast-types@npm:0.15.2"
-  dependencies:
-    tslib: ^2.0.1
-  checksum: 24f0d86bf9e4c8dae16fa24b13c1776f2c2677040bcfbd4eb4f27911db49020be4876885e45e6cfcc548ed4dfea3a0742d77e3346b84fae47379cb0b89e9daa0
-  languageName: node
-  linkType: hard
-
-"ast-types@npm:^0.13.2":
-  version: 0.13.4
-  resolution: "ast-types@npm:0.13.4"
-  dependencies:
-    tslib: ^2.0.1
-  checksum: 5a51f7b70588ecced3601845a0e203279ca2f5fdc184416a0a1640c93ec0a267241d6090a328e78eebb8de81f8754754e0a4f1558ba2a3d638f8ccbd0b1f0eff
-  languageName: node
-  linkType: hard
-
 "astral-regex@npm:^1.0.0":
   version: 1.0.0
   resolution: "astral-regex@npm:1.0.0"
@@ -7712,12 +8249,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"astring@npm:^1.6.0":
-  version: 1.8.3
-  resolution: "astring@npm:1.8.3"
+"astring@npm:^1.8.0":
+  version: 1.8.6
+  resolution: "astring@npm:1.8.6"
   bin:
     astring: bin/astring
-  checksum: 72fc85de7420ca6edeee15157fd65c5253a8cb1ced979ba66ecc439fa569f1c1cc242e4c0a9fc5a6380bf73fb5ec894dc65cf1dc0f3d1cab8c707b31df7daa1c
+  checksum: 6f034d2acef1dac8bb231e7cc26c573d3c14e1975ea6e04f20312b43d4f462f963209bc64187d25d477a182dc3c33277959a0156ab7a3617aa79b1eac4d88e1f
   languageName: node
   linkType: hard
 
@@ -7881,19 +8418,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs2@npm:^0.3.3":
-  version: 0.3.3
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.3.3"
-  dependencies:
-    "@babel/compat-data": ^7.17.7
-    "@babel/helper-define-polyfill-provider": ^0.3.3
-    semver: ^6.1.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7db3044993f3dddb3cc3d407bc82e640964a3bfe22de05d90e1f8f7a5cb71460011ab136d3c03c6c1ba428359ebf635688cd6205e28d0469bba221985f5c6179
-  languageName: node
-  linkType: hard
-
 "babel-plugin-polyfill-corejs3@npm:^0.2.0":
   version: 0.2.2
   resolution: "babel-plugin-polyfill-corejs3@npm:0.2.2"
@@ -7906,18 +8430,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs3@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.6.0"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.3.3
-    core-js-compat: ^3.25.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 470bb8c59f7c0912bd77fe1b5a2e72f349b3f65bbdee1d60d6eb7e1f4a085c6f24b2dd5ab4ac6c2df6444a96b070ef6790eccc9edb6a2668c60d33133bfb62c6
-  languageName: node
-  linkType: hard
-
 "babel-plugin-polyfill-regenerator@npm:^0.2.0":
   version: 0.2.2
   resolution: "babel-plugin-polyfill-regenerator@npm:0.2.2"
@@ -7929,17 +8441,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-regenerator@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.4.1"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.3.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ab0355efbad17d29492503230387679dfb780b63b25408990d2e4cf421012dae61d6199ddc309f4d2409ce4e9d3002d187702700dd8f4f8770ebbba651ed066c
-  languageName: node
-  linkType: hard
-
 "babel-plugin-styled-components@npm:>= 1.12.0":
   version: 1.12.0
   resolution: "babel-plugin-styled-components@npm:1.12.0"
@@ -8039,13 +8540,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bail@npm:^1.0.0":
-  version: 1.0.5
-  resolution: "bail@npm:1.0.5"
-  checksum: 6c334940d7eaa4e656a12fb12407b6555649b6deb6df04270fa806e0da82684ebe4a4e47815b271c794b40f8d6fa286e0c248b14ddbabb324a917fab09b7301a
-  languageName: node
-  linkType: hard
-
 "bail@npm:^2.0.0":
   version: 2.0.2
   resolution: "bail@npm:2.0.2"
@@ -8125,13 +8619,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"big.js@npm:^5.2.2":
-  version: 5.2.2
-  resolution: "big.js@npm:5.2.2"
-  checksum: b89b6e8419b097a8fb4ed2399a1931a68c612bce3cfd5ca8c214b2d017531191070f990598de2fc6f3f993d91c0f08aa82697717f6b3b8732c9731866d233c9e
-  languageName: node
-  linkType: hard
-
 "binary-extensions@npm:^2.0.0":
   version: 2.2.0
   resolution: "binary-extensions@npm:2.2.0"
@@ -8139,22 +8626,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"binaryextensions@npm:2":
-  version: 2.3.0
-  resolution: "binaryextensions@npm:2.3.0"
-  checksum: e64e4658a611a753e0320b047a0045a063c6f2dd92d7a7fc06c25f7e72fb3700dabcf328e319c79f1038e6d0ea46edb0644686603d5f36bff3350d0e7eb198a9
-  languageName: node
-  linkType: hard
-
-"bindings@npm:^1.5.0":
-  version: 1.5.0
-  resolution: "bindings@npm:1.5.0"
-  dependencies:
-    file-uri-to-path: 1.0.0
-  checksum: 65b6b48095717c2e6105a021a7da4ea435aa8d3d3cd085cb9e85bcb6e5773cf318c4745c3f7c504412855940b585bdf9b918236612a1c7a7942491de176f1ae7
-  languageName: node
-  linkType: hard
-
 "bl@npm:^4.0.3, bl@npm:^4.1.0":
   version: 4.1.0
   resolution: "bl@npm:4.1.0"
@@ -8219,6 +8690,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"brace-expansion@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "brace-expansion@npm:2.0.1"
+  dependencies:
+    balanced-match: ^1.0.0
+  checksum: a61e7cd2e8a8505e9f0036b3b6108ba5e926b4b55089eeb5550cd04a471fe216c96d4fe7e4c7f995c728c554ae20ddfc4244cad10aef255e72b62930afd233d1
+  languageName: node
+  linkType: hard
+
 "braces@npm:^2.3.1":
   version: 2.3.2
   resolution: "braces@npm:2.3.2"
@@ -8278,6 +8758,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.22.2":
+  version: 4.22.2
+  resolution: "browserslist@npm:4.22.2"
+  dependencies:
+    caniuse-lite: ^1.0.30001565
+    electron-to-chromium: ^1.4.601
+    node-releases: ^2.0.14
+    update-browserslist-db: ^1.0.13
+  bin:
+    browserslist: cli.js
+  checksum: 33ddfcd9145220099a7a1ac533cecfe5b7548ffeb29b313e1b57be6459000a1f8fa67e781cf4abee97268ac594d44134fcc4a6b2b4750ceddc9796e3a22076d9
+  languageName: node
+  linkType: hard
+
 "bser@npm:2.1.1":
   version: 2.1.1
   resolution: "bser@npm:2.1.1"
@@ -8311,13 +8805,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bufferutil@npm:^4.0.1":
-  version: 4.0.7
-  resolution: "bufferutil@npm:4.0.7"
+"buffer@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "buffer@npm:6.0.3"
   dependencies:
-    node-gyp: latest
-    node-gyp-build: ^4.3.0
-  checksum: f75aa87e3d1b99b87a95f60a855e63f70af07b57fb8443e75a2ddfef2e47788d130fdd46e3a78fd7e0c10176082b26dfbed970c5b8632e1cc299cafa0e93ce45
+    base64-js: ^1.3.1
+    ieee754: ^1.2.1
+  checksum: 5ad23293d9a731e4318e420025800b42bf0d264004c0286c8cc010af7a270c7a0f6522e84f54b9ad65cbd6db20b8badbfd8d2ebf4f80fa03dab093b89e68c3f9
+  languageName: node
+  linkType: hard
+
+"builtins@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "builtins@npm:5.0.1"
+  dependencies:
+    semver: ^7.0.0
+  checksum: 66d204657fe36522822a95b288943ad11b58f5eaede235b11d8c4edaa28ce4800087d44a2681524c340494aadb120a0068011acabe99d30e8f11a7d826d83515
   languageName: node
   linkType: hard
 
@@ -8362,7 +8865,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacache@npm:^15.0.5, cacache@npm:^15.2.0":
+"cacache@npm:^15.2.0":
   version: 15.3.0
   resolution: "cacache@npm:15.3.0"
   dependencies:
@@ -8388,6 +8891,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cacache@npm:^17.1.3":
+  version: 17.1.4
+  resolution: "cacache@npm:17.1.4"
+  dependencies:
+    "@npmcli/fs": ^3.1.0
+    fs-minipass: ^3.0.0
+    glob: ^10.2.2
+    lru-cache: ^7.7.1
+    minipass: ^7.0.3
+    minipass-collect: ^1.0.2
+    minipass-flush: ^1.0.5
+    minipass-pipeline: ^1.2.4
+    p-map: ^4.0.0
+    ssri: ^10.0.0
+    tar: ^6.1.11
+    unique-filename: ^3.0.0
+  checksum: b7751df756656954a51201335addced8f63fc53266fa56392c9f5ae83c8d27debffb4458ac2d168a744a4517ec3f2163af05c20097f93d17bdc2dc8a385e14a6
+  languageName: node
+  linkType: hard
+
 "cache-base@npm:^1.0.1":
   version: 1.0.1
   resolution: "cache-base@npm:1.0.1"
@@ -8405,28 +8928,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacheable-lookup@npm:^5.0.3":
-  version: 5.0.4
-  resolution: "cacheable-lookup@npm:5.0.4"
-  checksum: 763e02cf9196bc9afccacd8c418d942fc2677f22261969a4c2c2e760fa44a2351a81557bd908291c3921fe9beb10b976ba8fa50c5ca837c5a0dd945f16468f2d
-  languageName: node
-  linkType: hard
-
-"cacheable-request@npm:^7.0.2":
-  version: 7.0.2
-  resolution: "cacheable-request@npm:7.0.2"
-  dependencies:
-    clone-response: ^1.0.2
-    get-stream: ^5.1.0
-    http-cache-semantics: ^4.0.0
-    keyv: ^4.0.0
-    lowercase-keys: ^2.0.0
-    normalize-url: ^6.0.1
-    responselike: ^2.0.0
-  checksum: 6152813982945a5c9989cb457a6c499f12edcc7ade323d2fbfd759abc860bdbd1306e08096916bb413c3c47e812f8e4c0a0cc1e112c8ce94381a960f115bc77f
-  languageName: node
-  linkType: hard
-
 "cachedir@npm:^2.3.0":
   version: 2.3.0
   resolution: "cachedir@npm:2.3.0"
@@ -8535,6 +9036,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001565":
+  version: 1.0.30001570
+  resolution: "caniuse-lite@npm:1.0.30001570"
+  checksum: 460be2c7a9b1c8a83b6aae4226661c276d9dada6c84209dee547699cf4b28030b9d1fc29ddd7626acee77412b6401993878ea0ef3eadbf3a63ded9034896ae20
+  languageName: node
+  linkType: hard
+
 "caseless@npm:~0.12.0":
   version: 0.12.0
   resolution: "caseless@npm:0.12.0"
@@ -8542,14 +9050,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ccount@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "ccount@npm:1.1.0"
-  checksum: b335a79d0aa4308919cf7507babcfa04ac63d389ebed49dbf26990d4607c8a4713cde93cc83e707d84571ddfe1e7615dad248be9bc422ae4c188210f71b08b78
+"ccount@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "ccount@npm:2.0.1"
+  checksum: 48193dada54c9e260e0acf57fc16171a225305548f9ad20d5471e0f7a8c026aedd8747091dccb0d900cde7df4e4ddbd235df0d8de4a64c71b12f0d3303eeafd4
   languageName: node
   linkType: hard
 
-"chalk@npm:^2.0.0, chalk@npm:^2.1.0":
+"chalk@npm:^2.0.0, chalk@npm:^2.1.0, chalk@npm:^2.4.2":
   version: 2.4.2
   resolution: "chalk@npm:2.4.2"
   dependencies:
@@ -8587,13 +9095,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"character-entities-html4@npm:^1.0.0":
-  version: 1.1.4
-  resolution: "character-entities-html4@npm:1.1.4"
-  checksum: 22536aba07a378a2326420423ceadd65c0121032c527f80e84dfc648381992ed5aa666d7c2b267cd269864b3682d5b0315fc2f03a9e7c017d1a96d24ec292d5f
-  languageName: node
-  linkType: hard
-
 "character-entities-html4@npm:^2.0.0":
   version: 2.1.0
   resolution: "character-entities-html4@npm:2.1.0"
@@ -8601,13 +9102,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"character-entities-legacy@npm:^1.0.0":
-  version: 1.1.4
-  resolution: "character-entities-legacy@npm:1.1.4"
-  checksum: fe03a82c154414da3a0c8ab3188e4237ec68006cbcd681cf23c7cfb9502a0e76cd30ab69a2e50857ca10d984d57de3b307680fff5328ccd427f400e559c3a811
-  languageName: node
-  linkType: hard
-
 "character-entities-legacy@npm:^3.0.0":
   version: 3.0.0
   resolution: "character-entities-legacy@npm:3.0.0"
@@ -8615,13 +9109,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"character-entities@npm:^1.0.0":
-  version: 1.2.4
-  resolution: "character-entities@npm:1.2.4"
-  checksum: e1545716571ead57beac008433c1ff69517cd8ca5b336889321c5b8ff4a99c29b65589a701e9c086cda8a5e346a67295e2684f6c7ea96819fe85cbf49bf8686d
-  languageName: node
-  linkType: hard
-
 "character-entities@npm:^2.0.0":
   version: 2.0.2
   resolution: "character-entities@npm:2.0.2"
@@ -8629,13 +9116,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"character-reference-invalid@npm:^1.0.0":
-  version: 1.1.4
-  resolution: "character-reference-invalid@npm:1.1.4"
-  checksum: 20274574c70e05e2f81135f3b93285536bc8ff70f37f0809b0d17791a832838f1e49938382899ed4cb444e5bbd4314ca1415231344ba29f4222ce2ccf24fea0b
-  languageName: node
-  linkType: hard
-
 "character-reference-invalid@npm:^2.0.0":
   version: 2.0.1
   resolution: "character-reference-invalid@npm:2.0.1"
@@ -8671,6 +9151,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chokidar@npm:3.6.0":
+  version: 3.6.0
+  resolution: "chokidar@npm:3.6.0"
+  dependencies:
+    anymatch: ~3.1.2
+    braces: ~3.0.2
+    fsevents: ~2.3.2
+    glob-parent: ~5.1.2
+    is-binary-path: ~2.1.0
+    is-glob: ~4.0.1
+    normalize-path: ~3.0.0
+    readdirp: ~3.6.0
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: d2f29f499705dcd4f6f3bbed79a9ce2388cf530460122eed3b9c48efeab7a4e28739c6551fd15bec9245c6b9eeca7a32baa64694d64d9b6faeb74ddb8c4a413d
+  languageName: node
+  linkType: hard
+
 "chokidar@npm:>=3.0.0 <4.0.0, chokidar@npm:^3.5.1, chokidar@npm:^3.5.3":
   version: 3.5.3
   resolution: "chokidar@npm:3.5.3"
@@ -8797,13 +9296,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-width@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "cli-width@npm:3.0.0"
-  checksum: 4c94af3769367a70e11ed69aa6095f1c600c0ff510f3921ab4045af961820d57c0233acfa8b6396037391f31b4c397e1f614d234294f979ff61430a6c166c3f6
-  languageName: node
-  linkType: hard
-
 "cliui@npm:^6.0.0":
   version: 6.0.0
   resolution: "cliui@npm:6.0.0"
@@ -8837,15 +9329,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clone-response@npm:^1.0.2":
-  version: 1.0.3
-  resolution: "clone-response@npm:1.0.3"
-  dependencies:
-    mimic-response: ^1.0.0
-  checksum: 4e671cac39b11c60aa8ba0a450657194a5d6504df51bca3fac5b3bd0145c4f8e8464898f87c8406b83232e3bc5cca555f51c1f9c8ac023969ebfbf7f6bdabb2e
-  languageName: node
-  linkType: hard
-
 "clone@npm:^1.0.2":
   version: 1.0.4
   resolution: "clone@npm:1.0.4"
@@ -8853,6 +9336,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:2.1.1":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: acd3e1ab9d8a433ecb3cc2f6a05ab95fe50b4a3cfc5ba47abb6cbf3754585fcb87b84e90c822a1f256c4198e3b41c7f6c391577ffc8678ad587fc0976b24fd57
+  languageName: node
+  linkType: hard
+
 "co@npm:^4.6.0":
   version: 4.6.0
   resolution: "co@npm:4.6.0"
@@ -8867,28 +9357,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"codesandbox-import-util-types@npm:^1.3.7":
-  version: 1.3.7
-  resolution: "codesandbox-import-util-types@npm:1.3.7"
-  checksum: f0a347105b26d21203be4bd83ec86585c5adc6a1bdd73ef5bcb1728237fc5cff4f01b578f79a2e9e8449e8af43abd82be08e636ad810db0319f566269f1c83d2
-  languageName: node
-  linkType: hard
-
-"codesandbox-import-util-types@npm:^2.2.3":
-  version: 2.3.0
-  resolution: "codesandbox-import-util-types@npm:2.3.0"
-  checksum: e527fe1a0bc2de5a0a9842a70d42ad4c6de56a99a4a9e1427a81f4006ab91d85ff098e2e919cccbcd8703f9b3216b9c1f4ce5a40261051d8d1511287fbbf7d77
-  languageName: node
-  linkType: hard
-
-"codesandbox-import-utils@npm:^1.2.3":
-  version: 1.3.8
-  resolution: "codesandbox-import-utils@npm:1.3.8"
-  dependencies:
-    codesandbox-import-util-types: ^1.3.7
-    istextorbinary: 2.2.1
-    lz-string: ^1.4.4
-  checksum: 8b760b8270c202a93e555f1ca516e6af3c2e898be6162da316470740a45b43fa933697519377955a90b598eb9963eb5e5ee59b43bec8ef4d0733f1ee9558137c
+"collapse-white-space@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "collapse-white-space@npm:2.1.0"
+  checksum: c8978b1f4e7d68bf846cfdba6c6689ce8910511df7d331eb6e6757e51ceffb52768d59a28db26186c91dcf9594955b59be9f8ccd473c485790f5d8b90dc6726f
   languageName: node
   linkType: hard
 
@@ -8980,13 +9452,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"comma-separated-tokens@npm:^1.0.0":
-  version: 1.0.8
-  resolution: "comma-separated-tokens@npm:1.0.8"
-  checksum: 0adcb07174fa4d08cf0f5c8e3aec40a36b5ff0c2c720e5e23f50fe02e6789d1d00a67036c80e0c1e1539f41d3e7f0101b074039dd833b4e4a59031b659d6ca0d
-  languageName: node
-  linkType: hard
-
 "comma-separated-tokens@npm:^2.0.0":
   version: 2.0.3
   resolution: "comma-separated-tokens@npm:2.0.3"
@@ -9098,7 +9563,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"concurrently@npm:^8.2.2":
+"concurrently@npm:8.2.2":
   version: 8.2.2
   resolution: "concurrently@npm:8.2.2"
   dependencies:
@@ -9118,6 +9583,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"confbox@npm:^0.1.7":
+  version: 0.1.7
+  resolution: "confbox@npm:0.1.7"
+  checksum: bde836c26f5154a348b0c0a757f8a0138929e5737e0553be3c4f07a056abca618b861aa63ac3b22d344789b56be99a1382928933e08cd500df00213bf4d8fb43
+  languageName: node
+  linkType: hard
+
 "connect@npm:^3.6.5":
   version: 3.7.0
   resolution: "connect@npm:3.7.0"
@@ -9185,13 +9657,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"convert-hrtime@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "convert-hrtime@npm:3.0.0"
-  checksum: d022c950e99753ccb948583cacbc77353e7686982219d046da34957dc2924f8d6f198f55fef233d017b73d1afeb18541e7f7cd0ea5934bd8ca272edace83a7b9
-  languageName: node
-  linkType: hard
-
 "convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
   version: 1.9.0
   resolution: "convert-source-map@npm:1.9.0"
@@ -9227,10 +9692,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie@npm:^0.4.1":
-  version: 0.4.2
-  resolution: "cookie@npm:0.4.2"
-  checksum: a00833c998bedf8e787b4c342defe5fa419abd96b32f4464f718b91022586b8f1bafbddd499288e75c037642493c83083da426c6a9080d309e3bd90fd11baa9b
+"cookie@npm:0.6.0, cookie@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "cookie@npm:0.6.0"
+  checksum: f56a7d32a07db5458e79c726b77e3c2eff655c36792f2b6c58d351fb5f61531e5b1ab7f46987150136e366c65213cbe31729e02a3eaed630c3bf7334635fb410
   languageName: node
   linkType: hard
 
@@ -9241,7 +9706,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.25.1, core-js-compat@npm:^3.9.1":
+"core-js-compat@npm:^3.9.1":
   version: 3.26.1
   resolution: "core-js-compat@npm:3.26.1"
   dependencies:
@@ -9283,15 +9748,15 @@ __metadata:
   linkType: hard
 
 "cosmiconfig@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "cosmiconfig@npm:7.0.0"
+  version: 7.1.0
+  resolution: "cosmiconfig@npm:7.1.0"
   dependencies:
     "@types/parse-json": ^4.0.0
     import-fresh: ^3.2.1
     parse-json: ^5.0.0
     path-type: ^4.0.0
     yaml: ^1.10.0
-  checksum: 6801feaa0249e9b9fdde5b3d70dc33b4f9c69095bec94d67e3fe08b66eac24dc7e2099f053597cfbc94b743de269aa5d2cfa7da3fde765433423b06bd122941a
+  checksum: c53bf7befc1591b2651a22414a5e786cd5f2eeaa87f3678a3d49d6069835a9d8d1aef223728e98aa8fec9a95bf831120d245096db12abe019fecb51f5696c96f
   languageName: node
   linkType: hard
 
@@ -9329,26 +9794,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"create-require@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "create-require@npm:1.1.1"
-  checksum: a9a1503d4390d8b59ad86f4607de7870b39cad43d929813599a23714831e81c520bddf61bcdd1f8e30f05fd3a2b71ae8538e946eb2786dc65c2bbc520f692eff
-  languageName: node
-  linkType: hard
-
 "crelt@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "crelt@npm:1.0.5"
-  checksum: 04a618c5878e12a14a9a328a49ff6e37bed76abb88b72e661c56b5f161d8a9aca133650da6bcbc5224ad1f7f43a69325627f209e92a21002986d52a8f844b367
-  languageName: node
-  linkType: hard
-
-"cross-fetch@npm:^3.1.5":
-  version: 3.1.5
-  resolution: "cross-fetch@npm:3.1.5"
-  dependencies:
-    node-fetch: 2.6.7
-  checksum: f6b8c6ee3ef993ace6277fd789c71b6acf1b504fd5f5c7128df4ef2f125a429e29cd62dc8c127523f04a5f2fa4771ed80e3f3d9695617f441425045f505cf3bb
+  version: 1.0.6
+  resolution: "crelt@npm:1.0.6"
+  checksum: dad842093371ad702afbc0531bfca2b0a8dd920b23a42f26e66dabbed9aad9acd5b9030496359545ef3937c3aced0fd4ac39f7a2d280a23ddf9eb7fdcb94a69f
   languageName: node
   linkType: hard
 
@@ -9412,6 +9861,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-what@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "css-what@npm:6.1.0"
+  checksum: b975e547e1e90b79625918f84e67db5d33d896e6de846c9b584094e529f0c63e2ab85ee33b9daffd05bff3a146a1916bec664e18bb76dd5f66cbff9fc13b2bbe
+  languageName: node
+  linkType: hard
+
 "css.escape@npm:^1.5.1":
   version: 1.5.1
   resolution: "css.escape@npm:1.5.1"
@@ -9544,13 +10000,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"d@npm:1, d@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "d@npm:1.0.1"
+"d@npm:1, d@npm:^1.0.1, d@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "d@npm:1.0.2"
   dependencies:
-    es5-ext: ^0.10.50
-    type: ^1.0.1
-  checksum: 49ca0639c7b822db670de93d4fbce44b4aa072cd848c76292c9978a8cd0fff1028763020ff4b0f147bd77bfe29b4c7f82e0f71ade76b2a06100543cdfd948d19
+    es5-ext: ^0.10.64
+    type: ^2.7.2
+  checksum: 775db1e8ced6707cddf64a5840522fcf5475d38ef49a5d615be0ac47f86ef64d15f5a73de1522b09327cc466d4dc35ea83dbfeed456f7a0fdcab138deb800355
   languageName: node
   linkType: hard
 
@@ -9570,7 +10026,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"data-uri-to-buffer@npm:3, data-uri-to-buffer@npm:^3.0.1":
+"data-uri-to-buffer@npm:^3.0.1":
   version: 3.0.1
   resolution: "data-uri-to-buffer@npm:3.0.1"
   checksum: c59c3009686a78c071806b72f4810856ec28222f0f4e252aa495ec027ed9732298ceea99c50328cf59b151dd34cbc3ad6150bbb43e41fc56fa19f48c99e9fc30
@@ -9604,16 +10060,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deasync@npm:^0.1.0":
-  version: 0.1.28
-  resolution: "deasync@npm:0.1.28"
-  dependencies:
-    bindings: ^1.5.0
-    node-addon-api: ^1.7.1
-  checksum: e0c1ef427875c897e0d903a08410df1d0a3dfd0d2a0a1e43fb6c2824dfbc504b810bd08a0d30653117259316e1aa65409c96dbed40101c934f75bac7499e1265
-  languageName: node
-  linkType: hard
-
 "debounce@npm:^1.2.1":
   version: 1.2.1
   resolution: "debounce@npm:1.2.1"
@@ -9691,15 +10137,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decompress-response@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "decompress-response@npm:6.0.0"
-  dependencies:
-    mimic-response: ^3.1.0
-  checksum: d377cf47e02d805e283866c3f50d3d21578b779731e8c5072d6ce8c13cc31493db1c2f6784da9d1d5250822120cefa44f1deab112d5981015f2e17444b763812
-  languageName: node
-  linkType: hard
-
 "dedent@npm:^1.0.0":
   version: 1.5.1
   resolution: "dedent@npm:1.5.1"
@@ -9712,6 +10149,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dedent@npm:^1.5.3":
+  version: 1.5.3
+  resolution: "dedent@npm:1.5.3"
+  peerDependencies:
+    babel-plugin-macros: ^3.1.0
+  peerDependenciesMeta:
+    babel-plugin-macros:
+      optional: true
+  checksum: 045b595557b2a8ea2eb9b0b4623d764e9a87326486fe2b61191b4342ed93dc01245644d8a09f3108a50c0ee7965f1eedd92e4a3a503ed89ea8e810566ea27f9a
+  languageName: node
+  linkType: hard
+
 "deep-is@npm:^0.1.3, deep-is@npm:~0.1.3":
   version: 0.1.4
   resolution: "deep-is@npm:0.1.4"
@@ -9771,13 +10220,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"defer-to-connect@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "defer-to-connect@npm:2.0.1"
-  checksum: 8a9b50d2f25446c0bfefb55a48e90afd58f85b21bcf78e9207cd7b804354f6409032a1705c2491686e202e64fc05f147aa5aa45f9aa82627563f045937f5791b
-  languageName: node
-  linkType: hard
-
 "define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.1":
   version: 1.1.1
   resolution: "define-data-property@npm:1.1.1"
@@ -9845,18 +10287,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"degenerator@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "degenerator@npm:3.0.2"
-  dependencies:
-    ast-types: ^0.13.2
-    escodegen: ^1.8.1
-    esprima: ^4.0.0
-    vm2: ^3.9.8
-  checksum: 6a8fffe1ddde692931a1d74c0636d9e6963f2aa16748d4b95f4833cdcbe8df571e5c127e4f1d625a4c340cc60f5a969ac9e5aa14baecfb6f69b85638e180cd97
-  languageName: node
-  linkType: hard
-
 "delayed-stream@npm:~1.0.0":
   version: 1.0.0
   resolution: "delayed-stream@npm:1.0.0"
@@ -9933,7 +10363,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-newline@npm:3.1.0, detect-newline@npm:^3.0.0":
+"detect-newline@npm:^3.0.0":
   version: 3.1.0
   resolution: "detect-newline@npm:3.1.0"
   checksum: ae6cd429c41ad01b164c59ea36f264a2c479598e61cba7c99da24175a7ab80ddf066420f2bec9a1c57a6bead411b4655ff15ad7d281c000a89791f48cbe939e7
@@ -9947,6 +10377,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"devlop@npm:^1.0.0, devlop@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "devlop@npm:1.1.0"
+  dependencies:
+    dequal: ^2.0.0
+  checksum: d2ff650bac0bb6ef08c48f3ba98640bb5fec5cce81e9957eb620408d1bab1204d382a45b785c6b3314dc867bb0684936b84c6867820da6db97cbb5d3c15dd185
+  languageName: node
+  linkType: hard
+
 "diff-sequences@npm:^29.4.3":
   version: 29.4.3
   resolution: "diff-sequences@npm:29.4.3"
@@ -9961,13 +10400,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff@npm:^4.0.1":
-  version: 4.0.2
-  resolution: "diff@npm:4.0.2"
-  checksum: f2c09b0ce4e6b301c221addd83bf3f454c0bc00caa3dd837cf6c127d6edf7223aa2bbe3b688feea110b7f262adbfc845b757c44c8a9f8c0c5b15d8fa9ce9d20d
-  languageName: node
-  linkType: hard
-
 "diff@npm:^5.0.0":
   version: 5.1.0
   resolution: "diff@npm:5.1.0"
@@ -10044,6 +10476,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dotenv@npm:^16.0.3":
+  version: 16.4.5
+  resolution: "dotenv@npm:16.4.5"
+  checksum: 301a12c3d44fd49888b74eb9ccf9f07a1f5df43f489e7fcb89647a2edcd84c42d6bc349dc8df099cd18f07c35c7b04685c1a4f3e6a6a9e6b30f8d48c15b7f49c
+  languageName: node
+  linkType: hard
+
 "draco3d@npm:^1.4.1":
   version: 1.5.3
   resolution: "draco3d@npm:1.5.3"
@@ -10077,6 +10516,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eastasianwidth@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "eastasianwidth@npm:0.2.0"
+  checksum: 7d00d7cd8e49b9afa762a813faac332dee781932d6f2c848dc348939c4253f1d4564341b7af1d041853bc3f32c2ef141b58e0a4d9862c17a7f08f68df1e0f1ed
+  languageName: node
+  linkType: hard
+
 "ecc-jsbn@npm:~0.1.1":
   version: 0.1.2
   resolution: "ecc-jsbn@npm:0.1.2"
@@ -10087,32 +10533,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"edge-runtime@npm:2.0.0":
-  version: 2.0.0
-  resolution: "edge-runtime@npm:2.0.0"
-  dependencies:
-    "@edge-runtime/format": 1.1.0
-    "@edge-runtime/vm": 2.0.0
-    exit-hook: 2.2.1
-    http-status: 1.5.3
-    mri: 1.2.0
-    picocolors: 1.0.0
-    pretty-bytes: 5.6.0
-    pretty-ms: 7.0.1
-    time-span: 4.0.0
-  bin:
-    edge-runtime: dist/cli/index.js
-  checksum: 406dd2a6ffdc19e54e14dcac1d9433f12069c1f867ca9a6264108f1a38397e5910f48c0e5999a7eb1bfd705747f056e1f0eb479f88003663a817819f61212149
-  languageName: node
-  linkType: hard
-
-"editions@npm:^1.3.3":
-  version: 1.3.4
-  resolution: "editions@npm:1.3.4"
-  checksum: 8c2041459816db2cacac53598a9bca7928a7de2c5eb0dae532c2273a60ef83acbd807ce33ff1cd5cf7aa547737c55f7f4b52436752df0f13f5936efa329c13f7
-  languageName: node
-  linkType: hard
-
 "ee-first@npm:1.1.1":
   version: 1.1.1
   resolution: "ee-first@npm:1.1.1"
@@ -10127,6 +10547,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.4.601":
+  version: 1.4.615
+  resolution: "electron-to-chromium@npm:1.4.615"
+  checksum: 9ffb1d0dac11c629bd8aa38efa7d2e3f41de943cf81fb41ab05e960e954c464c168d1f2f7e571813805e85b895279f2882bcafa551a2f23089646008d7a5bd06
+  languageName: node
+  linkType: hard
+
 "emittery@npm:^0.13.1":
   version: 0.13.1
   resolution: "emittery@npm:0.13.1"
@@ -10141,10 +10568,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"emojis-list@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "emojis-list@npm:3.0.0"
-  checksum: ddaaa02542e1e9436c03970eeed445f4ed29a5337dfba0fe0c38dfdd2af5da2429c2a0821304e8a8d1cadf27fdd5b22ff793571fa803ae16852a6975c65e8e70
+"emoji-regex@npm:^9.2.2":
+  version: 9.2.2
+  resolution: "emoji-regex@npm:9.2.2"
+  checksum: 8487182da74aabd810ac6d6f1994111dfc0e331b01271ae01ec1eb0ad7b5ecc2bbbbd2f053c05cb55a1ac30449527d819bbfbf0e3de1023db308cbcb47f86601
   languageName: node
   linkType: hard
 
@@ -10341,6 +10768,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-module-lexer@npm:^1.3.1":
+  version: 1.4.1
+  resolution: "es-module-lexer@npm:1.4.1"
+  checksum: a11b5a256d4e8e9c7d94c2fd87415ccd1591617b6edd847e064503f8eaece2d25e2e9078a02c5ce3ed5e83bb748f5b4820efbe78072c8beb07ac619c2edec35d
+  languageName: node
+  linkType: hard
+
 "es-set-tostringtag@npm:^2.0.1":
   version: 2.0.2
   resolution: "es-set-tostringtag@npm:2.0.2"
@@ -10372,14 +10806,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es5-ext@npm:^0.10.35, es5-ext@npm:^0.10.50":
-  version: 0.10.62
-  resolution: "es5-ext@npm:0.10.62"
+"es5-ext@npm:^0.10.35, es5-ext@npm:^0.10.62, es5-ext@npm:^0.10.64, es5-ext@npm:~0.10.14":
+  version: 0.10.64
+  resolution: "es5-ext@npm:0.10.64"
   dependencies:
     es6-iterator: ^2.0.3
     es6-symbol: ^3.1.3
+    esniff: ^2.0.1
     next-tick: ^1.1.0
-  checksum: 25f42f6068cfc6e393cf670bc5bba249132c5f5ec2dd0ed6e200e6274aca2fed8e9aec8a31c76031744c78ca283c57f0b41c7e737804c6328c7b8d3fbcba7983
+  checksum: 01179fab0769fdbef213062222f99d0346724dbaccf04b87c0e6ee7f0c97edabf14be647ca1321f0497425ea7145de0fd278d1b3f3478864b8933e7136a5c645
   languageName: node
   linkType: hard
 
@@ -10395,252 +10830,65 @@ __metadata:
   linkType: hard
 
 "es6-symbol@npm:^3, es6-symbol@npm:^3.1.1, es6-symbol@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "es6-symbol@npm:3.1.3"
+  version: 3.1.4
+  resolution: "es6-symbol@npm:3.1.4"
   dependencies:
-    d: ^1.0.1
-    ext: ^1.1.2
-  checksum: cd49722c2a70f011eb02143ef1c8c70658d2660dead6641e160b94619f408b9cf66425515787ffe338affdf0285ad54f4eae30ea5bd510e33f8659ec53bcaa70
-  languageName: node
-  linkType: hard
-
-"esbuild-android-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-android-64@npm:0.14.47"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-android-arm64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-android-arm64@npm:0.14.47"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"esbuild-darwin-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-darwin-64@npm:0.14.47"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-darwin-arm64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-darwin-arm64@npm:0.14.47"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"esbuild-freebsd-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-freebsd-64@npm:0.14.47"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-freebsd-arm64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-freebsd-arm64@npm:0.14.47"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-32@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-32@npm:0.14.47"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-64@npm:0.14.47"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-arm64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-arm64@npm:0.14.47"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-arm@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-arm@npm:0.14.47"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-mips64le@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-mips64le@npm:0.14.47"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-ppc64le@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-ppc64le@npm:0.14.47"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-riscv64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-riscv64@npm:0.14.47"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
-"esbuild-linux-s390x@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-linux-s390x@npm:0.14.47"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
-"esbuild-netbsd-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-netbsd-64@npm:0.14.47"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-openbsd-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-openbsd-64@npm:0.14.47"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-sunos-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-sunos-64@npm:0.14.47"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
-"esbuild-windows-32@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-windows-32@npm:0.14.47"
-  conditions: os=win32 & cpu=ia32
+    d: ^1.0.2
+    ext: ^1.7.0
+  checksum: 52125ec4b5d1b6b93b8d3d42830bb19f8da21080ffcf45253b614bc6ff3e31349be202fb745d4d1af6778cdf5e38fea30e0c7e7dc37e2aecd44acc43502055f9
   languageName: node
   linkType: hard
 
-"esbuild-windows-64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-windows-64@npm:0.14.47"
-  conditions: os=win32 & cpu=x64
+"esbuild-plugins-node-modules-polyfill@npm:^1.6.0":
+  version: 1.6.1
+  resolution: "esbuild-plugins-node-modules-polyfill@npm:1.6.1"
+  dependencies:
+    "@jspm/core": ^2.0.1
+    local-pkg: ^0.4.3
+    resolve.exports: ^2.0.2
+  peerDependencies:
+    esbuild: ^0.14.0 || ^0.15.0 || ^0.16.0 || ^0.17.0 || ^0.18.0 || ^0.19.0
+  checksum: 5275f6515084f0f10f004e16c8a2f07fa02a85707ce7fe27f23365865b9541b0225a0b526b9b5f931667ac19070b8764cab8d6d3672bce6ddb154d807a10f61b
   languageName: node
   linkType: hard
 
-"esbuild-windows-arm64@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild-windows-arm64@npm:0.14.47"
-  conditions: os=win32 & cpu=arm64
+"esbuild-register@npm:3.5.0":
+  version: 3.5.0
+  resolution: "esbuild-register@npm:3.5.0"
+  dependencies:
+    debug: ^4.3.4
+  peerDependencies:
+    esbuild: ">=0.12 <1"
+  checksum: f4307753c9672a2c901d04a1165031594a854f0a4c6f4c1db08aa393b68a193d38f2df483dc8ca0513e89f7b8998415e7e26fb9830989fb8cdccc5fb5f181c6b
   languageName: node
   linkType: hard
 
-"esbuild@npm:0.14.47":
-  version: 0.14.47
-  resolution: "esbuild@npm:0.14.47"
-  dependencies:
-    esbuild-android-64: 0.14.47
-    esbuild-android-arm64: 0.14.47
-    esbuild-darwin-64: 0.14.47
-    esbuild-darwin-arm64: 0.14.47
-    esbuild-freebsd-64: 0.14.47
-    esbuild-freebsd-arm64: 0.14.47
-    esbuild-linux-32: 0.14.47
-    esbuild-linux-64: 0.14.47
-    esbuild-linux-arm: 0.14.47
-    esbuild-linux-arm64: 0.14.47
-    esbuild-linux-mips64le: 0.14.47
-    esbuild-linux-ppc64le: 0.14.47
-    esbuild-linux-riscv64: 0.14.47
-    esbuild-linux-s390x: 0.14.47
-    esbuild-netbsd-64: 0.14.47
-    esbuild-openbsd-64: 0.14.47
-    esbuild-sunos-64: 0.14.47
-    esbuild-windows-32: 0.14.47
-    esbuild-windows-64: 0.14.47
-    esbuild-windows-arm64: 0.14.47
-  dependenciesMeta:
-    esbuild-android-64:
-      optional: true
-    esbuild-android-arm64:
-      optional: true
-    esbuild-darwin-64:
-      optional: true
-    esbuild-darwin-arm64:
-      optional: true
-    esbuild-freebsd-64:
-      optional: true
-    esbuild-freebsd-arm64:
-      optional: true
-    esbuild-linux-32:
-      optional: true
-    esbuild-linux-64:
-      optional: true
-    esbuild-linux-arm:
-      optional: true
-    esbuild-linux-arm64:
-      optional: true
-    esbuild-linux-mips64le:
-      optional: true
-    esbuild-linux-ppc64le:
-      optional: true
-    esbuild-linux-riscv64:
-      optional: true
-    esbuild-linux-s390x:
-      optional: true
-    esbuild-netbsd-64:
-      optional: true
-    esbuild-openbsd-64:
-      optional: true
-    esbuild-sunos-64:
-      optional: true
-    esbuild-windows-32:
-      optional: true
-    esbuild-windows-64:
-      optional: true
-    esbuild-windows-arm64:
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 77a8bff8c3fe52dc9d2823448843b0f53c9a9f3701e3637a54e396270c9ca04cc46a4b08ef86cbaa8d202854e02c790f61683bfa75ebff540b1e24414f536e91
-  languageName: node
-  linkType: hard
-
-"esbuild@npm:0.16.3":
-  version: 0.16.3
-  resolution: "esbuild@npm:0.16.3"
-  dependencies:
-    "@esbuild/android-arm": 0.16.3
-    "@esbuild/android-arm64": 0.16.3
-    "@esbuild/android-x64": 0.16.3
-    "@esbuild/darwin-arm64": 0.16.3
-    "@esbuild/darwin-x64": 0.16.3
-    "@esbuild/freebsd-arm64": 0.16.3
-    "@esbuild/freebsd-x64": 0.16.3
-    "@esbuild/linux-arm": 0.16.3
-    "@esbuild/linux-arm64": 0.16.3
-    "@esbuild/linux-ia32": 0.16.3
-    "@esbuild/linux-loong64": 0.16.3
-    "@esbuild/linux-mips64el": 0.16.3
-    "@esbuild/linux-ppc64": 0.16.3
-    "@esbuild/linux-riscv64": 0.16.3
-    "@esbuild/linux-s390x": 0.16.3
-    "@esbuild/linux-x64": 0.16.3
-    "@esbuild/netbsd-x64": 0.16.3
-    "@esbuild/openbsd-x64": 0.16.3
-    "@esbuild/sunos-x64": 0.16.3
-    "@esbuild/win32-arm64": 0.16.3
-    "@esbuild/win32-ia32": 0.16.3
-    "@esbuild/win32-x64": 0.16.3
+"esbuild@npm:0.17.6":
+  version: 0.17.6
+  resolution: "esbuild@npm:0.17.6"
+  dependencies:
+    "@esbuild/android-arm": 0.17.6
+    "@esbuild/android-arm64": 0.17.6
+    "@esbuild/android-x64": 0.17.6
+    "@esbuild/darwin-arm64": 0.17.6
+    "@esbuild/darwin-x64": 0.17.6
+    "@esbuild/freebsd-arm64": 0.17.6
+    "@esbuild/freebsd-x64": 0.17.6
+    "@esbuild/linux-arm": 0.17.6
+    "@esbuild/linux-arm64": 0.17.6
+    "@esbuild/linux-ia32": 0.17.6
+    "@esbuild/linux-loong64": 0.17.6
+    "@esbuild/linux-mips64el": 0.17.6
+    "@esbuild/linux-ppc64": 0.17.6
+    "@esbuild/linux-riscv64": 0.17.6
+    "@esbuild/linux-s390x": 0.17.6
+    "@esbuild/linux-x64": 0.17.6
+    "@esbuild/netbsd-x64": 0.17.6
+    "@esbuild/openbsd-x64": 0.17.6
+    "@esbuild/sunos-x64": 0.17.6
+    "@esbuild/win32-arm64": 0.17.6
+    "@esbuild/win32-ia32": 0.17.6
+    "@esbuild/win32-x64": 0.17.6
   dependenciesMeta:
     "@esbuild/android-arm":
       optional: true
@@ -10688,37 +10936,40 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: c2986b0433c6048b917c185067ea42427413ef4136c45012e180e48fc24e6f01af9c94ca7e9bc6dd29ac529af45d26c9d4eb5b8639c9a79f68f337d24aeda2af
+  checksum: 13c4c3bcaa7ff291810d2c8294a1eb997b4672c60a9285b32d8eafcbc552e4468e06efe9d1a15067f5cbd41adcb12ddb4362618845e2e916e437f281c9aa80ab
   languageName: node
   linkType: hard
 
-"esbuild@npm:0.17.6":
-  version: 0.17.6
-  resolution: "esbuild@npm:0.17.6"
-  dependencies:
-    "@esbuild/android-arm": 0.17.6
-    "@esbuild/android-arm64": 0.17.6
-    "@esbuild/android-x64": 0.17.6
-    "@esbuild/darwin-arm64": 0.17.6
-    "@esbuild/darwin-x64": 0.17.6
-    "@esbuild/freebsd-arm64": 0.17.6
-    "@esbuild/freebsd-x64": 0.17.6
-    "@esbuild/linux-arm": 0.17.6
-    "@esbuild/linux-arm64": 0.17.6
-    "@esbuild/linux-ia32": 0.17.6
-    "@esbuild/linux-loong64": 0.17.6
-    "@esbuild/linux-mips64el": 0.17.6
-    "@esbuild/linux-ppc64": 0.17.6
-    "@esbuild/linux-riscv64": 0.17.6
-    "@esbuild/linux-s390x": 0.17.6
-    "@esbuild/linux-x64": 0.17.6
-    "@esbuild/netbsd-x64": 0.17.6
-    "@esbuild/openbsd-x64": 0.17.6
-    "@esbuild/sunos-x64": 0.17.6
-    "@esbuild/win32-arm64": 0.17.6
-    "@esbuild/win32-ia32": 0.17.6
-    "@esbuild/win32-x64": 0.17.6
+"esbuild@npm:0.21.4":
+  version: 0.21.4
+  resolution: "esbuild@npm:0.21.4"
+  dependencies:
+    "@esbuild/aix-ppc64": 0.21.4
+    "@esbuild/android-arm": 0.21.4
+    "@esbuild/android-arm64": 0.21.4
+    "@esbuild/android-x64": 0.21.4
+    "@esbuild/darwin-arm64": 0.21.4
+    "@esbuild/darwin-x64": 0.21.4
+    "@esbuild/freebsd-arm64": 0.21.4
+    "@esbuild/freebsd-x64": 0.21.4
+    "@esbuild/linux-arm": 0.21.4
+    "@esbuild/linux-arm64": 0.21.4
+    "@esbuild/linux-ia32": 0.21.4
+    "@esbuild/linux-loong64": 0.21.4
+    "@esbuild/linux-mips64el": 0.21.4
+    "@esbuild/linux-ppc64": 0.21.4
+    "@esbuild/linux-riscv64": 0.21.4
+    "@esbuild/linux-s390x": 0.21.4
+    "@esbuild/linux-x64": 0.21.4
+    "@esbuild/netbsd-x64": 0.21.4
+    "@esbuild/openbsd-x64": 0.21.4
+    "@esbuild/sunos-x64": 0.21.4
+    "@esbuild/win32-arm64": 0.21.4
+    "@esbuild/win32-ia32": 0.21.4
+    "@esbuild/win32-x64": 0.21.4
   dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
     "@esbuild/android-arm":
       optional: true
     "@esbuild/android-arm64":
@@ -10765,7 +11016,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 13c4c3bcaa7ff291810d2c8294a1eb997b4672c60a9285b32d8eafcbc552e4468e06efe9d1a15067f5cbd41adcb12ddb4362618845e2e916e437f281c9aa80ab
+  checksum: e96ae5f15d9cad72a94d36be3cbf37bd73d5614c6c0cc6398036ee9a9b9327a1eee41a4099e536e52f1280f7d8dc7e86eb8f71d348cac4b526a6234cf8d754ab
   languageName: node
   linkType: hard
 
@@ -10846,33 +11097,116 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.19.3":
-  version: 0.19.9
-  resolution: "esbuild@npm:0.19.9"
-  dependencies:
-    "@esbuild/android-arm": 0.19.9
-    "@esbuild/android-arm64": 0.19.9
-    "@esbuild/android-x64": 0.19.9
-    "@esbuild/darwin-arm64": 0.19.9
-    "@esbuild/darwin-x64": 0.19.9
-    "@esbuild/freebsd-arm64": 0.19.9
-    "@esbuild/freebsd-x64": 0.19.9
-    "@esbuild/linux-arm": 0.19.9
-    "@esbuild/linux-arm64": 0.19.9
-    "@esbuild/linux-ia32": 0.19.9
-    "@esbuild/linux-loong64": 0.19.9
-    "@esbuild/linux-mips64el": 0.19.9
-    "@esbuild/linux-ppc64": 0.19.9
-    "@esbuild/linux-riscv64": 0.19.9
-    "@esbuild/linux-s390x": 0.19.9
-    "@esbuild/linux-x64": 0.19.9
-    "@esbuild/netbsd-x64": 0.19.9
-    "@esbuild/openbsd-x64": 0.19.9
-    "@esbuild/sunos-x64": 0.19.9
-    "@esbuild/win32-arm64": 0.19.9
-    "@esbuild/win32-ia32": 0.19.9
-    "@esbuild/win32-x64": 0.19.9
+"esbuild@npm:^0.20.1":
+  version: 0.20.2
+  resolution: "esbuild@npm:0.20.2"
+  dependencies:
+    "@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
+  dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: bc88050fc1ca5c1bd03648f9979e514bdefb956a63aa3974373bb7b9cbac0b3aac9b9da1b5bdca0b3490e39d6b451c72815dbd6b7d7f978c91fbe9c9e9aa4e4c
+  languageName: node
+  linkType: hard
+
+"esbuild@npm:esbuild@~0.17.6 || ~0.18.0 || ~0.19.0":
+  version: 0.19.12
+  resolution: "esbuild@npm:0.19.12"
+  dependencies:
+    "@esbuild/aix-ppc64": 0.19.12
+    "@esbuild/android-arm": 0.19.12
+    "@esbuild/android-arm64": 0.19.12
+    "@esbuild/android-x64": 0.19.12
+    "@esbuild/darwin-arm64": 0.19.12
+    "@esbuild/darwin-x64": 0.19.12
+    "@esbuild/freebsd-arm64": 0.19.12
+    "@esbuild/freebsd-x64": 0.19.12
+    "@esbuild/linux-arm": 0.19.12
+    "@esbuild/linux-arm64": 0.19.12
+    "@esbuild/linux-ia32": 0.19.12
+    "@esbuild/linux-loong64": 0.19.12
+    "@esbuild/linux-mips64el": 0.19.12
+    "@esbuild/linux-ppc64": 0.19.12
+    "@esbuild/linux-riscv64": 0.19.12
+    "@esbuild/linux-s390x": 0.19.12
+    "@esbuild/linux-x64": 0.19.12
+    "@esbuild/netbsd-x64": 0.19.12
+    "@esbuild/openbsd-x64": 0.19.12
+    "@esbuild/sunos-x64": 0.19.12
+    "@esbuild/win32-arm64": 0.19.12
+    "@esbuild/win32-ia32": 0.19.12
+    "@esbuild/win32-x64": 0.19.12
   dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
     "@esbuild/android-arm":
       optional: true
     "@esbuild/android-arm64":
@@ -10919,7 +11253,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 30a510de26068515693f2238d7e9697c68eb7ea3431fb31e6b5797dff576663c79e7c5076a8a227b4011c8050967655af2ab5775c2bffc554a62641bbb742e91
+  checksum: 2936e29107b43e65a775b78b7bc66ddd7d76febd73840ac7e825fb22b65029422ff51038a08d19b05154f543584bd3afe7d1ef1c63900429475b17fbe61cb61f
   languageName: node
   linkType: hard
 
@@ -10930,6 +11264,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"escape-carriage@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "escape-carriage@npm:1.3.1"
+  checksum: 6d7613a5875977b04eb4651f3fa14eb8f54c72aa198b603c823502fcfef9f5969afc4c76d27b2f2fc008d88764fbf4c3a6e04d549d6134e2ff7f705c99e3ddb9
+  languageName: node
+  linkType: hard
+
 "escape-html@npm:~1.0.3":
   version: 1.0.3
   resolution: "escape-html@npm:1.0.3"
@@ -10958,22 +11299,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escodegen@npm:^1.8.1":
-  version: 1.14.3
-  resolution: "escodegen@npm:1.14.3"
-  dependencies:
-    esprima: ^4.0.1
-    estraverse: ^4.2.0
-    esutils: ^2.0.2
-    optionator: ^0.8.1
-    source-map: ~0.6.1
-  dependenciesMeta:
-    source-map:
-      optional: true
-  bin:
-    escodegen: bin/escodegen.js
-    esgenerate: bin/esgenerate.js
-  checksum: 381cdc4767ecdb221206bbbab021b467bbc2a6f5c9a99c9e6353040080bdd3dfe73d7604ad89a47aca6ea7d58bc635f6bd3fbc8da9a1998e9ddfa8372362ccd0
+"escape-string-regexp@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "escape-string-regexp@npm:5.0.0"
+  checksum: 20daabe197f3cb198ec28546deebcf24b3dbb1a5a269184381b3116d12f0532e06007f4bc8da25669d6a7f8efb68db0758df4cd981f57bc5b57f521a3e12c59e
   languageName: node
   linkType: hard
 
@@ -11149,6 +11478,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esniff@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "esniff@npm:2.0.1"
+  dependencies:
+    d: ^1.0.1
+    es5-ext: ^0.10.62
+    event-emitter: ^0.3.5
+    type: ^2.7.2
+  checksum: d814c0e5c39bce9925b2e65b6d8767af72c9b54f35a65f9f3d6e8c606dce9aebe35a9599d30f15b0807743f88689f445163cfb577a425de4fb8c3c5bc16710cc
+  languageName: node
+  linkType: hard
+
 "espree@npm:^9.6.0, espree@npm:^9.6.1":
   version: 9.6.1
   resolution: "espree@npm:9.6.1"
@@ -11188,13 +11529,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estraverse@npm:^4.2.0":
-  version: 4.3.0
-  resolution: "estraverse@npm:4.3.0"
-  checksum: a6299491f9940bb246124a8d44b7b7a413a8336f5436f9837aaa9330209bd9ee8af7e91a654a3545aee9c54b3308e78ee360cef1d777d37cfef77d2fa33b5827
-  languageName: node
-  linkType: hard
-
 "estraverse@npm:^5.1.0, estraverse@npm:^5.2.0, estraverse@npm:^5.3.0":
   version: 5.3.0
   resolution: "estraverse@npm:5.3.0"
@@ -11211,14 +11545,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-util-attach-comments@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "estree-util-attach-comments@npm:3.0.0"
+  dependencies:
+    "@types/estree": ^1.0.0
+  checksum: 56254eaef39659e6351919ebc2ae53a37a09290a14571c19e373e9d5fad343a3403d9ad0c23ae465d6e7d08c3e572fd56fb8c793efe6434a261bf1489932dbd5
+  languageName: node
+  linkType: hard
+
 "estree-util-build-jsx@npm:^2.0.0":
   version: 2.2.0
   resolution: "estree-util-build-jsx@npm:2.2.0"
   dependencies:
     "@types/estree-jsx": ^1.0.0
-    estree-util-is-identifier-name: ^2.0.0
+    estree-util-is-identifier-name: ^2.0.0
+    estree-walker: ^3.0.0
+  checksum: 639b76f5395df5234e5424e092c583d656418a07075156947b72e69183c01feeb94946e79002117cd7dff374a25115832ab4af4ad449f1f6cac3594c95006aa5
+  languageName: node
+  linkType: hard
+
+"estree-util-build-jsx@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "estree-util-build-jsx@npm:3.0.1"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    devlop: ^1.0.0
+    estree-util-is-identifier-name: ^3.0.0
     estree-walker: ^3.0.0
-  checksum: 639b76f5395df5234e5424e092c583d656418a07075156947b72e69183c01feeb94946e79002117cd7dff374a25115832ab4af4ad449f1f6cac3594c95006aa5
+  checksum: 185eff060eda2ba32cecd15904db4f5ba0681159fbdf54f0f6586cd9411e77e733861a833d0aee3415e1d1fd4b17edf08bc9e9872cee98e6ec7b0800e1a85064
   languageName: node
   linkType: hard
 
@@ -11236,6 +11591,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-util-is-identifier-name@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "estree-util-is-identifier-name@npm:3.0.0"
+  checksum: ea3909f0188ea164af0aadeca87c087e3e5da78d76da5ae9c7954ff1340ea3e4679c4653bbf4299ffb70caa9b322218cc1128db2541f3d2976eb9704f9857787
+  languageName: node
+  linkType: hard
+
+"estree-util-to-js@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "estree-util-to-js@npm:1.2.0"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    astring: ^1.8.0
+    source-map: ^0.7.0
+  checksum: 93a75e1051a6a4f5c631597ecd2ed95129fadbc80a58a10475d6d6b1b076a69393ba4a8d2bb71f698401f64ccca47e3f3828dd0042cac81439b988fae0f5f8e0
+  languageName: node
+  linkType: hard
+
+"estree-util-to-js@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "estree-util-to-js@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    astring: ^1.8.0
+    source-map: ^0.7.0
+  checksum: 833edc94ab9978e0918f90261e0a3361bf4564fec4901f326d2237a9235d3f5fc6482da3be5acc545e702c8c7cb8bc5de5c7c71ba3b080eb1975bcfdf3923d79
+  languageName: node
+  linkType: hard
+
 "estree-util-value-to-estree@npm:^1.0.0":
   version: 1.3.0
   resolution: "estree-util-value-to-estree@npm:1.3.0"
@@ -11245,6 +11629,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-util-value-to-estree@npm:^3.0.0":
+  version: 3.1.1
+  resolution: "estree-util-value-to-estree@npm:3.1.1"
+  dependencies:
+    "@types/estree": ^1.0.0
+    is-plain-obj: ^4.0.0
+  checksum: 80e1d227ac80fab0b148c40427af31ad4dd37a3a4a0e0894d7975370284ea39566fe7df132f3454cf0e47adcc79b47ae0737464a85a413bce6f8d159336f8a37
+  languageName: node
+  linkType: hard
+
 "estree-util-visit@npm:^1.0.0":
   version: 1.2.0
   resolution: "estree-util-visit@npm:1.2.0"
@@ -11255,10 +11649,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estree-walker@npm:^0.6.1":
-  version: 0.6.1
-  resolution: "estree-walker@npm:0.6.1"
-  checksum: 9d6f82a4921f11eec18f8089fb3cce6e53bcf45a8e545c42a2674d02d055fb30f25f90495f8be60803df6c39680c80dcee7f944526867eb7aa1fc9254883b23d
+"estree-util-visit@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "estree-util-visit@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    "@types/unist": ^3.0.0
+  checksum: 6444b38f224322945a6d19ea81a8828a0eec64aefb2bf1ea791fe20df496f7b7c543408d637df899e6a8e318b638f66226f16378a33c4c2b192ba5c3f891121f
   languageName: node
   linkType: hard
 
@@ -11299,6 +11696,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eval@npm:0.1.8":
+  version: 0.1.8
+  resolution: "eval@npm:0.1.8"
+  dependencies:
+    "@types/node": "*"
+    require-like: ">= 0.1.1"
+  checksum: d005567f394cfbe60948e34982e4637d2665030f9aa7dcac581ea6f9ec6eceb87133ed3dc0ae21764aa362485c242a731dbb6371f1f1a86807c58676431e9d1a
+  languageName: node
+  linkType: hard
+
+"event-emitter@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "event-emitter@npm:0.3.5"
+  dependencies:
+    d: 1
+    es5-ext: ~0.10.14
+  checksum: 27c1399557d9cd7e0aa0b366c37c38a4c17293e3a10258e8b692a847dd5ba9fb90429c3a5a1eeff96f31f6fa03ccbd31d8ad15e00540b22b22f01557be706030
+  languageName: node
+  linkType: hard
+
 "event-stream@npm:=3.3.4":
   version: 3.3.4
   resolution: "event-stream@npm:3.3.4"
@@ -11497,7 +11914,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ext@npm:^1.1.2":
+"ext@npm:^1.7.0":
   version: 1.7.0
   resolution: "ext@npm:1.7.0"
   dependencies:
@@ -11539,7 +11956,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"external-editor@npm:^3.0.3, external-editor@npm:^3.1.0":
+"external-editor@npm:^3.1.0":
   version: 3.1.0
   resolution: "external-editor@npm:3.1.0"
   dependencies:
@@ -11611,20 +12028,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:3.2.11":
-  version: 3.2.11
-  resolution: "fast-glob@npm:3.2.11"
+"fast-glob@npm:^3.2.7, fast-glob@npm:^3.3.0":
+  version: 3.3.2
+  resolution: "fast-glob@npm:3.3.2"
   dependencies:
     "@nodelib/fs.stat": ^2.0.2
     "@nodelib/fs.walk": ^1.2.3
     glob-parent: ^5.1.2
     merge2: ^1.3.0
     micromatch: ^4.0.4
-  checksum: f473105324a7780a20c06de842e15ddbb41d3cb7e71d1e4fe6e8373204f22245d54f5ab9e2061e6a1c613047345954d29b022e0e76f5c28b1df9858179a0e6d7
+  checksum: 900e4979f4dbc3313840078419245621259f349950411ca2fa445a2f9a1a6d98c3b5e7e0660c5ccd563aa61abe133a21765c6c0dec8e57da1ba71d8000b05ec1
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.0.3, fast-glob@npm:^3.2.7, fast-glob@npm:^3.2.9":
+"fast-glob@npm:^3.2.9":
   version: 3.2.12
   resolution: "fast-glob@npm:3.2.12"
   dependencies:
@@ -11637,19 +12054,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.3.0":
-  version: 3.3.2
-  resolution: "fast-glob@npm:3.3.2"
-  dependencies:
-    "@nodelib/fs.stat": ^2.0.2
-    "@nodelib/fs.walk": ^1.2.3
-    glob-parent: ^5.1.2
-    merge2: ^1.3.0
-    micromatch: ^4.0.4
-  checksum: 900e4979f4dbc3313840078419245621259f349950411ca2fa445a2f9a1a6d98c3b5e7e0660c5ccd563aa61abe133a21765c6c0dec8e57da1ba71d8000b05ec1
-  languageName: node
-  linkType: hard
-
 "fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
   version: 2.1.0
   resolution: "fast-json-stable-stringify@npm:2.1.0"
@@ -11707,7 +12111,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"figures@npm:^3.0.0, figures@npm:^3.2.0":
+"figures@npm:^3.2.0":
   version: 3.2.0
   resolution: "figures@npm:3.2.0"
   dependencies:
@@ -11734,20 +12138,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-uri-to-path@npm:1.0.0":
-  version: 1.0.0
-  resolution: "file-uri-to-path@npm:1.0.0"
-  checksum: b648580bdd893a008c92c7ecc96c3ee57a5e7b6c4c18a9a09b44fb5d36d79146f8e442578bc0e173dc027adf3987e254ba1dfd6e3ec998b7c282873010502144
-  languageName: node
-  linkType: hard
-
-"file-uri-to-path@npm:2":
-  version: 2.0.0
-  resolution: "file-uri-to-path@npm:2.0.0"
-  checksum: 4a71a99ddaa6ae7ae7bffe2948c34da59982ed465d930a0af9cb59fcc10fcd93366cc356ec3337c18373fde5df7ac52afda4558f155febd1799d135552207edb
-  languageName: node
-  linkType: hard
-
 "fill-range@npm:^4.0.0":
   version: 4.0.0
   resolution: "fill-range@npm:4.0.0"
@@ -11913,6 +12303,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"foreground-child@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "foreground-child@npm:3.1.1"
+  dependencies:
+    cross-spawn: ^7.0.0
+    signal-exit: ^4.0.1
+  checksum: 139d270bc82dc9e6f8bc045fe2aae4001dc2472157044fdfad376d0a3457f77857fa883c1c8b21b491c6caade9a926a4bed3d3d2e8d3c9202b151a4cbbd0bcd5
+  languageName: node
+  linkType: hard
+
 "forever-agent@npm:~0.6.1":
   version: 0.6.1
   resolution: "forever-agent@npm:0.6.1"
@@ -12051,6 +12451,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fs-minipass@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "fs-minipass@npm:3.0.3"
+  dependencies:
+    minipass: ^7.0.3
+  checksum: 8722a41109130851d979222d3ec88aabaceeaaf8f57b2a8f744ef8bd2d1ce95453b04a61daa0078822bc5cd21e008814f06fe6586f56fef511e71b8d2394d802
+  languageName: node
+  linkType: hard
+
 "fs.realpath@npm:^1.0.0":
   version: 1.0.0
   resolution: "fs.realpath@npm:1.0.0"
@@ -12096,16 +12505,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ftp@npm:^0.3.10":
-  version: 0.3.10
-  resolution: "ftp@npm:0.3.10"
-  dependencies:
-    readable-stream: 1.1.x
-    xregexp: 2.0.0
-  checksum: ddd313c1d44eb7429f3a7d77a0155dc8fe86a4c64dca58f395632333ce4b4e74c61413c6e0ef66ea3f3d32d905952fbb6d028c7117d522f793eb1fa282e17357
-  languageName: node
-  linkType: hard
-
 "function-bind@npm:^1.1.1":
   version: 1.1.1
   resolution: "function-bind@npm:1.1.1"
@@ -12228,7 +12627,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-port@npm:^5.1.1":
+"get-port@npm:5.1.1, get-port@npm:^5.1.1":
   version: 5.1.1
   resolution: "get-port@npm:5.1.1"
   checksum: 0162663ffe5c09e748cd79d97b74cd70e5a5c84b760a475ce5767b357fb2a57cb821cee412d646aa8a156ed39b78aab88974eddaa9e5ee926173c036c0713787
@@ -12277,20 +12676,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-uri@npm:3":
-  version: 3.0.2
-  resolution: "get-uri@npm:3.0.2"
-  dependencies:
-    "@tootallnate/once": 1
-    data-uri-to-buffer: 3
-    debug: 4
-    file-uri-to-path: 2
-    fs-extra: ^8.1.0
-    ftp: ^0.3.10
-  checksum: 5325b2906b08ca37529ca421cf52bc50376e75c6a945e0a8064e3f76b4bb67b8ab1e316a2fc7a307c8c606ab36d030720f39a57c97b027ff1134335e12102946
-  languageName: node
-  linkType: hard
-
 "get-value@npm:^2.0.3, get-value@npm:^2.0.6":
   version: 2.0.6
   resolution: "get-value@npm:2.0.6"
@@ -12316,13 +12701,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"git-hooks-list@npm:1.0.3":
-  version: 1.0.3
-  resolution: "git-hooks-list@npm:1.0.3"
-  checksum: a1dd03d39c1d727ba08a35dbdbdcc6e96de8c4170c942dc95bf787ca6e34998d39fb5295a00242b58a3d265de0b69a0686d0cf583baa6b7830f268542c4576b9
-  languageName: node
-  linkType: hard
-
 "git-raw-commits@npm:^2.0.11":
   version: 2.0.11
   resolution: "git-raw-commits@npm:2.0.11"
@@ -12338,10 +12716,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"github-slugger@npm:^1.1.1":
-  version: 1.5.0
-  resolution: "github-slugger@npm:1.5.0"
-  checksum: c70988224578b3bdaa25df65973ffc8c24594a77a28550c3636e495e49d17aef5cdb04c04fa3f1744babef98c61eecc6a43299a13ea7f3cc33d680bf9053ffbe
+"github-slugger@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "github-slugger@npm:2.0.0"
+  checksum: 250375cde2058f21454872c2c79f72c4637340c30c51ff158ca4ec71cbc478f33d54477d787a662f9207aeb095a2060f155bc01f15329ba8a5fb6698e0fc81f8
   languageName: node
   linkType: hard
 
@@ -12363,13 +12741,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-to-regexp@npm:0.4.1":
-  version: 0.4.1
-  resolution: "glob-to-regexp@npm:0.4.1"
-  checksum: e795f4e8f06d2a15e86f76e4d92751cf8bbfcf0157cea5c2f0f35678a8195a750b34096b1256e436f0cebc1883b5ff0888c47348443e69546a5a87f9e1eb1167
-  languageName: node
-  linkType: hard
-
 "glob@npm:7.1.6":
   version: 7.1.6
   resolution: "glob@npm:7.1.6"
@@ -12384,6 +12755,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob@npm:^10.2.2":
+  version: 10.3.10
+  resolution: "glob@npm:10.3.10"
+  dependencies:
+    foreground-child: ^3.1.0
+    jackspeak: ^2.3.5
+    minimatch: ^9.0.1
+    minipass: ^5.0.0 || ^6.0.2 || ^7.0.0
+    path-scurry: ^1.10.1
+  bin:
+    glob: dist/esm/bin.mjs
+  checksum: 4f2fe2511e157b5a3f525a54092169a5f92405f24d2aed3142f4411df328baca13059f4182f1db1bf933e2c69c0bd89e57ae87edd8950cba8c7ccbe84f721cf3
+  languageName: node
+  linkType: hard
+
 "glob@npm:^7.1.3, glob@npm:^7.1.4":
   version: 7.2.3
   resolution: "glob@npm:7.2.3"
@@ -12441,22 +12827,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:10.0.0":
-  version: 10.0.0
-  resolution: "globby@npm:10.0.0"
-  dependencies:
-    "@types/glob": ^7.1.1
-    array-union: ^2.1.0
-    dir-glob: ^3.0.1
-    fast-glob: ^3.0.3
-    glob: ^7.1.3
-    ignore: ^5.1.1
-    merge2: ^1.2.3
-    slash: ^3.0.0
-  checksum: fbff58d2fcaedd9207901f6e3b5341ff885b6d499c3a095f7befde0fd03ec1ea634452a82f81e894e46f6a5d704da44b842ba93066f90dced52adf84d4b8d1cc
-  languageName: node
-  linkType: hard
-
 "globby@npm:^11.0.0, globby@npm:^11.0.3, globby@npm:^11.1.0":
   version: 11.1.0
   resolution: "globby@npm:11.1.0"
@@ -12471,6 +12841,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globrex@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "globrex@npm:0.1.2"
+  checksum: adca162494a176ce9ecf4dd232f7b802956bb1966b37f60c15e49d2e7d961b66c60826366dc2649093cad5a0d69970cfa8875bd1695b5a1a2f33dcd2aa88da3c
+  languageName: node
+  linkType: hard
+
 "glsl-noise@npm:^0.0.0":
   version: 0.0.0
   resolution: "glsl-noise@npm:0.0.0"
@@ -12494,25 +12871,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"got@npm:^11.0.0":
-  version: 11.8.5
-  resolution: "got@npm:11.8.5"
-  dependencies:
-    "@sindresorhus/is": ^4.0.0
-    "@szmarczak/http-timer": ^4.0.5
-    "@types/cacheable-request": ^6.0.1
-    "@types/responselike": ^1.0.0
-    cacheable-lookup: ^5.0.3
-    cacheable-request: ^7.0.2
-    decompress-response: ^6.0.0
-    http2-wrapper: ^1.0.0-beta.5.2
-    lowercase-keys: ^2.0.0
-    p-cancelable: ^2.0.0
-    responselike: ^2.0.0
-  checksum: 2de8a1bbda4e9b6b2b72b2d2100bc055a59adc1740529e631f61feb44a8b9a1f9f8590941ed9da9df0090b6d6d0ed8ffee94cd9ac086ec3409b392b33440f7d2
-  languageName: node
-  linkType: hard
-
 "graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.3, graceful-fs@npm:^4.1.5, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.9
   resolution: "graceful-fs@npm:4.2.9"
@@ -12534,7 +12892,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gray-matter@npm:^4.0.3":
+"gray-matter@npm:4.0.3":
   version: 4.0.3
   resolution: "gray-matter@npm:4.0.3"
   dependencies:
@@ -12686,45 +13044,90 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-from-parse5@npm:^6.0.0":
-  version: 6.0.1
-  resolution: "hast-util-from-parse5@npm:6.0.1"
+"hast-util-from-html@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "hast-util-from-html@npm:2.0.1"
   dependencies:
-    "@types/parse5": ^5.0.0
-    hastscript: ^6.0.0
-    property-information: ^5.0.0
-    vfile: ^4.0.0
-    vfile-location: ^3.2.0
-    web-namespaces: ^1.0.0
-  checksum: 4daa78201468af7779161e7caa2513c329830778e0528481ab16b3e1bcef4b831f6285b526aacdddbee802f3bd9d64df55f80f010591ea1916da535e3a923b83
+    "@types/hast": ^3.0.0
+    devlop: ^1.1.0
+    hast-util-from-parse5: ^8.0.0
+    parse5: ^7.0.0
+    vfile: ^6.0.0
+    vfile-message: ^4.0.0
+  checksum: 8decdec1f2750d3d8d4933a4d06d78846a9fb3c97cded07395d160adae22bacfc69eaf113fd95a6ad696d1e5877580f2ac83a4161fa9f3becb0fafe2cec8b0ea
   languageName: node
   linkType: hard
 
-"hast-util-has-property@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "hast-util-has-property@npm:1.0.4"
-  checksum: 23025cee6692cf9aaf70a369248901deff0886c9bd2e2f0e81735c5f67ff500d1cfd991d3c236fc1d43e02b29d2db4075ee9fd2fe0aea1a7da261f19195046e8
+"hast-util-from-parse5@npm:^8.0.0":
+  version: 8.0.1
+  resolution: "hast-util-from-parse5@npm:8.0.1"
+  dependencies:
+    "@types/hast": ^3.0.0
+    "@types/unist": ^3.0.0
+    devlop: ^1.0.0
+    hastscript: ^8.0.0
+    property-information: ^6.0.0
+    vfile: ^6.0.0
+    vfile-location: ^5.0.0
+    web-namespaces: ^2.0.0
+  checksum: fdd1ab8b03af13778ecb94ef9a58b1e3528410cdfceb3d6bb7600508967d0d836b451bc7bc3baf66efb7c730d3d395eea4bb1b30352b0162823d9f0de976774b
   languageName: node
   linkType: hard
 
-"hast-util-heading-rank@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "hast-util-heading-rank@npm:1.0.1"
-  checksum: 9f919ce54f3ddb2414a9ff786983c64f8d10f6e4b0bd9d591bbb9f45b9f37d1eb0821583ec708dc3961b15d9b2aebfe79e5e23868a87a4773b29ce5f0791108a
+"hast-util-heading-rank@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "hast-util-heading-rank@npm:3.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+  checksum: e5ce4ec9e8017b24ab72702fa0dd401ec6eaf32574120d71c2aa4e8e0f43829dba2e291f49d305a47e8d65b82a9c5adad7985385dc5bc8370f8cec7c8f9313d3
   languageName: node
   linkType: hard
 
-"hast-util-is-element@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "hast-util-is-element@npm:1.1.0"
-  checksum: 30fad3f65e7ab2f0efd5db9e7344d0820b70971988dfe79f62d8447598b2a1ce8a59cd4bfc05ae0d9a1c451b9b53cbe1023743d7eac764d64720b6b73475f62f
+"hast-util-is-element@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "hast-util-is-element@npm:3.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+  checksum: 82569a420eda5877c52fdbbdbe26675f012c02d70813dfd19acffdee328e42e4bd0b7ae34454cfcbcb932b2bedbd7ddc119f943a0cfb234120f9456d6c0c4331
+  languageName: node
+  linkType: hard
+
+"hast-util-parse-selector@npm:^3.0.0":
+  version: 3.1.1
+  resolution: "hast-util-parse-selector@npm:3.1.1"
+  dependencies:
+    "@types/hast": ^2.0.0
+  checksum: 511d373465f60dd65e924f88bf0954085f4fb6e3a2b062a4b5ac43b93cbfd36a8dce6234b5d1e3e63499d936375687e83fc5da55628b22bd6b581b5ee167d1c4
+  languageName: node
+  linkType: hard
+
+"hast-util-parse-selector@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "hast-util-parse-selector@npm:4.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+  checksum: 76087670d3b0b50b23a6cb70bca53a6176d6608307ccdbb3ed18b650b82e7c3513bfc40348f1389dc0c5ae872b9a768851f4335f44654abd7deafd6974c52402
   languageName: node
   linkType: hard
 
-"hast-util-parse-selector@npm:^2.0.0":
-  version: 2.2.5
-  resolution: "hast-util-parse-selector@npm:2.2.5"
-  checksum: 22ee4afbd11754562144cb3c4f3ec52524dafba4d90ee52512902d17cf11066d83b38f7bdf6ca571bbc2541f07ba30db0d234657b6ecb8ca4631587466459605
+"hast-util-raw@npm:^9.0.0":
+  version: 9.0.3
+  resolution: "hast-util-raw@npm:9.0.3"
+  dependencies:
+    "@types/hast": ^3.0.0
+    "@types/unist": ^3.0.0
+    "@ungap/structured-clone": ^1.0.0
+    hast-util-from-parse5: ^8.0.0
+    hast-util-to-parse5: ^8.0.0
+    html-void-elements: ^3.0.0
+    mdast-util-to-hast: ^13.0.0
+    parse5: ^7.0.0
+    unist-util-position: ^5.0.0
+    unist-util-visit: ^5.0.0
+    vfile: ^6.0.0
+    web-namespaces: ^2.0.0
+    zwitch: ^2.0.0
+  checksum: 99061946777fa0d8fade8ce5511195c41fd49d2b7dc253d7f8590764d2e7ea6a0af90f1355a20940d8ad395c74b138b42686adfc5d9deb01bfd67f6641d835ae
   languageName: node
   linkType: hard
 
@@ -12751,35 +13154,94 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-to-html@npm:7.1.3":
-  version: 7.1.3
-  resolution: "hast-util-to-html@npm:7.1.3"
+"hast-util-to-estree@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "hast-util-to-estree@npm:3.1.0"
   dependencies:
-    ccount: ^1.0.0
-    comma-separated-tokens: ^1.0.0
-    hast-util-is-element: ^1.0.0
-    hast-util-whitespace: ^1.0.0
-    html-void-elements: ^1.0.0
-    property-information: ^5.0.0
-    space-separated-tokens: ^1.0.0
-    stringify-entities: ^3.0.1
-    unist-util-is: ^4.0.0
-    xtend: ^4.0.0
-  checksum: 5fb8d45adaed76e5d6a5c4c0d2684b5314ed92fc78ad85304631cb6acff46b73920b39c40c557641156cdb04ddf0efe8fb74b6fbafed84583409797ebd057a5b
+    "@types/estree": ^1.0.0
+    "@types/estree-jsx": ^1.0.0
+    "@types/hast": ^3.0.0
+    comma-separated-tokens: ^2.0.0
+    devlop: ^1.0.0
+    estree-util-attach-comments: ^3.0.0
+    estree-util-is-identifier-name: ^3.0.0
+    hast-util-whitespace: ^3.0.0
+    mdast-util-mdx-expression: ^2.0.0
+    mdast-util-mdx-jsx: ^3.0.0
+    mdast-util-mdxjs-esm: ^2.0.0
+    property-information: ^6.0.0
+    space-separated-tokens: ^2.0.0
+    style-to-object: ^0.4.0
+    unist-util-position: ^5.0.0
+    zwitch: ^2.0.0
+  checksum: 61272f7c18c9d2a5e34df7cfd2c97cbf12f6e9d05114d60e4dedd64e5576565eb1e35c78b9213c909bb8f984f0f8e9c49b568f04bdb444b83d0bca9159e14f3c
   languageName: node
   linkType: hard
 
-"hast-util-to-string@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "hast-util-to-string@npm:1.0.4"
-  checksum: 8132508d5c08d542b64979ad558e474f481011c29d5fce9b1a1fe779fc97e151b734b5c6d94f4937c4ec978b1d641977ee7f9f5ed61ea0611600764abdff7cbb
+"hast-util-to-html@npm:9.0.1":
+  version: 9.0.1
+  resolution: "hast-util-to-html@npm:9.0.1"
+  dependencies:
+    "@types/hast": ^3.0.0
+    "@types/unist": ^3.0.0
+    ccount: ^2.0.0
+    comma-separated-tokens: ^2.0.0
+    hast-util-raw: ^9.0.0
+    hast-util-whitespace: ^3.0.0
+    html-void-elements: ^3.0.0
+    mdast-util-to-hast: ^13.0.0
+    property-information: ^6.0.0
+    space-separated-tokens: ^2.0.0
+    stringify-entities: ^4.0.0
+    zwitch: ^2.0.4
+  checksum: a43a8cdc8472c2a2c80674bccfcc424eb0ab7ae9646b3807249ba07c07bf080ac6a4cd5db4388d97478ce3558c9ad91bc467fcc6ddfc673c96c62a26c402e583
   languageName: node
   linkType: hard
 
-"hast-util-whitespace@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "hast-util-whitespace@npm:1.0.4"
-  checksum: b7f4a1942bc78239a6fe4741aca34e3e7f84487e15e2cd2b6ca07bbba3055571763d877d7c077d7a2a029ede7500bc50a62af7b6dfe88e0644b16228b91dee0d
+"hast-util-to-jsx-runtime@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "hast-util-to-jsx-runtime@npm:2.3.0"
+  dependencies:
+    "@types/estree": ^1.0.0
+    "@types/hast": ^3.0.0
+    "@types/unist": ^3.0.0
+    comma-separated-tokens: ^2.0.0
+    devlop: ^1.0.0
+    estree-util-is-identifier-name: ^3.0.0
+    hast-util-whitespace: ^3.0.0
+    mdast-util-mdx-expression: ^2.0.0
+    mdast-util-mdx-jsx: ^3.0.0
+    mdast-util-mdxjs-esm: ^2.0.0
+    property-information: ^6.0.0
+    space-separated-tokens: ^2.0.0
+    style-to-object: ^1.0.0
+    unist-util-position: ^5.0.0
+    vfile-message: ^4.0.0
+  checksum: 599a97c6ec61c1430776813d7fb42e6f96032bf4a04dfcbb8eceef3bc8d1845ecf242387a4426b9d3f52320dbbfa26450643b81124b3d6a0b9bbb0fff4d0ba83
+  languageName: node
+  linkType: hard
+
+"hast-util-to-parse5@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "hast-util-to-parse5@npm:8.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+    comma-separated-tokens: ^2.0.0
+    devlop: ^1.0.0
+    property-information: ^6.0.0
+    space-separated-tokens: ^2.0.0
+    web-namespaces: ^2.0.0
+    zwitch: ^2.0.0
+  checksum: 137469209cb2b32b57387928878dc85310fbd5afa4807a8da69529199bb1d19044bfc95b50c3dc68d4fb2b6cb8bf99b899285597ab6ab318f50422eefd5599dd
+  languageName: node
+  linkType: hard
+
+"hast-util-to-string@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "hast-util-to-string@npm:3.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+  checksum: 64f7f4f2b7a69b2ebddd1c87a29eae5f718d593d2154a46de2fa21f6ca8bfbda50ad71a5794f5952ae450f4da23a8bc811db348098b09916b9553cd933aefe9a
   languageName: node
   linkType: hard
 
@@ -12790,16 +13252,38 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hastscript@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "hastscript@npm:6.0.0"
+"hast-util-whitespace@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "hast-util-whitespace@npm:3.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+  checksum: 41d93ccce218ba935dc3c12acdf586193c35069489c8c8f50c2aa824c00dec94a3c78b03d1db40fa75381942a189161922e4b7bca700b3a2cc779634c351a1e4
+  languageName: node
+  linkType: hard
+
+"hastscript@npm:^7.0.0":
+  version: 7.2.0
+  resolution: "hastscript@npm:7.2.0"
   dependencies:
     "@types/hast": ^2.0.0
-    comma-separated-tokens: ^1.0.0
-    hast-util-parse-selector: ^2.0.0
-    property-information: ^5.0.0
-    space-separated-tokens: ^1.0.0
-  checksum: 5e50b85af0d2cb7c17979cb1ddca75d6b96b53019dd999b39e7833192c9004201c3cee6445065620ea05d0087d9ae147a4844e582d64868be5bc6b0232dfe52d
+    comma-separated-tokens: ^2.0.0
+    hast-util-parse-selector: ^3.0.0
+    property-information: ^6.0.0
+    space-separated-tokens: ^2.0.0
+  checksum: 928a21576ff7b9a8c945e7940bcbf2d27f770edb4279d4d04b33dc90753e26ca35c1172d626f54afebd377b2afa32331e399feb3eb0f7b91a399dca5927078ae
+  languageName: node
+  linkType: hard
+
+"hastscript@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "hastscript@npm:8.0.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+    comma-separated-tokens: ^2.0.0
+    hast-util-parse-selector: ^4.0.0
+    property-information: ^6.0.0
+    space-separated-tokens: ^2.0.0
+  checksum: ae3c20223e7b847320c0f98b6fb3c763ebe1bf3913c5805fbc176cf84553a9db1117ca34cf842a5235890b4b9ae0e94501bfdc9a9b870a5dbf5fc52426db1097
   languageName: node
   linkType: hard
 
@@ -12853,6 +13337,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hosted-git-info@npm:^6.0.0, hosted-git-info@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "hosted-git-info@npm:6.1.1"
+  dependencies:
+    lru-cache: ^7.5.1
+  checksum: fcd3ca2eaa05f3201425ccbb8aa47f88cdda4a3a6d79453f8e269f7171356278bd1db08f059d8439eb5eaa91c6a8a20800fc49cca6e9e4e899b202a332d5ba6b
+  languageName: node
+  linkType: hard
+
 "html-encoding-sniffer@npm:^3.0.0":
   version: 3.0.0
   resolution: "html-encoding-sniffer@npm:3.0.0"
@@ -12869,14 +13362,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-void-elements@npm:^1.0.0":
-  version: 1.0.5
-  resolution: "html-void-elements@npm:1.0.5"
-  checksum: 1a56f4f6cfbeb994c21701ff72b4b7f556fe784a70e5e554d1566ff775af83b91ea93f10664f039a67802d9f7b40d4a7f1ed20312bab47bd88d89bd792ea84ca
+"html-void-elements@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "html-void-elements@npm:3.0.0"
+  checksum: 59be397525465a7489028afa064c55763d9cccd1d7d9f630cca47137317f0e897a9ca26cef7e745e7cff1abc44260cfa407742b243a54261dfacd42230e94fce
   languageName: node
   linkType: hard
 
-"http-cache-semantics@npm:^4.0.0, http-cache-semantics@npm:^4.1.0":
+"http-cache-semantics@npm:^4.1.0":
   version: 4.1.0
   resolution: "http-cache-semantics@npm:4.1.0"
   checksum: 974de94a81c5474be07f269f9fd8383e92ebb5a448208223bfb39e172a9dbc26feff250192ecc23b9593b3f92098e010406b0f24bd4d588d631f80214648ed42
@@ -12896,7 +13389,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-proxy-agent@npm:^4.0.0, http-proxy-agent@npm:^4.0.1":
+"http-proxy-agent@npm:^4.0.1":
   version: 4.0.1
   resolution: "http-proxy-agent@npm:4.0.1"
   dependencies:
@@ -12929,24 +13422,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-status@npm:1.5.3":
-  version: 1.5.3
-  resolution: "http-status@npm:1.5.3"
-  checksum: bcb07045f790dcf184c3940b1399113381d1b895bfb7f4d7d8eacf6bd1aef5461064b8fbc4e23c7276bfe4a275a3ebedc50d80e5216b3909478fb3dc58dbbb04
-  languageName: node
-  linkType: hard
-
-"http2-wrapper@npm:^1.0.0-beta.5.2":
-  version: 1.0.3
-  resolution: "http2-wrapper@npm:1.0.3"
-  dependencies:
-    quick-lru: ^5.1.1
-    resolve-alpn: ^1.0.0
-  checksum: 74160b862ec699e3f859739101ff592d52ce1cb207b7950295bf7962e4aa1597ef709b4292c673bece9c9b300efad0559fc86c71b1409c7a1e02b7229456003e
-  languageName: node
-  linkType: hard
-
-"https-proxy-agent@npm:5, https-proxy-agent@npm:^5.0.0, https-proxy-agent@npm:^5.0.1":
+"https-proxy-agent@npm:^5.0.0, https-proxy-agent@npm:^5.0.1":
   version: 5.0.1
   resolution: "https-proxy-agent@npm:5.0.1"
   dependencies:
@@ -13029,14 +13505,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:^1.1.13":
+"ieee754@npm:^1.1.13, ieee754@npm:^1.2.1":
   version: 1.2.1
   resolution: "ieee754@npm:1.2.1"
   checksum: 5144c0c9815e54ada181d80a0b810221a253562422e7c6c3a60b1901154184f49326ec239d618c416c1c5945a2e197107aee8d986a3dd836b53dffefd99b5e7e
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.1.1, ignore@npm:^5.1.4, ignore@npm:^5.2.0":
+"ignore@npm:^5.1.4, ignore@npm:^5.2.0":
   version: 5.2.0
   resolution: "ignore@npm:5.2.0"
   checksum: 6b1f926792d614f64c6c83da3a1f9c83f6196c2839aa41e1e32dd7b8d174cef2e329d75caabb62cb61ce9dc432f75e67d07d122a037312db7caa73166a1bdb77
@@ -13129,7 +13605,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.1, inherits@npm:~2.0.3":
+"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.3":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1
@@ -13157,26 +13633,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inquirer@npm:^8.2.1":
-  version: 8.2.5
-  resolution: "inquirer@npm:8.2.5"
-  dependencies:
-    ansi-escapes: ^4.2.1
-    chalk: ^4.1.1
-    cli-cursor: ^3.1.0
-    cli-width: ^3.0.0
-    external-editor: ^3.0.3
-    figures: ^3.0.0
-    lodash: ^4.17.21
-    mute-stream: 0.0.8
-    ora: ^5.4.1
-    run-async: ^2.4.0
-    rxjs: ^7.5.5
-    string-width: ^4.1.0
-    strip-ansi: ^6.0.0
-    through: ^2.3.6
-    wrap-ansi: ^7.0.0
-  checksum: f13ee4c444187786fb393609dedf6b30870115a57b603f2e6424f29a99abc13446fd45ee22461c33c9c40a92a60a8df62d0d6b25d74fc6676fa4cb211de55b55
+"inline-style-parser@npm:0.2.3":
+  version: 0.2.3
+  resolution: "inline-style-parser@npm:0.2.3"
+  checksum: ed6454de80759e7faef511f51b5716b33c40a6b05b8a8f5383dc01e8a087c6fd5df877446d05e8e3961ae0751e028e25e180f5cffc192a5ce7822edef6810ade
   languageName: node
   linkType: hard
 
@@ -13257,13 +13717,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-alphabetical@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "is-alphabetical@npm:1.0.4"
-  checksum: 6508cce44fd348f06705d377b260974f4ce68c74000e7da4045f0d919e568226dc3ce9685c5a2af272195384df6930f748ce9213fc9f399b5d31b362c66312cb
-  languageName: node
-  linkType: hard
-
 "is-alphabetical@npm:^2.0.0":
   version: 2.0.1
   resolution: "is-alphabetical@npm:2.0.1"
@@ -13271,16 +13724,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-alphanumerical@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "is-alphanumerical@npm:1.0.4"
-  dependencies:
-    is-alphabetical: ^1.0.0
-    is-decimal: ^1.0.0
-  checksum: e2e491acc16fcf5b363f7c726f666a9538dba0a043665740feb45bba1652457a73441e7c5179c6768a638ed396db3437e9905f403644ec7c468fb41f4813d03f
-  languageName: node
-  linkType: hard
-
 "is-alphanumerical@npm:^2.0.0":
   version: 2.0.1
   resolution: "is-alphanumerical@npm:2.0.1"
@@ -13388,7 +13831,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.13.0":
+"is-core-module@npm:^2.13.0, is-core-module@npm:^2.8.1":
   version: 2.13.1
   resolution: "is-core-module@npm:2.13.1"
   dependencies:
@@ -13433,13 +13876,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-decimal@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "is-decimal@npm:1.0.4"
-  checksum: ed483a387517856dc395c68403a10201fddcc1b63dc56513fbe2fe86ab38766120090ecdbfed89223d84ca8b1cd28b0641b93cb6597b6e8f4c097a7c24e3fb96
-  languageName: node
-  linkType: hard
-
 "is-decimal@npm:^2.0.0":
   version: 2.0.1
   resolution: "is-decimal@npm:2.0.1"
@@ -13579,13 +14015,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-hexadecimal@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "is-hexadecimal@npm:1.0.4"
-  checksum: a452e047587b6069332d83130f54d30da4faf2f2ebaa2ce6d073c27b5703d030d58ed9e0b729c8e4e5b52c6f1dab26781bb77b7bc6c7805f14f320e328ff8cd5
-  languageName: node
-  linkType: hard
-
 "is-hexadecimal@npm:^2.0.0":
   version: 2.0.1
   resolution: "is-hexadecimal@npm:2.0.1"
@@ -13681,13 +14110,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-plain-obj@npm:2.1.0, is-plain-obj@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "is-plain-obj@npm:2.1.0"
-  checksum: cec9100678b0a9fe0248a81743041ed990c2d4c99f893d935545cfbc42876cbe86d207f3b895700c690ad2fa520e568c44afc1605044b535a7820c1d40e38daa
-  languageName: node
-  linkType: hard
-
 "is-plain-obj@npm:^1.1.0":
   version: 1.1.0
   resolution: "is-plain-obj@npm:1.1.0"
@@ -13839,7 +14261,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-typedarray@npm:^1.0.0, is-typedarray@npm:~1.0.0":
+"is-typedarray@npm:~1.0.0":
   version: 1.0.0
   resolution: "is-typedarray@npm:1.0.0"
   checksum: 3508c6cd0a9ee2e0df2fa2e9baabcdc89e911c7bd5cf64604586697212feec525aa21050e48affb5ffc3df20f0f5d2e2cf79b08caa64e1ccc9578e251763aef7
@@ -13902,13 +14324,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"isarray@npm:0.0.1":
-  version: 0.0.1
-  resolution: "isarray@npm:0.0.1"
-  checksum: 49191f1425681df4a18c2f0f93db3adb85573bcdd6a4482539d98eac9e705d8961317b01175627e860516a2fc45f8f9302db26e5a380a97a520e272e2a40a8d4
-  languageName: node
-  linkType: hard
-
 "isarray@npm:1.0.0, isarray@npm:~1.0.0":
   version: 1.0.0
   resolution: "isarray@npm:1.0.0"
@@ -13923,6 +14338,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"isbot@npm:5.1.7":
+  version: 5.1.7
+  resolution: "isbot@npm:5.1.7"
+  checksum: 82d27246d9ca31be5cee321fea304dc027a35163c41a86a3653c018ee8a354133ed9de62db59148f28761cc80a7d8ad5cad4a2292675bad213fb77e4f82d0733
+  languageName: node
+  linkType: hard
+
+"isbot@npm:^3.6.8":
+  version: 3.8.0
+  resolution: "isbot@npm:3.8.0"
+  checksum: 50e75df265b6e1d590174061f37c435fee2e5d4ac7e82a978d1aa41c07c347a128fa340ef31b224ddeec1ee85a614f340ed5fcd8126639af1cbb0e98cac024bc
+  languageName: node
+  linkType: hard
+
 "isexe@npm:^2.0.0":
   version: 2.0.0
   resolution: "isexe@npm:2.0.0"
@@ -14018,17 +14447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istextorbinary@npm:2.2.1":
-  version: 2.2.1
-  resolution: "istextorbinary@npm:2.2.1"
-  dependencies:
-    binaryextensions: 2
-    editions: ^1.3.3
-    textextensions: 2
-  checksum: 2fff548636a7837679aebfe3846a39a6e39683f345f38f1f222414108b58e3782211bb650dee1c9d31957fa94b3522d5bd9aba862442d52c6e3d059a8983d33f
-  languageName: node
-  linkType: hard
-
 "iterator.prototype@npm:^1.1.2":
   version: 1.1.2
   resolution: "iterator.prototype@npm:1.1.2"
@@ -14053,6 +14471,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jackspeak@npm:^2.3.5":
+  version: 2.3.6
+  resolution: "jackspeak@npm:2.3.6"
+  dependencies:
+    "@isaacs/cliui": ^8.0.2
+    "@pkgjs/parseargs": ^0.11.0
+  dependenciesMeta:
+    "@pkgjs/parseargs":
+      optional: true
+  checksum: 57d43ad11eadc98cdfe7496612f6bbb5255ea69fe51ea431162db302c2a11011642f50cfad57288bd0aea78384a0612b16e131944ad8ecd09d619041c8531b54
+  languageName: node
+  linkType: hard
+
 "javascript-stringify@npm:^2.0.1":
   version: 2.1.0
   resolution: "javascript-stringify@npm:2.1.0"
@@ -14726,18 +15157,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jotai@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "jotai@npm:2.0.3"
-  peerDependencies:
-    react: ">=17.0.0"
-  peerDependenciesMeta:
-    react:
-      optional: true
-  checksum: 3ad1d6a9b7e40a8dd8cdc423441164c25852a328c98806ed0e2a283a4e07af661f4a88b50528367aeae582932171bc8979e45cbc9023af30b9f4a348faeed567
-  languageName: node
-  linkType: hard
-
 "joycon@npm:^3.0.1":
   version: 3.1.1
   resolution: "joycon@npm:3.1.1"
@@ -14886,13 +15305,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json-buffer@npm:3.0.1":
-  version: 3.0.1
-  resolution: "json-buffer@npm:3.0.1"
-  checksum: 9026b03edc2847eefa2e37646c579300a1f3a4586cfb62bf857832b60c852042d0d6ae55d1afb8926163fa54c2b01d83ae24705f34990348bdac6273a29d4581
-  languageName: node
-  linkType: hard
-
 "json-parse-better-errors@npm:^1.0.1":
   version: 1.0.2
   resolution: "json-parse-better-errors@npm:1.0.2"
@@ -14900,13 +15312,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json-parse-even-better-errors@npm:^2.3.0, json-parse-even-better-errors@npm:^2.3.1":
+"json-parse-even-better-errors@npm:^2.3.0":
   version: 2.3.1
   resolution: "json-parse-even-better-errors@npm:2.3.1"
   checksum: 798ed4cf3354a2d9ccd78e86d2169515a0097a5c133337807cdf7f1fc32e1391d207ccfc276518cc1d7d8d4db93288b8a50ba4293d212ad1336e52a8ec0a941f
   languageName: node
   linkType: hard
 
+"json-parse-even-better-errors@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "json-parse-even-better-errors@npm:3.0.1"
+  checksum: bf74fa3f715e56699ccd68b80a7d20908de432a3fae2d5aa2ed530a148e9d9ccdf8e6983b93d9966a553aa70dcf003ce3a7ffec2c0ce74d2a6173e3691a426f0
+  languageName: node
+  linkType: hard
+
 "json-schema-to-ts@npm:1.6.4":
   version: 1.6.4
   resolution: "json-schema-to-ts@npm:1.6.4"
@@ -14952,7 +15371,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:^2.1.2, json5@npm:^2.2.1, json5@npm:^2.2.2":
+"json5@npm:^2.2.1, json5@npm:^2.2.2, json5@npm:^2.2.3":
   version: 2.2.3
   resolution: "json5@npm:2.2.3"
   bin:
@@ -15022,15 +15441,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"keyv@npm:^4.0.0":
-  version: 4.5.2
-  resolution: "keyv@npm:4.5.2"
-  dependencies:
-    json-buffer: 3.0.1
-  checksum: 13ad58303acd2261c0d4831b4658451603fd159e61daea2121fcb15feb623e75ee328cded0572da9ca76b7b3ceaf8e614f1806c6b3af5db73c9c35a345259651
-  languageName: node
-  linkType: hard
-
 "kind-of@npm:^3.0.2, kind-of@npm:^3.0.3, kind-of@npm:^3.2.0":
   version: 3.2.2
   resolution: "kind-of@npm:3.2.2"
@@ -15154,6 +15564,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lilconfig@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "lilconfig@npm:3.0.0"
+  checksum: a155f1cd24d324ab20dd6974db9ebcf3fb6f2b60175f7c052d917ff8a746b590bc1ee550f6fc3cb1e8716c8b58304e22fe2193febebc0cf16fa86d85e6f896c5
+  languageName: node
+  linkType: hard
+
 "lines-and-columns@npm:^1.1.6":
   version: 1.1.6
   resolution: "lines-and-columns@npm:1.1.6"
@@ -15197,17 +15614,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loader-utils@npm:^2.0.0":
-  version: 2.0.4
-  resolution: "loader-utils@npm:2.0.4"
-  dependencies:
-    big.js: ^5.2.2
-    emojis-list: ^3.0.0
-    json5: ^2.1.2
-  checksum: a5281f5fff1eaa310ad5e1164095689443630f3411e927f95031ab4fb83b4a98f388185bb1fe949e8ab8d4247004336a625e9255c22122b815bb9a4c5d8fc3b7
-  languageName: node
-  linkType: hard
-
 "loader-utils@npm:^3.2.0":
   version: 3.2.1
   resolution: "loader-utils@npm:3.2.1"
@@ -15215,6 +15621,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"local-pkg@npm:^0.4.3":
+  version: 0.4.3
+  resolution: "local-pkg@npm:0.4.3"
+  checksum: 7825aca531dd6afa3a3712a0208697aa4a5cd009065f32e3fb732aafcc42ed11f277b5ac67229222e96f4def55197171cdf3d5522d0381b489d2e5547b407d55
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^3.0.0":
   version: 3.0.0
   resolution: "locate-path@npm:3.0.0"
@@ -15280,13 +15693,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.isequal@npm:^4.5.0":
-  version: 4.5.0
-  resolution: "lodash.isequal@npm:4.5.0"
-  checksum: da27515dc5230eb1140ba65ff8de3613649620e8656b19a6270afe4866b7bd461d9ba2ac8a48dcc57f7adac4ee80e1de9f965d89d4d81a0ad52bb3eec2609644
-  languageName: node
-  linkType: hard
-
 "lodash.isfunction@npm:^3.0.9":
   version: 3.0.9
   resolution: "lodash.isfunction@npm:3.0.9"
@@ -15434,13 +15840,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"longest-streak@npm:^2.0.0":
-  version: 2.0.4
-  resolution: "longest-streak@npm:2.0.4"
-  checksum: 28b8234a14963002c5c71035dee13a0a11e9e9d18ffa320fdc8796ed7437399204495702ed69cd2a7087b0af041a2a8b562829b7c1e2042e73a3374d1ecf6580
-  languageName: node
-  linkType: hard
-
 "longest-streak@npm:^3.0.0":
   version: 3.1.0
   resolution: "longest-streak@npm:3.1.0"
@@ -15470,13 +15869,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lowercase-keys@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "lowercase-keys@npm:2.0.0"
-  checksum: 24d7ebd56ccdf15ff529ca9e08863f3c54b0b9d1edb97a3ae1af34940ae666c01a1e6d200707bce730a8ef76cb57cc10e65f245ecaaf7e6bc8639f2fb460ac23
-  languageName: node
-  linkType: hard
-
 "lru-cache@npm:^4.0.1":
   version: 4.1.5
   resolution: "lru-cache@npm:4.1.5"
@@ -15505,10 +15897,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^7.14.1":
-  version: 7.14.1
-  resolution: "lru-cache@npm:7.14.1"
-  checksum: d72c6713c6a6d86836a7a6523b3f1ac6764768cca47ec99341c3e76db06aacd4764620e5e2cda719a36848785a52a70e531822dc2b33fb071fa709683746c104
+"lru-cache@npm:^7.4.4, lru-cache@npm:^7.5.1, lru-cache@npm:^7.7.1":
+  version: 7.18.3
+  resolution: "lru-cache@npm:7.18.3"
+  checksum: e550d772384709deea3f141af34b6d4fa392e2e418c1498c078de0ee63670f1f46f5eee746e8ef7e69e1c895af0d4224e62ee33e66a543a14763b0f2e74c1356
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^9.1.1 || ^10.0.0":
+  version: 10.1.0
+  resolution: "lru-cache@npm:10.1.0"
+  checksum: 58056d33e2500fbedce92f8c542e7c11b50d7d086578f14b7074d8c241422004af0718e08a6eaae8705cee09c77e39a61c1c79e9370ba689b7010c152e6a76ab
   languageName: node
   linkType: hard
 
@@ -15531,15 +15930,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.25.3":
-  version: 0.25.9
-  resolution: "magic-string@npm:0.25.9"
-  dependencies:
-    sourcemap-codec: ^1.4.8
-  checksum: 9a0e55a15c7303fc360f9572a71cffba1f61451bc92c5602b1206c9d17f492403bf96f946dfce7483e66822d6b74607262e24392e87b0ac27b786e69a40e9b1a
-  languageName: node
-  linkType: hard
-
 "magic-string@npm:^0.27.0":
   version: 0.27.0
   resolution: "magic-string@npm:0.27.0"
@@ -15568,13 +15958,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-error@npm:^1.1.1":
-  version: 1.3.6
-  resolution: "make-error@npm:1.3.6"
-  checksum: b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
-  languageName: node
-  linkType: hard
-
 "make-fetch-happen@npm:^9.1.0":
   version: 9.1.0
   resolution: "make-fetch-happen@npm:9.1.0"
@@ -15652,6 +16035,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"markdown-extensions@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "markdown-extensions@npm:2.0.0"
+  checksum: ec4ffcb0768f112e778e7ac74cb8ef22a966c168c3e6c29829f007f015b0a0b5c79c73ee8599a0c72e440e7f5cfdbf19e80e2d77b9a313b8f66e180a330cf1b2
+  languageName: node
+  linkType: hard
+
 "mdast-util-definitions@npm:^5.0.0":
   version: 5.1.1
   resolution: "mdast-util-definitions@npm:5.1.1"
@@ -15663,16 +16053,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdast-util-directive@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "mdast-util-directive@npm:1.0.1"
+"mdast-util-directive@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "mdast-util-directive@npm:3.0.0"
   dependencies:
-    mdast-util-to-markdown: ^0.6.0
-    parse-entities: ^2.0.0
-    repeat-string: ^1.0.0
-    stringify-entities: ^3.1.0
-    unist-util-visit-parents: ^3.0.0
-  checksum: 04f3cb23f85b3e9be41ba18965a3375a016d8acf4e1819af5149e5a9cb07e3c87fe93b9a10ba5129b955ffabfb8ede78bb634946b5a0401fd63cd3f05e978665
+    "@types/mdast": ^4.0.0
+    "@types/unist": ^3.0.0
+    devlop: ^1.0.0
+    mdast-util-from-markdown: ^2.0.0
+    mdast-util-to-markdown: ^2.0.0
+    parse-entities: ^4.0.0
+    stringify-entities: ^4.0.0
+    unist-util-visit-parents: ^6.0.0
+  checksum: 593afdc4f39f99bb198f3774bf4648cb546cb99a055e40c82262a7faab10926d2529a725d0d3945300ed0a1f07c6c84215a3f76b899a89b3f410ec7375bbab17
   languageName: node
   linkType: hard
 
@@ -15696,6 +16089,46 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdast-util-from-markdown@npm:^1.1.0":
+  version: 1.3.1
+  resolution: "mdast-util-from-markdown@npm:1.3.1"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    "@types/unist": ^2.0.0
+    decode-named-character-reference: ^1.0.0
+    mdast-util-to-string: ^3.1.0
+    micromark: ^3.0.0
+    micromark-util-decode-numeric-character-reference: ^1.0.0
+    micromark-util-decode-string: ^1.0.0
+    micromark-util-normalize-identifier: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+    unist-util-stringify-position: ^3.0.0
+    uvu: ^0.5.0
+  checksum: c2fac225167e248d394332a4ea39596e04cbde07d8cdb3889e91e48972c4c3462a02b39fda3855345d90231eb17a90ac6e082fb4f012a77c1d0ddfb9c7446940
+  languageName: node
+  linkType: hard
+
+"mdast-util-from-markdown@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-from-markdown@npm:2.0.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    "@types/unist": ^3.0.0
+    decode-named-character-reference: ^1.0.0
+    devlop: ^1.0.0
+    mdast-util-to-string: ^4.0.0
+    micromark: ^4.0.0
+    micromark-util-decode-numeric-character-reference: ^2.0.0
+    micromark-util-decode-string: ^2.0.0
+    micromark-util-normalize-identifier: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+    unist-util-stringify-position: ^4.0.0
+  checksum: 4e8d8a46b4b588486c41b80c39da333a91593bc8d60cd7421c6cd3c22003b8e5a62478292fb7bc97b9255b6301a2250cca32340ef43c309156e215453c5b92be
+  languageName: node
+  linkType: hard
+
 "mdast-util-frontmatter@npm:^1.0.0":
   version: 1.0.0
   resolution: "mdast-util-frontmatter@npm:1.0.0"
@@ -15705,6 +16138,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdast-util-frontmatter@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-frontmatter@npm:2.0.1"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    devlop: ^1.0.0
+    escape-string-regexp: ^5.0.0
+    mdast-util-from-markdown: ^2.0.0
+    mdast-util-to-markdown: ^2.0.0
+    micromark-extension-frontmatter: ^2.0.0
+  checksum: 86a7c8d9eb183be2621d6d9134b9d33df2a3647e3255f68a9796e2425e25643ffae00a501e36c57d9c10973087b94aa5a2ffd865d33cdd274cc9b88cd2d90a2e
+  languageName: node
+  linkType: hard
+
 "mdast-util-mdx-expression@npm:^1.0.0":
   version: 1.3.1
   resolution: "mdast-util-mdx-expression@npm:1.3.1"
@@ -15718,30 +16165,84 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdast-util-mdx-jsx@npm:^1.0.0":
-  version: 1.2.0
-  resolution: "mdast-util-mdx-jsx@npm:1.2.0"
+"mdast-util-mdx-expression@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-mdx-expression@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    "@types/hast": ^3.0.0
+    "@types/mdast": ^4.0.0
+    devlop: ^1.0.0
+    mdast-util-from-markdown: ^2.0.0
+    mdast-util-to-markdown: ^2.0.0
+  checksum: 4e1183000e183e07a7264e192889b4fd57372806103031c71b9318967f85fd50a5dd0f92ef14f42c331e77410808f5de3341d7bc8ad4ee91b7fa8f0a30043a8a
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx-jsx@npm:^2.0.0":
+  version: 2.1.4
+  resolution: "mdast-util-mdx-jsx@npm:2.1.4"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
+    "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
-    mdast-util-to-markdown: ^1.0.0
+    "@types/unist": ^2.0.0
+    ccount: ^2.0.0
+    mdast-util-from-markdown: ^1.1.0
+    mdast-util-to-markdown: ^1.3.0
     parse-entities: ^4.0.0
     stringify-entities: ^4.0.0
     unist-util-remove-position: ^4.0.0
     unist-util-stringify-position: ^3.0.0
     vfile-message: ^3.0.0
-  checksum: 1aeb8c5ac3b2ab675e3e45a9ae89c7cd0d30526029b7bb8c797fff91fafc275c1cf7350fada863776f387b6cb7ea8991a7da5821cbee01f738a6fada11938f6a
+  checksum: add3ff2dd1faf2419b506abb630a471da42edc99e16fdcff95f405d27f881cb4890a94b2a7a38de9592f37170bee1c135bc156699a0f74af4b69610f0b5fcf1d
   languageName: node
   linkType: hard
 
-"mdast-util-mdx@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "mdast-util-mdx@npm:1.1.0"
+"mdast-util-mdx-jsx@npm:^3.0.0":
+  version: 3.1.2
+  resolution: "mdast-util-mdx-jsx@npm:3.1.2"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    "@types/hast": ^3.0.0
+    "@types/mdast": ^4.0.0
+    "@types/unist": ^3.0.0
+    ccount: ^2.0.0
+    devlop: ^1.1.0
+    mdast-util-from-markdown: ^2.0.0
+    mdast-util-to-markdown: ^2.0.0
+    parse-entities: ^4.0.0
+    stringify-entities: ^4.0.0
+    unist-util-remove-position: ^5.0.0
+    unist-util-stringify-position: ^4.0.0
+    vfile-message: ^4.0.0
+  checksum: 33cb8a657702d5bb8d3f658d158f448c45147664cdb2475501a1c467e3a167d75842546296a06f758f07cce4d2a6ba1add405dbdb6caa145a6980c9782e411e2
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdx@npm:2.0.1"
   dependencies:
+    mdast-util-from-markdown: ^1.0.0
     mdast-util-mdx-expression: ^1.0.0
-    mdast-util-mdx-jsx: ^1.0.0
+    mdast-util-mdx-jsx: ^2.0.0
     mdast-util-mdxjs-esm: ^1.0.0
-  checksum: 03a3364bd964596bc1989065689254ad726e063503cfd30b4416a53aa8fa7890959b36c2441b32a70da5b2969c8b9ed70dfe076d3998f59d7eb876c80c8b6f61
+    mdast-util-to-markdown: ^1.0.0
+  checksum: 7303149230a26e524e319833b782bffca94e49cdab012996618701259bd056e014ca22a35d25ffa8880ba9064ee126a2a002f01e5c90a31ca726339ed775875e
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "mdast-util-mdx@npm:3.0.0"
+  dependencies:
+    mdast-util-from-markdown: ^2.0.0
+    mdast-util-mdx-expression: ^2.0.0
+    mdast-util-mdx-jsx: ^3.0.0
+    mdast-util-mdxjs-esm: ^2.0.0
+    mdast-util-to-markdown: ^2.0.0
+  checksum: e2b007d826fcd49fd57ed03e190753c8b0f7d9eff6c7cb26ba609cde15cd3a472c0cd5e4a1ee3e39a40f14be22fdb57de243e093cea0c064d6f3366cff3e3af2
   languageName: node
   linkType: hard
 
@@ -15758,34 +16259,70 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdast-util-to-hast@npm:^11.0.0":
-  version: 11.3.0
-  resolution: "mdast-util-to-hast@npm:11.3.0"
+"mdast-util-mdxjs-esm@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdxjs-esm@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    "@types/hast": ^3.0.0
+    "@types/mdast": ^4.0.0
+    devlop: ^1.0.0
+    mdast-util-from-markdown: ^2.0.0
+    mdast-util-to-markdown: ^2.0.0
+  checksum: 1f9dad04d31d59005332e9157ea9510dc1d03092aadbc607a10475c7eec1c158b475aa0601a3a4f74e13097ca735deb8c2d9d37928ddef25d3029fd7c9e14dc3
+  languageName: node
+  linkType: hard
+
+"mdast-util-phrasing@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "mdast-util-phrasing@npm:3.0.1"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    unist-util-is: ^5.0.0
+  checksum: c5b616d9b1eb76a6b351d195d94318494722525a12a89d9c8a3b091af7db3dd1fc55d294f9d29266d8159a8267b0df4a7a133bda8a3909d5331c383e1e1ff328
+  languageName: node
+  linkType: hard
+
+"mdast-util-phrasing@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "mdast-util-phrasing@npm:4.1.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    unist-util-is: ^6.0.0
+  checksum: 3a97533e8ad104a422f8bebb34b3dde4f17167b8ed3a721cf9263c7416bd3447d2364e6d012a594aada40cac9e949db28a060bb71a982231693609034ed5324e
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-hast@npm:^12.1.0":
+  version: 12.3.0
+  resolution: "mdast-util-to-hast@npm:12.3.0"
   dependencies:
     "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
-    "@types/mdurl": ^1.0.0
     mdast-util-definitions: ^5.0.0
-    mdurl: ^1.0.0
-    unist-builder: ^3.0.0
+    micromark-util-sanitize-uri: ^1.1.0
+    trim-lines: ^3.0.0
     unist-util-generated: ^2.0.0
     unist-util-position: ^4.0.0
     unist-util-visit: ^4.0.0
-  checksum: a968d034613aa5cfb44b9c03d8e61a08bb563bfde3a233fb3d83a28857357e2beef56b6767bab2867d3c3796dc5dd796af4d03fb83e3133aeb7f4187b5cc9327
+  checksum: ea40c9f07dd0b731754434e81c913590c611b1fd753fa02550a1492aadfc30fb3adecaf62345ebb03cea2ddd250c15ab6e578fffde69c19955c9b87b10f2a9bb
   languageName: node
   linkType: hard
 
-"mdast-util-to-markdown@npm:^0.6.0":
-  version: 0.6.5
-  resolution: "mdast-util-to-markdown@npm:0.6.5"
+"mdast-util-to-hast@npm:^13.0.0":
+  version: 13.1.0
+  resolution: "mdast-util-to-hast@npm:13.1.0"
   dependencies:
-    "@types/unist": ^2.0.0
-    longest-streak: ^2.0.0
-    mdast-util-to-string: ^2.0.0
-    parse-entities: ^2.0.0
-    repeat-string: ^1.0.0
-    zwitch: ^1.0.0
-  checksum: 7ebc47533bff6e8669f85ae124dc521ea570e9df41c0d9e4f0f43c19ef4a8c9928d741f3e4afa62fcca1927479b714582ff5fd684ef240d84ee5b75ab9d863cf
+    "@types/hast": ^3.0.0
+    "@types/mdast": ^4.0.0
+    "@ungap/structured-clone": ^1.0.0
+    devlop: ^1.0.0
+    micromark-util-sanitize-uri: ^2.0.0
+    trim-lines: ^3.0.0
+    unist-util-position: ^5.0.0
+    unist-util-visit: ^5.0.0
+    vfile: ^6.0.0
+  checksum: 640bc897286af8fe760cd477fb04bbf544a5a897cdc2220ce36fe2f892f067b483334610387aeb969511bd78a2d841a54851079cd676ac513d6a5ff75852514e
   languageName: node
   linkType: hard
 
@@ -15804,10 +16341,35 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdast-util-to-string@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "mdast-util-to-string@npm:2.0.0"
-  checksum: 0b2113ada10e002fbccb014170506dabe2f2ddacaacbe4bc1045c33f986652c5a162732a2c057c5335cdb58419e2ad23e368e5be226855d4d4e280b81c4e9ec2
+"mdast-util-to-markdown@npm:^1.3.0":
+  version: 1.5.0
+  resolution: "mdast-util-to-markdown@npm:1.5.0"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    "@types/unist": ^2.0.0
+    longest-streak: ^3.0.0
+    mdast-util-phrasing: ^3.0.0
+    mdast-util-to-string: ^3.0.0
+    micromark-util-decode-string: ^1.0.0
+    unist-util-visit: ^4.0.0
+    zwitch: ^2.0.0
+  checksum: 64338eb33e49bb0aea417591fd986f72fdd39205052563bb7ce9eb9ecc160824509bfacd740086a05af355c6d5c36353aafe95cab9e6927d674478757cee6259
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-markdown@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "mdast-util-to-markdown@npm:2.1.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    "@types/unist": ^3.0.0
+    longest-streak: ^3.0.0
+    mdast-util-phrasing: ^4.0.0
+    mdast-util-to-string: ^4.0.0
+    micromark-util-decode-string: ^2.0.0
+    unist-util-visit: ^5.0.0
+    zwitch: ^2.0.0
+  checksum: 3a2cf3957e23b34e2e092e6e76ae72ee0b8745955bd811baba6814cf3a3d916c3fd52264b4b58f3bb3d512a428f84a1e998b6fc7e28434e388a9ae8fb6a9c173
   languageName: node
   linkType: hard
 
@@ -15818,10 +16380,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdurl@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "mdurl@npm:1.0.1"
-  checksum: 71731ecba943926bfbf9f9b51e28b5945f9411c4eda80894221b47cc105afa43ba2da820732b436f0798fd3edbbffcd1fc1415843c41a87fea08a41cc1e3d02b
+"mdast-util-to-string@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mdast-util-to-string@npm:4.0.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+  checksum: 35489fb5710d58cbc2d6c8b6547df161a3f81e0f28f320dfb3548a9393555daf07c310c0c497708e67ed4dfea4a06e5655799e7d631ca91420c288b4525d6c29
   languageName: node
   linkType: hard
 
@@ -15926,7 +16490,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.2.3, merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
   version: 1.4.1
   resolution: "merge2@npm:1.4.1"
   checksum: 7268db63ed5169466540b6fb947aec313200bcf6d40c5ab722c22e242f651994619bcd85601602972d3c85bd2cc45a358a4c61937e9f11a061919a1da569b0c2
@@ -16300,13 +16864,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromark-extension-directive@npm:^1.0.0":
-  version: 1.4.0
-  resolution: "micromark-extension-directive@npm:1.4.0"
+"micromark-core-commonmark@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-core-commonmark@npm:2.0.1"
   dependencies:
-    micromark: ~2.11.0
-    parse-entities: ^2.0.0
-  checksum: 9a6d16cf36c7f8b5ac1254faf04e8954e1643bc9c9b72466c0d371beff288be1663a784aafdd03b996a71624d53765668771770172a1b1f0de24b155b1e7f507
+    decode-named-character-reference: ^1.0.0
+    devlop: ^1.0.0
+    micromark-factory-destination: ^2.0.0
+    micromark-factory-label: ^2.0.0
+    micromark-factory-space: ^2.0.0
+    micromark-factory-title: ^2.0.0
+    micromark-factory-whitespace: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-chunked: ^2.0.0
+    micromark-util-classify-character: ^2.0.0
+    micromark-util-html-tag-name: ^2.0.0
+    micromark-util-normalize-identifier: ^2.0.0
+    micromark-util-resolve-all: ^2.0.0
+    micromark-util-subtokenize: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 6a9891cc883a531e090dc8dab6669945f3df9448e84216a8f2a91f9258281e6abea5ae3940fde2bd77a57dc3e0d67f2add6762aed63a378f37b09eaf7e7426c4
+  languageName: node
+  linkType: hard
+
+"micromark-extension-directive@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-directive@npm:3.0.0"
+  dependencies:
+    devlop: ^1.0.0
+    micromark-factory-space: ^2.0.0
+    micromark-factory-whitespace: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+    parse-entities: ^4.0.0
+  checksum: 8350106bdf039a544cba64cf7932261a710e07d73d43d6c645dd2b16577f30ebd04abf762e8ca74266f5de19938e1eeff6c237d79f8244dea23aef7f90df2c31
   languageName: node
   linkType: hard
 
@@ -16321,6 +16914,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-extension-frontmatter@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-extension-frontmatter@npm:2.0.0"
+  dependencies:
+    fault: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: f68032df38c00ae47de15b63bcd72515bfcce39de4a9262a3a1ac9c5990f253f8e41bdc65fd17ec4bb3d144c32529ce0829571331e4901a9a413f1a53785d1e8
+  languageName: node
+  linkType: hard
+
 "micromark-extension-mdx-expression@npm:^1.0.0":
   version: 1.0.3
   resolution: "micromark-extension-mdx-expression@npm:1.0.3"
@@ -16336,6 +16941,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-extension-mdx-expression@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdx-expression@npm:3.0.0"
+  dependencies:
+    "@types/estree": ^1.0.0
+    devlop: ^1.0.0
+    micromark-factory-mdx-expression: ^2.0.0
+    micromark-factory-space: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-events-to-acorn: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: abd6ba0acdebc03bc0836c51a1ec4ca28e0be86f10420dd8cfbcd6c10dd37cd3f31e7c8b9792e9276e7526748883f4a30d0803d72b6285dae47d4e5348c23a10
+  languageName: node
+  linkType: hard
+
 "micromark-extension-mdx-jsx@npm:^1.0.0":
   version: 1.0.3
   resolution: "micromark-extension-mdx-jsx@npm:1.0.3"
@@ -16353,6 +16974,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-extension-mdx-jsx@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdx-jsx@npm:3.0.0"
+  dependencies:
+    "@types/acorn": ^4.0.0
+    "@types/estree": ^1.0.0
+    devlop: ^1.0.0
+    estree-util-is-identifier-name: ^3.0.0
+    micromark-factory-mdx-expression: ^2.0.0
+    micromark-factory-space: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+    vfile-message: ^4.0.0
+  checksum: 5e2f45d381d1ce43afadc5376427b42ef8cd2a574ca3658473254eabe84db99ef1abc03055b3d86728fac7f1edfb1076e6f2f322ed8bfb1f2f14cafc2c8f0d0e
+  languageName: node
+  linkType: hard
+
 "micromark-extension-mdx-md@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-extension-mdx-md@npm:1.0.0"
@@ -16362,6 +17001,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-extension-mdx-md@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-extension-mdx-md@npm:2.0.0"
+  dependencies:
+    micromark-util-types: ^2.0.0
+  checksum: 7daf03372fd7faddf3f0ac87bdb0debb0bb770f33b586f72251e1072b222ceee75400ab6194c0e130dbf1e077369a5b627be6e9130d7a2e9e6b849f0d18ff246
+  languageName: node
+  linkType: hard
+
 "micromark-extension-mdxjs-esm@npm:^1.0.0":
   version: 1.0.3
   resolution: "micromark-extension-mdxjs-esm@npm:1.0.3"
@@ -16378,6 +17026,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-extension-mdxjs-esm@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdxjs-esm@npm:3.0.0"
+  dependencies:
+    "@types/estree": ^1.0.0
+    devlop: ^1.0.0
+    micromark-core-commonmark: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-events-to-acorn: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+    unist-util-position-from-estree: ^2.0.0
+    vfile-message: ^4.0.0
+  checksum: fb33d850200afce567b95c90f2f7d42259bd33eea16154349e4fa77c3ec934f46c8e5c111acea16321dce3d9f85aaa4c49afe8b810e31b34effc11617aeee8f6
+  languageName: node
+  linkType: hard
+
 "micromark-extension-mdxjs@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-extension-mdxjs@npm:1.0.0"
@@ -16394,6 +17059,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-extension-mdxjs@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "micromark-extension-mdxjs@npm:3.0.0"
+  dependencies:
+    acorn: ^8.0.0
+    acorn-jsx: ^5.0.0
+    micromark-extension-mdx-expression: ^3.0.0
+    micromark-extension-mdx-jsx: ^3.0.0
+    micromark-extension-mdx-md: ^2.0.0
+    micromark-extension-mdxjs-esm: ^3.0.0
+    micromark-util-combine-extensions: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 7da6f0fb0e1e0270a2f5ad257e7422cc16e68efa7b8214c63c9d55bc264cb872e9ca4ac9a71b9dfd13daf52e010f730bac316086f4340e4fcc6569ec699915bf
+  languageName: node
+  linkType: hard
+
 "micromark-factory-destination@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-factory-destination@npm:1.0.0"
@@ -16405,6 +17086,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-factory-destination@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-factory-destination@npm:2.0.0"
+  dependencies:
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: d36e65ed1c072ff4148b016783148ba7c68a078991154625723e24bda3945160268fb91079fb28618e1613c2b6e70390a8ddc544c45410288aa27b413593071a
+  languageName: node
+  linkType: hard
+
 "micromark-factory-label@npm:^1.0.0":
   version: 1.0.2
   resolution: "micromark-factory-label@npm:1.0.2"
@@ -16417,6 +17109,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-factory-label@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-factory-label@npm:2.0.0"
+  dependencies:
+    devlop: ^1.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: c021dbd0ed367610d35f2bae21209bc804d1a6d1286ffce458fd6a717f4d7fe581a7cba7d5c2d7a63757c44eb927c80d6a571d6ea7969fae1b48ab6461d109c4
+  languageName: node
+  linkType: hard
+
 "micromark-factory-mdx-expression@npm:^1.0.0":
   version: 1.0.6
   resolution: "micromark-factory-mdx-expression@npm:1.0.6"
@@ -16433,6 +17137,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-factory-mdx-expression@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-mdx-expression@npm:2.0.1"
+  dependencies:
+    "@types/estree": ^1.0.0
+    devlop: ^1.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-events-to-acorn: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+    unist-util-position-from-estree: ^2.0.0
+    vfile-message: ^4.0.0
+  checksum: 2ba0ae939d0174a5e5331b1a4c203b96862ccf06e8903d6bdcc2d51f75515e52d407cd394afcd182f9ff0e877dc2a14e3fa430ced0131e156650d45104de8311
+  languageName: node
+  linkType: hard
+
 "micromark-factory-space@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-factory-space@npm:1.0.0"
@@ -16443,6 +17163,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-factory-space@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-factory-space@npm:2.0.0"
+  dependencies:
+    micromark-util-character: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 4ffdcdc2f759887bbb356500cb460b3915ecddcb5d85c3618d7df68ad05d13ed02b1153ee1845677b7d8126df8f388288b84fcf0d943bd9c92bcc71cd7222e37
+  languageName: node
+  linkType: hard
+
 "micromark-factory-title@npm:^1.0.0":
   version: 1.0.2
   resolution: "micromark-factory-title@npm:1.0.2"
@@ -16456,6 +17186,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-factory-title@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-factory-title@npm:2.0.0"
+  dependencies:
+    micromark-factory-space: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 39e1ac23af3554e6e652e56065579bc7faf21ade7b8704b29c175871b4152b7109b790bb3cae0f7e088381139c6bac9553b8400772c3d322e4fa635f813a3578
+  languageName: node
+  linkType: hard
+
 "micromark-factory-whitespace@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-factory-whitespace@npm:1.0.0"
@@ -16468,6 +17210,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-factory-whitespace@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-factory-whitespace@npm:2.0.0"
+  dependencies:
+    micromark-factory-space: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 9587c2546d1a58b4d5472b42adf05463f6212d0449455285662d63cd8eaed89c6b159ac82713fcee5f9dd88628c24307d9533cccd8971a2f3f4d48702f8f850a
+  languageName: node
+  linkType: hard
+
 "micromark-util-character@npm:^1.0.0":
   version: 1.1.0
   resolution: "micromark-util-character@npm:1.1.0"
@@ -16478,12 +17232,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-character@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-util-character@npm:2.1.0"
+  dependencies:
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 36ee910f84077cf16626fa618cfe46ac25956b3242e3166b8e8e98c5a8c524af7e5bf3d70822264b1fd2d297a36104a7eb7e3462c19c28353eaca7b0d8717594
+  languageName: node
+  linkType: hard
+
 "micromark-util-chunked@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-util-chunked@npm:1.0.0"
   dependencies:
-    micromark-util-symbol: ^1.0.0
-  checksum: c1efd56e8c4217bcf1c6f1a9fb9912b4a2a5503b00d031da902be922fb3fee60409ac53f11739991291357b2784fb0647ddfc74c94753a068646c0cb0fd71421
+    micromark-util-symbol: ^1.0.0
+  checksum: c1efd56e8c4217bcf1c6f1a9fb9912b4a2a5503b00d031da902be922fb3fee60409ac53f11739991291357b2784fb0647ddfc74c94753a068646c0cb0fd71421
+  languageName: node
+  linkType: hard
+
+"micromark-util-chunked@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-chunked@npm:2.0.0"
+  dependencies:
+    micromark-util-symbol: ^2.0.0
+  checksum: 324f95cccdae061332a8241936eaba6ef0782a1e355bac5c607ad2564fd3744929be7dc81651315a2921535747a33243e6a5606bcb64b7a56d49b6d74ea1a3d4
   languageName: node
   linkType: hard
 
@@ -16498,6 +17271,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-classify-character@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-classify-character@npm:2.0.0"
+  dependencies:
+    micromark-util-character: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 086e52904deffebb793fb1c08c94aabb8901f76958142dfc3a6282890ebaa983b285e69bd602b9d507f1b758ed38e75a994d2ad9fbbefa7de2584f67a16af405
+  languageName: node
+  linkType: hard
+
 "micromark-util-combine-extensions@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-util-combine-extensions@npm:1.0.0"
@@ -16508,6 +17292,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-combine-extensions@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-combine-extensions@npm:2.0.0"
+  dependencies:
+    micromark-util-chunked: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 107c47700343f365b4ed81551e18bc3458b573c500e56ac052b2490bd548adc475216e41d2271633a8867fac66fc22ba3e0a2d74a31ed79b9870ca947eb4e3ba
+  languageName: node
+  linkType: hard
+
 "micromark-util-decode-numeric-character-reference@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-util-decode-numeric-character-reference@npm:1.0.0"
@@ -16517,6 +17311,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-decode-numeric-character-reference@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-decode-numeric-character-reference@npm:2.0.1"
+  dependencies:
+    micromark-util-symbol: ^2.0.0
+  checksum: 9512507722efd2033a9f08715eeef787fbfe27e23edf55db21423d46d82ab46f76c89b4f960be3f5e50a2d388d89658afc0647989cf256d051e9ea01277a1adb
+  languageName: node
+  linkType: hard
+
 "micromark-util-decode-string@npm:^1.0.0":
   version: 1.0.2
   resolution: "micromark-util-decode-string@npm:1.0.2"
@@ -16529,6 +17332,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-decode-string@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-decode-string@npm:2.0.0"
+  dependencies:
+    decode-named-character-reference: ^1.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-decode-numeric-character-reference: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+  checksum: a75daf32a4a6b549e9f19b4d833ebfeb09a32a9a1f9ce50f35dec6b6a3e4f9f121f49024ba7f9c91c55ebe792f7c7a332fc9604795181b6a612637df0df5b959
+  languageName: node
+  linkType: hard
+
 "micromark-util-encode@npm:^1.0.0":
   version: 1.0.1
   resolution: "micromark-util-encode@npm:1.0.1"
@@ -16536,6 +17351,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-encode@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-encode@npm:2.0.0"
+  checksum: 853a3f33fce72aaf4ffa60b7f2b6fcfca40b270b3466e1b96561b02185d2bd8c01dd7948bc31a24ac014f4cc854e545ca9a8e9cf7ea46262f9d24c9e88551c66
+  languageName: node
+  linkType: hard
+
 "micromark-util-events-to-acorn@npm:^1.0.0":
   version: 1.2.0
   resolution: "micromark-util-events-to-acorn@npm:1.2.0"
@@ -16551,6 +17373,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-events-to-acorn@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-util-events-to-acorn@npm:2.0.2"
+  dependencies:
+    "@types/acorn": ^4.0.0
+    "@types/estree": ^1.0.0
+    "@types/unist": ^3.0.0
+    devlop: ^1.0.0
+    estree-util-visit: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+    vfile-message: ^4.0.0
+  checksum: bcb3eeac52a4ae5c3ca3d8cff514de3a7d1f272d9a94cce26a08c578bef64df4d61820874c01207e92fcace9eae5c9a7ecdddef0c6e10014b255a07b7880bf94
+  languageName: node
+  linkType: hard
+
 "micromark-util-html-tag-name@npm:^1.0.0":
   version: 1.1.0
   resolution: "micromark-util-html-tag-name@npm:1.1.0"
@@ -16558,6 +17396,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-html-tag-name@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-html-tag-name@npm:2.0.0"
+  checksum: d786d4486f93eb0ac5b628779809ca97c5dc60f3c9fc03eb565809831db181cf8cb7f05f9ac76852f3eb35461af0f89fa407b46f3a03f4f97a96754d8dc540d8
+  languageName: node
+  linkType: hard
+
 "micromark-util-normalize-identifier@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-util-normalize-identifier@npm:1.0.0"
@@ -16567,6 +17412,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-normalize-identifier@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-normalize-identifier@npm:2.0.0"
+  dependencies:
+    micromark-util-symbol: ^2.0.0
+  checksum: b36da2d3fd102053dadd953ce5c558328df12a63a8ac0e5aad13d4dda8e43b6a5d4a661baafe0a1cd8a260bead4b4a8e6e0e74193dd651e8484225bd4f4e68aa
+  languageName: node
+  linkType: hard
+
 "micromark-util-resolve-all@npm:^1.0.0":
   version: 1.0.0
   resolution: "micromark-util-resolve-all@npm:1.0.0"
@@ -16576,6 +17430,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-resolve-all@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-resolve-all@npm:2.0.0"
+  dependencies:
+    micromark-util-types: ^2.0.0
+  checksum: 31fe703b85572cb3f598ebe32750e59516925c7ff1f66cfe6afaebe0771a395a9eaa770787f2523d3c46082ea80e6c14f83643303740b3d650af7c96ebd30ccc
+  languageName: node
+  linkType: hard
+
 "micromark-util-sanitize-uri@npm:^1.0.0":
   version: 1.1.0
   resolution: "micromark-util-sanitize-uri@npm:1.1.0"
@@ -16587,6 +17450,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-sanitize-uri@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "micromark-util-sanitize-uri@npm:1.2.0"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-encode: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+  checksum: 6663f365c4fe3961d622a580f4a61e34867450697f6806f027f21cf63c92989494895fcebe2345d52e249fe58a35be56e223a9776d084c9287818b40c779acc1
+  languageName: node
+  linkType: hard
+
+"micromark-util-sanitize-uri@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-sanitize-uri@npm:2.0.0"
+  dependencies:
+    micromark-util-character: ^2.0.0
+    micromark-util-encode: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+  checksum: ea4c28bbffcf2430e9aff2d18554296789a8b0a1f54ac24020d1dde76624a7f93e8f2a83e88cd5a846b6d2c4287b71b1142d1b89fa7f1b0363a9b33711a141fe
+  languageName: node
+  linkType: hard
+
 "micromark-util-subtokenize@npm:^1.0.0":
   version: 1.0.2
   resolution: "micromark-util-subtokenize@npm:1.0.2"
@@ -16599,6 +17484,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-subtokenize@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-subtokenize@npm:2.0.1"
+  dependencies:
+    devlop: ^1.0.0
+    micromark-util-chunked: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: 5d338883ad8889c63f9b262b9cae0c02a42088201981d820ae7af7aa6d38fab6585b89fd4cf2206a46a7c4002e41ee6c70e1a3e0ceb3ad8b7adcffaf166b1511
+  languageName: node
+  linkType: hard
+
 "micromark-util-symbol@npm:^1.0.0":
   version: 1.0.1
   resolution: "micromark-util-symbol@npm:1.0.1"
@@ -16606,6 +17503,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-symbol@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-symbol@npm:2.0.0"
+  checksum: fa4a05bff575d9fbf0ad96a1013003e3bb6087ed6b34b609a141b6c0d2137b57df594aca409a95f4c5fda199f227b56a7d8b1f82cea0768df161d8a3a3660764
+  languageName: node
+  linkType: hard
+
 "micromark-util-types@npm:^1.0.0, micromark-util-types@npm:^1.0.1":
   version: 1.0.2
   resolution: "micromark-util-types@npm:1.0.2"
@@ -16613,6 +17517,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"micromark-util-types@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "micromark-util-types@npm:2.0.0"
+  checksum: 819fef3ab5770c37893d2a60381fb2694396c8d22803b6e103c830c3a1bc1490363c2b0470bb2acaaddad776dfbc2fc1fcfde39cb63c4f54d95121611672e3d0
+  languageName: node
+  linkType: hard
+
 "micromark@npm:^3.0.0":
   version: 3.1.0
   resolution: "micromark@npm:3.1.0"
@@ -16638,13 +17549,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromark@npm:~2.11.0":
-  version: 2.11.4
-  resolution: "micromark@npm:2.11.4"
+"micromark@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "micromark@npm:4.0.0"
   dependencies:
+    "@types/debug": ^4.0.0
     debug: ^4.0.0
-    parse-entities: ^2.0.0
-  checksum: f8a5477d394908a5d770227aea71657a76423d420227c67ea0699e659a5f62eb39d504c1f7d69ec525a6af5aaeb6a7bffcdba95614968c03d41d3851edecb0d6
+    decode-named-character-reference: ^1.0.0
+    devlop: ^1.0.0
+    micromark-core-commonmark: ^2.0.0
+    micromark-factory-space: ^2.0.0
+    micromark-util-character: ^2.0.0
+    micromark-util-chunked: ^2.0.0
+    micromark-util-combine-extensions: ^2.0.0
+    micromark-util-decode-numeric-character-reference: ^2.0.0
+    micromark-util-encode: ^2.0.0
+    micromark-util-normalize-identifier: ^2.0.0
+    micromark-util-resolve-all: ^2.0.0
+    micromark-util-sanitize-uri: ^2.0.0
+    micromark-util-subtokenize: ^2.0.0
+    micromark-util-symbol: ^2.0.0
+    micromark-util-types: ^2.0.0
+  checksum: b84ab5ab1a0b28c063c52e9c2c9d7d44b954507235c10c9492d66e0b38f7de24bf298f914a1fbdf109f2a57a88cf0412de217c84cfac5fd60e3e42a74dbac085
   languageName: node
   linkType: hard
 
@@ -16679,7 +17605,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-db@npm:1.52.0, mime-db@npm:>= 1.43.0 < 2":
+"mime-db@npm:1.52.0, mime-db@npm:>= 1.43.0 < 2, mime-db@npm:^1.52.0":
   version: 1.52.0
   resolution: "mime-db@npm:1.52.0"
   checksum: 0d99a03585f8b39d68182803b12ac601d9c01abfa28ec56204fa330bc9f3d1c5e14beb049bafadb3dbdf646dfb94b87e24d4ec7b31b7279ef906a8ea9b6a513f
@@ -16727,20 +17653,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mimic-response@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "mimic-response@npm:1.0.1"
-  checksum: 034c78753b0e622bc03c983663b1cdf66d03861050e0c8606563d149bc2b02d63f62ce4d32be4ab50d0553ae0ffe647fc34d1f5281184c6e1e8cf4d85e8d9823
-  languageName: node
-  linkType: hard
-
-"mimic-response@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "mimic-response@npm:3.1.0"
-  checksum: 25739fee32c17f433626bf19f016df9036b75b3d84a3046c7d156e72ec963dd29d7fc8a302f55a3d6c5a4ff24259676b15d915aad6480815a969ff2ec0836867
-  languageName: node
-  linkType: hard
-
 "min-indent@npm:^1.0.0":
   version: 1.0.1
   resolution: "min-indent@npm:1.0.1"
@@ -16757,6 +17669,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:^9.0.0, minimatch@npm:^9.0.1":
+  version: 9.0.3
+  resolution: "minimatch@npm:9.0.3"
+  dependencies:
+    brace-expansion: ^2.0.1
+  checksum: 253487976bf485b612f16bf57463520a14f512662e592e95c571afdab1442a6a6864b6c88f248ce6fc4ff0b6de04ac7aa6c8bb51e868e99d1d65eb0658a708b5
+  languageName: node
+  linkType: hard
+
 "minimist-options@npm:4.1.0, minimist-options@npm:^4.0.2":
   version: 4.1.0
   resolution: "minimist-options@npm:4.1.0"
@@ -16842,6 +17763,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minipass@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "minipass@npm:5.0.0"
+  checksum: 425dab288738853fded43da3314a0b5c035844d6f3097a8e3b5b29b328da8f3c1af6fc70618b32c29ff906284cf6406b6841376f21caaadd0793c1d5a6a620ea
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.3":
+  version: 7.0.4
+  resolution: "minipass@npm:7.0.4"
+  checksum: 87585e258b9488caf2e7acea242fd7856bbe9a2c84a7807643513a338d66f368c7d518200ad7b70a508664d408aa000517647b2930c259a8b1f9f0984f344a21
+  languageName: node
+  linkType: hard
+
 "minizlib@npm:^2.0.0, minizlib@npm:^2.1.1":
   version: 2.1.2
   resolution: "minizlib@npm:2.1.2"
@@ -16908,6 +17843,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mlly@npm:^1.4.2, mlly@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "mlly@npm:1.7.0"
+  dependencies:
+    acorn: ^8.11.3
+    pathe: ^1.1.2
+    pkg-types: ^1.1.0
+    ufo: ^1.5.3
+  checksum: c1548f4dd0e31ce15d293ebb7c61778bd28c405573dc43dcf799eaeb8f6b776d7dadd95e957d6631b9cc4bb963cd01079d58b7e2290ed540aa460e061bdbd1fa
+  languageName: node
+  linkType: hard
+
 "mmd-parser@npm:^1.0.4":
   version: 1.0.4
   resolution: "mmd-parser@npm:1.0.4"
@@ -16922,6 +17869,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"modern-ahocorasick@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "modern-ahocorasick@npm:1.0.1"
+  checksum: ec83479f406511f37a966d66ce1c2b1701bb4a2cc2aabbbc257001178c9fbc48ce748c88eb10dfe72ba8b7f991a0bc7f1fa14683f444685edd1a9eeb32ecbc1e
+  languageName: node
+  linkType: hard
+
 "morgan@npm:^1.10.0":
   version: 1.10.0
   resolution: "morgan@npm:1.10.0"
@@ -16935,7 +17889,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mri@npm:1.2.0, mri@npm:^1.1.0, mri@npm:^1.1.5":
+"mri@npm:^1.1.0, mri@npm:^1.1.5":
   version: 1.2.0
   resolution: "mri@npm:1.2.0"
   checksum: 83f515abbcff60150873e424894a2f65d68037e5a7fcde8a9e2b285ee9c13ac581b63cfc1e6826c4732de3aeb84902f7c1e16b7aff46cd3f897a0f757a894e85
@@ -16983,13 +17937,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mute-stream@npm:0.0.8":
-  version: 0.0.8
-  resolution: "mute-stream@npm:0.0.8"
-  checksum: ff48d251fc3f827e5b1206cda0ffdaec885e56057ee86a3155e1951bc940fd5f33531774b1cc8414d7668c10a8907f863f6561875ee6e8768931a62121a531a1
-  languageName: node
-  linkType: hard
-
 "mz@npm:^2.7.0":
   version: 2.7.0
   resolution: "mz@npm:2.7.0"
@@ -17059,13 +18006,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"netmask@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "netmask@npm:2.0.2"
-  checksum: c65cb8d3f7ea5669edddb3217e4c96910a60d0d9a4b52d9847ff6b28b2d0277cd8464eee0ef85133cdee32605c57940cacdd04a9a019079b091b6bba4cb0ec22
-  languageName: node
-  linkType: hard
-
 "next-tick@npm:^1.1.0":
   version: 1.1.0
   resolution: "next-tick@npm:1.1.0"
@@ -17087,15 +18027,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-addon-api@npm:^1.7.1":
-  version: 1.7.2
-  resolution: "node-addon-api@npm:1.7.2"
-  dependencies:
-    node-gyp: latest
-  checksum: 938922b3d7cb34ee137c5ec39df6289a3965e8cab9061c6848863324c21a778a81ae3bc955554c56b6b86962f6ccab2043dd5fa3f33deab633636bd28039333f
-  languageName: node
-  linkType: hard
-
 "node-dir@npm:^0.1.17":
   version: 0.1.17
   resolution: "node-dir@npm:0.1.17"
@@ -17105,7 +18036,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-fetch@npm:2.6.7, node-fetch@npm:^2.2.0, node-fetch@npm:^2.6.0, node-fetch@npm:^2.6.7":
+"node-fetch@npm:^2.2.0, node-fetch@npm:^2.6.0":
   version: 2.6.7
   resolution: "node-fetch@npm:2.6.7"
   dependencies:
@@ -17119,17 +18050,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-gyp-build@npm:^4.3.0":
-  version: 4.5.0
-  resolution: "node-gyp-build@npm:4.5.0"
-  bin:
-    node-gyp-build: bin.js
-    node-gyp-build-optional: optional.js
-    node-gyp-build-test: build-test.js
-  checksum: d888bae0fb88335f69af1b57a2294a931c5042f36e413d8d364c992c9ebfa0b96ffe773179a5a2c8f04b73856e8634e09cce108dbb9804396d3cc8c5455ff2db
-  languageName: node
-  linkType: hard
-
 "node-gyp@npm:latest":
   version: 8.4.1
   resolution: "node-gyp@npm:8.4.1"
@@ -17157,6 +18077,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.14":
+  version: 2.0.14
+  resolution: "node-releases@npm:2.0.14"
+  checksum: 59443a2f77acac854c42d321bf1b43dea0aef55cd544c6a686e9816a697300458d4e82239e2d794ea05f7bbbc8a94500332e2d3ac3f11f52e4b16cbe638b3c41
+  languageName: node
+  linkType: hard
+
 "node-releases@npm:^2.0.6":
   version: 2.0.6
   resolution: "node-releases@npm:2.0.6"
@@ -17206,6 +18133,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"normalize-package-data@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "normalize-package-data@npm:5.0.0"
+  dependencies:
+    hosted-git-info: ^6.0.0
+    is-core-module: ^2.8.1
+    semver: ^7.3.5
+    validate-npm-package-license: ^3.0.4
+  checksum: a459f05eaf7c2b643c61234177f08e28064fde97da15800e3d3ac0404e28450d43ac46fc95fbf6407a9bf20af4c58505ad73458a912dc1517f8c1687b1d68c27
+  languageName: node
+  linkType: hard
+
 "normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
   version: 3.0.0
   resolution: "normalize-path@npm:3.0.0"
@@ -17213,10 +18152,43 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-url@npm:^6.0.1":
-  version: 6.1.0
-  resolution: "normalize-url@npm:6.1.0"
-  checksum: 4a4944631173e7d521d6b80e4c85ccaeceb2870f315584fa30121f505a6dfd86439c5e3fdd8cd9e0e291290c41d0c3599f0cb12ab356722ed242584c30348e50
+"npm-install-checks@npm:^6.0.0":
+  version: 6.3.0
+  resolution: "npm-install-checks@npm:6.3.0"
+  dependencies:
+    semver: ^7.1.1
+  checksum: 6c20dadb878a0d2f1f777405217b6b63af1299d0b43e556af9363ee6eefaa98a17dfb7b612a473a473e96faf7e789c58b221e0d8ffdc1d34903c4f71618df3b4
+  languageName: node
+  linkType: hard
+
+"npm-normalize-package-bin@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "npm-normalize-package-bin@npm:3.0.1"
+  checksum: de416d720ab22137a36292ff8a333af499ea0933ef2320a8c6f56a73b0f0448227fec4db5c890d702e26d21d04f271415eab6580b5546456861cc0c19498a4bf
+  languageName: node
+  linkType: hard
+
+"npm-package-arg@npm:^10.0.0":
+  version: 10.1.0
+  resolution: "npm-package-arg@npm:10.1.0"
+  dependencies:
+    hosted-git-info: ^6.0.0
+    proc-log: ^3.0.0
+    semver: ^7.3.5
+    validate-npm-package-name: ^5.0.0
+  checksum: 8fe4b6a742502345e4836ed42fdf26c544c9f75563c476c67044a481ada6e81f71b55462489c7e1899d516e4347150e58028036a90fa11d47e320bcc9365fd30
+  languageName: node
+  linkType: hard
+
+"npm-pick-manifest@npm:^8.0.0":
+  version: 8.0.2
+  resolution: "npm-pick-manifest@npm:8.0.2"
+  dependencies:
+    npm-install-checks: ^6.0.0
+    npm-normalize-package-bin: ^3.0.0
+    npm-package-arg: ^10.0.0
+    semver: ^7.3.5
+  checksum: c9f71b57351a3a241a7e56148332f2f341a09dff2a1b1f4ffb1517eac25f1888ac7fbce4939e522cbd533577448c307d05fff0c32430cc03c8c6179fac320cd4
   languageName: node
   linkType: hard
 
@@ -17550,10 +18522,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-cancelable@npm:^2.0.0":
-  version: 2.1.1
-  resolution: "p-cancelable@npm:2.1.1"
-  checksum: 3dba12b4fb4a1e3e34524535c7858fc82381bbbd0f247cc32dedc4018592a3950ce66b106d0880b4ec4c2d8d6576f98ca885dc1d7d0f274d1370be20e9523ddf
+"outvariant@npm:1.4.0":
+  version: 1.4.0
+  resolution: "outvariant@npm:1.4.0"
+  checksum: ec32dfc315c464bb6e4906b2f450d259ce0b86caf70b70b249054359d9af21a7fccf53a8b6aa232f8d718449e31c1cfa594e6ebffaafe7bf908b502495256d7b
+  languageName: node
+  linkType: hard
+
+"outvariant@npm:^1.3.0, outvariant@npm:^1.4.0":
+  version: 1.4.2
+  resolution: "outvariant@npm:1.4.2"
+  checksum: 5d9e2b3edb1cc8be9cbfc1c8c97e8b05137c4384bbfc56e0a465de26c5d2f023e65732ddcda9d46599b06d667fbc0de32c30d2ecd11f6f3f43bcf8ce0d320918
   languageName: node
   linkType: hard
 
@@ -17641,34 +18620,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pac-proxy-agent@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "pac-proxy-agent@npm:5.0.0"
-  dependencies:
-    "@tootallnate/once": 1
-    agent-base: 6
-    debug: 4
-    get-uri: 3
-    http-proxy-agent: ^4.0.1
-    https-proxy-agent: 5
-    pac-resolver: ^5.0.0
-    raw-body: ^2.2.0
-    socks-proxy-agent: 5
-  checksum: cfd26a0e2ebfea4ca6162465018ce093bf147d26cf6c8fb3e7155bc7c184370d80d4d09a1c097e3db7676d0e3f574ea1cb56a4aa7d1d2e5cca6238935fabf010
-  languageName: node
-  linkType: hard
-
-"pac-resolver@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "pac-resolver@npm:5.0.1"
-  dependencies:
-    degenerator: ^3.0.2
-    ip: ^1.1.5
-    netmask: ^2.0.2
-  checksum: e3bd8aada70d173cd4cec1ac810fb56161678b7a597060a740c4a31d9c5f8cd95687b2d0fd90b69c0cafe5ef787404074f38042ba08c8d378fed48973f58e493
-  languageName: node
-  linkType: hard
-
 "pako@npm:~0.2.0":
   version: 0.2.9
   resolution: "pako@npm:0.2.9"
@@ -17685,20 +18636,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-entities@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "parse-entities@npm:2.0.0"
-  dependencies:
-    character-entities: ^1.0.0
-    character-entities-legacy: ^1.0.0
-    character-reference-invalid: ^1.0.0
-    is-alphanumerical: ^1.0.0
-    is-decimal: ^1.0.0
-    is-hexadecimal: ^1.0.0
-  checksum: 7addfd3e7d747521afac33c8121a5f23043c6973809756920d37e806639b4898385d386fcf4b3c8e2ecf1bc28aac5ae97df0b112d5042034efbe80f44081ebce
-  languageName: node
-  linkType: hard
-
 "parse-entities@npm:^4.0.0":
   version: 4.0.0
   resolution: "parse-entities@npm:4.0.0"
@@ -17744,20 +18681,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-numeric-range@npm:^1.3.0":
+"parse-numeric-range@npm:1.3.0":
   version: 1.3.0
   resolution: "parse-numeric-range@npm:1.3.0"
   checksum: 289ca126d5b8ace7325b199218de198014f58ea6895ccc88a5247491d07f0143bf047f80b4a31784f1ca8911762278d7d6ecb90a31dfae31da91cc1a2524c8ce
   languageName: node
   linkType: hard
 
-"parse5@npm:^6.0.0":
-  version: 6.0.1
-  resolution: "parse5@npm:6.0.1"
-  checksum: 7d569a176c5460897f7c8f3377eff640d54132b9be51ae8a8fa4979af940830b2b0c296ce75e5bd8f4041520aadde13170dbdec44889975f906098ea0002f4bd
-  languageName: node
-  linkType: hard
-
 "parse5@npm:^7.0.0, parse5@npm:^7.1.1":
   version: 7.1.2
   resolution: "parse5@npm:7.1.2"
@@ -17837,6 +18767,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-scurry@npm:^1.10.1":
+  version: 1.10.1
+  resolution: "path-scurry@npm:1.10.1"
+  dependencies:
+    lru-cache: ^9.1.1 || ^10.0.0
+    minipass: ^5.0.0 || ^6.0.2 || ^7.0.0
+  checksum: e2557cff3a8fb8bc07afdd6ab163a92587884f9969b05bbbaf6fe7379348bfb09af9ed292af12ed32398b15fb443e81692047b786d1eeb6d898a51eb17ed7d90
+  languageName: node
+  linkType: hard
+
 "path-to-regexp@npm:0.1.7":
   version: 0.1.7
   resolution: "path-to-regexp@npm:0.1.7"
@@ -17858,6 +18798,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pathe@npm:^1.1.1, pathe@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "pathe@npm:1.1.2"
+  checksum: ec5f778d9790e7b9ffc3e4c1df39a5bb1ce94657a4e3ad830c1276491ca9d79f189f47609884671db173400256b005f4955f7952f52a2aeb5834ad5fb4faf134
+  languageName: node
+  linkType: hard
+
 "pause-stream@npm:0.0.11":
   version: 0.0.11
   resolution: "pause-stream@npm:0.0.11"
@@ -17902,7 +18849,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"phosphor-react@npm:^1.4.1":
+"phosphor-react@npm:1.4.1":
   version: 1.4.1
   resolution: "phosphor-react@npm:1.4.1"
   peerDependencies:
@@ -17911,7 +18858,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:1.0.0, picocolors@npm:^1.0.0":
+"picocolors@npm:^1.0.0":
   version: 1.0.0
   resolution: "picocolors@npm:1.0.0"
   checksum: a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981
@@ -17925,6 +18872,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pidtree@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "pidtree@npm:0.6.0"
+  bin:
+    pidtree: bin/pidtree.js
+  checksum: 8fbc073ede9209dd15e80d616e65eb674986c93be49f42d9ddde8dbbd141bb53d628a7ca4e58ab5c370bb00383f67d75df59a9a226dede8fa801267a7030c27a
+  languageName: node
+  linkType: hard
+
 "pify@npm:^2.2.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -17986,6 +18942,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pkg-types@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "pkg-types@npm:1.1.1"
+  dependencies:
+    confbox: ^0.1.7
+    mlly: ^1.7.0
+    pathe: ^1.1.2
+  checksum: 78ee49eea8c03802ffbdc79dfb6a741f905a4053453280cd2f1149850523fdaf46d39ecb88c2c2f757cceb9883f234bb0e56371084b5895632bdb00ef0f7298f
+  languageName: node
+  linkType: hard
+
 "pngjs@npm:^3.4.0":
   version: 3.4.0
   resolution: "pngjs@npm:3.4.0"
@@ -18041,6 +19008,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-load-config@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "postcss-load-config@npm:4.0.2"
+  dependencies:
+    lilconfig: ^3.0.0
+    yaml: ^2.3.4
+  peerDependencies:
+    postcss: ">=8.0.9"
+    ts-node: ">=9.0.0"
+  peerDependenciesMeta:
+    postcss:
+      optional: true
+    ts-node:
+      optional: true
+  checksum: 7c27dd3801db4eae207a5116fed2db6b1ebb780b40c3dd62a3e57e087093a8e6a14ee17ada729fee903152d6ef4826c6339eb135bee6208e0f3140d7e8090185
+  languageName: node
+  linkType: hard
+
 "postcss-modules-extract-imports@npm:^3.0.0":
   version: 3.0.0
   resolution: "postcss-modules-extract-imports@npm:3.0.0"
@@ -18131,14 +19116,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.32":
-  version: 8.4.32
-  resolution: "postcss@npm:8.4.32"
+"postcss@npm:^8.4.38":
+  version: 8.4.38
+  resolution: "postcss@npm:8.4.38"
   dependencies:
     nanoid: ^3.3.7
     picocolors: ^1.0.0
-    source-map-js: ^1.0.2
-  checksum: 220d9d0bf5d65be7ed31006c523bfb11619461d296245c1231831f90150aeb4a31eab9983ac9c5c89759a3ca8b60b3e0d098574964e1691673c3ce5c494305ae
+    source-map-js: ^1.2.0
+  checksum: 649f9e60a763ca4b5a7bbec446a069edf07f057f6d780a5a0070576b841538d1ecf7dd888f2fbfd1f76200e26c969e405aeeae66332e6927dbdc8bdcb90b9451
   languageName: node
   linkType: hard
 
@@ -18184,15 +19169,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:2.7.1":
-  version: 2.7.1
-  resolution: "prettier@npm:2.7.1"
-  bin:
-    prettier: bin-prettier.js
-  checksum: 55a4409182260866ab31284d929b3cb961e5fdb91fe0d2e099dac92eaecec890f36e524b4c19e6ceae839c99c6d7195817579cdffc8e2c80da0cb794463a748b
-  languageName: node
-  linkType: hard
-
 "prettier@npm:^2.7.1":
   version: 2.8.4
   resolution: "prettier@npm:2.8.4"
@@ -18211,7 +19187,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-bytes@npm:5.6.0, pretty-bytes@npm:^5.6.0":
+"pretty-bytes@npm:^5.6.0":
   version: 5.6.0
   resolution: "pretty-bytes@npm:5.6.0"
   checksum: 9c082500d1e93434b5b291bd651662936b8bd6204ec9fa17d563116a192d6d86b98f6d328526b4e8d783c07d5499e2614a807520249692da9ec81564b2f439cd
@@ -18263,7 +19239,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-ms@npm:7.0.1, pretty-ms@npm:^7.0.1":
+"pretty-ms@npm:^7.0.1":
   version: 7.0.1
   resolution: "pretty-ms@npm:7.0.1"
   dependencies:
@@ -18290,10 +19266,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prismjs@npm:~1.27.0":
-  version: 1.27.0
-  resolution: "prismjs@npm:1.27.0"
-  checksum: 85c7f4a3e999073502cc9e1882af01e3709706369ec254b60bff1149eda701f40d02512acab956012dc7e61cfd61743a3a34c1bd0737e8dbacd79141e5698bbc
+"proc-log@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "proc-log@npm:3.0.0"
+  checksum: 02b64e1b3919e63df06f836b98d3af002b5cd92655cab18b5746e37374bfb73e03b84fe305454614b34c25b485cc687a9eebdccf0242cda8fda2475dd2c97e02
   languageName: node
   linkType: hard
 
@@ -18358,15 +19334,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"property-information@npm:^5.0.0":
-  version: 5.6.0
-  resolution: "property-information@npm:5.6.0"
-  dependencies:
-    xtend: ^4.0.0
-  checksum: fcf87c6542e59a8bbe31ca0b3255a4a63ac1059b01b04469680288998bcfa97f341ca989566adbb63975f4d85339030b82320c324a511532d390910d1c583893
-  languageName: node
-  linkType: hard
-
 "property-information@npm:^6.0.0":
   version: 6.1.1
   resolution: "property-information@npm:6.1.1"
@@ -18384,22 +19351,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proxy-agent@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "proxy-agent@npm:5.0.0"
-  dependencies:
-    agent-base: ^6.0.0
-    debug: 4
-    http-proxy-agent: ^4.0.0
-    https-proxy-agent: ^5.0.0
-    lru-cache: ^5.1.1
-    pac-proxy-agent: ^5.0.0
-    proxy-from-env: ^1.0.0
-    socks-proxy-agent: ^5.0.0
-  checksum: 3b0bb73a4d3a07711d3cad72b2fa4320880f7a6ec1959cdcc186ac6ffb173db8137d7c4046c27fdfa6e2207b2eb75e802f3d5e14c766700586ec4d47299a5124
-  languageName: node
-  linkType: hard
-
 "proxy-from-env@npm:1.0.0":
   version: 1.0.0
   resolution: "proxy-from-env@npm:1.0.0"
@@ -18407,7 +19358,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proxy-from-env@npm:^1.0.0, proxy-from-env@npm:^1.1.0":
+"proxy-from-env@npm:^1.1.0":
   version: 1.1.0
   resolution: "proxy-from-env@npm:1.1.0"
   checksum: ed7fcc2ba0a33404958e34d95d18638249a68c430e30fcb6c478497d72739ba64ce9810a24f53a7d921d0c065e5b78e3822759800698167256b04659366ca4d4
@@ -18523,13 +19474,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"quick-lru@npm:^5.1.1":
-  version: 5.1.1
-  resolution: "quick-lru@npm:5.1.1"
-  checksum: a516faa25574be7947969883e6068dbe4aa19e8ef8e8e0fd96cddd6d36485e9106d85c0041a27153286b0770b381328f4072aa40d3b18a19f5f7d2b78b94b5ed
-  languageName: node
-  linkType: hard
-
 "range-parser@npm:~1.2.1":
   version: 1.2.1
   resolution: "range-parser@npm:1.2.1"
@@ -18537,7 +19481,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"raw-body@npm:2.5.1, raw-body@npm:^2.2.0":
+"raw-body@npm:2.5.1":
   version: 2.5.1
   resolution: "raw-body@npm:2.5.1"
   dependencies:
@@ -18589,7 +19533,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^18.2.0":
+"react-dom@npm:18.2.0, react-dom@npm:^18.2.0":
   version: 18.2.0
   resolution: "react-dom@npm:18.2.0"
   dependencies:
@@ -18779,6 +19723,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-refresh@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "react-refresh@npm:0.14.0"
+  checksum: dc69fa8c993df512f42dd0f1b604978ae89bd747c0ed5ec595c0cc50d535fb2696619ccd98ae28775cc01d0a7c146a532f0f7fb81dc22e1977c242a4912312f4
+  languageName: node
+  linkType: hard
+
 "react-refresh@npm:^0.4.0":
   version: 0.4.3
   resolution: "react-refresh@npm:0.4.3"
@@ -18787,8 +19738,8 @@ __metadata:
   linkType: hard
 
 "react-remove-scroll-bar@npm:^2.3.3":
-  version: 2.3.4
-  resolution: "react-remove-scroll-bar@npm:2.3.4"
+  version: 2.3.6
+  resolution: "react-remove-scroll-bar@npm:2.3.6"
   dependencies:
     react-style-singleton: ^2.2.1
     tslib: ^2.0.0
@@ -18798,11 +19749,11 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: b5ce5f2f98d65c97a3e975823ae4043a4ba2a3b63b5ba284b887e7853f051b5cd6afb74abde6d57b421931c52f2e1fdbb625dc858b1cb5a32c27c14ab85649d4
+  checksum: e793fe110e2ea60d5724d0b60f09de1f6cd1b080df00df9e68bb9a1b985895830e703194647059fdc22402a67a89b7673a5260773b89bcd98031fd99bc91aefa
   languageName: node
   linkType: hard
 
-"react-remove-scroll@npm:2.5.5, react-remove-scroll@npm:^2.4.0":
+"react-remove-scroll@npm:2.5.5":
   version: 2.5.5
   resolution: "react-remove-scroll@npm:2.5.5"
   dependencies:
@@ -18821,33 +19772,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-router-dom@npm:6.10.0":
-  version: 6.10.0
-  resolution: "react-router-dom@npm:6.10.0"
+"react-router-dom@npm:6.23.1":
+  version: 6.23.1
+  resolution: "react-router-dom@npm:6.23.1"
   dependencies:
-    "@remix-run/router": 1.5.0
-    react-router: 6.10.0
+    "@remix-run/router": 1.16.1
+    react-router: 6.23.1
   peerDependencies:
     react: ">=16.8"
     react-dom: ">=16.8"
-  checksum: d048d8cc66e5aec782bd675097d6bf0e5f867f3f0539bff9acdc4a314b5e0e34093944762960ca0977a54c6255272edd262231242b18c4e260d68df6b5288464
+  checksum: e87b5cf85019496f499286d466a4ad9cf5efe729f1420502fc5d16093d525462803253538418ea5b0da7ab5671a16caefee67848b373008e567629c2d667dc44
   languageName: node
   linkType: hard
 
-"react-router@npm:6.10.0":
-  version: 6.10.0
-  resolution: "react-router@npm:6.10.0"
+"react-router@npm:6.23.1":
+  version: 6.23.1
+  resolution: "react-router@npm:6.23.1"
   dependencies:
-    "@remix-run/router": 1.5.0
+    "@remix-run/router": 1.16.1
   peerDependencies:
     react: ">=16.8"
-  checksum: c9fce46147c04257d7d6fa1f5bbfac96c5fdd0b15f26918bd12b2e5fe9143977c5a4452272f9b85795a22e29ec105a60d0bbe036118efc52b383d163cd8829ab
+  checksum: d5d43ccb908a95d2b7345f2a13315c38bf094e25bcf97d5a6c3f353b1ea88602de15726c3570cd7f07c53b19a3519af2b6739bf6929ec355012795611d739cff
   languageName: node
   linkType: hard
 
-"react-select@npm:^5.7.0":
-  version: 5.7.0
-  resolution: "react-select@npm:5.7.0"
+"react-select@npm:5.8.0":
+  version: 5.8.0
+  resolution: "react-select@npm:5.8.0"
   dependencies:
     "@babel/runtime": ^7.12.0
     "@emotion/cache": ^11.4.0
@@ -18861,7 +19812,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 3d29f7bb6dd66ad55396d820f05da6112f1d21b67526422a8ff5aa6cd47c783804c1b73042ac2949ba0871056a3dc68c06a73a8281abb61571e475d72bbd80dc
+  checksum: c8398cc0aefb5ee5438b6176c86676e2d3fed7457c16b0769f423a0da0ae431a7df25c2cadf13b709700882b8ebd80a58b1e557fec3e22ad3cbf60164ca9e745
   languageName: node
   linkType: hard
 
@@ -18885,8 +19836,7 @@ __metadata:
     "@commitlint/cli": ^18.4.3
     "@commitlint/config-conventional": ^18.4.3
     "@react-three/fiber": ^8.11.9
-    "@remix-run/dev": "patch:@remix-run/dev@npm%3A1.15.0#./.yarn/patches/@remix-run-dev-npm-1.15.0-33b55fa3ee.patch"
-    "@remix-run/serve": ^1.15.0
+    "@remix-run/dev": ^2.9.2
     "@simonsmith/cypress-image-snapshot": ^9.0.1
     "@swc/core": ^1.3.100
     "@swc/jest": ^0.2.29
@@ -18897,7 +19847,6 @@ __metadata:
     "@types/jest": ^29.5.11
     "@types/lodash.clamp": ^4.0.7
     "@types/lodash.shuffle": ^4.2.7
-    "@types/mdx-js__react": ^1.5.5
     "@types/react": ^18.0.28
     "@types/react-dom": ^18.0.11
     "@types/react-lazyload": ^3.2.0
@@ -18925,7 +19874,7 @@ __metadata:
     tsup: ^6.7.0
     turbo: ^1.11.1
     typescript: 5.3.3
-    vite: ^5.0.7
+    vite: ^5.2.11
     zdog: ^1.1.3
   languageName: unknown
   linkType: soft
@@ -19028,7 +19977,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^18.2.0":
+"react@npm:18.2.0, react@npm:^18.2.0":
   version: 18.2.0
   resolution: "react@npm:18.2.0"
   dependencies:
@@ -19072,18 +20021,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:1.1.x":
-  version: 1.1.14
-  resolution: "readable-stream@npm:1.1.14"
-  dependencies:
-    core-util-is: ~1.0.0
-    inherits: ~2.0.1
-    isarray: 0.0.1
-    string_decoder: ~0.10.x
-  checksum: 17dfeae3e909945a4a1abc5613ea92d03269ef54c49288599507fc98ff4615988a1c39a999dcf9aacba70233d9b7040bc11a5f2bfc947e262dedcc0a8b32b5a0
-  languageName: node
-  linkType: hard
-
 "readable-stream@npm:3, readable-stream@npm:^3.0.0, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.6.0":
   version: 3.6.0
   resolution: "readable-stream@npm:3.6.0"
@@ -19138,18 +20075,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recast@npm:^0.21.5":
-  version: 0.21.5
-  resolution: "recast@npm:0.21.5"
-  dependencies:
-    ast-types: 0.15.2
-    esprima: ~4.0.0
-    source-map: ~0.6.1
-    tslib: ^2.0.1
-  checksum: 03cc7f57562238ba258d468be67bf7446ce7a707bc87a087891dad15afead46c36e9aaeedf2130e2ab5a465244a9c62bfd4127849761cf8f4085abe2f3e5f485
-  languageName: node
-  linkType: hard
-
 "redent@npm:^3.0.0":
   version: 3.0.0
   resolution: "redent@npm:3.0.0"
@@ -19174,14 +20099,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"refractor@npm:3.6.0":
-  version: 3.6.0
-  resolution: "refractor@npm:3.6.0"
+"refractor@npm:4.8.1":
+  version: 4.8.1
+  resolution: "refractor@npm:4.8.1"
   dependencies:
-    hastscript: ^6.0.0
-    parse-entities: ^2.0.0
-    prismjs: ~1.27.0
-  checksum: 39b01c4168c77c5c8486f9bf8907bbb05f257f15026057ba5728535815a2d90eed620468a4bfbb2b8ceefbb3ce3931a1be8b17152dbdbc8b0eef92450ff750a2
+    "@types/hast": ^2.0.0
+    "@types/prismjs": ^1.0.0
+    hastscript: ^7.0.0
+    parse-entities: ^4.0.0
+  checksum: 51762ed1d62523e3fb4b1ccec3f846965d497b7828e43d1668b2839dcbbe6b0d4edfd9113ad6e3679e5a6b6fb2f6983883123d762a7e46e3b5a8cd480a0a1930
   languageName: node
   linkType: hard
 
@@ -19209,18 +20135,9 @@ __metadata:
   linkType: hard
 
 "regenerator-runtime@npm:^0.14.0":
-  version: 0.14.0
-  resolution: "regenerator-runtime@npm:0.14.0"
-  checksum: 1c977ad82a82a4412e4f639d65d22be376d3ebdd30da2c003eeafdaaacd03fc00c2320f18120007ee700900979284fc78a9f00da7fb593f6e6eeebc673fba9a3
-  languageName: node
-  linkType: hard
-
-"regenerator-transform@npm:^0.15.0":
-  version: 0.15.0
-  resolution: "regenerator-transform@npm:0.15.0"
-  dependencies:
-    "@babel/runtime": ^7.8.4
-  checksum: 86e54849ab1167618d28bb56d214c52a983daf29b0d115c976d79840511420049b6b42c9ebdf187defa8e7129bdd74b6dd266420d0d3868c9fa7f793b5d15d49
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 9f57c93277b5585d3c83b0cf76be47b473ae8c6d9142a46ce8b0291a04bb2cf902059f0f8445dcabb3fb7378e5fe4bb4ea1e008876343d42e46d3b484534ce38
   languageName: node
   linkType: hard
 
@@ -19295,48 +20212,53 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rehype-autolink-headings@npm:5.1.0":
-  version: 5.1.0
-  resolution: "rehype-autolink-headings@npm:5.1.0"
+"rehype-autolink-headings@npm:7.1.0":
+  version: 7.1.0
+  resolution: "rehype-autolink-headings@npm:7.1.0"
   dependencies:
-    extend: ^3.0.0
-    hast-util-has-property: ^1.0.0
-    hast-util-heading-rank: ^1.0.0
-    unist-util-visit: ^2.0.0
-  checksum: f3f62651d148d6c32019900f262763fd71e29a4caab934b70136bc35d4518121f3a155ee80eced90efd4e2cfad2d8fa310b09092dd137ac5e0cfac91707260cb
+    "@types/hast": ^3.0.0
+    "@ungap/structured-clone": ^1.0.0
+    hast-util-heading-rank: ^3.0.0
+    hast-util-is-element: ^3.0.0
+    unified: ^11.0.0
+    unist-util-visit: ^5.0.0
+  checksum: 546fb14ffac628a4bfa8cf7549a2b94d921e392393441d602154ca3131549737bf21af6fddcd15abb4f50272ca9a90dad8bd66e7122e58bea85e81e79dce793a
   languageName: node
   linkType: hard
 
-"rehype-parse@npm:7.0.1":
-  version: 7.0.1
-  resolution: "rehype-parse@npm:7.0.1"
+"rehype-parse@npm:9.0.0":
+  version: 9.0.0
+  resolution: "rehype-parse@npm:9.0.0"
   dependencies:
-    hast-util-from-parse5: ^6.0.0
-    parse5: ^6.0.0
-  checksum: c3c914aa9281853290eff6b09e0bed6843934e788b957e25219e91f0bf244a183d2f5e042c7d21543276571f9b49a6bae90f4640b8f885f2773392ffa57baf4b
+    "@types/hast": ^3.0.0
+    hast-util-from-html: ^2.0.0
+    unified: ^11.0.0
+  checksum: cfff1ed913cfb390c6c9c2d3ee396172098f615f0439e162d4ab0645f201727f58859429bbd33e187da603c605a6f34a796910511c45357043ea8c9a00f83f93
   languageName: node
   linkType: hard
 
-"rehype-slug@npm:4.0.1":
-  version: 4.0.1
-  resolution: "rehype-slug@npm:4.0.1"
+"rehype-slug@npm:6.0.0":
+  version: 6.0.0
+  resolution: "rehype-slug@npm:6.0.0"
   dependencies:
-    github-slugger: ^1.1.1
-    hast-util-has-property: ^1.0.0
-    hast-util-heading-rank: ^1.0.0
-    hast-util-to-string: ^1.0.0
-    unist-util-visit: ^2.0.0
-  checksum: 9e4851378dbbcf1359f4e300c9d685e6693688e4028e50a84d33cef56d53eccffd2fe2f140102e2fb55a59f4ae1b903a47199dfb52179438c9d4a7e74d8e75f7
+    "@types/hast": ^3.0.0
+    github-slugger: ^2.0.0
+    hast-util-heading-rank: ^3.0.0
+    hast-util-to-string: ^3.0.0
+    unist-util-visit: ^5.0.0
+  checksum: 0e13ec558eb142d14a6daeab21bbef7c9230bfabec45987e15a24283650226eae3898ad162b8cb29ee39a8bce536bcc013eeab7dc6faa0295b0e91612a8c9f6e
   languageName: node
   linkType: hard
 
-"remark-directive@npm:1.0.1":
-  version: 1.0.1
-  resolution: "remark-directive@npm:1.0.1"
+"remark-directive@npm:3.0.0":
+  version: 3.0.0
+  resolution: "remark-directive@npm:3.0.0"
   dependencies:
-    mdast-util-directive: ^1.0.0
-    micromark-extension-directive: ^1.0.0
-  checksum: 3fb035da6141304c0c27b73ce6528d521c8d8f39e9e195a43ea2892a1298c092f58305f21007ec4f1f7ef6c6096d69351b108f5c0d04b5d2a7a7ffe64478b9ac
+    "@types/mdast": ^4.0.0
+    mdast-util-directive: ^3.0.0
+    micromark-extension-directive: ^3.0.0
+    unified: ^11.0.0
+  checksum: 744d12bbe924bd0492a2481cbaf9250aa6622c0d2cc090bb7bc39975e355c8a46ae13cc4793204ada39f0af64c953f6b730a55420a50375e0f74a5dd5d201089
   languageName: node
   linkType: hard
 
@@ -19352,6 +20274,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remark-frontmatter@npm:5.0.0":
+  version: 5.0.0
+  resolution: "remark-frontmatter@npm:5.0.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    mdast-util-frontmatter: ^2.0.0
+    micromark-extension-frontmatter: ^2.0.0
+    unified: ^11.0.0
+  checksum: b36e11d528d1d0172489c74ce7961bb6073f7272e71ea1349f765fc79c4246a758aef949174d371a088c48e458af776fcfbb3b043c49cd1120ca8239aeafe16a
+  languageName: node
+  linkType: hard
+
+"remark-mdx-frontmatter@npm:4.0.0":
+  version: 4.0.0
+  resolution: "remark-mdx-frontmatter@npm:4.0.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    estree-util-is-identifier-name: ^3.0.0
+    estree-util-value-to-estree: ^3.0.0
+    toml: ^3.0.0
+    unified: ^11.0.0
+    yaml: ^2.0.0
+  checksum: 01f3874bf5728c7ec314a0802d53de46ed0730a7f53fd9d8305ab95593b4b411336789fd84581157c7bd3398e4848082d84d17d656475846b9bd08be6ef6d71d
+  languageName: node
+  linkType: hard
+
 "remark-mdx-frontmatter@npm:^1.0.1":
   version: 1.1.1
   resolution: "remark-mdx-frontmatter@npm:1.1.1"
@@ -19364,6 +20312,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remark-mdx@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "remark-mdx@npm:2.3.0"
+  dependencies:
+    mdast-util-mdx: ^2.0.0
+    micromark-extension-mdxjs: ^1.0.0
+  checksum: 98486986c5b6f6a8321eb2f3b13c70fcd5644821428c77b7bfeb5ee5d4605b9761b322b2f6b531e83883cd2d5bc7bc4623427149aee00e1eba012f538b3d5627
+  languageName: node
+  linkType: hard
+
+"remark-mdx@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "remark-mdx@npm:3.0.1"
+  dependencies:
+    mdast-util-mdx: ^3.0.0
+    micromark-extension-mdxjs: ^3.0.0
+  checksum: e7fcffbe1ccb0c7dfcb01c6d9dbc48df9c668c8321745455db7346f4860c43dbcb98e36e3398a5117d773426ab5ef656a95c78a21208c59e92571f021b8e678e
+  languageName: node
+  linkType: hard
+
 "remark-parse@npm:^10.0.0":
   version: 10.0.1
   resolution: "remark-parse@npm:10.0.1"
@@ -19375,22 +20343,40 @@ __metadata:
   languageName: node
   linkType: hard
 
-"remark-rehype@npm:^9.0.0":
-  version: 9.1.0
-  resolution: "remark-rehype@npm:9.1.0"
+"remark-parse@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "remark-parse@npm:11.0.0"
+  dependencies:
+    "@types/mdast": ^4.0.0
+    mdast-util-from-markdown: ^2.0.0
+    micromark-util-types: ^2.0.0
+    unified: ^11.0.0
+  checksum: d83d245290fa84bb04fb3e78111f09c74f7417e7c012a64dd8dc04fccc3699036d828fbd8eeec8944f774b6c30cc1d925c98f8c46495ebcee7c595496342ab7f
+  languageName: node
+  linkType: hard
+
+"remark-rehype@npm:^10.0.0":
+  version: 10.1.0
+  resolution: "remark-rehype@npm:10.1.0"
   dependencies:
     "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
-    mdast-util-to-hast: ^11.0.0
+    mdast-util-to-hast: ^12.1.0
     unified: ^10.0.0
-  checksum: 01d8177ce1a9138ead8779ec73cfef8d06669c4ebe7c4e94e804a1ddba12dca874131330f22e3979a4e0a4132239142dc93e7cfbd5d18b9250b4cc770557aff1
+  checksum: b9ac8acff3383b204dfdc2599d0bdf86e6ca7e837033209584af2e6aaa6a9013e519a379afa3201299798cab7298c8f4b388de118c312c67234c133318aec084
   languageName: node
   linkType: hard
 
-"remix@npm:^1.12.0":
-  version: 1.14.0
-  resolution: "remix@npm:1.14.0"
-  checksum: 2ad2aefa612d5a669adf4f712552396431523817af78592f7c21d9d33cc875f3dd66269daf2ea3e160c50bbcd01f7db7e7d167d0412c5623bc9ec2436cc7747f
+"remark-rehype@npm:^11.0.0":
+  version: 11.1.0
+  resolution: "remark-rehype@npm:11.1.0"
+  dependencies:
+    "@types/hast": ^3.0.0
+    "@types/mdast": ^4.0.0
+    mdast-util-to-hast: ^13.0.0
+    unified: ^11.0.0
+    vfile: ^6.0.0
+  checksum: f0c731f0ab92a122e7f9c9bcbd10d6a31fdb99f0ea3595d232ddd9f9d11a308c4ec0aff4d56e1d0d256042dfad7df23b9941e50b5038da29786959a5926814e1
   languageName: node
   linkType: hard
 
@@ -19401,7 +20387,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"repeat-string@npm:^1.0.0, repeat-string@npm:^1.6.1":
+"repeat-string@npm:^1.6.1":
   version: 1.6.1
   resolution: "repeat-string@npm:1.6.1"
   checksum: 1b809fc6db97decdc68f5b12c4d1a671c8e3f65ec4a40c238bc5200e44e85bcc52a54f78268ab9c29fcf5fe4f1343e805420056d1f30fa9a9ee4c2d93e3cc6c0
@@ -19459,13 +20445,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve-alpn@npm:^1.0.0":
-  version: 1.2.1
-  resolution: "resolve-alpn@npm:1.2.1"
-  checksum: f558071fcb2c60b04054c99aebd572a2af97ef64128d59bef7ab73bd50d896a222a056de40ffc545b633d99b304c259ea9d0c06830d5c867c34f0bfa60b8eae0
-  languageName: node
-  linkType: hard
-
 "resolve-cwd@npm:^3.0.0":
   version: 3.0.0
   resolution: "resolve-cwd@npm:3.0.0"
@@ -19519,7 +20498,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.1":
+"resolve.exports@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "resolve.exports@npm:2.0.2"
+  checksum: 1c7778ca1b86a94f8ab4055d196c7d87d1874b96df4d7c3e67bbf793140f0717fd506dcafd62785b079cd6086b9264424ad634fb904409764c3509c3df1653f2
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1":
   version: 1.22.1
   resolution: "resolve@npm:1.22.1"
   dependencies:
@@ -19532,6 +20518,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@npm:^1.19.0":
+  version: 1.22.8
+  resolution: "resolve@npm:1.22.8"
+  dependencies:
+    is-core-module: ^2.13.0
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: f8a26958aa572c9b064562750b52131a37c29d072478ea32e129063e2da7f83e31f7f11e7087a18225a8561cfe8d2f0df9dbea7c9d331a897571c0a2527dbb4c
+  languageName: node
+  linkType: hard
+
 "resolve@npm:^2.0.0-next.4":
   version: 2.0.0-next.5
   resolution: "resolve@npm:2.0.0-next.5"
@@ -19545,7 +20544,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.22.1#~builtin<compat/resolve>":
+"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.22.1#~builtin<compat/resolve>":
   version: 1.22.1
   resolution: "resolve@patch:resolve@npm%3A1.22.1#~builtin<compat/resolve>::version=1.22.1&hash=c3c19d"
   dependencies:
@@ -19558,25 +20557,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@^2.0.0-next.4#~builtin<compat/resolve>":
-  version: 2.0.0-next.5
-  resolution: "resolve@patch:resolve@npm%3A2.0.0-next.5#~builtin<compat/resolve>::version=2.0.0-next.5&hash=c3c19d"
+"resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>":
+  version: 1.22.8
+  resolution: "resolve@patch:resolve@npm%3A1.22.8#~builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
   dependencies:
     is-core-module: ^2.13.0
     path-parse: ^1.0.7
     supports-preserve-symlinks-flag: ^1.0.0
   bin:
     resolve: bin/resolve
-  checksum: 064d09c1808d0c51b3d90b5d27e198e6d0c5dad0eb57065fd40803d6a20553e5398b07f76739d69cbabc12547058bec6b32106ea66622375fb0d7e8fca6a846c
+  checksum: 5479b7d431cacd5185f8db64bfcb7286ae5e31eb299f4c4f404ad8aa6098b77599563ac4257cb2c37a42f59dfc06a1bec2bcf283bb448f319e37f0feb9a09847
   languageName: node
   linkType: hard
 
-"responselike@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "responselike@npm:2.0.1"
+"resolve@patch:resolve@^2.0.0-next.4#~builtin<compat/resolve>":
+  version: 2.0.0-next.5
+  resolution: "resolve@patch:resolve@npm%3A2.0.0-next.5#~builtin<compat/resolve>::version=2.0.0-next.5&hash=c3c19d"
   dependencies:
-    lowercase-keys: ^2.0.0
-  checksum: b122535466e9c97b55e69c7f18e2be0ce3823c5d47ee8de0d9c0b114aa55741c6db8bfbfce3766a94d1272e61bfb1ebf0a15e9310ac5629fbb7446a861b4fd3a
+    is-core-module: ^2.13.0
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: 064d09c1808d0c51b3d90b5d27e198e6d0c5dad0eb57065fd40803d6a20553e5398b07f76739d69cbabc12547058bec6b32106ea66622375fb0d7e8fca6a846c
   languageName: node
   linkType: hard
 
@@ -19653,35 +20656,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-inject@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "rollup-plugin-inject@npm:3.0.2"
-  dependencies:
-    estree-walker: ^0.6.1
-    magic-string: ^0.25.3
-    rollup-pluginutils: ^2.8.1
-  checksum: a014972c80fe34b8c8154056fa2533a8440066a31de831e3793fc21b15d108d92c22d8f7f472397bd5783d7c5e04d8cbf112fb72c5a26e997726e4eb090edad1
-  languageName: node
-  linkType: hard
-
-"rollup-plugin-node-polyfills@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "rollup-plugin-node-polyfills@npm:0.2.1"
-  dependencies:
-    rollup-plugin-inject: ^3.0.0
-  checksum: e84645212c443aca3cfae2ba69f01c6d8c5c250f0bf651416b69a4572b60aae9da7cdd687de3ab9b903f7a1ab96b06b71f0c4927d1b02a37485360d2b563937b
-  languageName: node
-  linkType: hard
-
-"rollup-pluginutils@npm:^2.8.1":
-  version: 2.8.2
-  resolution: "rollup-pluginutils@npm:2.8.2"
-  dependencies:
-    estree-walker: ^0.6.1
-  checksum: 339fdf866d8f4ff6e408fa274c0525412f7edb01dc46b5ccda51f575b7e0d20ad72965773376fb5db95a77a7fcfcab97bf841ec08dbadf5d6b08af02b7a2cf5e
-  languageName: node
-  linkType: hard
-
 "rollup@npm:^3.18.0, rollup@npm:^3.2.5":
   version: 3.20.2
   resolution: "rollup@npm:3.20.2"
@@ -19696,23 +20670,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:^4.2.0":
-  version: 4.8.0
-  resolution: "rollup@npm:4.8.0"
-  dependencies:
-    "@rollup/rollup-android-arm-eabi": 4.8.0
-    "@rollup/rollup-android-arm64": 4.8.0
-    "@rollup/rollup-darwin-arm64": 4.8.0
-    "@rollup/rollup-darwin-x64": 4.8.0
-    "@rollup/rollup-linux-arm-gnueabihf": 4.8.0
-    "@rollup/rollup-linux-arm64-gnu": 4.8.0
-    "@rollup/rollup-linux-arm64-musl": 4.8.0
-    "@rollup/rollup-linux-riscv64-gnu": 4.8.0
-    "@rollup/rollup-linux-x64-gnu": 4.8.0
-    "@rollup/rollup-linux-x64-musl": 4.8.0
-    "@rollup/rollup-win32-arm64-msvc": 4.8.0
-    "@rollup/rollup-win32-ia32-msvc": 4.8.0
-    "@rollup/rollup-win32-x64-msvc": 4.8.0
+"rollup@npm:^4.13.0":
+  version: 4.17.2
+  resolution: "rollup@npm:4.17.2"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": 4.17.2
+    "@rollup/rollup-android-arm64": 4.17.2
+    "@rollup/rollup-darwin-arm64": 4.17.2
+    "@rollup/rollup-darwin-x64": 4.17.2
+    "@rollup/rollup-linux-arm-gnueabihf": 4.17.2
+    "@rollup/rollup-linux-arm-musleabihf": 4.17.2
+    "@rollup/rollup-linux-arm64-gnu": 4.17.2
+    "@rollup/rollup-linux-arm64-musl": 4.17.2
+    "@rollup/rollup-linux-powerpc64le-gnu": 4.17.2
+    "@rollup/rollup-linux-riscv64-gnu": 4.17.2
+    "@rollup/rollup-linux-s390x-gnu": 4.17.2
+    "@rollup/rollup-linux-x64-gnu": 4.17.2
+    "@rollup/rollup-linux-x64-musl": 4.17.2
+    "@rollup/rollup-win32-arm64-msvc": 4.17.2
+    "@rollup/rollup-win32-ia32-msvc": 4.17.2
+    "@rollup/rollup-win32-x64-msvc": 4.17.2
+    "@types/estree": 1.0.5
     fsevents: ~2.3.2
   dependenciesMeta:
     "@rollup/rollup-android-arm-eabi":
@@ -19725,12 +20703,18 @@ __metadata:
       optional: true
     "@rollup/rollup-linux-arm-gnueabihf":
       optional: true
+    "@rollup/rollup-linux-arm-musleabihf":
+      optional: true
     "@rollup/rollup-linux-arm64-gnu":
       optional: true
     "@rollup/rollup-linux-arm64-musl":
       optional: true
+    "@rollup/rollup-linux-powerpc64le-gnu":
+      optional: true
     "@rollup/rollup-linux-riscv64-gnu":
       optional: true
+    "@rollup/rollup-linux-s390x-gnu":
+      optional: true
     "@rollup/rollup-linux-x64-gnu":
       optional: true
     "@rollup/rollup-linux-x64-musl":
@@ -19745,7 +20729,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: 81b9c39117e9766db941268615fccbfcac9adf075ae28ab0d906ec310a6621b53b37d78dd554b2979627153b8a5120e0d5bbca624df93773ffa24bee65a78da5
+  checksum: e6a2813fea25ea816ce582a04c2ffccc0b841ddc22842325c39353620214055bf827e0d7f6714e836170079faf0443ffc27966ccae27900ae3baa039aa36a8e1
   languageName: node
   linkType: hard
 
@@ -19758,13 +20742,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"run-async@npm:^2.4.0":
-  version: 2.4.1
-  resolution: "run-async@npm:2.4.1"
-  checksum: a2c88aa15df176f091a2878eb840e68d0bdee319d8d97bbb89112223259cebecb94bc0defd735662b83c2f7a30bed8cddb7d1674eb48ae7322dc602b22d03797
-  languageName: node
-  linkType: hard
-
 "run-parallel@npm:^1.1.9":
   version: 1.2.0
   resolution: "run-parallel@npm:1.2.0"
@@ -19783,15 +20760,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs@npm:^7.5.5":
-  version: 7.8.0
-  resolution: "rxjs@npm:7.8.0"
-  dependencies:
-    tslib: ^2.1.0
-  checksum: 61b4d4fd323c1043d8d6ceb91f24183b28bcf5def4f01ca111511d5c6b66755bc5578587fe714ef5d67cf4c9f2e26f4490d4e1d8cabf9bd5967687835e9866a2
-  languageName: node
-  linkType: hard
-
 "rxjs@npm:^7.8.1":
   version: 7.8.1
   resolution: "rxjs@npm:7.8.1"
@@ -19942,7 +20910,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:7.5.4, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.3, semver@npm:^7.5.4":
+"semver@npm:7.5.4, semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.3, semver@npm:^7.5.4":
   version: 7.5.4
   resolution: "semver@npm:7.5.4"
   dependencies:
@@ -20011,6 +20979,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"server-only@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "server-only@npm:0.0.1"
+  checksum: c432348956641ea3f460af8dc3765f3a1bdbcf7a1e0205b0756d868e6e6fe8934cdee6bff68401a1dd49ba4a831c75916517a877446d54b334f7de36fa273e53
+  languageName: node
+  linkType: hard
+
 "set-blocking@npm:^2.0.0":
   version: 2.0.0
   resolution: "set-blocking@npm:2.0.0"
@@ -20025,6 +21000,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"set-cookie-parser@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "set-cookie-parser@npm:2.6.0"
+  checksum: bf11ebc594c53d84588f1b4c04f1b8ce14e0498b1c011b3d76b5c6d5aac481bbc3f7c5260ec4ce99bdc1d9aed19f9fc315e73166a36ca74d0f12349a73f6bdc9
+  languageName: node
+  linkType: hard
+
 "set-function-length@npm:^1.1.1":
   version: 1.1.1
   resolution: "set-function-length@npm:1.1.1"
@@ -20140,6 +21122,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"signal-exit@npm:^4.0.1":
+  version: 4.1.0
+  resolution: "signal-exit@npm:4.1.0"
+  checksum: 64c757b498cb8629ffa5f75485340594d2f8189e9b08700e69199069c8e3070fb3e255f7ab873c05dc0b3cec412aea7402e10a5990cb6a050bd33ba062a6c549
+  languageName: node
+  linkType: hard
+
 "sisteransi@npm:^1.0.5":
   version: 1.0.5
   resolution: "sisteransi@npm:1.0.5"
@@ -20246,17 +21235,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:5, socks-proxy-agent@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "socks-proxy-agent@npm:5.0.1"
-  dependencies:
-    agent-base: ^6.0.2
-    debug: 4
-    socks: ^2.3.3
-  checksum: 1b60c4977b2fef783f0fc4dc619cd2758aafdb43f3cf679f1e3627cb6c6e752811cee5513ebb4157ad26786033d2f85029440f197d321e8293b38cc5aab01e06
-  languageName: node
-  linkType: hard
-
 "socks-proxy-agent@npm:^6.0.0":
   version: 6.1.1
   resolution: "socks-proxy-agent@npm:6.1.1"
@@ -20268,7 +21246,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks@npm:^2.3.3, socks@npm:^2.6.1":
+"socks@npm:^2.6.1":
   version: 2.7.1
   resolution: "socks@npm:2.7.1"
   dependencies:
@@ -20278,29 +21256,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sort-object-keys@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "sort-object-keys@npm:1.1.3"
-  checksum: abea944d6722a1710a1aa6e4f9509da085d93d5fc0db23947cb411eedc7731f80022ce8fa68ed83a53dd2ac7441fcf72a3f38c09b3d9bbc4ff80546aa2e151ad
-  languageName: node
-  linkType: hard
-
-"sort-package-json@npm:^1.55.0":
-  version: 1.57.0
-  resolution: "sort-package-json@npm:1.57.0"
-  dependencies:
-    detect-indent: ^6.0.0
-    detect-newline: 3.1.0
-    git-hooks-list: 1.0.3
-    globby: 10.0.0
-    is-plain-obj: 2.1.0
-    sort-object-keys: ^1.1.3
-  bin:
-    sort-package-json: cli.js
-  checksum: 15758ba6b1033ae136863eabd4b8c8a28e79dd68b71327f6803c2ea740dc149dc9ad708b006d07ee9de56b6dc7cadb7c697801ad50c01348aa91022c6ff6e21d
-  languageName: node
-  linkType: hard
-
 "source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.2":
   version: 1.0.2
   resolution: "source-map-js@npm:1.0.2"
@@ -20308,6 +21263,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map-js@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "source-map-js@npm:1.2.0"
+  checksum: 791a43306d9223792e84293b00458bf102a8946e7188f3db0e4e22d8d530b5f80a4ce468eb5ec0bf585443ad55ebbd630bf379c98db0b1f317fd902500217f97
+  languageName: node
+  linkType: hard
+
 "source-map-resolve@npm:^0.5.0":
   version: 0.5.3
   resolution: "source-map-resolve@npm:0.5.3"
@@ -20378,20 +21340,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sourcemap-codec@npm:^1.4.8":
-  version: 1.4.8
-  resolution: "sourcemap-codec@npm:1.4.8"
-  checksum: b57981c05611afef31605732b598ccf65124a9fcb03b833532659ac4d29ac0f7bfacbc0d6c5a28a03e84c7510e7e556d758d0bb57786e214660016fb94279316
-  languageName: node
-  linkType: hard
-
-"space-separated-tokens@npm:^1.0.0":
-  version: 1.1.5
-  resolution: "space-separated-tokens@npm:1.1.5"
-  checksum: 8ef68f1cfa8ccad316b7f8d0df0919d0f1f6d32101e8faeee34ea3a923ce8509c1ad562f57388585ee4951e92d27afa211ed0a077d3d5995b5ba9180331be708
-  languageName: node
-  linkType: hard
-
 "space-separated-tokens@npm:^2.0.0":
   version: 2.0.2
   resolution: "space-separated-tokens@npm:2.0.2"
@@ -20526,6 +21474,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ssri@npm:^10.0.0":
+  version: 10.0.5
+  resolution: "ssri@npm:10.0.5"
+  dependencies:
+    minipass: ^7.0.3
+  checksum: 0a31b65f21872dea1ed3f7c200d7bc1c1b91c15e419deca14f282508ba917cbb342c08a6814c7f68ca4ca4116dd1a85da2bbf39227480e50125a1ceffeecb750
+  languageName: node
+  linkType: hard
+
 "ssri@npm:^8.0.0, ssri@npm:^8.0.1":
   version: 8.0.1
   resolution: "ssri@npm:8.0.1"
@@ -20580,6 +21537,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"static-browser-server@npm:1.0.3":
+  version: 1.0.3
+  resolution: "static-browser-server@npm:1.0.3"
+  dependencies:
+    "@open-draft/deferred-promise": ^2.1.0
+    dotenv: ^16.0.3
+    mime-db: ^1.52.0
+    outvariant: ^1.3.0
+  checksum: 0bb039a41d9c20954b7456010ec743836268576ae7a7c406d9b8a483ef6c6864d5f2cf76ce41d5614fc6d6abc6a207665365a44213323d7b68323c0e32860cf2
+  languageName: node
+  linkType: hard
+
 "static-extend@npm:^0.1.1":
   version: 0.1.2
   resolution: "static-extend@npm:0.1.2"
@@ -20643,6 +21612,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strict-event-emitter@npm:^0.4.3":
+  version: 0.4.6
+  resolution: "strict-event-emitter@npm:0.4.6"
+  checksum: 4f4f2909613e7811de789991c06bfb770d6d6987e2ec5c66fa7485d0f07cc4e7e32eba0dcf26cee6d86af6c92946d7f4acdfaff57d0c4114df2cfa1bf0e3c091
+  languageName: node
+  linkType: hard
+
 "string-hash@npm:^1.1.1":
   version: 1.1.3
   resolution: "string-hash@npm:1.1.3"
@@ -20660,7 +21636,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
   version: 4.2.3
   resolution: "string-width@npm:4.2.3"
   dependencies:
@@ -20671,6 +21647,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-width@npm:^5.0.1, string-width@npm:^5.1.2":
+  version: 5.1.2
+  resolution: "string-width@npm:5.1.2"
+  dependencies:
+    eastasianwidth: ^0.2.0
+    emoji-regex: ^9.2.2
+    strip-ansi: ^7.0.1
+  checksum: 7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193
+  languageName: node
+  linkType: hard
+
 "string.prototype.codepointat@npm:^0.2.1":
   version: 0.2.1
   resolution: "string.prototype.codepointat@npm:0.2.1"
@@ -20759,13 +21746,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:~0.10.x":
-  version: 0.10.31
-  resolution: "string_decoder@npm:0.10.31"
-  checksum: fe00f8e303647e5db919948ccb5ce0da7dea209ab54702894dd0c664edd98e5d4df4b80d6fabf7b9e92b237359d21136c95bf068b2f7760b772ca974ba970202
-  languageName: node
-  linkType: hard
-
 "string_decoder@npm:~1.1.1":
   version: 1.1.1
   resolution: "string_decoder@npm:1.1.1"
@@ -20775,17 +21755,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stringify-entities@npm:^3.0.1, stringify-entities@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "stringify-entities@npm:3.1.0"
-  dependencies:
-    character-entities-html4: ^1.0.0
-    character-entities-legacy: ^1.0.0
-    xtend: ^4.0.0
-  checksum: 5b6212e2985101ddb8197d999a6c01abb610f2ba6efd6f8f7d7ec763b61cb08b55735b03febdf501c2091f484df16bc82412419ef35ee21135548f6a15881044
-  languageName: node
-  linkType: hard
-
 "stringify-entities@npm:^4.0.0":
   version: 4.0.3
   resolution: "stringify-entities@npm:4.0.3"
@@ -20796,6 +21765,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "strip-ansi@npm:6.0.1"
+  dependencies:
+    ansi-regex: ^5.0.1
+  checksum: f3cd25890aef3ba6e1a74e20896c21a46f482e93df4a06567cebf2b57edabb15133f1f94e57434e0a958d61186087b1008e89c94875d019910a213181a14fc8c
+  languageName: node
+  linkType: hard
+
 "strip-ansi@npm:^5.0.0, strip-ansi@npm:^5.2.0":
   version: 5.2.0
   resolution: "strip-ansi@npm:5.2.0"
@@ -20805,12 +21783,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "strip-ansi@npm:6.0.1"
+"strip-ansi@npm:^7.0.1":
+  version: 7.1.0
+  resolution: "strip-ansi@npm:7.1.0"
   dependencies:
-    ansi-regex: ^5.0.1
-  checksum: f3cd25890aef3ba6e1a74e20896c21a46f482e93df4a06567cebf2b57edabb15133f1f94e57434e0a958d61186087b1008e89c94875d019910a213181a14fc8c
+    ansi-regex: ^6.0.1
+  checksum: 859c73fcf27869c22a4e4d8c6acfe690064659e84bef9458aa6d13719d09ca88dcfd40cbf31fd0be63518ea1a643fe070b4827d353e09533a5b0b9fd4553d64d
   languageName: node
   linkType: hard
 
@@ -20872,10 +21850,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-mod@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "style-mod@npm:4.0.0"
-  checksum: c19f73d660a94244f0715180a6141bf75d05e5b156cc956ba11970b83cd303c3f7edafe5fb61a3192da6186cc008bdcdd803a979070f9b64e13046463644043c
+"style-mod@npm:^4.0.0, style-mod@npm:^4.1.0":
+  version: 4.1.2
+  resolution: "style-mod@npm:4.1.2"
+  checksum: 7c5c3e82747f9bcf5f288d8d07f50848e4630fe5ff7bfe4d94cc87d6b6a2588227cbf21b4c792ac6406e5852293300a75e710714479a5c59a06af677f0825ef8
   languageName: node
   linkType: hard
 
@@ -20888,6 +21866,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"style-to-object@npm:^0.4.0":
+  version: 0.4.4
+  resolution: "style-to-object@npm:0.4.4"
+  dependencies:
+    inline-style-parser: 0.1.1
+  checksum: 41656c06f93ac0a7ac260ebc2f9d09a8bd74b8ec1836f358cc58e169235835a3a356977891d2ebbd76f0e08a53616929069199f9cce543214d3dc98346e19c9a
+  languageName: node
+  linkType: hard
+
+"style-to-object@npm:^1.0.0":
+  version: 1.0.6
+  resolution: "style-to-object@npm:1.0.6"
+  dependencies:
+    inline-style-parser: 0.2.3
+  checksum: 5b58295dcc2c21f1da1b9308de1e81b4a987b876a177e677453a76b2e3151a0e21afc630e99c1ea6c82dd8dbec0d01a8b1a51a829422aca055162b03e52572a9
+  languageName: node
+  linkType: hard
+
 "styled-components@npm:^5.3.8":
   version: 5.3.8
   resolution: "styled-components@npm:5.3.8"
@@ -20910,10 +21906,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylis@npm:4.1.3":
-  version: 4.1.3
-  resolution: "stylis@npm:4.1.3"
-  checksum: d04dbffcb9bf2c5ca8d8dc09534203c75df3bf711d33973ea22038a99cc475412a350b661ebd99cbc01daa50d7eedcf0d130d121800eb7318759a197023442a6
+"stylis@npm:4.2.0":
+  version: 4.2.0
+  resolution: "stylis@npm:4.2.0"
+  checksum: 0eb6cc1b866dc17a6037d0a82ac7fa877eba6a757443e79e7c4f35bacedbf6421fadcab4363b39667b43355cbaaa570a3cde850f776498e5450f32ed2f9b7584
   languageName: node
   linkType: hard
 
@@ -21040,6 +22036,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tar@npm:^6.1.11":
+  version: 6.2.0
+  resolution: "tar@npm:6.2.0"
+  dependencies:
+    chownr: ^2.0.0
+    fs-minipass: ^2.0.0
+    minipass: ^5.0.0
+    minizlib: ^2.1.1
+    mkdirp: ^1.0.3
+    yallist: ^4.0.0
+  checksum: db4d9fe74a2082c3a5016630092c54c8375ff3b280186938cfd104f2e089c4fd9bad58688ef6be9cf186a889671bf355c7cda38f09bbf60604b281715ca57f5c
+  languageName: node
+  linkType: hard
+
 "temp@npm:0.8.3":
   version: 0.8.3
   resolution: "temp@npm:0.8.3"
@@ -21105,13 +22115,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"textextensions@npm:2":
-  version: 2.6.0
-  resolution: "textextensions@npm:2.6.0"
-  checksum: e28781f092d0172b78974fd22d5c007cc43ac50be666b36bbf10125d961775faf309a70b51697a2debc074c8f23cc923f1386b1e4661e11b128cee292060034c
-  languageName: node
-  linkType: hard
-
 "thenify-all@npm:^1.0.0":
   version: 1.6.0
   resolution: "thenify-all@npm:1.6.0"
@@ -21200,22 +22203,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"through@npm:2, through@npm:>=2.2.7 <3, through@npm:^2.3.6, through@npm:^2.3.8, through@npm:~2.3, through@npm:~2.3.1":
+"through@npm:2, through@npm:>=2.2.7 <3, through@npm:^2.3.8, through@npm:~2.3, through@npm:~2.3.1":
   version: 2.3.8
   resolution: "through@npm:2.3.8"
   checksum: a38c3e059853c494af95d50c072b83f8b676a9ba2818dcc5b108ef252230735c54e0185437618596c790bbba8fcdaef5b290405981ffa09dce67b1f1bf190cbd
   languageName: node
   linkType: hard
 
-"time-span@npm:4.0.0":
-  version: 4.0.0
-  resolution: "time-span@npm:4.0.0"
-  dependencies:
-    convert-hrtime: ^3.0.0
-  checksum: 8bcecbda97142e804ba03acf52117cc771c2933277b299bdf2e8a949960fda3e70d8159b3ba5f49495d662c4b8cc15e30dbb1a703b1a735eecce11682b98e8f9
-  languageName: node
-  linkType: hard
-
 "tiny-inflate@npm:^1.0.3":
   version: 1.0.3
   resolution: "tiny-inflate@npm:1.0.3"
@@ -21374,6 +22368,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"trim-lines@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "trim-lines@npm:3.0.1"
+  checksum: e241da104682a0e0d807222cc1496b92e716af4db7a002f4aeff33ae6a0024fef93165d49eab11aa07c71e1347c42d46563f91dfaa4d3fb945aa535cdead53ed
+  languageName: node
+  linkType: hard
+
 "trim-newlines@npm:^3.0.0":
   version: 3.0.1
   resolution: "trim-newlines@npm:3.0.1"
@@ -21411,13 +22412,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"trough@npm:^1.0.0":
-  version: 1.0.5
-  resolution: "trough@npm:1.0.5"
-  checksum: d6c8564903ed00e5258bab92134b020724dbbe83148dc72e4bf6306c03ed8843efa1bcc773fa62410dd89161ecb067432dd5916501793508a9506cacbc408e25
-  languageName: node
-  linkType: hard
-
 "trough@npm:^2.0.0":
   version: 2.0.2
   resolution: "trough@npm:2.0.2"
@@ -21451,44 +22445,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-node@npm:10.9.1, ts-node@npm:^10.9.1":
-  version: 10.9.1
-  resolution: "ts-node@npm:10.9.1"
-  dependencies:
-    "@cspotcode/source-map-support": ^0.8.0
-    "@tsconfig/node10": ^1.0.7
-    "@tsconfig/node12": ^1.0.7
-    "@tsconfig/node14": ^1.0.0
-    "@tsconfig/node16": ^1.0.2
-    acorn: ^8.4.1
-    acorn-walk: ^8.1.1
-    arg: ^4.1.0
-    create-require: ^1.1.0
-    diff: ^4.0.1
-    make-error: ^1.1.1
-    v8-compile-cache-lib: ^3.0.1
-    yn: 3.1.1
-  peerDependencies:
-    "@swc/core": ">=1.2.50"
-    "@swc/wasm": ">=1.2.50"
-    "@types/node": "*"
-    typescript: ">=2.7"
-  peerDependenciesMeta:
-    "@swc/core":
-      optional: true
-    "@swc/wasm":
-      optional: true
-  bin:
-    ts-node: dist/bin.js
-    ts-node-cwd: dist/bin-cwd.js
-    ts-node-esm: dist/bin-esm.js
-    ts-node-script: dist/bin-script.js
-    ts-node-transpile-only: dist/bin-transpile.js
-    ts-script: dist/bin-script-deprecated.js
-  checksum: 090adff1302ab20bd3486e6b4799e90f97726ed39e02b39e566f8ab674fd5bd5f727f43615debbfc580d33c6d9d1c6b1b3ce7d8e3cca3e20530a145ffa232c35
-  languageName: node
-  linkType: hard
-
 "ts-toolbelt@npm:^6.15.5":
   version: 6.15.5
   resolution: "ts-toolbelt@npm:6.15.5"
@@ -21496,6 +22452,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tsconfck@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "tsconfck@npm:3.0.3"
+  peerDependencies:
+    typescript: ^5.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  bin:
+    tsconfck: bin/tsconfck.js
+  checksum: 8ee0d73f730c0747d4bfe569b1931e1b3848f2adfb86ee8f3dc9aedd123f155b363dec7f51dc165fc7938ce592af753aa513adf7753ffcbee1baf97017d919dd
+  languageName: node
+  linkType: hard
+
 "tsconfig-paths@npm:^4.0.0":
   version: 4.1.0
   resolution: "tsconfig-paths@npm:4.1.0"
@@ -21514,20 +22484,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0":
-  version: 2.4.1
-  resolution: "tslib@npm:2.4.1"
-  checksum: 19480d6e0313292bd6505d4efe096a6b31c70e21cf08b5febf4da62e95c265c8f571f7b36fcc3d1a17e068032f59c269fab3459d6cd3ed6949eafecf64315fca
-  languageName: node
-  linkType: hard
-
-"tslib@npm:^2.6.0, tslib@npm:^2.6.2":
+"tslib@npm:^2.0.0, tslib@npm:^2.6.0, tslib@npm:^2.6.2":
   version: 2.6.2
   resolution: "tslib@npm:2.6.2"
   checksum: 329ea56123005922f39642318e3d1f0f8265d1e7fcb92c633e0809521da75eeaca28d2cf96d7248229deb40e5c19adf408259f4b9640afd20d13aecc1430f3ad
   languageName: node
   linkType: hard
 
+"tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0":
+  version: 2.4.1
+  resolution: "tslib@npm:2.4.1"
+  checksum: 19480d6e0313292bd6505d4efe096a6b31c70e21cf08b5febf4da62e95c265c8f571f7b36fcc3d1a17e068032f59c269fab3459d6cd3ed6949eafecf64315fca
+  languageName: node
+  linkType: hard
+
 "tsup@npm:^6.7.0":
   version: 6.7.0
   resolution: "tsup@npm:6.7.0"
@@ -21618,6 +22588,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"turbo-stream@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "turbo-stream@npm:2.0.1"
+  checksum: 295fec95a24a5797268af49fd8862e466b4ebf93340220573f7ae5d3812d3e762ff2867e180cbd919c33bc1a569fe9ab860e25e8c45848cd56d64ee8c9d9c45e
+  languageName: node
+  linkType: hard
+
 "turbo-windows-64@npm:1.11.1":
   version: 1.11.1
   resolution: "turbo-windows-64@npm:1.11.1"
@@ -21752,13 +22729,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type@npm:^1.0.1":
-  version: 1.2.0
-  resolution: "type@npm:1.2.0"
-  checksum: dae8c64f82c648b985caf321e9dd6e8b7f4f2e2d4f846fc6fd2c8e9dc7769382d8a52369ddbaccd59aeeceb0df7f52fb339c465be5f2e543e81e810e413451ee
-  languageName: node
-  linkType: hard
-
 "type@npm:^2.7.2":
   version: 2.7.2
   resolution: "type@npm:2.7.2"
@@ -21813,25 +22783,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typedarray-to-buffer@npm:^3.1.5":
-  version: 3.1.5
-  resolution: "typedarray-to-buffer@npm:3.1.5"
-  dependencies:
-    is-typedarray: ^1.0.0
-  checksum: 99c11aaa8f45189fcfba6b8a4825fd684a321caa9bd7a76a27cf0c7732c174d198b99f449c52c3818107430b5f41c0ccbbfb75cb2ee3ca4a9451710986d61a60
-  languageName: node
-  linkType: hard
-
-"typescript@npm:4.3.4":
-  version: 4.3.4
-  resolution: "typescript@npm:4.3.4"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 75e1f2769c7ff38c718523d05eaf1c2611dbf92c0ab0f85f603ead9bb23416af2009a5dac46e76ef6a207a8508fa53f51b43a41f2a91b1241b53cd744c16128c
-  languageName: node
-  linkType: hard
-
 "typescript@npm:5.3.3":
   version: 5.3.3
   resolution: "typescript@npm:5.3.3"
@@ -21842,16 +22793,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@4.3.4#~builtin<compat/typescript>":
-  version: 4.3.4
-  resolution: "typescript@patch:typescript@npm%3A4.3.4#~builtin<compat/typescript>::version=4.3.4&hash=dba6d9"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 6ccc2e1148e172da119ea4b72c66395a0c18a53884d21fb82bb4503a948a7169e9961defe24a359040a3d77bf5ff338945804296e0e27c87b5bd22ea1d25781b
-  languageName: node
-  linkType: hard
-
 "typescript@patch:typescript@5.3.3#~builtin<compat/typescript>":
   version: 5.3.3
   resolution: "typescript@patch:typescript@npm%3A5.3.3#~builtin<compat/typescript>::version=5.3.3&hash=1f5320"
@@ -21869,6 +22810,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ufo@npm:^1.5.3":
+  version: 1.5.3
+  resolution: "ufo@npm:1.5.3"
+  checksum: 2f54fa543b2e689cc4ab341fe2194937afe37c5ee43cd782e6ecc184e36859e84d4197a43ae4cd6e9a56f793ca7c5b950dfff3f16fadaeef9b6b88b05c88c8ef
+  languageName: node
+  linkType: hard
+
 "uglify-es@npm:^3.1.9":
   version: 3.3.9
   resolution: "uglify-es@npm:3.3.9"
@@ -21900,6 +22848,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici@npm:^6.10.1":
+  version: 6.16.1
+  resolution: "undici@npm:6.16.1"
+  checksum: c7615003da15b3994da9f530a8df9b7dc7d537241a9dc9a7e6a1cb0bbf4b557abc982c01cefff3717c26f4a80bd9f38dfcf777ced0cb472de5df7f759f8fd86b
+  languageName: node
+  linkType: hard
+
 "unicode-canonical-property-names-ecmascript@npm:^2.0.0":
   version: 2.0.0
   resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.0"
@@ -21931,17 +22886,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unified@npm:9.2.2":
-  version: 9.2.2
-  resolution: "unified@npm:9.2.2"
+"unified@npm:11.0.4, unified@npm:^11.0.0":
+  version: 11.0.4
+  resolution: "unified@npm:11.0.4"
   dependencies:
-    bail: ^1.0.0
+    "@types/unist": ^3.0.0
+    bail: ^2.0.0
+    devlop: ^1.0.0
     extend: ^3.0.0
-    is-buffer: ^2.0.0
-    is-plain-obj: ^2.0.0
-    trough: ^1.0.0
-    vfile: ^4.0.0
-  checksum: 7c24461be7de4145939739ce50d18227c5fbdf9b3bc5a29dabb1ce26dd3e8bd4a1c385865f6f825f3b49230953ee8b591f23beab3bb3643e3e9dc37aa8a089d5
+    is-plain-obj: ^4.0.0
+    trough: ^2.0.0
+    vfile: ^6.0.0
+  checksum: cfb023913480ac2bd5e787ffb8c27782c43e6be4a55f8f1c288233fce46a7ebe7718ccc5adb80bf8d56b7ef85f5fc32239c7bfccda006f9f2382e0cc2e2a77e4
   languageName: node
   linkType: hard
 
@@ -21981,6 +22937,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unique-filename@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "unique-filename@npm:3.0.0"
+  dependencies:
+    unique-slug: ^4.0.0
+  checksum: 8e2f59b356cb2e54aab14ff98a51ac6c45781d15ceaab6d4f1c2228b780193dc70fae4463ce9e1df4479cb9d3304d7c2043a3fb905bdeca71cc7e8ce27e063df
+  languageName: node
+  linkType: hard
+
 "unique-slug@npm:^2.0.0":
   version: 2.0.2
   resolution: "unique-slug@npm:2.0.2"
@@ -21990,12 +22955,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-builder@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "unist-builder@npm:3.0.0"
+"unique-slug@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "unique-slug@npm:4.0.0"
   dependencies:
-    "@types/unist": ^2.0.0
-  checksum: 80459ee3c2ece90bbc4f4b4faeed524d144c1a09ee07ff3e9004648d9b71a652e80a3b3ef60311a1e92f6ab915caf27c6f08062b5f8c84fa725bc0d7c5759e84
+    imurmurhash: ^0.1.4
+  checksum: 0884b58365af59f89739e6f71e3feacb5b1b41f2df2d842d0757933620e6de08eff347d27e9d499b43c40476cbaf7988638d3acb2ffbcb9d35fd035591adfd15
   languageName: node
   linkType: hard
 
@@ -22006,13 +22971,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-is@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "unist-util-is@npm:4.1.0"
-  checksum: 726484cd2adc9be75a939aeedd48720f88294899c2e4a3143da413ae593f2b28037570730d5cf5fd910ff41f3bc1501e3d636b6814c478d71126581ef695f7ea
-  languageName: node
-  linkType: hard
-
 "unist-util-is@npm:^5.0.0":
   version: 5.1.1
   resolution: "unist-util-is@npm:5.1.1"
@@ -22020,6 +22978,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unist-util-is@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "unist-util-is@npm:6.0.0"
+  dependencies:
+    "@types/unist": ^3.0.0
+  checksum: f630a925126594af9993b091cf807b86811371e465b5049a6283e08537d3e6ba0f7e248e1e7dab52cfe33f9002606acef093441137181b327f6fe504884b20e2
+  languageName: node
+  linkType: hard
+
 "unist-util-position-from-estree@npm:^1.0.0, unist-util-position-from-estree@npm:^1.1.0":
   version: 1.1.1
   resolution: "unist-util-position-from-estree@npm:1.1.1"
@@ -22029,6 +22996,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unist-util-position-from-estree@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "unist-util-position-from-estree@npm:2.0.0"
+  dependencies:
+    "@types/unist": ^3.0.0
+  checksum: d3b3048a5727c2367f64ef6dcc5b20c4717215ef8b1372ff9a7c426297c5d1e5776409938acd01531213e2cd2543218d16e73f9f862f318e9496e2c73bb18354
+  languageName: node
+  linkType: hard
+
 "unist-util-position@npm:^4.0.0":
   version: 4.0.3
   resolution: "unist-util-position@npm:4.0.3"
@@ -22038,6 +23014,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unist-util-position@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unist-util-position@npm:5.0.0"
+  dependencies:
+    "@types/unist": ^3.0.0
+  checksum: f89b27989b19f07878de9579cd8db2aa0194c8360db69e2c99bd2124a480d79c08f04b73a64daf01a8fb3af7cba65ff4b45a0b978ca243226084ad5f5d441dde
+  languageName: node
+  linkType: hard
+
 "unist-util-remove-position@npm:^4.0.0":
   version: 4.0.1
   resolution: "unist-util-remove-position@npm:4.0.1"
@@ -22048,12 +23033,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-stringify-position@npm:^2.0.0":
-  version: 2.0.3
-  resolution: "unist-util-stringify-position@npm:2.0.3"
+"unist-util-remove-position@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unist-util-remove-position@npm:5.0.0"
   dependencies:
-    "@types/unist": ^2.0.2
-  checksum: f755cadc959f9074fe999578a1a242761296705a7fe87f333a37c00044de74ab4b184b3812989a57d4cd12211f0b14ad397b327c3a594c7af84361b1c25a7f09
+    "@types/unist": ^3.0.0
+    unist-util-visit: ^5.0.0
+  checksum: 8aabdb9d0e3e744141bc123d8f87b90835d521209ad3c6c4619d403b324537152f0b8f20dda839b40c3aa0abfbf1828b3635a7a8bb159c3ed469e743023510ee
   languageName: node
   linkType: hard
 
@@ -22066,13 +23052,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-visit-parents@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "unist-util-visit-parents@npm:3.1.1"
+"unist-util-stringify-position@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "unist-util-stringify-position@npm:4.0.0"
   dependencies:
-    "@types/unist": ^2.0.0
-    unist-util-is: ^4.0.0
-  checksum: 1170e397dff88fab01e76d5154981666eb0291019d2462cff7a2961a3e76d3533b42eaa16b5b7e2d41ad42a5ea7d112301458283d255993e660511387bf67bc3
+    "@types/unist": ^3.0.0
+  checksum: e2e7aee4b92ddb64d314b4ac89eef7a46e4c829cbd3ee4aee516d100772b490eb6b4974f653ba0717a0071ca6ea0770bf22b0a2ea62c65fcba1d071285e96324
   languageName: node
   linkType: hard
 
@@ -22086,14 +23071,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-visit@npm:2.0.3, unist-util-visit@npm:^2.0.0":
-  version: 2.0.3
-  resolution: "unist-util-visit@npm:2.0.3"
+"unist-util-visit-parents@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "unist-util-visit-parents@npm:6.0.1"
   dependencies:
-    "@types/unist": ^2.0.0
-    unist-util-is: ^4.0.0
-    unist-util-visit-parents: ^3.0.0
-  checksum: 1fe19d500e212128f96d8c3cfa3312846e586b797748a1fd195fe6479f06bc90a6f6904deb08eefc00dd58e83a1c8a32fb8677252d2273ad7a5e624525b69b8f
+    "@types/unist": ^3.0.0
+    unist-util-is: ^6.0.0
+  checksum: 08927647c579f63b91aafcbec9966dc4a7d0af1e5e26fc69f4e3e6a01215084835a2321b06f3cbe7bf7914a852830fc1439f0fc3d7153d8804ac3ef851ddfa20
+  languageName: node
+  linkType: hard
+
+"unist-util-visit@npm:5.0.0, unist-util-visit@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unist-util-visit@npm:5.0.0"
+  dependencies:
+    "@types/unist": ^3.0.0
+    unist-util-is: ^6.0.0
+    unist-util-visit-parents: ^6.0.0
+  checksum: 9ec42e618e7e5d0202f3c191cd30791b51641285732767ee2e6bcd035931032e3c1b29093f4d7fd0c79175bbc1f26f24f26ee49770d32be76f8730a652a857e6
   languageName: node
   linkType: hard
 
@@ -22153,6 +23148,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"update-browserslist-db@npm:^1.0.13":
+  version: 1.0.13
+  resolution: "update-browserslist-db@npm:1.0.13"
+  dependencies:
+    escalade: ^3.1.1
+    picocolors: ^1.0.0
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 1e47d80182ab6e4ad35396ad8b61008ae2a1330221175d0abd37689658bdb61af9b705bfc41057fd16682474d79944fb2d86767c5ed5ae34b6276b9bed353322
+  languageName: node
+  linkType: hard
+
 "update-browserslist-db@npm:^1.0.9":
   version: 1.0.10
   resolution: "update-browserslist-db@npm:1.0.10"
@@ -22194,8 +23203,8 @@ __metadata:
   linkType: hard
 
 "use-callback-ref@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "use-callback-ref@npm:1.3.0"
+  version: 1.3.2
+  resolution: "use-callback-ref@npm:1.3.2"
   dependencies:
     tslib: ^2.0.0
   peerDependencies:
@@ -22204,11 +23213,11 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 7913df383a5a6fcb399212eedefaac2e0c6f843555202d4e3010bac3848afe38ecaa3d0d6500ad1d936fbeffd637e6c517e68edb024af5e6beca7f27f3ce7b21
+  checksum: df690f2032d56aabcea0400313a04621429f45bceb4d65d38829b3680cae3856470ce72958cb7224b332189d8faef54662a283c0867dd7c769f9a5beff61787d
   languageName: node
   linkType: hard
 
-"use-isomorphic-layout-effect@npm:^1.1.1, use-isomorphic-layout-effect@npm:^1.1.2":
+"use-isomorphic-layout-effect@npm:^1.1.2":
   version: 1.1.2
   resolution: "use-isomorphic-layout-effect@npm:1.1.2"
   peerDependencies:
@@ -22236,7 +23245,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:1.2.0, use-sync-external-store@npm:^1.0.0":
+"use-sync-external-store@npm:^1.0.0":
   version: 1.2.0
   resolution: "use-sync-external-store@npm:1.2.0"
   peerDependencies:
@@ -22252,16 +23261,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"utf-8-validate@npm:^5.0.2":
-  version: 5.0.10
-  resolution: "utf-8-validate@npm:5.0.10"
-  dependencies:
-    node-gyp: latest
-    node-gyp-build: ^4.3.0
-  checksum: 5579350a023c66a2326752b6c8804cc7b39dcd251bb088241da38db994b8d78352e388dcc24ad398ab98385ba3c5ffcadb6b5b14b2637e43f767869055e46ba6
-  languageName: node
-  linkType: hard
-
 "util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2, util-deprecate@npm:~1.0.1":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"
@@ -22319,13 +23318,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"v8-compile-cache-lib@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "v8-compile-cache-lib@npm:3.0.1"
-  checksum: 78089ad549e21bcdbfca10c08850022b22024cdcc2da9b168bcf5a73a6ed7bf01a9cebb9eac28e03cd23a684d81e0502797e88f3ccd27a32aeab1cfc44c39da0
-  languageName: node
-  linkType: hard
-
 "v8-to-istanbul@npm:^9.0.1":
   version: 9.1.0
   resolution: "v8-to-istanbul@npm:9.1.0"
@@ -22344,7 +23336,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"validate-npm-package-license@npm:^3.0.1":
+"validate-npm-package-license@npm:^3.0.1, validate-npm-package-license@npm:^3.0.4":
   version: 3.0.4
   resolution: "validate-npm-package-license@npm:3.0.4"
   dependencies:
@@ -22354,6 +23346,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"validate-npm-package-name@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "validate-npm-package-name@npm:5.0.0"
+  dependencies:
+    builtins: ^5.0.0
+  checksum: 5342a994986199b3c28e53a8452a14b2bb5085727691ea7aa0d284a6606b127c371e0925ae99b3f1ef7cc7d2c9de75f52eb61a3d1cc45e39bca1e3a9444cbb4e
+  languageName: node
+  linkType: hard
+
 "vary@npm:~1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
@@ -22379,13 +23380,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vfile-location@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "vfile-location@npm:3.2.0"
-  checksum: 9bb3df6d0be31b5dd2d8da0170c27b7045c64493a8ba7b6ff7af8596c524fc8896924b8dd85ae12d201eead2709217a0fbc44927b7264f4bbf0aa8027a78be9c
-  languageName: node
-  linkType: hard
-
 "vfile-location@npm:^4.0.0":
   version: 4.0.1
   resolution: "vfile-location@npm:4.0.1"
@@ -22396,13 +23390,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vfile-message@npm:^2.0.0":
-  version: 2.0.4
-  resolution: "vfile-message@npm:2.0.4"
+"vfile-location@npm:^5.0.0":
+  version: 5.0.2
+  resolution: "vfile-location@npm:5.0.2"
   dependencies:
-    "@types/unist": ^2.0.0
-    unist-util-stringify-position: ^2.0.0
-  checksum: 1bade499790f46ca5aba04bdce07a1e37c2636a8872e05cf32c26becc912826710b7eb063d30c5754fdfaeedc8a7658e78df10b3bc535c844890ec8a184f5643
+    "@types/unist": ^3.0.0
+    vfile: ^6.0.0
+  checksum: b61c048cedad3555b4f007f390412c6503f58a6a130b58badf4ee340c87e0d7421e9c86bbc1494c57dedfccadb60f5176cc60ba3098209d99fb3a3d8804e4c38
   languageName: node
   linkType: hard
 
@@ -22416,15 +23410,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vfile@npm:^4.0.0":
-  version: 4.2.1
-  resolution: "vfile@npm:4.2.1"
+"vfile-message@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "vfile-message@npm:4.0.2"
   dependencies:
-    "@types/unist": ^2.0.0
-    is-buffer: ^2.0.0
-    unist-util-stringify-position: ^2.0.0
-    vfile-message: ^2.0.0
-  checksum: ee5726e10d170472cde778fc22e0f7499caa096eb85babea5d0ce0941455b721037ee1c9e6ae506ca2803250acd313d0f464328ead0b55cfe7cb6315f1b462d6
+    "@types/unist": ^3.0.0
+    unist-util-stringify-position: ^4.0.0
+  checksum: 964e7e119f4c0e0270fc269119c41c96da20afa01acb7c9809a88365c8e0c64aa692fafbd952669382b978002ecd7ad31ef4446d85e8a22cdb62f6df20186c2d
   languageName: node
   linkType: hard
 
@@ -22440,6 +23432,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vfile@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "vfile@npm:6.0.1"
+  dependencies:
+    "@types/unist": ^3.0.0
+    unist-util-stringify-position: ^4.0.0
+    vfile-message: ^4.0.0
+  checksum: 05ccee73aeb00402bc8a5d0708af299e9f4a33f5132805449099295085e3ca3b0d018328bad9ff44cf2e6f4cd364f1d558d3fb9b394243a25b2739207edcb0ed
+  languageName: node
+  linkType: hard
+
 "vite-node@npm:^0.28.5":
   version: 0.28.5
   resolution: "vite-node@npm:0.28.5"
@@ -22458,18 +23461,49 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite@npm:^3.0.0 || ^4.0.0, vite@npm:^4.1.4":
-  version: 4.2.1
-  resolution: "vite@npm:4.2.1"
+"vite-node@npm:^1.2.0":
+  version: 1.6.0
+  resolution: "vite-node@npm:1.6.0"
   dependencies:
-    esbuild: ^0.17.5
-    fsevents: ~2.3.2
-    postcss: ^8.4.21
-    resolve: ^1.22.1
-    rollup: ^3.18.0
+    cac: ^6.7.14
+    debug: ^4.3.4
+    pathe: ^1.1.1
+    picocolors: ^1.0.0
+    vite: ^5.0.0
+  bin:
+    vite-node: vite-node.mjs
+  checksum: ce111c5c7a4cf65b722baa15cbc065b7bfdbf1b65576dd6372995f6a72b2b93773ec5df59f6c5f08cfe1284806597b44b832efcea50d5971102428159ff4379f
+  languageName: node
+  linkType: hard
+
+"vite-tsconfig-paths@npm:4.3.2":
+  version: 4.3.2
+  resolution: "vite-tsconfig-paths@npm:4.3.2"
+  dependencies:
+    debug: ^4.1.1
+    globrex: ^0.1.2
+    tsconfck: ^3.0.3
   peerDependencies:
-    "@types/node": ">= 14"
+    vite: "*"
+  peerDependenciesMeta:
+    vite:
+      optional: true
+  checksum: 7105ff641379f9f7055110f33067b236c8ee71b1390c0e6482412cdcc7a98c2e139c1c2a483d14fe9045d1977c14dc931e1ff302d6257ec919c70379db9d2419
+  languageName: node
+  linkType: hard
+
+"vite@npm:5.2.11, vite@npm:^5.0.0, vite@npm:^5.0.11, vite@npm:^5.2.11":
+  version: 5.2.11
+  resolution: "vite@npm:5.2.11"
+  dependencies:
+    esbuild: ^0.20.1
+    fsevents: ~2.3.3
+    postcss: ^8.4.38
+    rollup: ^4.13.0
+  peerDependencies:
+    "@types/node": ^18.0.0 || >=20.0.0
     less: "*"
+    lightningcss: ^1.21.0
     sass: "*"
     stylus: "*"
     sugarss: "*"
@@ -22482,6 +23516,8 @@ __metadata:
       optional: true
     less:
       optional: true
+    lightningcss:
+      optional: true
     sass:
       optional: true
     stylus:
@@ -22492,22 +23528,22 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: 70eb162ffc299017a3c310e3adc95e9661def6b17aafd1f8e5e02e516766060435590dbe3df1e4e95acc3583c728a76e91f07c546221d1e701f1b2b021293f45
+  checksum: 3f9f976cc6ada93aca56abcc683a140e807725b351abc241a1ec0763ec561a4bf5760e1ad94de4e59505904ddaa88727de66af02f61ecf540c7720045de55d0a
   languageName: node
   linkType: hard
 
-"vite@npm:^5.0.7":
-  version: 5.0.7
-  resolution: "vite@npm:5.0.7"
+"vite@npm:^3.0.0 || ^4.0.0, vite@npm:^4.1.4":
+  version: 4.2.1
+  resolution: "vite@npm:4.2.1"
   dependencies:
-    esbuild: ^0.19.3
-    fsevents: ~2.3.3
-    postcss: ^8.4.32
-    rollup: ^4.2.0
+    esbuild: ^0.17.5
+    fsevents: ~2.3.2
+    postcss: ^8.4.21
+    resolve: ^1.22.1
+    rollup: ^3.18.0
   peerDependencies:
-    "@types/node": ^18.0.0 || >=20.0.0
+    "@types/node": ">= 14"
     less: "*"
-    lightningcss: ^1.21.0
     sass: "*"
     stylus: "*"
     sugarss: "*"
@@ -22520,8 +23556,6 @@ __metadata:
       optional: true
     less:
       optional: true
-    lightningcss:
-      optional: true
     sass:
       optional: true
     stylus:
@@ -22532,7 +23566,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: 18dcf69ccdb6d79d28c678dec4054ac92fd352fd8b2a1a1eb9512a7791d7036bc625bc1ee7c255edc940ad63ebbde8cc4407954e82c71dcbb70b1afeb345c267
+  checksum: 70eb162ffc299017a3c310e3adc95e9661def6b17aafd1f8e5e02e516766060435590dbe3df1e4e95acc3583c728a76e91f07c546221d1e701f1b2b021293f45
   languageName: node
   linkType: hard
 
@@ -22543,22 +23577,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vm2@npm:^3.9.8":
-  version: 3.9.14
-  resolution: "vm2@npm:3.9.14"
-  dependencies:
-    acorn: ^8.7.0
-    acorn-walk: ^8.2.0
-  bin:
-    vm2: bin/vm2
-  checksum: 1ed7481e07ce8e03055101b382bfbf0d725a5c9b9bbe8bf75f71501cb43a6bd22f6a0a151975ff7cea8cad136d47e66d64f0a3248913f6d3ca3c405db12bacc0
-  languageName: node
-  linkType: hard
-
 "w3c-keyname@npm:^2.2.4":
-  version: 2.2.6
-  resolution: "w3c-keyname@npm:2.2.6"
-  checksum: 59a31d23ca9953c01c99ed6695fee5b6ea36eb2412d76a21fe4302ab33a3f5cd96c006a763940b6115c3d042c16d3564eeee1156832217d028af0518098b3a42
+  version: 2.2.8
+  resolution: "w3c-keyname@npm:2.2.8"
+  checksum: 95bafa4c04fa2f685a86ca1000069c1ec43ace1f8776c10f226a73296caeddd83f893db885c2c220ebeb6c52d424e3b54d7c0c1e963bbf204038ff1a944fbb07
   languageName: node
   linkType: hard
 
@@ -22617,10 +23639,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web-namespaces@npm:^1.0.0":
-  version: 1.1.4
-  resolution: "web-namespaces@npm:1.1.4"
-  checksum: 5149842ccbfbc56fe4f8758957b3f8c8616a281874a5bb84aa1b305e4436a9bad853d21c629a7b8f174902449e1489c7a6c724fccf60965077c5636bd8aed42b
+"web-namespaces@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "web-namespaces@npm:2.0.1"
+  checksum: b6d9f02f1a43d0ef0848a812d89c83801d5bbad57d8bb61f02eb6d7eb794c3736f6cc2e1191664bb26136594c8218ac609f4069722c6f56d9fc2d808fa9271c6
   languageName: node
   linkType: hard
 
@@ -22666,20 +23688,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"websocket@npm:^1.0.34":
-  version: 1.0.34
-  resolution: "websocket@npm:1.0.34"
-  dependencies:
-    bufferutil: ^4.0.1
-    debug: ^2.2.0
-    es5-ext: ^0.10.50
-    typedarray-to-buffer: ^3.1.5
-    utf-8-validate: ^5.0.2
-    yaeti: ^0.0.6
-  checksum: 8a0ce6d79cc1334bb6ea0d607f0092f3d32700b4dd19e4d5540f2a85f3b50e1f8110da0e4716737056584dde70bbebcb40bbd94bbb437d7468c71abfbfa077d8
-  languageName: node
-  linkType: hard
-
 "whatwg-encoding@npm:^2.0.0":
   version: 2.0.0
   resolution: "whatwg-encoding@npm:2.0.0"
@@ -22845,6 +23853,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "which@npm:3.0.1"
+  dependencies:
+    isexe: ^2.0.0
+  bin:
+    node-which: bin/which.js
+  checksum: adf720fe9d84be2d9190458194f814b5e9015ae4b88711b150f30d0f4d0b646544794b86f02c7ebeec1db2029bc3e83a7ff156f542d7521447e5496543e26890
+  languageName: node
+  linkType: hard
+
 "wide-align@npm:^1.1.2":
   version: 1.1.5
   resolution: "wide-align@npm:1.1.5"
@@ -22873,6 +23892,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "wrap-ansi@npm:7.0.0"
+  dependencies:
+    ansi-styles: ^4.0.0
+    string-width: ^4.1.0
+    strip-ansi: ^6.0.0
+  checksum: a790b846fd4505de962ba728a21aaeda189b8ee1c7568ca5e817d85930e06ef8d1689d49dbf0e881e8ef84436af3a88bc49115c2e2788d841ff1b8b5b51a608b
+  languageName: node
+  linkType: hard
+
 "wrap-ansi@npm:^6.2.0":
   version: 6.2.0
   resolution: "wrap-ansi@npm:6.2.0"
@@ -22884,14 +23914,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wrap-ansi@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "wrap-ansi@npm:7.0.0"
+"wrap-ansi@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "wrap-ansi@npm:8.1.0"
   dependencies:
-    ansi-styles: ^4.0.0
-    string-width: ^4.1.0
-    strip-ansi: ^6.0.0
-  checksum: a790b846fd4505de962ba728a21aaeda189b8ee1c7568ca5e817d85930e06ef8d1689d49dbf0e881e8ef84436af3a88bc49115c2e2788d841ff1b8b5b51a608b
+    ansi-styles: ^6.1.0
+    string-width: ^5.0.1
+    strip-ansi: ^7.0.1
+  checksum: 371733296dc2d616900ce15a0049dca0ef67597d6394c57347ba334393599e800bab03c41d4d45221b6bc967b8c453ec3ae4749eff3894202d16800fdfe0e238
   languageName: node
   linkType: hard
 
@@ -22962,36 +23992,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xdm@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "xdm@npm:2.1.0"
-  dependencies:
-    "@rollup/pluginutils": ^4.0.0
-    "@types/estree-jsx": ^0.0.1
-    astring: ^1.6.0
-    deasync: ^0.1.0
-    estree-util-build-jsx: ^2.0.0
-    estree-util-is-identifier-name: ^2.0.0
-    estree-walker: ^3.0.0
-    got: ^11.0.0
-    hast-util-to-estree: ^2.0.0
-    loader-utils: ^2.0.0
-    markdown-extensions: ^1.0.0
-    mdast-util-mdx: ^1.0.0
-    micromark-extension-mdxjs: ^1.0.0
-    periscopic: ^3.0.0
-    remark-parse: ^10.0.0
-    remark-rehype: ^9.0.0
-    source-map: ^0.7.0
-    unified: ^10.0.0
-    unist-util-position-from-estree: ^1.0.0
-    unist-util-stringify-position: ^3.0.0
-    unist-util-visit: ^4.0.0
-    vfile: ^5.0.0
-  dependenciesMeta:
-    deasync:
+"ws@npm:^8.14.2":
+  version: 8.17.0
+  resolution: "ws@npm:8.17.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
       optional: true
-  checksum: 5a3f2434a5390aaebc66aa7d1a90d582de29c2256c94e542df7476cd5ffac6c160ebcb4f75a1a0593dfd8c6d0e650e1ad18f023a57262e0b3abc89c3e1f5c86e
+  checksum: 147ef9eab0251364e1d2c55338ad0efb15e6913923ccbfdf20f7a8a6cb8f88432bcd7f4d8f66977135bfad35575644f9983201c1a361019594a4e53977bf6d4e
   languageName: node
   linkType: hard
 
@@ -23009,14 +24021,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xregexp@npm:2.0.0":
-  version: 2.0.0
-  resolution: "xregexp@npm:2.0.0"
-  checksum: de62d1f01c9f1a67c80cafe48a3dc081b324249a0e88e65dc9acae9cce6d8e63c9d91c0f97e2ad2d8c5351c856c139c04dc55ebd941e59b7d1d5c1169e164cff
-  languageName: node
-  linkType: hard
-
-"xtend@npm:^4.0.0, xtend@npm:~4.0.1":
+"xtend@npm:~4.0.1":
   version: 4.0.2
   resolution: "xtend@npm:4.0.2"
   checksum: ac5dfa738b21f6e7f0dd6e65e1b3155036d68104e67e5d5d1bde74892e327d7e5636a076f625599dc394330a731861e87343ff184b0047fef1360a7ec0a5a36a
@@ -23037,13 +24042,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaeti@npm:^0.0.6":
-  version: 0.0.6
-  resolution: "yaeti@npm:0.0.6"
-  checksum: 6db12c152f7c363b80071086a3ebf5032e03332604eeda988872be50d6c8469e1f13316175544fa320f72edad696c2d83843ad0ff370659045c1a68bcecfcfea
-  languageName: node
-  linkType: hard
-
 "yallist@npm:^2.1.2":
   version: 2.1.2
   resolution: "yallist@npm:2.1.2"
@@ -23072,6 +24070,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:^2.0.0":
+  version: 2.4.2
+  resolution: "yaml@npm:2.4.2"
+  bin:
+    yaml: bin.mjs
+  checksum: 90dda4485de04367251face9abb5c36927c94e44078f4e958e6468a07e74e7e92f89be20fc49860b6268c51ee5a5fc79ef89197d3f874bf24ef8921cc4ba9013
+  languageName: node
+  linkType: hard
+
+"yaml@npm:^2.3.4":
+  version: 2.3.4
+  resolution: "yaml@npm:2.3.4"
+  checksum: e6d1dae1c6383bcc8ba11796eef3b8c02d5082911c6723efeeb5ba50fc8e881df18d645e64de68e421b577296000bea9c75d6d9097c2f6699da3ae0406c030d8
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:^18.1.2, yargs-parser@npm:^18.1.3":
   version: 18.1.3
   resolution: "yargs-parser@npm:18.1.3"
@@ -23155,13 +24169,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yn@npm:3.1.1":
-  version: 3.1.1
-  resolution: "yn@npm:3.1.1"
-  checksum: 2c487b0e149e746ef48cda9f8bad10fc83693cd69d7f9dcd8be4214e985de33a29c9e24f3c0d6bcf2288427040a8947406ab27f7af67ee9456e6b84854f02dd6
-  languageName: node
-  linkType: hard
-
 "yocto-queue@npm:^0.1.0":
   version: 0.1.0
   resolution: "yocto-queue@npm:0.1.0"
@@ -23176,10 +24183,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod@npm:^3.21.4":
-  version: 3.21.4
-  resolution: "zod@npm:3.21.4"
-  checksum: f185ba87342ff16f7a06686767c2b2a7af41110c7edf7c1974095d8db7a73792696bcb4a00853de0d2edeb34a5b2ea6a55871bc864227dace682a0a28de33e1f
+"zod@npm:3.23.8":
+  version: 3.23.8
+  resolution: "zod@npm:3.23.8"
+  checksum: 15949ff82118f59c893dacd9d3c766d02b6fa2e71cf474d5aa888570c469dbf5446ac5ad562bb035bf7ac9650da94f290655c194f4a6de3e766f43febd432c5c
   languageName: node
   linkType: hard
 
@@ -23202,14 +24209,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zwitch@npm:^1.0.0":
-  version: 1.0.5
-  resolution: "zwitch@npm:1.0.5"
-  checksum: 28a1bebacab3bc60150b6b0a2ba1db2ad033f068e81f05e4892ec0ea13ae63f5d140a1d692062ac0657840c8da076f35b94433b5f1c329d7803b247de80f064a
-  languageName: node
-  linkType: hard
-
-"zwitch@npm:^2.0.0":
+"zwitch@npm:^2.0.0, zwitch@npm:^2.0.4":
   version: 2.0.4
   resolution: "zwitch@npm:2.0.4"
   checksum: f22ec5fc2d5f02c423c93d35cdfa83573a3a3bd98c66b927c368ea4d0e7252a500df2a90a6b45522be536a96a73404393c958e945fdba95e6832c200791702b6