diff --git a/.yarnrc.yml b/.yarnrc.yml
index 4906ba06..820371ff 100644
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -2,6 +2,6 @@ compressionLevel: mixed
 
 enableGlobalCache: false
 
-nodeLinker: node-modules
+nodeLinker: pnp
 
 yarnPath: .yarn/releases/yarn-4.0.0.cjs
diff --git a/package.json b/package.json
index e1b963f3..4bc46f51 100644
--- a/package.json
+++ b/package.json
@@ -55,16 +55,20 @@
     "@storybook/addon-a11y": "7.4.0",
     "@storybook/addon-coverage": "^0.0.9",
     "@storybook/addon-designs": "^7.0.5",
+    "@storybook/addon-docs": "^7.5.1",
     "@storybook/addon-essentials": "7.4.0",
     "@storybook/addon-interactions": "7.4.0",
     "@storybook/addon-storyshots": "7.4.0",
+    "@storybook/addon-viewport": "^7.5.1",
     "@storybook/blocks": "7.4.0",
+    "@storybook/components": "^7.5.1",
     "@storybook/jest": "^0.2.2",
     "@storybook/react": "7.4.0",
     "@storybook/react-vite": "7.4.0",
     "@storybook/test-runner": "0.13.0",
     "@storybook/testing-library": "^0.2.0",
     "@storybook/testing-react": "2.0.0",
+    "@storybook/theming": "^7.5.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
diff --git a/yarn.lock b/yarn.lock
index cad81ba7..cdb29e92 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3488,6 +3488,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-docs@npm:^7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/addon-docs@npm:7.5.1"
+  dependencies:
+    "@jest/transform": "npm:^29.3.1"
+    "@mdx-js/react": "npm:^2.1.5"
+    "@storybook/blocks": "npm:7.5.1"
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/components": "npm:7.5.1"
+    "@storybook/csf-plugin": "npm:7.5.1"
+    "@storybook/csf-tools": "npm:7.5.1"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/mdx2-csf": "npm:^1.0.0"
+    "@storybook/node-logger": "npm:7.5.1"
+    "@storybook/postinstall": "npm:7.5.1"
+    "@storybook/preview-api": "npm:7.5.1"
+    "@storybook/react-dom-shim": "npm:7.5.1"
+    "@storybook/theming": "npm:7.5.1"
+    "@storybook/types": "npm:7.5.1"
+    fs-extra: "npm:^11.1.0"
+    remark-external-links: "npm:^8.0.0"
+    remark-slug: "npm:^6.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: fc7680480e2de4729875cf3e1f5625d05bfc410840cddb414e08c5d1ee75141e7a30b1df590262a30241515560164344462a2273079d7c084b90fd44eff7841e
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-essentials@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/addon-essentials@npm:7.4.0"
@@ -3719,6 +3749,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-viewport@npm:^7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/addon-viewport@npm:7.5.1"
+  dependencies:
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/components": "npm:7.5.1"
+    "@storybook/core-events": "npm:7.5.1"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/manager-api": "npm:7.5.1"
+    "@storybook/preview-api": "npm:7.5.1"
+    "@storybook/theming": "npm:7.5.1"
+    memoizerific: "npm:^1.11.3"
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 1b63c6db28a87703243a2718bcce510f5a7647dced56a505a714f578b23ec6d45a524a3e80f782bdd29348c6d495aa1c8ba55a5991295871278a5d62b04380e9
+  languageName: node
+  linkType: hard
+
 "@storybook/babel-plugin-require-context-hook@npm:1.0.1":
   version: 1.0.1
   resolution: "@storybook/babel-plugin-require-context-hook@npm:1.0.1"
@@ -3760,6 +3815,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/blocks@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/blocks@npm:7.5.1"
+  dependencies:
+    "@storybook/channels": "npm:7.5.1"
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/components": "npm:7.5.1"
+    "@storybook/core-events": "npm:7.5.1"
+    "@storybook/csf": "npm:^0.1.0"
+    "@storybook/docs-tools": "npm:7.5.1"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/manager-api": "npm:7.5.1"
+    "@storybook/preview-api": "npm:7.5.1"
+    "@storybook/theming": "npm:7.5.1"
+    "@storybook/types": "npm:7.5.1"
+    "@types/lodash": "npm:^4.14.167"
+    color-convert: "npm:^2.0.1"
+    dequal: "npm:^2.0.2"
+    lodash: "npm:^4.17.21"
+    markdown-to-jsx: "npm:^7.1.8"
+    memoizerific: "npm:^1.11.3"
+    polished: "npm:^4.2.2"
+    react-colorful: "npm:^5.1.2"
+    telejson: "npm:^7.2.0"
+    tocbot: "npm:^4.20.1"
+    ts-dedent: "npm:^2.0.0"
+    util-deprecate: "npm:^1.0.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: c074487c6d92f4f06ea2f034e4cfadd40502a8d5bc03f1a0de06992df595b26948409ba6b992a079cbed06179a10fe662ab1625c448278485c51af9057d62c72
+  languageName: node
+  linkType: hard
+
 "@storybook/builder-manager@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/builder-manager@npm:7.4.0"
@@ -3837,6 +3926,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channels@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/channels@npm:7.5.1"
+  dependencies:
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/core-events": "npm:7.5.1"
+    "@storybook/global": "npm:^5.0.0"
+    qs: "npm:^6.10.0"
+    telejson: "npm:^7.2.0"
+    tiny-invariant: "npm:^1.3.1"
+  checksum: e45d126c709ef8402ec2449661f9fbd0ccd6f65a2d8d3f754cad488445aec2e89ec4ebc4977e5d8c9bbe2c9ec0682dfafcca1621765006b4c3d3afce8139092d
+  languageName: node
+  linkType: hard
+
 "@storybook/cli@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/cli@npm:7.4.0"
@@ -3907,6 +4010,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-logger@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/client-logger@npm:7.5.1"
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+  checksum: 685d047dd419f86ed84c8aee30bd68d7d0780b046d8d56fbdd683caa26b92ed3f396b3515f800a377230a2c6737ab1a93ffaab7dddedb03193b656abe06cce1a
+  languageName: node
+  linkType: hard
+
 "@storybook/codemod@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/codemod@npm:7.4.0"
@@ -3950,6 +4062,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/components@npm:7.5.1, @storybook/components@npm:^7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/components@npm:7.5.1"
+  dependencies:
+    "@radix-ui/react-select": "npm:^1.2.2"
+    "@radix-ui/react-toolbar": "npm:^1.0.4"
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/csf": "npm:^0.1.0"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/theming": "npm:7.5.1"
+    "@storybook/types": "npm:7.5.1"
+    memoizerific: "npm:^1.11.3"
+    use-resize-observer: "npm:^9.1.0"
+    util-deprecate: "npm:^1.0.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 41934d9b3cf853ebf744d0d1fff91815e6787bd3a1ab0ae3f5bd9868aa7c5529f0f0afc3fa7d272e5ebffd0d2270be2c3a6559017884943d5bd4314279383c06
+  languageName: node
+  linkType: hard
+
 "@storybook/core-client@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/core-client@npm:7.4.0"
@@ -3990,6 +4123,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-common@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/core-common@npm:7.5.1"
+  dependencies:
+    "@storybook/core-events": "npm:7.5.1"
+    "@storybook/node-logger": "npm:7.5.1"
+    "@storybook/types": "npm:7.5.1"
+    "@types/find-cache-dir": "npm:^3.2.1"
+    "@types/node": "npm:^18.0.0"
+    "@types/node-fetch": "npm:^2.6.4"
+    "@types/pretty-hrtime": "npm:^1.0.0"
+    chalk: "npm:^4.1.0"
+    esbuild: "npm:^0.18.0"
+    esbuild-register: "npm:^3.5.0"
+    file-system-cache: "npm:2.3.0"
+    find-cache-dir: "npm:^3.0.0"
+    find-up: "npm:^5.0.0"
+    fs-extra: "npm:^11.1.0"
+    glob: "npm:^10.0.0"
+    handlebars: "npm:^4.7.7"
+    lazy-universal-dotenv: "npm:^4.0.0"
+    node-fetch: "npm:^2.0.0"
+    picomatch: "npm:^2.3.0"
+    pkg-dir: "npm:^5.0.0"
+    pretty-hrtime: "npm:^1.0.3"
+    resolve-from: "npm:^5.0.0"
+    ts-dedent: "npm:^2.0.0"
+  checksum: d333483b7cd4353372972b476d670a5075bb6559104fe5af1014fb7e9ba1b6d69e88dc2d2eb262c3d2954ed79ce6c2633221e2238e3d5412fb54ced6f03769dd
+  languageName: node
+  linkType: hard
+
 "@storybook/core-events@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/core-events@npm:7.4.0"
@@ -3999,6 +4163,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-events@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/core-events@npm:7.5.1"
+  dependencies:
+    ts-dedent: "npm:^2.0.0"
+  checksum: 4db4669c4321003a2622e28601c11e3bac9bbee19b4be75d8d668743cb39d64bad093fc641280895cf46b87835bcc6b173f2a1304a2cd06d4190934b68a4ac04
+  languageName: node
+  linkType: hard
+
 "@storybook/core-server@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/core-server@npm:7.4.0"
@@ -4072,6 +4245,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/csf-plugin@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/csf-plugin@npm:7.5.1"
+  dependencies:
+    "@storybook/csf-tools": "npm:7.5.1"
+    unplugin: "npm:^1.3.1"
+  checksum: beaea3e56b8c17c54c50d9581a09c399327e54c0368901c9063e4ccd139d2f50894718d68cdcc1ef21cfeee7dff31ec6b81b0f0559261095426dfc150ade743c
+  languageName: node
+  linkType: hard
+
 "@storybook/csf-tools@npm:7.4.0, @storybook/csf-tools@npm:^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
   version: 7.4.0
   resolution: "@storybook/csf-tools@npm:7.4.0"
@@ -4089,6 +4272,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/csf-tools@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/csf-tools@npm:7.5.1"
+  dependencies:
+    "@babel/generator": "npm:^7.22.9"
+    "@babel/parser": "npm:^7.22.7"
+    "@babel/traverse": "npm:^7.22.8"
+    "@babel/types": "npm:^7.22.5"
+    "@storybook/csf": "npm:^0.1.0"
+    "@storybook/types": "npm:7.5.1"
+    fs-extra: "npm:^11.1.0"
+    recast: "npm:^0.23.1"
+    ts-dedent: "npm:^2.0.0"
+  checksum: 1bfc185e377c8b106dbebf4fe30f0e7246ac243472ac857c632b15bd91b0d2c4c4d6c6ffcc6028e78c3bfbd643ac0c4b773c88656c8c2303caf9b866c32ad264
+  languageName: node
+  linkType: hard
+
 "@storybook/csf@npm:^0.0.1":
   version: 0.0.1
   resolution: "@storybook/csf@npm:0.0.1"
@@ -4128,6 +4328,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/docs-tools@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/docs-tools@npm:7.5.1"
+  dependencies:
+    "@storybook/core-common": "npm:7.5.1"
+    "@storybook/preview-api": "npm:7.5.1"
+    "@storybook/types": "npm:7.5.1"
+    "@types/doctrine": "npm:^0.0.3"
+    doctrine: "npm:^3.0.0"
+    lodash: "npm:^4.17.21"
+  checksum: e4ff0290a84ea4ae42546fff2d3914405952a931a0121d4a8ecc876b6c6155daec26e4c639f1265803937fee603e7b468b9f668b6bac08355e05916aa6b7f840
+  languageName: node
+  linkType: hard
+
 "@storybook/expect@npm:storybook-jest":
   version: 27.5.2-0
   resolution: "@storybook/expect@npm:27.5.2-0"
@@ -4195,6 +4409,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/manager-api@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/manager-api@npm:7.5.1"
+  dependencies:
+    "@storybook/channels": "npm:7.5.1"
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/core-events": "npm:7.5.1"
+    "@storybook/csf": "npm:^0.1.0"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/router": "npm:7.5.1"
+    "@storybook/theming": "npm:7.5.1"
+    "@storybook/types": "npm:7.5.1"
+    dequal: "npm:^2.0.2"
+    lodash: "npm:^4.17.21"
+    memoizerific: "npm:^1.11.3"
+    semver: "npm:^7.3.7"
+    store2: "npm:^2.14.2"
+    telejson: "npm:^7.2.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 785fe82e0dfc1359340da9411c060c84376ba64ca43b34d634cd32a0dc463b80e2789e2ef3817765e8b8525a0996988d44300a49a61dbcf6a301baf7bb8ff172
+  languageName: node
+  linkType: hard
+
 "@storybook/manager@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/manager@npm:7.4.0"
@@ -4216,6 +4456,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/node-logger@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/node-logger@npm:7.5.1"
+  checksum: 367d3c7f29a4e7bfddf868872571c60262fd0564fe45a88eed07b4b05d2ec12ab033e238ee143fdd9925f6265914dd7853701c256143ced6d066987a203658f9
+  languageName: node
+  linkType: hard
+
 "@storybook/postinstall@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/postinstall@npm:7.4.0"
@@ -4223,6 +4470,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/postinstall@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/postinstall@npm:7.5.1"
+  checksum: cb239ed773541ac1709b1e2181aa19588b537c79a16753bb63df8d87325cd52f27db6410d34375d814daa80d16a8191b66a63165f73900d905f0832338555c31
+  languageName: node
+  linkType: hard
+
 "@storybook/preview-api@npm:7.4.0, @storybook/preview-api@npm:^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
   version: 7.4.0
   resolution: "@storybook/preview-api@npm:7.4.0"
@@ -4245,6 +4499,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/preview-api@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/preview-api@npm:7.5.1"
+  dependencies:
+    "@storybook/channels": "npm:7.5.1"
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/core-events": "npm:7.5.1"
+    "@storybook/csf": "npm:^0.1.0"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/types": "npm:7.5.1"
+    "@types/qs": "npm:^6.9.5"
+    dequal: "npm:^2.0.2"
+    lodash: "npm:^4.17.21"
+    memoizerific: "npm:^1.11.3"
+    qs: "npm:^6.10.0"
+    synchronous-promise: "npm:^2.0.15"
+    ts-dedent: "npm:^2.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: bdc2ffe6f88c571479909d98d728c2c0b86f1e14d60568134b863ce28d84b0e2d8f0893d22582a21e117c84b7ed3d4e02006158c56356f1296128a50b3ae6126
+  languageName: node
+  linkType: hard
+
 "@storybook/preview@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/preview@npm:7.4.0"
@@ -4262,6 +4538,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/react-dom-shim@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/react-dom-shim@npm:7.5.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 6d8de6c92d4b9f5b2d26e1f3f8b263773e4eae2003848ce848ff1c4c8b0bd440ee1ce348538432c0cfe6772716e53c2046d7f8498b0f0de382c240d03872d353
+  languageName: node
+  linkType: hard
+
 "@storybook/react-vite@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/react-vite@npm:7.4.0"
@@ -4332,6 +4618,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/router@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/router@npm:7.5.1"
+  dependencies:
+    "@storybook/client-logger": "npm:7.5.1"
+    memoizerific: "npm:^1.11.3"
+    qs: "npm:^6.10.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 0a03a0306b2bda5bbd1d5d24705428d3259813267e1811dfe6a586a1633c1f08fd3cc6accfcf13906b60ec050d7c67d966a3a1b6c06ff63ec5c195d747dca13b
+  languageName: node
+  linkType: hard
+
 "@storybook/telemetry@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/telemetry@npm:7.4.0"
@@ -4426,6 +4726,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/theming@npm:7.5.1, @storybook/theming@npm:^7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/theming@npm:7.5.1"
+  dependencies:
+    "@emotion/use-insertion-effect-with-fallbacks": "npm:^1.0.0"
+    "@storybook/client-logger": "npm:7.5.1"
+    "@storybook/global": "npm:^5.0.0"
+    memoizerific: "npm:^1.11.3"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 2cbe90ad20c6e80607987cde402b2e947db0edd627eebf9a6020367758031127d01286c35988bec0fb091bfba7c12f0e5ae73fa6f7d3f1e183678d7755cb43a3
+  languageName: node
+  linkType: hard
+
 "@storybook/types@npm:7.4.0":
   version: 7.4.0
   resolution: "@storybook/types@npm:7.4.0"
@@ -4439,6 +4754,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/types@npm:7.5.1":
+  version: 7.5.1
+  resolution: "@storybook/types@npm:7.5.1"
+  dependencies:
+    "@storybook/channels": "npm:7.5.1"
+    "@types/babel__core": "npm:^7.0.0"
+    "@types/express": "npm:^4.7.0"
+    file-system-cache: "npm:2.3.0"
+  checksum: e8e41376bdd65e8d2444662be86328f4d221b8d3f2fd22bb011f560e026718e2dc22a30cc3dfa694ea52ffe3b745e991d24c2a789d878c3c708d7d64fedc1cc1
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-add-jsx-attribute@npm:^6.5.1":
   version: 6.5.1
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:6.5.1"
@@ -5227,6 +5554,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:^18.0.0":
+  version: 18.18.6
+  resolution: "@types/node@npm:18.18.6"
+  checksum: ba8b71c724c4c9b1908faf09be1aa062790ef4194f956f6c7ae9791f8d2c1d123635695e41c3c8326223d2262bae2b3b5c8774c7a6c5885a98437b6fb04a2f0c
+  languageName: node
+  linkType: hard
+
 "@types/normalize-package-data@npm:^2.4.0":
   version: 2.4.1
   resolution: "@types/normalize-package-data@npm:2.4.1"
@@ -7421,16 +7755,20 @@ __metadata:
     "@storybook/addon-a11y": "npm:7.4.0"
     "@storybook/addon-coverage": "npm:^0.0.9"
     "@storybook/addon-designs": "npm:^7.0.5"
+    "@storybook/addon-docs": "npm:^7.5.1"
     "@storybook/addon-essentials": "npm:7.4.0"
     "@storybook/addon-interactions": "npm:7.4.0"
     "@storybook/addon-storyshots": "npm:7.4.0"
+    "@storybook/addon-viewport": "npm:^7.5.1"
     "@storybook/blocks": "npm:7.4.0"
+    "@storybook/components": "npm:^7.5.1"
     "@storybook/jest": "npm:^0.2.2"
     "@storybook/react": "npm:7.4.0"
     "@storybook/react-vite": "npm:7.4.0"
     "@storybook/test-runner": "npm:0.13.0"
     "@storybook/testing-library": "npm:^0.2.0"
     "@storybook/testing-react": "npm:2.0.0"
+    "@storybook/theming": "npm:^7.5.1"
     "@testing-library/jest-dom": "npm:^5.16.5"
     "@testing-library/react": "npm:^12.1.2"
     "@testing-library/user-event": "npm:^13.5.0"
@@ -8334,6 +8672,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-register@npm:^3.5.0":
+  version: 3.5.0
+  resolution: "esbuild-register@npm:3.5.0"
+  dependencies:
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    esbuild: ">=0.12 <1"
+  checksum: af6874ce9b5fcdb0974c9d9e9f16530a5b9bd80c699b2ba9d7ace33439c1af1be6948535c775d9a6439e2bf23fb31cfd54ac882cfa38308a3f182039f4b98a01
+  languageName: node
+  linkType: hard
+
 "esbuild@npm:^0.18.0, esbuild@npm:^0.18.10":
   version: 0.18.15
   resolution: "esbuild@npm:0.18.15"