From 96473fbac05c0376f68e5e1a73e0793b7fb9ecd7 Mon Sep 17 00:00:00 2001
From: Peter Colapietro <petercolapietro+spacehippie@gmail.com>
Date: Wed, 30 Mar 2022 01:14:32 -0400
Subject: [PATCH] chore: add some storybook

https://redwoodjs.com/docs/tutorial/chapter5/first-story
---
 web/config/storybook.config.js                |    5 +-
 web/package.json                              |    2 +-
 web/src/components/Article/Article.js         |   10 +-
 web/src/components/Article/Article.mock.js    |    9 +-
 web/src/components/Article/Article.stories.js |   14 +-
 .../__snapshots__/Article.test.js.snap        |    8 +-
 yarn.lock                                     | 1311 +++++++++++++++--
 7 files changed, 1237 insertions(+), 122 deletions(-)

diff --git a/web/config/storybook.config.js b/web/config/storybook.config.js
index 270830c..e112157 100644
--- a/web/config/storybook.config.js
+++ b/web/config/storybook.config.js
@@ -2,8 +2,5 @@ module.exports = {
   features: {
     interactionsDebugger: true,
   },
-  addons: [
-    '@storybook/addon-actions/register',
-    '@storybook/addon-interactions',
-  ],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-interactions'],
 }
diff --git a/web/package.json b/web/package.json
index 8c6929e..673371b 100644
--- a/web/package.json
+++ b/web/package.json
@@ -22,7 +22,7 @@
     "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "6.4.20",
+    "@storybook/addon-essentials": "6.4.20",
     "@storybook/addon-interactions": "6.4.20",
     "@storybook/jest": "0.0.10",
     "@storybook/test-runner": "0.0.4",
diff --git a/web/src/components/Article/Article.js b/web/src/components/Article/Article.js
index 9d020c6..2795a77 100644
--- a/web/src/components/Article/Article.js
+++ b/web/src/components/Article/Article.js
@@ -1,6 +1,10 @@
 import { Link, routes } from '@redwoodjs/router'
 
-const Article = ({ article }) => {
+const truncate = (text, length) => {
+  return text.substring(0, length) + '...'
+}
+
+const Article = ({ article, summary = false }) => {
   return (
     <article>
       <header>
@@ -8,7 +12,9 @@ const Article = ({ article }) => {
           <Link to={routes.article({ id: article.id })}>{article.title}</Link>
         </h2>
       </header>
-      <div className="mt-2 text-gray-900 font-light">{article.body}</div>
+      <div className="mt-2 text-gray-900 font-light">
+        {summary ? truncate(article.body, 100) : article.body}
+      </div>
       <div>Posted at: {article.createdAt}</div>
     </article>
   )
diff --git a/web/src/components/Article/Article.mock.js b/web/src/components/Article/Article.mock.js
index 590e256..af1b1a9 100644
--- a/web/src/components/Article/Article.mock.js
+++ b/web/src/components/Article/Article.mock.js
@@ -1,9 +1,8 @@
-// Define your own mock data here:
 export const standard = () => ({
   article: {
-    id: 42,
-    title: 'Article Title',
-    body: 'Article Body',
-    createdAt: '2020-01-01T00:00:00.000Z',
+    id: 1,
+    title: 'First Post',
+    body: `Neutra tacos hot chicken prism raw denim, put a bird on it enamel pin post-ironic vape cred DIY. Street art next level umami squid. Hammock hexagon glossier 8-bit banjo. Neutra la croix mixtape echo park four loko semiotics kitsch forage chambray. Semiotics salvia selfies jianbing hella shaman. Letterpress helvetica vaporware cronut, shaman butcher YOLO poke fixie hoodie gentrify woke heirloom.`,
+    createdAt: '2022-03-30T00:00:00.000Z',
   },
 })
diff --git a/web/src/components/Article/Article.stories.js b/web/src/components/Article/Article.stories.js
index a6c8c50..85aca23 100644
--- a/web/src/components/Article/Article.stories.js
+++ b/web/src/components/Article/Article.stories.js
@@ -1,8 +1,18 @@
 import Article from './Article'
 import { standard } from './Article.mock'
 
-export const generated = () => {
+/** @type { import("@storybook/react").Meta } */
+export default {
+  title: 'Components/Article',
+  args: {
+    summary: true,
+  },
+}
+
+export const full = () => {
   return <Article {...standard()} />
 }
 
-export default { title: 'Components/Article' }
+export const summary = ({ summary = true }) => {
+  return <Article article={standard().article} summary={summary} />
+}
diff --git a/web/src/components/Article/__snapshots__/Article.test.js.snap b/web/src/components/Article/__snapshots__/Article.test.js.snap
index d4ccdc8..bd187ce 100644
--- a/web/src/components/Article/__snapshots__/Article.test.js.snap
+++ b/web/src/components/Article/__snapshots__/Article.test.js.snap
@@ -8,19 +8,19 @@ exports[`Article fragment matches snapshot 1`] = `
         class="text-xl text-blue-700 font-semibold"
       >
         <a
-          href="/article/42"
+          href="/article/1"
         >
-          Article Title
+          First Post
         </a>
       </h2>
     </header>
     <div
       class="mt-2 text-gray-900 font-light"
     >
-      Article Body
+      Neutra tacos hot chicken prism raw denim, put a bird on it enamel pin post-ironic vape cred DIY. Street art next level umami squid. Hammock hexagon glossier 8-bit banjo. Neutra la croix mixtape echo park four loko semiotics kitsch forage chambray. Semiotics salvia selfies jianbing hella shaman. Letterpress helvetica vaporware cronut, shaman butcher YOLO poke fixie hoodie gentrify woke heirloom.
     </div>
     <div>
-      Posted at: 2020-01-01T00:00:00.000Z
+      Posted at: 2022-03-30T00:00:00.000Z
     </div>
   </article>
 </DocumentFragment>
diff --git a/yarn.lock b/yarn.lock
index b5853b4..5b1b49b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1874,6 +1874,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@base2/pretty-print-object@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@base2/pretty-print-object@npm:1.0.1"
+  checksum: 98f77ea185a30c854897feb2a68fe51be8451a1a0b531bac61a5dd67033926a0ba0c9be6e0f819b8cb72ca349b3e7648bf81c12fd21df0b45219c75a3a75784b
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^0.2.3":
   version: 0.2.3
   resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -1881,6 +1888,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@cnakazawa/watch@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "@cnakazawa/watch@npm:1.0.4"
+  dependencies:
+    exec-sh: ^0.3.2
+    minimist: ^1.2.0
+  bin:
+    watch: cli.js
+  checksum: 8678b6f582bdc5ffe59c0d45c2ad21f4ea1d162ec7ddb32e85078fca481c26958f27bcdef6007b8e9a066da090ccf9d31e1753f8de1e5f32466a04227d70dc31
+  languageName: node
+  linkType: hard
+
 "@discoveryjs/json-ext@npm:^0.5.0, @discoveryjs/json-ext@npm:^0.5.3":
   version: 0.5.6
   resolution: "@discoveryjs/json-ext@npm:0.5.6"
@@ -2937,6 +2956,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/transform@npm:^26.6.2":
+  version: 26.6.2
+  resolution: "@jest/transform@npm:26.6.2"
+  dependencies:
+    "@babel/core": ^7.1.0
+    "@jest/types": ^26.6.2
+    babel-plugin-istanbul: ^6.0.0
+    chalk: ^4.0.0
+    convert-source-map: ^1.4.0
+    fast-json-stable-stringify: ^2.0.0
+    graceful-fs: ^4.2.4
+    jest-haste-map: ^26.6.2
+    jest-regex-util: ^26.0.0
+    jest-util: ^26.6.2
+    micromatch: ^4.0.2
+    pirates: ^4.0.1
+    slash: ^3.0.0
+    source-map: ^0.6.1
+    write-file-atomic: ^3.0.0
+  checksum: 1a1d636528d9b122b87b870633763c67f131533fce61e5db536dfbbea0bbfe8fe130daededb686ccc230389473a2b8ece5d0e1eaf380066d8902bde48579de31
+  languageName: node
+  linkType: hard
+
 "@jest/transform@npm:^27.5.1":
   version: 27.5.1
   resolution: "@jest/transform@npm:27.5.1"
@@ -2960,6 +3002,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/types@npm:^26.6.2":
+  version: 26.6.2
+  resolution: "@jest/types@npm:26.6.2"
+  dependencies:
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^15.0.0
+    chalk: ^4.0.0
+  checksum: 5b9b957f38a002895eb04bbb8c3dda6fccce8e2551f3f44b02f1f43063a78e8bedce73cd4330b53ede00ae005de5cd805982fbb2ec6ab9feacf96344240d5db2
+  languageName: node
+  linkType: hard
+
 "@jest/types@npm:^27.5.1":
   version: 27.5.1
   resolution: "@jest/types@npm:27.5.1"
@@ -2997,7 +3052,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mdx-js/mdx@npm:^1.6.22":
+"@mdx-js/loader@npm:^1.6.22":
+  version: 1.6.22
+  resolution: "@mdx-js/loader@npm:1.6.22"
+  dependencies:
+    "@mdx-js/mdx": 1.6.22
+    "@mdx-js/react": 1.6.22
+    loader-utils: 2.0.0
+  checksum: d39f8a3044b8025d5adea20c5f67daca46027e9fd89bc974646402ffb1ed83268081738f793f209cd37f06bfeaddb6b6f8cd61da56fa7a238c7d8da361f43761
+  languageName: node
+  linkType: hard
+
+"@mdx-js/mdx@npm:1.6.22, @mdx-js/mdx@npm:^1.6.22":
   version: 1.6.22
   resolution: "@mdx-js/mdx@npm:1.6.22"
   dependencies:
@@ -3024,6 +3090,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mdx-js/react@npm:1.6.22, @mdx-js/react@npm:^1.6.22":
+  version: 1.6.22
+  resolution: "@mdx-js/react@npm:1.6.22"
+  peerDependencies:
+    react: ^16.13.1 || ^17.0.0
+  checksum: ed896671ffab04c1f11cdba45bfb2786acff58cd0b749b0a13d9b7a7022ac75cc036bec067ca946e6540e2934727e0ba8bf174e4ae10c916f30cda6aecac8992
+  languageName: node
+  linkType: hard
+
 "@mdx-js/util@npm:1.6.22":
   version: 1.6.22
   resolution: "@mdx-js/util@npm:1.6.22"
@@ -4098,22 +4173,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-interactions@npm:6.4.20":
+"@storybook/addon-backgrounds@npm:6.4.20":
   version: 6.4.20
-  resolution: "@storybook/addon-interactions@npm:6.4.20"
+  resolution: "@storybook/addon-backgrounds@npm:6.4.20"
   dependencies:
     "@storybook/addons": 6.4.20
     "@storybook/api": 6.4.20
+    "@storybook/client-logger": 6.4.20
     "@storybook/components": 6.4.20
-    "@storybook/core-common": 6.4.20
     "@storybook/core-events": 6.4.20
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/instrumenter": 6.4.20
     "@storybook/theming": 6.4.20
+    core-js: ^3.8.2
     global: ^4.4.0
-    jest-mock: ^27.0.6
-    polished: ^4.0.5
-    ts-dedent: ^2.2.0
+    memoizerific: ^1.11.3
+    regenerator-runtime: ^0.13.7
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
@@ -4122,131 +4198,428 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 70e8cad2fdffd621e8023f5c89905f144cd4baf9085b1539c192c191dc0fa8c2c19266b6f3379ea228665ba80c4da44022be1e184d3f67dc1db7c51805bf252f
+  checksum: 85b9068aec45e3e711c61abc27c781236a814b25427e88aff6791d3c93c67f396ca2b7efe55b2b1ebcc95d613cb469ad35a9d514503af074b9b4903f0bdb4c18
   languageName: node
   linkType: hard
 
-"@storybook/addons@npm:6.4.19":
-  version: 6.4.19
-  resolution: "@storybook/addons@npm:6.4.19"
+"@storybook/addon-controls@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addon-controls@npm:6.4.20"
   dependencies:
-    "@storybook/api": 6.4.19
-    "@storybook/channels": 6.4.19
-    "@storybook/client-logger": 6.4.19
-    "@storybook/core-events": 6.4.19
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-common": 6.4.20
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.19
-    "@storybook/theming": 6.4.19
-    "@types/webpack-env": ^1.16.0
+    "@storybook/node-logger": 6.4.20
+    "@storybook/store": 6.4.20
+    "@storybook/theming": 6.4.20
     core-js: ^3.8.2
-    global: ^4.4.0
-    regenerator-runtime: ^0.13.7
+    lodash: ^4.17.21
+    ts-dedent: ^2.0.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: f309622784a965ff7fd2d16f344397eeebaab0006406b6372129f43390a4015c83c16e1e6d32c6ad360517523ec2221ed4f8cac3853984d60f4ab2a3705f2a45
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: d37571ce05641b1660dda73c52418346c82681206f1e14fd3523506f85a9577d269ff72aad77a1d0c4cc0b077f190fce4bd22c32182c77a4153da880e3893f59
   languageName: node
   linkType: hard
 
-"@storybook/addons@npm:6.4.20":
+"@storybook/addon-docs@npm:6.4.20":
   version: 6.4.20
-  resolution: "@storybook/addons@npm:6.4.20"
+  resolution: "@storybook/addon-docs@npm:6.4.20"
   dependencies:
+    "@babel/core": ^7.12.10
+    "@babel/generator": ^7.12.11
+    "@babel/parser": ^7.12.11
+    "@babel/plugin-transform-react-jsx": ^7.12.12
+    "@babel/preset-env": ^7.12.11
+    "@jest/transform": ^26.6.2
+    "@mdx-js/loader": ^1.6.22
+    "@mdx-js/mdx": ^1.6.22
+    "@mdx-js/react": ^1.6.22
+    "@storybook/addons": 6.4.20
     "@storybook/api": 6.4.20
-    "@storybook/channels": 6.4.20
+    "@storybook/builder-webpack4": 6.4.20
     "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core": 6.4.20
     "@storybook/core-events": 6.4.20
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.20
+    "@storybook/csf-tools": 6.4.20
+    "@storybook/node-logger": 6.4.20
+    "@storybook/postinstall": 6.4.20
+    "@storybook/preview-web": 6.4.20
+    "@storybook/source-loader": 6.4.20
+    "@storybook/store": 6.4.20
     "@storybook/theming": 6.4.20
-    "@types/webpack-env": ^1.16.0
+    acorn: ^7.4.1
+    acorn-jsx: ^5.3.1
+    acorn-walk: ^7.2.0
     core-js: ^3.8.2
+    doctrine: ^3.0.0
+    escodegen: ^2.0.0
+    fast-deep-equal: ^3.1.3
     global: ^4.4.0
+    html-tags: ^3.1.0
+    js-string-escape: ^1.0.1
+    loader-utils: ^2.0.0
+    lodash: ^4.17.21
+    nanoid: ^3.1.23
+    p-limit: ^3.1.0
+    prettier: ">=2.2.1 <=2.3.0"
+    prop-types: ^15.7.2
+    react-element-to-jsx-string: ^14.3.4
     regenerator-runtime: ^0.13.7
+    remark-external-links: ^8.0.0
+    remark-slug: ^6.0.0
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
   peerDependencies:
+    "@storybook/angular": 6.4.20
+    "@storybook/html": 6.4.20
+    "@storybook/react": 6.4.20
+    "@storybook/vue": 6.4.20
+    "@storybook/vue3": 6.4.20
+    "@storybook/web-components": 6.4.20
+    lit: ^2.0.0
+    lit-html: ^1.4.1 || ^2.0.0
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 874b927db30e7e2c5b2140448bb0d26acd4e692864090715ec7a0dbf9ece6e283886de17ae021f4ef7a36b07a98225187f452914806041a6a851d6865006fb4d
+    svelte: ^3.31.2
+    sveltedoc-parser: ^4.1.0
+    vue: ^2.6.10 || ^3.0.0
+    webpack: "*"
+  peerDependenciesMeta:
+    "@storybook/angular":
+      optional: true
+    "@storybook/html":
+      optional: true
+    "@storybook/react":
+      optional: true
+    "@storybook/vue":
+      optional: true
+    "@storybook/vue3":
+      optional: true
+    "@storybook/web-components":
+      optional: true
+    lit:
+      optional: true
+    lit-html:
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+    svelte:
+      optional: true
+    sveltedoc-parser:
+      optional: true
+    vue:
+      optional: true
+    webpack:
+      optional: true
+  checksum: cc171d60c7c8a8bb9e7506e629024efb075fd0bff8bd6e8c13a5e3d0292cb9db6cad22b7210c10a532219a1858a3fe6def1c93463a416441ab31b1b29e73a2ca
   languageName: node
   linkType: hard
 
-"@storybook/api@npm:6.4.19":
-  version: 6.4.19
-  resolution: "@storybook/api@npm:6.4.19"
+"@storybook/addon-essentials@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addon-essentials@npm:6.4.20"
   dependencies:
-    "@storybook/channels": 6.4.19
-    "@storybook/client-logger": 6.4.19
-    "@storybook/core-events": 6.4.19
-    "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.19
-    "@storybook/semver": ^7.3.2
-    "@storybook/theming": 6.4.19
+    "@storybook/addon-actions": 6.4.20
+    "@storybook/addon-backgrounds": 6.4.20
+    "@storybook/addon-controls": 6.4.20
+    "@storybook/addon-docs": 6.4.20
+    "@storybook/addon-measure": 6.4.20
+    "@storybook/addon-outline": 6.4.20
+    "@storybook/addon-toolbars": 6.4.20
+    "@storybook/addon-viewport": 6.4.20
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/node-logger": 6.4.20
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
-    global: ^4.4.0
-    lodash: ^4.17.21
-    memoizerific: ^1.11.3
     regenerator-runtime: ^0.13.7
-    store2: ^2.12.0
-    telejson: ^5.3.2
     ts-dedent: ^2.0.0
-    util-deprecate: ^1.0.2
   peerDependencies:
+    "@babel/core": ^7.9.6
+    "@storybook/vue": 6.4.20
+    "@storybook/web-components": 6.4.20
+    babel-loader: ^8.0.0
+    lit-html: ^1.4.1 || ^2.0.0-rc.3
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 77fae2be5269d45d3d30d8364ca35b7b95ffaebe5ae1780275f97c2ebb1b6d9e3fa2a260e82587bbe141feeebac5054e44add36fec19cefe6d058e01ce4810ee
+    webpack: "*"
+  peerDependenciesMeta:
+    "@storybook/vue":
+      optional: true
+    "@storybook/web-components":
+      optional: true
+    lit-html:
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+    webpack:
+      optional: true
+  checksum: 96efd4846134cc26ce77cc27bc5c82faf0d427a0906d8dfec61f4136159183e2dd21850ac48be78e321bf45ae1f5f383aa86bbf3bac213e81710d3693b94bb69
   languageName: node
   linkType: hard
 
-"@storybook/api@npm:6.4.20":
+"@storybook/addon-interactions@npm:6.4.20":
   version: 6.4.20
-  resolution: "@storybook/api@npm:6.4.20"
+  resolution: "@storybook/addon-interactions@npm:6.4.20"
   dependencies:
-    "@storybook/channels": 6.4.20
-    "@storybook/client-logger": 6.4.20
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-common": 6.4.20
     "@storybook/core-events": 6.4.20
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.20
-    "@storybook/semver": ^7.3.2
+    "@storybook/instrumenter": 6.4.20
     "@storybook/theming": 6.4.20
+    global: ^4.4.0
+    jest-mock: ^27.0.6
+    polished: ^4.0.5
+    ts-dedent: ^2.2.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 70e8cad2fdffd621e8023f5c89905f144cd4baf9085b1539c192c191dc0fa8c2c19266b6f3379ea228665ba80c4da44022be1e184d3f67dc1db7c51805bf252f
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-measure@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addon-measure@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    core-js: ^3.8.2
+    global: ^4.4.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: e2ad8bd5ae65b7bb349d4ed0ceb91168f52b61744306f53cf1c8223f75c5dfbd54efba3521e69c851c6f0dd9081842eb50a82b74afdc2a90bc044af3026f99c2
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-outline@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addon-outline@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
     global: ^4.4.0
-    lodash: ^4.17.21
-    memoizerific: ^1.11.3
     regenerator-runtime: ^0.13.7
-    store2: ^2.12.0
-    telejson: ^5.3.2
     ts-dedent: ^2.0.0
-    util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 24ddb79639814ed4e313e015db0b43eb967dc8fc55521e762448bb22a1003308522a84613b262827d081fb02cab06574b9ce3d235e106b9f9c4be7d4c2373017
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 906d705efd8cd468b963f58fed8c99fd6bc90d44deb321372d739072efe3c4a2521d06c7334cbda46cf6a69f7cc627322503c7ec2497297c6e830f4d618b8e52
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack4@npm:6.4.19":
-  version: 6.4.19
-  resolution: "@storybook/builder-webpack4@npm:6.4.19"
+"@storybook/addon-toolbars@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addon-toolbars@npm:6.4.20"
   dependencies:
-    "@babel/core": ^7.12.10
-    "@babel/plugin-proposal-class-properties": ^7.12.1
-    "@babel/plugin-proposal-decorators": ^7.12.12
-    "@babel/plugin-proposal-export-default-from": ^7.12.1
-    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1
-    "@babel/plugin-proposal-object-rest-spread": ^7.12.1
-    "@babel/plugin-proposal-optional-chaining": ^7.12.7
-    "@babel/plugin-proposal-private-methods": ^7.12.1
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
-    "@babel/plugin-transform-arrow-functions": ^7.12.1
-    "@babel/plugin-transform-block-scoping": ^7.12.12
-    "@babel/plugin-transform-classes": ^7.12.1
-    "@babel/plugin-transform-destructuring": ^7.12.1
-    "@babel/plugin-transform-for-of": ^7.12.1
-    "@babel/plugin-transform-parameters": ^7.12.1
-    "@babel/plugin-transform-shorthand-properties": ^7.12.1
-    "@babel/plugin-transform-spread": ^7.12.1
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/theming": 6.4.20
+    core-js: ^3.8.2
+    regenerator-runtime: ^0.13.7
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 56b59d9ae65d3a55615f502fa6dac67e5cc4738fe40f6a181004d9751a9675e57cd04f14db4826c3dc8d157bc6602a834ef1d01781da931173533d41c8a8547b
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-viewport@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addon-viewport@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/theming": 6.4.20
+    core-js: ^3.8.2
+    global: ^4.4.0
+    memoizerific: ^1.11.3
+    prop-types: ^15.7.2
+    regenerator-runtime: ^0.13.7
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: e3682266b7d365b23433f90913f2600dfacb9a50d2b1fc438d04dfa6ccbaa2f925d296403653375b84dbb6e4aea85e99bb530d6010feb91d98726d38b331f6f1
+  languageName: node
+  linkType: hard
+
+"@storybook/addons@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/addons@npm:6.4.19"
+  dependencies:
+    "@storybook/api": 6.4.19
+    "@storybook/channels": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/router": 6.4.19
+    "@storybook/theming": 6.4.19
+    "@types/webpack-env": ^1.16.0
+    core-js: ^3.8.2
+    global: ^4.4.0
+    regenerator-runtime: ^0.13.7
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: f309622784a965ff7fd2d16f344397eeebaab0006406b6372129f43390a4015c83c16e1e6d32c6ad360517523ec2221ed4f8cac3853984d60f4ab2a3705f2a45
+  languageName: node
+  linkType: hard
+
+"@storybook/addons@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/addons@npm:6.4.20"
+  dependencies:
+    "@storybook/api": 6.4.20
+    "@storybook/channels": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/router": 6.4.20
+    "@storybook/theming": 6.4.20
+    "@types/webpack-env": ^1.16.0
+    core-js: ^3.8.2
+    global: ^4.4.0
+    regenerator-runtime: ^0.13.7
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 874b927db30e7e2c5b2140448bb0d26acd4e692864090715ec7a0dbf9ece6e283886de17ae021f4ef7a36b07a98225187f452914806041a6a851d6865006fb4d
+  languageName: node
+  linkType: hard
+
+"@storybook/api@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/api@npm:6.4.19"
+  dependencies:
+    "@storybook/channels": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/router": 6.4.19
+    "@storybook/semver": ^7.3.2
+    "@storybook/theming": 6.4.19
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    regenerator-runtime: ^0.13.7
+    store2: ^2.12.0
+    telejson: ^5.3.2
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 77fae2be5269d45d3d30d8364ca35b7b95ffaebe5ae1780275f97c2ebb1b6d9e3fa2a260e82587bbe141feeebac5054e44add36fec19cefe6d058e01ce4810ee
+  languageName: node
+  linkType: hard
+
+"@storybook/api@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/api@npm:6.4.20"
+  dependencies:
+    "@storybook/channels": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/router": 6.4.20
+    "@storybook/semver": ^7.3.2
+    "@storybook/theming": 6.4.20
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    regenerator-runtime: ^0.13.7
+    store2: ^2.12.0
+    telejson: ^5.3.2
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 24ddb79639814ed4e313e015db0b43eb967dc8fc55521e762448bb22a1003308522a84613b262827d081fb02cab06574b9ce3d235e106b9f9c4be7d4c2373017
+  languageName: node
+  linkType: hard
+
+"@storybook/builder-webpack4@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/builder-webpack4@npm:6.4.19"
+  dependencies:
+    "@babel/core": ^7.12.10
+    "@babel/plugin-proposal-class-properties": ^7.12.1
+    "@babel/plugin-proposal-decorators": ^7.12.12
+    "@babel/plugin-proposal-export-default-from": ^7.12.1
+    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1
+    "@babel/plugin-proposal-object-rest-spread": ^7.12.1
+    "@babel/plugin-proposal-optional-chaining": ^7.12.7
+    "@babel/plugin-proposal-private-methods": ^7.12.1
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/plugin-transform-arrow-functions": ^7.12.1
+    "@babel/plugin-transform-block-scoping": ^7.12.12
+    "@babel/plugin-transform-classes": ^7.12.1
+    "@babel/plugin-transform-destructuring": ^7.12.1
+    "@babel/plugin-transform-for-of": ^7.12.1
+    "@babel/plugin-transform-parameters": ^7.12.1
+    "@babel/plugin-transform-shorthand-properties": ^7.12.1
+    "@babel/plugin-transform-spread": ^7.12.1
     "@babel/plugin-transform-template-literals": ^7.12.1
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
@@ -4309,6 +4682,89 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/builder-webpack4@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/builder-webpack4@npm:6.4.20"
+  dependencies:
+    "@babel/core": ^7.12.10
+    "@babel/plugin-proposal-class-properties": ^7.12.1
+    "@babel/plugin-proposal-decorators": ^7.12.12
+    "@babel/plugin-proposal-export-default-from": ^7.12.1
+    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1
+    "@babel/plugin-proposal-object-rest-spread": ^7.12.1
+    "@babel/plugin-proposal-optional-chaining": ^7.12.7
+    "@babel/plugin-proposal-private-methods": ^7.12.1
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/plugin-transform-arrow-functions": ^7.12.1
+    "@babel/plugin-transform-block-scoping": ^7.12.12
+    "@babel/plugin-transform-classes": ^7.12.1
+    "@babel/plugin-transform-destructuring": ^7.12.1
+    "@babel/plugin-transform-for-of": ^7.12.1
+    "@babel/plugin-transform-parameters": ^7.12.1
+    "@babel/plugin-transform-shorthand-properties": ^7.12.1
+    "@babel/plugin-transform-spread": ^7.12.1
+    "@babel/plugin-transform-template-literals": ^7.12.1
+    "@babel/preset-env": ^7.12.11
+    "@babel/preset-react": ^7.12.10
+    "@babel/preset-typescript": ^7.12.7
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/channel-postmessage": 6.4.20
+    "@storybook/channels": 6.4.20
+    "@storybook/client-api": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-common": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/node-logger": 6.4.20
+    "@storybook/preview-web": 6.4.20
+    "@storybook/router": 6.4.20
+    "@storybook/semver": ^7.3.2
+    "@storybook/store": 6.4.20
+    "@storybook/theming": 6.4.20
+    "@storybook/ui": 6.4.20
+    "@types/node": ^14.0.10
+    "@types/webpack": ^4.41.26
+    autoprefixer: ^9.8.6
+    babel-loader: ^8.0.0
+    babel-plugin-macros: ^2.8.0
+    babel-plugin-polyfill-corejs3: ^0.1.0
+    case-sensitive-paths-webpack-plugin: ^2.3.0
+    core-js: ^3.8.2
+    css-loader: ^3.6.0
+    file-loader: ^6.2.0
+    find-up: ^5.0.0
+    fork-ts-checker-webpack-plugin: ^4.1.6
+    glob: ^7.1.6
+    glob-promise: ^3.4.0
+    global: ^4.4.0
+    html-webpack-plugin: ^4.0.0
+    pnp-webpack-plugin: 1.6.4
+    postcss: ^7.0.36
+    postcss-flexbugs-fixes: ^4.2.1
+    postcss-loader: ^4.2.0
+    raw-loader: ^4.0.2
+    stable: ^0.1.8
+    style-loader: ^1.3.0
+    terser-webpack-plugin: ^4.2.3
+    ts-dedent: ^2.0.0
+    url-loader: ^4.1.1
+    util-deprecate: ^1.0.2
+    webpack: 4
+    webpack-dev-middleware: ^3.7.3
+    webpack-filter-warnings-plugin: ^1.2.1
+    webpack-hot-middleware: ^2.25.1
+    webpack-virtual-modules: ^0.2.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 6dedbe96cd8aad6172486e6a66397ac2bb73d919f2b46b8797f2d2e81153ff11ab22cd3c3c85302937d5fabc8c25c62d3a3479fd550e058c65b8c066cdd3b391
+  languageName: node
+  linkType: hard
+
 "@storybook/builder-webpack5@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/builder-webpack5@npm:6.4.19"
@@ -4395,6 +4851,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channel-postmessage@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/channel-postmessage@npm:6.4.20"
+  dependencies:
+    "@storybook/channels": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
+    core-js: ^3.8.2
+    global: ^4.4.0
+    qs: ^6.10.0
+    telejson: ^5.3.2
+  checksum: 9e7f63b12fbded2fbe07a0cda6a3ca860c8977b20425adcd02288880f29793e4185918e87b2a4796b4ce16277573c9aa776db78c208846528fffeb381ba4a55f
+  languageName: node
+  linkType: hard
+
 "@storybook/channel-websocket@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/channel-websocket@npm:6.4.19"
@@ -4408,6 +4879,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channel-websocket@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/channel-websocket@npm:6.4.20"
+  dependencies:
+    "@storybook/channels": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    core-js: ^3.8.2
+    global: ^4.4.0
+    telejson: ^5.3.2
+  checksum: 57151c115ae439ed1e7beb1f080dc00eedde857ab00fb3f060b38de45fa8d24503a53b5daa49fb8ca2d7e5723c8f1d75dea54b16bde688eeb0ba85c893eba2cd
+  languageName: node
+  linkType: hard
+
 "@storybook/channels@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/channels@npm:6.4.19"
@@ -4461,6 +4945,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-api@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/client-api@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/channel-postmessage": 6.4.20
+    "@storybook/channels": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/store": 6.4.20
+    "@types/qs": ^6.9.5
+    "@types/webpack-env": ^1.16.0
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+    regenerator-runtime: ^0.13.7
+    store2: ^2.12.0
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 56baefcf52e492de457d7fd30e89b60e9fb82d3b15f3cd5f5ea5e42a612bf1e14bbf23e202855b64ad133c1893936591dbb4c6ea1b4c9169fd03700e4c17a38c
+  languageName: node
+  linkType: hard
+
 "@storybook/client-logger@npm:6.4.19, @storybook/client-logger@npm:^6.4.0 || >=6.5.0-0":
   version: 6.4.19
   resolution: "@storybook/client-logger@npm:6.4.19"
@@ -4586,6 +5101,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-client@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/core-client@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/channel-postmessage": 6.4.20
+    "@storybook/channel-websocket": 6.4.20
+    "@storybook/client-api": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/preview-web": 6.4.20
+    "@storybook/store": 6.4.20
+    "@storybook/ui": 6.4.20
+    airbnb-js-shims: ^2.2.1
+    ansi-to-html: ^0.6.11
+    core-js: ^3.8.2
+    global: ^4.4.0
+    lodash: ^4.17.21
+    qs: ^6.10.0
+    regenerator-runtime: ^0.13.7
+    ts-dedent: ^2.0.0
+    unfetch: ^4.2.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+    webpack: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 834e6ac144e39e9673e02d6b3d124a1d5ad8d5f56585e857e02f06dfebbb00a9f3fdc2bf4d75ee20fdfc55a9ed221f649335e0b69705d54c038d01d7e779311b
+  languageName: node
+  linkType: hard
+
 "@storybook/core-common@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/core-common@npm:6.4.19"
@@ -4792,6 +5342,68 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-server@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/core-server@npm:6.4.20"
+  dependencies:
+    "@discoveryjs/json-ext": ^0.5.3
+    "@storybook/builder-webpack4": 6.4.20
+    "@storybook/core-client": 6.4.20
+    "@storybook/core-common": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/csf-tools": 6.4.20
+    "@storybook/manager-webpack4": 6.4.20
+    "@storybook/node-logger": 6.4.20
+    "@storybook/semver": ^7.3.2
+    "@storybook/store": 6.4.20
+    "@types/node": ^14.0.10
+    "@types/node-fetch": ^2.5.7
+    "@types/pretty-hrtime": ^1.0.0
+    "@types/webpack": ^4.41.26
+    better-opn: ^2.1.1
+    boxen: ^5.1.2
+    chalk: ^4.1.0
+    cli-table3: ^0.6.1
+    commander: ^6.2.1
+    compression: ^1.7.4
+    core-js: ^3.8.2
+    cpy: ^8.1.2
+    detect-port: ^1.3.0
+    express: ^4.17.1
+    file-system-cache: ^1.0.5
+    fs-extra: ^9.0.1
+    globby: ^11.0.2
+    ip: ^1.1.5
+    lodash: ^4.17.21
+    node-fetch: ^2.6.1
+    pretty-hrtime: ^1.0.3
+    prompts: ^2.4.0
+    regenerator-runtime: ^0.13.7
+    serve-favicon: ^2.5.0
+    slash: ^3.0.0
+    telejson: ^5.3.3
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+    watchpack: ^2.2.0
+    webpack: 4
+    ws: ^8.2.3
+  peerDependencies:
+    "@storybook/builder-webpack5": 6.4.20
+    "@storybook/manager-webpack5": 6.4.20
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    "@storybook/builder-webpack5":
+      optional: true
+    "@storybook/manager-webpack5":
+      optional: true
+    typescript:
+      optional: true
+  checksum: f760ff89d316a05b79d5258ce7116022c0723f2b3c78ef2d3bb145b9e64bd0e47b0fbd29f750edce09e4f40c13d02a17753e79073ddd77eea5a3652cca13e0a9
+  languageName: node
+  linkType: hard
+
 "@storybook/core@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/core@npm:6.4.19"
@@ -4812,6 +5424,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/core@npm:6.4.20"
+  dependencies:
+    "@storybook/core-client": 6.4.20
+    "@storybook/core-server": 6.4.20
+  peerDependencies:
+    "@storybook/builder-webpack5": 6.4.20
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+    webpack: "*"
+  peerDependenciesMeta:
+    "@storybook/builder-webpack5":
+      optional: true
+    typescript:
+      optional: true
+  checksum: a68d203215b656233ac702c58a737ced915da561d622094750d9b6e39277c51a70c5589bace7c679fa949200cb857c8c75cd5dd917d754a554f53c4b86fe8157
+  languageName: node
+  linkType: hard
+
 "@storybook/csf-tools@npm:6.4.19, @storybook/csf-tools@npm:^6.4.14":
   version: 6.4.19
   resolution: "@storybook/csf-tools@npm:6.4.19"
@@ -4837,6 +5469,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/csf-tools@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/csf-tools@npm:6.4.20"
+  dependencies:
+    "@babel/core": ^7.12.10
+    "@babel/generator": ^7.12.11
+    "@babel/parser": ^7.12.11
+    "@babel/plugin-transform-react-jsx": ^7.12.12
+    "@babel/preset-env": ^7.12.11
+    "@babel/traverse": ^7.12.11
+    "@babel/types": ^7.12.11
+    "@mdx-js/mdx": ^1.6.22
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    core-js: ^3.8.2
+    fs-extra: ^9.0.1
+    global: ^4.4.0
+    js-string-escape: ^1.0.1
+    lodash: ^4.17.21
+    prettier: ">=2.2.1 <=2.3.0"
+    regenerator-runtime: ^0.13.7
+    ts-dedent: ^2.0.0
+  checksum: d4f44d2904f3ca0416733799e1662353ff3d8931aac21ae1c671cba7de19eb5a68a9819f824bbf5ab11f9e177b3547aa1ffb76b11920a2f94bd5bbcf0eb419c3
+  languageName: node
+  linkType: hard
+
 "@storybook/csf@npm:0.0.2--canary.87bc651.0":
   version: 0.0.2--canary.87bc651.0
   resolution: "@storybook/csf@npm:0.0.2--canary.87bc651.0"
@@ -4941,6 +5598,56 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/manager-webpack4@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/manager-webpack4@npm:6.4.20"
+  dependencies:
+    "@babel/core": ^7.12.10
+    "@babel/plugin-transform-template-literals": ^7.12.1
+    "@babel/preset-react": ^7.12.10
+    "@storybook/addons": 6.4.20
+    "@storybook/core-client": 6.4.20
+    "@storybook/core-common": 6.4.20
+    "@storybook/node-logger": 6.4.20
+    "@storybook/theming": 6.4.20
+    "@storybook/ui": 6.4.20
+    "@types/node": ^14.0.10
+    "@types/webpack": ^4.41.26
+    babel-loader: ^8.0.0
+    case-sensitive-paths-webpack-plugin: ^2.3.0
+    chalk: ^4.1.0
+    core-js: ^3.8.2
+    css-loader: ^3.6.0
+    express: ^4.17.1
+    file-loader: ^6.2.0
+    file-system-cache: ^1.0.5
+    find-up: ^5.0.0
+    fs-extra: ^9.0.1
+    html-webpack-plugin: ^4.0.0
+    node-fetch: ^2.6.1
+    pnp-webpack-plugin: 1.6.4
+    read-pkg-up: ^7.0.1
+    regenerator-runtime: ^0.13.7
+    resolve-from: ^5.0.0
+    style-loader: ^1.3.0
+    telejson: ^5.3.2
+    terser-webpack-plugin: ^4.2.3
+    ts-dedent: ^2.0.0
+    url-loader: ^4.1.1
+    util-deprecate: ^1.0.2
+    webpack: 4
+    webpack-dev-middleware: ^3.7.3
+    webpack-virtual-modules: ^0.2.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: eb9f2aaa1f1fc5bb94b1225b4212a79b25655cd4aab2aacd13e1d26c142b746dbab987a6c8f1e9755e963ad1fd5390ba8aeb1519d4617c2427a706bc07fc5acd
+  languageName: node
+  linkType: hard
+
 "@storybook/manager-webpack5@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/manager-webpack5@npm:6.4.19"
@@ -5014,16 +5721,52 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/postinstall@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/postinstall@npm:6.4.20"
+  dependencies:
+    core-js: ^3.8.2
+  checksum: 3925124696b9d3ab4bbec43342886e69ade759b60f7c7f2f76f75f5f0faad7d11be653d172cc8767a25c0506c579a3ac56a449596bb0a22126ffd8b7ddd0a558
+  languageName: node
+  linkType: hard
+
 "@storybook/preview-web@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/preview-web@npm:6.4.19"
   dependencies:
-    "@storybook/addons": 6.4.19
-    "@storybook/channel-postmessage": 6.4.19
-    "@storybook/client-logger": 6.4.19
-    "@storybook/core-events": 6.4.19
+    "@storybook/addons": 6.4.19
+    "@storybook/channel-postmessage": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/store": 6.4.19
+    ansi-to-html: ^0.6.11
+    core-js: ^3.8.2
+    global: ^4.4.0
+    lodash: ^4.17.21
+    qs: ^6.10.0
+    regenerator-runtime: ^0.13.7
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    unfetch: ^4.2.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 7da30e8dd1cf4ec0fa05c6cf655a1a80bf7df22fc94590126aba4d9dbe3822d5b9bb00f3fad2d7bf0ebd323ef45c9da7f4eaee16e2bcc497e9c4be946c0bb00d
+  languageName: node
+  linkType: hard
+
+"@storybook/preview-web@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/preview-web@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/channel-postmessage": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.19
+    "@storybook/store": 6.4.20
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
@@ -5037,7 +5780,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 7da30e8dd1cf4ec0fa05c6cf655a1a80bf7df22fc94590126aba4d9dbe3822d5b9bb00f3fad2d7bf0ebd323ef45c9da7f4eaee16e2bcc497e9c4be946c0bb00d
+  checksum: c17026c40f8c157923be85ea13b04a892d325c2123f614339366b60a5ea7514dcf3c44849bbc0a3a7551222052fe87685468098210c816276c83021e7706c57f
   languageName: node
   linkType: hard
 
@@ -5160,6 +5903,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/source-loader@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/source-loader@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    core-js: ^3.8.2
+    estraverse: ^5.2.0
+    global: ^4.4.0
+    loader-utils: ^2.0.0
+    lodash: ^4.17.21
+    prettier: ">=2.2.1 <=2.3.0"
+    regenerator-runtime: ^0.13.7
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 46a5e4d1368cb467f504ab11f142be377ec48848e656449407120f665f14120c6b6e897727e47a4021139b7e6e2be982a95567562486eee4b1730f5f4e7a7b55
+  languageName: node
+  linkType: hard
+
 "@storybook/store@npm:6.4.19":
   version: 6.4.19
   resolution: "@storybook/store@npm:6.4.19"
@@ -5186,6 +5950,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/store@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/store@npm:6.4.20"
+  dependencies:
+    "@storybook/addons": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    regenerator-runtime: ^0.13.7
+    slash: ^3.0.0
+    stable: ^0.1.8
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: b11c5ec37e93812fcbb1e48f60419f5f94ea6edfd65bb6028ecdb5e8df2c7cf142626a995142ab2159ed52e486ab9c471f8ca6ec4843aca9533028f50a45ad1d
+  languageName: node
+  linkType: hard
+
 "@storybook/test-runner@npm:0.0.4":
   version: 0.0.4
   resolution: "@storybook/test-runner@npm:0.0.4"
@@ -5306,6 +6096,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/ui@npm:6.4.20":
+  version: 6.4.20
+  resolution: "@storybook/ui@npm:6.4.20"
+  dependencies:
+    "@emotion/core": ^10.1.1
+    "@storybook/addons": 6.4.20
+    "@storybook/api": 6.4.20
+    "@storybook/channels": 6.4.20
+    "@storybook/client-logger": 6.4.20
+    "@storybook/components": 6.4.20
+    "@storybook/core-events": 6.4.20
+    "@storybook/router": 6.4.20
+    "@storybook/semver": ^7.3.2
+    "@storybook/theming": 6.4.20
+    copy-to-clipboard: ^3.3.1
+    core-js: ^3.8.2
+    core-js-pure: ^3.8.2
+    downshift: ^6.0.15
+    emotion-theming: ^10.0.27
+    fuse.js: ^3.6.1
+    global: ^4.4.0
+    lodash: ^4.17.21
+    markdown-to-jsx: ^7.1.3
+    memoizerific: ^1.11.3
+    polished: ^4.0.5
+    qs: ^6.10.0
+    react-draggable: ^4.4.3
+    react-helmet-async: ^1.0.7
+    react-sizeme: ^3.0.1
+    regenerator-runtime: ^0.13.7
+    resolve-from: ^5.0.0
+    store2: ^2.12.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 49c55a1778b54b52dd2dd21f3738cf6e88182734b05ca6376403a7b88a58e6d75879f9660b2ab0d9808983e022d6173147cc72baf709cf2b233be3117e314616
+  languageName: node
+  linkType: hard
+
 "@szmarczak/http-timer@npm:^1.1.2":
   version: 1.1.2
   resolution: "@szmarczak/http-timer@npm:1.1.2"
@@ -6203,6 +7032,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/yargs@npm:^15.0.0":
+  version: 15.0.14
+  resolution: "@types/yargs@npm:15.0.14"
+  dependencies:
+    "@types/yargs-parser": "*"
+  checksum: 49eb8ad456c218a6dc8abd90a6f635a3ef44bb59161fbee2e9208f86fcb931668bb3559cad8cfe9a84d9c32b98034e37fefc2d728c3a077784b51971f0766b2e
+  languageName: node
+  linkType: hard
+
 "@types/yargs@npm:^16.0.0":
   version: 16.0.4
   resolution: "@types/yargs@npm:16.0.4"
@@ -6830,7 +7668,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^7.0.0, acorn-walk@npm:^7.1.1":
+"acorn-walk@npm:^7.0.0, acorn-walk@npm:^7.1.1, acorn-walk@npm:^7.2.0":
   version: 7.2.0
   resolution: "acorn-walk@npm:7.2.0"
   checksum: ff99f3406ed8826f7d6ef6ac76b7608f099d45a1ff53229fa267125da1924188dbacf02e7903dfcfd2ae4af46f7be8847dc7d564c73c4e230dfb69c8ea8e6b4c
@@ -6853,7 +7691,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^7.0.0, acorn@npm:^7.1.1":
+"acorn@npm:^7.0.0, acorn@npm:^7.1.1, acorn@npm:^7.4.1":
   version: 7.4.1
   resolution: "acorn@npm:7.4.1"
   bin:
@@ -7792,7 +8630,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-istanbul@npm:^6.1.1":
+"babel-plugin-istanbul@npm:^6.0.0, babel-plugin-istanbul@npm:^6.1.1":
   version: 6.1.1
   resolution: "babel-plugin-istanbul@npm:6.1.1"
   dependencies:
@@ -8701,6 +9539,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"capture-exit@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "capture-exit@npm:2.0.0"
+  dependencies:
+    rsvp: ^4.8.4
+  checksum: d68df1e15937809501644a49c0267ef323b5b6a0cae5c08bbdceafd718aa08241844798bfdd762cf6756bc2becd83122aabc25b5222192f18093113bec670617
+  languageName: node
+  linkType: hard
+
 "case-sensitive-paths-webpack-plugin@npm:^2.3.0":
   version: 2.4.0
   resolution: "case-sensitive-paths-webpack-plugin@npm:2.4.0"
@@ -9806,6 +10653,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cross-spawn@npm:^6.0.0":
+  version: 6.0.5
+  resolution: "cross-spawn@npm:6.0.5"
+  dependencies:
+    nice-try: ^1.0.4
+    path-key: ^2.0.1
+    semver: ^5.5.0
+    shebang-command: ^1.2.0
+    which: ^1.2.9
+  checksum: e05544722e9d7189b4292c66e42b7abeb21db0d07c91b785f4ae5fefceb1f89e626da2703744657b287e86dcd4af57b54567cef75159957ff7a8a761d9055012
+  languageName: node
+  linkType: hard
+
 "cross-undici-fetch@npm:0.1.27, cross-undici-fetch@npm:^0.1.25":
   version: 0.1.27
   resolution: "cross-undici-fetch@npm:0.1.27"
@@ -12104,6 +12964,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"exec-sh@npm:^0.3.2":
+  version: 0.3.6
+  resolution: "exec-sh@npm:0.3.6"
+  checksum: de29ed40c263989ea151cfc8561c9a41a443185d1998b0ff7aee248323af3b46db3a1dc5341816297d0c02dca472b188640490aa4ba3cae017f531f98102607d
+  languageName: node
+  linkType: hard
+
 "execa@npm:5.1.1, execa@npm:^5.0.0":
   version: 5.1.1
   resolution: "execa@npm:5.1.1"
@@ -12121,6 +12988,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"execa@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "execa@npm:1.0.0"
+  dependencies:
+    cross-spawn: ^6.0.0
+    get-stream: ^4.0.0
+    is-stream: ^1.1.0
+    npm-run-path: ^2.0.0
+    p-finally: ^1.0.0
+    signal-exit: ^3.0.0
+    strip-eof: ^1.0.0
+  checksum: cc71707c9aa4a2552346893ee63198bf70a04b5a1bc4f8a0ef40f1d03c319eae80932c59191f037990d7d102193e83a38ec72115fff814ec2fb3099f3661a590
+  languageName: node
+  linkType: hard
+
 "exit-on-epipe@npm:~1.0.1":
   version: 1.0.1
   resolution: "exit-on-epipe@npm:1.0.1"
@@ -13147,7 +14029,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@npm:^2.3.2, fsevents@npm:~2.3.2":
+"fsevents@npm:^2.1.2, fsevents@npm:^2.3.2, fsevents@npm:~2.3.2":
   version: 2.3.2
   resolution: "fsevents@npm:2.3.2"
   dependencies:
@@ -13167,7 +14049,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@patch:fsevents@^2.3.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>":
+"fsevents@patch:fsevents@^2.1.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@^2.3.2#~builtin<compat/fsevents>, 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=18f3a7"
   dependencies:
@@ -13298,7 +14180,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^4.1.0":
+"get-stream@npm:^4.0.0, get-stream@npm:^4.1.0":
   version: 4.1.0
   resolution: "get-stream@npm:4.1.0"
   dependencies:
@@ -13340,6 +14222,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"github-slugger@npm:^1.0.0":
+  version: 1.4.0
+  resolution: "github-slugger@npm:1.4.0"
+  checksum: 849d0aa198c05e774de18bc877e42fb4589a7e68baed974480fed3a5063e4279b6dcb78881b87f7a1c6f73c592271f067d835bac6f6361c796ccbf377f4b5d1e
+  languageName: node
+  linkType: hard
+
 "glob-parent@npm:^3.1.0":
   version: 3.1.0
   resolution: "glob-parent@npm:3.1.0"
@@ -14095,6 +14984,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"html-tags@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "html-tags@npm:3.1.0"
+  checksum: 057986ab130901137cf78d8561f47176c6874cc6ceb3bbc301fb5871d65f0efa83b3fb922ce8a90e0999e33ff4ab37006b560e60a1d3efc6a456510454711936
+  languageName: node
+  linkType: hard
+
 "html-void-elements@npm:^1.0.0":
   version: 1.0.5
   resolution: "html-void-elements@npm:1.0.5"
@@ -14564,6 +15460,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-absolute-url@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "is-absolute-url@npm:3.0.3"
+  checksum: 04c415974c32e73a83d3a21a9bea18fc4e2c14fbe6bbd64832cf1e67a75ade2af0e900f552f0b8a447f1305f5ffc9d143ccd8d005dbe715d198c359d342b86f0
+  languageName: node
+  linkType: hard
+
 "is-absolute@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-absolute@npm:1.0.0"
@@ -15026,6 +15929,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-plain-object@npm:5.0.0":
+  version: 5.0.0
+  resolution: "is-plain-object@npm:5.0.0"
+  checksum: 893e42bad832aae3511c71fd61c0bf61aa3a6d853061c62a307261842727d0d25f761ce9379f7ba7226d6179db2a3157efa918e7fe26360f3bf0842d9f28942c
+  languageName: node
+  linkType: hard
+
 "is-plain-object@npm:^2.0.3, is-plain-object@npm:^2.0.4":
   version: 2.0.4
   resolution: "is-plain-object@npm:2.0.4"
@@ -15560,6 +16470,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-haste-map@npm:^26.6.2":
+  version: 26.6.2
+  resolution: "jest-haste-map@npm:26.6.2"
+  dependencies:
+    "@jest/types": ^26.6.2
+    "@types/graceful-fs": ^4.1.2
+    "@types/node": "*"
+    anymatch: ^3.0.3
+    fb-watchman: ^2.0.0
+    fsevents: ^2.1.2
+    graceful-fs: ^4.2.4
+    jest-regex-util: ^26.0.0
+    jest-serializer: ^26.6.2
+    jest-util: ^26.6.2
+    jest-worker: ^26.6.2
+    micromatch: ^4.0.2
+    sane: ^4.0.3
+    walker: ^1.0.7
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 85a40d8ecf4bfb659613f107c963c7366cdf6dcceb0ca73dc8ca09fbe0e2a63b976940f573db6260c43011993cb804275f447f268c3bc4b680c08baed300701d
+  languageName: node
+  linkType: hard
+
 "jest-haste-map@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-haste-map@npm:27.5.1"
@@ -15707,6 +16642,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-regex-util@npm:^26.0.0":
+  version: 26.0.0
+  resolution: "jest-regex-util@npm:26.0.0"
+  checksum: 988675764a08945b90f48e6f5a8640b0d9885a977f100a168061d10037d53808a6cdb7dc8cb6fe9b1332f0523b42bf3edbb6d2cc6c7f7ba582d05d432efb3e60
+  languageName: node
+  linkType: hard
+
 "jest-regex-util@npm:^27.0.0, jest-regex-util@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-regex-util@npm:27.5.1"
@@ -15802,6 +16744,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-serializer@npm:^26.6.2":
+  version: 26.6.2
+  resolution: "jest-serializer@npm:26.6.2"
+  dependencies:
+    "@types/node": "*"
+    graceful-fs: ^4.2.4
+  checksum: 1c67aa1acefdc0b244f2629aaef12a56e563a5c5cb817970d2b97bdad5e8aae187b269c8d356c42ff9711436499c4da71ec8400e6280dab110be8cc5300884b0
+  languageName: node
+  linkType: hard
+
 "jest-serializer@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-serializer@npm:27.5.1"
@@ -15842,6 +16794,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-util@npm:^26.6.2":
+  version: 26.6.2
+  resolution: "jest-util@npm:26.6.2"
+  dependencies:
+    "@jest/types": ^26.6.2
+    "@types/node": "*"
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.4
+    is-ci: ^2.0.0
+    micromatch: ^4.0.2
+  checksum: ab93709840f87bdf478d082f5465467c27a20a422cbe456cc2a56961d8c950ea52511995fb6063f62a113737f3dd714b836a1fbde51abef96642a5975e835a01
+  languageName: node
+  linkType: hard
+
 "jest-util@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-util@npm:27.5.1"
@@ -15902,7 +16868,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^26.5.0":
+"jest-worker@npm:^26.5.0, jest-worker@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-worker@npm:26.6.2"
   dependencies:
@@ -16567,6 +17533,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"loader-utils@npm:2.0.0":
+  version: 2.0.0
+  resolution: "loader-utils@npm:2.0.0"
+  dependencies:
+    big.js: ^5.2.2
+    emojis-list: ^3.0.0
+    json5: ^2.1.2
+  checksum: 206eda981e486a28536b8a142074e0e927aac4c1f61565b2be402f0434f783a6bb0cef241fabec32ce541f28633a85e0beb68abd8fe9227b76b66d717de40550
+  languageName: node
+  linkType: hard
+
 "loader-utils@npm:^1.2.3, loader-utils@npm:^1.4.0":
   version: 1.4.0
   resolution: "loader-utils@npm:1.4.0"
@@ -17129,6 +18106,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdast-util-to-string@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "mdast-util-to-string@npm:1.1.0"
+  checksum: 5dad9746ec0839792a8a35f504564e8d2b8c30013652410306c111963d33f1ee7b5477aa64ed77b64e13216363a29395809875ffd80e2031a08614657628a121
+  languageName: node
+  linkType: hard
+
 "mdn-data@npm:2.0.14":
   version: 2.0.14
   resolution: "mdn-data@npm:2.0.14"
@@ -17717,6 +18701,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nanoid@npm:^3.1.23":
+  version: 3.3.2
+  resolution: "nanoid@npm:3.3.2"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 48a0e9e9f80ced7a7eedf4017236e355eb48284b2bc65e7d75df6348e679b5762ce2e4b375977222c9b4399729a4e564c53bcde814d405c135b0f77a24ecb27c
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.1":
   version: 3.3.1
   resolution: "nanoid@npm:3.3.1"
@@ -17780,6 +18773,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nice-try@npm:^1.0.4":
+  version: 1.0.5
+  resolution: "nice-try@npm:1.0.5"
+  checksum: 95568c1b73e1d0d4069a3e3061a2102d854513d37bcfda73300015b7ba4868d3b27c198d1dbbd8ebdef4112fc2ed9e895d4a0f2e1cce0bd334f2a1346dc9205f
+  languageName: node
+  linkType: hard
+
 "no-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "no-case@npm:3.0.4"
@@ -18002,6 +19002,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-run-path@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "npm-run-path@npm:2.0.2"
+  dependencies:
+    path-key: ^2.0.0
+  checksum: 95549a477886f48346568c97b08c4fda9cdbf7ce8a4fbc2213f36896d0d19249e32d68d7451bdcbca8041b5fba04a6b2c4a618beaf19849505c05b700740f1de
+  languageName: node
+  linkType: hard
+
 "npm-run-path@npm:^4.0.1":
   version: 4.0.1
   resolution: "npm-run-path@npm:4.0.1"
@@ -18831,6 +19840,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-key@npm:^2.0.0, path-key@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "path-key@npm:2.0.1"
+  checksum: dd2044f029a8e58ac31d2bf34c34b93c3095c1481942960e84dd2faa95bbb71b9b762a106aead0646695330936414b31ca0bd862bf488a937ad17c8c5d73b32b
+  languageName: node
+  linkType: hard
+
 "path-key@npm:^3.0.0, path-key@npm:^3.1.0":
   version: 3.1.1
   resolution: "path-key@npm:3.1.1"
@@ -19007,7 +20023,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pirates@npm:^4.0.0, pirates@npm:^4.0.4, pirates@npm:^4.0.5":
+"pirates@npm:^4.0.0, pirates@npm:^4.0.1, pirates@npm:^4.0.4, pirates@npm:^4.0.5":
   version: 4.0.5
   resolution: "pirates@npm:4.0.5"
   checksum: 58b6ff0f137a3d70ff34ac4802fd19819cdc19b53e9c95adecae6c7cfc77719a11f561ad85d46e79e520ef57c31145a564c8bc3bee8cfee75d441fab2928a51d
@@ -20261,6 +21277,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-element-to-jsx-string@npm:^14.3.4":
+  version: 14.3.4
+  resolution: "react-element-to-jsx-string@npm:14.3.4"
+  dependencies:
+    "@base2/pretty-print-object": 1.0.1
+    is-plain-object: 5.0.0
+    react-is: 17.0.2
+  peerDependencies:
+    react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
+    react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
+  checksum: 4ead664b2e26e76af57c9ce2f2a46e79fda1d3a408afb5f34d03357d195b7f41a1a86bb9286b6d6ba76c9c2611fe56bc038665cf27fdb56f571d235ddfce9ffb
+  languageName: node
+  linkType: hard
+
 "react-fast-compare@npm:^3.0.1, react-fast-compare@npm:^3.2.0":
   version: 3.2.0
   resolution: "react-fast-compare@npm:3.2.0"
@@ -20318,6 +21348,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-is@npm:17.0.2, react-is@npm:^17.0.1, react-is@npm:^17.0.2":
+  version: 17.0.2
+  resolution: "react-is@npm:17.0.2"
+  checksum: 2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.13.1, react-is@npm:^16.7.0":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
@@ -20325,13 +21362,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^17.0.1, react-is@npm:^17.0.2":
-  version: 17.0.2
-  resolution: "react-is@npm:17.0.2"
-  checksum: 2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
-  languageName: node
-  linkType: hard
-
 "react-popper-tooltip@npm:^3.1.1":
   version: 3.1.1
   resolution: "react-popper-tooltip@npm:3.1.1"
@@ -20720,6 +21750,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remark-external-links@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "remark-external-links@npm:8.0.0"
+  dependencies:
+    extend: ^3.0.0
+    is-absolute-url: ^3.0.0
+    mdast-util-definitions: ^4.0.0
+    space-separated-tokens: ^1.0.0
+    unist-util-visit: ^2.0.0
+  checksum: 5f0affc97e18ad3247e3b29449f4df98be5a75950cf0f0f13dd1755c4ef1065f9ab44626bba34d913d32bb92afd6f06a8e2f8068e83b48337f0b7a5d1f0cecfe
+  languageName: node
+  linkType: hard
+
 "remark-footnotes@npm:2.0.0":
   version: 2.0.0
   resolution: "remark-footnotes@npm:2.0.0"
@@ -20767,6 +21810,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remark-slug@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "remark-slug@npm:6.1.0"
+  dependencies:
+    github-slugger: ^1.0.0
+    mdast-util-to-string: ^1.0.0
+    unist-util-visit: ^2.0.0
+  checksum: 7cc2857936fce9c9c00b9c7d70de46d594cedf93bd8560fd006164dee7aacccdf472654ee35b33f4fb4bd0af882d89998c6d0c9088c2e95702a9fc15ebae002a
+  languageName: node
+  linkType: hard
+
 "remark-squeeze-paragraphs@npm:4.0.0":
   version: 4.0.0
   resolution: "remark-squeeze-paragraphs@npm:4.0.0"
@@ -21107,6 +22161,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"rsvp@npm:^4.8.4":
+  version: 4.8.5
+  resolution: "rsvp@npm:4.8.5"
+  checksum: 7978f01060a48204506a8ebe15cdbd468498f5ae538b1d7ee3e7630375ba7cb2f98df2f596c12d3f4d5d5c21badc1c6ca8009f5142baded8511609a28eabd19a
+  languageName: node
+  linkType: hard
+
 "run-async@npm:^2.4.0":
   version: 2.4.1
   resolution: "run-async@npm:2.4.1"
@@ -21210,6 +22271,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sane@npm:^4.0.3":
+  version: 4.1.0
+  resolution: "sane@npm:4.1.0"
+  dependencies:
+    "@cnakazawa/watch": ^1.0.3
+    anymatch: ^2.0.0
+    capture-exit: ^2.0.0
+    exec-sh: ^0.3.2
+    execa: ^1.0.0
+    fb-watchman: ^2.0.0
+    micromatch: ^3.1.4
+    minimist: ^1.1.1
+    walker: ~1.0.5
+  bin:
+    sane: ./src/cli.js
+  checksum: 7d0991ecaa10b02c6d0339a6f7e31db776971f3b659a351916dcc7ce3464671e72b54d80bcce118e39d4343e1e56c699fe35f6cb89fbd88b07095b72841cbfb0
+  languageName: node
+  linkType: hard
+
 "sax@npm:>=0.6.0":
   version: 1.2.4
   resolution: "sax@npm:1.2.4"
@@ -21354,7 +22434,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.4.1, semver@npm:^5.6.0, semver@npm:^5.7.0, semver@npm:^5.7.1":
+"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.4.1, semver@npm:^5.5.0, semver@npm:^5.6.0, semver@npm:^5.7.0, semver@npm:^5.7.1":
   version: 5.7.1
   resolution: "semver@npm:5.7.1"
   bin:
@@ -21566,6 +22646,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"shebang-command@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "shebang-command@npm:1.2.0"
+  dependencies:
+    shebang-regex: ^1.0.0
+  checksum: 7b20dbf04112c456b7fc258622dafd566553184ac9b6938dd30b943b065b21dabd3776460df534cc02480db5e1b6aec44700d985153a3da46e7db7f9bd21326d
+  languageName: node
+  linkType: hard
+
 "shebang-command@npm:^2.0.0":
   version: 2.0.0
   resolution: "shebang-command@npm:2.0.0"
@@ -21575,6 +22664,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"shebang-regex@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "shebang-regex@npm:1.0.0"
+  checksum: 9abc45dee35f554ae9453098a13fdc2f1730e525a5eb33c51f096cc31f6f10a4b38074c1ebf354ae7bffa7229506083844008dfc3bb7818228568c0b2dc1fff2
+  languageName: node
+  linkType: hard
+
 "shebang-regex@npm:^3.0.0":
   version: 3.0.0
   resolution: "shebang-regex@npm:3.0.0"
@@ -22320,6 +23416,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-eof@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "strip-eof@npm:1.0.0"
+  checksum: f336beed8622f7c1dd02f2cbd8422da9208fae81daf184f73656332899978919d5c0ca84dc6cfc49ad1fc4dd7badcde5412a063cf4e0d7f8ed95a13a63f68f45
+  languageName: node
+  linkType: hard
+
 "strip-final-newline@npm:^2.0.0":
   version: 2.0.0
   resolution: "strip-final-newline@npm:2.0.0"
@@ -24006,7 +25109,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"walker@npm:^1.0.7":
+"walker@npm:^1.0.7, walker@npm:~1.0.5":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
   dependencies:
@@ -24107,7 +25210,7 @@ __metadata:
     "@redwoodjs/forms": 1.0.0-rc.final.3
     "@redwoodjs/router": 1.0.0-rc.final.3
     "@redwoodjs/web": 1.0.0-rc.final.3
-    "@storybook/addon-actions": 6.4.20
+    "@storybook/addon-essentials": 6.4.20
     "@storybook/addon-interactions": 6.4.20
     "@storybook/jest": 0.0.10
     "@storybook/test-runner": 0.0.4
@@ -24551,7 +25654,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which@npm:^1.2.12, which@npm:^1.2.14":
+"which@npm:^1.2.12, which@npm:^1.2.14, which@npm:^1.2.9":
   version: 1.3.1
   resolution: "which@npm:1.3.1"
   dependencies: