diff --git a/.circleci/config.yml b/.circleci/config.yml
index c5222aac5d6a..4407913d14a5 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -250,7 +250,7 @@ jobs:
             cd ..
             npx create-react-app cra-bench
             cd cra-bench
-            npx @storybook/bench 'npx sb init' --label cra --extra-flags "--modern"
+            npx @storybook/bench@latest 'npx sb init' --label cra --extra-flags "--modern"
   e2e-tests-pnp:
     executor:
       class: medium
diff --git a/.eslintrc.js b/.eslintrc.js
index 3dc077d3aad4..b38e16c9be69 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -3,6 +3,10 @@ module.exports = {
   extends: ['@storybook/eslint-config-storybook', 'plugin:storybook/recommended'],
   rules: {
     '@typescript-eslint/ban-ts-comment': 'warn',
+    'jest/no-standalone-expect': [
+      'error',
+      { additionalTestBlockFunctions: ['it.skipWindows', 'it.onWindows'] },
+    ],
   },
   overrides: [
     {
diff --git a/.github/workflows/handle-release-branches.yml b/.github/workflows/handle-release-branches.yml
index 95735ca4fb02..069b3390d2f6 100644
--- a/.github/workflows/handle-release-branches.yml
+++ b/.github/workflows/handle-release-branches.yml
@@ -40,7 +40,7 @@ jobs:
       - id: next-version
         uses: notiz-dev/github-action-json-property@release
         with:
-          path: ${{ github.workspace }}/next/docs/versions/next.json
+          path: ${{ github.workspace }}/next/package.json
           prop_path: version
 
       - run: |
diff --git a/.github/workflows/tests-unit.yml b/.github/workflows/tests-unit.yml
index 43ea60fc73dd..822dc4569629 100644
--- a/.github/workflows/tests-unit.yml
+++ b/.github/workflows/tests-unit.yml
@@ -1,16 +1,33 @@
 name: Unit tests
 
-on: [push]
+on:
+  push:
+    branches:
+      - next
+  pull_request:
+    types: [opened, reopened, labeled, synchronize]
 
 jobs:
   build:
-    name: Core Unit Tests
-    runs-on: ubuntu-latest
+    name: Core Unit Tests node-${{ matrix.node_version }}, ${{ matrix.os }}
+    if: ${{ github.event.label.name == 'ci:matrix' || github.event.type == 'push' }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest]
+        node_version: [12, 14, 16]
+        include:
+          - os: macos-latest
+            node_version: 16
+          - os: windows-latest
+            node_version: 16
+    runs-on: ${{ matrix.os }}
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - name: Set node version to ${{ matrix.node_version }}
+        uses: actions/setup-node@v2
         with:
-          node-version: "12.x"
+          node-version: ${{ matrix.node_version }}
           cache: yarn
       - name: install, bootstrap
         run: |
diff --git a/.gitignore b/.gitignore
index b60280d358b5..423ff6ec3edc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@ dist
 .tern-port
 *.DS_Store
 .cache
+.parcel-cache
 coverage/
 *.lerna_backup
 build
@@ -41,4 +42,4 @@ examples/angular-cli/addon-jest.testresults.json
 !/**/.yarn/plugins
 !/**/.yarn/sdks
 !/**/.yarn/versions
-/**/.pnp.*
\ No newline at end of file
+/**/.pnp.*
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 99ff0eb1388d..59fb6083acd8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,229 @@
+## 6.5.0-alpha.7 (January 4, 2022)
+
+### Bug Fixes
+
+- Addon-measure: Update z-index to fit with libraries with also high z-index ([#15860](https://github.com/storybookjs/storybook/pull/15860))
+
+### Maintenance
+
+- Vue: Fix VueLoaderPlugin import to support vue-loader@16.x ([#14624](https://github.com/storybookjs/storybook/pull/14624))
+
+### Dependency Upgrades
+
+- Upgrade react-syntax-highlighter to pick up security patch upstream in highlight.js ([#17100](https://github.com/storybookjs/storybook/pull/17100))
+
+## 6.5.0-alpha.6 (January 3, 2022)
+
+### Features
+
+- Vue3: Add default render function CSF3 ([#17068](https://github.com/storybookjs/storybook/pull/17068))
+- Addon-docs/Vue: Include methods in ArgsTable ([#16975](https://github.com/storybookjs/storybook/pull/16975))
+
+### Bug Fixes
+
+- CLI: Install `lit-html` in new web components project ([#17106](https://github.com/storybookjs/storybook/pull/17106))
+- Angular: Fix runCompodoc for Windows, local Compodoc, and user specified tsconfig ([#16728](https://github.com/storybookjs/storybook/pull/16728))
+
+### Dependency Upgrades
+
+- React: Remove react-dev-utils ([#17022](https://github.com/storybookjs/storybook/pull/17022))
+
+## 6.5.0-alpha.5 (December 23, 2021)
+
+### Dependency Upgrades
+
+- Update react-refresh@0.11.0 & react-refresh-webpack-plugin@0.5.3 same as cra5 ([#17056](https://github.com/storybookjs/storybook/pull/17056))
+
+## 6.5.0-alpha.4 (December 18, 2021)
+
+### Bug Fixes
+
+- Angular: Fix for renamed method in angular 13.1 ([#17032](https://github.com/storybookjs/storybook/pull/17032))
+- Source-loader: Fix node.declaration edge case ([#17027](https://github.com/storybookjs/storybook/pull/17027))
+- Core: Fix debug output on webpack failures ([#16988](https://github.com/storybookjs/storybook/pull/16988))
+
+### Maintenance
+
+- Build: Run unit tests on more node versions, mac, and windows ([#16744](https://github.com/storybookjs/storybook/pull/16744))
+
+### Dependency Upgrades
+
+- Avoid referencing internal Emotion packages in built types ([#16905](https://github.com/storybookjs/storybook/pull/16905))
+
+## 6.5.0-alpha.3 (December 9, 2021)
+
+### Bug Fixes
+
+- Core: Support custom PREVIEW URL for block story iframe ([#16773](https://github.com/storybookjs/storybook/pull/16773))
+
+## 6.5.0-alpha.2 (December 9, 2021)
+
+### Bug Fixes
+
+- UI: Only push the view back to Story if the viewMode is settings ([#16943](https://github.com/storybookjs/storybook/pull/16943))
+- Core: Ensure we have a full story index before caching ([#16947](https://github.com/storybookjs/storybook/pull/16947))
+- Angular: Fix support for non-roman alphabets in story titles ([#16931](https://github.com/storybookjs/storybook/pull/16931))
+- Core: Be explicit about `viewMode` to fix Vue issue ([#16919](https://github.com/storybookjs/storybook/pull/16919))
+- Core: Remove unused and occluded types ([#16917](https://github.com/storybookjs/storybook/pull/16917))
+- CLI: Fix `sb repro` clobbering .vuerc ([#16897](https://github.com/storybookjs/storybook/pull/16897))
+- Core: Fix auto-title in webpack5 ([#16913](https://github.com/storybookjs/storybook/pull/16913))
+- Angular: Fix incorrect log ([#16885](https://github.com/storybookjs/storybook/pull/16885))
+- Angular: Fix tsConfig paths not resolving for Angular >=12.2 ([#16882](https://github.com/storybookjs/storybook/pull/16882))
+- Core: Add feature flag to disable legacy hierarchy separator warning ([#16915](https://github.com/storybookjs/storybook/pull/16915))
+
+### Dependency Upgrades
+
+- Move @types/node to dependencies and accept v16 types ([#16904](https://github.com/storybookjs/storybook/pull/16904))
+- Bump lodash to 4.17.21 ([#16883](https://github.com/storybookjs/storybook/pull/16883))
+
+## 6.4.9 (December 9, 2021)
+
+### Bug Fixes
+
+- Core: Ensure we have a full story index before caching ([#16947](https://github.com/storybookjs/storybook/pull/16947))
+- Angular: Fix support for non-roman alphabets in story titles ([#16931](https://github.com/storybookjs/storybook/pull/16931))
+- Core: Be explicit about `viewMode` to fix Vue issue ([#16919](https://github.com/storybookjs/storybook/pull/16919))
+- Core: Remove unused and occluded types ([#16917](https://github.com/storybookjs/storybook/pull/16917))
+
+## 6.4.8 (December 6, 2021)
+
+### Bug Fixes
+
+- Core: Fix auto-title in webpack5 ([#16913](https://github.com/storybookjs/storybook/pull/16913))
+- CLI: Fix `sb repro` clobbering .vuerc ([#16897](https://github.com/storybookjs/storybook/pull/16897))
+
+### Maintenance
+
+- Core: Add feature flag to disable legacy hierarchy separator warning ([#16915](https://github.com/storybookjs/storybook/pull/16915))
+
+## 6.4.7 (December 3, 2021)
+
+### Bug Fixes
+
+- Angular: Fix incorrect log ([#16885](https://github.com/storybookjs/storybook/pull/16885))
+
+## 6.4.6 (December 3, 2021)
+
+Npm publish failed.
+
+## 6.4.5 (December 3, 2021)
+
+### Bug Fixes
+
+- Angular: Fix tsConfig paths not resolving for Angular >=12.2 ([#16882](https://github.com/storybookjs/storybook/pull/16882))
+- Addon-docs: Fix transclusion crash on webpack rules without test field ([#16873](https://github.com/storybookjs/storybook/pull/16873))
+
+### Dependency Upgrades
+
+- Bump lodash to 4.17.21 ([#16883](https://github.com/storybookjs/storybook/pull/16883))
+
+## 6.5.0-alpha.1 (December 3, 2021)
+
+### Bug Fixes
+
+- CLI: Fix open storybook in default browser ([#16844](https://github.com/storybookjs/storybook/pull/16844))
+- Addon-docs: Fix transclusion crash on webpack rules without test field ([#16873](https://github.com/storybookjs/storybook/pull/16873))
+
+### Maintenance
+
+- CLI: Improve `sb repro` directory prompt ([#16854](https://github.com/storybookjs/storybook/pull/16854))
+
+## 6.4.4 (December 2, 2021)
+
+### Bug Fixes
+
+- CLI: Fix mainjsFramework automigrate ([#16866](https://github.com/storybookjs/storybook/pull/16866))
+
+## 6.4.3 (December 1, 2021)
+
+### Bug Fixes
+
+- Don't render with `modernInline` if `inlineStories` is `false` ([#16853](https://github.com/storybookjs/storybook/pull/16853))
+- Preview: Don't hide the story while preparing ([#16850](https://github.com/storybookjs/storybook/pull/16850))
+
+## 6.4.2 (December 1, 2021)
+
+### Bug Fixes
+
+- UI: Ensure all classes+animations for our loaders are prefixed ([#16815](https://github.com/storybookjs/storybook/pull/16815))
+- Angular: Add back-compat method to find options (styles) in angular.json ([#16832](https://github.com/storybookjs/storybook/pull/16832))
+
+## 6.4.1 (November 30, 2021)
+
+### Bug Fixes
+
+- Core: Fix packageName check in build-dev ([#16823](https://github.com/storybookjs/storybook/pull/16823))
+- CSFFile: Fix function exports ([#16829](https://github.com/storybookjs/storybook/pull/16829))
+
+### Maintenance
+
+- Fix `handle-release-branches` workflow ([#16801](https://github.com/storybookjs/storybook/pull/16801))
+
+## 6.4.0 (November 27, 2021)
+
+Storybook 6.4 is here!! 🎉🎉🎉
+
+SB6.4 adds interaction testing and performance re-architecture ahead of a huge 7.0 release.
+
+- ▶️ **Interactive stories** to simulate user behavior and tools to debug it
+- ⚡️ **On-demand architecture** for smaller builds and faster load times
+- ⛸ **Automigrate + versioned documentation** for easier upgrades
+- 📋 **Linter** to enforce Storybook best practices
+- 💯 **Hundreds more fixes** and quality of life improvements
+
+More info in the Github issue [Storybook 6.4 Release 🛠](https://github.com/storybookjs/storybook/issues/15355). Release announcement coming soon!!!
+
+## 6.4.0-rc.11 (November 26, 2021)
+
+### Bug Fixes
+
+- Core: Fix breaking change in process/browser ([#16795](https://github.com/storybookjs/storybook/pull/16795))
+
+## 6.4.0-rc.10 (November 26, 2021)
+
+### Bug Fixes
+
+- Core: Allow args/argTypes/component to be set via parameters for storiesOf back-compat ([#16791](https://github.com/storybookjs/storybook/pull/16791))
+- Core: Sort the results of `globby` when constructing Story Index ([#16788](https://github.com/storybookjs/storybook/pull/16788))
+- Core: Don't log a console error when the story is missing ([#16783](https://github.com/storybookjs/storybook/pull/16783))
+- Addon-docs: Wait for the story component to render before emitting ([#16792](https://github.com/storybookjs/storybook/pull/16792))
+- Core: Ensure that `context.args` is always set ([#16790](https://github.com/storybookjs/storybook/pull/16790))
+
+## 6.4.0-rc.9 (November 26, 2021)
+
+### Features
+
+- Angular: Add styles and stylePreprocessorOptions to angular builder ([#16675](https://github.com/storybookjs/storybook/pull/16675))
+
+### Bug Fixes
+
+- Interactions: Unlock controls when play function is finished ([#16784](https://github.com/storybookjs/storybook/pull/16784))
+
+### Maintenance
+
+- Misc: Cleanup typescript webpack types ([#16780](https://github.com/storybookjs/storybook/pull/16780))
+
+## 6.4.0-rc.8 (November 25, 2021)
+
+### Bug Fixes
+
+- Interactions: Fix duplicate rows in waitFor ([#16465](https://github.com/storybookjs/storybook/pull/16465))
+- Core: Fix channel options so that they are merged in correct order ([#16764](https://github.com/storybookjs/storybook/pull/16764))
+
+### Dependency Upgrades
+
+- Add missing peer dependencies ([#16551](https://github.com/storybookjs/storybook/pull/16551))
+
+## 6.4.0-rc.7 (November 24, 2021)
+
+### Bug Fixes
+
+- Core: Add `./` to start of hidden file & folder paths ([#16723](https://github.com/storybookjs/storybook/pull/16723))
+
+### Dependency Upgrades
+
+- Update peer dependencies for angular 13 support ([#16758](https://github.com/storybookjs/storybook/pull/16758))
+
 ## 6.4.0-rc.6 (November 22, 2021)
 
 ### Bug Fixes
diff --git a/MIGRATION.md b/MIGRATION.md
index c67da785fa7c..039111dd1c7e 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -17,7 +17,10 @@
   - [Emotion11 quasi-compatibility](#emotion11-quasi-compatibility)
   - [Babel mode v7](#babel-mode-v7)
   - [Loader behavior with args changes](#loader-behavior-with-args-changes)
-  - [Angular component parameter removed](#angular-component-parameter-removed)
+  - [6.4 Angular changes](#64-angular-changes)
+    - [SB Angular builder](#sb-angular-builder)
+    - [Angular13](#angular13)
+    - [Angular component parameter removed](#angular-component-parameter-removed)
   - [6.4 deprecations](#64-deprecations)
     - [Deprecated --static-dir CLI flag](#deprecated---static-dir-cli-flag)
 - [From version 6.2.x to 6.3.0](#from-version-62x-to-630)
@@ -214,9 +217,9 @@ npx sb@next automigrate
 Or you can do the following steps manually to force Storybook to use webpack 5 for building your project:
 
 ```shell
-yarn add @storybook/builder-webpack5@next @storybook/manager-webpack5 --dev
+yarn add @storybook/builder-webpack5 @storybook/manager-webpack5 --dev
 # Or
-npm install @storybook/builder-webpack5@next @storybook/manager-webpack5 --save-dev
+npm install @storybook/builder-webpack5 @storybook/manager-webpack5 --save-dev
 ```
 
 Then edit your `.storybook/main.js` config:
@@ -267,7 +270,7 @@ export default {
   title: 'Components/Atoms/Button',
 };
 
-// ✅ undefined 6.3 KO / 7.0 OK
+// ✅ undefined 6.3 OK / 7.0 OK
 export default {
   component: Button,
 };
@@ -407,9 +410,11 @@ The Story Store in v7 mode is async, so synchronous story loading APIs no longer
 Storyshots is not currently compatible with the v7 store. However, you can use the following workaround to opt-out of the v7 store when running storyshots; in your `main.js`:
 
 ```js
-features: {
-  storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom');
-}
+module.exports = {
+  features: {
+    storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom'),
+  },
+};
 ```
 
 There are some caveats with the above approach:
@@ -424,9 +429,11 @@ Now that the web is moving to Emotion 11 for styling, popular libraries like MUI
 Unfortunately we're unable to upgrade Storybook to Emotion 11 without a semver major release, and we're not ready for that. So, as a workaround, we've created a feature flag which opts-out of the previous behavior of pinning the Emotion version to v10. To enable this workaround, add the following to your `.storybook/main.js` config:
 
 ```js
-module.exports {
-  emotionAlias: false,
-}
+module.exports = {
+  features: {
+    emotionAlias: false,
+  },
+};
 ```
 
 Setting this should unlock theming for emotion11-based libraries in Storybook 6.4.
@@ -466,7 +473,53 @@ This will create a `.babelrc.json` file. This file includes a bunch of babel plu
 
 In 6.4 the behavior of loaders when arg changes occurred was tweaked so loaders do not re-run. Instead the previous value of the loader is passed to the story, irrespective of the new args.
 
-### Angular component parameter removed
+### 6.4 Angular changes
+
+#### SB Angular builder
+
+Since SB6.3, Storybook for Angular supports a builder configuration in your project's `angular.json`. This provides an Angular-style configuration for running and building your Storybook. The full builder documentation will be shown in the [main documentation page](https://storybook.js.org/docs/angular) soon, but for now you can check out an example here:
+
+- `start-storybook`: https://github.com/storybookjs/storybook/blob/next/examples/angular-cli/angular.json#L78
+- `build-storybook`: https://github.com/storybookjs/storybook/blob/next/examples/angular-cli/angular.json#L86
+
+#### Angular13
+
+Angular 13 introduces breaking changes that require updating your Storybook configuration if you are migrating from a previous version of Angular.
+
+Most notably, the documented way of including global styles is no longer supported by Angular13. Previously you could write the following in your `.storybook/preview.js` config:
+
+```
+import '!style-loader!css-loader!sass-loader!./styles.scss';
+```
+
+If you use Angular 13 and above, you should use the builder configuration instead:
+
+```json
+   "my-default-project": {
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "styles": ["src/styles.css", "src/styles.scss"],
+          }
+        }
+      },
+   },
+```
+
+If you need storybook-specific styles separate from your app, you can configure the styles in the [SB Angular builder](#sb-angular-builder), which completely overrides your project's styles:
+
+```json
+      "storybook": {
+        "builder": "@storybook/angular:start-storybook",
+        "options": {
+          "browserTarget": "my-default-project:build",
+          "styles": [".storybook/custom-styles.scss"],
+        },
+      }
+```
+
+#### Angular component parameter removed
 
 In SB6.3 and earlier, the `default.component` metadata was implemented as a parameter, meaning that stories could set `parameters.component` to override the default export. This was an internal implementation that was never documented, but it was mistakenly used in some Angular examples.
 
diff --git a/README.md b/README.md
index 4c03ebc91655..8165065d78d3 100644
--- a/README.md
+++ b/README.md
@@ -94,21 +94,21 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 
 | Framework                                                      | Demo                                                                                        |                                                                                                      |
 | -------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
-| [React](app/react)                                             | [v6.3.x](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                 | [![React](https://img.shields.io/npm/dm/@storybook/react.svg)](app/react)                            |
-| [Vue](app/vue)                                                 | [v6.3.x](https://storybookjs.netlify.com/vue-kitchen-sink/)                                 | [![Vue](https://img.shields.io/npm/dm/@storybook/vue.svg)](app/vue)                                  |
-| [Angular](app/angular)                                         | [v6.3.x](https://storybookjs.netlify.com/angular-cli/)                                      | [![Angular](https://img.shields.io/npm/dm/@storybook/angular.svg)](app/angular)                      |
-| [Web components](app/web-components)                           | [v6.3.x](https://storybookjs.netlify.com/web-components-kitchen-sink/)                      | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components.svg)](app/web-components)         |
+| [React](app/react)                                             | [v6.4.x](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                 | [![React](https://img.shields.io/npm/dm/@storybook/react.svg)](app/react)                            |
+| [Vue](app/vue)                                                 | [v6.4.x](https://storybookjs.netlify.com/vue-kitchen-sink/)                                 | [![Vue](https://img.shields.io/npm/dm/@storybook/vue.svg)](app/vue)                                  |
+| [Angular](app/angular)                                         | [v6.4.x](https://storybookjs.netlify.com/angular-cli/)                                      | [![Angular](https://img.shields.io/npm/dm/@storybook/angular.svg)](app/angular)                      |
+| [Web components](app/web-components)                           | [v6.4.x](https://storybookjs.netlify.com/web-components-kitchen-sink/)                      | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components.svg)](app/web-components)         |
 | [React Native](https://github.com/storybookjs/react-native)    | -                                                                                           | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native.svg)](app/react-native)       |
-| [HTML](app/html)                                               | [v6.3.x](https://storybookjs.netlify.com/html-kitchen-sink/)                                | [![HTML](https://img.shields.io/npm/dm/@storybook/html.svg)](app/html)                               |
-| [Ember](app/ember)                                             | [v6.3.x](https://storybookjs.netlify.com/ember-cli/)                                        | [![Ember](https://img.shields.io/npm/dm/@storybook/ember.svg)](app/ember)                            |
-| [Svelte](app/svelte)                                           | [v6.3.x](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte.svg)](app/svelte)                         |
-| [Preact](app/preact)                                           | [v6.3.x](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact.svg)](app/preact)                         |
-| [Marionette.js](https://github.com/storybookjs/marionette)                                | -                                                                                           | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette.svg)](app/marionette)          |
-| [Mithril](https://github.com/storybookjs/mithril)                                         | [v6.3.x](https://storybookjs.netlify.com/mithril-kitchen-sink/)                             | [![Mithril](https://img.shields.io/npm/dm/@storybook/mithril.svg)](app/mithril)                      |
-| [Marko](https://github.com/storybookjs/marko)                                             | [v6.3.x](https://storybookjs.netlify.com/marko-cli/)                                        | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                            |
-| [Riot](https://github.com/storybookjs/riot)                                               | [v6.3.x](https://storybookjs.netlify.com/riot-kitchen-sink/)                                | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                               |
-| [Rax](https://github.com/storybookjs/rax)                                                 | [v6.3.x](https://storybookjs.netlify.com/rax-kitchen-sink/)                                 | [![Rax](https://img.shields.io/npm/dm/@storybook/rax.svg)](app/rax)                                  |
-| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [v6.3.x](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Rax](https://img.shields.io/npm/dm/@storybook/native.svg)](https://github.com/storybookjs/native) |
+| [HTML](app/html)                                               | [v6.4.x](https://storybookjs.netlify.com/html-kitchen-sink/)                                | [![HTML](https://img.shields.io/npm/dm/@storybook/html.svg)](app/html)                               |
+| [Ember](app/ember)                                             | [v6.4.x](https://storybookjs.netlify.com/ember-cli/)                                        | [![Ember](https://img.shields.io/npm/dm/@storybook/ember.svg)](app/ember)                            |
+| [Svelte](app/svelte)                                           | [v6.4.x](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte.svg)](app/svelte)                         |
+| [Preact](app/preact)                                           | [v6.4.x](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact.svg)](app/preact)                         |
+| [Marionette.js](https://github.com/storybookjs/marionette)     | -                                                                                           | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette.svg)](app/marionette)          |
+| [Mithril](https://github.com/storybookjs/mithril)              | [v6.4.x](https://storybookjs.netlify.com/mithril-kitchen-sink/)                             | [![Mithril](https://img.shields.io/npm/dm/@storybook/mithril.svg)](app/mithril)                      |
+| [Marko](https://github.com/storybookjs/marko)                  | [v6.4.x](https://storybookjs.netlify.com/marko-cli/)                                        | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                            |
+| [Riot](https://github.com/storybookjs/riot)                    | [v6.4.x](https://storybookjs.netlify.com/riot-kitchen-sink/)                                | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                               |
+| [Rax](https://github.com/storybookjs/rax)                      | [v6.4.x](https://storybookjs.netlify.com/rax-kitchen-sink/)                                 | [![Rax](https://img.shields.io/npm/dm/@storybook/rax.svg)](app/rax)                                  |
+| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [v6.4.x](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Rax](https://img.shields.io/npm/dm/@storybook/native.svg)](https://github.com/storybookjs/native) |
 
 ### Sub Projects
 
@@ -141,13 +141,13 @@ See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/fr
 
 ### Deprecated Addons
 
-| Addons                                                                           |                                                            |
-| -------------------------------------------------------------------------------- | ---------------------------------------------------------- |
+| Addons                                                                             |                                                            |
+| ---------------------------------------------------------------------------------- | ---------------------------------------------------------- |
 | [info](https://github.com/storybookjs/deprecated-addons/tree/master/addons/info)   | Annotate stories with extra component usage information    |
 | [notes](https://github.com/storybookjs/deprecated-addons/tree/master/addons/notes) | Annotate Storybook stories with notes                      |
-| [contexts](https://storybook.js.org/addons/@storybook/addon-contexts/)           | Addon for driving your components under dynamic contexts   |
-| [options](https://www.npmjs.com/package/@storybook/addon-options)                | Customize the Storybook UI in code                         |
-| [knobs](https://github.com/storybookjs/addon-knobs)                              | Interactively edit component prop data in the Storybook UI |
+| [contexts](https://storybook.js.org/addons/@storybook/addon-contexts/)             | Addon for driving your components under dynamic contexts   |
+| [options](https://www.npmjs.com/package/@storybook/addon-options)                  | Customize the Storybook UI in code                         |
+| [knobs](https://github.com/storybookjs/addon-knobs)                                | Interactively edit component prop data in the Storybook UI |
 
 In order to continue improving your experience, we have to eventually deprecate certain addons in favor of new, better tools.
 
diff --git a/addons/a11y/README.md b/addons/a11y/README.md
index 15bbaa107841..6135d17dfc5d 100755
--- a/addons/a11y/README.md
+++ b/addons/a11y/README.md
@@ -22,6 +22,8 @@ module.exports = {
 };
 ```
 
+And here's a sample story file to test the addon:
+
 ```js
 import React from 'react';
 
diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index fb899a005b30..9e50b2eeddf2 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -45,18 +45,18 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/theming": "6.5.0-alpha.7",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "react-sizeme": "^3.0.1",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
@@ -81,7 +81,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Accessibility",
diff --git a/addons/a11y/src/components/A11YPanel.test.tsx b/addons/a11y/src/components/A11YPanel.test.tsx
index b7e77b1e51a3..744e7e418b8b 100644
--- a/addons/a11y/src/components/A11YPanel.test.tsx
+++ b/addons/a11y/src/components/A11YPanel.test.tsx
@@ -129,11 +129,14 @@ describe('A11YPanel', () => {
     const { getByText } = render(<ThemedA11YPanel />);
     const useChannelArgs = mockedApi.useChannel.mock.calls[0][0];
     act(() => useChannelArgs[EVENTS.RESULT](axeResult));
-    await waitFor(() => {
-      expect(getByText(/Tests completed/)).toBeTruthy();
-      expect(getByText(/Violations/)).toBeTruthy();
-      expect(getByText(/Passes/)).toBeTruthy();
-      expect(getByText(/Incomplete/)).toBeTruthy();
-    });
+    await waitFor(
+      () => {
+        expect(getByText(/Tests completed/)).toBeTruthy();
+        expect(getByText(/Violations/)).toBeTruthy();
+        expect(getByText(/Passes/)).toBeTruthy();
+        expect(getByText(/Incomplete/)).toBeTruthy();
+      },
+      { timeout: 2000 }
+    );
   });
 });
diff --git a/addons/actions/package.json b/addons/actions/package.json
index a089125c6d1a..bb7e0d847e5b 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -41,21 +41,21 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "polished": "^4.0.5",
     "prop-types": "^15.7.2",
     "react-inspector": "^5.1.0",
     "regenerator-runtime": "^0.13.7",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2",
     "uuid-browser": "^3.1.0"
@@ -79,7 +79,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Actions",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 81a1f0b33f70..13f1231a79f5 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -45,13 +45,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
@@ -77,7 +77,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Backgrounds",
diff --git a/addons/controls/package.json b/addons/controls/package.json
index 4ed6f30c4d27..30f914ede7ac 100644
--- a/addons/controls/package.json
+++ b/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -45,17 +45,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
   "peerDependencies": {
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/register.js",
   "storybook": {
     "displayName": "Controls",
diff --git a/addons/docs/package.json b/addons/docs/package.json
index fc181e9c9cb2..ec45e11a0744 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -63,21 +63,21 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/postinstall": "6.4.0-rc.6",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/csf-tools": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/postinstall": "6.5.0-alpha.7",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
@@ -89,7 +89,7 @@
     "html-tags": "^3.1.0",
     "js-string-escape": "^1.0.1",
     "loader-utils": "^2.0.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "nanoid": "^3.1.23",
     "p-limit": "^3.1.0",
     "prettier": "^2.2.1",
@@ -104,13 +104,13 @@
   "devDependencies": {
     "@angular/core": "^11.2.14",
     "@babel/core": "^7.12.10",
-    "@emotion/core": "^10.1.1",
+    "@emotion/core": "^10.3.1",
     "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.4.0-rc.6",
-    "@storybook/html": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/vue": "6.4.0-rc.6",
-    "@storybook/web-components": "6.4.0-rc.6",
+    "@storybook/angular": "6.5.0-alpha.7",
+    "@storybook/html": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/vue": "6.5.0-alpha.7",
+    "@storybook/web-components": "6.5.0-alpha.7",
     "@types/cross-spawn": "^6.0.2",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.8",
@@ -140,12 +140,12 @@
     "zone.js": "^0.11.3"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.4.0-rc.6",
-    "@storybook/html": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/vue": "6.4.0-rc.6",
-    "@storybook/vue3": "6.4.0-rc.6",
-    "@storybook/web-components": "6.4.0-rc.6",
+    "@storybook/angular": "6.5.0-alpha.7",
+    "@storybook/html": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/vue": "6.5.0-alpha.7",
+    "@storybook/vue3": "6.5.0-alpha.7",
+    "@storybook/web-components": "6.5.0-alpha.7",
     "lit": "^2.0.0",
     "lit-html": "^1.4.1 || ^2.0.0",
     "react": "^16.8.0 || ^17.0.0",
@@ -202,7 +202,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Docs",
diff --git a/addons/docs/src/blocks/Story.tsx b/addons/docs/src/blocks/Story.tsx
index 65fdb19c1e72..879f8ec59b75 100644
--- a/addons/docs/src/blocks/Story.tsx
+++ b/addons/docs/src/blocks/Story.tsx
@@ -111,6 +111,14 @@ export const getStoryProps = <TFramework extends AnyFramework>(
   };
 };
 
+function makeGate(): [Promise<void>, () => void] {
+  let open;
+  const gate = new Promise<void>((r) => {
+    open = r;
+  });
+  return [gate, open];
+}
+
 const Story: FunctionComponent<StoryProps> = (props) => {
   const context = useContext(DocsContext);
   const channel = addons.getChannel();
@@ -139,47 +147,63 @@ const Story: FunctionComponent<StoryProps> = (props) => {
         story,
         renderContext,
         element: storyRef.current as HTMLElement,
+        viewMode: 'docs',
       });
       setShowLoader(false);
     }
     return () => cleanup && cleanup();
   }, [story]);
 
+  const [storyFnRan, onStoryFnRan] = makeGate();
+  const [rendered, onRendered] = makeGate();
+  useEffect(onRendered);
+
   if (!story) {
     return <StorySkeleton />;
   }
 
-  // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
-  // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
-  // `Preview.renderStoryToDom()` which itself emits the event.
-  const storyProps = getStoryProps(props, story, context, () =>
-    channel.emit(Events.STORY_RENDERED, storyId)
-  );
+  const storyProps = getStoryProps(props, story, context, onStoryFnRan);
   if (!storyProps) {
     return null;
   }
 
-  if (global?.FEATURES?.modernInlineRender) {
-    // We do this so React doesn't complain when we replace the span in a secondary render
-    const htmlContents = `<span></span>`;
-
-    // FIXME: height/style/etc. lifted from PureStory
-    const { height } = storyProps;
-    return (
-      <div id={storyBlockIdFromId(story.id)}>
-        <MDXProvider components={resetComponents}>
-          {height ? (
-            <style>{`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`}</style>
-          ) : null}
-          {showLoader && <StorySkeleton />}
-          <div
-            ref={storyRef}
-            data-name={story.name}
-            dangerouslySetInnerHTML={{ __html: htmlContents }}
-          />
-        </MDXProvider>
-      </div>
-    );
+  if (storyProps.inline) {
+    // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
+    // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
+    // `Preview.renderStoryToDom()` which itself emits the event.
+    if (!global?.FEATURES?.modernInlineRender) {
+      // We need to wait for two things before we can consider the story rendered:
+      //  (a) React's `useEffect` hook needs to fire. This is needed for React stories, as
+      //      decorators of the form `<A><B/></A>` will not actually execute `B` in the first
+      //      call to the story function.
+      //  (b) The story function needs to actually have been called.
+      //      Certain frameworks (i.e.angular) don't actually render the component in the very first
+      //      React render cycle, so we need to wait for the framework to actually do that
+      Promise.all([storyFnRan, rendered]).then(() => {
+        channel.emit(Events.STORY_RENDERED, storyId);
+      });
+    } else {
+      // We do this so React doesn't complain when we replace the span in a secondary render
+      const htmlContents = `<span></span>`;
+
+      // FIXME: height/style/etc. lifted from PureStory
+      const { height } = storyProps;
+      return (
+        <div id={storyBlockIdFromId(story.id)}>
+          <MDXProvider components={resetComponents}>
+            {height ? (
+              <style>{`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`}</style>
+            ) : null}
+            {showLoader && <StorySkeleton />}
+            <div
+              ref={storyRef}
+              data-name={story.name}
+              dangerouslySetInnerHTML={{ __html: htmlContents }}
+            />
+          </MDXProvider>
+        </div>
+      );
+    }
   }
 
   return (
diff --git a/addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc.snapshot b/addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc-posix.snapshot
similarity index 100%
rename from addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc.snapshot
rename to addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc-posix.snapshot
diff --git a/addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc-windows.snapshot b/addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc-windows.snapshot
new file mode 100644
index 000000000000..87b561823850
--- /dev/null
+++ b/addons/docs/src/frameworks/angular/__testfixtures__/doc-button/compodoc-windows.snapshot
@@ -0,0 +1,1297 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`angular component properties doc-button 1`] = `
+Object {
+  "classes": Array [],
+  "components": Array [
+    Object {
+      "accessors": Object {
+        "inputValue": Object {
+          "getSignature": Object {
+            "description": "<p>Getter for <code>inputValue</code>.</p>
+",
+            "line": 115,
+            "name": "inputValue",
+            "rawdescription": "Getter for \`inputValue\`.",
+            "returnType": "",
+            "type": "",
+          },
+          "name": "inputValue",
+          "setSignature": Object {
+            "args": Array [
+              Object {
+                "deprecated": false,
+                "deprecationMessage": "",
+                "name": "value",
+                "type": "string",
+              },
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "description": "<p>Setter for <code>inputValue</code> that is also an <code>@Input</code>.</p>
+",
+            "jsdoctags": Array [
+              Object {
+                "deprecated": false,
+                "deprecationMessage": "",
+                "name": "value",
+                "tagName": Object {
+                  "text": "param",
+                },
+                "type": "string",
+              },
+            ],
+            "line": 110,
+            "name": "inputValue",
+            "rawdescription": "Setter for \`inputValue\` that is also an \`@Input\`.",
+            "returnType": "void",
+            "type": "void",
+          },
+        },
+        "item": Object {
+          "name": "item",
+          "setSignature": Object {
+            "args": Array [
+              Object {
+                "deprecated": false,
+                "deprecationMessage": "",
+                "name": "item",
+                "type": "T[]",
+              },
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "jsdoctags": Array [
+              Object {
+                "deprecated": false,
+                "deprecationMessage": "",
+                "name": "item",
+                "tagName": Object {
+                  "text": "param",
+                },
+                "type": "T[]",
+              },
+            ],
+            "line": 195,
+            "name": "item",
+            "returnType": "void",
+            "type": "void",
+          },
+        },
+        "value": Object {
+          "getSignature": Object {
+            "description": "<p>Get the private value.</p>
+",
+            "line": 154,
+            "name": "value",
+            "rawdescription": "Get the private value.",
+            "returnType": "string | number",
+            "type": "",
+          },
+          "name": "value",
+          "setSignature": Object {
+            "args": Array [
+              Object {
+                "deprecated": false,
+                "deprecationMessage": "",
+                "name": "value",
+                "type": "string | number",
+              },
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "description": "<p>Set the private value.</p>
+",
+            "jsdoctags": Array [
+              Object {
+                "deprecated": false,
+                "deprecationMessage": "",
+                "name": "value",
+                "tagName": Object {
+                  "text": "param",
+                },
+                "type": "string | number",
+              },
+            ],
+            "line": 149,
+            "name": "value",
+            "rawdescription": "Set the private value.",
+            "returnType": "void",
+            "type": "void",
+          },
+        },
+      },
+      "assetsDirs": Array [],
+      "deprecated": false,
+      "deprecationMessage": "",
+      "description": "<p>This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.</p>
+<p>It supports <a href=\\"https://en.wikipedia.org/wiki/Markdown\\">markdown</a>, so you can embed formatted text,
+like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
+<blockquote>
+<p>How you like dem apples?! It&#39;s never been easier to document all your components.</p>
+</blockquote>
+",
+      "encapsulation": Array [],
+      "entryComponents": Array [],
+      "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+      "hostBindings": Array [
+        Object {
+          "defaultValue": "false",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "line": 124,
+          "name": "class.focused",
+          "type": "boolean",
+        },
+      ],
+      "hostListeners": Array [
+        Object {
+          "args": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "btn",
+              "type": "",
+            },
+          ],
+          "argsDecorator": Array [
+            "$event.target",
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "line": 120,
+          "name": "click",
+        },
+      ],
+      "id": "component-InputComponent-fd2eff3e4da750f1c06d4928670993b3",
+      "inputs": Array [],
+      "inputsClass": Array [
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Specify the accent-type of the button</p>
+",
+          "line": 56,
+          "name": "accent",
+          "rawdescription": "Specify the accent-type of the button",
+          "type": "ButtonAccent",
+        },
+        Object {
+          "defaultValue": "'secondary'",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Appearance style of the button.</p>
+",
+          "line": 52,
+          "name": "appearance",
+          "rawdescription": "Appearance style of the button.",
+          "type": "\\"primary\\" | \\"secondary\\"",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Setter for <code>inputValue</code> that is also an <code>@Input</code>.</p>
+",
+          "line": 110,
+          "name": "inputValue",
+          "rawdescription": "Setter for \`inputValue\` that is also an \`@Input\`.",
+          "type": "string",
+        },
+        Object {
+          "defaultValue": "false",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Sets the button to a disabled state.</p>
+",
+          "line": 60,
+          "name": "isDisabled",
+          "rawdescription": "Sets the button to a disabled state.",
+          "type": "boolean",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "line": 195,
+          "name": "item",
+          "type": "[]",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>The inner text of the button.</p>
+",
+          "jsdoctags": Array [
+            Object {
+              "comment": "",
+              "end": 1590,
+              "flags": 4227072,
+              "kind": 317,
+              "modifierFlagsCache": 0,
+              "pos": 1576,
+              "tagName": Object {
+                "end": 1585,
+                "escapedText": "required",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 1577,
+                "transformFlags": 0,
+              },
+              "transformFlags": 0,
+            },
+          ],
+          "line": 68,
+          "name": "label",
+          "rawdescription": "The inner text of the button.",
+          "type": "string",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "line": 192,
+          "name": "showKeyAlias",
+          "type": "",
+        },
+        Object {
+          "defaultValue": "'medium'",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Size of the button.</p>
+",
+          "line": 72,
+          "name": "size",
+          "rawdescription": "Size of the button.",
+          "type": "ButtonSize",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Specifies some arbitrary object</p>
+",
+          "line": 75,
+          "name": "someDataObject",
+          "rawdescription": "Specifies some arbitrary object",
+          "type": "ISomeInterface",
+        },
+        Object {
+          "defaultValue": "false",
+          "deprecated": true,
+          "deprecationMessage": "",
+          "description": "<p>Some input you shouldn&#39;t use.</p>
+",
+          "jsdoctags": Array [
+            Object {
+              "comment": "",
+              "end": 1882,
+              "flags": 4227072,
+              "kind": 321,
+              "modifierFlagsCache": 0,
+              "pos": 1866,
+              "tagName": Object {
+                "end": 1877,
+                "escapedText": "deprecated",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 1867,
+                "transformFlags": 0,
+              },
+              "transformFlags": 0,
+            },
+          ],
+          "line": 83,
+          "name": "somethingYouShouldNotUse",
+          "rawdescription": "Some input you shouldn't use.",
+          "type": "boolean",
+        },
+      ],
+      "methodsClass": Array [
+        Object {
+          "args": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "x",
+              "type": "number",
+            },
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "y",
+              "type": "string | number",
+            },
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>An internal calculation method which adds <code>x</code> and <code>y</code> together.</p>
+",
+          "jsdoctags": Array [
+            Object {
+              "comment": "<p>Some number you&#39;d like to use.</p>
+",
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": Object {
+                "end": 3678,
+                "escapedText": "x",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 3677,
+                "transformFlags": 0,
+              },
+              "tagName": Object {
+                "end": 3676,
+                "escapedText": "param",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 3671,
+                "transformFlags": 0,
+              },
+              "type": "number",
+            },
+            Object {
+              "comment": "<p>Some other number or string you&#39;d like to use, will have <code>parseInt()</code> applied before calculation.</p>
+",
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": Object {
+                "end": 3724,
+                "escapedText": "y",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 3723,
+                "transformFlags": 0,
+              },
+              "tagName": Object {
+                "end": 3722,
+                "escapedText": "param",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 3717,
+                "transformFlags": 0,
+              },
+              "type": "string | number",
+            },
+          ],
+          "line": 164,
+          "modifierKind": Array [
+            122,
+          ],
+          "name": "calc",
+          "optional": false,
+          "rawdescription": "
+
+An internal calculation method which adds \`x\` and \`y\` together.
+
+",
+          "returnType": "number",
+          "typeParameters": Array [],
+        },
+        Object {
+          "args": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "btn",
+              "type": "",
+            },
+          ],
+          "decorators": Array [
+            Object {
+              "name": "HostListener",
+              "stringifiedArguments": "'click', ['$event.target']",
+            },
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "jsdoctags": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "btn",
+              "tagName": Object {
+                "text": "param",
+              },
+              "type": "",
+            },
+          ],
+          "line": 120,
+          "name": "onClickListener",
+          "optional": false,
+          "returnType": "void",
+          "typeParameters": Array [],
+        },
+        Object {
+          "args": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "password",
+              "type": "string",
+            },
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>A private method.</p>
+",
+          "jsdoctags": Array [
+            Object {
+              "comment": "<p>Some <code>password</code>.</p>
+",
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": Object {
+                "end": 4263,
+                "escapedText": "password",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 4255,
+                "transformFlags": 0,
+              },
+              "tagName": Object {
+                "end": 4254,
+                "escapedText": "param",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 4249,
+                "transformFlags": 0,
+              },
+              "type": "string",
+            },
+          ],
+          "line": 187,
+          "modifierKind": Array [
+            120,
+          ],
+          "name": "privateMethod",
+          "optional": false,
+          "rawdescription": "
+
+A private method.
+
+",
+          "returnType": "void",
+          "typeParameters": Array [],
+        },
+        Object {
+          "args": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "id",
+              "optional": true,
+              "type": "number",
+            },
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>A protected method.</p>
+",
+          "jsdoctags": Array [
+            Object {
+              "comment": "<p>Some <code>id</code>.</p>
+",
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": Object {
+                "end": 4113,
+                "escapedText": "id",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 4111,
+                "transformFlags": 0,
+              },
+              "optional": true,
+              "tagName": Object {
+                "end": 4110,
+                "escapedText": "param",
+                "flags": 4227072,
+                "kind": 78,
+                "modifierFlagsCache": 0,
+                "pos": 4105,
+                "transformFlags": 0,
+              },
+              "type": "number",
+            },
+          ],
+          "line": 178,
+          "modifierKind": Array [
+            121,
+          ],
+          "name": "protectedMethod",
+          "optional": false,
+          "rawdescription": "
+
+A protected method.
+
+",
+          "returnType": "void",
+          "typeParameters": Array [],
+        },
+        Object {
+          "args": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "things",
+              "type": "ISomeInterface",
+            },
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>A public method using an interface.</p>
+",
+          "jsdoctags": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "things",
+              "tagName": Object {
+                "text": "param",
+              },
+              "type": "ISomeInterface",
+            },
+          ],
+          "line": 169,
+          "modifierKind": Array [
+            122,
+          ],
+          "name": "publicMethod",
+          "optional": false,
+          "rawdescription": "
+A public method using an interface.",
+          "returnType": "void",
+          "typeParameters": Array [],
+        },
+      ],
+      "name": "InputComponent",
+      "outputs": Array [],
+      "outputsClass": Array [
+        Object {
+          "defaultValue": "new EventEmitter<Event>()",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Handler to be called when the button is clicked by a user.</p>
+<p>Will also block the emission of the event if <code>isDisabled</code> is true.</p>
+",
+          "line": 91,
+          "name": "onClick",
+          "rawdescription": "
+
+Handler to be called when the button is clicked by a user.
+
+Will also block the emission of the event if \`isDisabled\` is true.
+",
+          "type": "EventEmitter",
+        },
+      ],
+      "propertiesClass": Array [
+        Object {
+          "defaultValue": "'some value'",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 106,
+          "modifierKind": Array [
+            120,
+          ],
+          "name": "_inputValue",
+          "optional": false,
+          "type": "string",
+        },
+        Object {
+          "defaultValue": "'Private hello'",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Private value.</p>
+",
+          "line": 146,
+          "modifierKind": Array [
+            120,
+          ],
+          "name": "_value",
+          "optional": false,
+          "rawdescription": "
+Private value.",
+          "type": "string",
+        },
+        Object {
+          "decorators": Array [
+            Object {
+              "name": "ViewChild",
+              "stringifiedArguments": "'buttonRef', {static: false}",
+            },
+          ],
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 48,
+          "name": "buttonRef",
+          "optional": false,
+          "type": "ElementRef",
+        },
+        Object {
+          "decorators": Array [
+            Object {
+              "name": "HostBinding",
+              "stringifiedArguments": "'class.focused'",
+            },
+          ],
+          "defaultValue": "false",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 124,
+          "name": "focus",
+          "optional": false,
+          "type": "",
+        },
+        Object {
+          "defaultValue": "'Public hello'",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "<p>Public value.</p>
+",
+          "line": 143,
+          "modifierKind": Array [
+            122,
+          ],
+          "name": "internalProperty",
+          "optional": false,
+          "rawdescription": "
+Public value.",
+          "type": "string",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 199,
+          "modifierKind": Array [
+            122,
+          ],
+          "name": "processedItem",
+          "optional": false,
+          "type": "T[]",
+        },
+      ],
+      "providers": Array [],
+      "rawdescription": "
+
+This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
+
+It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
+like **bold**, _italic_, and \`inline code\`.
+
+> How you like dem apples?! It's never been easier to document all your components.
+
+",
+      "selector": "doc-button",
+      "sourceCode": "import {
+  Component,
+  ElementRef,
+  EventEmitter,
+  HostBinding,
+  HostListener,
+  Input,
+  Output,
+  ViewChild,
+} from '@angular/core';
+
+export const exportedConstant = 'An exported constant';
+
+export type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
+
+export enum ButtonAccent {
+  'Normal' = 'Normal',
+  'High' = 'High',
+}
+
+export interface ISomeInterface {
+  one: string;
+  two: boolean;
+  three: any[];
+}
+
+/**
+ * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
+ *
+ * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
+ * like **bold**, _italic_, and \`inline code\`.
+ *
+ * > How you like dem apples?! It's never been easier to document all your components.
+ *
+ * @string Hello world
+ * @link [Example](http://example.com)
+ * @code \`ThingThing\`
+ * @html <span class=\\"badge\\">aaa</span>
+ */
+@Component({
+  selector: 'doc-button',
+  template: '<button>{{ label }}</button>',
+})
+export class InputComponent<T> {
+  @ViewChild('buttonRef', { static: false }) buttonRef: ElementRef;
+
+  /** Appearance style of the button. */
+  @Input()
+  public appearance: 'primary' | 'secondary' = 'secondary';
+
+  /** Specify the accent-type of the button */
+  @Input()
+  public accent: ButtonAccent;
+
+  /** Sets the button to a disabled state. */
+  @Input()
+  public isDisabled = false;
+
+  /**
+   * The inner text of the button.
+   *
+   * @required
+   */
+  @Input()
+  public label: string;
+
+  /** Size of the button. */
+  @Input()
+  public size?: ButtonSize = 'medium';
+
+  /** Specifies some arbitrary object */
+  @Input() public someDataObject: ISomeInterface;
+
+  /**
+   * Some input you shouldn't use.
+   *
+   * @deprecated
+   */
+  @Input()
+  public somethingYouShouldNotUse = false;
+
+  /**
+   * Handler to be called when the button is clicked by a user.
+   *
+   * Will also block the emission of the event if \`isDisabled\` is true.
+   */
+  @Output()
+  public onClick = new EventEmitter<Event>();
+
+  /**
+   * This is an internal method that we don't want to document and have added the \`ignore\` annotation to.
+   *
+   * @ignore
+   */
+  public handleClick(event: Event) {
+    event.stopPropagation();
+
+    if (!this.isDisabled) {
+      this.onClick.emit(event);
+    }
+  }
+
+  private _inputValue = 'some value';
+
+  /** Setter for \`inputValue\` that is also an \`@Input\`. */
+  @Input()
+  public set inputValue(value: string) {
+    this._inputValue = value;
+  }
+
+  /** Getter for \`inputValue\`. */
+  public get inputValue() {
+    return this._inputValue;
+  }
+
+  @HostListener('click', ['$event.target'])
+  onClickListener(btn) {
+    console.log('button', btn);
+  }
+
+  @HostBinding('class.focused') focus = false;
+
+  /**
+   * Returns all the CSS classes for the button.
+   *
+   * @ignore
+   */
+  public get classes(): string[] {
+    return [this.appearance, this.size]
+      .filter((_class) => !!_class)
+      .map((_class) => \`btn-\${_class}\`);
+  }
+
+  /**
+   * @ignore
+   */
+  public ignoredProperty = 'Ignore me';
+
+  /** Public value. */
+  public internalProperty = 'Public hello';
+
+  /** Private value. */
+  private _value = 'Private hello';
+
+  /** Set the private value. */
+  public set value(value: string | number) {
+    this._value = \`\${value}\`;
+  }
+
+  /** Get the private value. */
+  public get value(): string | number {
+    return this._value;
+  }
+
+  /**
+   * An internal calculation method which adds \`x\` and \`y\` together.
+   *
+   * @param x Some number you'd like to use.
+   * @param y Some other number or string you'd like to use, will have \`parseInt()\` applied before calculation.
+   */
+  public calc(x: number, y: string | number): number {
+    return x + parseInt(\`\${y}\`, 10);
+  }
+
+  /** A public method using an interface. */
+  public publicMethod(things: ISomeInterface) {
+    console.log(things);
+  }
+
+  /**
+   * A protected method.
+   *
+   * @param id Some \`id\`.
+   */
+  protected protectedMethod(id?: number) {
+    console.log(id);
+  }
+
+  /**
+   * A private method.
+   *
+   * @param password Some \`password\`.
+   */
+  private privateMethod(password: string) {
+    console.log(password);
+  }
+
+  @Input('showKeyAlias')
+  public showKey: keyof T;
+
+  @Input()
+  public set item(item: T[]) {
+    this.processedItem = item;
+  }
+
+  public processedItem: T[];
+}
+",
+      "styleUrls": Array [],
+      "styleUrlsData": "",
+      "styles": Array [],
+      "stylesData": "",
+      "template": "<button>{{ label }}</button>",
+      "templateUrl": Array [],
+      "type": "component",
+      "viewProviders": Array [],
+    },
+  ],
+  "coverage": Object {
+    "count": 21,
+    "files": Array [
+      Object {
+        "coverageCount": "16/25",
+        "coveragePercent": 64,
+        "filePath": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+        "linktype": "component",
+        "name": "InputComponent",
+        "status": "good",
+        "type": "component",
+      },
+      Object {
+        "coverageCount": "0/4",
+        "coveragePercent": 0,
+        "filePath": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+        "linktype": "interface",
+        "name": "ISomeInterface",
+        "status": "low",
+        "type": "interface",
+      },
+      Object {
+        "coverageCount": "0/1",
+        "coveragePercent": 0,
+        "filePath": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+        "linksubtype": "variable",
+        "linktype": "miscellaneous",
+        "name": "exportedConstant",
+        "status": "low",
+        "type": "variable",
+      },
+    ],
+    "status": "low",
+  },
+  "directives": Array [],
+  "guards": Array [],
+  "injectables": Array [],
+  "interceptors": Array [],
+  "interfaces": Array [
+    Object {
+      "deprecated": false,
+      "deprecationMessage": "",
+      "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+      "id": "interface-ISomeInterface-fd2eff3e4da750f1c06d4928670993b3",
+      "indexSignatures": Array [],
+      "kind": 163,
+      "methods": Array [],
+      "name": "ISomeInterface",
+      "properties": Array [
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 25,
+          "name": "one",
+          "optional": false,
+          "type": "string",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 27,
+          "name": "three",
+          "optional": false,
+          "type": "any[]",
+        },
+        Object {
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "line": 26,
+          "name": "two",
+          "optional": false,
+          "type": "boolean",
+        },
+      ],
+      "sourceCode": "import {
+  Component,
+  ElementRef,
+  EventEmitter,
+  HostBinding,
+  HostListener,
+  Input,
+  Output,
+  ViewChild,
+} from '@angular/core';
+
+export const exportedConstant = 'An exported constant';
+
+export type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
+
+export enum ButtonAccent {
+  'Normal' = 'Normal',
+  'High' = 'High',
+}
+
+export interface ISomeInterface {
+  one: string;
+  two: boolean;
+  three: any[];
+}
+
+/**
+ * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
+ *
+ * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
+ * like **bold**, _italic_, and \`inline code\`.
+ *
+ * > How you like dem apples?! It's never been easier to document all your components.
+ *
+ * @string Hello world
+ * @link [Example](http://example.com)
+ * @code \`ThingThing\`
+ * @html <span class=\\"badge\\">aaa</span>
+ */
+@Component({
+  selector: 'doc-button',
+  template: '<button>{{ label }}</button>',
+})
+export class InputComponent<T> {
+  @ViewChild('buttonRef', { static: false }) buttonRef: ElementRef;
+
+  /** Appearance style of the button. */
+  @Input()
+  public appearance: 'primary' | 'secondary' = 'secondary';
+
+  /** Specify the accent-type of the button */
+  @Input()
+  public accent: ButtonAccent;
+
+  /** Sets the button to a disabled state. */
+  @Input()
+  public isDisabled = false;
+
+  /**
+   * The inner text of the button.
+   *
+   * @required
+   */
+  @Input()
+  public label: string;
+
+  /** Size of the button. */
+  @Input()
+  public size?: ButtonSize = 'medium';
+
+  /** Specifies some arbitrary object */
+  @Input() public someDataObject: ISomeInterface;
+
+  /**
+   * Some input you shouldn't use.
+   *
+   * @deprecated
+   */
+  @Input()
+  public somethingYouShouldNotUse = false;
+
+  /**
+   * Handler to be called when the button is clicked by a user.
+   *
+   * Will also block the emission of the event if \`isDisabled\` is true.
+   */
+  @Output()
+  public onClick = new EventEmitter<Event>();
+
+  /**
+   * This is an internal method that we don't want to document and have added the \`ignore\` annotation to.
+   *
+   * @ignore
+   */
+  public handleClick(event: Event) {
+    event.stopPropagation();
+
+    if (!this.isDisabled) {
+      this.onClick.emit(event);
+    }
+  }
+
+  private _inputValue = 'some value';
+
+  /** Setter for \`inputValue\` that is also an \`@Input\`. */
+  @Input()
+  public set inputValue(value: string) {
+    this._inputValue = value;
+  }
+
+  /** Getter for \`inputValue\`. */
+  public get inputValue() {
+    return this._inputValue;
+  }
+
+  @HostListener('click', ['$event.target'])
+  onClickListener(btn) {
+    console.log('button', btn);
+  }
+
+  @HostBinding('class.focused') focus = false;
+
+  /**
+   * Returns all the CSS classes for the button.
+   *
+   * @ignore
+   */
+  public get classes(): string[] {
+    return [this.appearance, this.size]
+      .filter((_class) => !!_class)
+      .map((_class) => \`btn-\${_class}\`);
+  }
+
+  /**
+   * @ignore
+   */
+  public ignoredProperty = 'Ignore me';
+
+  /** Public value. */
+  public internalProperty = 'Public hello';
+
+  /** Private value. */
+  private _value = 'Private hello';
+
+  /** Set the private value. */
+  public set value(value: string | number) {
+    this._value = \`\${value}\`;
+  }
+
+  /** Get the private value. */
+  public get value(): string | number {
+    return this._value;
+  }
+
+  /**
+   * An internal calculation method which adds \`x\` and \`y\` together.
+   *
+   * @param x Some number you'd like to use.
+   * @param y Some other number or string you'd like to use, will have \`parseInt()\` applied before calculation.
+   */
+  public calc(x: number, y: string | number): number {
+    return x + parseInt(\`\${y}\`, 10);
+  }
+
+  /** A public method using an interface. */
+  public publicMethod(things: ISomeInterface) {
+    console.log(things);
+  }
+
+  /**
+   * A protected method.
+   *
+   * @param id Some \`id\`.
+   */
+  protected protectedMethod(id?: number) {
+    console.log(id);
+  }
+
+  /**
+   * A private method.
+   *
+   * @param password Some \`password\`.
+   */
+  private privateMethod(password: string) {
+    console.log(password);
+  }
+
+  @Input('showKeyAlias')
+  public showKey: keyof T;
+
+  @Input()
+  public set item(item: T[]) {
+    this.processedItem = item;
+  }
+
+  public processedItem: T[];
+}
+",
+      "type": "interface",
+    },
+  ],
+  "miscellaneous": Object {
+    "enumerations": Array [
+      Object {
+        "childs": Array [
+          Object {
+            "deprecated": false,
+            "deprecationMessage": "",
+            "name": "Normal",
+            "value": "Normal",
+          },
+          Object {
+            "deprecated": false,
+            "deprecationMessage": "",
+            "name": "High",
+            "value": "High",
+          },
+        ],
+        "ctype": "miscellaneous",
+        "deprecated": false,
+        "deprecationMessage": "",
+        "description": "",
+        "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+        "name": "ButtonAccent",
+        "subtype": "enum",
+      },
+    ],
+    "functions": Array [],
+    "groupedEnumerations": Object {
+      "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts": Array [
+        Object {
+          "childs": Array [
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "Normal",
+              "value": "Normal",
+            },
+            Object {
+              "deprecated": false,
+              "deprecationMessage": "",
+              "name": "High",
+              "value": "High",
+            },
+          ],
+          "ctype": "miscellaneous",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+          "name": "ButtonAccent",
+          "subtype": "enum",
+        },
+      ],
+    },
+    "groupedFunctions": Object {},
+    "groupedTypeAliases": Object {
+      "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts": Array [
+        Object {
+          "ctype": "miscellaneous",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "description": "",
+          "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+          "kind": 183,
+          "name": "ButtonSize",
+          "rawtype": "\\"small\\" | \\"medium\\" | \\"large\\" | \\"xlarge\\"",
+          "subtype": "typealias",
+        },
+      ],
+    },
+    "groupedVariables": Object {
+      "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts": Array [
+        Object {
+          "ctype": "miscellaneous",
+          "defaultValue": "'An exported constant'",
+          "deprecated": false,
+          "deprecationMessage": "",
+          "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+          "name": "exportedConstant",
+          "subtype": "variable",
+          "type": "string",
+        },
+      ],
+    },
+    "typealiases": Array [
+      Object {
+        "ctype": "miscellaneous",
+        "deprecated": false,
+        "deprecationMessage": "",
+        "description": "",
+        "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+        "kind": 183,
+        "name": "ButtonSize",
+        "rawtype": "\\"small\\" | \\"medium\\" | \\"large\\" | \\"xlarge\\"",
+        "subtype": "typealias",
+      },
+    ],
+    "variables": Array [
+      Object {
+        "ctype": "miscellaneous",
+        "defaultValue": "'An exported constant'",
+        "deprecated": false,
+        "deprecationMessage": "",
+        "file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
+        "name": "exportedConstant",
+        "subtype": "variable",
+        "type": "string",
+      },
+    ],
+  },
+  "modules": Array [],
+  "pipes": Array [],
+  "routes": Array [],
+}
+`;
diff --git a/addons/docs/src/frameworks/angular/angular-properties.test.ts b/addons/docs/src/frameworks/angular/angular-properties.test.ts
index 28789a4edea4..47ce7b685495 100644
--- a/addons/docs/src/frameworks/angular/angular-properties.test.ts
+++ b/addons/docs/src/frameworks/angular/angular-properties.test.ts
@@ -6,6 +6,8 @@ import { sync as spawnSync } from 'cross-spawn';
 
 import { findComponentByName, extractArgTypesFromData } from './compodoc';
 
+const { SNAPSHOT_OS } = global;
+
 // File hierarchy: __testfixtures__ / some-test-case / input.*
 const inputRegExp = /^input\..*$/;
 
@@ -42,7 +44,9 @@ describe('angular component properties', () => {
           // snapshot the output of compodoc
           const compodocOutput = runCompodoc(inputPath);
           const compodocJson = JSON.parse(compodocOutput);
-          expect(compodocJson).toMatchSpecificSnapshot(path.join(testDir, 'compodoc.snapshot'));
+          expect(compodocJson).toMatchSpecificSnapshot(
+            path.join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`)
+          );
 
           // snapshot the output of addon-docs angular-properties
           const componentData = findComponentByName('InputComponent', compodocJson);
diff --git a/addons/docs/src/frameworks/common/preset.ts b/addons/docs/src/frameworks/common/preset.ts
index 43c7b4fbaf4d..b2369dac9b2f 100644
--- a/addons/docs/src/frameworks/common/preset.ts
+++ b/addons/docs/src/frameworks/common/preset.ts
@@ -77,7 +77,7 @@ export async function webpack(
   let rules = module.rules || [];
   if (transcludeMarkdown) {
     rules = [
-      ...rules.filter((rule: any) => rule.test.toString() !== '/\\.md$/'),
+      ...rules.filter((rule: any) => rule.test?.toString() !== '/\\.md$/'),
       {
         test: /\.md$/,
         use: [
diff --git a/addons/docs/src/frameworks/vue/extractArgTypes.ts b/addons/docs/src/frameworks/vue/extractArgTypes.ts
index eaa981115bbf..4f6e335ce008 100644
--- a/addons/docs/src/frameworks/vue/extractArgTypes.ts
+++ b/addons/docs/src/frameworks/vue/extractArgTypes.ts
@@ -8,7 +8,7 @@ import {
 } from '../../lib/docgen';
 import { convert } from '../../lib/convert';
 
-const SECTIONS = ['props', 'events', 'slots'];
+const SECTIONS = ['props', 'events', 'slots', 'methods'];
 
 /**
  * Check if "@values" tag is defined within docgenInfo.
diff --git a/addons/essentials/package.json b/addons/essentials/package.json
index c19079be3f70..c10d8c124a13 100644
--- a/addons/essentials/package.json
+++ b/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -39,31 +39,31 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-measure": "6.4.0-rc.6",
-    "@storybook/addon-outline": "6.4.0-rc.6",
-    "@storybook/addon-toolbars": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-measure": "6.5.0-alpha.7",
+    "@storybook/addon-outline": "6.5.0-alpha.7",
+    "@storybook/addon-toolbars": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "6.4.0-rc.6",
+    "@storybook/vue": "6.5.0-alpha.7",
     "@types/jest": "^26.0.16",
     "@types/webpack-env": "^1.16.0"
   },
   "peerDependencies": {
     "@babel/core": "^7.9.6",
-    "@storybook/vue": "6.4.0-rc.6",
-    "@storybook/web-components": "6.4.0-rc.6",
+    "@storybook/vue": "6.5.0-alpha.7",
+    "@storybook/web-components": "6.5.0-alpha.7",
     "babel-loader": "^8.0.0",
     "lit-html": "^1.4.1 || ^2.0.0-rc.3",
     "react": "^16.8.0 || ^17.0.0",
@@ -93,6 +93,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/addons/interactions/package.json b/addons/interactions/package.json
index e1566b9e78e2..40bd672f3f3c 100644
--- a/addons/interactions/package.json
+++ b/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -41,22 +41,22 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/instrumenter": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/instrumenter": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
     "polished": "^4.0.5",
     "ts-dedent": "^2.2.0"
   },
   "devDependencies": {
-    "@storybook/jest": "^0.0.2",
-    "@storybook/testing-library": "^0.0.3",
+    "@storybook/jest": "^0.0.5",
+    "@storybook/testing-library": "^0.0.7",
     "formik": "^2.2.9"
   },
   "peerDependencies": {
@@ -74,7 +74,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Interactions",
diff --git a/addons/interactions/src/Panel.stories.tsx b/addons/interactions/src/Panel.stories.tsx
index 53a3bc7504ba..8e22606d4ecf 100644
--- a/addons/interactions/src/Panel.stories.tsx
+++ b/addons/interactions/src/Panel.stories.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
+import { action } from '@storybook/addon-actions';
 import { ComponentStoryObj, ComponentMeta } from '@storybook/react';
 import { CallStates } from '@storybook/instrumenter';
 import { styled } from '@storybook/theming';
 
 import { getCall } from './mocks';
 import { AddonPanelPure } from './Panel';
+import SubnavStories from './components/Subnav/Subnav.stories';
 
 const StyledWrapper = styled.div(({ theme }) => ({
   backgroundColor: theme.background.content,
@@ -33,16 +35,14 @@ export default {
   },
   args: {
     calls: new Map(),
-    endRef: null,
+    controls: SubnavStories.args.controls,
+    controlStates: SubnavStories.args.controlStates,
+    interactions: [getCall(CallStates.DONE)],
     fileName: 'addon-interactions.stories.tsx',
     hasException: false,
-    hasNext: false,
-    hasPrevious: true,
-    interactions: [getCall(CallStates.DONE)],
-    isDisabled: false,
     isPlaying: false,
-    showTabIcon: false,
-    isDebuggingEnabled: true,
+    onScrollToEnd: action('onScrollToEnd'),
+    endRef: null,
     // prop for the AddonPanel used as wrapper of Panel
     active: true,
   },
@@ -60,6 +60,14 @@ export const Paused: Story = {
   args: {
     isPlaying: true,
     interactions: [getCall(CallStates.WAITING)],
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: true,
+      next: true,
+      end: true,
+    },
   },
 };
 
@@ -78,7 +86,7 @@ export const Failed: Story = {
 };
 
 export const WithDebuggingDisabled: Story = {
-  args: { isDebuggingEnabled: false },
+  args: { controlStates: { ...SubnavStories.args.controlStates, debugger: false } },
 };
 
 export const NoInteractions: Story = {
diff --git a/addons/interactions/src/Panel.tsx b/addons/interactions/src/Panel.tsx
index 8b21f9050592..722715504e8f 100644
--- a/addons/interactions/src/Panel.tsx
+++ b/addons/interactions/src/Panel.tsx
@@ -1,17 +1,23 @@
 import global from 'global';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
-import { useChannel, useParameter, useStorybookState } from '@storybook/api';
+import { useChannel, useParameter, StoryId } from '@storybook/api';
 import { STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
 import { AddonPanel, Link, Placeholder } from '@storybook/components';
-import { EVENTS, Call, CallStates, LogItem } from '@storybook/instrumenter';
+import { EVENTS, Call, CallStates, ControlStates, LogItem } from '@storybook/instrumenter';
 import { styled } from '@storybook/theming';
 
 import { StatusIcon } from './components/StatusIcon/StatusIcon';
 import { Subnav } from './components/Subnav/Subnav';
 import { Interaction } from './components/Interaction/Interaction';
 
-const { FEATURES } = global;
+export interface Controls {
+  start: (args: any) => void;
+  back: (args: any) => void;
+  goto: (args: any) => void;
+  next: (args: any) => void;
+  end: (args: any) => void;
+}
 
 interface AddonPanelProps {
   active: boolean;
@@ -19,26 +25,25 @@ interface AddonPanelProps {
 
 interface InteractionsPanelProps {
   active: boolean;
-  interactions: (Call & { state?: CallStates })[];
-  isDisabled?: boolean;
-  hasPrevious?: boolean;
-  hasNext?: boolean;
+  controls: Controls;
+  controlStates: ControlStates;
+  interactions: (Call & { status?: CallStates })[];
   fileName?: string;
   hasException?: boolean;
   isPlaying?: boolean;
   calls: Map<string, any>;
   endRef?: React.Ref<HTMLDivElement>;
-  isDebuggingEnabled?: boolean;
-  onStart?: () => void;
-  onPrevious?: () => void;
-  onNext?: () => void;
-  onEnd?: () => void;
   onScrollToEnd?: () => void;
-  onInteractionClick?: (callId: string) => void;
 }
 
-const pendingStates = [CallStates.ACTIVE, CallStates.WAITING];
-const completedStates = [CallStates.DONE, CallStates.ERROR];
+const INITIAL_CONTROL_STATES = {
+  debugger: false,
+  start: false,
+  back: false,
+  goto: false,
+  next: false,
+  end: false,
+};
 
 const TabIcon = styled(StatusIcon)({
   marginLeft: 5,
@@ -51,39 +56,27 @@ const TabStatus = ({ children }: { children: React.ReactChild }) => {
 
 export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
   ({
+    calls,
+    controls,
+    controlStates,
     interactions,
-    isDisabled,
-    hasPrevious,
-    hasNext,
     fileName,
     hasException,
     isPlaying,
-    onStart,
-    onPrevious,
-    onNext,
-    onEnd,
     onScrollToEnd,
-    calls,
-    onInteractionClick,
     endRef,
-    isDebuggingEnabled,
     ...panelProps
   }) => (
     <AddonPanel {...panelProps}>
-      {isDebuggingEnabled && interactions.length > 0 && (
+      {controlStates.debugger && interactions.length > 0 && (
         <Subnav
-          isDisabled={isDisabled}
-          hasPrevious={hasPrevious}
-          hasNext={hasNext}
-          storyFileName={fileName}
+          controls={controls}
+          controlStates={controlStates}
           status={
             // eslint-disable-next-line no-nested-ternary
             isPlaying ? CallStates.ACTIVE : hasException ? CallStates.ERROR : CallStates.DONE
           }
-          onStart={onStart}
-          onPrevious={onPrevious}
-          onNext={onNext}
-          onEnd={onEnd}
+          storyFileName={fileName}
           onScrollToEnd={onScrollToEnd}
         />
       )}
@@ -92,9 +85,8 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
           key={call.id}
           call={call}
           callsById={calls}
-          isDebuggingEnabled={isDebuggingEnabled}
-          isDisabled={isDisabled}
-          onClick={() => onInteractionClick(call.id)}
+          controls={controls}
+          controlStates={controlStates}
         />
       ))}
       <div ref={endRef} />
@@ -115,15 +107,17 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
 );
 
 export const Panel: React.FC<AddonPanelProps> = (props) => {
-  const [isLocked, setLock] = React.useState(false);
-  const [isPlaying, setPlaying] = React.useState(true);
+  const [storyId, setStoryId] = React.useState<StoryId>();
+  const [controlStates, setControlStates] = React.useState<ControlStates>(INITIAL_CONTROL_STATES);
+  const [isPlaying, setPlaying] = React.useState(false);
   const [scrollTarget, setScrollTarget] = React.useState<HTMLElement>();
 
-  const calls = React.useRef<Map<Call['id'], Omit<Call, 'state'>>>(new Map());
-  const setCall = ({ state, ...call }: Call) => calls.current.set(call.id, call);
+  // Calls are tracked in a ref so we don't needlessly rerender.
+  const calls = React.useRef<Map<Call['id'], Omit<Call, 'status'>>>(new Map());
+  const setCall = ({ status, ...call }: Call) => calls.current.set(call.id, call);
 
   const [log, setLog] = React.useState<LogItem[]>([]);
-  const interactions = log.map(({ callId, state }) => ({ ...calls.current.get(callId), state }));
+  const interactions = log.map(({ callId, status }) => ({ ...calls.current.get(callId), status }));
 
   const endRef = React.useRef();
   React.useEffect(() => {
@@ -135,41 +129,38 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
     return () => observer.disconnect();
   }, []);
 
-  const emit = useChannel({
-    [EVENTS.CALL]: setCall,
-    [EVENTS.SYNC]: setLog,
-    [EVENTS.LOCK]: setLock,
-    [STORY_RENDER_PHASE_CHANGED]: ({ newPhase }) => {
-      setLock(false);
-      setPlaying(newPhase === 'playing');
+  const emit = useChannel(
+    {
+      [EVENTS.CALL]: setCall,
+      [EVENTS.SYNC]: (payload) => {
+        setControlStates(payload.controlStates);
+        setLog(payload.logItems);
+      },
+      [STORY_RENDER_PHASE_CHANGED]: (event) => {
+        setStoryId(event.storyId);
+        setPlaying(event.newPhase === 'playing');
+      },
     },
-  });
+    []
+  );
+
+  const controls = React.useMemo(
+    () => ({
+      start: () => emit(EVENTS.START, { storyId }),
+      back: () => emit(EVENTS.BACK, { storyId }),
+      goto: (callId: string) => emit(EVENTS.GOTO, { storyId, callId }),
+      next: () => emit(EVENTS.NEXT, { storyId }),
+      end: () => emit(EVENTS.END, { storyId }),
+    }),
+    [storyId]
+  );
 
-  const { storyId } = useStorybookState();
   const storyFilePath = useParameter('fileName', '');
   const [fileName] = storyFilePath.toString().split('/').slice(-1);
   const scrollToTarget = () => scrollTarget?.scrollIntoView({ behavior: 'smooth', block: 'end' });
 
-  const isDebuggingEnabled = FEATURES.interactionsDebugger === true;
-
   const showStatus = log.length > 0 && !isPlaying;
-  const isDebugging = log.some((item) => pendingStates.includes(item.state));
-  const hasPrevious = log.some((item) => completedStates.includes(item.state));
-  const hasNext = log.some((item) => item.state === CallStates.WAITING);
-  const hasActive = log.some((item) => item.state === CallStates.ACTIVE);
-  const hasException = log.some((item) => item.state === CallStates.ERROR);
-  const isDisabled = isDebuggingEnabled
-    ? hasActive || isLocked || (isPlaying && !isDebugging)
-    : true;
-
-  const onStart = React.useCallback(() => emit(EVENTS.START, { storyId }), [storyId]);
-  const onPrevious = React.useCallback(() => emit(EVENTS.BACK, { storyId }), [storyId]);
-  const onNext = React.useCallback(() => emit(EVENTS.NEXT, { storyId }), [storyId]);
-  const onEnd = React.useCallback(() => emit(EVENTS.END, { storyId }), [storyId]);
-  const onInteractionClick = React.useCallback(
-    (callId: string) => emit(EVENTS.GOTO, { storyId, callId }),
-    [storyId]
-  );
+  const hasException = log.some((item) => item.status === CallStates.ERROR);
 
   return (
     <React.Fragment key="interactions">
@@ -178,21 +169,14 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
           (hasException ? <TabIcon status={CallStates.ERROR} /> : ` (${interactions.length})`)}
       </TabStatus>
       <AddonPanelPure
+        calls={calls.current}
+        controls={controls}
+        controlStates={controlStates}
         interactions={interactions}
-        isDisabled={isDisabled}
-        hasPrevious={hasPrevious}
-        hasNext={hasNext}
         fileName={fileName}
         hasException={hasException}
         isPlaying={isPlaying}
-        calls={calls.current}
         endRef={endRef}
-        isDebuggingEnabled={isDebuggingEnabled}
-        onStart={onStart}
-        onPrevious={onPrevious}
-        onNext={onNext}
-        onEnd={onEnd}
-        onInteractionClick={onInteractionClick}
         onScrollToEnd={scrollTarget && scrollToTarget}
         {...props}
       />
diff --git a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
index c1d32f82da9c..0ee5b32d843a 100644
--- a/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
+++ b/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
@@ -37,6 +37,19 @@ Demo.play = async ({ args, canvasElement }) => {
   await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
 };
 
+export const FindBy: CSF2Story = (args) => {
+  const [isLoading, setIsLoading] = React.useState(true);
+  React.useEffect(() => {
+    setTimeout(() => setIsLoading(false), 500);
+  }, []);
+  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
+};
+FindBy.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  await canvas.findByRole('button');
+  await expect(true).toBe(true);
+};
+
 export const WaitFor: CSF2Story = (args) => (
   <button type="button" onClick={() => setTimeout(() => args.onSubmit('clicked'), 100)}>
     Click
@@ -46,6 +59,7 @@ WaitFor.play = async ({ args, canvasElement }) => {
   await userEvent.click(await within(canvasElement).findByText('Click'));
   await waitFor(async () => {
     await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+    await expect(true).toBe(true);
   });
 };
 
@@ -54,7 +68,6 @@ export const WaitForElementToBeRemoved: CSF2Story = () => {
   React.useEffect(() => {
     setTimeout(() => setIsLoading(false), 1500);
   }, []);
-
   return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
 };
 WaitForElementToBeRemoved.play = async ({ canvasElement }) => {
diff --git a/addons/interactions/src/components/Interaction/Interaction.stories.tsx b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
index 751841e7c764..3fc5ab83b5ef 100644
--- a/addons/interactions/src/components/Interaction/Interaction.stories.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.stories.tsx
@@ -5,6 +5,7 @@ import { userEvent, within } from '@storybook/testing-library';
 import { getCall } from '../../mocks';
 
 import { Interaction } from './Interaction';
+import SubnavStories from '../Subnav/Subnav.stories';
 
 type Story = ComponentStoryObj<typeof Interaction>;
 
@@ -13,8 +14,8 @@ export default {
   component: Interaction,
   args: {
     callsById: new Map(),
-    isDisabled: false,
-    isDebuggingEnabled: true,
+    controls: SubnavStories.args.controls,
+    controlStates: SubnavStories.args.controlStates,
   },
 } as ComponentMeta<typeof Interaction>;
 
@@ -43,7 +44,7 @@ export const Done: Story = {
 };
 
 export const Disabled: Story = {
-  args: { ...Done.args, isDisabled: true },
+  args: { ...Done.args, controlStates: { ...SubnavStories.args.controlStates, goto: false } },
 };
 
 export const Hovered: Story = {
diff --git a/addons/interactions/src/components/Interaction/Interaction.tsx b/addons/interactions/src/components/Interaction/Interaction.tsx
index f9a9dc366d38..d9d6bf27ddb1 100644
--- a/addons/interactions/src/components/Interaction/Interaction.tsx
+++ b/addons/interactions/src/components/Interaction/Interaction.tsx
@@ -1,15 +1,18 @@
 import * as React from 'react';
-import { Call, CallStates } from '@storybook/instrumenter';
+import { Call, CallStates, ControlStates } from '@storybook/instrumenter';
 import { styled, typography } from '@storybook/theming';
 import { transparentize } from 'polished';
 
 import { MatcherResult } from '../MatcherResult';
 import { MethodCall } from '../MethodCall';
 import { StatusIcon } from '../StatusIcon/StatusIcon';
+import { Controls } from '../../Panel';
 
 const MethodCallWrapper = styled.div(() => ({
   fontFamily: typography.fonts.mono,
   fontSize: typography.size.s1,
+  overflowWrap: 'break-word',
+  inlineSize: 'calc( 100% - 40px )',
 }));
 
 const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].includes(prop) })<{
@@ -20,7 +23,7 @@ const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].incl
   borderBottom: `1px solid ${theme.appBorderColor}`,
   fontFamily: typography.fonts.base,
   fontSize: 13,
-  ...(call.state === CallStates.ERROR && {
+  ...(call.status === CallStates.ERROR && {
     backgroundColor:
       theme.base === 'dark' ? transparentize(0.93, theme.color.negative) : theme.background.warning,
   }),
@@ -38,19 +41,17 @@ const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].inclu
   margin: 0,
   padding: '8px 15px',
   textAlign: 'start',
-  cursor: disabled || call.state === CallStates.ERROR ? 'default' : 'pointer',
-  '&:hover': {
-    background: theme.background.hoverable,
-  },
+  cursor: disabled || call.status === CallStates.ERROR ? 'default' : 'pointer',
+  '&:hover': disabled ? {} : { background: theme.background.hoverable },
   '&:focus-visible': {
     outline: 0,
     boxShadow: `inset 3px 0 0 0 ${
-      call.state === CallStates.ERROR ? theme.color.warning : theme.color.secondary
+      call.status === CallStates.ERROR ? theme.color.warning : theme.color.secondary
     }`,
-    background: call.state === CallStates.ERROR ? 'transparent' : theme.background.hoverable,
+    background: call.status === CallStates.ERROR ? 'transparent' : theme.background.hoverable,
   },
   '& > div': {
-    opacity: call.state === CallStates.WAITING ? 0.5 : 1,
+    opacity: call.status === CallStates.WAITING ? 0.5 : 1,
   },
 }));
 
@@ -63,32 +64,30 @@ const RowMessage = styled('pre')({
 export const Interaction = ({
   call,
   callsById,
-  onClick,
-  isDisabled,
-  isDebuggingEnabled,
+  controls,
+  controlStates,
 }: {
   call: Call;
   callsById: Map<Call['id'], Call>;
-  onClick: React.MouseEventHandler<HTMLElement>;
-  isDisabled: boolean;
-  isDebuggingEnabled?: boolean;
+  controls: Controls;
+  controlStates: ControlStates;
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
   return (
     <RowContainer call={call}>
       <RowLabel
         call={call}
-        onClick={onClick}
-        disabled={isDebuggingEnabled ? isDisabled : true}
-        onMouseEnter={() => isDebuggingEnabled && setIsHovered(true)}
-        onMouseLeave={() => isDebuggingEnabled && setIsHovered(false)}
+        onClick={() => controls.goto(call.id)}
+        disabled={!controlStates.goto}
+        onMouseEnter={() => controlStates.goto && setIsHovered(true)}
+        onMouseLeave={() => controlStates.goto && setIsHovered(false)}
       >
-        <StatusIcon status={isHovered ? CallStates.ACTIVE : call.state} />
+        <StatusIcon status={isHovered ? CallStates.ACTIVE : call.status} />
         <MethodCallWrapper style={{ marginLeft: 6, marginBottom: 1 }}>
           <MethodCall call={call} callsById={callsById} />
         </MethodCallWrapper>
       </RowLabel>
-      {call.state === CallStates.ERROR &&
+      {call.status === CallStates.ERROR &&
         call.exception &&
         (call.exception.message.startsWith('expect(') ? (
           <MatcherResult {...call.exception} />
diff --git a/addons/interactions/src/components/StatusBadge/StatusBadge.tsx b/addons/interactions/src/components/StatusBadge/StatusBadge.tsx
index a535875c233c..4c28636166f3 100644
--- a/addons/interactions/src/components/StatusBadge/StatusBadge.tsx
+++ b/addons/interactions/src/components/StatusBadge/StatusBadge.tsx
@@ -3,7 +3,7 @@ import { Call, CallStates } from '@storybook/instrumenter';
 import { styled, typography } from '@storybook/theming';
 
 export interface StatusBadgeProps {
-  status: Call['state'];
+  status: Call['status'];
 }
 
 const StyledBadge = styled.div<StatusBadgeProps>(({ theme, status }) => {
diff --git a/addons/interactions/src/components/StatusIcon/StatusIcon.tsx b/addons/interactions/src/components/StatusIcon/StatusIcon.tsx
index 9aed8af4df2d..d26d7bd493bc 100644
--- a/addons/interactions/src/components/StatusIcon/StatusIcon.tsx
+++ b/addons/interactions/src/components/StatusIcon/StatusIcon.tsx
@@ -7,7 +7,7 @@ import { transparentize } from 'polished';
 import localTheme from '../../theme';
 
 export interface StatusIconProps extends IconsProps {
-  status: Call['state'];
+  status: Call['status'];
 }
 
 const {
diff --git a/addons/interactions/src/components/Subnav/Subnav.stories.tsx b/addons/interactions/src/components/Subnav/Subnav.stories.tsx
index b9c6f6e81896..9605bc53252c 100644
--- a/addons/interactions/src/components/Subnav/Subnav.stories.tsx
+++ b/addons/interactions/src/components/Subnav/Subnav.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from '@storybook/addon-actions';
 import { CallStates } from '@storybook/instrumenter';
 import { Subnav } from './Subnav';
 
@@ -5,11 +6,21 @@ export default {
   title: 'Addons/Interactions/Subnav',
   component: Subnav,
   args: {
-    onPrevious: () => {},
-    onNext: () => {},
-    onReplay: () => {},
-    goToStart: () => {},
-    goToEnd: () => {},
+    controls: {
+      start: action('start'),
+      back: action('back'),
+      goto: action('goto'),
+      next: action('next'),
+      end: action('end'),
+    },
+    controlStates: {
+      debugger: true,
+      start: true,
+      back: true,
+      goto: true,
+      next: false,
+      end: false,
+    },
     storyFileName: 'Subnav.stories.tsx',
     hasNext: true,
     hasPrevious: true,
@@ -34,18 +45,44 @@ export const Runs = {
   },
 };
 
-export const AtTheBeginning = {
-  name: 'at the beginning',
+export const AtStart = {
   args: {
-    status: CallStates.DONE,
-    hasPrevious: false,
+    status: CallStates.WAITING,
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: true,
+      next: true,
+      end: true,
+    },
   },
 };
 
-export const AtTheEnd = {
-  name: 'at the end',
+export const Midway = {
   args: {
-    status: CallStates.DONE,
-    hasNext: false,
+    status: CallStates.WAITING,
+    controlStates: {
+      debugger: true,
+      start: true,
+      back: true,
+      goto: true,
+      next: true,
+      end: true,
+    },
+  },
+};
+
+export const Locked = {
+  args: {
+    status: CallStates.ACTIVE,
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: false,
+      next: false,
+      end: false,
+    },
   },
 };
diff --git a/addons/interactions/src/components/Subnav/Subnav.tsx b/addons/interactions/src/components/Subnav/Subnav.tsx
index c4fe801ccf85..e35b133fbf69 100644
--- a/addons/interactions/src/components/Subnav/Subnav.tsx
+++ b/addons/interactions/src/components/Subnav/Subnav.tsx
@@ -9,34 +9,33 @@ import {
   WithTooltip,
   Bar,
 } from '@storybook/components';
-import { Call, CallStates } from '@storybook/instrumenter';
+import { Call, CallStates, ControlStates } from '@storybook/instrumenter';
 import { styled } from '@storybook/theming';
 
 import { StatusBadge } from '../StatusBadge/StatusBadge';
+import { Controls } from '../../Panel';
 
-const StyledSubnav = styled.nav(({ theme }) => ({
+const SubnavWrapper = styled.div(({ theme }) => ({
   background: theme.background.app,
   borderBottom: `1px solid ${theme.appBorderColor}`,
+  position: 'sticky',
+  top: 0,
+  zIndex: 1,
+}));
+
+const StyledSubnav = styled.nav(({ theme }) => ({
   height: 40,
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'space-between',
   paddingLeft: 15,
-  position: 'sticky',
-  top: 0,
-  zIndex: 1,
 }));
 
 export interface SubnavProps {
-  isDisabled: boolean;
-  hasPrevious: boolean;
-  hasNext: boolean;
+  controls: Controls;
+  controlStates: ControlStates;
+  status: Call['status'];
   storyFileName?: string;
-  status: Call['state'];
-  onStart: () => void;
-  onPrevious: () => void;
-  onNext: () => void;
-  onEnd: () => void;
   onScrollToEnd?: () => void;
 }
 
@@ -55,7 +54,7 @@ const Note = styled(TooltipNote)(({ theme }) => ({
   fontFamily: theme.typography.fonts.base,
 }));
 
-export const StyledIconButton = styled(IconButton)(({ theme }) => ({
+export const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
   color: theme.color.mediumdark,
   margin: '0 3px',
 }));
@@ -68,6 +67,7 @@ const StyledLocation = styled(P)(({ theme }) => ({
   color: theme.textMutedColor,
   justifyContent: 'flex-end',
   textAlign: 'right',
+  whiteSpace: 'nowrap',
   marginTop: 'auto',
   marginBottom: 1,
   paddingRight: 15,
@@ -90,97 +90,59 @@ const JumpToEndButton = styled(StyledButton)({
   lineHeight: '12px',
 });
 
-const withTooltipModifiers = [
-  {
-    name: 'preventOverflow',
-    options: {
-      padding: 0,
-    },
-  },
-  {
-    name: 'offset',
-    options: {
-      offset: [0, -2],
-    },
-  },
-];
-
 export const Subnav: React.FC<SubnavProps> = ({
-  isDisabled,
-  hasNext,
-  hasPrevious,
-  storyFileName,
+  controls,
+  controlStates,
   status,
-  onStart,
-  onPrevious,
-  onNext,
-  onEnd,
+  storyFileName,
   onScrollToEnd,
 }) => {
   const buttonText = status === CallStates.ERROR ? 'Scroll to error' : 'Scroll to end';
 
   return (
-    <Bar>
-      <StyledSubnav>
-        <Group>
-          <StatusBadge status={status} />
-
-          <JumpToEndButton onClick={onScrollToEnd} disabled={!onScrollToEnd}>
-            {buttonText}
-          </JumpToEndButton>
-
-          <StyledSeparator />
-
-          <WithTooltip
-            modifiers={withTooltipModifiers}
-            hasChrome={false}
-            trigger={hasPrevious ? 'hover' : 'none'}
-            tooltip={<Note note="Go to start" />}
-          >
-            <RewindButton onClick={onStart} disabled={isDisabled || !hasPrevious}>
-              <Icons icon="rewind" />
-            </RewindButton>
-          </WithTooltip>
-
-          <WithTooltip
-            modifiers={withTooltipModifiers}
-            hasChrome={false}
-            trigger={hasPrevious ? 'hover' : 'none'}
-            tooltip={<Note note="Go back" />}
-          >
-            <StyledIconButton onClick={onPrevious} disabled={isDisabled || !hasPrevious}>
-              <Icons icon="playback" />
-            </StyledIconButton>
-          </WithTooltip>
-
-          <WithTooltip
-            modifiers={withTooltipModifiers}
-            hasChrome={false}
-            trigger={hasNext ? 'hover' : 'none'}
-            tooltip={<Note note="Go forward" />}
-          >
-            <StyledIconButton onClick={onNext} disabled={isDisabled || !hasNext}>
-              <Icons icon="playnext" />
-            </StyledIconButton>
-          </WithTooltip>
-
-          <WithTooltip
-            modifiers={withTooltipModifiers}
-            trigger={hasNext ? 'hover' : 'none'}
-            hasChrome={false}
-            tooltip={<Note note="Go to end" />}
-          >
-            <StyledIconButton onClick={onEnd} disabled={isDisabled || !hasNext}>
-              <Icons icon="fastforward" />
-            </StyledIconButton>
-          </WithTooltip>
-        </Group>
-        {storyFileName && (
+    <SubnavWrapper>
+      <Bar>
+        <StyledSubnav>
           <Group>
-            <StyledLocation>{storyFileName}</StyledLocation>
+            <StatusBadge status={status} />
+
+            <JumpToEndButton onClick={onScrollToEnd} disabled={!onScrollToEnd}>
+              {buttonText}
+            </JumpToEndButton>
+
+            <StyledSeparator />
+
+            <WithTooltip hasChrome={false} tooltip={<Note note="Go to start" />}>
+              <RewindButton containsIcon onClick={controls.start} disabled={!controlStates.start}>
+                <Icons icon="rewind" />
+              </RewindButton>
+            </WithTooltip>
+
+            <WithTooltip hasChrome={false} tooltip={<Note note="Go back" />}>
+              <StyledIconButton containsIcon onClick={controls.back} disabled={!controlStates.back}>
+                <Icons icon="playback" />
+              </StyledIconButton>
+            </WithTooltip>
+
+            <WithTooltip hasChrome={false} tooltip={<Note note="Go forward" />}>
+              <StyledIconButton containsIcon onClick={controls.next} disabled={!controlStates.next}>
+                <Icons icon="playnext" />
+              </StyledIconButton>
+            </WithTooltip>
+
+            <WithTooltip hasChrome={false} tooltip={<Note note="Go to end" />}>
+              <StyledIconButton containsIcon onClick={controls.end} disabled={!controlStates.end}>
+                <Icons icon="fastforward" />
+              </StyledIconButton>
+            </WithTooltip>
           </Group>
-        )}
-      </StyledSubnav>
-    </Bar>
+          {storyFileName && (
+            <Group>
+              <StyledLocation>{storyFileName}</StyledLocation>
+            </Group>
+          )}
+        </StyledSubnav>
+      </Bar>
+    </SubnavWrapper>
   );
 };
diff --git a/addons/interactions/src/mocks/index.ts b/addons/interactions/src/mocks/index.ts
index 591fdd9cfbce..7952b6ecf896 100644
--- a/addons/interactions/src/mocks/index.ts
+++ b/addons/interactions/src/mocks/index.ts
@@ -1,8 +1,9 @@
 import { CallStates, Call } from '@storybook/instrumenter';
 
-export const getCall = (state: CallStates): Call => {
+export const getCall = (status: CallStates): Call => {
   const defaultData = {
     id: 'addons-interactions-accountform--standard-email-filled [3] change',
+    cursor: 0,
     path: ['fireEvent'],
     method: 'change',
     storyId: 'addons-interactions-accountform--standard-email-filled',
@@ -19,11 +20,11 @@ export const getCall = (state: CallStates): Call => {
     ],
     interceptable: true,
     retain: false,
-    state,
+    status,
   };
 
   const overrides = CallStates.ERROR
-    ? { exception: { callId: '', stack: '', message: "Things didn't work!" } }
+    ? { exception: { name: 'Error', stack: '', message: "Things didn't work!" } }
     : {};
 
   return { ...defaultData, ...overrides };
diff --git a/addons/interactions/tsconfig.json b/addons/interactions/tsconfig.json
new file mode 100644
index 000000000000..d1ee4fc75941
--- /dev/null
+++ b/addons/interactions/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/**/*.test.*",
+    "src/**/tests/**/*",
+    "src/**/__tests__/**/*",
+    "src/**/*.stories.*",
+    "src/**/*.mockdata.*",
+    "src/**/__testfixtures__/**"
+  ]
+}
diff --git a/addons/jest/README.md b/addons/jest/README.md
index 5a75fce42ca5..1f224a8d1b0d 100644
--- a/addons/jest/README.md
+++ b/addons/jest/README.md
@@ -46,7 +46,7 @@ You may want to add the result file to `.gitignore`, since it's a generated file
 
 But much like lockfiles and snapshots, checking-in generated files can have certain advantages as well. It's up to you.
 We recommend to **do** check in the test results file so starting Storybook from a clean git clone doesn't require running all tests first,
-but this can mean you'll encounter merge conflicts on this file in the future (_re-generating this file is very similar to re-generating lockfiles and snapshots_). 
+but this can mean you'll encounter merge conflicts on this file in the future (_re-generating this file is very similar to re-generating lockfiles and snapshots_).
 
 ### Generating the test results
 
@@ -101,17 +101,17 @@ You can also add multiple tests results within your story by including the `jest
 ```js
 // MyComponent.stories.js |  MyComponent.stories.jsx
 
-import MyComponent from './MyComponent'; 
+import MyComponent from './MyComponent';
 
-import results from '../.jest-test-results.json'; 
+import results from '../.jest-test-results.json';
 
-import { withTests } from '@storybook/addon-jest'; 
+import { withTests } from '@storybook/addon-jest';
 
-export default { 
-  component: MyComponent, 
-  title: 'MyComponent', 
+export default {
+  component: MyComponent,
+  title: 'MyComponent',
   decorators: [withTests({ results })],
-}; 
+};
 
 const Template = (args) => <MyComponent {....args} />;
 
@@ -126,7 +126,7 @@ Default.parameters = {
 
 ### Global level
 
-To avoid importing the results of the tests in each story, you can update 
+To avoid importing the results of the tests in each story, you can update
 your [`.storybook/preview.js`](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering) and include a decorator allowing you to display the results only for the stories that have the `jest` parameter defined:
 
 ```js
@@ -140,7 +140,7 @@ export const decorators = [
   withTests({
     results,
   }),
-]; 
+];
 ```
 
 Then in your story file:
@@ -162,7 +162,7 @@ Default.args={
   text: 'Jest results in Storybook',
 };
 Default.parameters = {
-  jest: ['MyComponent.test.js'],
+  jest: 'MyComponent.test.js',
 };
 ```
 
@@ -230,7 +230,7 @@ const Template: Story<MyComponent> = (args: MyComponent) => ({
 
 export const Default = Template.bind({});
 Default.parameters = {
-  jest: ['MyComponent.component'],
+  jest: 'MyComponent.component',
 };
 ```
 
diff --git a/addons/jest/package.json b/addons/jest/package.json
index 9524564c9e1b..f28f1c2610ee 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -47,11 +47,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
@@ -76,7 +76,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Jest",
diff --git a/addons/links/package.json b/addons/links/package.json
index 86781c202ffb..8166dfac8c5b 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -41,11 +41,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/router": "6.4.0-rc.6",
+    "@storybook/router": "6.5.0-alpha.7",
     "@types/qs": "^6.9.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Links",
diff --git a/addons/measure/package.json b/addons/measure/package.json
index 4817802ba839..b0d35eaa4b78 100644
--- a/addons/measure/package.json
+++ b/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -44,11 +44,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
@@ -71,7 +71,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Measure",
diff --git a/addons/measure/src/box-model/canvas.ts b/addons/measure/src/box-model/canvas.ts
index 08387ec05a64..e35ee8a6eac8 100644
--- a/addons/measure/src/box-model/canvas.ts
+++ b/addons/measure/src/box-model/canvas.ts
@@ -32,7 +32,7 @@ function createCanvas(): CanvasState {
   canvas.style.position = 'absolute';
   canvas.style.left = '0';
   canvas.style.top = '0';
-  canvas.style.zIndex = '100000';
+  canvas.style.zIndex = '2147483647';
   // Disable any user interactions
   canvas.style.pointerEvents = 'none';
   global.document.body.appendChild(canvas);
diff --git a/addons/outline/package.json b/addons/outline/package.json
index 06156a520627..beacf8f64cd8 100644
--- a/addons/outline/package.json
+++ b/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -47,11 +47,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -76,7 +76,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Outline",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index aea4253150a7..271b5d6a6aa6 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -45,12 +45,12 @@
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-client": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-client": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -69,11 +69,11 @@
   "devDependencies": {
     "@angular/core": "^11.2.0",
     "@angular/platform-browser-dynamic": "^11.2.0",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/angular": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/vue": "6.4.0-rc.6",
-    "@storybook/vue3": "6.4.0-rc.6",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/angular": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/vue": "6.5.0-alpha.7",
+    "@storybook/vue3": "6.5.0-alpha.7",
     "babel-loader": "^8.0.0",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
@@ -151,7 +151,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/addons/storyshots/storyshots-core/src/frameworks/configure.test.ts b/addons/storyshots/storyshots-core/src/frameworks/configure.test.ts
index 76c88463876a..509aa5a13b24 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/configure.test.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/configure.test.ts
@@ -1,3 +1,4 @@
+import path from 'path';
 import { getPreviewFile, getMainFile } from './configure';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
@@ -19,9 +20,9 @@ describe('preview files', () => {
     ${'config.js'}
     ${'config.jsx'}
   `('resolves a valid preview file from $filepath', ({ filepath }) => {
-    setupFiles({ [`test/${filepath}`]: 'true' });
+    setupFiles({ [path.join('test', filepath)]: 'true' });
 
-    expect(getPreviewFile('test/')).toEqual(`test/${filepath}`);
+    expect(getPreviewFile('test/')).toEqual(`test${path.sep}${filepath}`);
   });
 
   it('returns false when none of the paths exist', () => {
@@ -39,9 +40,9 @@ describe('main files', () => {
     ${'main.js'}
     ${'main.jsx'}
   `('resolves a valid main file path from $filepath', ({ filepath }) => {
-    setupFiles({ [`test/${filepath}`]: 'true' });
+    setupFiles({ [path.join('test', filepath)]: 'true' });
 
-    expect(getMainFile('test/')).toEqual(`test/${filepath}`);
+    expect(getMainFile('test/')).toEqual(`test${path.sep}${filepath}`);
   });
 
   it('returns false when none of the paths exist', () => {
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 214165a89bd8..8f53c6c7f83d 100644
--- a/addons/storyshots/storyshots-puppeteer/package.json
+++ b/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
@@ -42,7 +42,7 @@
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "@types/jest-image-snapshot": "^4.1.3",
     "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0",
@@ -53,7 +53,7 @@
     "@types/puppeteer": "^5.4.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependenciesMeta": {
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470"
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6"
 }
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 6a6877faa3fc..e5058dada762 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -41,19 +41,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/router": "6.4.0-rc.6",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/router": "6.5.0-alpha.7",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
     "loader-utils": "^2.0.0",
     "prettier": "^2.2.1",
     "prop-types": "^15.7.2",
-    "react-syntax-highlighter": "^13.5.3",
+    "react-syntax-highlighter": "^15.4.2",
     "regenerator-runtime": "^0.13.7"
   },
   "devDependencies": {
@@ -75,7 +75,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Storysource",
diff --git a/addons/toolbars/package.json b/addons/toolbars/package.json
index 1acb0a1e87e6..a6c9dbfe5cc5 100644
--- a/addons/toolbars/package.json
+++ b/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -45,10 +45,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "regenerator-runtime": "^0.13.7"
   },
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/register.js",
   "storybook": {
     "displayName": "Toolbars",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index d7e53c55709b..95777ffeb61a 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -42,12 +42,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
@@ -69,7 +69,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/preview.js",
   "storybook": {
     "displayName": "Viewport",
diff --git a/app/angular/package.json b/app/angular/package.json
index 132e19c22afb..e447ff5d9db3 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,15 +45,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "autoprefixer": "^9.8.6",
     "core-js": "^3.8.2",
@@ -69,7 +70,7 @@
     "regenerator-runtime": "^0.13.7",
     "sass-loader": "^10.1.0",
     "strip-json-comments": "3.1.1",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "ts-dedent": "^2.0.0",
     "ts-loader": "^8.0.14",
     "tsconfig-paths-webpack-plugin": "^3.3.0",
@@ -99,7 +100,7 @@
   },
   "peerDependencies": {
     "@angular-devkit/architect": ">=0.8.9",
-    "@angular-devkit/build-angular": ">=0.8.9",
+    "@angular-devkit/build-angular": ">=0.8.9 || >= 12.0.0",
     "@angular-devkit/core": "^0.6.1 || >=7.0.0",
     "@angular/cli": ">=6.0.0",
     "@angular/common": ">=6.0.0",
@@ -113,7 +114,7 @@
     "@babel/core": "*",
     "@nrwl/workspace": ">=11.1.0",
     "@webcomponents/custom-elements": ">=1.4.3",
-    "rxjs": "^6.0.0",
+    "rxjs": "^6.0.0 || ^7.4.0",
     "typescript": "^3.4.0 || >=4.0.0",
     "zone.js": "^0.8.29 || ^0.9.0 || ^0.10.0 || ^0.11.0"
   },
@@ -138,5 +139,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470"
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6"
 }
diff --git a/app/angular/src/builders/build-storybook/index.spec.ts b/app/angular/src/builders/build-storybook/index.spec.ts
index c1c9b784daa1..56b51507f877 100644
--- a/app/angular/src/builders/build-storybook/index.spec.ts
+++ b/app/angular/src/builders/build-storybook/index.spec.ts
@@ -5,11 +5,13 @@ import * as path from 'path';
 
 const buildStandaloneMock = jest.fn();
 jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
+jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
 
 const cpSpawnMock = {
   spawn: jest.fn(),
 };
 jest.doMock('child_process', () => cpSpawnMock);
+
 describe('Build Storybook Builder', () => {
   let architect: Architect;
   let architectHost: TestingArchitectHost;
@@ -75,15 +77,13 @@ describe('Build Storybook Builder', () => {
     expect(buildStandaloneMock).toHaveBeenCalledWith({
       angularBrowserTarget: 'angular-cli:build-2',
       angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
       configDir: '.storybook',
-      docsMode: false,
       loglevel: undefined,
       quiet: false,
       outputDir: 'storybook-static',
       mode: 'static',
-      compodoc: false,
-      compodocArgs: ['-e', 'json'],
-      tsConfig: 'src/tsconfig.app.json',
+      tsConfig: './storybook/tsconfig.ts',
     });
   });
 
@@ -102,14 +102,12 @@ describe('Build Storybook Builder', () => {
     expect(buildStandaloneMock).toHaveBeenCalledWith({
       angularBrowserTarget: null,
       angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
       configDir: '.storybook',
-      docsMode: false,
       loglevel: undefined,
       quiet: false,
       outputDir: 'storybook-static',
       mode: 'static',
-      compodoc: false,
-      compodocArgs: ['-e', 'json'],
       tsConfig: 'path/to/tsConfig.json',
     });
   });
@@ -145,26 +143,51 @@ describe('Build Storybook Builder', () => {
     await run.stop();
 
     expect(output.success).toBeTruthy();
-    expect(cpSpawnMock.spawn).toHaveBeenCalledWith('compodoc', [
-      '-p',
-      'src/tsconfig.app.json',
-      '-d',
-      '',
-      '-e',
-      'json',
-    ]);
+    expect(cpSpawnMock.spawn).toHaveBeenCalledWith(
+      'npx',
+      ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'],
+      {
+        cwd: '',
+        env: process.env,
+        shell: true,
+      }
+    );
     expect(buildStandaloneMock).toHaveBeenCalledWith({
       angularBrowserTarget: 'angular-cli:build-2',
       angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
       configDir: '.storybook',
-      docsMode: false,
       loglevel: undefined,
       quiet: false,
       outputDir: 'storybook-static',
       mode: 'static',
-      compodoc: true,
-      compodocArgs: ['-e', 'json'],
-      tsConfig: 'src/tsconfig.app.json',
+      tsConfig: './storybook/tsconfig.ts',
+    });
+  });
+
+  it('should start storybook with styles options', async () => {
+    const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+      tsConfig: 'path/to/tsConfig.json',
+      compodoc: false,
+      styles: ['style.scss'],
+    });
+
+    const output = await run.result;
+
+    await run.stop();
+
+    expect(output.success).toBeTruthy();
+    expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+    expect(buildStandaloneMock).toHaveBeenCalledWith({
+      angularBrowserTarget: null,
+      angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: { styles: ['style.scss'] },
+      configDir: '.storybook',
+      loglevel: undefined,
+      quiet: false,
+      outputDir: 'storybook-static',
+      mode: 'static',
+      tsConfig: 'path/to/tsConfig.json',
     });
   });
 });
diff --git a/app/angular/src/builders/build-storybook/index.ts b/app/angular/src/builders/build-storybook/index.ts
index 64827de6e809..6108034e9a34 100644
--- a/app/angular/src/builders/build-storybook/index.ts
+++ b/app/angular/src/builders/build-storybook/index.ts
@@ -9,10 +9,15 @@ import { JsonObject } from '@angular-devkit/core';
 import { from, Observable, of, throwError } from 'rxjs';
 import { CLIOptions } from '@storybook/core-common';
 import { catchError, map, mapTo, switchMap } from 'rxjs/operators';
+import { sync as findUpSync } from 'find-up';
 
 // eslint-disable-next-line import/no-extraneous-dependencies
 import buildStandalone, { StandaloneOptions } from '@storybook/angular/standalone';
-import { BrowserBuilderOptions } from '@angular-devkit/build-angular';
+import {
+  BrowserBuilderOptions,
+  ExtraEntryPoint,
+  StylePreprocessorOptions,
+} from '@angular-devkit/build-angular';
 import { runCompodoc } from '../utils/run-compodoc';
 import { buildStandaloneErrorHandler } from '../utils/build-standalone-errors-handler';
 
@@ -21,6 +26,8 @@ export type StorybookBuilderOptions = JsonObject & {
   tsConfig?: string;
   compodoc: boolean;
   compodocArgs: string[];
+  styles?: ExtraEntryPoint[];
+  stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<
     // makes sure the option exists
     CLIOptions,
@@ -46,12 +53,29 @@ function commandBuilder(
       return runCompodoc$.pipe(mapTo({ tsConfig }));
     }),
     map(({ tsConfig }) => {
-      const { browserTarget, ...otherOptions } = options;
+      const {
+        browserTarget,
+        stylePreprocessorOptions,
+        styles,
+        configDir,
+        docs,
+        loglevel,
+        outputDir,
+        quiet,
+      } = options;
 
       const standaloneOptions: StandaloneOptions = {
-        ...otherOptions,
+        configDir,
+        docs,
+        loglevel,
+        outputDir,
+        quiet,
         angularBrowserTarget: browserTarget,
         angularBuilderContext: context,
+        angularBuilderOptions: {
+          ...(stylePreprocessorOptions ? { stylePreprocessorOptions } : {}),
+          ...(styles ? { styles } : {}),
+        },
         tsConfig,
       };
       return standaloneOptions;
@@ -76,7 +100,10 @@ async function setup(options: StorybookBuilderOptions, context: BuilderContext)
   }
 
   return {
-    tsConfig: options.tsConfig ?? browserOptions.tsConfig ?? undefined,
+    tsConfig:
+      options.tsConfig ??
+      findUpSync('tsconfig.json', { cwd: options.configDir }) ??
+      browserOptions.tsConfig,
   };
 }
 
diff --git a/app/angular/src/builders/build-storybook/schema.json b/app/angular/src/builders/build-storybook/schema.json
index a4e894863922..d20f55765ebf 100644
--- a/app/angular/src/builders/build-storybook/schema.json
+++ b/app/angular/src/builders/build-storybook/schema.json
@@ -51,15 +51,62 @@
       "items": {
         "type": "string"
       }
+    },
+    "styles": {
+      "type": "array",
+      "description": "Global styles to be included in the build.",
+      "items": {
+        "$ref": "#/definitions/extraEntryPoint"
+      },
+      "default": ""
+    },
+    "stylePreprocessorOptions": {
+      "description": "Options to pass to style preprocessors.",
+      "type": "object",
+      "properties": {
+        "includePaths": {
+          "description": "Paths to include. Paths will be resolved to workspace root.",
+          "type": "array",
+          "items": {
+            "type": "string"
+          },
+          "default": []
+        }
+      },
+      "additionalProperties": false,
+      "default": ""
     }
   },
   "additionalProperties": false,
-  "oneOf": [
-    {
-      "required": ["browserTarget"]
-    },
-    {
-      "required": ["tsConfig"]
+  "definitions": {
+    "extraEntryPoint": {
+      "oneOf": [
+        {
+          "type": "object",
+          "properties": {
+            "input": {
+              "type": "string",
+              "description": "The file to include."
+            },
+            "bundleName": {
+              "type": "string",
+              "pattern": "^[\\w\\-.]*$",
+              "description": "The bundle name for this extra entry point."
+            },
+            "inject": {
+              "type": "boolean",
+              "description": "If the bundle will be referenced in the HTML file.",
+              "default": true
+            }
+          },
+          "additionalProperties": false,
+          "required": ["input"]
+        },
+        {
+          "type": "string",
+          "description": "The file to include."
+        }
+      ]
     }
-  ]
+  }
 }
diff --git a/app/angular/src/builders/start-storybook/index.spec.ts b/app/angular/src/builders/start-storybook/index.spec.ts
index 57463172af23..ee621ca1d477 100644
--- a/app/angular/src/builders/start-storybook/index.spec.ts
+++ b/app/angular/src/builders/start-storybook/index.spec.ts
@@ -5,6 +5,7 @@ import * as path from 'path';
 
 const buildStandaloneMock = jest.fn();
 jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
+jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
 
 const cpSpawnMock = {
   spawn: jest.fn(),
@@ -76,9 +77,9 @@ describe('Start Storybook Builder', () => {
     expect(buildStandaloneMock).toHaveBeenCalledWith({
       angularBrowserTarget: 'angular-cli:build-2',
       angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
       ci: false,
       configDir: '.storybook',
-      docsMode: false,
       host: 'localhost',
       https: false,
       port: 4400,
@@ -87,9 +88,7 @@ describe('Start Storybook Builder', () => {
       sslCa: undefined,
       sslCert: undefined,
       sslKey: undefined,
-      compodoc: false,
-      compodocArgs: ['-e', 'json'],
-      tsConfig: 'src/tsconfig.app.json',
+      tsConfig: './storybook/tsconfig.ts',
     });
   });
 
@@ -109,9 +108,9 @@ describe('Start Storybook Builder', () => {
     expect(buildStandaloneMock).toHaveBeenCalledWith({
       angularBrowserTarget: null,
       angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
       ci: false,
       configDir: '.storybook',
-      docsMode: false,
       host: 'localhost',
       https: false,
       port: 4400,
@@ -120,8 +119,6 @@ describe('Start Storybook Builder', () => {
       sslCa: undefined,
       sslCert: undefined,
       sslKey: undefined,
-      compodoc: false,
-      compodocArgs: ['-e', 'json'],
       tsConfig: 'path/to/tsConfig.json',
     });
   });
@@ -157,20 +154,21 @@ describe('Start Storybook Builder', () => {
     await run.stop();
 
     expect(output.success).toBeTruthy();
-    expect(cpSpawnMock.spawn).toHaveBeenCalledWith('compodoc', [
-      '-p',
-      'src/tsconfig.app.json',
-      '-d',
-      '',
-      '-e',
-      'json',
-    ]);
+    expect(cpSpawnMock.spawn).toHaveBeenCalledWith(
+      'npx',
+      ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'],
+      {
+        cwd: '',
+        env: process.env,
+        shell: true,
+      }
+    );
     expect(buildStandaloneMock).toHaveBeenCalledWith({
       angularBrowserTarget: 'angular-cli:build-2',
       angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
       ci: false,
       configDir: '.storybook',
-      docsMode: false,
       host: 'localhost',
       https: false,
       port: 9009,
@@ -179,9 +177,41 @@ describe('Start Storybook Builder', () => {
       sslCa: undefined,
       sslCert: undefined,
       sslKey: undefined,
-      compodoc: true,
-      compodocArgs: ['-e', 'json'],
-      tsConfig: 'src/tsconfig.app.json',
+      tsConfig: './storybook/tsconfig.ts',
+    });
+  });
+
+  it('should start storybook with styles options', async () => {
+    const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+      tsConfig: 'path/to/tsConfig.json',
+      port: 4400,
+      compodoc: false,
+      styles: ['src/styles.css'],
+    });
+
+    const output = await run.result;
+
+    await run.stop();
+
+    expect(output.success).toBeTruthy();
+    expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+    expect(buildStandaloneMock).toHaveBeenCalledWith({
+      angularBrowserTarget: null,
+      angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {
+        styles: ['src/styles.css'],
+      },
+      ci: false,
+      configDir: '.storybook',
+      host: 'localhost',
+      https: false,
+      port: 4400,
+      quiet: false,
+      smokeTest: false,
+      sslCa: undefined,
+      sslCert: undefined,
+      sslKey: undefined,
+      tsConfig: 'path/to/tsConfig.json',
     });
   });
 });
diff --git a/app/angular/src/builders/start-storybook/index.ts b/app/angular/src/builders/start-storybook/index.ts
index eade7127f29f..4f80db9866b2 100644
--- a/app/angular/src/builders/start-storybook/index.ts
+++ b/app/angular/src/builders/start-storybook/index.ts
@@ -6,10 +6,15 @@ import {
   Target,
 } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
-import { BrowserBuilderOptions } from '@angular-devkit/build-angular';
+import {
+  BrowserBuilderOptions,
+  ExtraEntryPoint,
+  StylePreprocessorOptions,
+} from '@angular-devkit/build-angular';
 import { from, Observable, of } from 'rxjs';
 import { CLIOptions } from '@storybook/core-common';
 import { map, switchMap, mapTo } from 'rxjs/operators';
+import { sync as findUpSync } from 'find-up';
 
 // eslint-disable-next-line import/no-extraneous-dependencies
 import buildStandalone, { StandaloneOptions } from '@storybook/angular/standalone';
@@ -21,6 +26,8 @@ export type StorybookBuilderOptions = JsonObject & {
   tsConfig?: string;
   compodoc: boolean;
   compodocArgs: string[];
+  styles?: ExtraEntryPoint[];
+  stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<
     // makes sure the option exists
     CLIOptions,
@@ -56,12 +63,41 @@ function commandBuilder(
       return runCompodoc$.pipe(mapTo({ tsConfig }));
     }),
     map(({ tsConfig }) => {
-      const { browserTarget, ...otherOptions } = options;
+      const {
+        browserTarget,
+        stylePreprocessorOptions,
+        styles,
+        ci,
+        configDir,
+        docs,
+        host,
+        https,
+        port,
+        quiet,
+        smokeTest,
+        sslCa,
+        sslCert,
+        sslKey,
+      } = options;
 
       const standaloneOptions: StandaloneOptions = {
-        ...otherOptions,
+        ci,
+        configDir,
+        docs,
+        host,
+        https,
+        port,
+        quiet,
+        smokeTest,
+        sslCa,
+        sslCert,
+        sslKey,
         angularBrowserTarget: browserTarget,
         angularBuilderContext: context,
+        angularBuilderOptions: {
+          ...(stylePreprocessorOptions ? { stylePreprocessorOptions } : {}),
+          ...(styles ? { styles } : {}),
+        },
         tsConfig,
       };
 
@@ -87,7 +123,10 @@ async function setup(options: StorybookBuilderOptions, context: BuilderContext)
   }
 
   return {
-    tsConfig: options.tsConfig ?? browserOptions.tsConfig ?? undefined,
+    tsConfig:
+      options.tsConfig ??
+      findUpSync('tsconfig.json', { cwd: options.configDir }) ??
+      browserOptions.tsConfig,
   };
 }
 function runInstance(options: StandaloneOptions) {
diff --git a/app/angular/src/builders/start-storybook/schema.json b/app/angular/src/builders/start-storybook/schema.json
index 6c429fd26850..9911fe8e7bed 100644
--- a/app/angular/src/builders/start-storybook/schema.json
+++ b/app/angular/src/builders/start-storybook/schema.json
@@ -78,7 +78,62 @@
       "items": {
         "type": "string"
       }
+    },
+    "styles": {
+      "type": "array",
+      "description": "Global styles to be included in the build.",
+      "items": {
+        "$ref": "#/definitions/extraEntryPoint"
+      },
+      "default": ""
+    },
+    "stylePreprocessorOptions": {
+      "description": "Options to pass to style preprocessors.",
+      "type": "object",
+      "properties": {
+        "includePaths": {
+          "description": "Paths to include. Paths will be resolved to workspace root.",
+          "type": "array",
+          "items": {
+            "type": "string"
+          },
+          "default": []
+        }
+      },
+      "additionalProperties": false,
+      "default": ""
     }
   },
-  "additionalProperties": false
+  "additionalProperties": false,
+  "definitions": {
+    "extraEntryPoint": {
+      "oneOf": [
+        {
+          "type": "object",
+          "properties": {
+            "input": {
+              "type": "string",
+              "description": "The file to include."
+            },
+            "bundleName": {
+              "type": "string",
+              "pattern": "^[\\w\\-.]*$",
+              "description": "The bundle name for this extra entry point."
+            },
+            "inject": {
+              "type": "boolean",
+              "description": "If the bundle will be referenced in the HTML file.",
+              "default": true
+            }
+          },
+          "additionalProperties": false,
+          "required": ["input"]
+        },
+        {
+          "type": "string",
+          "description": "The file to include."
+        }
+      ]
+    }
+  }
 }
diff --git a/app/angular/src/builders/utils/run-compodoc.spec.ts b/app/angular/src/builders/utils/run-compodoc.spec.ts
new file mode 100644
index 000000000000..3c99cfefc499
--- /dev/null
+++ b/app/angular/src/builders/utils/run-compodoc.spec.ts
@@ -0,0 +1,88 @@
+import { BuilderContext } from '@angular-devkit/architect';
+import { LoggerApi } from '@angular-devkit/core/src/logger';
+import { take } from 'rxjs/operators';
+
+const cpSpawnMock = {
+  spawn: jest.fn(),
+};
+jest.doMock('child_process', () => cpSpawnMock);
+
+const { runCompodoc } = require('./run-compodoc');
+
+const builderContextLoggerMock: LoggerApi = {
+  createChild: jest.fn(),
+  log: jest.fn(),
+  debug: jest.fn(),
+  info: jest.fn(),
+  warn: jest.fn(),
+  error: jest.fn(),
+  fatal: jest.fn(),
+};
+
+describe('runCompodoc', () => {
+  const originalEnv = process.env;
+
+  beforeEach(() => {
+    process.env = { FOO: 'bar' };
+    cpSpawnMock.spawn.mockImplementation(() => ({
+      stdout: { on: () => {} },
+      stderr: { on: () => {} },
+      on: (_event: string, cb: any) => cb(0),
+    }));
+  });
+
+  afterEach(() => {
+    process.env = originalEnv;
+    jest.clearAllMocks();
+  });
+
+  it('should run compodoc with tsconfig from context', async () => {
+    runCompodoc(
+      {
+        compodocArgs: [],
+        tsconfig: 'path/to/tsconfig.json',
+      },
+      {
+        workspaceRoot: 'path/to/project',
+        logger: builderContextLoggerMock,
+      } as BuilderContext
+    )
+      .pipe(take(1))
+      .subscribe();
+
+    expect(cpSpawnMock.spawn).toHaveBeenCalledWith(
+      'npx',
+      ['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/project'],
+      {
+        cwd: 'path/to/project',
+        env: { FOO: 'bar' },
+        shell: true,
+      }
+    );
+  });
+
+  it('should run compodoc with tsconfig from compodocArgs', async () => {
+    runCompodoc(
+      {
+        compodocArgs: ['-p', 'path/to/tsconfig.stories.json'],
+        tsconfig: 'path/to/tsconfig.json',
+      },
+      {
+        workspaceRoot: 'path/to/project',
+        logger: builderContextLoggerMock,
+      } as BuilderContext
+    )
+      .pipe(take(1))
+      .subscribe();
+
+    expect(cpSpawnMock.spawn).toHaveBeenCalledWith(
+      'npx',
+      ['compodoc', '-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'],
+      {
+        cwd: 'path/to/project',
+        env: { FOO: 'bar' },
+        shell: true,
+      }
+    );
+  });
+});
diff --git a/app/angular/src/builders/utils/run-compodoc.ts b/app/angular/src/builders/utils/run-compodoc.ts
index 76ddadc5c326..3ad8daa12ecb 100644
--- a/app/angular/src/builders/utils/run-compodoc.ts
+++ b/app/angular/src/builders/utils/run-compodoc.ts
@@ -2,22 +2,29 @@ import { BuilderContext } from '@angular-devkit/architect';
 import { spawn } from 'child_process';
 import { Observable } from 'rxjs';
 
+const hasTsConfigArg = (args: string[]) => args.indexOf('-p') !== -1;
+
 export const runCompodoc = (
   { compodocArgs, tsconfig }: { compodocArgs: string[]; tsconfig: string },
   context: BuilderContext
 ): Observable<void> => {
   return new Observable<void>((observer) => {
     const finalCompodocArgs = [
+      'compodoc',
       // Default options
-      '-p',
-      tsconfig,
+      ...(hasTsConfigArg(compodocArgs) ? [] : ['-p', tsconfig]),
       '-d',
       `${context.workspaceRoot}`,
       ...compodocArgs,
     ];
 
     try {
-      const child = spawn('compodoc', finalCompodocArgs);
+      context.logger.info(finalCompodocArgs.join(' '));
+      const child = spawn('npx', finalCompodocArgs, {
+        cwd: context.workspaceRoot,
+        env: process.env,
+        shell: true,
+      });
 
       child.stdout.on('data', (data) => {
         context.logger.info(data.toString());
diff --git a/app/angular/src/client/preview/angular-beta/AbstractRenderer.ts b/app/angular/src/client/preview/angular-beta/AbstractRenderer.ts
index d2d5108b2e86..5c9e7c4e7197 100644
--- a/app/angular/src/client/preview/angular-beta/AbstractRenderer.ts
+++ b/app/angular/src/client/preview/angular-beta/AbstractRenderer.ts
@@ -108,7 +108,7 @@ export abstract class AbstractRenderer {
     parameters: Parameters;
     targetDOMNode: HTMLElement;
   }) {
-    const targetSelector = `${this.storyId}`;
+    const targetSelector = `${this.generateTargetSelectorFromStoryId()}`;
 
     const newStoryProps$ = new BehaviorSubject<ICollection>(storyFnAngular.props);
     const moduleMetadata = getStorybookModuleMetadata(
@@ -144,6 +144,26 @@ export abstract class AbstractRenderer {
     await this.afterFullRender();
   }
 
+  /**
+   * Only ASCII alphanumerics can be used as HTML tag name.
+   * https://html.spec.whatwg.org/#elements-2
+   *
+   * Therefore, stories break when non-ASCII alphanumerics are included in target selector.
+   * https://github.com/storybookjs/storybook/issues/15147
+   *
+   * This method returns storyId when it doesn't contain any non-ASCII alphanumerics.
+   * Otherwise, it generates a valid HTML tag name from storyId by removing non-ASCII alphanumerics from storyId, prefixing "sb-", and suffixing "-component"
+   * @protected
+   * @memberof AbstractRenderer
+   */
+  protected generateTargetSelectorFromStoryId() {
+    const invalidHtmlTag = /[^A-Za-z0-9-]/g;
+    const storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(this.storyId);
+    return storyIdIsInvalidHtmlTagName
+      ? `sb-${this.storyId.replace(invalidHtmlTag, '')}-component`
+      : this.storyId;
+  }
+
   protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string) {
     // Adds DOM element that angular will use as bootstrap component
     // eslint-disable-next-line no-param-reassign
diff --git a/app/angular/src/client/preview/angular-beta/RendererFactory.test.ts b/app/angular/src/client/preview/angular-beta/RendererFactory.test.ts
index 237e9b2c9b92..d9976268d77d 100644
--- a/app/angular/src/client/preview/angular-beta/RendererFactory.test.ts
+++ b/app/angular/src/client/preview/angular-beta/RendererFactory.test.ts
@@ -239,6 +239,49 @@ describe('RendererFactory', () => {
 
       expect(countDestroy).toEqual(1);
     });
+
+    describe('when story id contains non-Ascii characters', () => {
+      it('should render my-story for story template', async () => {
+        const render = await rendererFactory.getRendererInstance(
+          'my-ストーリー',
+          rootTargetDOMNode
+        );
+        await render.render({
+          storyFnAngular: {
+            template: '🦊',
+            props: {},
+          },
+          forced: false,
+          parameters: {},
+          targetDOMNode: rootTargetDOMNode,
+        });
+
+        expect(document.body.getElementsByTagName('sb-my--component')[0].innerHTML).toBe('🦊');
+      });
+
+      it('should render my-story for story component', async () => {
+        @Component({ selector: 'foo', template: '🦊' })
+        class FooComponent {}
+
+        const render = await rendererFactory.getRendererInstance(
+          'my-ストーリー',
+          rootTargetDOMNode
+        );
+        await render.render({
+          storyFnAngular: {
+            props: {},
+          },
+          forced: false,
+          parameters: {},
+          component: FooComponent,
+          targetDOMNode: rootTargetDOMNode,
+        });
+
+        expect(document.body.getElementsByTagName('sb-my--component')[0].innerHTML).toBe(
+          '<foo>🦊</foo><!--container-->'
+        );
+      });
+    });
   });
 
   describe('DocsRenderer', () => {
diff --git a/app/angular/src/server/__mocks-ng-workspace__/minimal-config/angular.json b/app/angular/src/server/__mocks-ng-workspace__/minimal-config/angular.json
index ac7d21f9eb2c..f3dcfcd45586 100644
--- a/app/angular/src/server/__mocks-ng-workspace__/minimal-config/angular.json
+++ b/app/angular/src/server/__mocks-ng-workspace__/minimal-config/angular.json
@@ -3,6 +3,7 @@
   "projects": {
     "foo-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "build": {
           "options": {
diff --git a/app/angular/src/server/__mocks-ng-workspace__/some-config/angular.json b/app/angular/src/server/__mocks-ng-workspace__/some-config/angular.json
index 3d3cb9cde581..358ec4f98f18 100644
--- a/app/angular/src/server/__mocks-ng-workspace__/some-config/angular.json
+++ b/app/angular/src/server/__mocks-ng-workspace__/some-config/angular.json
@@ -3,6 +3,7 @@
   "projects": {
     "foo-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "build": {
           "options": {
diff --git a/app/angular/src/server/__mocks-ng-workspace__/with-angularBrowserTarget/angular.json b/app/angular/src/server/__mocks-ng-workspace__/with-angularBrowserTarget/angular.json
index 0bd10ad584f9..f55b743522a1 100644
--- a/app/angular/src/server/__mocks-ng-workspace__/with-angularBrowserTarget/angular.json
+++ b/app/angular/src/server/__mocks-ng-workspace__/with-angularBrowserTarget/angular.json
@@ -3,6 +3,7 @@
   "projects": {
     "foo-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "build": {
           "options": {
@@ -14,6 +15,7 @@
     },
     "no-confs-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "target-build": {
           "options": {
@@ -25,6 +27,7 @@
     },
     "no-target-conf-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "target-build": {
           "options": {
@@ -41,6 +44,7 @@
     },
     "target-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "target-build": {
           "options": {
diff --git a/app/angular/src/server/__mocks-ng-workspace__/with-nx-workspace/workspace.json b/app/angular/src/server/__mocks-ng-workspace__/with-nx-workspace/workspace.json
index 39f1562a36a7..9d9fc9b3ef36 100644
--- a/app/angular/src/server/__mocks-ng-workspace__/with-nx-workspace/workspace.json
+++ b/app/angular/src/server/__mocks-ng-workspace__/with-nx-workspace/workspace.json
@@ -3,6 +3,7 @@
   "projects": {
     "foo-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "build": {
           "options": {
diff --git a/app/angular/src/server/__mocks-ng-workspace__/with-nx/angular.json b/app/angular/src/server/__mocks-ng-workspace__/with-nx/angular.json
index 39f1562a36a7..9d9fc9b3ef36 100644
--- a/app/angular/src/server/__mocks-ng-workspace__/with-nx/angular.json
+++ b/app/angular/src/server/__mocks-ng-workspace__/with-nx/angular.json
@@ -3,6 +3,7 @@
   "projects": {
     "foo-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "build": {
           "options": {
diff --git a/app/angular/src/server/__mocks-ng-workspace__/with-options-styles/angular.json b/app/angular/src/server/__mocks-ng-workspace__/with-options-styles/angular.json
index 39f1562a36a7..9d9fc9b3ef36 100644
--- a/app/angular/src/server/__mocks-ng-workspace__/with-options-styles/angular.json
+++ b/app/angular/src/server/__mocks-ng-workspace__/with-options-styles/angular.json
@@ -3,6 +3,7 @@
   "projects": {
     "foo-project": {
       "root": "",
+      "sourceRoot": "src",
       "architect": {
         "build": {
           "options": {
diff --git a/app/angular/src/server/angular-cli-webpack-12.2.x.js b/app/angular/src/server/angular-cli-webpack-12.2.x.js
index 3f1d69e5863e..bb3f12011b8a 100644
--- a/app/angular/src/server/angular-cli-webpack-12.2.x.js
+++ b/app/angular/src/server/angular-cli-webpack-12.2.x.js
@@ -7,6 +7,7 @@ const {
   getStylesConfig,
   getTypeScriptConfig,
 } = require('@angular-devkit/build-angular/src/webpack/configs');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 
 const { filterOutStylingRules } = require('./utils/filter-out-styling-rules');
 
@@ -65,6 +66,12 @@ exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }
   const resolve = {
     ...baseConfig.resolve,
     modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
+    plugins: [
+      new TsconfigPathsPlugin({
+        configFile: builderOptions.tsConfig,
+        mainFields: ['browser', 'module', 'main'],
+      }),
+    ],
   };
 
   return {
diff --git a/app/angular/src/server/angular-cli-webpack-13.x.x.js b/app/angular/src/server/angular-cli-webpack-13.x.x.js
index 0455e07047f6..0b74d3af9889 100644
--- a/app/angular/src/server/angular-cli-webpack-13.x.x.js
+++ b/app/angular/src/server/angular-cli-webpack-13.x.x.js
@@ -5,8 +5,10 @@ const {
 const {
   getCommonConfig,
   getStylesConfig,
+  getDevServerConfig,
   getTypescriptWorkerPlugin,
 } = require('@angular-devkit/build-angular/src/webpack/configs');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 
 const { filterOutStylingRules } = require('./utils/filter-out-styling-rules');
 
@@ -40,7 +42,11 @@ exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }
       aot: false,
     },
     builderContext,
-    (wco) => [getCommonConfig(wco), getStylesConfig(wco), getTypescriptWorkerPlugin(wco)]
+    (wco) => [
+      getCommonConfig(wco),
+      getStylesConfig(wco),
+      getTypescriptWorkerPlugin ? getTypescriptWorkerPlugin(wco) : getDevServerConfig(wco),
+    ]
   );
 
   /**
@@ -65,6 +71,12 @@ exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }
   const resolve = {
     ...baseConfig.resolve,
     modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
+    plugins: [
+      new TsconfigPathsPlugin({
+        configFile: builderOptions.tsConfig,
+        mainFields: ['browser', 'module', 'main'],
+      }),
+    ],
   };
 
   return {
diff --git a/app/angular/src/server/angular-devkit-build-webpack.ts b/app/angular/src/server/angular-devkit-build-webpack.ts
index 6f2e26f05291..9d9ed78cbd0b 100644
--- a/app/angular/src/server/angular-devkit-build-webpack.ts
+++ b/app/angular/src/server/angular-devkit-build-webpack.ts
@@ -139,7 +139,7 @@ const buildWebpackConfigOptions = async (
     // The dependency of `@angular-devkit/build-angular` to `@angular-devkit/core` is not exactly the same version as the one for storybook (node modules of node modules ^^)
     logger: (createConsoleLogger() as unknown) as WebpackConfigOptions['logger'],
     projectRoot: getSystemPath(projectRootNormalized),
-    sourceRoot: getSystemPath(sourceRootNormalized),
+    sourceRoot: sourceRootNormalized ? getSystemPath(sourceRootNormalized) : undefined,
     buildOptions,
     tsConfig,
     tsConfigPath,
diff --git a/app/angular/src/server/framework-preset-angular-cli.test.ts b/app/angular/src/server/framework-preset-angular-cli.test.ts
index 8b2c1959d621..967d85a52099 100644
--- a/app/angular/src/server/framework-preset-angular-cli.test.ts
+++ b/app/angular/src/server/framework-preset-angular-cli.test.ts
@@ -1,6 +1,9 @@
 /* eslint-disable jest/no-interpolation-in-snapshots */
+import path from 'path';
 import { Configuration } from 'webpack';
 import { logger } from '@storybook/node-logger';
+import { normalize, getSystemPath } from '@angular-devkit/core';
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import { webpackFinal } from './framework-preset-angular-cli';
 import { PresetOptions } from './options';
 
@@ -20,7 +23,7 @@ afterEach(() => {
 });
 
 function initMockWorkspace(name: string) {
-  workspaceRoot = `${testPath}/__mocks-ng-workspace__/${name}`;
+  workspaceRoot = path.join(__dirname, '__mocks-ng-workspace__', name);
   cwdSpy.mockReturnValue(workspaceRoot);
 }
 
@@ -189,7 +192,11 @@ describe('framework-preset-angular-cli', () => {
           ...baseWebpackConfig.resolve,
           modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
           // the base resolve.plugins are not kept 🤷‍♂️
-          plugins: expect.not.arrayContaining(baseWebpackConfig.resolve.plugins),
+          plugins: expect.arrayContaining([
+            expect.objectContaining({
+              absoluteBaseUrl: expect.any(String),
+            } as TsconfigPathsPlugin),
+          ]),
         },
         resolveLoader: expect.anything(),
       });
@@ -258,7 +265,7 @@ describe('framework-preset-angular-cli', () => {
 
       expect(webpackFinalConfig.resolve.modules).toEqual([
         ...baseWebpackConfig.resolve.modules,
-        `${workspaceRoot}/src`,
+        getSystemPath(normalize(path.join(workspaceRoot, 'src'))).replace(/\\/g, '/'),
       ]);
     });
 
@@ -269,7 +276,9 @@ describe('framework-preset-angular-cli', () => {
       expect(webpackFinalConfig.resolve.plugins).toMatchInlineSnapshot(`
         Array [
           TsconfigPathsPlugin {
-            "absoluteBaseUrl": "${workspaceRoot}/src/",
+            "absoluteBaseUrl": "${(
+              getSystemPath(normalize(path.join(workspaceRoot, 'src'))) + path.sep
+            ).replace(/\\/g, '\\\\')}",
             "baseUrl": "./",
             "extensions": Array [
               ".ts",
@@ -302,8 +311,8 @@ describe('framework-preset-angular-cli', () => {
         ...baseWebpackConfig,
         entry: [
           ...(baseWebpackConfig.entry as any[]),
-          `${workspaceRoot}/src/styles.css`,
-          `${workspaceRoot}/src/styles.scss`,
+          path.join(workspaceRoot, 'src', 'styles.css'),
+          path.join(workspaceRoot, 'src', 'styles.scss'),
         ],
         module: { ...baseWebpackConfig.module, rules: expect.anything() },
         plugins: expect.anything(),
@@ -320,45 +329,48 @@ describe('framework-preset-angular-cli', () => {
     it('should set webpack "module.rules"', async () => {
       const baseWebpackConfig = newWebpackConfiguration();
       const webpackFinalConfig = await webpackFinal(baseWebpackConfig, options);
-
+      const stylePaths = [
+        path.join(workspaceRoot, 'src', 'styles.css'),
+        path.join(workspaceRoot, 'src', 'styles.scss'),
+      ];
       expect(webpackFinalConfig.module.rules).toEqual([
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.css$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.scss$|\.sass$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.less$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.styl$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.css$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.scss$|\.sass$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.less$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.styl$/,
           use: expect.anything(),
         },
@@ -393,8 +405,8 @@ describe('framework-preset-angular-cli', () => {
         ...baseWebpackConfig,
         entry: [
           ...(baseWebpackConfig.entry as any[]),
-          `${workspaceRoot}/src/styles.css`,
-          `${workspaceRoot}/src/styles.scss`,
+          path.join(workspaceRoot, 'src', 'styles.css'),
+          path.join(workspaceRoot, 'src', 'styles.scss'),
         ],
         module: { ...baseWebpackConfig.module, rules: expect.anything() },
         plugins: expect.anything(),
@@ -411,45 +423,49 @@ describe('framework-preset-angular-cli', () => {
     it('should set webpack "module.rules"', async () => {
       const baseWebpackConfig = newWebpackConfiguration();
       const webpackFinalConfig = await webpackFinal(baseWebpackConfig, options);
+      const stylePaths = [
+        path.join(workspaceRoot, 'src', 'styles.css'),
+        path.join(workspaceRoot, 'src', 'styles.scss'),
+      ];
 
       expect(webpackFinalConfig.module.rules).toEqual([
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.css$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.scss$|\.sass$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.less$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.styl$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.css$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.scss$|\.sass$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.less$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.styl$/,
           use: expect.anything(),
         },
@@ -471,8 +487,8 @@ describe('framework-preset-angular-cli', () => {
         ...baseWebpackConfig,
         entry: [
           ...(baseWebpackConfig.entry as any[]),
-          `${workspaceRoot}/src/styles.css`,
-          `${workspaceRoot}/src/styles.scss`,
+          path.join(workspaceRoot, 'src', 'styles.css'),
+          path.join(workspaceRoot, 'src', 'styles.scss'),
         ],
         module: { ...baseWebpackConfig.module, rules: expect.anything() },
         plugins: expect.anything(),
@@ -480,7 +496,11 @@ describe('framework-preset-angular-cli', () => {
           ...baseWebpackConfig.resolve,
           modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
           // the base resolve.plugins are not kept 🤷‍♂️
-          plugins: expect.not.arrayContaining(baseWebpackConfig.resolve.plugins),
+          plugins: expect.arrayContaining([
+            expect.objectContaining({
+              absoluteBaseUrl: expect.any(String),
+            } as TsconfigPathsPlugin),
+          ]),
         },
         resolveLoader: expect.anything(),
       });
@@ -489,45 +509,49 @@ describe('framework-preset-angular-cli', () => {
     it('should set webpack "module.rules"', async () => {
       const baseWebpackConfig = newWebpackConfiguration();
       const webpackFinalConfig = await webpackFinal(baseWebpackConfig, options);
+      const stylePaths = [
+        path.join(workspaceRoot, 'src', 'styles.css'),
+        path.join(workspaceRoot, 'src', 'styles.scss'),
+      ];
 
       expect(webpackFinalConfig.module.rules).toEqual([
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.css$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.scss$|\.sass$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.less$/,
           use: expect.anything(),
         },
         {
-          exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          exclude: stylePaths,
           test: /\.styl$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.css$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.scss$|\.sass$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.less$/,
           use: expect.anything(),
         },
         {
-          include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
+          include: stylePaths,
           test: /\.styl$/,
           use: expect.anything(),
         },
@@ -690,7 +714,10 @@ describe('framework-preset-angular-cli', () => {
 
         expect(webpackFinalConfig).toEqual({
           ...baseWebpackConfig,
-          entry: [...(baseWebpackConfig.entry as any[]), `${workspaceRoot}/src/styles.css`],
+          entry: [
+            ...(baseWebpackConfig.entry as any[]),
+            path.join(workspaceRoot, 'src', 'styles.css'),
+          ],
           module: { ...baseWebpackConfig.module, rules: expect.anything() },
           plugins: expect.anything(),
           resolve: {
diff --git a/app/angular/src/server/framework-preset-angular-cli.ts b/app/angular/src/server/framework-preset-angular-cli.ts
index 6d907a8d9302..6f6b0601cf73 100644
--- a/app/angular/src/server/framework-preset-angular-cli.ts
+++ b/app/angular/src/server/framework-preset-angular-cli.ts
@@ -1,6 +1,6 @@
 import webpack from 'webpack';
 import { logger } from '@storybook/node-logger';
-import { targetFromTargetString, BuilderContext } from '@angular-devkit/architect';
+import { targetFromTargetString, BuilderContext, Target } from '@angular-devkit/architect';
 import { sync as findUpSync } from 'find-up';
 import semver from '@storybook/semver';
 
@@ -10,6 +10,11 @@ import { getWebpackConfig as getWebpackConfig12_2_x } from './angular-cli-webpac
 import { getWebpackConfig as getWebpackConfig13_x_x } from './angular-cli-webpack-13.x.x';
 import { getWebpackConfig as getWebpackConfigOlder } from './angular-cli-webpack-older';
 import { PresetOptions } from './options';
+import {
+  getDefaultProjectName,
+  findAngularProjectTarget,
+  readAngularWorkspaceConfig,
+} from './angular-read-workspace';
 
 export async function webpackFinal(baseConfig: webpack.Configuration, options: PresetOptions) {
   if (!moduleIsAvailable('@angular-devkit/build-angular')) {
@@ -36,9 +41,10 @@ export async function webpackFinal(baseConfig: webpack.Configuration, options: P
       getWebpackConfig: async (_baseConfig, _options) => {
         const builderContext = getBuilderContext(_options);
         const builderOptions = await getBuilderOptions(_options, builderContext);
+        const legacyDefaultOptions = await getLegacyDefaultBuildOptions(_options);
 
         return getWebpackConfig13_x_x(_baseConfig, {
-          builderOptions,
+          builderOptions: { ...builderOptions, ...legacyDefaultOptions },
           builderContext,
         });
       },
@@ -114,14 +120,65 @@ async function getBuilderOptions(
    */
   const builderOptions = {
     ...browserTargetOptions,
-    ...options.angularBuilderOptions,
+    ...(options.angularBuilderOptions as JsonObject),
     tsConfig:
       options.tsConfig ??
-      options.angularBuilderOptions?.tsConfig ??
-      browserTargetOptions.tsConfig ??
-      findUpSync('tsconfig.json', { cwd: options.configDir }),
+      findUpSync('tsconfig.json', { cwd: options.configDir }) ??
+      browserTargetOptions.tsConfig,
   };
   logger.info(`=> Using angular project with "tsConfig:${builderOptions.tsConfig}"`);
 
   return builderOptions;
 }
+
+/**
+ * Get options from legacy way
+ * /!\ This is only for backward compatibility and would be removed on Storybook 7.0
+ * only work for angular.json with [defaultProject].build or "storybook.build" config
+ */
+async function getLegacyDefaultBuildOptions(options: PresetOptions) {
+  if (options.angularBrowserTarget !== undefined) {
+    // Not use legacy way with builder (`angularBrowserTarget` is defined or null with builder and undefined without)
+    return {};
+  }
+
+  // TODO ~ legacy way to get default options
+  // TODO ~ Add deprecation warning and ex for builder use ? `);
+  const dirToSearch = process.cwd();
+
+  // Read angular workspace
+  let workspaceConfig;
+  try {
+    workspaceConfig = await readAngularWorkspaceConfig(dirToSearch);
+  } catch (error) {
+    logger.error(
+      `=> Could not find angular workspace config (angular.json) on this path "${dirToSearch}"`
+    );
+    logger.info(`=> Fail to load angular-cli config. Using base config`);
+    return {};
+  }
+
+  // Find angular project target
+  try {
+    const browserTarget = {
+      configuration: undefined,
+      project: getDefaultProjectName(workspaceConfig),
+      target: 'build',
+    } as Target;
+
+    const { target, project } = findAngularProjectTarget(
+      workspaceConfig,
+      browserTarget.project,
+      browserTarget.target
+    );
+
+    logger.info(
+      `=> Using angular project "${browserTarget.project}:${browserTarget.target}" for configuring Storybook`
+    );
+    return { ...target.options };
+  } catch (error) {
+    logger.error(`=> Could not find angular project: ${error.message}`);
+    logger.info(`=> Fail to load angular-cli config. Using base config`);
+    return {};
+  }
+}
diff --git a/app/angular/src/server/options.ts b/app/angular/src/server/options.ts
index 061841dfb52a..252519968710 100644
--- a/app/angular/src/server/options.ts
+++ b/app/angular/src/server/options.ts
@@ -2,13 +2,16 @@ import { sync } from 'read-pkg-up';
 import { LoadOptions, Options as CoreOptions } from '@storybook/core-common';
 
 import { BuilderContext } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 
 export type PresetOptions = CoreOptions & {
   /* Allow to get the options of a targeted "browser builder"  */
   angularBrowserTarget?: string | null;
   /* Defined set of options. These will take over priority from angularBrowserTarget options  */
-  angularBuilderOptions?: JsonObject | null;
+  angularBuilderOptions?: {
+    styles?: ExtraEntryPoint[];
+    stylePreprocessorOptions?: StylePreprocessorOptions;
+  };
   /* Angular context from builder */
   angularBuilderContext?: BuilderContext | null;
   tsConfig?: string;
diff --git a/app/angular/src/server/utils/filter-out-styling-rules.ts b/app/angular/src/server/utils/filter-out-styling-rules.ts
index 46591becee5d..26489cee2ffc 100644
--- a/app/angular/src/server/utils/filter-out-styling-rules.ts
+++ b/app/angular/src/server/utils/filter-out-styling-rules.ts
@@ -1,4 +1,4 @@
-import { Configuration, RuleSetRule } from 'webpack';
+import type { Configuration, RuleSetRule } from 'webpack';
 
 const isStylingRule = (rule: RuleSetRule) => {
   const { test } = rule;
diff --git a/app/angular/standalone.d.ts b/app/angular/standalone.d.ts
index 481849593fce..0349246d5392 100644
--- a/app/angular/standalone.d.ts
+++ b/app/angular/standalone.d.ts
@@ -1,6 +1,7 @@
 import { CLIOptions, LoadOptions, BuilderOptions } from '@storybook/core-common';
 import { BuilderContext } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
+import { JsonValue } from '@angular-devkit/core';
+import { JsonSchema } from '@angular-devkit/core/src/json/schema';
 
 export type StandaloneOptions = Partial<
   CLIOptions &
@@ -8,7 +9,10 @@ export type StandaloneOptions = Partial<
     BuilderOptions & {
       mode?: 'static' | 'dev';
       angularBrowserTarget?: string | null;
-      angularBuilderOptions?: JsonObject;
+      angularBuilderOptions?: JsonObject & {
+        styles?: ExtraEntryPoint[];
+        stylePreprocessorOptions?: StylePreprocessorOptions;
+      };
       angularBuilderContext?: BuilderContext | null;
       tsConfig?: string;
     }
diff --git a/app/ember/package.json b/app/ember/package.json
index 85e6781f3607..b1702fce6c8d 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
   "bugs": {
@@ -43,9 +43,9 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^2.1.4",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
@@ -66,6 +66,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/html/package.json b/app/html/package.json
index 6884f32df0fe..a3b9f6aa81d0 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,13 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -71,6 +72,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/preact/package.json b/app/preact/package.json
index a5dc1dcf0d01..49b458dc893b 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -46,11 +46,12 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -74,6 +75,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/react/package.json b/app/react/package.json
index a0bc9687b440..6dc65c1be98c 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -48,33 +48,32 @@
   "dependencies": {
     "@babel/preset-flow": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
     "babel-plugin-react-docgen": "^4.2.1",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
-    "react-dev-utils": "^11.0.4",
-    "react-refresh": "^0.10.0",
+    "react-refresh": "^0.11.0",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
     "webpack": "4"
   },
   "devDependencies": {
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@types/node": "^14.14.20",
+    "@storybook/client-api": "6.5.0-alpha.7",
     "@types/prompts": "^2.0.9"
   },
   "peerDependencies": {
@@ -96,6 +95,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/react/src/server/cra-config.test.ts b/app/react/src/server/cra-config.test.ts
index c6b1a57c30ea..3f5c8c9d361a 100644
--- a/app/react/src/server/cra-config.test.ts
+++ b/app/react/src/server/cra-config.test.ts
@@ -1,4 +1,5 @@
 import fs from 'fs';
+import path from 'path';
 import { getReactScriptsPath } from './cra-config';
 
 jest.mock('fs', () => ({
@@ -7,7 +8,7 @@ jest.mock('fs', () => ({
   existsSync: jest.fn(() => true),
 }));
 
-const SCRIPT_PATH = '.bin/react-scripts';
+const SCRIPT_PATH = path.join('.bin', 'react-scripts');
 
 describe('cra-config', () => {
   describe('when used with the default react-scripts package', () => {
@@ -19,7 +20,7 @@ describe('cra-config', () => {
 
     it('should locate the react-scripts package', () => {
       expect(getReactScriptsPath({ noCache: true })).toEqual(
-        '/test-project/node_modules/react-scripts'
+        path.join(path.sep, 'test-project', 'node_modules', 'react-scripts')
       );
     });
   });
@@ -33,7 +34,7 @@ describe('cra-config', () => {
 
     it('should locate the react-scripts package', () => {
       expect(getReactScriptsPath({ noCache: true })).toEqual(
-        '/test-project/node_modules/custom-react-scripts'
+        path.join(path.sep, 'test-project', 'node_modules', 'custom-react-scripts')
       );
     });
   });
@@ -65,7 +66,7 @@ exit $ret`
 
     it('should locate the react-scripts package', () => {
       expect(getReactScriptsPath({ noCache: true })).toEqual(
-        '/test-project/node_modules/custom-react-scripts'
+        path.join(path.sep, 'test-project', 'node_modules', 'custom-react-scripts')
       );
     });
   });
diff --git a/app/react/src/typings.d.ts b/app/react/src/typings.d.ts
index 26c2a8b586bf..4ff88fa9018c 100644
--- a/app/react/src/typings.d.ts
+++ b/app/react/src/typings.d.ts
@@ -1,4 +1,2 @@
 declare module '@storybook/semver';
 declare module 'global';
-// todo check for correct types
-declare module 'webpack/lib/RuleSet';
diff --git a/app/server/package.json b/app/server/package.json
index e3cd5ff402a7..131c878e8266 100644
--- a/app/server/package.json
+++ b/app/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,15 +45,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -75,6 +76,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/svelte/package.json b/app/svelte/package.json
index c90a5f8199e1..fb5b8e4e5024 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,11 +45,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
@@ -75,6 +75,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/vue/package.json b/app/vue/package.json
index 1a26ff2cf673..ff8e8d9f6ded 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,11 +45,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -64,7 +65,6 @@
     "webpack": "4"
   },
   "devDependencies": {
-    "@types/node": "^14.14.20",
     "vue": "^2.6.12",
     "vue-loader": "^15.9.6",
     "vue-template-compiler": "^2.6.12"
@@ -83,6 +83,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/vue/src/server/framework-preset-vue.ts b/app/vue/src/server/framework-preset-vue.ts
index 429cc3de29d2..6eb8e75201db 100644
--- a/app/vue/src/server/framework-preset-vue.ts
+++ b/app/vue/src/server/framework-preset-vue.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-param-reassign */
-import VueLoaderPlugin from 'vue-loader/lib/plugin';
+import { VueLoaderPlugin } from 'vue-loader';
 import type { Configuration } from 'webpack';
 
 import { findDistEsm, Options, TypescriptConfig, StorybookConfig } from '@storybook/core-common';
diff --git a/app/vue/src/typings.d.ts b/app/vue/src/typings.d.ts
index 87f498f04800..4f4eff6c31cd 100644
--- a/app/vue/src/typings.d.ts
+++ b/app/vue/src/typings.d.ts
@@ -1,5 +1,3 @@
 declare module 'global';
-// todo check for correct types
-declare module 'webpack/lib/RuleSet';
 
 declare module 'vue-loader/lib/plugin';
\ No newline at end of file
diff --git a/app/vue3/package.json b/app/vue3/package.json
index e8f99d97dc2a..23e1c980f7fe 100644
--- a/app/vue3/package.json
+++ b/app/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,11 +45,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -65,7 +66,6 @@
     "webpack": "4"
   },
   "devDependencies": {
-    "@types/node": "^14.14.20",
     "@vue/compiler-sfc": "^3.0.0",
     "vue": "^3.0.0"
   },
@@ -81,6 +81,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/app/vue3/src/client/preview/index.ts b/app/vue3/src/client/preview/index.ts
index 6c3642f19377..2c1abba00c9e 100644
--- a/app/vue3/src/client/preview/index.ts
+++ b/app/vue3/src/client/preview/index.ts
@@ -7,7 +7,7 @@ import { IStorybookSection } from './types';
 import { VueFramework } from './types-6-0';
 import { decorateStory } from './decorateStory';
 
-import { renderToDOM, storybookApp } from './render';
+import { render, renderToDOM, storybookApp } from './render';
 
 const framework = 'vue3';
 
@@ -22,7 +22,7 @@ interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
   app: App;
 }
 
-const api = start(renderToDOM, { decorateStory });
+const api = start(renderToDOM, { decorateStory, render });
 
 export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   return (api.clientApi.storiesOf(kind, m) as ReturnType<ClientApi['storiesOf']>).addParameters({
diff --git a/app/vue3/src/client/preview/render.ts b/app/vue3/src/client/preview/render.ts
index e9cc27274bce..ec1bc7ab3764 100644
--- a/app/vue3/src/client/preview/render.ts
+++ b/app/vue3/src/client/preview/render.ts
@@ -1,9 +1,22 @@
 import dedent from 'ts-dedent';
 import { createApp, h, shallowRef, ComponentPublicInstance } from 'vue';
 import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
+
 import { StoryFnVueReturnType } from './types';
 import { VueFramework } from './types-6-0';
 
+export const render: ArgsStoryFn<VueFramework> = (props, context) => {
+  const { id, component: Component } = context;
+  if (!Component) {
+    throw new Error(
+      `Unable to render story ${id} as the component annotation is missing from the default export`
+    );
+  }
+
+  return h(Component, props);
+};
+
 export const activeStoryComponent = shallowRef<StoryFnVueReturnType | null>(null);
 
 let root: ComponentPublicInstance | null = null;
diff --git a/app/vue3/src/typings.d.ts b/app/vue3/src/typings.d.ts
index 64a098b25475..35a53756975e 100644
--- a/app/vue3/src/typings.d.ts
+++ b/app/vue3/src/typings.d.ts
@@ -1,6 +1,4 @@
 declare module 'global';
-// todo check for correct types
-declare module 'webpack/lib/RuleSet';
 
 declare module 'vue-loader' {
   export const VueLoaderPlugin
diff --git a/app/web-components/package.json b/app/web-components/package.json
index 12becc2a225f..a77fb650a63f 100644
--- a/app/web-components/package.json
+++ b/app/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -50,13 +50,14 @@
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
     "core-js": "^3.8.2",
@@ -79,6 +80,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/client/index.js"
 }
diff --git a/docs/addons/addon-types.md b/docs/addons/addon-types.md
index e7bf0a799010..2a5940bcdca2 100644
--- a/docs/addons/addon-types.md
+++ b/docs/addons/addon-types.md
@@ -47,7 +47,7 @@ Use this boilerplate code to add a new `button` to Storybook's Toolbar:
 
 <div class="aside">
 
-The <code>icon</code> element used in the example loads the icons from the <code>@storybook/components</code> package. See [here](../workflows/faq.md#what-icons-are-available-for-my-toolbar-or-my-addon) for the list of available icons that you can use.
+The <code>icon</code> element used in the example loads the icons from the <code>@storybook/components</code> package. See [here](../faq.md#what-icons-are-available-for-my-toolbar-or-my-addon) for the list of available icons that you can use.
 
 </div>
 
diff --git a/docs/addons/addons-api.md b/docs/addons/addons-api.md
index cdb4db144ea7..5ba804d8ca8a 100644
--- a/docs/addons/addons-api.md
+++ b/docs/addons/addons-api.md
@@ -85,7 +85,7 @@ The options to `makeDecorator` are:
 
 <div class="aside">
 
-💡 <strong>Note:</strong>If the story's parameters include `{ foo: { disable: true } }` (where `foo` is the `parameterName` of your addon), your decorator will not be called.
+💡 If the story's parameters include `{ foo: { disable: true } }` (where `foo` is the `parameterName` of your addon), your decorator will not be called.
 
 </div>
 
@@ -286,7 +286,7 @@ This method allows you to set query string parameters. You can use that as tempo
 
 <div class="aside">
 
-💡 <strong>Note:</strong> If you need to remove a query param, use `null` for that. For example, let's say we need to remove the `bbc` query param. See below how to do it:
+💡 If you need to remove a query param, use `null` for that. For example, let's say we need to remove the `bbc` query param. See below how to do it:
 
 </div>
 
diff --git a/docs/api/argtypes.md b/docs/api/argtypes.md
index d8d5e9cf87fe..cbda5980d01b 100644
--- a/docs/api/argtypes.md
+++ b/docs/api/argtypes.md
@@ -4,7 +4,7 @@ title: 'ArgTypes'
 
 <div class="aside">
 
-<strong>NOTE</strong>: This API is experimental and may change outside of the typical semver release cycle
+This API is experimental and may change outside of the typical semver release cycle
 
 </div>
 
diff --git a/docs/api/cli-options.md b/docs/api/cli-options.md
index 953d12320b71..9380c20d4e17 100644
--- a/docs/api/cli-options.md
+++ b/docs/api/cli-options.md
@@ -35,12 +35,12 @@ Usage: start-storybook [options]
 | `--no-manager-cache`            | Disables Storybook's manager caching mechanism. See note below.<br/>`start-storybook --no-manager-cache`                                                                    |
 
 <div class="aside">
-💡 <strong>NOTE</strong>: The flag <code>--no-manager-cache</code> disables the internal caching of Storybook and can severely impact your Storybook loading time, so only use it when you need to refresh Storybook's UI, such as when editing themes.
+💡 The flag <code>--no-manager-cache</code> disables the internal caching of Storybook and can severely impact your Storybook loading time, so only use it when you need to refresh Storybook's UI, such as when editing themes.
 </div>
 
 <div class="aside" id="static-dir-deprecation">
 
-💡 <strong>NOTE</strong>: Starting in 6.4 the `-s` flag is deprecated. Instead, use a configuration object in your `.storybook/main.js` file. See the [images and assets documentation](../configure/images-and-assets.md#serving-static-files-via-storybook) for more information.
+💡 Starting in 6.4 the `-s` flag is deprecated. Instead, use a configuration object in your `.storybook/main.js` file. See the [images and assets documentation](../configure/images-and-assets.md#serving-static-files-via-storybook) for more information.
 
 </div>
 
@@ -65,5 +65,5 @@ Usage: build-storybook [options]
 | `--docs`                        | Builds Storybook in documentation mode. Learn more about it in [here](../writing-docs/build-documentation.md#publish-storybooks-documentation)<br/>`build-storybook --docs` |
 
 <div class="aside">
-💡 <strong>NOTE</strong>: If you're using npm instead of yarn to publish Storybook, the commands work slightly different. For example, <code>npm run build-storybook -- -o ./path/to/build</code>.
-</div>
\ No newline at end of file
+💡  If you're using npm instead of yarn to publish Storybook, the commands work slightly different. For example, <code>npm run build-storybook -- -o ./path/to/build</code>.
+</div>
diff --git a/docs/configure/environment-variables.md b/docs/configure/environment-variables.md
index a4838576d895..830c94e1cc2d 100644
--- a/docs/configure/environment-variables.md
+++ b/docs/configure/environment-variables.md
@@ -65,7 +65,7 @@ Then you can access this environment variable anywhere, even within your stories
 You can also use specific files for specific modes. Add a <code>.env.development</code> or <code>.env.production</code> to apply different values to your environment variables.
 </div>
 
-You can also pass these environment variables when you are [building your Storybook](../workflows/publish-storybook.md) with `build-storybook`.
+You can also pass these environment variables when you are [building your Storybook](../sharing/publish-storybook.md) with `build-storybook`.
 
 Then they'll be hardcoded to the static version of your Storybook.
 
@@ -82,5 +82,5 @@ The table below lists the available options:
 | Chromium | `BROWSER="chromium"` |
 
 <div class="aside">
-💡 <strong>Note</strong>: By default, Storybook will open a new Chrome window as part of its startup process. If you don't have Chrome installed, make sure to include one of the following options, or set your default browser accordingly.
-</div>
\ No newline at end of file
+💡 By default, Storybook will open a new Chrome window as part of its startup process. If you don't have Chrome installed, make sure to include one of the following options, or set your default browser accordingly.
+</div>
diff --git a/docs/configure/overview.md b/docs/configure/overview.md
index b947d79daf50..1577221a5813 100644
--- a/docs/configure/overview.md
+++ b/docs/configure/overview.md
@@ -75,7 +75,7 @@ Additionally, you can also customize your Storybook configuration to load your s
 <!-- prettier-ignore-end -->
 
 <div class="aside">
-💡 <strong>Note:</strong> If you've enabled <a href="#on-demand-story-loading">on-demand story loading</a>, this option will not work. You must define the story's titles manually.
+💡 If you've enabled <a href="#on-demand-story-loading">on-demand story loading</a>, this option will not work. You must define the story's titles manually.
 </div>
 
 When Storybook starts, it will look for any file containing the `stories` extension inside the `packages/stories` directory and generate the titles for your stories.
diff --git a/docs/configure/sidebar-and-urls.md b/docs/configure/sidebar-and-urls.md
index 62fcc0048600..774d47fabf7d 100644
--- a/docs/configure/sidebar-and-urls.md
+++ b/docs/configure/sidebar-and-urls.md
@@ -44,7 +44,7 @@ If you need, you can also generate automatic titles for all your stories using a
 
 ## Permalinking to stories
 
-By default, Storybook generates an `id` for each story based on the component title and the story name. This `id` in particular is used in the URL for each story, and that URL can serve as a permalink (primarily when you [publish](../workflows/publish-storybook.md) your Storybook).
+By default, Storybook generates an `id` for each story based on the component title and the story name. This `id` in particular is used in the URL for each story, and that URL can serve as a permalink (primarily when you [publish](../sharing/publish-storybook.md) your Storybook).
 
 Consider the following story:
 
diff --git a/docs/configure/story-rendering.md b/docs/configure/story-rendering.md
index b4b302810c6a..360dde244f14 100644
--- a/docs/configure/story-rendering.md
+++ b/docs/configure/story-rendering.md
@@ -60,4 +60,4 @@ Storybook will inject these tags into the _preview iframe_ where your components
 
 </div>
 
-Similarly to the preview head HTML, preview body HTML can also be updated programmtically using a preset. See [Preview/Manager templates](../addons/writing-presets.md#previewmanager-templates) for more information.
\ No newline at end of file
+Similarly to the preview head HTML, preview body HTML can also be updated programmatically using a preset. See [Preview/Manager templates](../addons/writing-presets.md#previewmanager-templates) for more information.
diff --git a/docs/configure/theming.md b/docs/configure/theming.md
index 4b79632a7b7a..e2928d0826cd 100644
--- a/docs/configure/theming.md
+++ b/docs/configure/theming.md
@@ -8,7 +8,7 @@ Storybook is theme-able using a lightweight theming API.
 
 It's possible to theme Storybook globally.
 
-Storybook includes two themes that look good out of the box: "normal" (a light theme) and "dark" (a dark theme). Unless you've set your preferred color scheme as dark, Storybook will use the light theme as default.
+Storybook includes two themes that look good out of the box: "light" and "dark". Unless you've set your preferred color scheme as dark, Storybook will use the light theme as default.
 
 Make sure you have installed [`@storybook/addons`](https://www.npmjs.com/package/@storybook/addons) and [`@storybook/theming`](https://www.npmjs.com/package/@storybook/theming) packages.
 
diff --git a/docs/configure/webpack.md b/docs/configure/webpack.md
index e39670004848..19657a0a79d2 100644
--- a/docs/configure/webpack.md
+++ b/docs/configure/webpack.md
@@ -109,7 +109,7 @@ The following code snippet shows how you can replace the loaders from Storybook
 <!-- prettier-ignore-end -->
 
 <div class="aside"> 
-💡 <strong>Note:</strong> Projects initialized via generators (e.g, Vue CLI) may require that you import their own webpack config file (i.e., <code>/projectRoot/node_modules/@vue/cli-service/webpack.config.js</code>) to use a certain feature with Storybook. For other generators, make sure to check the documentation for instructions. 
+💡 Projects initialized via generators (e.g, Vue CLI) may require that you import their own webpack config file (i.e., <code>/projectRoot/node_modules/@vue/cli-service/webpack.config.js</code>) to use a certain feature with Storybook. For other generators, make sure to check the documentation for instructions. 
 </div>
 
 ### Bundle splitting
diff --git a/docs/contribute/how-to-reproduce.md b/docs/contribute/how-to-reproduce.md
index 35f873c11bc9..09bfafecc0d9 100644
--- a/docs/contribute/how-to-reproduce.md
+++ b/docs/contribute/how-to-reproduce.md
@@ -17,7 +17,7 @@ npx sb@next repro
 ```
 
 <div class="aside">
-💡 <strong>Note</strong>: You can add the <code>--template</code> flag to include a custom template.
+💡 You can add the <code>--template</code> flag to include a custom template.
 </div>
 
 Next, select the framework, for example, `react`:
@@ -33,7 +33,7 @@ Finally, enter a location for your reproduction:
 ![Storybook reproduction location](./storybook-reproduction-generator-location-optimized.png)
 
 <div class="aside">
-💡 <strong>Note</strong>: If you don't provide a full path for the reproduction it will be generated in the current directory.
+💡 If you don't provide a full path for the reproduction it will be generated in the current directory.
 </div>
 
 If everything worked as it should, you should have a fully functional Storybook set up in your local environment.
@@ -68,7 +68,7 @@ An excellent way to check your reproduction is to have it deployed online.  We r
 
 ### Helpful resources when working with Chromatic
 
-- [Publish Storybook](../workflows/publish-storybook.md)
+- [Publish Storybook](../sharing/publish-storybook.md)
 - [Setup Chromatic](https://www.chromatic.com/docs/setup)
 - [Automate Chromatic with continuous integration](https://www.chromatic.com/docs/ci)
 
diff --git a/docs/contribute/new-snippets.md b/docs/contribute/new-snippets.md
index 19970f08f33b..8f3aca9df89b 100644
--- a/docs/contribute/new-snippets.md
+++ b/docs/contribute/new-snippets.md
@@ -80,7 +80,7 @@ Create the file `ember/your-component.js.mdx`, similar to the other frameworks,
 ```
 
 <div class="aside">
-💡 <strong>Note:</strong> Code snippets are divided into various file extensions, if you're contributing a TypeScript file use <code>.ts.mdx</code>, or if you're adding MDX files use <code>.mdx.mdx</code> .
+💡 Code snippets are divided into various file extensions, if you're contributing a TypeScript file use <code>.ts.mdx</code>, or if you're adding MDX files use <code>.mdx.mdx</code> .
 </div>
 
 Go through the rest of the documentation and repeat the process.
@@ -110,7 +110,7 @@ yarn start:skip-addons
 ```
 
 <div class="aside">
-💡 <strong>Note:</strong> During the start process if there's an issue with the the documentation, the process will stop and you'll get a notification.
+💡 During the start process if there's an issue with the the documentation, the process will stop and you'll get a notification.
 </div>
 
 Open a browser window to `http://localhost:8000`, click the Docs link, and select your framework from the dropdown.
diff --git a/docs/essentials/actions.md b/docs/essentials/actions.md
index d78d1b7f54ae..aeec1b2d1e50 100644
--- a/docs/essentials/actions.md
+++ b/docs/essentials/actions.md
@@ -63,7 +63,7 @@ If you need more granular control over which `argTypes` are matched, you can adj
 
 <div class="aside">
 
-💡 <strong>NOTE</strong>: If you're generating argTypes with another addon (like [docs](../writing-docs/introduction.md), which is the common behavior), ensure the actions addon <strong>AFTER</strong> the other addon. You can do this by listing it later in the addons registration code in [`.storybook/main.js`](../configure/overview.md#configure-story-rendering). This is default in [essentials](./introduction.md).
+💡 If you're generating argTypes with another addon (like [docs](../writing-docs/introduction.md), which is the common behavior), ensure the actions addon <strong>AFTER</strong> the other addon. You can do this by listing it later in the addons registration code in [`.storybook/main.js`](../configure/overview.md#configure-story-rendering). This is default in [essentials](./introduction.md).
 
 </div>
 
diff --git a/docs/essentials/controls.md b/docs/essentials/controls.md
index 17ccc30ef02d..9ee5f664cfb5 100644
--- a/docs/essentials/controls.md
+++ b/docs/essentials/controls.md
@@ -105,7 +105,7 @@ To do so, use the `matchers` property in the `controls` parameter:
 
 ## Fully custom args
 
-Up until now, we only used auto-generated controls based on the component we're writing stories for. If we are writing [complex stories](../workflows/stories-for-multiple-components.md), we may want to add controls for args that aren’t part of the component.
+Up until now, we only used auto-generated controls based on the component we're writing stories for. If we are writing [complex stories](../writing-stories/stories-for-multiple-components.md), we may want to add controls for args that aren’t part of the component.
 
 <!-- prettier-ignore-start -->
 
diff --git a/docs/essentials/interactions.md b/docs/essentials/interactions.md
index a7dba42acebf..eafc1e73aeba 100644
--- a/docs/essentials/interactions.md
+++ b/docs/essentials/interactions.md
@@ -2,24 +2,28 @@
 title: 'Interactions'
 ---
 
-The `play` function in Storybook allows you to simulate user interactions to run after a story renders. With the Interactions addon, you have a way to visualize and debug these interactions. 
+The [`play`](../writing-stories/play-function.md) function in Storybook allows you to simulate user interactions to run after a story renders. With the [Interactions](https://storybook.js.org/addons/@storybook/addon-interactions/) addon, you have a way to visualize and debug these interactions.
 
 ## Play function for interactions
 
-Stories isolate and capture component states in a structured manner. While developing a component, you can quickly cycle through the stories to verify the look and feel. Each story specifies all the inputs required to reproduce a specific state. You can even mock context and API calls. That allows you to handle most use cases of a component. But what about states that require user interaction?
+Stories isolate and capture component states in a structured manner. While developing a component, you can quickly cycle through the stories to verify the look and feel. Each story specifies all the inputs required to reproduce a specific state. You can even mock context and API calls, allowing you to handle most use cases of a component. But what about states that require user interaction?
 
-For example, clicking a button to open/close a dialog box, dragging a list item to reorder it or filling out a form to check for validation errors. To test those behaviours, you have to interact with the components as a user would. Interactive stories enable you to automate these interactions using a play function. These are small snippets of code that script out the exact steps a human would take to interact with the component. It's then executed as soon as the story is rendered.
+For example, clicking a button to open/close a dialog box, dragging a list item to reorder it, or filling out a form to check for validation errors. To test those behaviors, you have to interact with the components as a user would. Interactive stories enable you to automate these interactions using a play function. They are small snippets of code that run once the story finishes rendering, emulating the exact steps a user would take to interact with the component.
 
 ### Powered by Testing Library and Jest
 
-The interactions are written using a Storybook-instrumented versions of Testing Library and Jest. That gives you a familiar developer-friendly syntax to interact with the DOM and make assertions, but with extra telemetry to help with debugging.
+The interactions are written using a Storybook-instrumented version of [Testing Library](https://testing-library.com/) and [Jest](https://jestjs.io/). That gives you a familiar developer-friendly syntax to interact with the DOM and make assertions, but with extra telemetry to help with debugging.
 
 ## Installation
 
 Since Interactions is still experimental, it doesn't yet ship with Storybook by default. As such, you'll have to install it. You may also want to add our wrappers for Testing Library and Jest.
 
 ```shell
-yarn add -D @storybook/addon-interactions @storybook/jest @storybook/testing-library
+# With npm
+npm install @storybook/addon-interactions @storybook/jest @storybook/testing-library --save-dev
+
+# With yarn
+yarn add --dev @storybook/addon-interactions @storybook/jest @storybook/testing-library
 ```
 
 Next, update [`.storybook/main.js`](../configure/overview.md#configure-story-rendering) to the following:
@@ -35,16 +39,16 @@ Next, update [`.storybook/main.js`](../configure/overview.md#configure-story-ren
 <!-- prettier-ignore-end -->
 
 <div class="aside">
-⚠️ <strong>Note</strong>: Make sure to list `@storybook/addon-interactions` **after** `addon-essentials` (or `addon-actions`).
+💡 Make sure to list `@storybook/addon-interactions` **after** `addon-essentials` (or `addon-actions`).
 </div>
 
-Now when you run Storybook the Interactions addon will be enabled.
+Now when you run Storybook, the Interactions addon will be enabled.
 
-![Storybook Interactions installed and registered](./storybook-interactions-installed-registered.png)
+![Storybook Interactions installed and registered](./addon-interactions-installed-registered.png)
 
 ## Writing interactions
 
-Interactions run as part of the `play` function on your stories. We rely on Testing Library to do the heavy lifting.
+Interactions run as part of the `play` function of your stories. We rely on Testing Library to do the heavy lifting.
 
 Make sure to import the Storybook wrappers for Jest and Testing Library rather than importing Jest and Testing Library directly.
 
@@ -58,8 +62,8 @@ Make sure to import the Storybook wrappers for Jest and Testing Library rather t
 
 <!-- prettier-ignore-end -->
 
-The above example uses the `canvasElement` to scope your element queries to the current story. This is important if you want your play functions to eventually be compatible with Storybook Docs, which renders multiple components on the same page.
+The above example uses the `canvasElement` to scope your element queries to the current story. It's essential if you want your play functions to eventually be compatible with Storybook Docs, which renders multiple components on the same page.
 
-While you can refer to the [Testing Library documentation](https://testing-library.com/docs/) for details on how to use it, there's an important detail that's different when using the Storybook wrapper: **method invocations must be `await`-ed**. This allows you to step back and forth through your interactions using the debugger.
+While you can refer to the [Testing Library documentation](https://testing-library.com/docs/) for details on how to use it, there's an important detail that's different when using the Storybook wrapper: **method invocations must be `await`-ed**. It allows you to step back and forth through your interactions using the debugger.
 
 Any `args` that have been marked as an Action, either using the [argTypes annotation](./actions.md#action-argtype-annotation) or the [argTypesRegex](./actions.md#automatically-matching-args), will be automatically converted to a [Jest mock function](https://jestjs.io/docs/mock-function-api) (spy). This allows you to make assertions about calls to these functions.
diff --git a/docs/essentials/measure-and-outline.md b/docs/essentials/measure-and-outline.md
index b6fe17dfb804..ebb804ae27d5 100644
--- a/docs/essentials/measure-and-outline.md
+++ b/docs/essentials/measure-and-outline.md
@@ -15,7 +15,7 @@ With Storybook's Measure addon, you can quickly visualize each component's measu
 </video>
 
 <div class="aside">
-💡 <strong>Note: </strong> Alternatively you can press the <code>m</code> key on your keyboard to toggle the addon.
+💡 Alternatively you can press the <code>m</code> key on your keyboard to toggle the addon.
 </div>
 
 ## Outline addon
diff --git a/docs/essentials/toolbars-and-globals.md b/docs/essentials/toolbars-and-globals.md
index efa82574d2aa..99f18673735d 100644
--- a/docs/essentials/toolbars-and-globals.md
+++ b/docs/essentials/toolbars-and-globals.md
@@ -68,7 +68,7 @@ In your [`.storybook/preview.js`](../configure/overview.md#configure-story-rende
 
 <div class="aside">
 
-💡 The <code>icon</code> element used in the examples loads the icons from the <code>@storybook/components</code> package. See [here](../workflows/faq.md#what-icons-are-available-for-my-toolbar-or-my-addon) for the list of available icons that you can use.
+💡 The <code>icon</code> element used in the examples loads the icons from the <code>@storybook/components</code> package. See [here](../faq.md#what-icons-are-available-for-my-toolbar-or-my-addon) for the list of available icons that you can use.
 
 </div>
 
diff --git a/docs/faq.md b/docs/faq.md
new file mode 100644
index 000000000000..7669ea6db84e
--- /dev/null
+++ b/docs/faq.md
@@ -0,0 +1,377 @@
+---
+title: 'Frequently Asked Questions'
+---
+
+Here are some answers to frequently asked questions. If you have a question, you can ask it by opening an issue on the [Storybook Repository](https://github.com/storybookjs/storybook/).
+
+### How can I opt-out of Angular Ivy?
+
+In case you are having trouble with Angular Ivy you can deactivate it in your `main.js`:
+
+```javascript
+module.exports = {
+  stories: [
+    /* ... */
+  ],
+  addons: [
+    /* ... */
+  ],
+  angularOptions: {
+    enableIvy: false,
+  },
+};
+```
+
+Please report any issues related to Ivy in our [GitHub Issue Tracker](https://github.com/storybookjs/storybook/labels/app%3A%20angular) as the support for View Engine will be dropped in a future release of Angular.
+
+### How can I run coverage tests with Create React App and leave out stories?
+
+Create React App does not allow providing options to Jest in your `package.json`, however you can run `jest` with commandline arguments:
+
+```sh
+npm test -- --coverage --collectCoverageFrom='["src/**/*.{js,jsx}","!src/**/stories/*"]'
+```
+
+<div class="aside">
+💡 If you're using <a href="https://yarnpkg.com/">yarn</a> as a package manager, you'll need to adjust the command accordingly.
+</div>
+
+### I see `ReferenceError: React is not defined` when using Storybook with Next.js
+
+Next automatically defines `React` for all of your files via a babel plugin. In Storybook, you can solve this either by:
+
+1.  Adding `import React from 'react'` to your component files.
+2.  Adding a `.babelrc` that includes [`babel-plugin-react-require`](https://www.npmjs.com/package/babel-plugin-react-require)
+
+### How do I setup Storybook to share Webpack configuration with Next.js?
+
+You can generally reuse webpack rules by placing them in a file that is `require()`-ed from both your `next.config.js` and your `.storybook/main.js` files. For example:
+
+```js
+module.exports = {
+  webpackFinal: async (baseConfig) => {
+    const nextConfig = require('/path/to/next.config.js');
+
+    // merge whatever from nextConfig into the webpack config storybook will use
+    return { ...baseConfig, ...nextConfig };
+  },
+};
+```
+
+### How do I setup React Fast Refresh with Storybook?
+
+Fast refresh is an opt-in feature that can be used in Storybook React.
+There are two ways that you can enable it, go ahead and pick one:
+
+- You can set a `FAST_REFRESH` environment variable in your `.env` file:
+
+```
+FAST_REFRESH=true
+```
+
+- Or you can set the following properties in your `.storybook/main.js` files:
+
+```js
+module.exports = {
+  reactOptions: {
+    fastRefresh: true,
+  },
+};
+```
+
+<div class="aside">
+💡 Fast Refresh only works in development mode with React 16.10 or higher.
+</div>
+
+### Why is there no addons channel?
+
+A common error is that an addon tries to access the "channel", but the channel is not set. It can happen in a few different cases:
+
+1.  You're trying to access addon channel (e.g., by calling `setOptions`) in a non-browser environment like Jest. You may need to add a channel mock:
+
+    ```js
+    import { addons, mockChannel } from '@storybook/addons';
+
+    addons.setChannel(mockChannel());
+    ```
+
+2.  In React Native, it's a special case documented in [#1192](https://github.com/storybookjs/storybook/issues/1192)
+
+### Can I modify React component state in stories?
+
+Not directly. If you control the component source, you can do something like this:
+
+```js
+import React, { Component } from 'react';
+
+export default {
+  title: 'MyComponent',
+};
+
+class MyComponent extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      someVar: 'defaultValue',
+      ...props.initialState,
+    };
+  }
+  // ...
+}
+
+export const defaultView = () => <MyComponent initialState={} />;
+```
+
+### Why aren't Controls visible in the Canvas panel but visible in the Docs panel?
+
+If you're adding Storybook's dependencies manually, make sure you include the [`@storybook/addon-controls`](https://www.npmjs.com/package/@storybook/addon-controls) dependency in your project and reference it in your `.storybook/main.js` as follows:
+
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: ['@storybook/addon-controls'],
+};
+```
+
+### Why aren't the addons working in a composed Storybook?
+
+Composition is a new feature that we released with version 6.0, and there are still some limitations to it.
+
+For now, the addons you're using in a composed Storybook will not work.
+
+We're working on overcoming this limitation, and soon you'll be able to use them as if you are working with a non-composed Storybook.
+
+### Which community addons are compatible with the latest version of Storybook?
+
+Starting with Storybook version 6.0, we've introduced some great features aimed at streamlining your development workflow.
+
+With this, we would like to point out that if you plan on using addons created by our fantastic community, you need to consider that some of those addons might be working with an outdated version of Storybook.
+
+We're actively working to provide a better way to address this situation, but in the meantime, we would ask for a bit of caution on your end so that you don't run into unexpected problems. Let us know by creating an issue in the [Storybook repo](https://github.com/storybookjs/storybook/issues) so that we can gather information and create a curated list with those addons to help not only you but the rest of the community.
+
+### Is it possible to browse the documentation for past versions of Storybook?
+
+With the release of version 6.0, we updated our documentation as well. That doesn't mean that the old documentation was removed. We kept it to help you with your Storybook migration process. Use the content from the table below in conjunction with our <a href="https://github.com/storybookjs/storybook/blob/next/MIGRATION.md">migration guide</a> .
+
+We're only covering versions 5.3 and 5.0 as they were important milestones for Storybook. If you want to go back in time a little more, you'll have to check the specific release in the monorepo.
+
+| Section          | Page                                      | Current Location                                                                   | Version 5.3 location                                                                                                                                                                                                                                                 | Version 5.0 location                                                                                                                                     |
+| ---------------- | ----------------------------------------- | ---------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Get started      | Install                                   | [See current documentation](../get-started/install.md)                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/guides/quick-start-guide)                                                                                                                                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/guides/quick-start-guide)                         |
+|                  | What's a story                            | [See current documentation](../get-started/whats-a-story.md)                       | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/guides)                                                                                                                                    | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/guides)                        |
+|                  | Browse Stories                            | [See current documentation](../get-started/browse-stories.md)                      | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/guides)                                                                                                                                    | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/guides)                        |
+|                  | Setup                                     | [See current documentation](../get-started/setup.md)                               | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/guides)                                                                                                                                    | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/guides)                        |
+| Write stories    | Introduction                              | [See current documentation](../writing-stories/introduction.md)                    | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/writing-stories)                                                                                                                                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/basics/writing-stories)                           |
+|                  | Parameters                                | [See current documentation](../writing-stories/parameters.md)                      | See versioned documentation here                                                                                                                                                                                                                                     | Non existing feature or undocumented                                                                                                                     |
+|                  | Decorators                                | [See current documentation](../writing-stories/decorators.md)                      | See versioned documentation here                                                                                                                                                                                                                                     | See versioned documentation here                                                                                                                         |
+|                  | Naming components and hierarchy           | [See current documentation](../writing-stories/naming-components-and-hierarchy.md) | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/writing-stories)                                                                                                                                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/basics/writing-stories)                           |
+|                  | Build pages and screens                   | [See current documentation](../writing-stories/build-pages-with-storybook.md)      | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | Stories for multiple components           | [See current documentation](../writing-stories/stories-for-multiple-components.md) | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+| Write docs       | DocsPage                                  | [See current documentation](../writing-docs/docs-page.md)                          | See versioned addon documentation                                                                                                                                                                                                                                    | Non existing feature or undocumented                                                                                                                     |
+|                  | MDX                                       | [See current documentation](../writing-docs/mdx.md)                                | See versioned addon documentation                                                                                                                                                                                                                                    | Non existing feature or undocumented                                                                                                                     |
+|                  | Doc Blocks                                | [See current documentation](../writing-docs/doc-blocks.md)                         | [See versioned addon documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/docs/)                                                                                                                                                          | Non existing feature or undocumented                                                                                                                     |
+|                  | Preview and build docs                    | [See current documentation](../writing-docs/build-documentation.md)                | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+| Testing          | Visual tests                              | [See current documentation](../writing-tests/visual-testing.md)                    | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/automated-visual-testing)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/automated-visual-testing)                 |
+|                  | Accessibility tests                       | [See current documentation](../writing-tests/accessibility-testing.md)             | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | Interaction tests                         | [See current documentation](../writing-tests/interaction-testing.md)               | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/interaction-testing)                                                                                                                                  | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/interaction-testing)                      |
+|                  | Snapshot tests                            | [See current documentation](../writing-tests/snapshot-testing.md)                  | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/structural-testing)                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/structural-testing)                       |
+|                  | Import stories in tests                   | [See current documentation](../writing-tests/importing-stories-in-tests.md)        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/react-ui-testing)                                                                                                                                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/react-ui-testing)                         |
+| Sharing          | Publish Storybook                         | [See current documentation](../sharing/publish-storybook.md)                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/exporting-storybook)                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/basics/exporting-storybook)                       |
+|                  | Embed                                     | [See current documentation](../sharing/embed.md)                                   | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | Composition                               | [See current documentation](../sharing/storybook-composition.md)                   | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | Package Composition                       | [See current documentation](../sharing/package-composition.md)                     | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+| Essential addons | Controls                                  | [See current documentation](../essentials/controls.md)                             | Controls are specific to version 6.0 see [Knobs versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/knobs)                                                                                                                     | Controls are specific to version 6.0 see [Knobs versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/knobs)         |
+|                  | Actions                                   | [See current documentation](../essentials/actions.md)                              | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/actions)                                                                                                                                                        | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/actions)                                            |
+|                  | Viewport                                  | [See current documentation](../essentials/viewport.md)                             | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/viewport)                                                                                                                                                       | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/viewport)                                           |
+|                  | Backgrounds                               | [See current documentation](../essentials/backgrounds.md)                          | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/backgrounds)                                                                                                                                                    | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/backgrounds)                                        |
+|                  | Toolbars and globals                      | [See current documentation](../essentials/toolbars-and-globals.md)                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/toolbar-guide)                                                                                                                                         | Non existing feature or undocumented                                                                                                                     |
+| Configure        | Overview                                  | [See current documentation](../configure/overview.md)                              | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/overview)                                                                                                                                      | [See versioned documentation](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/basics/writing-stories)                           |
+|                  | Integration/Webpack                       | [See current documentation](../configure/webpack.md)                               | See versioned documentation                                                                                                                                                                                                                                          | See versioned documentation                                                                                                                              |
+|                  | Integration/Babel                         | [See current documentation](../configure/babel.md)                                 | See versioned documentation here and [here](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/custom-babel-config)                                                                                                             | See versioned documentation here and [here](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/custom-babel-config) |
+|                  | Integration/Typescript                    | [See current documentation](../configure/typescript.md)                            | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/typescript-config)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/typescript-config)                 |
+|                  | Integration/Styling and CSS               | [See current documentation](../configure/styling-and-css.md)                       | See versioned documentation                                                                                                                                                                                                                                          | See versioned documentation                                                                                                                              |
+|                  | Integration/Images and assets             | [See current documentation](../configure/images-and-assets.md)                     | See versioned documentation                                                                                                                                                                                                                                          | See versioned documentation                                                                                                                              |
+|                  | Story rendering                           | [See current documentation](../configure/story-rendering.md)                       | See versioned documentation [here](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/add-custom-head-tags) and [here](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/add-custom-body) | See versioned documentation [here](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/add-custom-head-tags)         |
+|                  | Story Layout                              | [See current documentation](../configure/story-layout.md)                          | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | User Interface/Features and behavior      | [See current documentation](../configure/features-and-behavior.md)                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/options-parameter)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/options-parameter)                 |
+|                  | User Interface/Theming                    | [See current documentation](../configure/theming.md)                               | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/theming)                                                                                                                                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/theming)                           |
+|                  | User Interface/Sidebar & URLS             | [See current documentation](../configure/sidebar-and-urls.md)                      | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/options-parameter)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/options-parameter)                 |
+|                  | Environment variables                     | [See current documentation](../configure/environment-variables.md)                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/env-vars)                                                                                                                                      | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/env-vars)                          |
+| Addons           | Introduction                              | [See current documentation](../addons/introduction.md)                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/writing-addons)                                                                                                                                        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/writing-addons)                            |
+|                  | Install addons                            | [See current documentation](../addons/install-addons.md)                           | [See versioned documentation](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/addons/using-addons/)                                                                                                                                         | [See versioned documentation](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/addons/using-addons/)                             |
+|                  | Writing Addons                            | [See current documentation](../addons/writing-addons.md)                           | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/writing-addons)                                                                                                                                        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/writing-addons)                            |
+|                  | Writing Presets                           | [See current documentation](../addons/writing-presets.md)                          | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/presets/writing-presets)                                                                                                                                      | Non existing feature or undocumented                                                                                                                     |
+|                  | Addons Knowledge Base                     | [See current documentation](../addons/addon-knowledge-base.md)                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/writing-addons)                                                                                                                                        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/writing-addons)                            |
+|                  | Types of addons                           | [See current documentation](../addons/addon-types.md)                              | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | Addons API                                | [See current documentation](../addons/addons-api.md)                               | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/api)                                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/api)                                       |
+| API              | Stories/Component Story Format            | [See current documentation](../api/csf.md)                                         | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/formats/component-story-format)                                                                                                                               | Non existing feature or undocumented                                                                                                                     |
+|                  | Stories/MDX syntax                        | [See current documentation](../api/mdx.md)                                         | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/formats/mdx-syntax)                                                                                                                                           | Non existing feature or undocumented                                                                                                                     |
+|                  | Stories/StoriesOF format (see note below) | [See current documentation](../../lib/core/docs/storiesOf.md)                      | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/formats/storiesof-api)                                                                                                                                        | Non existing feature or undocumented                                                                                                                     |
+|                  | Frameworks                                | [See current documentation](../api/new-frameworks.md)                              | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
+|                  | CLI options                               | [See current documentation](../api/cli-options.md)                                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/cli-options)                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/cli-options)                       |
+
+<div class="aside">
+With the release of version 5.3, we've updated how you can write your stories more compactly and easily. It doesn't mean that the <code>storiesOf</code> format has been removed. For the time being, we're still supporting it, and we have documentation for it. But be advised that this is bound to change in the future.
+</div>
+
+### What icons are available for my toolbar or my addon?
+
+With the [`@storybook/components`](https://www.npmjs.com/package/@storybook/components) package, you get a set of icons that you can use to customize your UI. Use the table below as a reference while writing your addon or defining your Storybook global types.
+Go through this [story](https://5a375b97f4b14f0020b0cda3-wbeulgbetj.chromatic.com/?path=/story/basics-icon--labels) to see how the icons look.
+
+| accessibility  | accessibilityalt | add          | admin        | alert         |
+| -------------- | ---------------- | ------------ | ------------ | ------------- |
+| arrowdown      | arrowleft        | arrowleftalt | arrowright   | arrowrightalt |
+| arrowup        | back             | basket       | batchaccept  | batchdeny     |
+| beaker         | bell             | bitbucket    | book         | bookmark      |
+| bookmarkhollow | bottombar        | box          | branch       | browser       |
+| button         | calendar         | camera       | category     | certificate   |
+| check          | chevrondown      | chromatic    | circle       | circlehollow  |
+| close          | closeAlt         | cog          | collapse     | comment       |
+| commit         | compass          | component    | contrast     | copy          |
+| cpu            | credit           | cross        | dashboard    | database      |
+| delete         | discord          | docchart     | doclist      | document      |
+| download       | edit             | ellipsis     | email        | expand        |
+| expandalt      | eye              | eyeclose     | facebook     | facehappy     |
+| faceneutral    | facesad          | filter       | flag         | folder        |
+| form           | gdrive           | github       | gitlab       | globe         |
+| google         | graphbar         | graphline    | graphql      | grid          |
+| grow           | heart            | hearthollow  | home         | hourglass     |
+| info           | key              | lightning    | lightningoff | link          |
+| listunordered  | location         | lock         | markup       | medium        |
+| memory         | menu             | merge        | mirror       | mobile        |
+| nut            | outbox           | outline      | paintbrush   | paperclip     |
+| paragraph      | phone            | photo        | pin          | play          |
+| plus           | power            | print        | proceed      | profile       |
+| pullrequest    | question         | redirect     | redux        | reply         |
+| repository     | requestchange    | rss          | search       | share         |
+| sharealt       | shield           | sidebar      | sidebaralt   | speaker       |
+| star           | starhollow       | stop         | structure    | subtract      |
+| support        | switchalt        | sync         | tablet       | thumbsup      |
+| time           | timer            | transfer     | trash        | twitter       |
+| undo           | unfold           | unlock       | upload       | user          |
+| useradd        | useralt          | users        | video        | watch         |
+| wrench         | youtube          | zoom         | zoomout      | zoomreset     |
+
+### I see a "No Preview" error with a Storybook production build
+
+If you're using the `serve` package to verify your production build of Storybook, you'll get that error. It relates to how `serve` handles rewrites. For instance, `/iframe.html` is rewritten into `/iframe`, and you'll get that error.
+
+We recommend that you use [http-server](https://www.npmjs.com/package/http-server) instead and use the following command to preview Storybook:
+
+```shell
+npx http-server storybook-static
+```
+
+<div class="aside">
+Suppose you don't want to run the command above frequently. Add <code>http-server</code> as a development dependency and create a new script to preview your production build of Storybook.
+</div>
+
+### Can I use Storybook with Vue 3?
+
+Yes, with the release of version 6.2, Storybook now includes support for Vue 3. See the [install page](../get-started/install.md) for instructions.
+
+### Is snapshot testing with Storyshots supported for Vue 3?
+
+Yes, with the release of version 6.2, the [`Storyshots addon`](https://www.npmjs.com/package/@storybook/addon-storyshots) will automatically detect Vue 3 projects.
+
+If you run into a situation where this is not the case, you can adjust the `config` object and manually specify the framework (e.g., `vue3`).
+
+See our documentation on how to customize the [Storyshots configuration](./snapshot-testing.md).
+
+### Why are my MDX stories not working in IE11?
+
+Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](../writing-docs/docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
+
+### Why are my mocked GraphQL queries failing with Storybook's MSW addon?
+
+If you're working with Vue 3, you'll need to install [`@vue/apollo-composable`](https://www.npmjs.com/package/@vue/apollo-composable). With Svelte, you'll need to install [`@rollup/plugin-replace`](https://www.npmjs.com/package/@rollup/plugin-replace) and update your `rollup.config` file to the following:
+
+```js
+// rollup.config
+
+// Boilerplate imports
+
+import replace from '@rollup/plugin-replace';
+const production = !process.env.ROLLUP_WATCH;
+
+// Remainder rollup.config implementation
+
+export default {
+  input: 'src/main.js',
+  output: {
+    sourcemap: true,
+    format: 'iife',
+    name: 'app',
+    file: 'public/build/bundle.js',
+  },
+  plugins: [
+    // Other plugins
+
+    // Configures the replace plugin to allow Grapqhl Queries to work properly
+    replace({
+      'process.env.NODE_ENV': JSON.stringify('development'),
+    }),
+};
+```
+
+With Angular, the most common issue is the placement of the `mockServiceWorker.js` file. Use this [example](https://github.com/mswjs/examples/tree/master/examples/rest-angular/) as a point of reference.
+
+### Can I use other GraphQL providers with Storybook's MSW addon?
+
+Yes, check the [addon's examples](https://github.com/mswjs/msw-storybook-addon/tree/master/packages/docs/src/demos) to learn how to integrate different providers.
+
+### Can I mock GraphQL mutations with Storybook's MSW addon?
+
+No, currently, the MSW addon only has support for GraphQL queries. If you're interested in including this feature, open an issue in the [MSW addon repository](https://github.com/mswjs/msw-storybook-addon) and follow up with the maintainer.
+
+### Why aren't my code blocks highlighted with Storybook MDX
+
+Out of the box, Storybook provides syntax highlighting for a set of languages (e.g., Javascript, Markdown, CSS, HTML, Typescript, GraphQL) that you can use with your code blocks. If you're writing your custom code blocks with MDX, you'll need to import the syntax highlighter manually. For example, if you're adding a code block for SCSS, adjust your story to the following:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+   'common/my-component-with-custom-syntax-highlight.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+💡 Check <code>react-syntax-highlighter</code>'s <a href="https://github.com/react-syntax-highlighter/react-syntax-highlighter">documentation</a> for a list of available languages.
+</div>
+
+Applying this small change will enable you to add syntax highlight for SCSS or any other language available.
+
+### How can my code detect if it is running in Storybook?
+
+You can do this by checking the value of `process.env.STORYBOOK`, which will
+equal `'true'` when running in Storybook. Be careful — `process` may be
+undefined when your code runs outside of Storybook.
+
+```javascript
+export function isRunningInStorybook() {
+  try {
+    if (process.env.STORYBOOK) return true;
+  } catch {
+    // A ReferenceError will be thrown if process is undefined
+  }
+
+  return false;
+}
+```
+
+This works because Babel replaces `process.env.STORYBOOK` with the value of the
+`STORYBOOK` environment variable. Because this is done through a Babel plugin,
+the following will **NOT** work:
+
+```javascript
+export function isRunningInStorybook() {
+  return typeof process?.env?.STORYBOOK !== 'undefined';
+  // ReferenceError: process is not defined
+}
+```
\ No newline at end of file
diff --git a/docs/get-started/examples.md b/docs/get-started/examples.md
index bf49ab04cc8c..fea48a9db812 100644
--- a/docs/get-started/examples.md
+++ b/docs/get-started/examples.md
@@ -55,6 +55,8 @@ Learn how leading teams build design systems.
 - [Telefónica Mística UI](https://mistica-web.vercel.app/?path=/story/welcome-welcome--mistica)
 - [Codecademy Gamut](https://gamut.codecademy.com)
 - [Talend Coral](https://design.talend.com)
+- [Vibe Design by monday.com](https://style.monday.com)
+- [Reactstrap UI](https://reactstrap.github.io)
 
 
 <!--
diff --git a/docs/get-started/whats-a-story.md b/docs/get-started/whats-a-story.md
index dba754d3ddd7..71254da543fd 100644
--- a/docs/get-started/whats-a-story.md
+++ b/docs/get-started/whats-a-story.md
@@ -25,6 +25,8 @@ Let’s start with the `Button` component. A story is a function that describes
     'svelte/button-story.native-format.mdx',
     'svelte/button-story.mdx.mdx',
     'web-components/button-story.js.mdx',
+    'html/button-story.js.mdx',
+    'html/button-story.ts.mdx',
   ]}
 />
 
@@ -53,6 +55,8 @@ The above story definition can be further improved to take advantage of [Storybo
     'svelte/button-story-with-args.js.mdx',
     'svelte/button-story-with-args.native-format.mdx',
     'svelte/button-story-with-args.mdx.mdx',
+    'html/button-story-with-args.js.mdx',
+    'html/button-story-with-args.ts.mdx',
   ]}
 />
 
diff --git a/docs/sharing/build-publish-only.png b/docs/sharing/build-publish-only.png
new file mode 100644
index 000000000000..17684e9b026f
Binary files /dev/null and b/docs/sharing/build-publish-only.png differ
diff --git a/docs/workflows/combine-storybooks.png b/docs/sharing/combine-storybooks.png
similarity index 100%
rename from docs/workflows/combine-storybooks.png
rename to docs/sharing/combine-storybooks.png
diff --git a/docs/workflows/composition-versioning.png b/docs/sharing/composition-versioning.png
similarity index 100%
rename from docs/workflows/composition-versioning.png
rename to docs/sharing/composition-versioning.png
diff --git a/docs/sharing/embed-ghost.png b/docs/sharing/embed-ghost.png
new file mode 100644
index 000000000000..04803a422da8
Binary files /dev/null and b/docs/sharing/embed-ghost.png differ
diff --git a/docs/sharing/embed-medium-optimized.mp4 b/docs/sharing/embed-medium-optimized.mp4
new file mode 100644
index 000000000000..5e369a4a8d25
Binary files /dev/null and b/docs/sharing/embed-medium-optimized.mp4 differ
diff --git a/docs/sharing/embed-notion.png b/docs/sharing/embed-notion.png
new file mode 100644
index 000000000000..1a524c4e259b
Binary files /dev/null and b/docs/sharing/embed-notion.png differ
diff --git a/docs/sharing/embed.md b/docs/sharing/embed.md
new file mode 100644
index 000000000000..9c3ea5bcfe87
--- /dev/null
+++ b/docs/sharing/embed.md
@@ -0,0 +1,119 @@
+---
+title: 'Embed stories'
+---
+
+Embed stories to showcase your work to teammates and the developer community at large. In order to use embeds, your Storybook must be published and publicly accessible.
+
+Storybook supports `<iframe>` embeds out of the box. If you use Chromatic to [publish Storybook](./publish-storybook.md#publish-storybook-with-chromatic), you can also embed stories in Notion, Medium, and countless other platforms that support the oEmbed standard.
+
+## Embed a story with the toolbar
+
+Embed a story with the toolbar, paste the published story URL. For example:
+
+<!-- prettier-ignore-start -->
+
+```js
+// oEmbed
+https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/?path=/story/shadowboxcta--default
+
+// iframe embed
+<iframe
+  src="https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/?path=/story/shadowboxcta--default&full=1&shortcuts=false&singleStory=true"
+  width="800"
+  height="260"
+></iframe>
+```
+
+<!-- prettier-ignore-end -->
+
+<br/>
+
+<iframe src="https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/?path=/story/shadowboxcta--default&full=1&shortcuts=false&singleStory=true" width="800" height="260"></iframe>
+
+## Embed a story without the toolbar
+
+To embed a plain story without Storybook's toolbar, click the "open canvas in new tab" icon in the top-right corner of Storybook to get the canvas URL. For example:
+
+<!-- prettier-ignore-start -->
+
+```js
+// oEmbed
+https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/iframe.html?id=/story/shadowboxcta--default&viewMode=story
+
+// iframe embed
+ <iframe
+  src="https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/iframe.html?id=shadowboxcta--default&viewMode=story&shortcuts=false&singleStory=true"
+  width="800"
+  height="200"
+></iframe>;
+```
+<!-- prettier-ignore-end -->
+
+<br/>
+
+<iframe src="https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/iframe.html?id=shadowboxcta--default&viewMode=story&shortcuts=false&singleStory=true" width="800" height="200"></iframe>
+
+## Embed a docs page
+
+Embed a component's docs page by replacing the viewMode=story with viewMode=docs in the story URL.
+
+<!-- prettier-ignore-start -->
+
+```js
+// oEmbed
+https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/iframe.html?id=/story/shadowboxcta--default&viewMode=docs
+
+// iframe embed
+ <iframe
+  src="https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/iframe.html?id=shadowboxcta--default&viewMode=docs&shortcuts=false&singleStory=true"
+  width="800"
+  height="400"
+></iframe>
+```
+
+<!-- prettier-ignore-end -->
+
+<br/>
+
+<iframe src="https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/iframe.html?id=shadowboxcta--default&viewMode=docs&shortcuts=false&singleStory=true" width="800" height="400"></iframe>
+
+## Embed stories on other platforms
+
+Every platform has different levels of embed support. Check the documentation of your service to see how they recommend embedding external content.
+
+<details>
+
+<summary>How to embed in Medium</summary>
+
+Paste the Storybook URL into your Medium article, then press Enter. The embed will automatically resize to fit the story's height.
+
+While editing an article, Medium renders all embeds non-interactive. Once your article is published, it will become interactive. [Preview a demo on Medium](https://medium.com/@ghengeveld/embedding-storybook-on-medium-ce8a280c03ad).
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="embed-medium-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+</details>
+
+<details>
+
+<summary>How to embed in Notion</summary>
+
+In your Notion document, type /embed, press Enter, and paste the story URL as the embed link. You can resize the embed as necessary.
+
+![Embed Notion](./embed-notion.png)
+
+</details>
+
+<details>
+
+<summary>How to embed in Ghost</summary>
+
+Type `/html` in your Ghost post, press Enter and paste the iframe URL. You can resize the embed via the width and height properties as required.
+
+![Embed Ghost](./embed-ghost.png)
+
+</details>
diff --git a/docs/sharing/package-composition.md b/docs/sharing/package-composition.md
new file mode 100644
index 000000000000..201dd798d3cd
--- /dev/null
+++ b/docs/sharing/package-composition.md
@@ -0,0 +1,72 @@
+---
+title: 'Package Composition'
+---
+
+Storybook is widely used by component libraries and design systems. Design system authors can automatically compose their design systems inside their consumer’s Storybooks.
+
+For example, if you use a design system package, its stories can appear alongside your own. That makes it convenient to cross reference usage documentation without leaving Storybook.
+
+<div class="aside">
+
+Composition via a package requires a secure integration between the service where you publish Storybook and Storybook’s own APIs. We recommend [publishing Storybook to Chromatic](./publish-storybook.md#publish-storybook-with-chromatic) for full support of these features.
+
+</div>
+
+## For consumers
+
+Composition happens automatically if the package [supports](#for-authors) it. When you install the package, Storybook will load its stories alongside your own.
+
+![Package composition workflow](./package-composition.png)
+
+### Set up
+
+If you want to configure how the composed Storybook behaves, you can disable the `ref` element in your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering)
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-disable-refs.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Switching versions
+
+Change the version of the composed Storybook to see how the library evolves. This requires [configuration](#show-a-version-selector) from the package author.
+
+![Package composition workflow](./composition-versioning.png)
+
+## For authors
+
+Component library authors can expand adoption by composing their components in their consumer’s Storybooks.
+
+Add a `storybook` property in your published `package.json`that contains an object with a `url` field. Point the URL field to a published Storybook at the version you want.
+
+```json
+// Your component library’s package.json
+{
+  "storybook": {
+    "url": "https://host.com/your-storybook-for-this-version"
+  }
+}
+```
+
+### Automatic version selection
+
+If you're using [Chromatic](./publish-storybook.md#publish-storybook-with-chromatic), you can provide a single URL for your Storybook in the `storybook.url` field. You do not need to change the URL each time you publish a new version. Storybook will automatically find the correct URL for your package. For example:
+
+```json
+{
+  "storybook": {
+    "url": "https://master--xyz123.chromatic.com"
+  }
+}
+```
+
+In this example `xyz123` is your Chromatic project id. Storybook will automatically compose in the Storybook published to that project corresponding to the version the user has installed.
+
+### Show a version selector
+
+If you're using [Chromatic](./publish-storybook.md#publish-storybook-with-chromatic), you can provide a list of versions for the user to [choose from](#switching-versions) to experiment with other versions of your package.
diff --git a/docs/workflows/package-composition.png b/docs/sharing/package-composition.png
similarity index 100%
rename from docs/workflows/package-composition.png
rename to docs/sharing/package-composition.png
diff --git a/docs/sharing/prbadge-publish.png b/docs/sharing/prbadge-publish.png
new file mode 100644
index 000000000000..5f4f58dae06c
Binary files /dev/null and b/docs/sharing/prbadge-publish.png differ
diff --git a/docs/sharing/publish-storybook.md b/docs/sharing/publish-storybook.md
new file mode 100644
index 000000000000..babccd0407da
--- /dev/null
+++ b/docs/sharing/publish-storybook.md
@@ -0,0 +1,136 @@
+---
+title: 'Publish Storybook'
+---
+
+Teams publish Storybook online to review and collaborate on works in progress. That allows developers, designers, PMs, and other stakeholders to check if the UI looks right without touching code or requiring a local dev environment.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="storybook-publish-review-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+## Build Storybook as a static web application
+
+First, we'll need to build Storybook as a static web application. The functionality is already built-in and pre-configured. Run the following command inside your project's root directory:
+
+```shell
+# With yarn
+yarn build-storybook
+
+# With npm
+npm run build-storybook
+```
+
+<div class="aside">
+
+💡 You can provide additional flags to customize the command. Read more about the flag options [here](../api/cli-options.md).
+
+</div>
+
+Storybook will create a static web application capable of being served by any web server. Preview it locally by running the following command:
+
+```shell
+npx http-server ./path/to/build
+```
+
+## Publish Storybook with Chromatic
+
+Once you've built your Storybook as a static web app, you can publish it to your web host. We recommend [Chromatic](https://www.chromatic.com/), a free publishing service made for Storybook that documents, versions, and indexes your UI components securely in the cloud.
+
+![Storybook publishing workflow](./workflow-publish.png)
+
+To get started, sign up with your GitHub, GitLab, Bitbucket, or email and generate a unique _project-token_ for your project.
+
+Next, install the [Chromatic CLI](https://www.npmjs.com/package/chromatic) package from npm:
+
+```shell
+# With npm
+npm install --save-dev chromatic
+
+# With yarn
+yarn add --dev chromatic
+```
+
+Run the following command after the package finishes installing. Make sure that you replace `your-project-token` with your own project token.
+
+```shell
+npx chromatic --project-token=<your-project-token>
+```
+
+When Chromatic finishes, you should have successfully deployed your Storybook. Preview it by clicking the link provided (i.e., https://random-uuid.chromatic.com).
+
+```shell
+Build 1 published.
+
+View it online at https://www.chromatic.com/build?appId=...&number=1.
+```
+
+![Chromatic publish build](./build-publish-only.png)
+
+### Setup CI to publish automatically
+
+Configure your CI environment to publish your Storybook and [run Chromatic](https://www.chromatic.com/docs/ci)) whenever you push code to a repository. Let's see how to set it up using GitHub Actions.
+
+In your project's root directory, add a new file called `chromatic.yml` inside the `.github/workflows` directory:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/chromatic-github-action.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+💡 Secrets are secure environment variables provided by GitHub so that you don't need to hard code your `project-token`. Read the [official documentation](https://docs.github.com/en/actions/security-guides/encrypted-secrets#creating-encrypted-secrets-for-a-repository) to learn how to configure them.
+
+</div>
+
+Commit and push the file. Congratulations, you've successfully automated publishing your Storybook. Now whenever you open a PR you’ll get a handy link to your published Storybook in your PR checks.
+
+![PR check publish](./prbadge-publish.png)
+
+### Review with your team
+
+Publishing Storybook as part of the development process makes it quick and easy to [gather team feedback](https://storybook.js.org/tutorials/design-systems-for-developers/react/en/review/).
+
+A common method to ask for review is to paste a link to the published Storybook in a pull request or Slack.
+
+If you publish your Storybook to Chromatic, you can use the [UI Review](https://www.chromatic.com/features/publish) feature to automatically scan your PRs for new and updated stories. That makes it easy to identify what changed and give feedback.
+
+![UI review in Chromatic](./workflow-uireview.png)
+
+## Publish Storybook to other services
+
+You can publish the static Storybook web app to many hosts. We maintain [`storybook-deployer`](https://github.com/storybookjs/storybook-deployer), a handy tool to help you publish to AWS or GitHub pages.
+
+But features like [Composition](./storybook-composition.md), [embed](./embed.md), history, and versioning require tighter integration with Storybook APIs and secure authentication. Your hosting provider may not be capable of supporting these features. Learn about the Component Publishing Protocol (CPP) to see what.
+
+<details>
+
+<summary><h2>Component Publishing Protocol (CPP)</h2></summary>
+
+Storybook can communicate with services that host built Storybooks online. This enables features such as [Composition](./storybook-composition.md). We categorize services via compliance with the "Component Publishing Protocol" (CPP) with various levels of support in Storybook.
+
+### CPP level 1
+
+This level of service serves published Storybooks and makes the following available:
+
+- Versioned endpoints, URLs that resolve to different published Storybooks depending on a `version=x.y.z` query parameter (where `x.y.z` is the released version of the package).
+- Support for `/stories.json`
+- Support for `/metadata.json` and the `releases` field.
+
+Example: [Chromatic](https://www.chromatic.com/)
+
+### CPP level 0
+
+This level of service can serve published Storybooks but has no further integration with Storybook’s APIs.
+
+Examples: [Netlify](https://www.netlify.com/), [S3](https://aws.amazon.com/en/s3/)
+
+</details>
diff --git a/docs/workflows/reference-external-storybooks-composition.jpg b/docs/sharing/reference-external-storybooks-composition.jpg
similarity index 100%
rename from docs/workflows/reference-external-storybooks-composition.jpg
rename to docs/sharing/reference-external-storybooks-composition.jpg
diff --git a/docs/sharing/storybook-composition.md b/docs/sharing/storybook-composition.md
new file mode 100644
index 000000000000..10a7ae7b2a07
--- /dev/null
+++ b/docs/sharing/storybook-composition.md
@@ -0,0 +1,112 @@
+---
+title: 'Storybook Composition'
+---
+
+Composition allows you to browse components from any Storybook accessible via URL inside your local Storybook. You can compose any [Storybook published online](./storybook-publish.md) or running locally no matter the view layer, tech stack, or dependencies.
+
+![Storybook reference external](./reference-external-storybooks-composition.jpg)
+
+You’ll see the composed Storybook’s stories in the sidebar alongside your own. This unlocks common workflows that teams often struggle with:
+
+- 👩‍💻 UI developers can quickly reference prior art without switching between Storybooks.
+- 🎨 Design systems can expand adoption by composing themselves into their users’ Storybooks.
+- 🛠 Frontend platform can audit how components are used across projects.
+- 📚 View multiple Storybooks with different tech stacks in one place
+
+![Storybook composition](./combine-storybooks.png)
+
+## Compose published Storybooks
+
+In your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering) file add a `refs` field with information about the reference Storybook. Pass in a URL to a statically built Storybook.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-ref-remote.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+ 💡 Limitation: Addons in composed Storybooks will not work as they normally do in non-composed Storybook.
+</div>
+
+## Compose local Storybooks
+
+You can also compose multiple Storybooks that are running locally. For instance, if you have a React Storybook and a Angular Storybook running on different ports you can update your configuration file (i.e., `.storybook/main.js`) and reference them;
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-ref-local.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Adding this configuration will combine both the React and Angular Storybooks into your current one. When either of these changes, you’ll see the changes being applied automatically. Enabling you to develop both frameworks in sync.
+
+## Compose Storybooks per environment
+
+You can also compose Storybooks based on the current development environment (e.g, development, staging, production). For instance if the project you're working on has already a published Storybook, but also includes a version with cutting edge features not yet released you can adjust the composition based on that. For example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-ref-per-environment.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+💡 Similar to the other fields available in Storybook’s configuration file, the `refs` field can also be a function that accepts a config parameter containing Storybook’s configuration object. Check the [webpack documentation](../configure/webpack.md#extending-storybooks-webpack-config) to learn more about it.
+
+</div>
+
+### Improve your Storybook composition
+
+So far we've seen how we can use composition with local or published Storybooks. One thing worth mentioning as your Storybook will grow in time with your own stories, or through composition with other Storybooks, is that you can optimize the deployment process by including the following command in your workflow, run from your project root:
+
+```shell
+npx sb extract
+```
+
+<div class="aside">
+
+`sb extract` uses [Puppeteer](https://www.npmjs.com/package/puppeteer), which downloads and installs Chromium. Set the environment `SB_CHROMIUM_PATH` to configure your local Chromium installation.
+
+</div>
+
+Running this command will generate a `stories.json` file in the default build directory (`storybook-static`) with the information related to your Storybook. Here’s an example of the file contents:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-extract-result.json.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Linking to a Storybook deployed using this approach will yield all the stories and other relevant information displayed in the UI.
+
+If you need, you can also add additional arguments to this command. For instance, if you want to generate the stories.json file into a custom directory you can use the following:
+
+```shell
+npx sb extract my-built-storybook-directory my-other-directory/stories.json
+```
+
+When executed it will lookup a built Storybook in the `my-built-storybook-directory` and create the `stories.json` file in the `my-other-directory` with all the necessary information.
+
+<div class="aside">
+
+💡 If you need to use the arguments, you’ll need to include both of them or the command will fail.
+
+</div>
diff --git a/docs/workflows/storybook-publish-review-optimized.mp4 b/docs/sharing/storybook-publish-review-optimized.mp4
similarity index 100%
rename from docs/workflows/storybook-publish-review-optimized.mp4
rename to docs/sharing/storybook-publish-review-optimized.mp4
diff --git a/docs/workflows/template-component-with-controls-optimized.mp4 b/docs/sharing/template-component-with-controls-optimized.mp4
similarity index 100%
rename from docs/workflows/template-component-with-controls-optimized.mp4
rename to docs/sharing/template-component-with-controls-optimized.mp4
diff --git a/docs/workflows/workflow-publish.png b/docs/sharing/workflow-publish.png
similarity index 100%
rename from docs/workflows/workflow-publish.png
rename to docs/sharing/workflow-publish.png
diff --git a/docs/sharing/workflow-uireview.png b/docs/sharing/workflow-uireview.png
new file mode 100644
index 000000000000..21274e32290d
Binary files /dev/null and b/docs/sharing/workflow-uireview.png differ
diff --git a/docs/snippets/angular/badge-story-starter-example.mdx.mdx b/docs/snippets/angular/badge-story-starter-example.mdx.mdx
index 068128139499..87b96b0ee968 100644
--- a/docs/snippets/angular/badge-story-starter-example.mdx.mdx
+++ b/docs/snippets/angular/badge-story-starter-example.mdx.mdx
@@ -42,19 +42,16 @@ with unique URLs and isolated snapshot tests.
       template: `<Badge status="warning">Warning</Badge>`,
     }}
   </Story>
-
   <Story name="neutral">
     {{
       template: `<Badge status="neutral">Neutral</Badge>`,
     }}
   </Story>
-  
   <Story name="error">
     {{
       template: `<Badge status="error">Error</Badge>`,
     }}
   </Story>
-  
   <Story 
     name="with icon"
     decorators={[
@@ -73,4 +70,4 @@ with unique URLs and isolated snapshot tests.
     }}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/angular/badge-story.mdx.mdx b/docs/snippets/angular/badge-story.mdx.mdx
index 9d99343f6015..e903fc6b8e56 100644
--- a/docs/snippets/angular/badge-story.mdx.mdx
+++ b/docs/snippets/angular/badge-story.mdx.mdx
@@ -13,7 +13,7 @@ export const Template = (args) => ({ props: args });
 
 Let's define a story for our `Badge` component:
 
-<Story 
+<Story
   name="positive"
   args={{
     status: 'positive',
@@ -48,7 +48,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="neutral" 
     args={{
@@ -57,7 +56,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="error"
     args={{
@@ -66,7 +64,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="with icon" 
     args={{
@@ -76,4 +73,4 @@ with unique URLs, which is great for review and testing.
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/angular/mdx-canvas-multiple-stories.mdx.mdx b/docs/snippets/angular/mdx-canvas-multiple-stories.mdx.mdx
index 9c803f6368d7..8f34d74ce589 100644
--- a/docs/snippets/angular/mdx-canvas-multiple-stories.mdx.mdx
+++ b/docs/snippets/angular/mdx-canvas-multiple-stories.mdx.mdx
@@ -7,7 +7,6 @@ import { Badge } from './badge.component';
 
 <Meta title="Badge" component={Badge} />
 
-
 export const Template = (args) => ({ props: args });
 
 <Canvas>
@@ -19,7 +18,6 @@ export const Template = (args) => ({ props: args });
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="neutral"
     args={{ 
@@ -28,7 +26,6 @@ export const Template = (args) => ({ props: args });
      }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="error"
     args={{ 
@@ -38,4 +35,4 @@ export const Template = (args) => ({ props: args });
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/common/chromatic-github-action.js.mdx b/docs/snippets/common/chromatic-github-action.js.mdx
new file mode 100644
index 000000000000..a83501f7b140
--- /dev/null
+++ b/docs/snippets/common/chromatic-github-action.js.mdx
@@ -0,0 +1,26 @@
+```shell
+# .github/workflows/chromatic.yml
+
+# Workflow name
+name: 'Chromatic Publish'
+
+# Event for the workflow
+on: push
+
+# List of jobs
+jobs:
+  test:
+    # Operating System
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      - uses: actions/checkout@v1
+      - run: yarn
+        #👇 Adds Chromatic as a step in the workflow
+      - uses: chromaui/action@v1
+        # Options required for Chromatic's GitHub Action
+        with:
+          #👇 Chromatic projectToken,
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+```
diff --git a/docs/snippets/common/storybook-main-ts-module-resolution.js.mdx b/docs/snippets/common/storybook-main-ts-module-resolution.js.mdx
index 20fbcf426975..032e0aa9005a 100644
--- a/docs/snippets/common/storybook-main-ts-module-resolution.js.mdx
+++ b/docs/snippets/common/storybook-main-ts-module-resolution.js.mdx
@@ -1,6 +1,8 @@
 ```js
 // .storybook/main.js
 
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+
 module.exports = {
   webpackFinal: async (config) => {
     config.resolve.plugins = [
@@ -12,4 +14,4 @@ module.exports = {
     return config;
   },
 };
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/html/button-story-with-args.js.mdx b/docs/snippets/html/button-story-with-args.js.mdx
new file mode 100644
index 000000000000..3466f20cbcd8
--- /dev/null
+++ b/docs/snippets/html/button-story-with-args.js.mdx
@@ -0,0 +1,27 @@
+```js
+export default {
+  /* 👇 The title prop is optional.
+   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * to learn how to generate automatic titles
+   */
+  title: 'Button',
+};
+
+//👇 We create a “template” of how args map to rendering
+const Template = (args) => {
+  const btn = document.createElement('button');
+  btn.innerText = args.label;
+
+  const mode = args.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  btn.className = ['storybook-button', 'storybook-button--medium', mode].join(' ');
+
+  return btn;
+};
+
+//👇 Each story then reuses that template
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+```
diff --git a/docs/snippets/html/button-story-with-args.ts.mdx b/docs/snippets/html/button-story-with-args.ts.mdx
new file mode 100644
index 000000000000..e3f866a17886
--- /dev/null
+++ b/docs/snippets/html/button-story-with-args.ts.mdx
@@ -0,0 +1,29 @@
+```ts
+import { Meta, StoryFn } from '@storybook/html';
+
+export default {
+  /* 👇 The title prop is optional.
+   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * to learn how to generate automatic titles
+   */
+  title: 'Button',
+} as Meta;
+
+//👇 We create a “template” of how args map to rendering
+const Template: StoryFn = (args): HTMLButtonElement => {
+  const btn = document.createElement('button');
+  btn.innerText = args.label;
+
+  const mode = args.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  btn.className = ['storybook-button', 'storybook-button--medium', mode].join(' ');
+
+  return btn;
+};
+
+//👇 Each story then reuses that template
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+```
diff --git a/docs/snippets/html/button-story.js.mdx b/docs/snippets/html/button-story.js.mdx
new file mode 100644
index 000000000000..743c489eff80
--- /dev/null
+++ b/docs/snippets/html/button-story.js.mdx
@@ -0,0 +1,22 @@
+```js
+export default {
+  /* 👇 The title prop is optional.
+   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * to learn how to generate automatic titles
+   */
+  title: 'Button',
+};
+
+export const Primary = () => {
+  const btn = document.createElement('button');
+  btn.innerText = 'Button';
+
+  btn.className = [
+    'storybook-button',
+    'storybook-button--medium',
+    'storybook-button--primary',
+  ].join(' ');
+
+  return btn;
+};
+```
diff --git a/docs/snippets/html/button-story.ts.mdx b/docs/snippets/html/button-story.ts.mdx
new file mode 100644
index 000000000000..104aa6ccbd19
--- /dev/null
+++ b/docs/snippets/html/button-story.ts.mdx
@@ -0,0 +1,24 @@
+```ts
+import { Meta, StoryFn } from '@storybook/html';
+
+export default {
+  /* 👇 The title prop is optional.
+   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * to learn how to generate automatic titles
+   */
+  title: 'Button',
+} as Meta;
+
+export const Primary: StoryFn = (): HTMLButtonElement => {
+  const btn = document.createElement('button');
+  btn.innerText = 'Button';
+
+  btn.className = [
+    'storybook-button',
+    'storybook-button--medium',
+    'storybook-button--primary',
+  ].join(' ');
+
+  return btn;
+};
+```
diff --git a/docs/snippets/react/badge-story-starter-example.mdx.mdx b/docs/snippets/react/badge-story-starter-example.mdx.mdx
index ad80c445a81f..5a025429d643 100644
--- a/docs/snippets/react/badge-story-starter-example.mdx.mdx
+++ b/docs/snippets/react/badge-story-starter-example.mdx.mdx
@@ -32,15 +32,12 @@ with unique URLs and isolated snapshot tests.
   <Story name="warning">
     <Badge status="warning">Warning</Badge>
   </Story>
-
   <Story name="neutral">
     <Badge status="neutral">Neutral</Badge>
   </Story>
-
   <Story name="error">
     <Badge status="error">Error</Badge>
   </Story>
-  
   <Story name="with icon">
     <Badge status="warning">
       <Icon icon="check" inline />
@@ -48,4 +45,4 @@ with unique URLs and isolated snapshot tests.
     </Badge>
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/react/badge-story.mdx.mdx b/docs/snippets/react/badge-story.mdx.mdx
index f17f1c53dbfa..5a7139b754ac 100644
--- a/docs/snippets/react/badge-story.mdx.mdx
+++ b/docs/snippets/react/badge-story.mdx.mdx
@@ -14,7 +14,7 @@ export const Template = (args) => <Badge {...args } />
 
 Let's define a story for our `Badge` component:
 
-<Story 
+<Story
   name="positive"
   args={{
     status: 'positive',
@@ -49,7 +49,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="neutral" 
     args={{
@@ -58,7 +57,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="error"
     args={{
@@ -67,7 +65,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="with icon" 
     args={{
@@ -77,4 +74,4 @@ with unique URLs, which is great for review and testing.
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/react/checkbox-story-starter-example.mdx.mdx b/docs/snippets/react/checkbox-story-starter-example.mdx.mdx
index e87c1b9ed624..438833d3ba88 100644
--- a/docs/snippets/react/checkbox-story-starter-example.mdx.mdx
+++ b/docs/snippets/react/checkbox-story-starter-example.mdx.mdx
@@ -11,7 +11,7 @@ import { Checkbox } from './Checkbox';
 
 With `MDX`, we can define a story for `Checkbox` right in the middle of our Markdown documentation.
 
-Canvas>
+<Canvas>
   <Story name="all checkboxes">
     <form>
       <Checkbox id="Unchecked" label="Unchecked" />
@@ -20,4 +20,4 @@ Canvas>
     </form>
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/react/mdx-canvas-multiple-stories.mdx.mdx b/docs/snippets/react/mdx-canvas-multiple-stories.mdx.mdx
index 7cbbc3ceea4f..65bc82c2e41f 100644
--- a/docs/snippets/react/mdx-canvas-multiple-stories.mdx.mdx
+++ b/docs/snippets/react/mdx-canvas-multiple-stories.mdx.mdx
@@ -18,7 +18,6 @@ export const Template = (args) => <Badge {...args } />;
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="neutral"
     args={{
@@ -27,7 +26,6 @@ export const Template = (args) => <Badge {...args } />;
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="error"
     args={{
@@ -37,4 +35,4 @@ export const Template = (args) => <Badge {...args } />;
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/svelte/badge-story.mdx.mdx b/docs/snippets/svelte/badge-story.mdx.mdx
index 6ca4071526d0..06a6c95b9386 100644
--- a/docs/snippets/svelte/badge-story.mdx.mdx
+++ b/docs/snippets/svelte/badge-story.mdx.mdx
@@ -16,7 +16,7 @@ export const Template = (args) => ({
 
 Let's define a story for our `Badge` component:
 
-<Story 
+<Story
   name="positive"
   args={{
     status: 'positive',
@@ -51,7 +51,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="neutral" 
     args={{
@@ -60,7 +59,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="error"
     args={{
@@ -69,7 +67,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="with icon" 
     args={{
@@ -79,4 +76,4 @@ with unique URLs, which is great for review and testing.
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx b/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx
index 338eadfbfe43..2b5c5d2ee1a4 100644
--- a/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx
+++ b/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx
@@ -21,7 +21,6 @@ export const Template = (args) => ({
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="neutral"
     args={{
@@ -30,7 +29,6 @@ export const Template = (args) => ({
     }}>
     {Template.bind({})}
   </Story>
-
   <Story 
     name="error"
     args={{
@@ -40,4 +38,4 @@ export const Template = (args) => ({
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/vue/badge-story-starter-example.mdx.mdx b/docs/snippets/vue/badge-story-starter-example.mdx.mdx
index 01cdacad932b..1905cd91cac4 100644
--- a/docs/snippets/vue/badge-story-starter-example.mdx.mdx
+++ b/docs/snippets/vue/badge-story-starter-example.mdx.mdx
@@ -47,7 +47,6 @@ with unique URLs and isolated snapshot tests.
       };
     }}
   </Story>
-
   <Story name="neutral">
     {() => {
       return {
@@ -56,7 +55,6 @@ with unique URLs and isolated snapshot tests.
       };
     }}
   </Story>
-
   <Story name="error">
     {() => {
       return {
@@ -65,7 +63,6 @@ with unique URLs and isolated snapshot tests.
       };
     }}
   </Story>
-  
   <Story name="with icon">
     {() => {
       return {
@@ -79,4 +76,4 @@ with unique URLs and isolated snapshot tests.
     }}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/vue/badge-story.mdx-2.mdx.mdx b/docs/snippets/vue/badge-story.mdx-2.mdx.mdx
index d80187bccec8..fb34bac4968d 100644
--- a/docs/snippets/vue/badge-story.mdx-2.mdx.mdx
+++ b/docs/snippets/vue/badge-story.mdx-2.mdx.mdx
@@ -13,12 +13,11 @@ export const Template = (args, { argTypes }) => ({
   template: '<Badge v-bind="$props" />',
 });
 
-
 # Badge
 
 Let's define a story for our `Badge` component:
 
-<Story 
+<Story
   name="positive"
   args={{
     status: 'positive',
@@ -53,7 +52,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="neutral"
     args={{
@@ -62,7 +60,6 @@ with unique URLs, which is great for review and testing.
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="error"
     args={{
@@ -72,4 +69,4 @@ with unique URLs, which is great for review and testing.
     {Template.bind({})}
   </Story>
 </Canvas>
-```
\ No newline at end of file
+```
diff --git a/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-2.mdx.mdx b/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-2.mdx.mdx
index 929bbb2bef45..32349dcf0594 100644
--- a/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-2.mdx.mdx
+++ b/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-2.mdx.mdx
@@ -22,7 +22,6 @@ export const Template = (args, { argTypes }) => ({
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="neutral"
     args={{
@@ -31,7 +30,6 @@ export const Template = (args, { argTypes }) => ({
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="error"
     args={{
diff --git a/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-3.mdx.mdx b/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-3.mdx.mdx
index e9030d5cd61a..9acb775a0b80 100644
--- a/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-3.mdx.mdx
+++ b/docs/snippets/vue/mdx-canvas-multiple-stories.mdx-3.mdx.mdx
@@ -24,7 +24,6 @@ export const Template = (args) => ({
     }}>
     {Template.bind({})}
   </Story>
-  
   <Story 
     name="neutral"
     args={{
diff --git a/docs/snippets/vue/page-story-slots.2.js.mdx b/docs/snippets/vue/page-story-slots.2.js.mdx
index d728cd1f48ad..ff119043c287 100644
--- a/docs/snippets/vue/page-story-slots.2.js.mdx
+++ b/docs/snippets/vue/page-story-slots.2.js.mdx
@@ -17,7 +17,9 @@ const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   template: `
     <page v-bind="$props">
-      <footer v-if="footer" v-slot=footer v-html="footer"/>
+      <template v-slot:footer>
+        <footer v-if="footer" v-html="footer"/>
+      </template>
     </page>
   `,
 });
diff --git a/docs/snippets/vue/page-story-slots.mdx-2.mdx.mdx b/docs/snippets/vue/page-story-slots.mdx-2.mdx.mdx
index 1f4e86e63fef..b6ce77d8a2f6 100644
--- a/docs/snippets/vue/page-story-slots.mdx-2.mdx.mdx
+++ b/docs/snippets/vue/page-story-slots.mdx-2.mdx.mdx
@@ -12,7 +12,9 @@ export const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   template: `
     <page v-bind="$props">
-      <footer v-if="footer" v-slot=footer v-html="footer"/>
+      <template v-slot:footer>
+        <footer v-if="footer" v-html="footer"/>
+      </template>
     </page>
   `,
 });
diff --git a/docs/toc.js b/docs/toc.js
index df209d65584c..c793804b860b 100644
--- a/docs/toc.js
+++ b/docs/toc.js
@@ -49,7 +49,7 @@ module.exports = {
       ],
     },
     {
-      title: '🖋 Writing stories',
+      title: '🖋 Write stories',
       pathSegment: 'writing-stories',
       type: 'menu',
       children: [
@@ -88,10 +88,20 @@ module.exports = {
           title: 'Naming components and hierarchy',
           type: 'link',
         },
+        {
+          pathSegment: 'build-pages-with-storybook',
+          title: 'Build pages and screens',
+          type: 'link',
+        },
+        {
+          pathSegment: 'stories-for-multiple-components',
+          title: 'Stories for multiple components',
+          type: 'link',
+        },
       ],
     },
     {
-      title: '📖 Writing docs',
+      title: '📖 Write docs',
       pathSegment: 'writing-docs',
       type: 'menu',
       children: [
@@ -123,7 +133,7 @@ module.exports = {
       ],
     },
     {
-      title: '🔬 Writing tests',
+      title: '🔬 Testing',
       pathSegment: 'writing-tests',
       type: 'menu',
       children: [
@@ -160,48 +170,32 @@ module.exports = {
       ],
     },
     {
-      title: '🧩 Essential addons',
-      pathSegment: 'essentials',
+      title: '🔖 Sharing',
+      pathSegment: 'sharing',
       type: 'menu',
       children: [
         {
-          pathSegment: 'introduction',
-          title: 'Introduction',
-          type: 'link',
-        },
-        {
-          pathSegment: 'controls',
-          title: 'Controls',
-          type: 'link',
-        },
-        {
-          pathSegment: 'actions',
-          title: 'Actions',
+          pathSegment: 'publish-storybook',
+          title: 'Publish',
           type: 'link',
         },
         {
-          pathSegment: 'viewport',
-          title: 'Viewport',
+          pathSegment: 'embed',
+          title: 'Embed',
           type: 'link',
         },
         {
-          pathSegment: 'backgrounds',
-          title: 'Backgrounds',
-          type: 'link',
-        },
-        {
-          pathSegment: 'toolbars-and-globals',
-          title: 'Toolbars & globals',
+          pathSegment: 'storybook-composition',
+          title: 'Composition',
           type: 'link',
         },
         {
-          pathSegment: 'measure-and-outline',
-          title: 'Measure & Outline',
+          pathSegment: 'package-composition',
+          title: 'Package Composition',
           type: 'link',
         },
       ],
     },
-
     {
       title: '⚙️ Configure',
       pathSegment: 'configure',
@@ -294,45 +288,60 @@ module.exports = {
       ],
     },
     {
-      title: '🔄 Workflows',
-      pathSegment: 'workflows',
+      title: '🔧 Addons',
+      pathSegment: 'addons',
       type: 'menu',
       children: [
         {
-          pathSegment: 'publish-storybook',
-          title: 'Publish Storybook',
+          pathSegment: 'introduction',
+          title: 'Introduction',
           type: 'link',
         },
         {
-          pathSegment: 'build-pages-with-storybook',
-          title: 'Building pages and screens',
+          pathSegment: 'install-addons',
+          title: 'Install',
           type: 'link',
         },
         {
-          pathSegment: 'stories-for-multiple-components',
-          title: 'Stories for multiple components',
+          pathSegment: 'writing-addons',
+          title: 'Write',
           type: 'link',
         },
         {
-          pathSegment: 'storybook-composition',
-          title: 'Composition',
+          pathSegment: 'configure-addons',
+          title: 'Configure addons',
           type: 'link',
         },
         {
-          pathSegment: 'package-composition',
-          title: 'Package Composition',
+          pathSegment: 'writing-presets',
+          title: 'Write a preset',
+          type: 'link',
+        },
+        {
+          pathSegment: 'addon-catalog',
+          title: 'Add to catalog',
+          type: 'link',
+        },
+        {
+          pathSegment: 'addon-types',
+          title: 'Types of addons',
+          type: 'link',
+        },
+        {
+          pathSegment: 'addon-knowledge-base',
+          title: 'Knowledge base',
           type: 'link',
         },
         {
-          pathSegment: 'faq',
-          title: 'Frequently Asked Questions',
+          pathSegment: 'addons-api',
+          title: 'Addon API',
           type: 'link',
         },
       ],
     },
     {
-      title: '🔧 Addons',
-      pathSegment: 'addons',
+      title: '🧩 Essential addons',
+      pathSegment: 'essentials',
       type: 'menu',
       children: [
         {
@@ -341,43 +350,38 @@ module.exports = {
           type: 'link',
         },
         {
-          pathSegment: 'install-addons',
-          title: 'Install',
-          type: 'link',
-        },
-        {
-          pathSegment: 'writing-addons',
-          title: 'Write',
+          pathSegment: 'controls',
+          title: 'Controls',
           type: 'link',
         },
         {
-          pathSegment: 'configure-addons',
-          title: 'Configure addons',
+          pathSegment: 'actions',
+          title: 'Actions',
           type: 'link',
         },
         {
-          pathSegment: 'writing-presets',
-          title: 'Write a preset',
+          pathSegment: 'viewport',
+          title: 'Viewport',
           type: 'link',
         },
         {
-          pathSegment: 'addon-catalog',
-          title: 'Add to catalog',
+          pathSegment: 'backgrounds',
+          title: 'Backgrounds',
           type: 'link',
         },
         {
-          pathSegment: 'addon-types',
-          title: 'Types of addons',
+          pathSegment: 'toolbars-and-globals',
+          title: 'Toolbars & globals',
           type: 'link',
         },
         {
-          pathSegment: 'addon-knowledge-base',
-          title: 'Knowledge base',
+          pathSegment: 'measure-and-outline',
+          title: 'Measure & Outline',
           type: 'link',
         },
         {
-          pathSegment: 'addons-api',
-          title: 'Addon API',
+          pathSegment: 'interactions',
+          title: 'Interactions',
           type: 'link',
         },
       ],
@@ -465,5 +469,10 @@ module.exports = {
         },
       ],
     },
+    {
+      title: '❓ FAQ',
+      pathSegment: 'faq',
+      type: 'link',
+    },
   ],
 };
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 5c2b66445f7f..8c523840e318 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"6.4.0-rc.6","info":{"plain":"### Bug Fixes\n\n- CSF: Fix component id handling ([#16746](https://github.com/storybookjs/storybook/pull/16746))\n- Addon-docs: Improved loading state ([#16709](https://github.com/storybookjs/storybook/pull/16709))\n\n### Maintenance\n\n- WebComponents: Update Lit peerDep to use Lit 2 stable version ([#16670](https://github.com/storybookjs/storybook/pull/16670))\n\n### Dependency Upgrades\n\n- Upgrade react-router to 6.0.0 ([#16742](https://github.com/storybookjs/storybook/pull/16742))"}}
\ No newline at end of file
+{"version":"6.5.0-alpha.7","info":{"plain":"### Bug Fixes\n\n- Addon-measure: Update z-index to fit with libraries with also high z-index ([#15860](https://github.com/storybookjs/storybook/pull/15860))\n\n### Maintenance\n\n- Vue: Fix VueLoaderPlugin import to support vue-loader@16.x ([#14624](https://github.com/storybookjs/storybook/pull/14624))\n\n### Dependency Upgrades\n\n- Upgrade react-syntax-highlighter to pick up security patch upstream in highlight.js ([#17100](https://github.com/storybookjs/storybook/pull/17100))"}}
\ No newline at end of file
diff --git a/docs/workflows/faq.md b/docs/workflows/faq.md
deleted file mode 100644
index 09c58f4037d0..000000000000
--- a/docs/workflows/faq.md
+++ /dev/null
@@ -1,373 +0,0 @@
----
-title: 'Frequently Asked Questions'
----
-
-Here are some answers to frequently asked questions. If you have a question, you can ask it by opening an issue on the [Storybook Repository](https://github.com/storybookjs/storybook/).
-
-### How can I opt-out of Angular Ivy?
-
-In case you are having trouble with Angular Ivy you can deactivate it in your `main.js`:
-
-```javascript
-module.exports = {
-  stories: [
-    /* ... */
-  ],
-  addons: [
-    /* ... */
-  ],
-  angularOptions: {
-    enableIvy: false,
-  },
-};
-```
-
-Please report any issues related to Ivy in our [GitHub Issue Tracker](https://github.com/storybookjs/storybook/labels/app%3A%20angular) as the support for View Engine will be dropped in a future release of Angular.
-
-### How can I run coverage tests with Create React App and leave out stories?
-
-Create React App does not allow providing options to Jest in your `package.json`, however you can run `jest` with commandline arguments:
-
-```sh
-npm test -- --coverage --collectCoverageFrom='["src/**/*.{js,jsx}","!src/**/stories/*"]'
-```
-
-<div class="aside">
-💡 <strong>Note</strong>: If you're using <a href="https://yarnpkg.com/">yarn</a> as a package manager, you'll need to adjust the command accordingly.
-</div>
-
-### I see `ReferenceError: React is not defined` when using Storybook with Next.js
-
-Next automatically defines `React` for all of your files via a babel plugin. In Storybook, you can solve this either by:
-
-1.  Adding `import React from 'react'` to your component files.
-2.  Adding a `.babelrc` that includes [`babel-plugin-react-require`](https://www.npmjs.com/package/babel-plugin-react-require)
-
-### How do I setup Storybook to share Webpack configuration with Next.js?
-
-You can generally reuse webpack rules by placing them in a file that is `require()`-ed from both your `next.config.js` and your `.storybook/main.js` files. For example:
-
-```js
-module.exports = {
-  webpackFinal: async (baseConfig) => {
-    const nextConfig = require('/path/to/next.config.js');
-
-    // merge whatever from nextConfig into the webpack config storybook will use
-    return { ...baseConfig, ...nextConfig };
-  },
-};
-```
-
-### How do I setup React Fast Refresh with Storybook?
-
-Fast refresh is an opt-in feature that can be used in Storybook React.
-There are two ways that you can enable it, go ahead and pick one:
-
-- You can set a `FAST_REFRESH` environment variable in your `.env` file:
-
-```
-FAST_REFRESH=true
-```
-
-- Or you can set the following properties in your `.storybook/main.js` files:
-
-```js
-module.exports = {
-  reactOptions: {
-    fastRefresh: true,
-  },
-};
-```
-
-<div class="aside">
-💡 <strong>Note:</strong> Fast Refresh only works in development mode with React 16.10 or higher.
-</div>
-
-### Why is there no addons channel?
-
-A common error is that an addon tries to access the "channel", but the channel is not set. It can happen in a few different cases:
-
-1.  You're trying to access addon channel (e.g., by calling `setOptions`) in a non-browser environment like Jest. You may need to add a channel mock:
-
-    ```js
-    import { addons, mockChannel } from '@storybook/addons';
-
-    addons.setChannel(mockChannel());
-    ```
-
-2.  In React Native, it's a special case documented in [#1192](https://github.com/storybookjs/storybook/issues/1192)
-
-### Can I modify React component state in stories?
-
-Not directly. If you control the component source, you can do something like this:
-
-```js
-import React, { Component } from 'react';
-
-export default {
-  title: 'MyComponent',
-};
-
-class MyComponent extends Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      someVar: 'defaultValue',
-      ...props.initialState,
-    };
-  }
-  // ...
-}
-
-export const defaultView = () => <MyComponent initialState={} />;
-```
-
-### Why aren't Controls visible in the Canvas panel but visible in the Docs panel?
-
-If you're adding Storybook's dependencies manually, make sure you include the [`@storybook/addon-controls`](https://www.npmjs.com/package/@storybook/addon-controls) dependency in your project and reference it in your `.storybook/main.js` as follows:
-
-```js
-// .storybook/main.js
-
-module.exports = {
-  addons: ['@storybook/addon-controls'],
-};
-```
-
-### Why aren't the addons working in a composed Storybook?
-
-Composition is a new feature that we released with version 6.0, and there are still some limitations to it.
-
-For now, the addons you're using in a composed Storybook will not work.
-
-We're working on overcoming this limitation, and soon you'll be able to use them as if you are working with a non-composed Storybook.
-
-### Which community addons are compatible with the latest version of Storybook?
-
-Starting with Storybook version 6.0, we've introduced some great features aimed at streamlining your development workflow.
-
-With this, we would like to point out that if you plan on using addons created by our fantastic community, you need to consider that some of those addons might be working with an outdated version of Storybook.
-
-We're actively working to provide a better way to address this situation, but in the meantime, we would ask for a bit of caution on your end so that you don't run into unexpected problems. Let us know by creating an issue in the [Storybook repo](https://github.com/storybookjs/storybook/issues) so that we can gather information and create a curated list with those addons to help not only you but the rest of the community.
-
-### Is it possible to browse the documentation for past versions of Storybook?
-
-With the release of version 6.0, we updated our documentation as well. That doesn't mean that the old documentation was removed. We kept it to help you with your Storybook migration process. Use the content from the table below in conjunction with our <a href="https://github.com/storybookjs/storybook/blob/next/MIGRATION.md">migration guide</a> .
-
-We're only covering versions 5.3 and 5.0 as they were important milestones for Storybook. If you want to go back in time a little more, you'll have to check the specific release in the monorepo.
-
-| Section          | Page                                       | Current Location                                                                   | Version 5.3 location                                                                                                                                                                                                                                                 | Version 5.0 location                                                                                                                                     |
-| ---------------- | ------------------------------------------ | ---------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Get Started      | Install                                    | [See current documentation](../get-started/install.md)                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/guides/quick-start-guide)                                                                                                                                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/guides/quick-start-guide)                         |
-|                  | What's a story                             | [See current documentation](../get-started/whats-a-story.md)                       | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/guides)                                                                                                                                    | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/guides)                        |
-|                  | Browse Stories                             | [See current documentation](../get-started/browse-stories.md)                      | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/guides)                                                                                                                                    | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/guides)                        |
-|                  | Setup                                      | [See current documentation](../get-started/setup.md)                               | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/guides)                                                                                                                                    | [See versioned documentation for your framework](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/guides)                        |
-| Writing Stories  | Introduction                               | [See current documentation](../writing-stories/introduction.md)                    | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/writing-stories)                                                                                                                                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/basics/writing-stories)                           |
-|                  | Parameters                                 | [See current documentation](../writing-stories/parameters.md)                      | See versioned documentation here                                                                                                                                                                                                                                     | Non existing feature or undocumented                                                                                                                     |
-|                  | Decorators                                 | [See current documentation](../writing-stories/decorators.md)                      | See versioned documentation here                                                                                                                                                                                                                                     | See versioned documentation here                                                                                                                         |
-|                  | Naming components and hierarchy            | [See current documentation](../writing-stories/naming-components-and-hierarchy.md) | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/writing-stories)                                                                                                                                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/basics/writing-stories)                           |
-| Writing Docs     | DocsPage                                   | [See current documentation](../writing-docs/docs-page.md)                          | See versioned addon documentation                                                                                                                                                                                                                                    | Non existing feature or undocumented                                                                                                                     |
-|                  | MDX                                        | [See current documentation](../writing-docs/mdx.md)                                | See versioned addon documentation                                                                                                                                                                                                                                    | Non existing feature or undocumented                                                                                                                     |
-|                  | Doc Blocks                                 | [See current documentation](../writing-docs/doc-blocks.md)                         | [See versioned addon documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/docs/)                                                                                                                                                          | Non existing feature or undocumented                                                                                                                     |
-|                  | Preview and build docs                     | [See current documentation](../writing-docs/build-documentation.md)                | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
-| Essential addons | Controls                                   | [See current documentation](../essentials/controls.md)                             | Controls are specific to version 6.0 see [Knobs versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/knobs)                                                                                                                     | Controls are specific to version 6.0 see [Knobs versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/knobs)         |
-|                  | Actions                                    | [See current documentation](../essentials/actions.md)                              | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/actions)                                                                                                                                                        | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/actions)                                            |
-|                  | Viewport                                   | [See current documentation](../essentials/viewport.md)                             | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/viewport)                                                                                                                                                       | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/viewport)                                           |
-|                  | Backgrounds                                | [See current documentation](../essentials/backgrounds.md)                          | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/addons/backgrounds)                                                                                                                                                    | [See addon versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/addons/backgrounds)                                        |
-|                  | Toolbars and globals                       | [See current documentation](../essentials/toolbars-and-globals.md)                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/toolbar-guide)                                                                                                                                         | Non existing feature or undocumented                                                                                                                     |
-| Configure        | Overview                                   | [See current documentation](../configure/overview.md)                              | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/overview)                                                                                                                                      | [See versioned documentation](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/basics/writing-stories)                           |
-|                  | Integration/Webpack                        | [See current documentation](../configure/webpack.md)                               | See versioned documentation                                                                                                                                                                                                                                          | See versioned documentation                                                                                                                              |
-|                  | Integration/Babel                          | [See current documentation](../configure/babel.md)                                 | See versioned documentation here and [here](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/custom-babel-config)                                                                                                             | See versioned documentation here and [here](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/custom-babel-config) |
-|                  | Integration/Typescript                     | [See current documentation](../configure/typescript.md)                            | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/typescript-config)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/typescript-config)                 |
-|                  | Integration/Styling and CSS                | [See current documentation](../configure/styling-and-css.md)                       | See versioned documentation                                                                                                                                                                                                                                          | See versioned documentation                                                                                                                              |
-|                  | Integration/Images and assets              | [See current documentation](../configure/images-and-assets.md)                     | See versioned documentation                                                                                                                                                                                                                                          | See versioned documentation                                                                                                                              |
-|                  | Story rendering                            | [See current documentation](../configure/story-rendering.md)                       | See versioned documentation [here](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/add-custom-head-tags) and [here](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/add-custom-body) | See versioned documentation [here](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/add-custom-head-tags)         |
-|                  | Story Layout                               | [See current documentation](../configure/story-layout.md)                          | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
-|                  | User Interface/Features and behavior       | [See current documentation](../configure/features-and-behavior.md)                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/options-parameter)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/options-parameter)                 |
-|                  | User Interface/Theming                     | [See current documentation](../configure/theming.md)                               | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/theming)                                                                                                                                       | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/theming)                           |
-|                  | User Interface/Sidebar & URLS              | [See current documentation](../configure/sidebar-and-urls.md)                      | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/options-parameter)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/options-parameter)                 |
-|                  | Environment variables                      | [See current documentation](../configure/environment-variables.md)                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/env-vars)                                                                                                                                      | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/env-vars)                          |
-| Workflows        | Publish Storybook                          | [See current documentation](./publish-storybook.md)                                | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/basics/exporting-storybook)                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/basics/exporting-storybook)                       |
-|                  | Build pages and screens                    | [See current documentation](./build-pages-with-storybook.md)                       | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
-|                  | Stories for multiple components            | [See current documentation](./stories-for-multiple-components.md)                  | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
-|                  | Testing with Storybook/Unit Testing        | [See current documentation](./unit-testing.md)                                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/react-ui-testing)                                                                                                                                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/react-ui-testing)                         |
-|                  | Testing with Storybook/Visual Testing      | [See current documentation](./visual-testing.md)                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/automated-visual-testing)                                                                                                                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/automated-visual-testing)                 |
-|                  | Testing with Storybook/Interaction Testing | [See current documentation](./interaction-testing.md)                              | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/interaction-testing)                                                                                                                                  | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/interaction-testing)                      |
-|                  | Testing with Storybook/Snapshot Testing    | [See current documentation](./snapshot-testing.md)                                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/testing/structural-testing)                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/testing/structural-testing)                       |
-| Addons           | Introduction                               | [See current documentation](../addons/introduction.md)                             | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/writing-addons)                                                                                                                                        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/writing-addons)                            |
-|                  | Install addons                             | [See current documentation](../addons/install-addons.md)                           | [See versioned documentation](https://github.com/storybookjs/storybook/blob/release/5.3/docs/src/pages/addons/using-addons/)                                                                                                                                         | [See versioned documentation](https://github.com/storybookjs/storybook/blob/release/5.0/docs/src/pages/addons/using-addons/)                             |
-|                  | Writing Addons                             | [See current documentation](../addons/writing-addons.md)                           | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/writing-addons)                                                                                                                                        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/writing-addons)                            |
-|                  | Writing Presets                            | [See current documentation](../addons/writing-presets.md)                          | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/presets/writing-presets)                                                                                                                                      | Non existing feature or undocumented                                                                                                                     |
-|                  | Addons Knowledge Base                      | [See current documentation](../addons/addon-knowledge-base.md)                     | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/writing-addons)                                                                                                                                        | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/writing-addons)                            |
-|                  | Types of addons                            | [See current documentation](../addons/addon-types.md)                              | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
-|                  | Addons API                                 | [See current documentation](../addons/addons-api.md)                               | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/addons/api)                                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/addons/api)                                       |
-| API              | Stories/Component Story Format             | [See current documentation](../api/csf.md)                                         | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/formats/component-story-format)                                                                                                                               | Non existing feature or undocumented                                                                                                                     |
-|                  | Stories/MDX syntax                         | [See current documentation](../api/mdx.md)                                         | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/formats/mdx-syntax)                                                                                                                                           | Non existing feature or undocumented                                                                                                                     |
-|                  | Stories/StoriesOF format (see note below)  | [See current documentation](../../lib/core/docs/storiesOf.md)                      | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/formats/storiesof-api)                                                                                                                                        | Non existing feature or undocumented                                                                                                                     |
-|                  | Frameworks                                 | [See current documentation](../api/new-frameworks.md)                              | Non existing feature or undocumented                                                                                                                                                                                                                                 | Non existing feature or undocumented                                                                                                                     |
-|                  | CLI options                                | [See current documentation](../api/cli-options.md)                                 | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.3/docs/src/pages/configurations/cli-options)                                                                                                                                   | [See versioned documentation](https://github.com/storybookjs/storybook/tree/release/5.0/docs/src/pages/configurations/cli-options)                       |
-
-<div class="aside">
-With the release of version 5.3, we've updated how you can write your stories more compactly and easily. It doesn't mean that the <code>storiesOf</code> format has been removed. For the time being, we're still supporting it, and we have documentation for it. But be advised that this is bound to change in the future.
-</div>
-
-### What icons are available for my toolbar or my addon?
-
-With the [`@storybook/components`](https://www.npmjs.com/package/@storybook/components) package, you get a set of icons that you can use to customize your UI. Use the table below as a reference while writing your addon or defining your Storybook global types.
-Go through this [story](https://5a375b97f4b14f0020b0cda3-wbeulgbetj.chromatic.com/?path=/story/basics-icon--labels) to see how the icons look.
-
-| accessibility  | accessibilityalt | add          | admin        | alert         |
-| -------------- | ---------------- | ------------ | ------------ | ------------- |
-| arrowdown      | arrowleft        | arrowleftalt | arrowright   | arrowrightalt |
-| arrowup        | back             | basket       | batchaccept  | batchdeny     |
-| beaker         | bell             | bitbucket    | book         | bookmark      |
-| bookmarkhollow | bottombar        | box          | branch       | browser       |
-| button         | calendar         | camera       | category     | certificate   |
-| check          | chevrondown      | chromatic    | circle       | circlehollow  |
-| close          | closeAlt         | cog          | collapse     | comment       |
-| commit         | compass          | component    | contrast     | copy          |
-| cpu            | credit           | cross        | dashboard    | database      |
-| delete         | discord          | docchart     | doclist      | document      |
-| download       | edit             | ellipsis     | email        | expand        |
-| expandalt      | eye              | eyeclose     | facebook     | facehappy     |
-| faceneutral    | facesad          | filter       | flag         | folder        |
-| form           | gdrive           | github       | gitlab       | globe         |
-| google         | graphbar         | graphline    | graphql      | grid          |
-| grow           | heart            | hearthollow  | home         | hourglass     |
-| info           | key              | lightning    | lightningoff | link          |
-| listunordered  | location         | lock         | markup       | medium        |
-| memory         | menu             | merge        | mirror       | mobile        |
-| nut            | outbox           | outline      | paintbrush   | paperclip     |
-| paragraph      | phone            | photo        | pin          | play          |
-| plus           | power            | print        | proceed      | profile       |
-| pullrequest    | question         | redirect     | redux        | reply         |
-| repository     | requestchange    | rss          | search       | share         |
-| sharealt       | shield           | sidebar      | sidebaralt   | speaker       |
-| star           | starhollow       | stop         | structure    | subtract      |
-| support        | switchalt        | sync         | tablet       | thumbsup      |
-| time           | timer            | transfer     | trash        | twitter       |
-| undo           | unfold           | unlock       | upload       | user          |
-| useradd        | useralt          | users        | video        | watch         |
-| wrench         | youtube          | zoom         | zoomout      | zoomreset     |
-
-### I see a "No Preview" error with a Storybook production build
-
-If you're using the `serve` package to verify your production build of Storybook, you'll get that error. It relates to how `serve` handles rewrites. For instance, `/iframe.html` is rewritten into `/iframe`, and you'll get that error.
-
-We recommend that you use [http-server](https://www.npmjs.com/package/http-server) instead and use the following command to preview Storybook:
-
-```shell
-npx http-server storybook-static
-```
-
-<div class="aside">
-Suppose you don't want to run the command above frequently. Add <code>http-server</code> as a development dependency and create a new script to preview your production build of Storybook.
-</div>
-
-### Can I use Storybook with Vue 3?
-
-Yes, with the release of version 6.2, Storybook now includes support for Vue 3. See the [install page](../get-started/install.md) for instructions.
-
-### Is snapshot testing with Storyshots supported for Vue 3?
-
-Yes, with the release of version 6.2, the [`Storyshots addon`](https://www.npmjs.com/package/@storybook/addon-storyshots) will automatically detect Vue 3 projects.
-
-If you run into a situation where this is not the case, you can adjust the `config` object and manually specify the framework (e.g., `vue3`).
-
-See our documentation on how to customize the [Storyshots configuration](./snapshot-testing.md).
-
-### Why are my MDX stories not working in IE11?
-
-Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](../writing-docs/docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
-
-### Why are my mocked GraphQL queries failing with Storybook's MSW addon?
-
-If you're working with Vue 3, you'll need to install [`@vue/apollo-composable`](https://www.npmjs.com/package/@vue/apollo-composable). With Svelte, you'll need to install [`@rollup/plugin-replace`](https://www.npmjs.com/package/@rollup/plugin-replace) and update your `rollup.config` file to the following:
-
-```js
-// rollup.config
-
-// Boilerplate imports
-
-import replace from '@rollup/plugin-replace';
-const production = !process.env.ROLLUP_WATCH;
-
-// Remainder rollup.config implementation
-
-export default {
-  input: 'src/main.js',
-  output: {
-    sourcemap: true,
-    format: 'iife',
-    name: 'app',
-    file: 'public/build/bundle.js',
-  },
-  plugins: [
-    // Other plugins
-
-    // Configures the replace plugin to allow Grapqhl Queries to work properly
-    replace({
-      'process.env.NODE_ENV': JSON.stringify('development'),
-    }),
-};
-```
-
-With Angular, the most common issue is the placement of the `mockServiceWorker.js` file. Use this [example](https://github.com/mswjs/examples/tree/master/examples/rest-angular/) as a point of reference.
-
-### Can I use other GraphQL providers with Storybook's MSW addon?
-
-Yes, check the [addon's examples](https://github.com/mswjs/msw-storybook-addon/tree/master/packages/docs/src/demos) to learn how to integrate different providers.
-
-### Can I mock GraphQL mutations with Storybook's MSW addon?
-
-No, currently, the MSW addon only has support for GraphQL queries. If you're interested in including this feature, open an issue in the [MSW addon repository](https://github.com/mswjs/msw-storybook-addon) and follow up with the maintainer.
-
-### Why aren't my code blocks highlighted with Storybook MDX
-
-Out of the box, Storybook provides syntax highlighting for a set of languages (e.g., Javascript, Markdown, CSS, HTML, Typescript, GraphQL) that you can use with your code blocks. If you're writing your custom code blocks with MDX, you'll need to import the syntax highlighter manually. For example, if you're adding a code block for SCSS, adjust your story to the following:
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-   'common/my-component-with-custom-syntax-highlight.mdx.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
-
-<div class="aside">
-💡 Check <code>react-syntax-highlighter</code>'s <a href="https://github.com/react-syntax-highlighter/react-syntax-highlighter">documentation</a> for a list of available languages.
-</div>
-
-Applying this small change will enable you to add syntax highlight for SCSS or any other language available.
-
-### How can my code detect if it is running in Storybook?
-
-You can do this by checking the value of `process.env.STORYBOOK`, which will
-equal `'true'` when running in Storybook. Be careful — `process` may be
-undefined when your code runs outside of Storybook.
-
-```javascript
-export function isRunningInStorybook() {
-  try {
-    if (process.env.STORYBOOK) return true;
-  } catch {
-    // A ReferenceError will be thrown if process is undefined
-  }
-
-  return false;
-}
-```
-
-This works because Babel replaces `process.env.STORYBOOK` with the value of the
-`STORYBOOK` environment variable. Because this is done through a Babel plugin,
-the following will **NOT** work:
-
-```javascript
-export function isRunningInStorybook() {
-  return typeof process?.env?.STORYBOOK !== 'undefined';
-  // ReferenceError: process is not defined
-}
-```
\ No newline at end of file
diff --git a/docs/workflows/package-composition.md b/docs/workflows/package-composition.md
deleted file mode 100644
index 86c18dc39162..000000000000
--- a/docs/workflows/package-composition.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: 'Package Composition'
----
-
-Storybook is widely used by component libraries and design systems. Design system authors can automatically compose their design systems inside their consumer’s Storybooks.
-
-For example, if you use a design system package, its stories can appear alongside your own. That makes it convenient to cross reference usage documentation without leaving Storybook.
-
-## For package consumers
-
-Composition happens automatically if the package [supports](#for-package-authors) it. When you install the package, Storybook will load its stories alongside your own.
-
-![Package composition workflow](./package-composition.png)
-
-### Configuring
-
-If you want to configure how the composed Storybook behaves, you can disable the `ref` element in your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering)
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-main-disable-refs.js.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
-
-### Changing versions
-
-Change the version of the composed Storybook to see how the library evolves. This requires [configuration](#providing-a-version-section) from the package author.
-
-![Package composition workflow](./composition-versioning.png)
-
-## For package authors
-
-Component library authors can expand adoption by composing their components in their consumer’s Storybooks.
-
-Add a `storybook` property in your published `package.json`that contains an object with a `url` field. Point the URL field to a published Storybook at the version you want.
-
-```json
-// Your component library’s package.json
-{
-  "storybook": {
-    "url": "https://host.com/your-storybook-for-this-version"
-  }
-}
-```
-
-### Automatic version selection
-
-If you are using a [CHP level 1 service](#chp-level-1) for hosting (such as [Chromatic.com](https://www.chromatic.com/)), you can provide a single URL for your Storybook in the `storybook.url` field. You do not need to change the URL each time you publish a new version. Storybook will automatically find the correct URL for your package.
-
-For example, for Chromatic, you might do:
-
-```json
-{
-  "storybook": {
-    "url": "https://master--xyz123.chromatic.com"
-  }
-}
-```
-
-In this example `xyz123` is your project’s id. Storybook will automatically compose in the Storybook published to that project corresponding to the version the user has installed.
-
-### Providing a version section
-
-Similarly, if you're using a [CHP level 1 service](#chp-level-1) (such as chromatic.com) for hosting, you can provide a list of versions for the user to [choose from](#changing-versions) to experiment with other versions of your package.
-
-## Component Hosting Protocol (CHP)
-
-Storybook can communicate with services that host built Storybooks online. This enables features such as [Composition](./storybook-composition). We categorize services via compliance with the "Component Hosting Protocol" (CHP) with various levels of support in Storybook.
-
-### CHP level 1
-
-The service serves uploaded Storybooks and makes the following available:
-
-- Versioned endpoints, URLs that resolve to different published Storybooks depending on a `version=x.y.z` query parameter (where `x.y.z` is the released version of the package).
-- Support for `/stories.json`
-- Support for `/metadata.json` and the `releases` field.
-
-Examples of such services: [chromatic.com](https://www.chromatic.com/).
-
-### CHP level 0
-
-The service can serve uploaded Storybooks. There is no special integration with Storybook APIs.
-
-Examples of such services: [Netlify](https://www.netlify.com/) and [S3](https://aws.amazon.com/en/s3/).
diff --git a/docs/workflows/publish-storybook.md b/docs/workflows/publish-storybook.md
deleted file mode 100644
index c9692969c105..000000000000
--- a/docs/workflows/publish-storybook.md
+++ /dev/null
@@ -1,74 +0,0 @@
----
-title: 'Publish Storybook'
----
-
-Storybook is more than a UI component development tool. Teams also publish Storybook online to review and collaborate on works in progress. That allows developers, designers, and PMs to check if UI looks right without touching code or needing a local dev environment.
-
-## Build Storybook as a static web application
-
-First, we’ll need to build Storybook as a static web application using `build-storybook`, a command that’s installed by default. If you're using Yarn run the following command:
-
-<div class="aside">
-💡 <strong>Note</strong>: Be careful when running the <code>build-storybook</code> command with the <code>-o</code> flag as you might unknowingly overwrite essential files and folders. For instance <strong>avoid</strong> running <code>build-storybook -o ./</code> as this will replace the root project contents with the output of the command. 
-</div>
-
-```shell
-yarn build-storybook -o ./path/to/build
-```
-
-If you're using npm run the following command:
-
-```shell
-npm run build-storybook -- -o ./path/to/build
-```
-
-Storybook will create a static web application at the path you specify. This can be served by any web server. Try it out locally by running:
-
-```shell
-npx http-server ./path/to/build
-```
-
-<div class="aside">
-
-Asides from the `-o` flag, you can also include other flags to build Storybook, for instance if you're using [Docs](../writing-docs/introduction.md), you can append the `--docs` flag and Storybook will build your [MDX](../writing-docs/mdx.md) and [CSF](../writing-stories/introduction.md#component-story-format) stories into a rich and interactive documentation.
-
-You can learn more about these flag options [here](../api/cli-options.md).
-
-</div>
-
-## Publish Storybook online
-
-Once your Storybook is built as a static web app it can be deployed to any static site hosting services. The Storybook team uses [Chromatic](https://www.chromatic.com/), a free publishing service made by Storybook maintainers that documents, versions, and indexes your UI components securely in the cloud.
-
-We also maintain [`storybook-deployer`](https://github.com/storybookjs/storybook-deployer) to deploy to GitHub pages or AWS S3.
-
-<video autoPlay muted playsInline loop>
-  <source
-    src="storybook-publish-review-optimized.mp4"
-    type="video/mp4"
-  />
-</video>
-
-## Review with your team
-
-Publishing Storybook as part of the development process makes it quick and easy to [gather team feedback](https://storybook.js.org/tutorials/design-systems-for-developers/react/en/review/).
-
-A common method to ask for review is to paste a link to the published Storybook in a pull request or Slack.
-
-If you publish your Storybook to Chromatic, you can use the [UI Review](https://www.chromatic.com/features/publish) feature to automatically scan your PRs for new and updated stories. That makes it easy to identify what changed and give feedback.
-
-![Storybook publishing workflow](./workflow-publish.png)
-
-## Reference external Storybooks
-
-Storybook allows you to browse components from any [Storybook published online](./storybook-composition.md) inside your local Storybook. It unlocks common workflows that teams often struggle with:
-
-- 👩‍💻 UI developers can quickly reference prior art without switching between Storybooks.
-- 🎨 Design systems can expand adoption by composing themselves into their users’ Storybooks.
-- 🛠 Frontend platform can audit how components are used across projects.
-
-![Storybook reference external](./reference-external-storybooks-composition.jpg)
-
-Toggle between multiple versions of Storybook to see how components change between versions. This is useful for design system package authors who maintain many versions at once.
-
-**Requires** a [CHP level 1](./package-composition.md#chp-level-1) server (such as [chromatic.com](https://www.chromatic.com/)),
\ No newline at end of file
diff --git a/docs/workflows/storybook-composition.md b/docs/workflows/storybook-composition.md
deleted file mode 100644
index ee7596641f1c..000000000000
--- a/docs/workflows/storybook-composition.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: 'Storybook Composition'
----
-
-Composition allows you to embed components from any Storybook inside your local Storybook. It’s made for teams who adopt Storybook in multiple projects but can’t ensure that the projects have the same tech stack or share the same repo.
-
-You can compose any Storybook [published online](./publish-storybook.md) or running locally no matter the view layer, tech stack, or dependencies.
-
-![Storybook composition](./combine-storybooks.png)
-
-## Compose published Storybooks
-
-In your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering) file add a `refs` field with information about the reference Storybook. Pass in a URL to a statically built Storybook.
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-main-ref-remote.js.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
-
-<div class="aside">
- We would like to point out that there's some limitations to composition. For now addons in composed Storybooks will not work as they do in non composed Storybooks.
-</div>
-
-## Compose local Storybooks
-
-You can also compose Storybook that are running locally. For instance, if you have a React Storybook and a Angular Storybook running on different ports:
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-main-ref-local.js.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
-
-This composes the React and Angular Storybooks into your current Storybook. When either code base changes, hot-module-reload will work perfectly. That enables you to develop both frameworks in sync.
-
-## Compose Storybooks per environment
-
-You can also compose Storybooks based on the current development environment. For instance if the project you're working has already a published Storybook, but also includes a version with cutting edge features not yet released you can adjust the composition based on that. For instance:
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-main-ref-per-environment.js.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
-
-<div class="aside">
-
-💡 <strong>Note</strong>: Same as with the majority of fields available within <code>main.js</code>, the <code>refs</code> field can also be a function and accept a <code>config</code> parameter that contains Storybook's configuration object. See the related [webpack documentation](../configure/webpack.md#extending-storybooks-webpack-config).
-
-</div>
-
-### Improve your Storybook composition
-
-So far we've covered how we can use composition with local or published Storybooks. One thing worth mentioning as your Storybook will grow in time with your own stories, or through composition with other Storybooks, is that you can optimize the deployment process by including the following command in your workflow, run from your project root:
-
-```shell
-npx sb extract
-```
-
-<div class="aside">
-
-`sb extract` uses [Puppeteer](https://www.npmjs.com/package/puppeteer), which downloads and installs Chromium. Specify your own locally-installed Chromium executable by setting the environment variable `SB_CHROMIUM_PATH`.
-
-</div>
-
-Using this command will generate a `stories.json` file in the default build directory (`storybook-static`) with information regarding your Storybook. Here's how it might look:
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-extract-result.json.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
-
-Once you add a reference to a Storybook deployed using this method, almost immediately you'll see all the stories and other relevant information displayed in the UI.
-
-If required, you can also add additional arguments to this command. You can use the following to generate the `stories.json` file to a custom directory:
-
-```shell
-npx sb extract my-built-storybook-directory my-other-directory/stories.json
-```
-
-Once the command executes it will look for a built Storybook in the `my-built-storybook-directory` and create the `stories.json` file in `my-other-directory`.
-
-<div class="aside">
-
-If you need to use arguments, you'll need to use both of them, or the command will not be executed properly.
-
-</div>
diff --git a/docs/writing-docs/build-documentation.md b/docs/writing-docs/build-documentation.md
index 64eee6340e25..fcb87e06d888 100644
--- a/docs/writing-docs/build-documentation.md
+++ b/docs/writing-docs/build-documentation.md
@@ -4,7 +4,7 @@ title: 'Preview and build docs'
 
 <div class="aside">
 
-💡 <strong>NOTE</strong>: Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
+💡 Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
 
 </div>
 
@@ -23,7 +23,7 @@ At any point during your development, you can preview the documentation you've w
 ```
 
 <div class="aside">
-💡 <strong>Note</strong>: The <code>--no-manager-cache</code> flag is required to generate a successful preview of the documentation. But it comes with a cost as you're disabling Storybook's internal caching mechanism which can lead to increased loading times.
+💡 The <code>--no-manager-cache</code> flag is required to generate a successful preview of the documentation. But it comes with a cost as you're disabling Storybook's internal caching mechanism which can lead to increased loading times.
 </div>
 
 Depending on your configuration, when you execute the `storybook-docs` script. Storybook will be put into documentation mode and will generate a different build.
@@ -40,7 +40,7 @@ There's some caveats to this build mode, as to the normal Storybook build:
 
 ## Publish Storybook's documentation
 
-You can also publish your documentation, the same you would [publish](../workflows/publish-storybook.md) your Storybook. You can use the `--docs` flag with `build-storybook` command. We recommend as well including it as a script in your `package.json` file:
+You can also publish your documentation, the same you would [publish](../sharing/publish-storybook.md) your Storybook. You can use the `--docs` flag with `build-storybook` command. We recommend as well including it as a script in your `package.json` file:
 
 ```json
 {
diff --git a/docs/writing-docs/doc-blocks.md b/docs/writing-docs/doc-blocks.md
index a8ac274b5b4e..d6fa250734fb 100644
--- a/docs/writing-docs/doc-blocks.md
+++ b/docs/writing-docs/doc-blocks.md
@@ -4,7 +4,7 @@ title: 'Doc Blocks'
 
 <div class="aside">
 
-💡 <strong>NOTE</strong>: Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
+💡 Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
 
 </div>
 
diff --git a/docs/writing-docs/docs-page.md b/docs/writing-docs/docs-page.md
index 6b3e8caedca0..002f4b27d20f 100644
--- a/docs/writing-docs/docs-page.md
+++ b/docs/writing-docs/docs-page.md
@@ -4,7 +4,7 @@ title: 'DocsPage'
 
 <div class="aside">
 
-💡 <strong>NOTE</strong>: Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to DocsPage. If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
+💡 Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to DocsPage. If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
 
 </div>
 
diff --git a/docs/writing-docs/introduction.md b/docs/writing-docs/introduction.md
index 5131824ef681..449a06a7c52c 100644
--- a/docs/writing-docs/introduction.md
+++ b/docs/writing-docs/introduction.md
@@ -4,7 +4,7 @@ title: 'How to document components'
 
 <div class="aside">
 
-💡 <strong>NOTE</strong>: Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
+💡 Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [DocsPage](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
 
 </div>
 
diff --git a/docs/writing-docs/mdx.md b/docs/writing-docs/mdx.md
index dc0d87132daa..38a083ca612a 100644
--- a/docs/writing-docs/mdx.md
+++ b/docs/writing-docs/mdx.md
@@ -4,7 +4,7 @@ title: 'MDX'
 
 <div class="aside">
 
-💡 <strong>NOTE</strong>: Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [Docs page](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
+💡 Currently there's an issue when using MDX stories with IE11. This issue does <strong>not</strong> apply to [Docs page](./docs-page.md). If you're interested in helping us fix this issue, read our <a href="https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md">Contribution guidelines</a> and submit a pull request.
 
 </div>
 
@@ -210,7 +210,7 @@ You can also use anchors to target a specific section of a page:
 ```
 
 <div class="aside">
-💡 <strong>Note:</strong> By applying this pattern with the Controls addon, all anchors will be ignored in Canvas based on how Storybook handles URLs to track the args values.
+💡 By applying this pattern with the Controls addon, all anchors will be ignored in Canvas based on how Storybook handles URLs to track the args values.
 </div>
 
 ![MDX anchor example](./mdx-anchor.webp)
diff --git a/docs/writing-stories/args.md b/docs/writing-stories/args.md
index 522d01702e8b..4fd864f09126 100644
--- a/docs/writing-stories/args.md
+++ b/docs/writing-stories/args.md
@@ -38,7 +38,7 @@ To define the args of a single story, use the `args` CSF story key:
 
 <!-- prettier-ignore-end -->
 
-These args will only apply to the story for which they are attached, although you can [reuse](../workflows/build-pages-with-storybook.md#args-composition-for-presentational-screens) them via JavaScript object reuse:
+These args will only apply to the story for which they are attached, although you can [reuse](./build-pages-with-storybook.md#args-composition-for-presentational-screens) them via JavaScript object reuse:
 
 <!-- prettier-ignore-start -->
 
@@ -92,7 +92,7 @@ You can separate the arguments to a story to compose in other stories. Here's ho
 
 <div class="aside">
 
-💡<strong>Note:</strong> If you find yourself re-using the same args for most of a component's stories, you should consider using [component-level args](#component-args).
+💡 If you find yourself re-using the same args for most of a component's stories, you should consider using [component-level args](#component-args).
 
 </div>
 
diff --git a/docs/workflows/argstable-subcomponents.png b/docs/writing-stories/argstable-subcomponents.png
similarity index 100%
rename from docs/workflows/argstable-subcomponents.png
rename to docs/writing-stories/argstable-subcomponents.png
diff --git a/docs/workflows/build-pages-with-storybook.md b/docs/writing-stories/build-pages-with-storybook.md
similarity index 98%
rename from docs/workflows/build-pages-with-storybook.md
rename to docs/writing-stories/build-pages-with-storybook.md
index f97d885891e5..d1343a48a5a1 100644
--- a/docs/workflows/build-pages-with-storybook.md
+++ b/docs/writing-stories/build-pages-with-storybook.md
@@ -113,7 +113,7 @@ To test your screen with the mocked data, you could write a similar set of stori
 <!-- prettier-ignore-end -->
 
 <div class="aside">
-💡 <strong>Note:</strong> This example details how you can mock the REST request with fetch. Similar HTTP clients such as <a href="https://axios-http.com/">axios</a> can be used as well.
+💡 This example details how you can mock the REST request with fetch. Similar HTTP clients such as <a href="https://axios-http.com/">axios</a> can be used as well.
 </div>
 
 The mocked data (i.e., `TestData`) will be injected via [parameters](./writing-stories/parameters), enabling you to configure it per-story basis.
diff --git a/docs/writing-stories/decorators.md b/docs/writing-stories/decorators.md
index 26c3b2203931..52bcad0f61d1 100644
--- a/docs/writing-stories/decorators.md
+++ b/docs/writing-stories/decorators.md
@@ -71,12 +71,12 @@ The second argument to a decorator function is the **story context** which in pa
 - `viewMode`- Storybook's current active window (e.g., canvas, docs).
 
 <div class="aside">
-💡 <strong>Note:</strong> This pattern can also be applied to your own stories. Some of Storybook's supported frameworks already use it (e.g., vue 2).
+💡 This pattern can also be applied to your own stories. Some of Storybook's supported frameworks already use it (e.g., vue 2).
 </div>
 
 ### Using decorators to provide data
 
-If your components are “connected” and require side-loaded data to render, you can use decorators to provide that data in a mocked way without having to refactor your components to take that data as an arg. There are several techniques to achieve this. Depending on exactly how you are loading that data -- read more in the [building pages in Storybook](../workflows/build-pages-with-storybook.md) section.
+If your components are “connected” and require side-loaded data to render, you can use decorators to provide that data in a mocked way without having to refactor your components to take that data as an arg. There are several techniques to achieve this. Depending on exactly how you are loading that data -- read more in the [building pages in Storybook](./build-pages-with-storybook.md) section.
 
 ## Story decorators
 
diff --git a/docs/writing-stories/introduction.md b/docs/writing-stories/introduction.md
index 6002d76ba59c..4ff6d6e5f40a 100644
--- a/docs/writing-stories/introduction.md
+++ b/docs/writing-stories/introduction.md
@@ -63,7 +63,7 @@ Use the _named_ exports of a CSF file to define your component’s stories. We r
 
 <div class="aside">
 
-💡 <strong>Note</strong>: Using framework specific elements such as [React Hooks](https://reactjs.org/docs/hooks-intro.html) alongside your stories is a valid approach, but you should treat them as an advanced use case. We <strong>recommend</strong> using [args](./args.md) as much as possible when writing your own stories.
+💡 Using framework specific elements such as [React Hooks](https://reactjs.org/docs/hooks-intro.html) alongside your stories is a valid approach, but you should treat them as an advanced use case. We <strong>recommend</strong> using [args](./args.md) as much as possible when writing your own stories.
 
 </div>
 
@@ -136,7 +136,9 @@ Refine this pattern by introducing `args` for your component's stories. It reduc
 <!-- prettier-ignore-end -->
 
 <div class="aside">
-💡 <strong>Note:</strong> <code>Template.bind({})</code> is a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">standard JavaScript techique</a> for making a copy of a function. We copy the <code>Template</code> so each exported story can set its own properties on it.
+
+💡 `Template.bind({})` is a [standard JavaScript technique](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) for making a copy of a function. We copy the `Template` so each exported story can set its own properties on it.
+
 </div>
 
 By introducing args into your component's stories, you're not only reducing the amount of code you need to write, but you're also decreasing data duplication, as shown by spreading the `Primary` story's args into the other stories.
@@ -318,6 +320,6 @@ You can also reuse stories from the child `ListItem` in your `List` component. T
 
 <div class="aside">
 
-💡 Note that there are disadvantages in writing stories like this as you cannot take full advantage of the args mechanism and composing args as you build even more complex composite components. For more discussion, see the [multi component stories](../workflows/stories-for-multiple-components.md) workflow documentation.
+💡 Note that there are disadvantages in writing stories like this as you cannot take full advantage of the args mechanism and composing args as you build even more complex composite components. For more discussion, see the [multi component stories](../writing-stories/stories-for-multiple-components.md) workflow documentation.
 
 </div>
diff --git a/docs/writing-stories/naming-components-and-hierarchy.md b/docs/writing-stories/naming-components-and-hierarchy.md
index 793ff4b87eb8..ba6b8843c0be 100644
--- a/docs/writing-stories/naming-components-and-hierarchy.md
+++ b/docs/writing-stories/naming-components-and-hierarchy.md
@@ -70,7 +70,7 @@ This will then be visually presented in the sidebar like this:
 
 ![Stories hierarchy with single story hoisting](./naming-hierarchy-single-story-hoisting.png)
 
-Because story exports are automatically "start cased" (`myStory` becomes `"My Story"`), your component name should match that. Alternatively you can override the story name using `myStory.name = '...'` to match the component name.
+Because story exports are automatically "start cased" (`myStory` becomes `"My Story"`), your component name should match that. Alternatively you can override the story name using `myStory.storyName = '...'` to match the component name.
 
 ## Sorting stories
 
diff --git a/docs/writing-stories/play-function.md b/docs/writing-stories/play-function.md
index ad2c71cbdec2..5d4e20da42ab 100644
--- a/docs/writing-stories/play-function.md
+++ b/docs/writing-stories/play-function.md
@@ -187,7 +187,7 @@ If you need, you can also adjust your `play` function to find elements based on
 <!-- prettier-ignore-end -->
 
 <div class="aside">
- 💡 <strong>Note:</strong> You can read more about the querying elements in the <a href="https://testing-library.com/docs/queries/about/"> Testing library documentation</a>.
+ 💡 You can read more about the querying elements in the <a href="https://testing-library.com/docs/queries/about/"> Testing library documentation</a>.
 </div>
 
 ## Working with the Canvas
diff --git a/docs/workflows/stories-for-multiple-components.md b/docs/writing-stories/stories-for-multiple-components.md
similarity index 100%
rename from docs/workflows/stories-for-multiple-components.md
rename to docs/writing-stories/stories-for-multiple-components.md
diff --git a/docs/writing-tests/importing-stories-in-tests.md b/docs/writing-tests/importing-stories-in-tests.md
index 99da8acd4208..385416572dc7 100644
--- a/docs/writing-tests/importing-stories-in-tests.md
+++ b/docs/writing-tests/importing-stories-in-tests.md
@@ -64,7 +64,7 @@ Update your test script to include the configuration file:
 
 <div class="aside">
 
-💡 <strong>Note:</strong> You can use Testing Library out-of-the-box with [Storybook Interaction Testing](./interaction-testing.md).
+💡 You can use Testing Library out-of-the-box with [Storybook Interaction Testing](./interaction-testing.md).
 
 </div>
 
@@ -108,7 +108,7 @@ An example of an end-to-end test with Cypress and Storybook is testing a login c
 <!-- prettier-ignore-end -->
 
 <div class="aside">
- 💡 <strong>Note:</strong> the play function contains small snippets of code that run after the story renders. It allows you to sequence interactions in stories.
+ 💡 The play function contains small snippets of code that run after the story renders. It allows you to sequence interactions in stories.
 
 </div>
 
@@ -150,7 +150,7 @@ A real-life scenario of user flow testing with Playwright would be how to test a
 <!-- prettier-ignore-end -->
 
 <div class="aside">
- 💡 <strong>Note:</strong> the play function contains small snippets of code that run after the story renders. It allows you to sequence interactions in stories.
+ 💡 The play function contains small snippets of code that run after the story renders. It allows you to sequence interactions in stories.
 </div>
 
 With Playwright, you can write a test to check if the inputs are filled and match the story:
diff --git a/docs/writing-tests/interaction-testing.md b/docs/writing-tests/interaction-testing.md
index 33c89204dcdd..2a0d6fbf96ff 100644
--- a/docs/writing-tests/interaction-testing.md
+++ b/docs/writing-tests/interaction-testing.md
@@ -83,7 +83,7 @@ Since Storybook is a webapp, anyone with the URL can reproduce the error with th
 
 ![Interaction testing with a component](./storybook-addon-interactions-error-optimized.png)
 
-Streamline interaction testing further by automatically [publishing Storybook](../workflows/publish-storybook.md) in pull requests. That gives teams a universal reference point to test and debug stories.
+Streamline interaction testing further by automatically [publishing Storybook](../sharing/publish-storybook.md) in pull requests. That gives teams a universal reference point to test and debug stories.
 
 ---
 
diff --git a/docs/writing-tests/introduction.md b/docs/writing-tests/introduction.md
index 4ad6cbe44978..776ed827f50d 100644
--- a/docs/writing-tests/introduction.md
+++ b/docs/writing-tests/introduction.md
@@ -8,7 +8,7 @@ That means stories are a pragmatic starting point for your UI testing strategy.
 
 ![Stories are tests](./stories-are-tests-cropped.gif)
 
-The simplest testing method is manual “spot checking”. You run Storybook locally, then eyeball every story to verify its appearance and behavior. [Publish](../workflows/publish-storybook.md) your Storybook online to share reproductions and get teammates involved.
+The simplest testing method is manual “spot checking”. You run Storybook locally, then eyeball every story to verify its appearance and behavior. [Publish](../sharing/publish-storybook.md) your Storybook online to share reproductions and get teammates involved.
 
 Storybook also comes with tools, test runners, and handy integrations with the larger JavaScript ecosystem to expand your UI test coverage. These docs detail how you can use Storybook for UI testing.
 
diff --git a/docs/writing-tests/snapshot-testing.md b/docs/writing-tests/snapshot-testing.md
index 2f9c9d000d6f..0bf019e40a3a 100644
--- a/docs/writing-tests/snapshot-testing.md
+++ b/docs/writing-tests/snapshot-testing.md
@@ -35,7 +35,7 @@ Add a test file to your environment with the following contents to configure Sto
 <!-- prettier-ignore-end -->
 
 <div class="aside">
-💡 <strong>NOTE:</strong> You can name the test file differently to suit your needs. Bear in mind that it requires to be picked up by Jest.
+💡 You can name the test file differently to suit your needs. Bear in mind that it requires to be picked up by Jest.
 </div>
 
 Run your first test. Storyshots will recognize your stories (based on [.storybook/main.js's setup](https://storybook.js.org/docs/react/configure/story-rendering)) and save them in the **snapshots** directory.
diff --git a/docs/writing-tests/visual-testing.md b/docs/writing-tests/visual-testing.md
index e2941d540cb1..6baa917216a3 100644
--- a/docs/writing-tests/visual-testing.md
+++ b/docs/writing-tests/visual-testing.md
@@ -35,7 +35,9 @@ npx chromatic --project-token <your-project-token>
 ```
 
 <div class="aside">
- <strong>Note:</strong> Don't forget to replace <code>your-project-token</code> with the one provided by Chromatic.
+ 
+ Don't forget to replace `your-project-token` with the one provided by Chromatic.
+ 
 </div>
 
 ```shell
diff --git a/examples/angular-cli/angular.json b/examples/angular-cli/angular.json
index bc919d189431..5c21dd757026 100644
--- a/examples/angular-cli/angular.json
+++ b/examples/angular-cli/angular.json
@@ -79,15 +79,13 @@
           "builder": "@storybook/angular:start-storybook",
           "options": {
             "browserTarget": "angular-cli:build",
-            "port": 4400,
-            "staticDir": ["src/assets"]
+            "port": 4400
           }
         },
         "build-storybook": {
           "builder": "@storybook/angular:build-storybook",
           "options": {
-            "browserTarget": "angular-cli:build",
-            "staticDir": ["src/assets"]
+            "browserTarget": "angular-cli:build"
           }
         }
       }
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index ca1884705231..276e399a8c7a 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -29,7 +29,7 @@
     "core-js": "^3.8.2",
     "rxjs": "^6.6.3",
     "sass": "^1.43.4",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "zone.js": "^0.11.3"
   },
   "devDependencies": {
@@ -38,26 +38,26 @@
     "@angular/cli": "^11.2.13",
     "@angular/compiler-cli": "^11.2.14",
     "@angular/elements": "^11.2.14",
-    "@compodoc/compodoc": "^1.1.14",
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-interactions": "6.4.0-rc.6",
-    "@storybook/addon-jest": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/angular": "6.4.0-rc.6",
+    "@compodoc/compodoc": "^1.1.15",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-interactions": "6.5.0-alpha.7",
+    "@storybook/addon-jest": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/angular": "6.5.0-alpha.7",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/jest": "^0.0.2",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/testing-library": "^0.0.3",
+    "@storybook/jest": "^0.0.5",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/testing-library": "^0.0.7",
     "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
-    "@types/node": "^14.14.20",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/sass": "^1",
     "@types/webpack-env": "^1.16.0",
     "@webcomponents/custom-elements": "^1.4.3",
diff --git a/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot
index 047ca0c57ae4..1c233de6b991 100644
--- a/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot
@@ -3,47 +3,47 @@
 exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
 <storybook-wrapper>
   <storybook-welcome-component
-    _nghost-a-c44=""
+    _nghost-a-c45=""
   >
     <main
-      _ngcontent-a-c44=""
+      _ngcontent-a-c45=""
     >
       <h1
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
       >
         Welcome to storybook
       </h1>
       <p
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
       >
         This is a UI component dev environment for your app.
       </p>
       <p
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
       >
          We've added some basic stories inside the 
         <span
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           class="inline-code"
         >
           src/stories
         </span>
          directory. 
         <br
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         />
          A story is a single state of one or more UI components. You can have as many stories as you want. 
         <br
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         />
          (Basically a story is like a visual test case.) 
       </p>
       <p
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
       >
          See these sample 
         <a
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           role="button"
           tabindex="0"
         >
@@ -51,7 +51,7 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
         </a>
          for a component called 
         <span
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           class="inline-code"
         >
           Button
@@ -59,26 +59,26 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
          . 
       </p>
       <p
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
       >
          Just like that, you can add your own components as stories. 
         <br
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         />
          You can also edit those components and see changes right away. 
         <br
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         />
          (Try editing the 
         <span
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           class="inline-code"
         >
           Button
         </span>
          stories located at 
         <span
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           class="inline-code"
         >
           src/stories/index.js
@@ -86,15 +86,15 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
         .) 
       </p>
       <p
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
       >
          Usually we create stories with smaller UI components in the app.
         <br
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         />
          Have a look at the 
         <a
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           href="https://storybook.js.org/basics/writing-stories"
           rel="noopener noreferrer"
           target="_blank"
@@ -104,20 +104,20 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
          section in our documentation. 
       </p>
       <p
-        _ngcontent-a-c44=""
+        _ngcontent-a-c45=""
         class="note"
       >
         <b
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         >
           NOTE:
         </b>
         <br
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
         />
          Have a look at the 
         <span
-          _ngcontent-a-c44=""
+          _ngcontent-a-c45=""
           class="inline-code"
         >
           .storybook/webpack.config.js
diff --git a/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot b/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot
index 2a0c139d5c48..1e61ea2e3111 100644
--- a/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Addons/Actions Component Output with ArgsTypes 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button 🥁"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button 🥁
     </button>
@@ -18,11 +18,11 @@ exports[`Storyshots Addons/Actions Component Output with ArgsTypes 1`] = `
 exports[`Storyshots Addons/Actions Component Output with EventEmitter 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button 🥁"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button 🥁
     </button>
@@ -41,11 +41,11 @@ exports[`Storyshots Addons/Actions Story with template 1`] = `
 exports[`Storyshots Addons/Actions Use action in method 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button 🥁"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button 🥁
     </button>
diff --git a/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot b/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot
index e55171ef005b..c1d2c442c63d 100644
--- a/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot
+++ b/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Addons / Backgrounds Overridden 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="This one should have different"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       This one should have different backgrounds
     </button>
@@ -18,11 +18,11 @@ exports[`Storyshots Addons / Backgrounds Overridden 1`] = `
 exports[`Storyshots Addons / Backgrounds With Component 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button
     </button>
@@ -33,11 +33,11 @@ exports[`Storyshots Addons / Backgrounds With Component 1`] = `
 exports[`Storyshots Addons / Backgrounds With Template 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button
     </button>
diff --git a/examples/angular-cli/src/stories/addons/docs/__snapshots__/addon-docs.stories.storyshot b/examples/angular-cli/src/stories/addons/docs/__snapshots__/addon-docs.stories.storyshot
index 45917881b1ad..a110bdbeaf8f 100644
--- a/examples/angular-cli/src/stories/addons/docs/__snapshots__/addon-docs.stories.storyshot
+++ b/examples/angular-cli/src/stories/addons/docs/__snapshots__/addon-docs.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Addons/Docs with some emoji 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="😀 😎 👍 💯"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       😀 😎 👍 💯
     </button>
@@ -18,11 +18,11 @@ exports[`Storyshots Addons/Docs with some emoji 1`] = `
 exports[`Storyshots Addons/Docs with text 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="hello button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       hello button
     </button>
diff --git a/examples/angular-cli/src/stories/addons/docs/__snapshots__/simple.stories.storyshot b/examples/angular-cli/src/stories/addons/docs/__snapshots__/simple.stories.storyshot
index ffcf6aebeccf..463ea6fc50da 100644
--- a/examples/angular-cli/src/stories/addons/docs/__snapshots__/simple.stories.storyshot
+++ b/examples/angular-cli/src/stories/addons/docs/__snapshots__/simple.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Addons/Docs/SimpleButton with text 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Hello 👋"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Hello 👋
     </button>
diff --git a/examples/angular-cli/src/stories/addons/docs/iframe/__snapshots__/iframe.stories.storyshot b/examples/angular-cli/src/stories/addons/docs/iframe/__snapshots__/iframe.stories.storyshot
index 5c412922328e..386022a250fd 100644
--- a/examples/angular-cli/src/stories/addons/docs/iframe/__snapshots__/iframe.stories.storyshot
+++ b/examples/angular-cli/src/stories/addons/docs/iframe/__snapshots__/iframe.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Addons/Docs/Iframe Basic 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Add 👾"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Add 👾
     </button>
diff --git a/examples/angular-cli/src/stories/addons/interactions/__snapshots__/addon-interactions.stories.storyshot b/examples/angular-cli/src/stories/addons/interactions/__snapshots__/addon-interactions.stories.storyshot
new file mode 100644
index 000000000000..e4888a3560d2
--- /dev/null
+++ b/examples/angular-cli/src/stories/addons/interactions/__snapshots__/addon-interactions.stories.storyshot
@@ -0,0 +1,921 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Addons/Interactions Filled 1`] = `
+<storybook-wrapper>
+  <hero-form>
+    <div
+      class="container"
+    >
+      <div>
+        <h1>
+          Hero Form
+        </h1>
+        <form
+          class="ng-untouched ng-pristine ng-valid"
+          novalidate=""
+        >
+          <div
+            class="form-group"
+          >
+            <label
+              for="name"
+            >
+              Name
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="name"
+              name="name"
+              ng-reflect-model=""
+              ng-reflect-name="name"
+              ng-reflect-required=""
+              required=""
+              type="text"
+            />
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Name is required 
+            </div>
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="alterEgo"
+            >
+              Alter Ego
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="alterEgo"
+              name="alterEgo"
+              ng-reflect-model=""
+              ng-reflect-name="alterEgo"
+              type="text"
+            />
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="power"
+            >
+              Hero Power
+            </label>
+            <select
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="power"
+              name="power"
+              ng-reflect-model=""
+              ng-reflect-name="power"
+              ng-reflect-required=""
+              required=""
+            >
+              <option />
+              <option
+                ng-reflect-value="Really Smart"
+                value="Really Smart"
+              >
+                Really Smart
+              </option>
+              <option
+                ng-reflect-value="Super Flexible"
+                value="Super Flexible"
+              >
+                Super Flexible
+              </option>
+              <option
+                ng-reflect-value="Super Hot"
+                value="Super Hot"
+              >
+                Super Hot
+              </option>
+              <option
+                ng-reflect-value="Weather Changer"
+                value="Weather Changer"
+              >
+                Weather Changer
+              </option>
+              
+            </select>
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Power is required 
+            </div>
+          </div>
+          <button
+            class="btn btn-success"
+            type="submit"
+          >
+             Submit 
+            <span
+              aria-hidden="true"
+              class="spinner-border spinner-border-sm ml-2"
+              hidden=""
+              role="status"
+            />
+          </button>
+        </form>
+      </div>
+      <div
+        hidden=""
+      >
+        <h2>
+          You submitted the following:
+        </h2>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Name
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-name"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Alter Ego
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-alterego"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Power
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-power"
+          >
+            
+          </div>
+        </div>
+        <br />
+        <button
+          class="btn btn-primary"
+        >
+          Edit
+        </button>
+      </div>
+    </div>
+  </hero-form>
+</storybook-wrapper>
+`;
+
+exports[`Storyshots Addons/Interactions Invalid Fields 1`] = `
+<storybook-wrapper>
+  <hero-form>
+    <div
+      class="container"
+    >
+      <div>
+        <h1>
+          Hero Form
+        </h1>
+        <form
+          class="ng-untouched ng-pristine ng-valid"
+          novalidate=""
+        >
+          <div
+            class="form-group"
+          >
+            <label
+              for="name"
+            >
+              Name
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="name"
+              name="name"
+              ng-reflect-model=""
+              ng-reflect-name="name"
+              ng-reflect-required=""
+              required=""
+              type="text"
+            />
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Name is required 
+            </div>
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="alterEgo"
+            >
+              Alter Ego
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="alterEgo"
+              name="alterEgo"
+              ng-reflect-model=""
+              ng-reflect-name="alterEgo"
+              type="text"
+            />
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="power"
+            >
+              Hero Power
+            </label>
+            <select
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="power"
+              name="power"
+              ng-reflect-model=""
+              ng-reflect-name="power"
+              ng-reflect-required=""
+              required=""
+            >
+              <option />
+              <option
+                ng-reflect-value="Really Smart"
+                value="Really Smart"
+              >
+                Really Smart
+              </option>
+              <option
+                ng-reflect-value="Super Flexible"
+                value="Super Flexible"
+              >
+                Super Flexible
+              </option>
+              <option
+                ng-reflect-value="Super Hot"
+                value="Super Hot"
+              >
+                Super Hot
+              </option>
+              <option
+                ng-reflect-value="Weather Changer"
+                value="Weather Changer"
+              >
+                Weather Changer
+              </option>
+              
+            </select>
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Power is required 
+            </div>
+          </div>
+          <button
+            class="btn btn-success"
+            type="submit"
+          >
+             Submit 
+            <span
+              aria-hidden="true"
+              class="spinner-border spinner-border-sm ml-2"
+              hidden=""
+              role="status"
+            />
+          </button>
+        </form>
+      </div>
+      <div
+        hidden=""
+      >
+        <h2>
+          You submitted the following:
+        </h2>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Name
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-name"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Alter Ego
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-alterego"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Power
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-power"
+          >
+            
+          </div>
+        </div>
+        <br />
+        <button
+          class="btn btn-primary"
+        >
+          Edit
+        </button>
+      </div>
+    </div>
+  </hero-form>
+</storybook-wrapper>
+`;
+
+exports[`Storyshots Addons/Interactions Standard 1`] = `
+<storybook-wrapper>
+  <hero-form>
+    <div
+      class="container"
+    >
+      <div>
+        <h1>
+          Hero Form
+        </h1>
+        <form
+          class="ng-untouched ng-pristine ng-valid"
+          novalidate=""
+        >
+          <div
+            class="form-group"
+          >
+            <label
+              for="name"
+            >
+              Name
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="name"
+              name="name"
+              ng-reflect-model=""
+              ng-reflect-name="name"
+              ng-reflect-required=""
+              required=""
+              type="text"
+            />
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Name is required 
+            </div>
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="alterEgo"
+            >
+              Alter Ego
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="alterEgo"
+              name="alterEgo"
+              ng-reflect-model=""
+              ng-reflect-name="alterEgo"
+              type="text"
+            />
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="power"
+            >
+              Hero Power
+            </label>
+            <select
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="power"
+              name="power"
+              ng-reflect-model=""
+              ng-reflect-name="power"
+              ng-reflect-required=""
+              required=""
+            >
+              <option />
+              <option
+                ng-reflect-value="Really Smart"
+                value="Really Smart"
+              >
+                Really Smart
+              </option>
+              <option
+                ng-reflect-value="Super Flexible"
+                value="Super Flexible"
+              >
+                Super Flexible
+              </option>
+              <option
+                ng-reflect-value="Super Hot"
+                value="Super Hot"
+              >
+                Super Hot
+              </option>
+              <option
+                ng-reflect-value="Weather Changer"
+                value="Weather Changer"
+              >
+                Weather Changer
+              </option>
+              
+            </select>
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Power is required 
+            </div>
+          </div>
+          <button
+            class="btn btn-success"
+            type="submit"
+          >
+             Submit 
+            <span
+              aria-hidden="true"
+              class="spinner-border spinner-border-sm ml-2"
+              hidden=""
+              role="status"
+            />
+          </button>
+        </form>
+      </div>
+      <div
+        hidden=""
+      >
+        <h2>
+          You submitted the following:
+        </h2>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Name
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-name"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Alter Ego
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-alterego"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Power
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-power"
+          >
+            
+          </div>
+        </div>
+        <br />
+        <button
+          class="btn btn-primary"
+        >
+          Edit
+        </button>
+      </div>
+    </div>
+  </hero-form>
+</storybook-wrapper>
+`;
+
+exports[`Storyshots Addons/Interactions Submitted 1`] = `
+<storybook-wrapper>
+  <hero-form>
+    <div
+      class="container"
+    >
+      <div>
+        <h1>
+          Hero Form
+        </h1>
+        <form
+          class="ng-untouched ng-pristine ng-valid"
+          novalidate=""
+        >
+          <div
+            class="form-group"
+          >
+            <label
+              for="name"
+            >
+              Name
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="name"
+              name="name"
+              ng-reflect-model=""
+              ng-reflect-name="name"
+              ng-reflect-required=""
+              required=""
+              type="text"
+            />
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Name is required 
+            </div>
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="alterEgo"
+            >
+              Alter Ego
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="alterEgo"
+              name="alterEgo"
+              ng-reflect-model=""
+              ng-reflect-name="alterEgo"
+              type="text"
+            />
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="power"
+            >
+              Hero Power
+            </label>
+            <select
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="power"
+              name="power"
+              ng-reflect-model=""
+              ng-reflect-name="power"
+              ng-reflect-required=""
+              required=""
+            >
+              <option />
+              <option
+                ng-reflect-value="Really Smart"
+                value="Really Smart"
+              >
+                Really Smart
+              </option>
+              <option
+                ng-reflect-value="Super Flexible"
+                value="Super Flexible"
+              >
+                Super Flexible
+              </option>
+              <option
+                ng-reflect-value="Super Hot"
+                value="Super Hot"
+              >
+                Super Hot
+              </option>
+              <option
+                ng-reflect-value="Weather Changer"
+                value="Weather Changer"
+              >
+                Weather Changer
+              </option>
+              
+            </select>
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Power is required 
+            </div>
+          </div>
+          <button
+            class="btn btn-success"
+            type="submit"
+          >
+             Submit 
+            <span
+              aria-hidden="true"
+              class="spinner-border spinner-border-sm ml-2"
+              hidden=""
+              role="status"
+            />
+          </button>
+        </form>
+      </div>
+      <div
+        hidden=""
+      >
+        <h2>
+          You submitted the following:
+        </h2>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Name
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-name"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Alter Ego
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-alterego"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Power
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-power"
+          >
+            
+          </div>
+        </div>
+        <br />
+        <button
+          class="btn btn-primary"
+        >
+          Edit
+        </button>
+      </div>
+    </div>
+  </hero-form>
+</storybook-wrapper>
+`;
+
+exports[`Storyshots Addons/Interactions Submitted And Edited After 1`] = `
+<storybook-wrapper>
+  <hero-form>
+    <div
+      class="container"
+    >
+      <div>
+        <h1>
+          Hero Form
+        </h1>
+        <form
+          class="ng-untouched ng-pristine ng-valid"
+          novalidate=""
+        >
+          <div
+            class="form-group"
+          >
+            <label
+              for="name"
+            >
+              Name
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="name"
+              name="name"
+              ng-reflect-model=""
+              ng-reflect-name="name"
+              ng-reflect-required=""
+              required=""
+              type="text"
+            />
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Name is required 
+            </div>
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="alterEgo"
+            >
+              Alter Ego
+            </label>
+            <input
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="alterEgo"
+              name="alterEgo"
+              ng-reflect-model=""
+              ng-reflect-name="alterEgo"
+              type="text"
+            />
+          </div>
+          <div
+            class="form-group"
+          >
+            <label
+              for="power"
+            >
+              Hero Power
+            </label>
+            <select
+              class="form-control ng-untouched ng-pristine ng-valid"
+              id="power"
+              name="power"
+              ng-reflect-model=""
+              ng-reflect-name="power"
+              ng-reflect-required=""
+              required=""
+            >
+              <option />
+              <option
+                ng-reflect-value="Really Smart"
+                value="Really Smart"
+              >
+                Really Smart
+              </option>
+              <option
+                ng-reflect-value="Super Flexible"
+                value="Super Flexible"
+              >
+                Super Flexible
+              </option>
+              <option
+                ng-reflect-value="Super Hot"
+                value="Super Hot"
+              >
+                Super Hot
+              </option>
+              <option
+                ng-reflect-value="Weather Changer"
+                value="Weather Changer"
+              >
+                Weather Changer
+              </option>
+              
+            </select>
+            <div
+              class="alert alert-danger"
+              hidden=""
+            >
+               Power is required 
+            </div>
+          </div>
+          <button
+            class="btn btn-success"
+            type="submit"
+          >
+             Submit 
+            <span
+              aria-hidden="true"
+              class="spinner-border spinner-border-sm ml-2"
+              hidden=""
+              role="status"
+            />
+          </button>
+        </form>
+      </div>
+      <div
+        hidden=""
+      >
+        <h2>
+          You submitted the following:
+        </h2>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Name
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-name"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Alter Ego
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-alterego"
+          >
+            
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col-sm-3 font-weight-bold"
+          >
+            Power
+          </div>
+          <div
+            class="col-sm-9"
+            data-testid="hero-power"
+          >
+            
+          </div>
+        </div>
+        <br />
+        <button
+          class="btn btn-primary"
+        >
+          Edit
+        </button>
+      </div>
+    </div>
+  </hero-form>
+</storybook-wrapper>
+`;
diff --git a/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot b/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot
index c390f20fc437..452762482e25 100644
--- a/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot
+++ b/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Addons/Links button with link to another story 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Go to Welcome Story"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Go to Welcome Story
     </button>
diff --git a/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot b/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot
index 4409d0f68e49..56232c260dc2 100644
--- a/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot
+++ b/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot
@@ -3,13 +3,13 @@
 exports[`Storyshots Core / Parameters / All parameters All parameters passed to story 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Parameters are {
     \\"docs\\": {
    "
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Parameters are {
     "docs": {
diff --git a/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot b/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot
index 197f2555e839..41789ef56bc4 100644
--- a/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot
+++ b/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Core / Parameters / Layout Centered 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button
     </button>
@@ -18,11 +18,11 @@ exports[`Storyshots Core / Parameters / Layout Centered 1`] = `
 exports[`Storyshots Core / Parameters / Layout Default 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button
     </button>
@@ -36,12 +36,12 @@ exports[`Storyshots Core / Parameters / Layout Fullscreen 1`] = `
     style="background-color: yellow;"
   >
     <storybook-button-component
-      _nghost-a-c47=""
+      _nghost-a-c48=""
       ng-reflect-text="Button"
       text="Button"
     >
       <button
-        _ngcontent-a-c47=""
+        _ngcontent-a-c48=""
       >
         Button
       </button>
@@ -54,11 +54,11 @@ exports[`Storyshots Core / Parameters / Layout Fullscreen 1`] = `
 exports[`Storyshots Core / Parameters / Layout None 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button
     </button>
@@ -69,11 +69,11 @@ exports[`Storyshots Core / Parameters / Layout None 1`] = `
 exports[`Storyshots Core / Parameters / Layout Padded 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button
     </button>
diff --git a/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot b/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot
index 95e98085998a..bc21c8a94f3f 100644
--- a/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot
+++ b/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot
@@ -3,12 +3,12 @@
 exports[`Storyshots Core / Story host styles With Args 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _ngcontent-a-c151=""
-    _nghost-a-c47=""
+    _ngcontent-a-c157=""
+    _nghost-a-c48=""
     ng-reflect-text="Button with custom styles"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button with custom styles
     </button>
@@ -19,12 +19,12 @@ exports[`Storyshots Core / Story host styles With Args 1`] = `
 exports[`Storyshots Core / Story host styles With story template 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _ngcontent-a-c150=""
-    _nghost-a-c47=""
+    _ngcontent-a-c156=""
+    _nghost-a-c48=""
     ng-reflect-text="Button with custom styles"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Button with custom styles
     </button>
diff --git a/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot b/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot
index cfd33b230ee2..5e73e7aeeb32 100644
--- a/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot
+++ b/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Legacy / Component in Story Basic 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Hello Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Hello Button
     </button>
diff --git a/examples/angular-cli/src/stories/legacy/__snapshots__/storiesOf.stories.storyshot b/examples/angular-cli/src/stories/legacy/__snapshots__/storiesOf.stories.storyshot
index 0a762f2b8cc1..3c20084a5313 100644
--- a/examples/angular-cli/src/stories/legacy/__snapshots__/storiesOf.stories.storyshot
+++ b/examples/angular-cli/src/stories/legacy/__snapshots__/storiesOf.stories.storyshot
@@ -3,20 +3,20 @@
 exports[`Storyshots Legacy / Story with storiesOf() with some emoji 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="😀 😎 👍 💯"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       😀 😎 👍 💯
     </button>
   </storybook-button-component><storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="😀 😎 👍 💯"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       😀 😎 👍 💯
     </button>
@@ -27,11 +27,11 @@ exports[`Storyshots Legacy / Story with storiesOf() with some emoji 1`] = `
 exports[`Storyshots Legacy / Story with storiesOf() with text 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Hello Button"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Hello Button
     </button>
diff --git a/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot b/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot
index 380a4f509aaf..e41d8a1015b4 100644
--- a/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot
+++ b/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot
@@ -3,11 +3,11 @@
 exports[`Storyshots Others / Issues / 12009 unknown component Basic 1`] = `
 <storybook-wrapper>
   <storybook-button-component
-    _nghost-a-c47=""
+    _nghost-a-c48=""
     ng-reflect-text="Unknown component"
   >
     <button
-      _ngcontent-a-c47=""
+      _ngcontent-a-c48=""
     >
       Unknown component
     </button>
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index f5d2f98e84d7..f8ead84c4843 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -11,7 +11,7 @@
     "test": "react-scripts test --env=jsdom"
   },
   "dependencies": {
-    "@storybook/client-logger": "6.4.0-rc.6",
+    "@storybook/client-logger": "6.5.0-alpha.7",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,19 +21,19 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
     "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
-    "@storybook/addon-jest": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
+    "@storybook/addon-jest": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
     "@storybook/preset-create-react-app": "^3.1.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "webpack": "4"
   },
   "storybook": {
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index f48e3733bb25..2436955cfec6 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -19,14 +19,14 @@
     "react-scripts": "3.4.4"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "6.4.0-rc.6",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
     "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
     "@storybook/preset-create-react-app": "^3.1.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "babel-core": "6",
     "babel-runtime": "6",
     "webpack": "4"
diff --git a/examples/cra-ts-essentials/package.json b/examples/cra-ts-essentials/package.json
index 50ceb7f5fb7c..bd01d239bac7 100644
--- a/examples/cra-ts-essentials/package.json
+++ b/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@types/jest": "^26.0.16",
-    "@types/node": "14.14.20",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.2",
     "@types/react-dom": "16.9.10",
     "global": "^4.4.0",
@@ -34,12 +34,12 @@
     "typescript": "^3.9.7"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "6.4.0-rc.6",
+    "@storybook/addon-essentials": "6.5.0-alpha.7",
     "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
     "@storybook/preset-create-react-app": "^3.1.6",
-    "@storybook/react": "6.4.0-rc.6",
+    "@storybook/react": "6.5.0-alpha.7",
     "webpack": "4"
   },
   "storybook": {
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index 49efb4181553..b95e374c8c2b 100644
--- a/examples/cra-ts-kitchen-sink/package.json
+++ b/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@types/jest": "25.2.3",
-    "@types/node": "14.14.20",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "16.14.2",
     "@types/react-dom": "16.9.10",
     "prop-types": "^15.7.2",
@@ -34,15 +34,15 @@
     "typescript": "^3.9.7"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
     "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
     "@storybook/preset-create-react-app": "^3.1.6",
-    "@storybook/react": "6.4.0-rc.6",
+    "@storybook/react": "6.5.0-alpha.7",
     "@types/enzyme": "^3.10.8",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.9.1",
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index 5129cf7c6675..9323caeaf4e0 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "ember build --output-path ember-output",
@@ -17,18 +17,18 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/ember": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/ember": "6.5.0-alpha.7",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "6.4.0-rc.6",
+    "@storybook/source-loader": "6.5.0-alpha.7",
     "babel-loader": "^8.0.0",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^7.0.3",
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index e1a63e9becdb..0ead10069b97 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,23 +13,23 @@
     "storybook": "start-storybook -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-jest": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-jest": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/core": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
-    "@storybook/html": "6.4.0-rc.6",
-    "@storybook/source-loader": "6.4.0-rc.6",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/core": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
+    "@storybook/html": "6.5.0-alpha.7",
+    "@storybook/source-loader": "6.5.0-alpha.7",
     "autoprefixer": "^10.0.1",
     "eventemitter3": "^4.0.7",
     "format-json": "^1.0.3",
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index c382999e5412..acbee69260ac 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@@ -14,31 +14,31 @@
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.3.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-interactions": "6.4.0-rc.6",
-    "@storybook/addon-jest": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storyshots-puppeteer": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addon-toolbars": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/cli": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-interactions": "6.5.0-alpha.7",
+    "@storybook/addon-jest": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addon-toolbars": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/cli": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/design-system": "^5.4.7",
-    "@storybook/jest": "^0.0.2",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/router": "6.4.0-rc.6",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/testing-library": "^0.0.3",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/jest": "^0.0.5",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/router": "6.5.0-alpha.7",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/testing-library": "^0.0.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -50,7 +50,7 @@
     "format-json": "^1.0.3",
     "global": "^4.4.0",
     "jest-emotion": "^10.0.32",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "paths.macro": "^3.0.1",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index 96706c78653e..1b265bf9f15a 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,16 +15,16 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@babel/plugin-transform-runtime": "^7.12.10",
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/preact": "6.4.0-rc.6",
-    "@storybook/source-loader": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/preact": "6.5.0-alpha.7",
+    "@storybook/source-loader": "6.5.0-alpha.7",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^17",
     "@types/react-dom": "^17",
diff --git a/examples/react-ts-webpack4/package.json b/examples/react-ts-webpack4/package.json
index e536b8452272..ceb7eed9062c 100644
--- a/examples/react-ts-webpack4/package.json
+++ b/examples/react-ts-webpack4/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts-webpack4",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@@ -8,10 +8,10 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
   },
   "dependencies": {
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-essentials": "6.4.0-rc.6",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-essentials": "6.5.0-alpha.7",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
     "@types/react": "^16.14.2",
     "@types/react-dom": "^16.9.10",
     "prop-types": "15.7.2",
diff --git a/examples/react-ts/.storybook/main.ts b/examples/react-ts/.storybook/main.ts
index 76da86225ef6..865d5edbda32 100644
--- a/examples/react-ts/.storybook/main.ts
+++ b/examples/react-ts/.storybook/main.ts
@@ -31,6 +31,7 @@ const config: StorybookConfig = {
     storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom'),
     buildStoriesJson: true,
     babelModeV7: true,
+    warnOnLegacyHierarchySeparator: false,
   },
   framework: '@storybook/react',
 };
diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json
index 4c12bbb59659..aaf9fdc97248 100644
--- a/examples/react-ts/package.json
+++ b/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
@@ -18,13 +18,13 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@storybook/addon-essentials": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/cli": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/addon-essentials": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/cli": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "@types/babel__preset-env": "^7",
diff --git a/examples/server-kitchen-sink/package.json b/examples/server-kitchen-sink/package.json
index 13f5cdfd32aa..80eed7f0b13f 100644
--- a/examples/server-kitchen-sink/package.json
+++ b/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,13 +14,13 @@
     "storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/server": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/server": "6.5.0-alpha.7",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
diff --git a/examples/standalone-preview/README.md b/examples/standalone-preview/README.md
index 06c45a73689a..ef620a4d92bb 100644
--- a/examples/standalone-preview/README.md
+++ b/examples/standalone-preview/README.md
@@ -5,7 +5,7 @@ This project demonstrates a preview running in standalone mode using `parcel`.
 To run the standalone preview:
 
 ```
-yarn storybook
+yarn storybook-preview
 ```
 
 This starts a `parcel` dev server on port `1337`.
@@ -13,10 +13,9 @@ This starts a `parcel` dev server on port `1337`.
 To view the stories in the storybook UI:
 
 ```
-cd ../official-storybook
-npm storybook -- --preview-url=http://localhost:1337/iframe.html # or yarn
+yarn storybook
 ```
 
-This runs the Storybook dev server, but instead of showing `official-storybook`'s stories, it attaches to the `parcel` dev server, lists its stories in the navigation, and shows its stories in the preview iframe.
+This runs the Storybook dev server (Found in ../official-storybook), but instead of showing `official-storybook`'s stories, it attaches to the `parcel` dev server, lists its stories in the navigation, and shows its stories in the preview iframe.
 
 > NOTE: This can be run from any working storybook, not just `official-storybook`!
diff --git a/examples/standalone-preview/addPreview.ts b/examples/standalone-preview/addPreview.ts
new file mode 100644
index 000000000000..f65d8cf7243b
--- /dev/null
+++ b/examples/standalone-preview/addPreview.ts
@@ -0,0 +1,3 @@
+export {};
+
+global.PREVIEW_URL = process.env.PREVIEW_URL;
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index ce6d51187bc6..21f0011cd4ce 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,14 +1,17 @@
 {
   "name": "standalone-preview",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
-    "storybook": "parcel ./storybook.html --port 1337"
+    "storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337",
+    "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/react": "6.4.0-rc.6",
-    "parcel": "^1.12.4",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/cli": "6.5.0-alpha.7",
+    "@storybook/react": "6.5.0-alpha.7",
+    "cross-env": "^7.0.3",
+    "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   }
diff --git a/examples/standalone-preview/storybook.html b/examples/standalone-preview/storybook.html
index 834cd2e00ca0..ac1f9f1fe2cb 100644
--- a/examples/standalone-preview/storybook.html
+++ b/examples/standalone-preview/storybook.html
@@ -9,7 +9,7 @@
   <body>
     <div id="root"></div>
     <div id="docs-root"></div>
-    <script src="./storybook.ts"></script>
+    <script type="module" src="./storybook.ts"></script>
     <div class="sb-errordisplay sb-wrapper">
       <div id="error-message" class="sb-heading"></div>
       <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
diff --git a/examples/standalone-preview/storybook.ts b/examples/standalone-preview/storybook.ts
index b218ec5b6f50..a588cf96ca02 100644
--- a/examples/standalone-preview/storybook.ts
+++ b/examples/standalone-preview/storybook.ts
@@ -1,3 +1,4 @@
+import './addPreview';
 import { configure, addParameters } from '@storybook/react';
 import { DocsPage, DocsContainer } from '@storybook/addon-docs';
 
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index c4830343545f..d8196846c2f8 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,21 +10,21 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-interactions": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/jest": "^0.0.2",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/svelte": "6.4.0-rc.6",
-    "@storybook/testing-library": "^0.0.3",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-interactions": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/jest": "^0.0.5",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/svelte": "6.5.0-alpha.7",
+    "@storybook/testing-library": "^0.0.7",
     "svelte-jester": "1.3.0",
     "svelte-preprocess": "4.6.8"
   },
diff --git a/examples/svelte-kitchen-sink/src/stories/addon-interactions.stories_.js b/examples/svelte-kitchen-sink/src/stories/addon-interactions.stories_.js
deleted file mode 100644
index 6e41acdbda6d..000000000000
--- a/examples/svelte-kitchen-sink/src/stories/addon-interactions.stories_.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { expect } from '@storybook/jest';
-import { within, userEvent } from '@storybook/testing-library';
-
-import Counter from '../components/Counter.svelte';
-
-export default {
-  title: 'Addon/Interactions',
-};
-
-const Template = (args) => ({
-  Component: Counter,
-  props: args,
-});
-
-export const Default = Template.bind({});
-
-Default.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  await userEvent.click(await canvas.findByText('Increment'));
-
-  const count = await canvas.findByTestId('count');
-  await expect(count.textContent).toEqual('You clicked 1 times');
-};
diff --git a/examples/vue-3-cli/package.json b/examples/vue-3-cli/package.json
index 1f5a8e2fa885..bd49a6b8d259 100644
--- a/examples/vue-3-cli/package.json
+++ b/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -14,14 +14,14 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-essentials": "6.4.0-rc.6",
-    "@storybook/addon-interactions": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/jest": "^0.0.2",
-    "@storybook/testing-library": "^0.0.3",
-    "@storybook/vue3": "6.4.0-rc.6",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-essentials": "6.5.0-alpha.7",
+    "@storybook/addon-interactions": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/jest": "^0.0.5",
+    "@storybook/testing-library": "^0.0.7",
+    "@storybook/vue3": "6.5.0-alpha.7",
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-typescript": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
diff --git a/examples/vue-3-cli/src/stories/Button.vue b/examples/vue-3-cli/src/stories/Button.vue
index bb795d041af9..b366548441ee 100644
--- a/examples/vue-3-cli/src/stories/Button.vue
+++ b/examples/vue-3-cli/src/stories/Button.vue
@@ -6,9 +6,9 @@
 
 <script lang="typescript">
 import './button.css';
-import { reactive, computed } from 'vue';
+import { reactive, computed, defineComponent } from 'vue';
 
-export default {
+export default defineComponent({
   name: 'my-button',
 
   props: {
@@ -55,5 +55,5 @@ export default {
       }
     }
   },
-};
+});
 </script>
diff --git a/examples/vue-3-cli/src/stories/CSF3.stories.ts b/examples/vue-3-cli/src/stories/CSF3.stories.ts
new file mode 100644
index 000000000000..a3ae376a6319
--- /dev/null
+++ b/examples/vue-3-cli/src/stories/CSF3.stories.ts
@@ -0,0 +1,21 @@
+import { userEvent, within } from '@storybook/testing-library';
+import { Story, Meta } from '@storybook/vue3/types-7-0';
+import Button from './Button.vue';
+
+export default {
+  title: 'Example/ButtonCSF3',
+  component: Button,
+} as Meta;
+
+export const Default: Story = { args: { label: 'Default' } };
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary',
+    primary: true,
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByRole('button'));
+  },
+};
diff --git a/examples/vue-cli/package.json b/examples/vue-cli/package.json
index e988835922f5..49266eb38115 100644
--- a/examples/vue-cli/package.json
+++ b/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -15,11 +15,11 @@
     "vue-property-decorator": "^9.1.2"
   },
   "devDependencies": {
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-essentials": "6.4.0-rc.6",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-essentials": "6.5.0-alpha.7",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/vue": "6.4.0-rc.6",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/vue": "6.5.0-alpha.7",
     "@vue/cli-plugin-babel": "~4.3.1",
     "@vue/cli-plugin-typescript": "~4.3.1",
     "@vue/cli-service": "~4.3.1",
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 777d6606ef83..4c2393e8339b 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,21 +14,21 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "6.4.0-rc.6",
-    "@storybook/addon-actions": "6.4.0-rc.6",
-    "@storybook/addon-backgrounds": "6.4.0-rc.6",
-    "@storybook/addon-controls": "6.4.0-rc.6",
-    "@storybook/addon-docs": "6.4.0-rc.6",
-    "@storybook/addon-interactions": "6.4.0-rc.6",
-    "@storybook/addon-links": "6.4.0-rc.6",
-    "@storybook/addon-storyshots": "6.4.0-rc.6",
-    "@storybook/addon-storysource": "6.4.0-rc.6",
-    "@storybook/addon-viewport": "6.4.0-rc.6",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/jest": "^0.0.2",
-    "@storybook/source-loader": "6.4.0-rc.6",
-    "@storybook/testing-library": "^0.0.3",
-    "@storybook/vue": "6.4.0-rc.6",
+    "@storybook/addon-a11y": "6.5.0-alpha.7",
+    "@storybook/addon-actions": "6.5.0-alpha.7",
+    "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+    "@storybook/addon-controls": "6.5.0-alpha.7",
+    "@storybook/addon-docs": "6.5.0-alpha.7",
+    "@storybook/addon-interactions": "6.5.0-alpha.7",
+    "@storybook/addon-links": "6.5.0-alpha.7",
+    "@storybook/addon-storyshots": "6.5.0-alpha.7",
+    "@storybook/addon-storysource": "6.5.0-alpha.7",
+    "@storybook/addon-viewport": "6.5.0-alpha.7",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/jest": "^0.0.5",
+    "@storybook/source-loader": "6.5.0-alpha.7",
+    "@storybook/testing-library": "^0.0.7",
+    "@storybook/vue": "6.5.0-alpha.7",
     "@vue/babel-preset-jsx": "^1.2.4",
     "babel-loader": "^8.0.0",
     "cross-env": "^7.0.3",
diff --git a/examples/vue-kitchen-sink/src/stories/Welcome.vue b/examples/vue-kitchen-sink/src/stories/Welcome.vue
index d3ec62eac551..b4da73acd014 100644
--- a/examples/vue-kitchen-sink/src/stories/Welcome.vue
+++ b/examples/vue-kitchen-sink/src/stories/Welcome.vue
@@ -56,6 +56,10 @@
 <script>
   export default {
     methods: {
+      /**
+       * emit buttonRequested event
+       * @public
+       **/
       requestButton() {
         /**
          * Emitted when the button example is requested
diff --git a/examples/vue-kitchen-sink/src/stories/addon-interactions.stories_.js b/examples/vue-kitchen-sink/src/stories/addon-interactions.stories_.js
deleted file mode 100644
index 616b5141f723..000000000000
--- a/examples/vue-kitchen-sink/src/stories/addon-interactions.stories_.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { expect } from '@storybook/jest';
-import { within, userEvent } from '@storybook/testing-library';
-
-import Counter from './Counter.vue';
-
-export default {
-  title: 'Addon/Interactions',
-  component: Counter,
-};
-
-const Template = (args) => ({
-  components: { Counter },
-  setup() {
-    return { args };
-  },
-  template: '<counter v-bind="args" />',
-});
-
-export const Default = Template.bind({});
-
-Default.play = async ({ canvasElement }) => {
-  // TODO: 1 - coming from another story this works, refreshing the browser it fails
-  const canvas = within(canvasElement);
-  await userEvent.click(await canvas.findByText('Increment'));
-
-  const count = await canvas.findByTestId('count');
-  await expect(count.textContent).toEqual('You clicked 1 times');
-};
diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json
index a5c18eefb653..6b1f90da3104 100644
--- a/examples/web-components-kitchen-sink/package.json
+++ b/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "description": "",
   "keywords": [],
@@ -40,7 +40,7 @@
     "@storybook/core-events": "portal:../../lib/core-events",
     "@storybook/core-server": "portal:../../lib/core-server",
     "@storybook/csf-tools": "portal:../../lib/csf-tools",
-    "@storybook/jest": "^0.0.2",
+    "@storybook/jest": "^0.0.5",
     "@storybook/manager-webpack4": "portal:../../lib/manager-webpack4",
     "@storybook/node-logger": "portal:../../lib/node-logger",
     "@storybook/postinstall": "portal:../../lib/postinstall",
@@ -48,7 +48,7 @@
     "@storybook/router": "portal:../../lib/router",
     "@storybook/source-loader": "portal:../../lib/source-loader",
     "@storybook/store": "portal:../../lib/store",
-    "@storybook/testing-library": "^0.0.3",
+    "@storybook/testing-library": "^0.0.7",
     "@storybook/theming": "portal:../../lib/theming",
     "@storybook/ui": "portal:../../lib/ui",
     "@storybook/web-components": "portal:../../app/web-components",
diff --git a/jest.config.js b/jest.config.js
index 2caf8ee5a90e..b0ddc913094d 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,3 +1,5 @@
+const os = require('os');
+
 module.exports = {
   cacheDirectory: '.cache/jest',
   clearMocks: true,
@@ -81,6 +83,7 @@ module.exports = {
   globals: {
     DOCS_MODE: false,
     PREVIEW_URL: undefined,
+    SNAPSHOT_OS: os.platform() === 'win32' ? 'windows' : 'posix',
   },
   snapshotSerializers: ['jest-emotion', 'enzyme-to-json/serializer', 'jest-serializer-html'],
   coverageDirectory: 'coverage',
diff --git a/lerna.json b/lerna.json
index 1d29dc4fe943..89163993eee0 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "6.4.0-rc.6"
+  "version": "6.5.0-alpha.7"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index eed2d76102d7..566ee93dc07f 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -40,13 +40,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/router": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/router": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -59,6 +59,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/public_api.js"
 }
diff --git a/lib/api/package.json b/lib/api/package.json
index 391b0949f3f7..2eeaa50e5bd5 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -38,21 +38,21 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/router": "6.4.0-rc.6",
+    "@storybook/router": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/theming": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
     "regenerator-runtime": "^0.13.7",
     "store2": "^2.12.0",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
@@ -71,6 +71,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/api/src/lib/stories.ts b/lib/api/src/lib/stories.ts
index 044b728ca04e..e93c974f6255 100644
--- a/lib/api/src/lib/stories.ts
+++ b/lib/api/src/lib/stories.ts
@@ -3,6 +3,7 @@ import deprecate from 'util-deprecate';
 import dedent from 'ts-dedent';
 import mapValues from 'lodash/mapValues';
 import countBy from 'lodash/countBy';
+import global from 'global';
 import {
   StoryId,
   ComponentTitle,
@@ -19,6 +20,8 @@ import merge from './merge';
 import { Provider } from '../modules/provider';
 import { ViewMode } from '../modules/addons';
 
+const { FEATURES } = global;
+
 export type { StoryId };
 
 export interface Root {
@@ -207,7 +210,7 @@ export const transformStoriesRawToStoriesHash = (
     }
 
     const setShowRoots = typeof showRoots !== 'undefined';
-    if (usesOldHierarchySeparator && !setShowRoots) {
+    if (usesOldHierarchySeparator && !setShowRoots && FEATURES?.warnOnLegacyHierarchySeparator) {
       warnChangedDefaultHierarchySeparators();
     }
 
diff --git a/lib/api/src/modules/stories.ts b/lib/api/src/modules/stories.ts
index 654aad148fe6..308c94884854 100644
--- a/lib/api/src/modules/stories.ts
+++ b/lib/api/src/modules/stories.ts
@@ -293,10 +293,9 @@ export const init: ModuleFn = ({
             ? s.parameters.viewMode
             : viewModeFromState;
 
-        // In some cases, the viewMode could be something other than docs/story
-        // ('settings', for example) and therefore we should make sure we go back
-        // to the 'story' viewMode when navigating away from those pages.
-        if (!viewMode.match(/docs|story/)) {
+        // Some viewModes are not story-specific, and we should reset viewMode
+        //  to 'story' if one of those is active when navigating to another story
+        if (['settings', 'about', 'release'].includes(viewMode)) {
           viewMode = 'story';
         }
 
diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 82b028a2db8c..22e70536b829 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '6.4.0-rc.6';
+export const version = '6.5.0-alpha.7';
diff --git a/lib/builder-webpack4/package.json b/lib/builder-webpack4/package.json
index 8f7db99bdb3d..56b13d334e63 100644
--- a/lib/builder-webpack4/package.json
+++ b/lib/builder-webpack4/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack4",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -61,23 +61,23 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/channel-postmessage": "6.4.0-rc.6",
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/router": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/channel-postmessage": "6.5.0-alpha.7",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/router": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
-    "@storybook/ui": "6.4.0-rc.6",
-    "@types/node": "^14.0.10",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
+    "@storybook/ui": "6.5.0-alpha.7",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "@types/webpack": "^4.41.26",
     "autoprefixer": "^9.8.6",
     "babel-loader": "^8.0.0",
@@ -98,7 +98,6 @@
     "postcss-flexbugs-fixes": "^4.2.1",
     "postcss-loader": "^4.2.0",
     "raw-loader": "^4.0.2",
-    "react-dev-utils": "^11.0.4",
     "stable": "^0.1.8",
     "style-loader": "^1.3.0",
     "terser-webpack-plugin": "^4.2.3",
@@ -113,7 +112,6 @@
   },
   "devDependencies": {
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.4",
-    "@types/react-dev-utils": "^9.0.4",
     "@types/terser-webpack-plugin": "^5.0.2",
     "@types/webpack-dev-middleware": "^3.7.3",
     "@types/webpack-hot-middleware": "^2.25.3",
@@ -131,6 +129,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/builder-webpack4/src/preview/iframe-webpack.config.ts b/lib/builder-webpack4/src/preview/iframe-webpack.config.ts
index d20ddd08ad82..190dbb77ab7e 100644
--- a/lib/builder-webpack4/src/preview/iframe-webpack.config.ts
+++ b/lib/builder-webpack4/src/preview/iframe-webpack.config.ts
@@ -1,10 +1,9 @@
 import path from 'path';
 import { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin } from 'webpack';
 // @ts-ignore
-import { Configuration, RuleSetRule } from '@types/webpack';
+import type { Configuration, RuleSetRule } from '@types/webpack';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
-import WatchMissingNodeModulesPlugin from 'react-dev-utils/WatchMissingNodeModulesPlugin';
 import TerserWebpackPlugin from 'terser-webpack-plugin';
 import VirtualModulePlugin from 'webpack-virtual-modules';
 import PnpWebpackPlugin from 'pnp-webpack-plugin';
@@ -19,7 +18,6 @@ import {
   es6Transpiler,
   handlebars,
   interpolate,
-  nodeModulesPaths,
   Options,
   toImportFn,
   normalizeStories,
@@ -64,6 +62,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
     framework,
     frameworkPath,
     presets,
+    previewUrl,
     typescriptOptions,
     modern,
     features,
@@ -188,6 +187,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
             FRAMEWORK_OPTIONS: frameworkOptions,
             CHANNEL_OPTIONS: coreOptions?.channelOptions,
             FEATURES: features,
+            PREVIEW_URL: previewUrl,
             STORIES: stories.map((specifier) => ({
               ...specifier,
               importPathMatcher: specifier.importPathMatcher.source,
@@ -210,7 +210,6 @@ export default async (options: Options & Record<string, any>): Promise<Configura
         ...stringifyProcessEnvs(envs),
         NODE_ENV: JSON.stringify(envs.NODE_ENV),
       }),
-      isProd ? null : new WatchMissingNodeModulesPlugin(nodeModulesPaths),
       isProd ? null : new HotModuleReplacementPlugin(),
       new CaseSensitivePathsPlugin(),
       quiet ? null : new ProgressPlugin({}),
diff --git a/lib/builder-webpack5/package.json b/lib/builder-webpack5/package.json
index 29b5ac45de2e..c8f22a615fcd 100644
--- a/lib/builder-webpack5/package.json
+++ b/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -60,22 +60,22 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/channel-postmessage": "6.4.0-rc.6",
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/router": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/channel-postmessage": "6.5.0-alpha.7",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/router": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
-    "@types/node": "^14.0.10",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.0.0",
     "babel-plugin-macros": "^3.0.1",
     "babel-plugin-polyfill-corejs3": "^0.1.0",
@@ -86,7 +86,7 @@
     "glob": "^7.1.6",
     "glob-promise": "^3.4.0",
     "html-webpack-plugin": "^5.0.0",
-    "react-dev-utils": "^11.0.4",
+    "path-browserify": "^1.0.1",
     "stable": "^0.1.8",
     "style-loader": "^2.0.0",
     "terser-webpack-plugin": "^5.0.3",
@@ -99,7 +99,6 @@
   },
   "devDependencies": {
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.4",
-    "@types/react-dev-utils": "^9.0.4",
     "@types/terser-webpack-plugin": "^5.0.2",
     "@types/webpack-dev-middleware": "^4.1.0",
     "@types/webpack-hot-middleware": "^2.25.3",
@@ -117,6 +116,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/builder-webpack5/src/preview/iframe-webpack.config.ts b/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
index e46e8f484b56..a144e5cbb44f 100644
--- a/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
+++ b/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
@@ -8,7 +8,6 @@ import {
 } from 'webpack';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
-import WatchMissingNodeModulesPlugin from 'react-dev-utils/WatchMissingNodeModulesPlugin';
 import TerserWebpackPlugin from 'terser-webpack-plugin';
 import VirtualModulePlugin from 'webpack-virtual-modules';
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
@@ -19,7 +18,6 @@ import {
   toRequireContextString,
   es6Transpiler,
   stringifyProcessEnvs,
-  nodeModulesPaths,
   handlebars,
   interpolate,
   Options,
@@ -65,6 +63,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
     framework,
     frameworkPath,
     presets,
+    previewUrl,
     typescriptOptions,
     modern,
     features,
@@ -192,6 +191,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
             FRAMEWORK_OPTIONS: frameworkOptions,
             CHANNEL_OPTIONS: coreOptions?.channelOptions,
             FEATURES: features,
+            PREVIEW_URL: previewUrl,
             STORIES: stories.map((specifier) => ({
               ...specifier,
               importPathMatcher: specifier.importPathMatcher.source,
@@ -214,8 +214,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
         ...stringifyProcessEnvs(envs),
         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
       }),
-      new ProvidePlugin({ process: 'process/browser' }),
-      isProd ? null : new WatchMissingNodeModulesPlugin(nodeModulesPaths),
+      new ProvidePlugin({ process: 'process/browser.js' }),
       isProd ? null : new HotModuleReplacementPlugin(),
       new CaseSensitivePathsPlugin(),
       quiet ? null : new ProgressPlugin({}),
@@ -241,7 +240,9 @@ export default async (options: Options & Record<string, any>): Promise<Configura
         react: path.dirname(require.resolve('react/package.json')),
         'react-dom': path.dirname(require.resolve('react-dom/package.json')),
       },
-      fallback: { path: false },
+      fallback: {
+        path: require.resolve('path-browserify'),
+      },
     },
     optimization: {
       splitChunks: {
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 75f75e977beb..1658566caed9 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,17 +40,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "qs": "^6.10.0",
-    "telejson": "^5.3.2"
+    "telejson": "^5.3.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/channel-postmessage/src/index.ts b/lib/channel-postmessage/src/index.ts
index 02162885bb2a..4d37162f02bb 100644
--- a/lib/channel-postmessage/src/index.ts
+++ b/lib/channel-postmessage/src/index.ts
@@ -19,6 +19,8 @@ interface BufferedEvent {
 
 export const KEY = 'storybook-channel';
 
+const defaultEventOptions = { allowFunction: true, maxDepth: 25 };
+
 // TODO: we should export a method for opening child windows here and keep track of em.
 // that way we can send postMessage to child windows as well, not just iframe
 // https://stackoverflow.com/questions/6340160/how-to-get-the-references-of-all-already-opened-child-windows
@@ -63,17 +65,17 @@ export class PostmsgTransport {
 
       // telejson options
       allowRegExp,
-      allowFunction = true,
+      allowFunction,
       allowSymbol,
       allowDate,
       allowUndefined,
       allowClass,
-      maxDepth = 25,
+      maxDepth,
       space,
       lazyEval,
     } = options || {};
 
-    const c = Object.fromEntries(
+    const eventOptions = Object.fromEntries(
       Object.entries({
         allowRegExp,
         allowFunction,
@@ -87,7 +89,11 @@ export class PostmsgTransport {
       }).filter(([k, v]) => typeof v !== 'undefined')
     );
 
-    const stringifyOptions = { ...(global.CHANNEL_OPTIONS || {}), ...c };
+    const stringifyOptions = {
+      ...defaultEventOptions,
+      ...(global.CHANNEL_OPTIONS || {}),
+      ...eventOptions,
+    };
 
     // backwards compat: convert depth to maxDepth
     if (options && Number.isInteger(options.depth)) {
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index b4bc74c93416..c367efbdbadb 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,15 +40,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "telejson": "^5.3.2"
+    "telejson": "^5.3.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 52f78f6c65f0..ad5859698f69 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -47,6 +47,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/cli-sb/package.json b/lib/cli-sb/package.json
index 9d3df413aa0d..7d66898db6af 100644
--- a/lib/cli-sb/package.json
+++ b/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -24,10 +24,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "6.4.0-rc.6"
+    "@storybook/cli": "6.5.0-alpha.7"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470"
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6"
 }
diff --git a/lib/cli-storybook/package.json b/lib/cli-storybook/package.json
index b8087a8e5362..424cf781a5fb 100644
--- a/lib/cli-storybook/package.json
+++ b/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -27,10 +27,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "6.4.0-rc.6"
+    "@storybook/cli": "6.5.0-alpha.7"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470"
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6"
 }
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 512b01a0690b..d1f808e8d5b7 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -48,10 +48,10 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/csf-tools": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/codemod": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/csf-tools": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
@@ -76,7 +76,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "6.4.0-rc.6",
+    "@storybook/client-api": "6.5.0-alpha.7",
     "@types/cross-spawn": "^6.0.2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470"
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6"
 }
diff --git a/lib/cli/src/automigrate/fixes/angular12.test.ts b/lib/cli/src/automigrate/fixes/angular12.test.ts
index 6a9626674934..c00b45184056 100644
--- a/lib/cli/src/automigrate/fixes/angular12.test.ts
+++ b/lib/cli/src/automigrate/fixes/angular12.test.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-underscore-dangle */
+import path from 'path';
 import { JsPackageManager } from '../../js-package-manager';
 import { angular12 } from './angular12';
 
@@ -8,7 +9,7 @@ jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 const checkCra5 = async ({ packageJson, main }) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
-    '.storybook/main.js': `module.exports = ${JSON.stringify(main)};`,
+    [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
   });
   const packageManager = {
     retrievePackageJson: () => ({ dependencies: {}, devDependencies: {}, ...packageJson }),
diff --git a/lib/cli/src/automigrate/fixes/cra5.test.ts b/lib/cli/src/automigrate/fixes/cra5.test.ts
index 15717948ff6a..72e42f9f6f65 100644
--- a/lib/cli/src/automigrate/fixes/cra5.test.ts
+++ b/lib/cli/src/automigrate/fixes/cra5.test.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-underscore-dangle */
+import path from 'path';
 import { JsPackageManager } from '../../js-package-manager';
 import { cra5 } from './cra5';
 
@@ -8,7 +9,7 @@ jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 const checkCra5 = async ({ packageJson, main }) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
-    '.storybook/main.js': `module.exports = ${JSON.stringify(main)};`,
+    [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
   });
   const packageManager = {
     retrievePackageJson: () => ({ dependencies: {}, devDependencies: {}, ...packageJson }),
diff --git a/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts b/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts
index d4f9940a6a0e..b87856375474 100644
--- a/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts
+++ b/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-underscore-dangle */
+import path from 'path';
 import dedent from 'ts-dedent';
 import { JsPackageManager } from '../../js-package-manager';
 import { eslintPlugin } from './eslint-plugin';
@@ -14,7 +15,9 @@ const checkEslint = async ({
 }) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
-    '.storybook/main.js': !main ? null : `module.exports = ${JSON.stringify(main)};`,
+    [path.join('.storybook', 'main.js')]: !main
+      ? null
+      : `module.exports = ${JSON.stringify(main)};`,
     [`.eslintrc.${eslintExtension}`]: !hasEslint
       ? null
       : dedent(`
diff --git a/lib/cli/src/automigrate/fixes/mainjsFramework.ts b/lib/cli/src/automigrate/fixes/mainjsFramework.ts
index 637c0868cd65..e074a9cd5857 100644
--- a/lib/cli/src/automigrate/fixes/mainjsFramework.ts
+++ b/lib/cli/src/automigrate/fixes/mainjsFramework.ts
@@ -21,6 +21,11 @@ export const mainjsFramework: Fix<MainjsFrameworkRunOptions> = {
     const packageJson = packageManager.retrievePackageJson();
     const { mainConfig, framework, version: storybookVersion } = getStorybookInfo(packageJson);
 
+    if (!mainConfig) {
+      logger.warn('Unable to find storybook main.js config, skipping');
+      return null;
+    }
+
     const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
     if (!storybookCoerced) {
       logger.warn(dedent`
diff --git a/lib/cli/src/automigrate/fixes/webpack5.test.ts b/lib/cli/src/automigrate/fixes/webpack5.test.ts
index 7d5f519cfe64..5406b2ed86f4 100644
--- a/lib/cli/src/automigrate/fixes/webpack5.test.ts
+++ b/lib/cli/src/automigrate/fixes/webpack5.test.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-underscore-dangle */
+import path from 'path';
 import { JsPackageManager } from '../../js-package-manager';
 import { webpack5 } from './webpack5';
 
@@ -8,7 +9,7 @@ jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 const checkWebpack5 = async ({ packageJson, main }) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
-    '.storybook/main.js': `module.exports = ${JSON.stringify(main)};`,
+    [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
   });
   const packageManager = {
     retrievePackageJson: () => ({ dependencies: {}, devDependencies: {}, ...packageJson }),
diff --git a/lib/cli/src/generators/WEB-COMPONENTS/index.ts b/lib/cli/src/generators/WEB-COMPONENTS/index.ts
index ee8b69800f3f..1b620f0200c7 100755
--- a/lib/cli/src/generators/WEB-COMPONENTS/index.ts
+++ b/lib/cli/src/generators/WEB-COMPONENTS/index.ts
@@ -1,7 +1,9 @@
 import { baseGenerator, Generator } from '../baseGenerator';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  return baseGenerator(packageManager, npmOptions, options, 'web-components');
+  return baseGenerator(packageManager, npmOptions, options, 'web-components', {
+    extraPackages: ['lit-html'],
+  });
 };
 
 export default generator;
diff --git a/lib/cli/src/repro-generators/configs.ts b/lib/cli/src/repro-generators/configs.ts
index c3b2f6e79660..d9d1238e6973 100644
--- a/lib/cli/src/repro-generators/configs.ts
+++ b/lib/cli/src/repro-generators/configs.ts
@@ -151,7 +151,6 @@ export const vue: Parameters = {
   name: 'vue',
   version: 'latest',
   generator: [
-    `echo '{"useTaobaoRegistry": false}' > ~/.vuerc`,
     // Force npm otherwise we have a mess between Yarn 1 and Yarn 2
     `npx -p @vue/cli@{{version}} vue create {{appName}} --default --packageManager=npm --no-git --force`,
   ].join(' && '),
@@ -163,7 +162,6 @@ export const vue3: Parameters = {
   version: 'next',
   // Vue CLI v4 utilizes webpack 4, and the 5-alpha uses webpack 5 so we force ^4 here
   generator: [
-    `echo '{"useTaobaoRegistry": false}' > ~/.vuerc`,
     // Force npm otherwise we have a mess between Yarn 1 and Yarn 2
     `npx -p @vue/cli@^4 vue create {{appName}} --preset=__default_vue_3__ --packageManager=npm --no-git --force`,
   ].join(' && '),
diff --git a/lib/cli/src/repro.ts b/lib/cli/src/repro.ts
index ca1f811425c4..1019e662b32f 100644
--- a/lib/cli/src/repro.ts
+++ b/lib/cli/src/repro.ts
@@ -118,11 +118,13 @@ export const repro = async ({
       type: 'text',
       message: 'Enter the output directory',
       name: 'directory',
+      initial: selectedConfig.name,
+      validate: (directoryName) =>
+        fs.existsSync(directoryName)
+          ? `${directoryName} already exists. Please choose another name.`
+          : true,
     });
     selectedDirectory = directory;
-    if (fs.existsSync(selectedDirectory)) {
-      throw new Error(`🚨 Repro: ${selectedDirectory} already exists`);
-    }
   }
 
   try {
diff --git a/lib/cli/src/versions.json b/lib/cli/src/versions.json
index acdf732d1523..29066014e234 100644
--- a/lib/cli/src/versions.json
+++ b/lib/cli/src/versions.json
@@ -1,59 +1,59 @@
 {
-  "@storybook/addon-a11y": "6.4.0-rc.6",
-  "@storybook/addon-actions": "6.4.0-rc.6",
-  "@storybook/addon-backgrounds": "6.4.0-rc.6",
-  "@storybook/addon-controls": "6.4.0-rc.6",
-  "@storybook/addon-docs": "6.4.0-rc.6",
-  "@storybook/addon-essentials": "6.4.0-rc.6",
-  "@storybook/addon-interactions": "6.4.0-rc.6",
-  "@storybook/addon-jest": "6.4.0-rc.6",
-  "@storybook/addon-links": "6.4.0-rc.6",
-  "@storybook/addon-storyshots": "6.4.0-rc.6",
-  "@storybook/addon-storyshots-puppeteer": "6.4.0-rc.6",
-  "@storybook/addon-storysource": "6.4.0-rc.6",
-  "@storybook/addon-toolbars": "6.4.0-rc.6",
-  "@storybook/addon-viewport": "6.4.0-rc.6",
-  "@storybook/addons": "6.4.0-rc.6",
-  "@storybook/angular": "6.4.0-rc.6",
-  "@storybook/api": "6.4.0-rc.6",
-  "@storybook/aurelia": "6.4.0-rc.6",
-  "@storybook/builder-webpack4": "6.4.0-rc.6",
-  "@storybook/builder-webpack5": "6.4.0-rc.6",
-  "@storybook/channel-postmessage": "6.4.0-rc.6",
-  "@storybook/channel-websocket": "6.4.0-rc.6",
-  "@storybook/channels": "6.4.0-rc.6",
-  "@storybook/cli": "6.4.0-rc.6",
-  "@storybook/client-api": "6.4.0-rc.6",
-  "@storybook/client-logger": "6.4.0-rc.6",
-  "@storybook/codemod": "6.4.0-rc.6",
-  "@storybook/components": "6.4.0-rc.6",
-  "@storybook/core": "6.4.0-rc.6",
-  "@storybook/core-client": "6.4.0-rc.6",
-  "@storybook/core-common": "6.4.0-rc.6",
-  "@storybook/core-events": "6.4.0-rc.6",
-  "@storybook/core-server": "6.4.0-rc.6",
-  "@storybook/csf-tools": "6.4.0-rc.6",
-  "@storybook/ember": "6.4.0-rc.6",
-  "@storybook/html": "6.4.0-rc.6",
-  "@storybook/instrumenter": "6.4.0-rc.6",
-  "@storybook/manager-webpack4": "6.4.0-rc.6",
-  "@storybook/manager-webpack5": "6.4.0-rc.6",
-  "@storybook/marionette": "6.4.0-rc.6",
-  "@storybook/marko": "6.4.0-rc.6",
-  "@storybook/mithril": "6.4.0-rc.6",
-  "@storybook/node-logger": "6.4.0-rc.6",
-  "@storybook/postinstall": "6.4.0-rc.6",
-  "@storybook/preact": "6.4.0-rc.6",
-  "@storybook/rax": "6.4.0-rc.6",
-  "@storybook/react": "6.4.0-rc.6",
-  "@storybook/riot": "6.4.0-rc.6",
-  "@storybook/router": "6.4.0-rc.6",
-  "@storybook/server": "6.4.0-rc.6",
-  "@storybook/source-loader": "6.4.0-rc.6",
-  "@storybook/svelte": "6.4.0-rc.6",
-  "@storybook/theming": "6.4.0-rc.6",
-  "@storybook/ui": "6.4.0-rc.6",
-  "@storybook/vue": "6.4.0-rc.6",
-  "@storybook/vue3": "6.4.0-rc.6",
-  "@storybook/web-components": "6.4.0-rc.6"
+  "@storybook/addon-a11y": "6.5.0-alpha.7",
+  "@storybook/addon-actions": "6.5.0-alpha.7",
+  "@storybook/addon-backgrounds": "6.5.0-alpha.7",
+  "@storybook/addon-controls": "6.5.0-alpha.7",
+  "@storybook/addon-docs": "6.5.0-alpha.7",
+  "@storybook/addon-essentials": "6.5.0-alpha.7",
+  "@storybook/addon-interactions": "6.5.0-alpha.7",
+  "@storybook/addon-jest": "6.5.0-alpha.7",
+  "@storybook/addon-links": "6.5.0-alpha.7",
+  "@storybook/addon-storyshots": "6.5.0-alpha.7",
+  "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.7",
+  "@storybook/addon-storysource": "6.5.0-alpha.7",
+  "@storybook/addon-toolbars": "6.5.0-alpha.7",
+  "@storybook/addon-viewport": "6.5.0-alpha.7",
+  "@storybook/addons": "6.5.0-alpha.7",
+  "@storybook/angular": "6.5.0-alpha.7",
+  "@storybook/api": "6.5.0-alpha.7",
+  "@storybook/aurelia": "6.5.0-alpha.7",
+  "@storybook/builder-webpack4": "6.5.0-alpha.7",
+  "@storybook/builder-webpack5": "6.5.0-alpha.7",
+  "@storybook/channel-postmessage": "6.5.0-alpha.7",
+  "@storybook/channel-websocket": "6.5.0-alpha.7",
+  "@storybook/channels": "6.5.0-alpha.7",
+  "@storybook/cli": "6.5.0-alpha.7",
+  "@storybook/client-api": "6.5.0-alpha.7",
+  "@storybook/client-logger": "6.5.0-alpha.7",
+  "@storybook/codemod": "6.5.0-alpha.7",
+  "@storybook/components": "6.5.0-alpha.7",
+  "@storybook/core": "6.5.0-alpha.7",
+  "@storybook/core-client": "6.5.0-alpha.7",
+  "@storybook/core-common": "6.5.0-alpha.7",
+  "@storybook/core-events": "6.5.0-alpha.7",
+  "@storybook/core-server": "6.5.0-alpha.7",
+  "@storybook/csf-tools": "6.5.0-alpha.7",
+  "@storybook/ember": "6.5.0-alpha.7",
+  "@storybook/html": "6.5.0-alpha.7",
+  "@storybook/instrumenter": "6.5.0-alpha.7",
+  "@storybook/manager-webpack4": "6.5.0-alpha.7",
+  "@storybook/manager-webpack5": "6.5.0-alpha.7",
+  "@storybook/marionette": "6.5.0-alpha.7",
+  "@storybook/marko": "6.5.0-alpha.7",
+  "@storybook/mithril": "6.5.0-alpha.7",
+  "@storybook/node-logger": "6.5.0-alpha.7",
+  "@storybook/postinstall": "6.5.0-alpha.7",
+  "@storybook/preact": "6.5.0-alpha.7",
+  "@storybook/rax": "6.5.0-alpha.7",
+  "@storybook/react": "6.5.0-alpha.7",
+  "@storybook/riot": "6.5.0-alpha.7",
+  "@storybook/router": "6.5.0-alpha.7",
+  "@storybook/server": "6.5.0-alpha.7",
+  "@storybook/source-loader": "6.5.0-alpha.7",
+  "@storybook/svelte": "6.5.0-alpha.7",
+  "@storybook/theming": "6.5.0-alpha.7",
+  "@storybook/ui": "6.5.0-alpha.7",
+  "@storybook/vue": "6.5.0-alpha.7",
+  "@storybook/vue3": "6.5.0-alpha.7",
+  "@storybook/web-components": "6.5.0-alpha.7"
 }
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 0f1483851cae..f1245170ab0a 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -40,19 +40,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/channel-postmessage": "6.4.0-rc.6",
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/channel-postmessage": "6.5.0-alpha.7",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
     "@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.20",
+    "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7",
@@ -68,6 +68,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/client-api/src/ClientApi.ts b/lib/client-api/src/ClientApi.ts
index 895e3a334312..964a1c7e68ef 100644
--- a/lib/client-api/src/ClientApi.ts
+++ b/lib/client-api/src/ClientApi.ts
@@ -316,7 +316,7 @@ export class ClientApi<TFramework extends AnyFramework> {
         );
       }
 
-      const { decorators, loaders, ...storyParameters } = parameters;
+      const { decorators, loaders, component, args, argTypes, ...storyParameters } = parameters;
 
       // eslint-disable-next-line no-underscore-dangle
       const storyId = parameters.__id || toId(kind, storyName);
@@ -328,6 +328,9 @@ export class ClientApi<TFramework extends AnyFramework> {
         parameters: { fileName, __id: storyId, ...storyParameters },
         decorators,
         loaders,
+        args,
+        argTypes,
+        component,
         render: storyFn,
       };
       counter += 1;
@@ -358,12 +361,15 @@ Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.m
       return api;
     };
 
-    api.addParameters = (parameters: Parameters) => {
+    api.addParameters = ({ component, args, argTypes, ...parameters }: Parameters) => {
       if (hasAdded)
         throw new Error(`You cannot add parameters after the first story for a kind.
 Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);
 
       meta.parameters = combineParameters(meta.parameters, parameters);
+      if (component) meta.component = component;
+      if (args) meta.args = { ...meta.args, ...args };
+      if (argTypes) meta.argTypes = { ...meta.argTypes, ...argTypes };
       return api;
     };
 
diff --git a/lib/client-api/src/index.ts b/lib/client-api/src/index.ts
index ab73f6b88e51..6d1e77ef7370 100644
--- a/lib/client-api/src/index.ts
+++ b/lib/client-api/src/index.ts
@@ -12,8 +12,6 @@ export * from './types';
 
 export * from './queryparams';
 
-// Typescript isn't happy that we are overwriting some types from store here
-// @ts-ignore
 export * from '@storybook/store';
 
 export {
diff --git a/lib/client-api/src/types.ts b/lib/client-api/src/types.ts
index 708f9c710048..fa4350c92f82 100644
--- a/lib/client-api/src/types.ts
+++ b/lib/client-api/src/types.ts
@@ -14,7 +14,7 @@ import {
   StoryContext,
 } from '@storybook/addons';
 import { AnyFramework, StoryIdentifier, ProjectAnnotations } from '@storybook/csf';
-import { StoryStore, HooksContext } from '@storybook/store';
+import { StoryStore, HooksContext, RenderContext } from '@storybook/store';
 
 export type {
   SBType,
@@ -44,7 +44,7 @@ export interface StoryMetadata {
 export type ArgTypesEnhancer = (context: StoryContext) => ArgTypes;
 export type ArgsEnhancer = (context: StoryContext) => Args;
 
-export type StorySpecifier = StoryId | { name: StoryName; kind: StoryKind } | '*';
+type StorySpecifier = StoryId | { name: StoryName; kind: StoryKind } | '*';
 
 export interface StoreSelectionSpecifier {
   storySpecifier: StorySpecifier;
@@ -117,16 +117,4 @@ export interface GetStorybookKind {
   stories: GetStorybookStory[];
 }
 
-// This really belongs in lib/core, but that depends on lib/ui which (dev) depends on app/react
-// which needs this type. So we put it here to avoid the circular dependency problem.
-export type RenderContextWithoutStoryContext = StoreItem & {
-  forceRender: boolean;
-
-  showMain: () => void;
-  showError: (error: { title: string; description: string }) => void;
-  showException: (err: Error) => void;
-};
-
-export type RenderContext = RenderContextWithoutStoryContext & {
-  storyContext: StoryContext;
-};
+export type RenderContextWithoutStoryContext = Omit<RenderContext, 'storyContext'>;
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index 51a313274cc8..2fd647106522 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -46,6 +46,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index b29a467a6f29..d15f160d2701 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -44,13 +44,13 @@
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/csf-tools": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
     "jscodeshift": "^0.7.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "prettier": "^2.2.1",
     "recast": "^0.19.0",
     "regenerator-runtime": "^0.13.7"
@@ -62,6 +62,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/codemod/src/transforms/csf-2-to-3.ts b/lib/codemod/src/transforms/csf-2-to-3.ts
index 08f4f4e79389..8ca8fddbb20f 100644
--- a/lib/codemod/src/transforms/csf-2-to-3.ts
+++ b/lib/codemod/src/transforms/csf-2-to-3.ts
@@ -104,36 +104,41 @@ function transform({ source }: { source: string }, api: any, options: { parser?:
       return t.objectProperty(t.identifier(_rename(annotation)), val as t.Expression);
     });
 
-    const { init, id } = decl;
-    // only replace arrow function expressions && template
-    // ignore no-arg stories without annotations
-    const template = getTemplateBindVariable(init);
-    if ((!t.isArrowFunctionExpression(init) && !template) || isSimpleCSFStory(init, annotations)) {
-      return;
-    }
+    if (t.isVariableDeclarator(decl)) {
+      const { init, id } = decl;
+      // only replace arrow function expressions && template
+      // ignore no-arg stories without annotations
+      const template = getTemplateBindVariable(init);
+      if (
+        (!t.isArrowFunctionExpression(init) && !template) ||
+        isSimpleCSFStory(init, annotations)
+      ) {
+        return;
+      }
 
-    // Remove the render function when we can hoist the template
-    // const Template = (args) => <Cat {...args} />;
-    // export const A = Template.bind({});
-    let storyFn = template && csf._templates[template];
-    if (!storyFn) storyFn = init;
-
-    const keyId = t.identifier(key);
-    // @ts-ignore
-    const { typeAnnotation } = id;
-    if (typeAnnotation) {
-      keyId.typeAnnotation = typeAnnotation;
-    }
+      // Remove the render function when we can hoist the template
+      // const Template = (args) => <Cat {...args} />;
+      // export const A = Template.bind({});
+      let storyFn = template && csf._templates[template];
+      if (!storyFn) storyFn = init;
+
+      const keyId = t.identifier(key);
+      // @ts-ignore
+      const { typeAnnotation } = id;
+      if (typeAnnotation) {
+        keyId.typeAnnotation = typeAnnotation;
+      }
 
-    const renderAnnotation = isReactGlobalRenderFn(csf, storyFn)
-      ? []
-      : [t.objectProperty(t.identifier('render'), storyFn)];
+      const renderAnnotation = isReactGlobalRenderFn(csf, storyFn)
+        ? []
+        : [t.objectProperty(t.identifier('render'), storyFn)];
 
-    objectExports[key] = t.exportNamedDeclaration(
-      t.variableDeclaration('const', [
-        t.variableDeclarator(keyId, t.objectExpression([...renderAnnotation, ...annotations])),
-      ])
-    );
+      objectExports[key] = t.exportNamedDeclaration(
+        t.variableDeclaration('const', [
+          t.variableDeclarator(keyId, t.objectExpression([...renderAnnotation, ...annotations])),
+        ])
+      );
+    }
   });
 
   const updatedBody = csf._ast.program.body.reduce((acc, stmt) => {
diff --git a/lib/components/package.json b/lib/components/package.json
index 71823229aeb4..0df7bd366534 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -41,9 +41,9 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.6.0",
-    "@storybook/client-logger": "6.4.0-rc.6",
+    "@storybook/client-logger": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/theming": "6.5.0-alpha.7",
     "@types/color-convert": "^2.0.0",
     "@types/overlayscrollbars": "^1.12.0",
     "@types/react-syntax-highlighter": "11.0.5",
@@ -51,7 +51,7 @@
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.1.3",
     "memoizerific": "^1.11.3",
     "overlayscrollbars": "^1.13.1",
@@ -59,7 +59,7 @@
     "prop-types": "^15.7.2",
     "react-colorful": "^5.1.2",
     "react-popper-tooltip": "^3.1.1",
-    "react-syntax-highlighter": "^13.5.3",
+    "react-syntax-highlighter": "^15.4.2",
     "react-textarea-autosize": "^8.3.0",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
@@ -76,6 +76,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/components/src/blocks/Story.tsx b/lib/components/src/blocks/Story.tsx
index e32962a6242b..c6fd99f157b2 100644
--- a/lib/components/src/blocks/Story.tsx
+++ b/lib/components/src/blocks/Story.tsx
@@ -1,3 +1,4 @@
+import global from 'global';
 import React, { createElement, ElementType, FunctionComponent, Fragment } from 'react';
 
 import type { Parameters } from '@storybook/api';
@@ -7,7 +8,8 @@ import { EmptyBlock } from './EmptyBlock';
 import { ZoomContext } from './ZoomContext';
 import { Loader } from '..';
 
-const BASE_URL = 'iframe.html';
+const { PREVIEW_URL } = global;
+const BASE_URL = PREVIEW_URL || 'iframe.html';
 
 export enum StoryError {
   NO_STORY = 'No component or story to display',
diff --git a/lib/core-client/package.json b/lib/core-client/package.json
index a0f555fa024d..6d17d7d2af6b 100644
--- a/lib/core-client/package.json
+++ b/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -40,21 +40,21 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/channel-postmessage": "6.4.0-rc.6",
-    "@storybook/channel-websocket": "6.4.0-rc.6",
-    "@storybook/client-api": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/channel-postmessage": "6.5.0-alpha.7",
+    "@storybook/channel-websocket": "6.5.0-alpha.7",
+    "@storybook/client-api": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/preview-web": "6.4.0-rc.6",
-    "@storybook/store": "6.4.0-rc.6",
-    "@storybook/ui": "6.4.0-rc.6",
+    "@storybook/preview-web": "6.5.0-alpha.7",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@storybook/ui": "6.5.0-alpha.7",
     "airbnb-js-shims": "^2.2.1",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
@@ -74,6 +74,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/core-client/src/preview/start.test.ts b/lib/core-client/src/preview/start.test.ts
index b981edc21aff..1eeaf1461a10 100644
--- a/lib/core-client/src/preview/start.test.ts
+++ b/lib/core-client/src/preview/start.test.ts
@@ -322,6 +322,43 @@ describe('start', () => {
       );
     });
 
+    it('allows setting compomnent/args/argTypes via a parameter', async () => {
+      const render = jest.fn(({ storyFn }) => storyFn());
+
+      const { configure, clientApi } = start(render);
+
+      const component = {};
+      configure('test', () => {
+        clientApi
+          .storiesOf('Component A', { id: 'file1' } as NodeModule)
+          .addParameters({
+            component,
+            args: { a: 'a' },
+            argTypes: { a: { type: 'string' } },
+          })
+          .add('default', jest.fn(), {
+            args: { b: 'b' },
+            argTypes: { b: { type: 'string' } },
+          });
+      });
+
+      await waitForRender();
+
+      expect(render).toHaveBeenCalledWith(
+        expect.objectContaining({
+          storyContext: expect.objectContaining({
+            component,
+            args: { a: 'a', b: 'b' },
+            argTypes: {
+              a: { name: 'a', type: { name: 'string' } },
+              b: { name: 'b', type: { name: 'string' } },
+            },
+          }),
+        }),
+        undefined
+      );
+    });
+
     it('supports forceRerender()', async () => {
       const render = jest.fn(({ storyFn }) => storyFn());
 
diff --git a/lib/core-client/src/typings.d.ts b/lib/core-client/src/typings.d.ts
index 4d6c70f7c703..5163adb9f9ed 100644
--- a/lib/core-client/src/typings.d.ts
+++ b/lib/core-client/src/typings.d.ts
@@ -6,6 +6,8 @@ declare module 'pnp-webpack-plugin';
 declare module '@storybook/theming/paths';
 declare module '@storybook/ui/paths';
 declare module 'better-opn';
+declare module 'open';
+declare module 'x-default-browser';
 declare module '@storybook/ui';
 
 declare module 'file-system-cache' {
diff --git a/lib/core-common/package.json b/lib/core-common/package.json
index 1bcc6d785668..e593fac26ae4 100644
--- a/lib/core-common/package.json
+++ b/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -61,9 +61,9 @@
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.1",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@types/node": "^14.0.10",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "@types/pretty-hrtime": "^1.0.0",
     "babel-loader": "^8.0.0",
     "babel-plugin-macros": "^3.0.1",
@@ -85,13 +85,13 @@
     "pretty-hrtime": "^1.0.3",
     "resolve-from": "^5.0.0",
     "slash": "^3.0.0",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2",
     "webpack": "4"
   },
   "devDependencies": {
-    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
+    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
     "@types/compression": "^1.7.0",
     "@types/interpret": "^1.1.1",
     "@types/mock-fs": "^4.13.0",
@@ -110,6 +110,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/core-common/src/presets.ts b/lib/core-common/src/presets.ts
index cca6cb28251b..2f11ecd179ae 100644
--- a/lib/core-common/src/presets.ts
+++ b/lib/core-common/src/presets.ts
@@ -1,5 +1,5 @@
 import dedent from 'ts-dedent';
-import { join, resolve } from 'path';
+import { resolve } from 'path';
 import { logger } from '@storybook/node-logger';
 import resolveFrom from 'resolve-from';
 import {
@@ -79,7 +79,7 @@ export const resolveAddonName = (configDir: string, name: string) => {
 
   try {
     return {
-      name: resolveFrom(configDir, join(name, 'preset')),
+      name: resolveFrom(configDir, `${name}/preset`),
       type: 'presets',
     };
     // eslint-disable-next-line no-empty
@@ -87,7 +87,7 @@ export const resolveAddonName = (configDir: string, name: string) => {
 
   try {
     return {
-      name: resolveFrom(configDir, join(name, 'register')),
+      name: resolveFrom(configDir, `${name}/register`),
       type: 'managerEntries',
     };
     // eslint-disable-next-line no-empty
diff --git a/lib/core-common/src/templates/base-preview-body.html b/lib/core-common/src/templates/base-preview-body.html
index c5aa7330ee7b..094286c31b41 100644
--- a/lib/core-common/src/templates/base-preview-body.html
+++ b/lib/core-common/src/templates/base-preview-body.html
@@ -1,217 +1,21 @@
-<style>
-  @-webkit-keyframes rotate360 {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  @keyframes rotate360 {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  @-webkit-keyframes glow {
-    0%,
-    100% {
-      opacity: 1;
-    }
-    50% {
-      opacity: 0.4;
-    }
-  }
-  @keyframes glow {
-    0%,
-    100% {
-      opacity: 1;
-    }
-    50% {
-      opacity: 0.4;
-    }
-  }
-  .isLoading {
-    cursor: progress;
-  }
-
-  .loader {
-    -webkit-animation: rotate360 0.7s linear infinite;
-    animation: rotate360 0.7s linear infinite;
-    border-color: rgba(97, 97, 97, 0.29);
-    border-radius: 50%;
-    border-style: solid;
-    border-top-color: #646464;
-    border-width: 2px;
-    display: inline-block;
-    height: 32px;
-    left: 50%;
-    margin-left: -16px;
-    margin-top: -16px;
-    mix-blend-mode: difference;
-    overflow: hidden;
-    position: absolute;
-    top: 50%;
-    transition: all 200ms ease-out;
-    vertical-align: top;
-    width: 32px;
-    z-index: 4;
-  }
-
-  .previewBlock {
-    background: #fff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 4px;
-    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
-    margin: 25px auto 40px;
-    max-width: 600px;
-  }
-
-  .previewBlock_header {
-    align-items: center;
-    box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
-    display: flex;
-    gap: 14px;
-    height: 40px;
-    padding: 0 12px;
-  }
-
-  .previewBlock_icon {
-    -webkit-animation: glow 1.5s ease-in-out infinite;
-    animation: glow 1.5s ease-in-out infinite;
-    background: #e6e6e6;
-    height: 14px;
-    width: 14px;
-  }
-  .previewBlock_icon:last-child {
-    margin-left: auto;
-  }
-
-  .previewBlock_body {
-    -webkit-animation: glow 1.5s ease-in-out infinite;
-    animation: glow 1.5s ease-in-out infinite;
-    height: 182px;
-    position: relative;
-  }
-
-  .argstableBlock {
-    border-collapse: collapse;
-    border-spacing: 0;
-    font-size: 13px;
-    line-height: 20px;
-    margin: 25px auto 40px;
-    max-width: 600px;
-    text-align: left;
-    width: 100%;
-  }
-  .argstableBlock th:first-of-type,
-  .argstableBlock td:first-of-type {
-    padding-left: 20px;
-  }
-  .argstableBlock th:nth-of-type(2),
-  .argstableBlock td:nth-of-type(2) {
-    width: 35%;
-  }
-  .argstableBlock th:nth-of-type(3),
-  .argstableBlock td:nth-of-type(3) {
-    width: 15%;
-  }
-  .argstableBlock th:laste-of-type,
-  .argstableBlock td:laste-of-type {
-    width: 25%;
-    padding-right: 20px;
-  }
-  .argstableBlock th span,
-  .argstableBlock td span {
-    -webkit-animation: glow 1.5s ease-in-out infinite;
-    animation: glow 1.5s ease-in-out infinite;
-    background-color: rgba(0, 0, 0, 0.1);
-    border-radius: 0;
-    box-shadow: none;
-    color: transparent;
-  }
-  .argstableBlock th {
-    padding: 10px 15px;
-  }
-
-  .argstableBlock-body {
-    border-radius: 4px;
-    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
-  }
-  .argstableBlock-body tr {
-    background: transparent;
-    overflow: hidden;
-  }
-  .argstableBlock-body tr:not(:first-child) {
-    border-top: 1px solid #e6e6e6;
-  }
-  .argstableBlock-body tr:first-child td:first-child {
-    border-top-left-radius: 4px;
-  }
-  .argstableBlock-body tr:first-child td:last-child {
-    border-top-right-radius: 4px;
-  }
-  .argstableBlock-body tr:last-child td:first-child {
-    border-bottom-left-radius: 4px;
-  }
-  .argstableBlock-body tr:last-child td:last-child {
-    border-bottom-right-radius: 4px;
-  }
-  .argstableBlock-body td {
-    background: #fff;
-    padding-bottom: 10px;
-    padding-top: 10px;
-    vertical-align: top;
-  }
-  .argstableBlock-body td:not(:first-of-type) {
-    padding-left: 15px;
-    padding-right: 15px;
-  }
-  .argstableBlock-body button {
-    -webkit-animation: glow 1.5s ease-in-out infinite;
-    animation: glow 1.5s ease-in-out infinite;
-    background-color: rgba(0, 0, 0, 0.1);
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-    color: transparent;
-    display: inline;
-    font-size: 12px;
-    line-height: 1;
-    padding: 10px 16px;
-  }
-
-  .argstableBlock-summary {
-    margin-top: 4px;
-  }
-
-  .argstableBlock-code {
-    margin-right: 4px;
-    margin-bottom: 4px;
-    padding: 2px 5px;
-  }
-</style>
-
 <div class="sb-preparing-story sb-wrapper">
-  <div class="loader"></div>
+  <div class="sb-loader"></div>
 </div>
 
 <div class="sb-preparing-docs sb-wrapper">
-  <div class="previewBlock">
-    <div class="previewBlock_header">
-      <div class="previewBlock_icon"></div>
-      <div class="previewBlock_icon"></div>
-      <div class="previewBlock_icon"></div>
-      <div class="previewBlock_icon"></div>
+  <div class="sb-previewBlock">
+    <div class="sb-previewBlock_header">
+      <div class="sb-previewBlock_icon"></div>
+      <div class="sb-previewBlock_icon"></div>
+      <div class="sb-previewBlock_icon"></div>
+      <div class="sb-previewBlock_icon"></div>
     </div>
-    <div class="previewBlock_body">
-      <div class="loader"></div>
+    <div class="sb-previewBlock_body">
+      <div class="sb-loader"></div>
     </div>
   </div>
-  <table aria-hidden="true" class="argstableBlock">
-    <thead class="argstableBlock-head">
+  <table aria-hidden="true" class="sb-argstableBlock">
+    <thead class="sb-argstableBlock-head">
       <tr>
         <th><span>Name</span></th>
         <th><span>Description</span></th>
@@ -219,17 +23,17 @@
         <th><span>Control </span></th>
       </tr>
     </thead>
-    <tbody class="argstableBlock-body">
+    <tbody class="sb-argstableBlock-body">
       <tr>
         <td><span>propertyName</span><span title="Required">*</span></td>
         <td>
           <div><span>This is a short description</span></div>
-          <div class="argstableBlock-summary">
-            <div><span class="argstableBlock-code">summary</span></div>
+          <div class="sb-argstableBlock-summary">
+            <div><span class="sb-argstableBlock-code">summary</span></div>
           </div>
         </td>
         <td>
-          <div><span class="argstableBlock-code">defaultValue</span></div>
+          <div><span class="sb-argstableBlock-code">defaultValue</span></div>
         </td>
         <td><button>Set string</button></td>
       </tr>
@@ -237,12 +41,12 @@
         <td><span>propertyName</span><span>*</span></td>
         <td>
           <div><span>This is a short description</span></div>
-          <div class="argstableBlock-summary">
-            <div><span class="argstableBlock-code">summary</span></div>
+          <div class="sb-argstableBlock-summary">
+            <div><span class="sb-argstableBlock-code">summary</span></div>
           </div>
         </td>
         <td>
-          <div><span class="argstableBlock-code">defaultValue</span></div>
+          <div><span class="sb-argstableBlock-code">defaultValue</span></div>
         </td>
         <td><button>Set string</button></td>
       </tr>
@@ -250,12 +54,12 @@
         <td><span>propertyName</span><span>*</span></td>
         <td>
           <div><span>This is a short description</span></div>
-          <div class="argstableBlock-summary">
-            <div><span class="argstableBlock-code">summary</span></div>
+          <div class="sb-argstableBlock-summary">
+            <div><span class="sb-argstableBlock-code">summary</span></div>
           </div>
         </td>
         <td>
-          <div><span class="argstableBlock-code">defaultValue</span></div>
+          <div><span class="sb-argstableBlock-code">defaultValue</span></div>
         </td>
         <td><button>Set string</button></td>
       </tr>
diff --git a/lib/core-common/src/templates/base-preview-head.html b/lib/core-common/src/templates/base-preview-head.html
index def373e8608d..3a7bef117384 100644
--- a/lib/core-common/src/templates/base-preview-head.html
+++ b/lib/core-common/src/templates/base-preview-head.html
@@ -1,8 +1,6 @@
 <base target="_parent" />
 
 <style>
-  :not(.sb-show-main) > #root,
-  :not(.sb-show-main) > #docs-root,
   :not(.sb-show-preparing-story) > .sb-preparing-story,
   :not(.sb-show-preparing-docs) > .sb-preparing-docs,
   :not(.sb-show-nopreview) > .sb-nopreview,
@@ -102,6 +100,203 @@
   .sb-errordisplay pre {
     white-space: pre-wrap;
   }
+
+  @-webkit-keyframes sb-rotate360 {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes sb-rotate360 {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @-webkit-keyframes sb-glow {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+  @keyframes sb-glow {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+
+  /* We display the preparing loaders *over* the rendering story */
+  .sb-preparing-story,
+  .sb-preparing-docs {
+    background-color: white;
+  }
+
+  .sb-loader {
+    -webkit-animation: sb-rotate360 0.7s linear infinite;
+    animation: sb-rotate360 0.7s linear infinite;
+    border-color: rgba(97, 97, 97, 0.29);
+    border-radius: 50%;
+    border-style: solid;
+    border-top-color: #646464;
+    border-width: 2px;
+    display: inline-block;
+    height: 32px;
+    left: 50%;
+    margin-left: -16px;
+    margin-top: -16px;
+    mix-blend-mode: difference;
+    overflow: hidden;
+    position: absolute;
+    top: 50%;
+    transition: all 200ms ease-out;
+    vertical-align: top;
+    width: 32px;
+    z-index: 4;
+  }
+
+  .sb-previewBlock {
+    background: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
+    margin: 25px auto 40px;
+    max-width: 600px;
+  }
+
+  .sb-previewBlock_header {
+    align-items: center;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
+    display: flex;
+    gap: 14px;
+    height: 40px;
+    padding: 0 12px;
+  }
+
+  .sb-previewBlock_icon {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background: #e6e6e6;
+    height: 14px;
+    width: 14px;
+  }
+  .sb-previewBlock_icon:last-child {
+    margin-left: auto;
+  }
+
+  .sb-previewBlock_body {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    height: 182px;
+    position: relative;
+  }
+
+  .sb-argstableBlock {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 13px;
+    line-height: 20px;
+    margin: 25px auto 40px;
+    max-width: 600px;
+    text-align: left;
+    width: 100%;
+  }
+  .sb-argstableBlock th:first-of-type,
+  .sb-argstableBlock td:first-of-type {
+    padding-left: 20px;
+  }
+  .sb-argstableBlock th:nth-of-type(2),
+  .sb-argstableBlock td:nth-of-type(2) {
+    width: 35%;
+  }
+  .sb-argstableBlock th:nth-of-type(3),
+  .sb-argstableBlock td:nth-of-type(3) {
+    width: 15%;
+  }
+  .sb-argstableBlock th:laste-of-type,
+  .sb-argstableBlock td:laste-of-type {
+    width: 25%;
+    padding-right: 20px;
+  }
+  .sb-argstableBlock th span,
+  .sb-argstableBlock td span {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background-color: rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+    box-shadow: none;
+    color: transparent;
+  }
+  .sb-argstableBlock th {
+    padding: 10px 15px;
+  }
+
+  .sb-argstableBlock-body {
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
+  }
+  .sb-argstableBlock-body tr {
+    background: transparent;
+    overflow: hidden;
+  }
+  .sb-argstableBlock-body tr:not(:first-child) {
+    border-top: 1px solid #e6e6e6;
+  }
+  .sb-argstableBlock-body tr:first-child td:first-child {
+    border-top-left-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:first-child td:last-child {
+    border-top-right-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:last-child td:first-child {
+    border-bottom-left-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:last-child td:last-child {
+    border-bottom-right-radius: 4px;
+  }
+  .sb-argstableBlock-body td {
+    background: #fff;
+    padding-bottom: 10px;
+    padding-top: 10px;
+    vertical-align: top;
+  }
+  .sb-argstableBlock-body td:not(:first-of-type) {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  .sb-argstableBlock-body button {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background-color: rgba(0, 0, 0, 0.1);
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: transparent;
+    display: inline;
+    font-size: 12px;
+    line-height: 1;
+    padding: 10px 16px;
+  }
+
+  .sb-argstableBlock-summary {
+    margin-top: 4px;
+  }
+
+  .sb-argstableBlock-code {
+    margin-right: 4px;
+    margin-bottom: 4px;
+    padding: 2px 5px;
+  }
 </style>
 
 <script>
diff --git a/lib/core-common/src/types.ts b/lib/core-common/src/types.ts
index 5cc691c69a4f..0b617cf59d12 100644
--- a/lib/core-common/src/types.ts
+++ b/lib/core-common/src/types.ts
@@ -366,6 +366,12 @@ export interface StorybookConfig {
      * Filter args with a "target" on the type from the render function (EXPERIMENTAL)
      */
     argTypeTargetsV7?: boolean;
+
+    /**
+     * Warn when there is a pre-6.0 hierarchy separator ('.' / '|') in the story title.
+     * Will be removed in 7.0.
+     */
+    warnOnLegacyHierarchySeparator?: boolean;
   };
 
   /**
diff --git a/lib/core-common/src/utils/__tests__/paths.test.ts b/lib/core-common/src/utils/__tests__/paths.test.ts
index b1422aee080f..bbb1e7147109 100644
--- a/lib/core-common/src/utils/__tests__/paths.test.ts
+++ b/lib/core-common/src/utils/__tests__/paths.test.ts
@@ -3,54 +3,27 @@ import { normalizeStoryPath } from '../paths';
 
 describe('paths - normalizeStoryPath()', () => {
   it('returns a path starting with "./" unchanged', () => {
-    const filename = `./src/Comp.story.js`;
+    const filename = `.${path.sep}${path.join('src', 'Comp.story.js')}`;
     expect(normalizeStoryPath(filename)).toEqual(filename);
   });
 
   it('returns a path starting with "../" unchanged', () => {
-    const filename = `../src/Comp.story.js`;
+    const filename = path.join('..', 'src', 'Comp.story.js');
     expect(normalizeStoryPath(filename)).toEqual(filename);
   });
 
   it('adds "./" to a normalized relative path', () => {
-    const filename = `src/Comp.story.js`;
-    expect(normalizeStoryPath(filename)).toEqual(`./${filename}`);
+    const filename = path.join('src', 'Comp.story.js');
+    expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
   });
 
   it('adds "./" to a hidden folder', () => {
-    const filename = `.storybook/Comp.story.js`;
-    expect(normalizeStoryPath(filename)).toEqual(`./${filename}`);
+    const filename = path.join('.storybook', 'Comp.story.js');
+    expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
   });
 
   it('adds "./" to a hidden file', () => {
     const filename = `.Comp.story.js`;
-    expect(normalizeStoryPath(filename)).toEqual(`./${filename}`);
-  });
-
-  describe('windows paths', () => {
-    it('returns a path starting with ".\\" unchanged', () => {
-      const filename = `.\\src\\Comp.story.js`;
-      expect(normalizeStoryPath(filename)).toEqual(filename);
-    });
-
-    it('returns a path starting with "..\\" unchanged', () => {
-      const filename = `..\\src\\Comp.story.js`;
-      expect(normalizeStoryPath(filename)).toEqual(filename);
-    });
-
-    it('adds ".{path.sep}" to a normalized relative path', () => {
-      const filename = `src\\Comp.story.js`;
-      expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
-    });
-
-    it('adds ".{path.sep}" to a hidden folder', () => {
-      const filename = `.storybook\\Comp.story.js`;
-      expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
-    });
-
-    it('adds ".{path.sep}" to a hidden file', () => {
-      const filename = `.Comp.story.js`;
-      expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
-    });
+    expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
   });
 });
diff --git a/lib/core-common/src/utils/es6Transpiler.ts b/lib/core-common/src/utils/es6Transpiler.ts
index 5404e76bdc31..5b6c45900656 100644
--- a/lib/core-common/src/utils/es6Transpiler.ts
+++ b/lib/core-common/src/utils/es6Transpiler.ts
@@ -1,4 +1,4 @@
-import { RuleSetRule } from 'webpack';
+import type { RuleSetRule } from 'webpack';
 import { getStorybookBabelConfig } from './babel';
 
 const { plugins } = getStorybookBabelConfig();
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index cd84ca048b9b..bb0b127e1bae 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
@@ -45,6 +45,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/core-server/package.json b/lib/core-server/package.json
index 522791184509..bc5735b32479 100644
--- a/lib/core-server/package.json
+++ b/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -41,17 +41,17 @@
   },
   "dependencies": {
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-webpack4": "6.4.0-rc.6",
-    "@storybook/core-client": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/builder-webpack4": "6.5.0-alpha.7",
+    "@storybook/core-client": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.4.0-rc.6",
-    "@storybook/manager-webpack4": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
+    "@storybook/csf-tools": "6.5.0-alpha.7",
+    "@storybook/manager-webpack4": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-rc.6",
-    "@types/node": "^14.0.10",
+    "@storybook/store": "6.5.0-alpha.7",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
     "@types/webpack": "^4.41.26",
@@ -69,8 +69,9 @@
     "fs-extra": "^9.0.1",
     "globby": "^11.0.2",
     "ip": "^1.1.5",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "node-fetch": "^2.6.1",
+    "open": "^8.4.0",
     "pretty-hrtime": "^1.0.3",
     "prompts": "^2.4.0",
     "regenerator-runtime": "^0.13.7",
@@ -81,10 +82,11 @@
     "util-deprecate": "^1.0.2",
     "watchpack": "^2.2.0",
     "webpack": "4",
-    "ws": "^8.2.3"
+    "ws": "^8.2.3",
+    "x-default-browser": "^0.4.0"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "6.4.0-rc.6",
+    "@storybook/builder-webpack5": "6.5.0-alpha.7",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
@@ -92,8 +94,8 @@
     "jest-specific-snapshot": "^4.0.0"
   },
   "peerDependencies": {
-    "@storybook/builder-webpack5": "6.4.0-rc.6",
-    "@storybook/manager-webpack5": "6.4.0-rc.6",
+    "@storybook/builder-webpack5": "6.5.0-alpha.7",
+    "@storybook/manager-webpack5": "6.5.0-alpha.7",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
@@ -111,6 +113,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev
rename to lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev-posix
index c40a4b86973a..3cb4e969ec7c 100644
--- a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`cra-ts-essentials manager dev mode 1`] = `
+exports[`cra-ts-essentials manager dev 1`] = `
 Object {
   "entry": Array [
     "NODE_MODULES/@storybook/addon-ie11/dist/event-source-polyfill.js",
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev-windows b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev-windows
new file mode 100644
index 000000000000..a4d6ab1b2ec2
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-dev-windows
@@ -0,0 +1,246 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cra-ts-essentials manager dev 1`] = `
+Object {
+  "entry": Array [
+    "NODE_MODULES\\\\@storybook\\\\addon-ie11\\\\dist\\\\event-source-polyfill.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\toolbars\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+      Object {
+        "include": "NODE_MODULES[\\\\\\\\/](@storybook[\\\\\\\\/]node_logger|@testing-library[\\\\\\\\/]dom|@testing-library[\\\\\\\\/]user-event|acorn-jsx|ansi-align|ansi-colors|ansi-escapes|ansi-regex|ansi-styles|better-opn|boxen|camelcase|chalk|color-convert|commander|find-cache-dir|find-up|fs-extra|highlight.js|json5|node-fetch|pkg-dir|prettier|pretty-format|react-dev-utils|resolve-from|semver|slash|strip-ansi|uuid)/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod
rename to lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod-posix
index 0f9cc7677236..be3a20226f53 100644
--- a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`cra-ts-essentials manager production mode 1`] = `
+exports[`cra-ts-essentials manager prod 1`] = `
 Object {
   "entry": Array [
     "NODE_MODULES/@storybook/addon-ie11/dist/event-source-polyfill.js",
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod-windows b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod-windows
new file mode 100644
index 000000000000..56235c961e94
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_manager-prod-windows
@@ -0,0 +1,246 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cra-ts-essentials manager prod 1`] = `
+Object {
+  "entry": Array [
+    "NODE_MODULES\\\\@storybook\\\\addon-ie11\\\\dist\\\\event-source-polyfill.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\toolbars\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+      Object {
+        "include": "NODE_MODULES[\\\\\\\\/](@storybook[\\\\\\\\/]node_logger|@testing-library[\\\\\\\\/]dom|@testing-library[\\\\\\\\/]user-event|acorn-jsx|ansi-align|ansi-colors|ansi-escapes|ansi-regex|ansi-styles|better-opn|boxen|camelcase|chalk|color-convert|commander|find-cache-dir|find-up|fs-extra|highlight.js|json5|node-fetch|pkg-dir|prettier|pretty-format|react-dev-utils|resolve-from|semver|slash|strip-ansi|uuid)/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev
rename to lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix
index a9ba6e4f187f..f95f9e740a9b 100644
--- a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`cra-ts-essentials preview dev mode 1`] = `
+exports[`cra-ts-essentials preview dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
@@ -473,13 +473,13 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",
     "InterpolateHtmlPlugin",
     "ModuleNotFoundPlugin",
     "ReactRefreshPlugin",
+    "WatchMissingNodeModulesPlugin",
     "ManifestPlugin",
     "IgnorePlugin",
     "ForkTsCheckerWebpackPlugin",
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-windows b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-windows
new file mode 100644
index 000000000000..1cc4bd0385e1
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-windows
@@ -0,0 +1,490 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cra-ts-essentials preview dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "NODE_MODULES\\\\webpack-hot-middleware\\\\client.js?reload=true&quiet=false&noInfo=undefined",
+    "NODE_MODULES\\\\@storybook\\\\addon-ie11\\\\dist\\\\event-source-polyfill.js",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\react\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\react\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\cra-ts-essentials\\\\.storybook\\\\preview.js-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "parser": Object {
+          "requireEnsure": false,
+        },
+      },
+      Object {
+        "oneOf": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "limit": 10000,
+              "mimetype": "image/avif",
+              "name": "static/media/[name].[hash:8].[ext]",
+            },
+            "test": Array [
+              "/\\\\.avif$/",
+            ],
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "limit": 10000,
+              "name": "static/media/[name].[hash:8].[ext]",
+            },
+            "test": Array [
+              "/\\\\.bmp$/",
+              "/\\\\.gif$/",
+              "/\\\\.jpe?g$/",
+              "/\\\\.png$/",
+            ],
+          },
+          Object {
+            "include": Array [
+              "ROOT\\\\src",
+              "ROOT\\\\examples\\\\cra-ts-essentials\\\\.storybook",
+            ],
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheCompression": false,
+              "cacheDirectory": true,
+              "cacheIdentifier": "development:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@10.0.0:react-dev-utils@11.0.3:react-scripts@4.0.3",
+              "compact": false,
+              "configFile": false,
+              "customize": "NODE_MODULES\\\\babel-preset-react-app\\\\webpack-overrides.js",
+              "extends": undefined,
+              "overrides": Array [
+                Object {
+                  "plugins": Array [
+                    Array [
+                      "NODE_MODULES\\\\babel-plugin-react-docgen\\\\lib\\\\index.js",
+                      Object {
+                        "DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
+                      },
+                    ],
+                  ],
+                  "test": "/\\\\.(mjs|jsx?)$/",
+                },
+              ],
+              "plugins": Array [
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-named-asset-import\\\\index.js",
+                  Object {
+                    "loaderMap": Object {
+                      "svg": Object {
+                        "ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]",
+                      },
+                    },
+                  },
+                ],
+                "NODE_MODULES\\\\react-refresh\\\\babel.js",
+              ],
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+                Array [
+                  "NODE_MODULES\\\\babel-preset-react-app\\\\index.js",
+                  Object {
+                    "runtime": "automatic",
+                  },
+                ],
+              ],
+            },
+            "test": "/\\\\.(js|mjs|jsx|ts|tsx)$/",
+          },
+          Object {
+            "exclude": "/@babel(?:\\\\/|\\\\\\\\{1,2})runtime/",
+            "include": Array [
+              "ROOT\\\\examples\\\\cra-ts-essentials\\\\.storybook",
+            ],
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheCompression": false,
+              "cacheDirectory": true,
+              "cacheIdentifier": "development:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@10.0.0:react-dev-utils@11.0.3:react-scripts@4.0.3",
+              "compact": false,
+              "configFile": false,
+              "inputSourceMap": true,
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\babel-preset-react-app\\\\dependencies.js",
+                  Object {
+                    "helpers": true,
+                  },
+                ],
+              ],
+              "sourceMaps": true,
+            },
+            "test": "/\\\\.(js|mjs)$/",
+          },
+          Object {
+            "exclude": Array [
+              "/\\\\.module\\\\.css$/",
+              "/@storybook/",
+            ],
+            "include": undefined,
+            "sideEffects": true,
+            "test": "/\\\\.css$/",
+            "use": Array [
+              "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 1,
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "test": "/\\\\.module\\\\.css$/",
+            "use": Array [
+              "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 1,
+                  "modules": Object {
+                    "getLocalIdent": [Function],
+                  },
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "exclude": "/\\\\.module\\\\.(scss|sass)$/",
+            "sideEffects": true,
+            "test": "/\\\\.(scss|sass)$/",
+            "use": Array [
+              "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 3,
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\resolve-url-loader\\\\index.js",
+                "options": Object {
+                  "root": "ROOT\\\\src",
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\sass-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "test": "/\\\\.module\\\\.(scss|sass)$/",
+            "use": Array [
+              "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 3,
+                  "modules": Object {
+                    "getLocalIdent": [Function],
+                  },
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\resolve-url-loader\\\\index.js",
+                "options": Object {
+                  "root": "ROOT\\\\src",
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\sass-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "exclude": Array [
+              "/\\\\.(js|mjs|jsx|ts|tsx)$/",
+              "/\\\\.html$/",
+              "/\\\\.json$/",
+              "/\\\\.(ejs|md|mdx)$/",
+            ],
+            "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "name": "static/media/[name].[hash:8].[ext]",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": "NODE_MODULES[\\\\\\\\/](@storybook[\\\\\\\\/]node_logger|@testing-library[\\\\\\\\/]dom|@testing-library[\\\\\\\\/]user-event|acorn-jsx|ansi-align|ansi-colors|ansi-escapes|ansi-regex|ansi-styles|better-opn|boxen|camelcase|chalk|color-convert|commander|find-cache-dir|find-up|fs-extra|highlight.js|json5|node-fetch|pkg-dir|prettier|pretty-format|react-dev-utils|resolve-from|semver|slash|strip-ansi|uuid)/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "overrides": Array [
+                Object {
+                  "plugins": Array [
+                    Array [
+                      "NODE_MODULES\\\\babel-plugin-react-docgen\\\\lib\\\\index.js",
+                      Object {
+                        "DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
+                      },
+                    ],
+                  ],
+                  "test": "/\\\\.(mjs|jsx?)$/",
+                },
+              ],
+              "plugins": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "overrides": Array [
+                Object {
+                  "plugins": Array [
+                    Array [
+                      "NODE_MODULES\\\\babel-plugin-react-docgen\\\\lib\\\\index.js",
+                      Object {
+                        "DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
+                      },
+                    ],
+                  ],
+                  "test": "/\\\\.(mjs|jsx?)$/",
+                },
+              ],
+              "plugins": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "WatchMissingNodeModulesPlugin",
+    "HotModuleReplacementPlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+    "InterpolateHtmlPlugin",
+    "ModuleNotFoundPlugin",
+    "ReactRefreshPlugin",
+    "ManifestPlugin",
+    "IgnorePlugin",
+    "ForkTsCheckerWebpackPlugin",
+    "ESLintWebpackPlugin",
+    "DocgenPlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod
rename to lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix
index f0b51e148bc0..1b7e29e75458 100644
--- a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`cra-ts-essentials preview production mode 1`] = `
+exports[`cra-ts-essentials preview prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-windows b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-windows
new file mode 100644
index 000000000000..8ba46344f97b
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-windows
@@ -0,0 +1,507 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cra-ts-essentials preview prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "NODE_MODULES\\\\@storybook\\\\addon-ie11\\\\dist\\\\event-source-polyfill.js",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\react\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\react\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\cra-ts-essentials\\\\.storybook\\\\preview.js-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "parser": Object {
+          "requireEnsure": false,
+        },
+      },
+      Object {
+        "oneOf": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "limit": 10000,
+              "mimetype": "image/avif",
+              "name": "static/media/[name].[hash:8].[ext]",
+            },
+            "test": Array [
+              "/\\\\.avif$/",
+            ],
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "limit": 10000,
+              "name": "static/media/[name].[hash:8].[ext]",
+            },
+            "test": Array [
+              "/\\\\.bmp$/",
+              "/\\\\.gif$/",
+              "/\\\\.jpe?g$/",
+              "/\\\\.png$/",
+            ],
+          },
+          Object {
+            "include": Array [
+              "ROOT\\\\src",
+              "ROOT\\\\examples\\\\cra-ts-essentials\\\\.storybook",
+            ],
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheCompression": false,
+              "cacheDirectory": true,
+              "cacheIdentifier": "production:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@10.0.0:react-dev-utils@11.0.3:react-scripts@4.0.3",
+              "compact": true,
+              "configFile": false,
+              "customize": "NODE_MODULES\\\\babel-preset-react-app\\\\webpack-overrides.js",
+              "extends": undefined,
+              "overrides": Array [
+                Object {
+                  "plugins": Array [
+                    Array [
+                      "NODE_MODULES\\\\babel-plugin-react-docgen\\\\lib\\\\index.js",
+                      Object {
+                        "DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
+                      },
+                    ],
+                  ],
+                  "test": "/\\\\.(mjs|jsx?)$/",
+                },
+              ],
+              "plugins": Array [
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-named-asset-import\\\\index.js",
+                  Object {
+                    "loaderMap": Object {
+                      "svg": Object {
+                        "ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]",
+                      },
+                    },
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+                Array [
+                  "NODE_MODULES\\\\babel-preset-react-app\\\\index.js",
+                  Object {
+                    "runtime": "automatic",
+                  },
+                ],
+              ],
+            },
+            "test": "/\\\\.(js|mjs|jsx|ts|tsx)$/",
+          },
+          Object {
+            "exclude": "/@babel(?:\\\\/|\\\\\\\\{1,2})runtime/",
+            "include": Array [
+              "ROOT\\\\examples\\\\cra-ts-essentials\\\\.storybook",
+            ],
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheCompression": false,
+              "cacheDirectory": true,
+              "cacheIdentifier": "production:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@10.0.0:react-dev-utils@11.0.3:react-scripts@4.0.3",
+              "compact": false,
+              "configFile": false,
+              "inputSourceMap": true,
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\babel-preset-react-app\\\\dependencies.js",
+                  Object {
+                    "helpers": true,
+                  },
+                ],
+              ],
+              "sourceMaps": true,
+            },
+            "test": "/\\\\.(js|mjs)$/",
+          },
+          Object {
+            "exclude": Array [
+              "/\\\\.module\\\\.css$/",
+              "/@storybook/",
+            ],
+            "include": undefined,
+            "sideEffects": true,
+            "test": "/\\\\.css$/",
+            "use": Array [
+              Object {
+                "loader": "NODE_MODULES\\\\mini-css-extract-plugin\\\\dist\\\\loader.js",
+                "options": Object {
+                  "publicPath": "../../",
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 1,
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "test": "/\\\\.module\\\\.css$/",
+            "use": Array [
+              Object {
+                "loader": "NODE_MODULES\\\\mini-css-extract-plugin\\\\dist\\\\loader.js",
+                "options": Object {
+                  "publicPath": "../../",
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 1,
+                  "modules": Object {
+                    "getLocalIdent": [Function],
+                  },
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "exclude": "/\\\\.module\\\\.(scss|sass)$/",
+            "sideEffects": true,
+            "test": "/\\\\.(scss|sass)$/",
+            "use": Array [
+              Object {
+                "loader": "NODE_MODULES\\\\mini-css-extract-plugin\\\\dist\\\\loader.js",
+                "options": Object {
+                  "publicPath": "../../",
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 3,
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\resolve-url-loader\\\\index.js",
+                "options": Object {
+                  "root": "ROOT\\\\src",
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\sass-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "test": "/\\\\.module\\\\.(scss|sass)$/",
+            "use": Array [
+              Object {
+                "loader": "NODE_MODULES\\\\mini-css-extract-plugin\\\\dist\\\\loader.js",
+                "options": Object {
+                  "publicPath": "../../",
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "importLoaders": 3,
+                  "modules": Object {
+                    "getLocalIdent": [Function],
+                  },
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\postcss-loader\\\\src\\\\index.js",
+                "options": Object {
+                  "ident": "postcss",
+                  "plugins": [Function],
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\resolve-url-loader\\\\index.js",
+                "options": Object {
+                  "root": "ROOT\\\\src",
+                  "sourceMap": true,
+                },
+              },
+              Object {
+                "loader": "NODE_MODULES\\\\sass-loader\\\\dist\\\\cjs.js",
+                "options": Object {
+                  "sourceMap": true,
+                },
+              },
+            ],
+          },
+          Object {
+            "exclude": Array [
+              "/\\\\.(js|mjs|jsx|ts|tsx)$/",
+              "/\\\\.html$/",
+              "/\\\\.json$/",
+              "/\\\\.(ejs|md|mdx)$/",
+            ],
+            "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "name": "static/media/[name].[hash:8].[ext]",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": "NODE_MODULES[\\\\\\\\/](@storybook[\\\\\\\\/]node_logger|@testing-library[\\\\\\\\/]dom|@testing-library[\\\\\\\\/]user-event|acorn-jsx|ansi-align|ansi-colors|ansi-escapes|ansi-regex|ansi-styles|better-opn|boxen|camelcase|chalk|color-convert|commander|find-cache-dir|find-up|fs-extra|highlight.js|json5|node-fetch|pkg-dir|prettier|pretty-format|react-dev-utils|resolve-from|semver|slash|strip-ansi|uuid)/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "overrides": Array [
+                Object {
+                  "plugins": Array [
+                    Array [
+                      "NODE_MODULES\\\\babel-plugin-react-docgen\\\\lib\\\\index.js",
+                      Object {
+                        "DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
+                      },
+                    ],
+                  ],
+                  "test": "/\\\\.(mjs|jsx?)$/",
+                },
+              ],
+              "plugins": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "overrides": Array [
+                Object {
+                  "plugins": Array [
+                    Array [
+                      "NODE_MODULES\\\\babel-plugin-react-docgen\\\\lib\\\\index.js",
+                      Object {
+                        "DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
+                      },
+                    ],
+                  ],
+                  "test": "/\\\\.(mjs|jsx?)$/",
+                },
+              ],
+              "plugins": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "@babel/preset-env",
+                  Object {
+                    "targets": Object {
+                      "ie": "11",
+                    },
+                  },
+                  "storybook-addon-ie11",
+                ],
+              ],
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+    "InlineChunkHtmlPlugin",
+    "InterpolateHtmlPlugin",
+    "ModuleNotFoundPlugin",
+    "MiniCssExtractPlugin",
+    "ManifestPlugin",
+    "IgnorePlugin",
+    "ForkTsCheckerWebpackPlugin",
+    "ESLintWebpackPlugin",
+    "DocgenPlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev
rename to lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev-posix
index cf3ca00168f2..6c3b6c6905a1 100644
--- a/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`html-kitchen-sink manager dev mode 1`] = `
+exports[`html-kitchen-sink manager dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev-windows b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev-windows
new file mode 100644
index 000000000000..720068654b97
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-dev-windows
@@ -0,0 +1,224 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`html-kitchen-sink manager dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\jest\\\\register.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\storysource\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\viewport\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod
rename to lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod-posix
index 4a70bd2050b3..23cbfd62d77b 100644
--- a/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`html-kitchen-sink manager production mode 1`] = `
+exports[`html-kitchen-sink manager prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod-windows b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod-windows
new file mode 100644
index 000000000000..1e6c51829294
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_manager-prod-windows
@@ -0,0 +1,224 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`html-kitchen-sink manager prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\jest\\\\register.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\storysource\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\viewport\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev
rename to lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix
index beb3902b3269..1005c448dddd 100644
--- a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`html-kitchen-sink preview dev mode 1`] = `
+exports[`html-kitchen-sink preview dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
@@ -459,7 +459,6 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-windows b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-windows
new file mode 100644
index 000000000000..7a82aa29063e
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-windows
@@ -0,0 +1,468 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`html-kitchen-sink preview dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "NODE_MODULES\\\\webpack-hot-middleware\\\\client.js?reload=true&quiet=false&noInfo=undefined",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\html\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\html\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yRunner.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yHighlight.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\html-kitchen-sink\\\\.storybook\\\\preview.js-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": "NODE_MODULES/",
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.html$/",
+        "use": "NODE_MODULES\\\\html-loader\\\\dist\\\\cjs.js",
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+      Object {
+        "sideEffects": true,
+        "test": "/\\\\.css$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+            "options": undefined,
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": undefined,
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\postcss-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "implementation": [Function],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "test": Array [
+          "/\\\\.stories\\\\.(jsx?$|tsx?$)/",
+        ],
+        "use": Array [
+          Object {
+            "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+            "options": undefined,
+          },
+        ],
+      },
+      Object {},
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "esModule": false,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "WatchMissingNodeModulesPlugin",
+    "HotModuleReplacementPlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod
rename to lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix
index 8e448953b9e4..386a7ca152ba 100644
--- a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`html-kitchen-sink preview production mode 1`] = `
+exports[`html-kitchen-sink preview prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-windows b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-windows
new file mode 100644
index 000000000000..8cada2ea85a5
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-windows
@@ -0,0 +1,465 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`html-kitchen-sink preview prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\html\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\html\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yRunner.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yHighlight.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\html-kitchen-sink\\\\.storybook\\\\preview.js-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": "NODE_MODULES/",
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.html$/",
+        "use": "NODE_MODULES\\\\html-loader\\\\dist\\\\cjs.js",
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+      Object {
+        "sideEffects": true,
+        "test": "/\\\\.css$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+            "options": undefined,
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": undefined,
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\postcss-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "implementation": [Function],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "test": Array [
+          "/\\\\.stories\\\\.(jsx?$|tsx?$)/",
+        ],
+        "use": Array [
+          Object {
+            "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+            "options": undefined,
+          },
+        ],
+      },
+      Object {},
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "esModule": false,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev b/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/vue-3-cli_manager-dev
rename to lib/core-server/src/__snapshots__/vue-3-cli_manager-dev-posix
index 98a23108f22b..ffcf1511c02f 100644
--- a/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`vue-3-cli manager dev mode 1`] = `
+exports[`vue-3-cli manager dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev-windows b/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev-windows
new file mode 100644
index 000000000000..f581e5743e10
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_manager-dev-windows
@@ -0,0 +1,225 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`vue-3-cli manager dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\viewport\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\toolbars\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod b/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/vue-3-cli_manager-prod
rename to lib/core-server/src/__snapshots__/vue-3-cli_manager-prod-posix
index 852c93c75b1e..95af9590e84e 100644
--- a/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`vue-3-cli manager production mode 1`] = `
+exports[`vue-3-cli manager prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod-windows b/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod-windows
new file mode 100644
index 000000000000..987ef3040657
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_manager-prod-windows
@@ -0,0 +1,225 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`vue-3-cli manager prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\viewport\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\toolbars\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/vue-3-cli_preview-dev
rename to lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix
index 4c50f9a41f84..4966802bb07d 100644
--- a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`vue-3-cli preview dev mode 1`] = `
+exports[`vue-3-cli preview dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
@@ -497,7 +497,6 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-windows b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-windows
new file mode 100644
index 000000000000..a9553da08453
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-windows
@@ -0,0 +1,508 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`vue-3-cli preview dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "NODE_MODULES\\\\webpack-hot-middleware\\\\client.js?reload=true&quiet=false&noInfo=undefined",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\vue3\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\vue3\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\preset\\\\argsEnhancers.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\vue-3-cli\\\\.storybook\\\\preview.ts-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": "NODE_MODULES/",
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\vue-loader\\\\dist\\\\index.js",
+        "options": Object {},
+        "test": "/\\\\.vue$/",
+      },
+      Object {
+        "test": "/\\\\.tsx?$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\ts-loader\\\\index.js",
+            "options": Object {
+              "appendTsSuffixTo": Array [
+                "/\\\\.vue$/",
+              ],
+              "transpileOnly": true,
+            },
+          },
+        ],
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+      Object {
+        "sideEffects": true,
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\postcss-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "postcssOptions": Object {
+                "config": false,
+                "plugins": Array [
+                  [Function],
+                  [Function],
+                ],
+              },
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "esModule": false,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+      Object {
+        "enforce": "post",
+        "loader": "NODE_MODULES\\\\vue-docgen-loader\\\\lib\\\\index.js",
+        "options": Object {
+          "docgenOptions": Object {
+            "alias": Object {
+              "@emotion/core": "NODE_MODULES\\\\@emotion\\\\core",
+              "@emotion/styled": "NODE_MODULES\\\\@emotion\\\\styled",
+              "@storybook/addons": "ROOT\\\\lib\\\\addons",
+              "@storybook/api": "ROOT\\\\lib\\\\api",
+              "@storybook/channel-postmessage": "ROOT\\\\lib\\\\channel-postmessage",
+              "@storybook/channels": "ROOT\\\\lib\\\\channels",
+              "@storybook/client-api": "ROOT\\\\lib\\\\client-api",
+              "@storybook/client-logger": "ROOT\\\\lib\\\\client-logger",
+              "@storybook/components": "ROOT\\\\lib\\\\components",
+              "@storybook/core-events": "ROOT\\\\lib\\\\core-events",
+              "@storybook/preview-web": "ROOT\\\\lib\\\\preview-web",
+              "@storybook/router": "ROOT\\\\lib\\\\router",
+              "@storybook/semver": "NODE_MODULES\\\\@storybook\\\\semver",
+              "@storybook/store": "ROOT\\\\lib\\\\store",
+              "@storybook/theming": "ROOT\\\\lib\\\\theming",
+              "emotion-theming": "NODE_MODULES\\\\emotion-theming",
+              "react": "NODE_MODULES\\\\react",
+              "react-dom": "NODE_MODULES\\\\react-dom",
+              "vue$": "NODE_MODULES\\\\vue\\\\dist\\\\vue.esm-bundler.js",
+            },
+          },
+        },
+        "test": "/\\\\.vue$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "WatchMissingNodeModulesPlugin",
+    "HotModuleReplacementPlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+    "VueLoaderPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/vue-3-cli_preview-prod
rename to lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix
index c6568ccbc457..e8876e745eeb 100644
--- a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`vue-3-cli preview production mode 1`] = `
+exports[`vue-3-cli preview prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-windows b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-windows
new file mode 100644
index 000000000000..7dccbcf7871c
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-windows
@@ -0,0 +1,505 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`vue-3-cli preview prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\vue3\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\vue3\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\measure\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\outline\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\preset\\\\argsEnhancers.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\vue-3-cli\\\\.storybook\\\\preview.ts-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": "NODE_MODULES/",
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\vue-loader\\\\dist\\\\index.js",
+        "options": Object {},
+        "test": "/\\\\.vue$/",
+      },
+      Object {
+        "test": "/\\\\.tsx?$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\ts-loader\\\\index.js",
+            "options": Object {
+              "appendTsSuffixTo": Array [
+                "/\\\\.vue$/",
+              ],
+              "transpileOnly": true,
+            },
+          },
+        ],
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+      Object {
+        "sideEffects": true,
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\postcss-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "postcssOptions": Object {
+                "config": false,
+                "plugins": Array [
+                  [Function],
+                  [Function],
+                ],
+              },
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "esModule": false,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+      Object {
+        "enforce": "post",
+        "loader": "NODE_MODULES\\\\vue-docgen-loader\\\\lib\\\\index.js",
+        "options": Object {
+          "docgenOptions": Object {
+            "alias": Object {
+              "@emotion/core": "NODE_MODULES\\\\@emotion\\\\core",
+              "@emotion/styled": "NODE_MODULES\\\\@emotion\\\\styled",
+              "@storybook/addons": "ROOT\\\\lib\\\\addons",
+              "@storybook/api": "ROOT\\\\lib\\\\api",
+              "@storybook/channel-postmessage": "ROOT\\\\lib\\\\channel-postmessage",
+              "@storybook/channels": "ROOT\\\\lib\\\\channels",
+              "@storybook/client-api": "ROOT\\\\lib\\\\client-api",
+              "@storybook/client-logger": "ROOT\\\\lib\\\\client-logger",
+              "@storybook/components": "ROOT\\\\lib\\\\components",
+              "@storybook/core-events": "ROOT\\\\lib\\\\core-events",
+              "@storybook/preview-web": "ROOT\\\\lib\\\\preview-web",
+              "@storybook/router": "ROOT\\\\lib\\\\router",
+              "@storybook/semver": "NODE_MODULES\\\\@storybook\\\\semver",
+              "@storybook/store": "ROOT\\\\lib\\\\store",
+              "@storybook/theming": "ROOT\\\\lib\\\\theming",
+              "emotion-theming": "NODE_MODULES\\\\emotion-theming",
+              "react": "NODE_MODULES\\\\react",
+              "react-dom": "NODE_MODULES\\\\react-dom",
+              "vue$": "NODE_MODULES\\\\vue\\\\dist\\\\vue.esm-bundler.js",
+            },
+          },
+        },
+        "test": "/\\\\.vue$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+    "VueLoaderPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev
rename to lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev-posix
index 87e89ac2a502..ac378611271d 100644
--- a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`web-components-kitchen-sink manager dev mode 1`] = `
+exports[`web-components-kitchen-sink manager dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev-windows b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev-windows
new file mode 100644
index 000000000000..92a0254ed525
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-dev-windows
@@ -0,0 +1,225 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`web-components-kitchen-sink manager dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\storysource\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\viewport\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\toolbars\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod
rename to lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod-posix
index f451a115f123..3b75b563d198 100644
--- a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`web-components-kitchen-sink manager production mode 1`] = `
+exports[`web-components-kitchen-sink manager prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod-windows b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod-windows
new file mode 100644
index 000000000000..eef86574c99c
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_manager-prod-windows
@@ -0,0 +1,225 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`web-components-kitchen-sink manager prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\manager\\\\index.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\controls\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\storysource\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\viewport\\\\dist\\\\esm\\\\register.js",
+    "ROOT\\\\addons\\\\toolbars\\\\dist\\\\esm\\\\register.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "recordsPath",
+    "performance",
+    "optimization",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": Array [
+          "NODE_MODULES/",
+          "/dist/",
+        ],
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-template-literals\\\\lib\\\\index.js",
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "CaseSensitivePathsPlugin",
+    "DefinePlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev
rename to lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix
index 9c88ae239e7d..08356fa3e97a 100644
--- a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`web-components-kitchen-sink preview dev mode 1`] = `
+exports[`web-components-kitchen-sink preview dev 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
@@ -496,7 +496,6 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-windows b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-windows
new file mode 100644
index 000000000000..ed7860aa94c8
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-windows
@@ -0,0 +1,505 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`web-components-kitchen-sink preview dev 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "NODE_MODULES\\\\webpack-hot-middleware\\\\client.js?reload=true&quiet=false&noInfo=undefined",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\web-components\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\web-components\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yRunner.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yHighlight.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\preset\\\\argsEnhancers.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\web-components-kitchen-sink\\\\.storybook\\\\preview.js-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": "NODE_MODULES/",
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "test": Array [
+          "/src(.*)\\\\.js$/",
+          "/packages(\\\\/|\\\\\\\\)*(\\\\/|\\\\\\\\)src(\\\\/|\\\\\\\\)(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)lit-html(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)lit-element(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)@open-wc(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)@polymer(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)@vaadin(.*)\\\\.js$/",
+        ],
+        "use": Object {
+          "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+          "options": Object {
+            "babelrc": false,
+            "plugins": Array [
+              "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+              "NODE_MODULES\\\\@babel\\\\plugin-syntax-import-meta\\\\lib\\\\index.js",
+              Array [
+                "NODE_MODULES\\\\babel-plugin-bundled-import-meta\\\\index.js",
+                Object {
+                  "importStyle": "baseURI",
+                },
+              ],
+            ],
+            "presets": Array [
+              Array [
+                "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                Object {
+                  "corejs": 3,
+                  "useBuiltIns": "entry",
+                },
+              ],
+            ],
+          },
+        },
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+      Object {
+        "enforce": "pre",
+        "test": Array [
+          "/\\\\.stories\\\\.(jsx?$|tsx?$)/",
+        ],
+        "use": Array [
+          Object {
+            "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+            "options": undefined,
+          },
+        ],
+      },
+      Object {
+        "sideEffects": true,
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\postcss-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "postcssOptions": Object {
+                "config": false,
+                "plugins": Array [
+                  [Function],
+                  [Function],
+                ],
+              },
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "esModule": false,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[path][name].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "WatchMissingNodeModulesPlugin",
+    "HotModuleReplacementPlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix
similarity index 99%
rename from lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod
rename to lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix
index 6feed165dd35..5b6c1610983f 100644
--- a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`web-components-kitchen-sink preview production mode 1`] = `
+exports[`web-components-kitchen-sink preview prod 1`] = `
 Object {
   "entry": Array [
     "ROOT/lib/core-client/dist/esm/globals/polyfills.js",
diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-windows b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-windows
new file mode 100644
index 000000000000..71f4a2a1147a
--- /dev/null
+++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-windows
@@ -0,0 +1,502 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`web-components-kitchen-sink preview prod 1`] = `
+Object {
+  "entry": Array [
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\polyfills.js",
+    "ROOT\\\\lib\\\\core-client\\\\dist\\\\esm\\\\globals\\\\globals.js",
+    "ROOT\\\\storybook-init-framework-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\common\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\docs\\\\dist\\\\esm\\\\frameworks\\\\web-components\\\\config.js-generated-config-entry.js",
+    "ROOT\\\\app\\\\web-components\\\\dist\\\\esm\\\\client\\\\preview\\\\config-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yRunner.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\a11y\\\\dist\\\\esm\\\\a11yHighlight.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\actions\\\\dist\\\\esm\\\\preset\\\\addArgs.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\backgrounds\\\\dist\\\\esm\\\\preset\\\\addParameter.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\interactions\\\\dist\\\\esm\\\\preset\\\\argsEnhancers.js-generated-config-entry.js",
+    "ROOT\\\\addons\\\\links\\\\dist\\\\esm\\\\preset\\\\addDecorator.js-generated-config-entry.js",
+    "ROOT\\\\examples\\\\web-components-kitchen-sink\\\\.storybook\\\\preview.js-generated-config-entry.js",
+    "ROOT\\\\generated-stories-entry.js",
+  ],
+  "keys": Array [
+    "name",
+    "mode",
+    "bail",
+    "devtool",
+    "entry",
+    "output",
+    "watchOptions",
+    "plugins",
+    "module",
+    "resolve",
+    "resolveLoader",
+    "optimization",
+    "performance",
+  ],
+  "module": Object {
+    "rules": Array [
+      Object {
+        "exclude": "NODE_MODULES/",
+        "include": Array [
+          "ROOT",
+        ],
+        "test": "/\\\\.(mjs|tsx?|jsx?)$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "include": [Function],
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "modules": false,
+                    "shippedProposals": true,
+                    "targets": "defaults",
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-react\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/\\\\.md$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\raw-loader\\\\dist\\\\cjs.js",
+          },
+        ],
+      },
+      Object {
+        "test": Array [
+          "/src(.*)\\\\.js$/",
+          "/packages(\\\\/|\\\\\\\\)*(\\\\/|\\\\\\\\)src(\\\\/|\\\\\\\\)(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)lit-html(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)lit-element(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)@open-wc(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)@polymer(.*)\\\\.js$/",
+          "NODE_MODULES(\\\\/|\\\\\\\\)@vaadin(.*)\\\\.js$/",
+        ],
+        "use": Object {
+          "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+          "options": Object {
+            "babelrc": false,
+            "plugins": Array [
+              "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+              "NODE_MODULES\\\\@babel\\\\plugin-syntax-import-meta\\\\lib\\\\index.js",
+              Array [
+                "NODE_MODULES\\\\babel-plugin-bundled-import-meta\\\\index.js",
+                Object {
+                  "importStyle": "baseURI",
+                },
+              ],
+            ],
+            "presets": Array [
+              Array [
+                "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                Object {
+                  "corejs": 3,
+                  "useBuiltIns": "entry",
+                },
+              ],
+            ],
+          },
+        },
+      },
+      Object {
+        "include": "NODE_MODULES\\\\\\\\acorn-jsx/",
+        "test": "/\\\\.js$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "modules": "commonjs",
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "test": "/(stories|story)\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "compilers": Array [
+                [Function],
+              ],
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "exclude": "/(stories|story)\\\\.mdx$/",
+        "test": "/\\\\.mdx$/",
+        "use": Array [
+          Object {
+            "loader": "NODE_MODULES\\\\babel-loader\\\\lib\\\\index.js",
+            "options": Object {
+              "babelrc": false,
+              "cacheDirectory": "NODE_MODULES\\\\.cache\\\\storybook\\\\babel",
+              "configFile": false,
+              "plugins": Array [
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-shorthand-properties\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-block-scoping\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-decorators\\\\lib\\\\index.js",
+                  Object {
+                    "legacy": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-class-properties\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-private-methods\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-export-default-from\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-syntax-dynamic-import\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-proposal-object-rest-spread\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "useBuiltIns": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-classes\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-arrow-functions\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-parameters\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-destructuring\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-spread\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-transform-for-of\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\babel-plugin-macros\\\\dist\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-optional-chaining\\\\lib\\\\index.js",
+                "NODE_MODULES\\\\@babel\\\\plugin-proposal-nullish-coalescing-operator\\\\lib\\\\index.js",
+                Array [
+                  "NODE_MODULES\\\\babel-plugin-polyfill-corejs3\\\\lib\\\\index.js",
+                  Object {
+                    "absoluteImports": "NODE_MODULES\\\\core-js\\\\index.js",
+                    "method": "usage-global",
+                    "version": "*",
+                  },
+                ],
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\plugin-transform-react-jsx\\\\lib\\\\index.js",
+                  Object {
+                    "pragma": "React.createElement",
+                    "pragmaFrag": "React.Fragment",
+                  },
+                ],
+              ],
+              "presets": Array [
+                Array [
+                  "NODE_MODULES\\\\@babel\\\\preset-env\\\\lib\\\\index.js",
+                  Object {
+                    "loose": true,
+                    "shippedProposals": true,
+                  },
+                ],
+                "NODE_MODULES\\\\@babel\\\\preset-typescript\\\\lib\\\\index.js",
+              ],
+              "sourceType": "unambiguous",
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\@mdx-js\\\\loader\\\\index.js",
+            "options": Object {
+              "remarkPlugins": Array [
+                [Function],
+                [Function],
+              ],
+            },
+          },
+        ],
+      },
+      Object {
+        "enforce": "pre",
+        "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+        "options": Object {
+          "injectStoryParameters": true,
+          "inspectLocalDependencies": true,
+        },
+        "test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
+      },
+      Object {
+        "enforce": "pre",
+        "test": Array [
+          "/\\\\.stories\\\\.(jsx?$|tsx?$)/",
+        ],
+        "use": Array [
+          Object {
+            "loader": "ROOT\\\\lib\\\\source-loader\\\\dist\\\\cjs\\\\index.js",
+            "options": undefined,
+          },
+        ],
+      },
+      Object {
+        "sideEffects": true,
+        "test": "/\\\\.css$/",
+        "use": Array [
+          "NODE_MODULES\\\\style-loader\\\\dist\\\\cjs.js",
+          Object {
+            "loader": "NODE_MODULES\\\\css-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "importLoaders": 1,
+            },
+          },
+          Object {
+            "loader": "NODE_MODULES\\\\postcss-loader\\\\dist\\\\cjs.js",
+            "options": Object {
+              "postcssOptions": Object {
+                "config": false,
+                "plugins": Array [
+                  [Function],
+                  [Function],
+                ],
+              },
+            },
+          },
+        ],
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\file-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "esModule": false,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
+      },
+      Object {
+        "loader": "NODE_MODULES\\\\url-loader\\\\dist\\\\cjs.js",
+        "options": Object {
+          "limit": 10000,
+          "name": "static/media/[name].[contenthash:8].[ext]",
+        },
+        "test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
+      },
+    ],
+  },
+  "plugins": Array [
+    "FilterWarningsPlugin",
+    "VirtualModulesPlugin",
+    "HtmlWebpackPlugin",
+    "DefinePlugin",
+    "CaseSensitivePathsPlugin",
+    "ProgressPlugin",
+  ],
+}
+`;
diff --git a/lib/core-server/src/build-dev.ts b/lib/core-server/src/build-dev.ts
index 259fac8d700d..cc9b5f63f806 100644
--- a/lib/core-server/src/build-dev.ts
+++ b/lib/core-server/src/build-dev.ts
@@ -100,11 +100,13 @@ export async function buildDevStandalone(options: CLIOptions & LoadOptions & Bui
   if (options.smokeTest) {
     // @ts-ignore
     const managerWarnings = (managerStats && managerStats.toJson().warnings) || [];
-    if (managerWarnings.length > 0) logger.warn(`manager: ${managerWarnings}`);
+    if (managerWarnings.length > 0)
+      logger.warn(`manager: ${JSON.stringify(managerWarnings, null, 2)}`);
     // I'm a little reticent to import webpack types in this file :shrug:
     // @ts-ignore
     const previewWarnings = (previewStats && previewStats.toJson().warnings) || [];
-    if (previewWarnings.length > 0) logger.warn(`preview: ${previewWarnings}`);
+    if (previewWarnings.length > 0)
+      logger.warn(`preview: ${JSON.stringify(previewWarnings, null, 2)}`);
     process.exit(
       managerWarnings.length > 0 || (previewWarnings.length > 0 && !options.ignorePreview) ? 1 : 0
     );
@@ -112,7 +114,7 @@ export async function buildDevStandalone(options: CLIOptions & LoadOptions & Bui
   }
 
   // Get package name and capitalize it e.g. @storybook/react -> React
-  const packageName = name.split('@storybook/').length > 0 ? name.split('@storybook/')[1] : name;
+  const packageName = name.split('@storybook/').length > 1 ? name.split('@storybook/')[1] : name;
   const frameworkName = packageName.charAt(0).toUpperCase() + packageName.slice(1);
 
   outputStartupInformation({
diff --git a/lib/core-server/src/cli/utils.ts b/lib/core-server/src/cli/utils.ts
index 30e5f13f94d3..741cabcc12c9 100644
--- a/lib/core-server/src/cli/utils.ts
+++ b/lib/core-server/src/cli/utils.ts
@@ -36,7 +36,7 @@ const warnStaticDirDeprecated = warnDeprecatedFlag(
   `
     --static-dir CLI flag is deprecated, see:
 
-    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-static-dir-flag
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated---static-dir-cli-flag
   `
 );
 
diff --git a/lib/core-server/src/core-presets.test.ts b/lib/core-server/src/core-presets.test.ts
index a3c194a1dbc8..87108b787e4b 100644
--- a/lib/core-server/src/core-presets.test.ts
+++ b/lib/core-server/src/core-presets.test.ts
@@ -1,5 +1,8 @@
 import 'jest-specific-snapshot';
 import path from 'path';
+import { mkdtemp as mkdtempCb } from 'fs';
+import os from 'os';
+import { promisify } from 'util';
 import { Configuration } from 'webpack';
 import Cache from 'file-system-cache';
 import { resolvePathInStorybookCache } from '@storybook/core-common';
@@ -19,9 +22,13 @@ import htmlOptions from '../../../app/html/src/server/options';
 import webComponentsOptions from '../../../app/web-components/src/server/options';
 import { outputStats } from './utils/output-stats';
 
+const { SNAPSHOT_OS } = global;
+const mkdtemp = promisify(mkdtempCb);
+
 // this only applies to this file
 jest.setTimeout(10000);
 
+// FIXME: this doesn't work
 const skipStoriesJsonPreset = [{ features: { buildStoriesJson: false, storyStoreV7: false } }];
 
 jest.mock('@storybook/builder-webpack4', () => {
@@ -85,7 +92,6 @@ const baseOptions = {
   docsMode: false,
   cache,
   configDir: path.resolve(`${__dirname}/../../../examples/react-ts/.storybook`),
-  outputDir: `${__dirname}/storybook-static`, // production
   ci: true,
   managerCache: false,
 };
@@ -135,44 +141,35 @@ describe.each([
   ['web-components-kitchen-sink', webComponentsOptions],
   ['html-kitchen-sink', htmlOptions],
 ])('%s', (example, frameworkOptions) => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-    cache.clear();
-  });
-
-  const options = {
-    ...baseOptions,
-    ...frameworkOptions,
-    configDir: path.resolve(`${__dirname}/../../../examples/${example}/.storybook`),
-  };
-
-  describe('manager', () => {
-    it('dev mode', async () => {
-      await buildDevStandalone({ ...options, ignorePreview: true });
-
-      const managerConfig = prepareSnap(managerExecutor.get, 'manager');
-      expect(managerConfig).toMatchSpecificSnapshot(snap(`${example}_manager-dev`));
-    });
-    it('production mode', async () => {
-      await buildStaticStandalone({ ...options, ignorePreview: true });
-
-      const managerConfig = prepareSnap(managerExecutor.get, 'manager');
-      expect(managerConfig).toMatchSpecificSnapshot(snap(`${example}_manager-prod`));
-    });
-  });
-
-  describe('preview', () => {
-    it('dev mode', async () => {
-      await buildDevStandalone({ ...options, managerCache: true });
-
-      const previewConfig = prepareSnap(previewExecutor.get, 'preview');
-      expect(previewConfig).toMatchSpecificSnapshot(snap(`${example}_preview-dev`));
+  describe.each([
+    ['manager', managerExecutor],
+    ['preview', previewExecutor],
+  ])('%s', (component, executor) => {
+    beforeEach(async () => {
+      jest.clearAllMocks();
+      await cache.clear();
     });
-    it('production mode', async () => {
-      await buildStaticStandalone({ ...options, managerCache: true });
 
-      const previewConfig = prepareSnap(previewExecutor.get, 'preview');
-      expect(previewConfig).toMatchSpecificSnapshot(snap(`${example}_preview-prod`));
+    it.each([
+      ['prod', buildStaticStandalone],
+      ['dev', buildDevStandalone],
+    ])('%s', async (mode, builder) => {
+      const options = {
+        ...baseOptions,
+        ...frameworkOptions,
+        configDir: path.resolve(`${__dirname}/../../../examples/${example}/.storybook`),
+        // Only add an outputDir in production mode.
+        outputDir:
+          mode === 'prod' ? await mkdtemp(path.join(os.tmpdir(), 'storybook-static-')) : undefined,
+        ignorePreview: component === 'manager',
+        managerCache: component === 'preview',
+      };
+
+      await builder(options);
+      const config = prepareSnap(executor.get, component);
+      expect(config).toMatchSpecificSnapshot(
+        snap(`${example}_${component}-${mode}-${SNAPSHOT_OS}`)
+      );
     });
   });
 });
@@ -181,9 +178,9 @@ const progressPlugin = (config) =>
   config.plugins.find((p) => p.constructor.name === 'ProgressPlugin');
 
 describe('dev cli flags', () => {
-  beforeEach(() => {
+  beforeEach(async () => {
     jest.clearAllMocks();
-    cache.clear();
+    await cache.clear();
   });
 
   const cliOptions = { ...reactOptions, ...baseOptions };
@@ -248,11 +245,15 @@ describe('dev cli flags', () => {
 });
 
 describe('build cli flags', () => {
-  beforeEach(() => {
+  beforeEach(async () => {
     jest.clearAllMocks();
-    cache.clear();
+    await cache.clear();
   });
-  const cliOptions = { ...reactOptions, ...baseOptions };
+  const cliOptions = {
+    ...reactOptions,
+    ...baseOptions,
+    outputDir: `${__dirname}/storybook-static`,
+  };
 
   it('--webpack-stats-json calls output-stats', async () => {
     await buildStaticStandalone(cliOptions);
diff --git a/lib/core-server/src/presets/common-preset.ts b/lib/core-server/src/presets/common-preset.ts
index e88f56f82b40..ef90f4fe6c41 100644
--- a/lib/core-server/src/presets/common-preset.ts
+++ b/lib/core-server/src/presets/common-preset.ts
@@ -65,4 +65,5 @@ export const features = async (existing: Record<string, boolean>) => ({
   ...existing,
   postcss: true,
   emotionAlias: true,
+  warnOnLegacyHierarchySeparator: true,
 });
diff --git a/lib/core-server/src/utils/StoryIndexGenerator.test.ts b/lib/core-server/src/utils/StoryIndexGenerator.test.ts
index 35a9616887c1..668cf76675e2 100644
--- a/lib/core-server/src/utils/StoryIndexGenerator.test.ts
+++ b/lib/core-server/src/utils/StoryIndexGenerator.test.ts
@@ -68,11 +68,11 @@ describe('StoryIndexGenerator', () => {
                 "name": "Story One",
                 "title": "Nested/Button",
               },
-              "second-nested-f--story-one": Object {
-                "id": "second-nested-f--story-one",
-                "importPath": "./src/second-nested/F.stories.ts",
+              "second-nested-g--story-one": Object {
+                "id": "second-nested-g--story-one",
+                "importPath": "./src/second-nested/G.stories.ts",
                 "name": "Story One",
-                "title": "Second Nested/F",
+                "title": "Second Nested/G",
               },
             },
             "v": 3,
@@ -112,17 +112,23 @@ describe('StoryIndexGenerator', () => {
                 "name": "Story One",
                 "title": "D",
               },
+              "first-nested-deeply-f--story-one": Object {
+                "id": "first-nested-deeply-f--story-one",
+                "importPath": "./src/first-nested/deeply/F.stories.js",
+                "name": "Story One",
+                "title": "First Nested/Deeply/F",
+              },
               "nested-button--story-one": Object {
                 "id": "nested-button--story-one",
                 "importPath": "./src/nested/Button.stories.ts",
                 "name": "Story One",
                 "title": "Nested/Button",
               },
-              "second-nested-f--story-one": Object {
-                "id": "second-nested-f--story-one",
-                "importPath": "./src/second-nested/F.stories.ts",
+              "second-nested-g--story-one": Object {
+                "id": "second-nested-g--story-one",
+                "importPath": "./src/second-nested/G.stories.ts",
                 "name": "Story One",
-                "title": "Second Nested/F",
+                "title": "Second Nested/G",
               },
             },
             "v": 3,
@@ -143,7 +149,7 @@ describe('StoryIndexGenerator', () => {
       await generator.initialize();
 
       (getStorySortParameter as jest.Mock).mockReturnValueOnce({
-        order: ['D', 'B', 'Nested', 'A', 'Second Nested'],
+        order: ['D', 'B', 'Nested', 'A', 'Second Nested', 'First Nested/Deeply'],
       });
 
       expect(Object.keys((await generator.getIndex()).stories)).toEqual([
@@ -151,7 +157,8 @@ describe('StoryIndexGenerator', () => {
         'b--story-one',
         'nested-button--story-one',
         'a--story-one',
-        'second-nested-f--story-one',
+        'second-nested-g--story-one',
+        'first-nested-deeply-f--story-one',
       ]);
     });
   });
@@ -168,7 +175,7 @@ describe('StoryIndexGenerator', () => {
         const generator = new StoryIndexGenerator([specifier], options);
         await generator.initialize();
         await generator.getIndex();
-        expect(readCsfOrMdxMock).toHaveBeenCalledTimes(6);
+        expect(readCsfOrMdxMock).toHaveBeenCalledTimes(7);
 
         readCsfOrMdxMock.mockClear();
         await generator.getIndex();
@@ -205,7 +212,7 @@ describe('StoryIndexGenerator', () => {
         const generator = new StoryIndexGenerator([specifier], options);
         await generator.initialize();
         await generator.getIndex();
-        expect(readCsfOrMdxMock).toHaveBeenCalledTimes(6);
+        expect(readCsfOrMdxMock).toHaveBeenCalledTimes(7);
 
         generator.invalidate(specifier, './src/B.stories.ts', false);
 
@@ -245,7 +252,7 @@ describe('StoryIndexGenerator', () => {
           const generator = new StoryIndexGenerator([specifier], options);
           await generator.initialize();
           await generator.getIndex();
-          expect(readCsfOrMdxMock).toHaveBeenCalledTimes(6);
+          expect(readCsfOrMdxMock).toHaveBeenCalledTimes(7);
 
           generator.invalidate(specifier, './src/B.stories.ts', true);
 
@@ -284,7 +291,7 @@ describe('StoryIndexGenerator', () => {
           const generator = new StoryIndexGenerator([specifier], options);
           await generator.initialize();
           await generator.getIndex();
-          expect(readCsfOrMdxMock).toHaveBeenCalledTimes(6);
+          expect(readCsfOrMdxMock).toHaveBeenCalledTimes(7);
 
           generator.invalidate(specifier, './src/B.stories.ts', true);
 
diff --git a/lib/core-server/src/utils/StoryIndexGenerator.ts b/lib/core-server/src/utils/StoryIndexGenerator.ts
index d2df6f28b3f7..766eef946b1f 100644
--- a/lib/core-server/src/utils/StoryIndexGenerator.ts
+++ b/lib/core-server/src/utils/StoryIndexGenerator.ts
@@ -50,7 +50,7 @@ export class StoryIndexGenerator {
           path.join(this.options.workingDir, specifier.directory, specifier.files)
         );
         const files = await glob(fullGlob);
-        files.forEach((absolutePath: Path) => {
+        files.sort().forEach((absolutePath: Path) => {
           const ext = path.extname(absolutePath);
           const relativePath = path.relative(this.options.workingDir, absolutePath);
           if (!['.js', '.jsx', '.ts', '.tsx', '.mdx'].includes(ext)) {
@@ -178,7 +178,7 @@ export class StoryIndexGenerator {
   }
 
   invalidate(specifier: NormalizedStoriesSpecifier, importPath: Path, removed: boolean) {
-    const absolutePath = path.resolve(this.options.workingDir, importPath);
+    const absolutePath = slash(path.resolve(this.options.workingDir, importPath));
     const pathToEntries = this.storyIndexEntries.get(specifier);
 
     if (removed) {
diff --git a/lib/core-server/src/utils/__mockdata__/src/second-nested/F.stories.ts b/lib/core-server/src/utils/__mockdata__/src/first-nested/deeply/F.stories.js
similarity index 100%
rename from lib/core-server/src/utils/__mockdata__/src/second-nested/F.stories.ts
rename to lib/core-server/src/utils/__mockdata__/src/first-nested/deeply/F.stories.js
diff --git a/lib/core-server/src/utils/__mockdata__/src/second-nested/G.stories.ts b/lib/core-server/src/utils/__mockdata__/src/second-nested/G.stories.ts
new file mode 100644
index 000000000000..220074c7390c
--- /dev/null
+++ b/lib/core-server/src/utils/__mockdata__/src/second-nested/G.stories.ts
@@ -0,0 +1,6 @@
+const component = {};
+export default {
+  component,
+};
+
+export const StoryOne = {};
diff --git a/lib/core-server/src/utils/__tests__/server-statics.test.ts b/lib/core-server/src/utils/__tests__/server-statics.test.ts
index 411511ce0b05..789d0d2b1940 100644
--- a/lib/core-server/src/utils/__tests__/server-statics.test.ts
+++ b/lib/core-server/src/utils/__tests__/server-statics.test.ts
@@ -1,5 +1,6 @@
 import fs from 'fs-extra';
 import path from 'path';
+import 'jest-os-detection';
 import { parseStaticDir } from '../server-statics';
 
 fs.pathExists = jest.fn().mockReturnValue(true);
@@ -37,30 +38,34 @@ describe('parseStaticDir', () => {
     });
   });
 
-  it('supports absolute file paths', async () => {
+  it.skipWindows('supports absolute file paths - posix', async () => {
     await expect(parseStaticDir('/foo/bar')).resolves.toEqual({
       staticDir: '/foo/bar',
       staticPath: '/foo/bar',
       targetDir: './',
       targetEndpoint: '/',
     });
+  });
 
+  it.onWindows('supports absolute file paths - windows', async () => {
     await expect(parseStaticDir('C:\\foo\\bar')).resolves.toEqual({
-      staticDir: expect.any(String), // can't test this properly on unix
+      staticDir: path.resolve('C:\\foo\\bar'),
       staticPath: path.resolve('C:\\foo\\bar'),
       targetDir: './',
       targetEndpoint: '/',
     });
   });
 
-  it('supports absolute file paths with custom endpoint', async () => {
+  it.skipWindows('supports absolute file paths with custom endpoint - posix', async () => {
     await expect(parseStaticDir('/foo/bar:/custom-endpoint')).resolves.toEqual({
       staticDir: '/foo/bar',
       staticPath: '/foo/bar',
       targetDir: './custom-endpoint',
       targetEndpoint: '/custom-endpoint',
     });
+  });
 
+  it.onWindows('supports absolute file paths with custom endpoint - windows', async () => {
     await expect(parseStaticDir('C:\\foo\\bar:/custom-endpoint')).resolves.toEqual({
       staticDir: expect.any(String), // can't test this properly on unix
       staticPath: path.resolve('C:\\foo\\bar'),
diff --git a/lib/core-server/src/utils/open-in-browser.ts b/lib/core-server/src/utils/open-in-browser.ts
index 24498bc880b8..daa5938b3f07 100644
--- a/lib/core-server/src/utils/open-in-browser.ts
+++ b/lib/core-server/src/utils/open-in-browser.ts
@@ -1,15 +1,25 @@
 import { logger } from '@storybook/node-logger';
-import open from 'better-opn';
+import betterOpn from 'better-opn'; // betterOpn alias used because also loading open
+import open from 'open';
+import getDefaultBrowser from 'x-default-browser';
 import dedent from 'ts-dedent';
 
 export function openInBrowser(address: string) {
-  try {
-    open(address);
-  } catch (error) {
-    logger.error(dedent`
-      Could not open ${address} inside a browser. If you're running this command inside a
-      docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
-      browser by default.
-    `);
-  }
+  getDefaultBrowser(async (err: any, res: any) => {
+    try {
+      if (res.isChrome || res.isChromium) {
+        // We use betterOpn for Chrome because it is better at handling which chrome tab
+        // or window the preview loads in.
+        betterOpn(address);
+      } else {
+        await open(address);
+      }
+    } catch (error) {
+      logger.error(dedent`
+        Could not open ${address} inside a browser. If you're running this command inside a
+        docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
+        browser by default.
+      `);
+    }
+  });
 }
diff --git a/lib/core-server/src/utils/stories-json.test.ts b/lib/core-server/src/utils/stories-json.test.ts
index b5a7d43d4cf7..ff7cdf052f08 100644
--- a/lib/core-server/src/utils/stories-json.test.ts
+++ b/lib/core-server/src/utils/stories-json.test.ts
@@ -98,6 +98,19 @@ describe('useStoriesJson', () => {
               "story": "Story One",
               "title": "D",
             },
+            "first-nested-deeply-f--story-one": Object {
+              "id": "first-nested-deeply-f--story-one",
+              "importPath": "./src/first-nested/deeply/F.stories.js",
+              "kind": "First Nested/Deeply/F",
+              "name": "Story One",
+              "parameters": Object {
+                "__id": "first-nested-deeply-f--story-one",
+                "docsOnly": false,
+                "fileName": "./src/first-nested/deeply/F.stories.js",
+              },
+              "story": "Story One",
+              "title": "First Nested/Deeply/F",
+            },
             "nested-button--story-one": Object {
               "id": "nested-button--story-one",
               "importPath": "./src/nested/Button.stories.ts",
@@ -111,18 +124,18 @@ describe('useStoriesJson', () => {
               "story": "Story One",
               "title": "Nested/Button",
             },
-            "second-nested-f--story-one": Object {
-              "id": "second-nested-f--story-one",
-              "importPath": "./src/second-nested/F.stories.ts",
-              "kind": "Second Nested/F",
+            "second-nested-g--story-one": Object {
+              "id": "second-nested-g--story-one",
+              "importPath": "./src/second-nested/G.stories.ts",
+              "kind": "Second Nested/G",
               "name": "Story One",
               "parameters": Object {
-                "__id": "second-nested-f--story-one",
+                "__id": "second-nested-g--story-one",
                 "docsOnly": false,
-                "fileName": "./src/second-nested/F.stories.ts",
+                "fileName": "./src/second-nested/G.stories.ts",
               },
               "story": "Story One",
-              "title": "Second Nested/F",
+              "title": "Second Nested/G",
             },
           },
           "v": 3,
diff --git a/lib/core-server/src/utils/watch-story-specifiers.ts b/lib/core-server/src/utils/watch-story-specifiers.ts
index 8b4baf4d1a1f..f42221c512a5 100644
--- a/lib/core-server/src/utils/watch-story-specifiers.ts
+++ b/lib/core-server/src/utils/watch-story-specifiers.ts
@@ -73,9 +73,14 @@ export function watchStorySpecifiers(
               // because the directoru could already be within the files part (e.g. './x/foo/bar')
               path.basename(specifier.files)
             );
-            const files = await glob(dirGlob);
+            // glob only supports forward slashes
+            const files = await glob(dirGlob.replace(/\\/g, '/'));
+
             files.forEach((filePath) => {
-              const fileImportPath = toImportPath(path.relative(options.workingDir, filePath));
+              const fileImportPath = toImportPath(
+                // use posix path separators even on windows
+                path.relative(options.workingDir, filePath).replace(/\\/g, '/')
+              );
 
               if (specifier.importPathMatcher.exec(fileImportPath)) {
                 onInvalidate(specifier, fileImportPath, removed);
diff --git a/lib/core-server/typings.d.ts b/lib/core-server/typings.d.ts
index 3a99ac672e7b..7adeeb08784b 100644
--- a/lib/core-server/typings.d.ts
+++ b/lib/core-server/typings.d.ts
@@ -6,6 +6,8 @@ declare module 'pnp-webpack-plugin';
 declare module '@storybook/theming/paths';
 declare module '@storybook/ui/paths';
 declare module 'better-opn';
+declare module 'open';
+declare module 'x-default-browser';
 declare module '@storybook/ui';
 declare module '@discoveryjs/json-ext';
 declare module 'watchpack';
diff --git a/lib/core/package.json b/lib/core/package.json
index de1535afaf91..335c7cca5320 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -40,11 +40,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-client": "6.4.0-rc.6",
-    "@storybook/core-server": "6.4.0-rc.6"
+    "@storybook/core-client": "6.5.0-alpha.7",
+    "@storybook/core-server": "6.5.0-alpha.7"
   },
   "peerDependencies": {
-    "@storybook/builder-webpack5": "6.4.0-rc.6",
+    "@storybook/builder-webpack5": "6.5.0-alpha.7",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "webpack": "*"
@@ -60,6 +60,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/csf-tools/package.json b/lib/csf-tools/package.json
index c52ec3399a11..2aa8de352d0e 100644
--- a/lib/csf-tools/package.json
+++ b/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
     "fs-extra": "^9.0.1",
     "global": "^4.4.0",
     "js-string-escape": "^1.0.1",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "prettier": "^2.2.1",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
@@ -65,6 +65,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/csf-tools/src/CsfFile.test.ts b/lib/csf-tools/src/CsfFile.test.ts
index 393cfe157a53..39d8c391a2be 100644
--- a/lib/csf-tools/src/CsfFile.test.ts
+++ b/lib/csf-tools/src/CsfFile.test.ts
@@ -46,6 +46,32 @@ describe('CsfFile', () => {
       `);
     });
 
+    it('exported const stories', () => {
+      expect(
+        parse(
+          dedent`
+          export default { title: 'foo/bar' };
+          const A = () => {};
+          const B = (args) => {};
+          export { A, B };
+        `,
+          true
+        )
+      ).toMatchInlineSnapshot(`
+        meta:
+          title: foo/bar
+        stories:
+          - id: foo-bar--a
+            name: A
+            parameters:
+              __id: foo-bar--a
+          - id: foo-bar--b
+            name: B
+            parameters:
+              __id: foo-bar--b
+      `);
+    });
+
     it('underscores', () => {
       expect(
         parse(
@@ -405,6 +431,26 @@ describe('CsfFile', () => {
         )
       ).toThrow('CSF: unexpected storiesOf call');
     });
+
+    it('function exports', () => {
+      expect(
+        parse(
+          dedent`
+          export default { title: 'foo/bar' };
+          export function A() {}
+          export function B() {}
+      `
+        )
+      ).toMatchInlineSnapshot(`
+        meta:
+          title: foo/bar
+        stories:
+          - id: foo-bar--a
+            name: A
+          - id: foo-bar--b
+            name: B
+      `);
+    });
   });
 
   // NOTE: this does not have a public API, but we can still test it
diff --git a/lib/csf-tools/src/CsfFile.ts b/lib/csf-tools/src/CsfFile.ts
index 1c7b326b5999..014bde430e23 100644
--- a/lib/csf-tools/src/CsfFile.ts
+++ b/lib/csf-tools/src/CsfFile.ts
@@ -70,7 +70,7 @@ const formatLocation = (node: t.Node, fileName?: string) => {
   return `${fileName || ''} (line ${line}, col ${column})`.trim();
 };
 
-const isArgsStory = (init: t.Expression, parent: t.Node, csf: CsfFile) => {
+const isArgsStory = (init: t.Node, parent: t.Node, csf: CsfFile) => {
   let storyFn: t.Node = init;
   // export const Foo = Bar.bind({})
   if (t.isCallExpression(init)) {
@@ -98,6 +98,9 @@ const isArgsStory = (init: t.Expression, parent: t.Node, csf: CsfFile) => {
   if (t.isArrowFunctionExpression(storyFn)) {
     return storyFn.params.length > 0;
   }
+  if (t.isFunctionDeclaration(storyFn)) {
+    return storyFn.params.length > 0;
+  }
   return false;
 };
 
@@ -149,7 +152,7 @@ export class CsfFile {
 
   _metaAnnotations: Record<string, t.Node> = {};
 
-  _storyExports: Record<string, t.VariableDeclarator> = {};
+  _storyExports: Record<string, t.VariableDeclarator | t.FunctionDeclaration> = {};
 
   _storyAnnotations: Record<string, Record<string, t.Node>> = {};
 
@@ -231,12 +234,18 @@ export class CsfFile {
       },
       ExportNamedDeclaration: {
         enter({ node, parent }) {
+          let declarations;
           if (t.isVariableDeclaration(node.declaration)) {
+            declarations = node.declaration.declarations.filter((d) => t.isVariableDeclarator(d));
+          } else if (t.isFunctionDeclaration(node.declaration)) {
+            declarations = [node.declaration];
+          }
+          if (declarations) {
             // export const X = ...;
-            node.declaration.declarations.forEach((decl) => {
-              if (t.isVariableDeclarator(decl) && t.isIdentifier(decl.id)) {
+            declarations.forEach((decl: t.VariableDeclarator | t.FunctionDeclaration) => {
+              if (t.isIdentifier(decl.id)) {
                 const { name: exportName } = decl.id;
-                if (exportName === '__namedExportsOrder') {
+                if (exportName === '__namedExportsOrder' && t.isVariableDeclarator(decl)) {
                   self._namedExportsOrder = parseExportsOrder(decl.init);
                   return;
                 }
@@ -250,7 +259,7 @@ export class CsfFile {
                   self._storyAnnotations[exportName] = {};
                 }
                 let parameters;
-                if (t.isObjectExpression(decl.init)) {
+                if (t.isVariableDeclarator(decl) && t.isObjectExpression(decl.init)) {
                   let __isArgsStory = true; // assume default render is an args story
                   // CSF3 object export
                   decl.init.properties.forEach((p: t.ObjectProperty) => {
@@ -265,10 +274,11 @@ export class CsfFile {
                   });
                   parameters = { __isArgsStory };
                 } else {
+                  const fn = t.isVariableDeclarator(decl) ? decl.init : decl;
                   parameters = {
                     // __id: toId(self._meta.title, name),
                     // FIXME: Template.bind({});
-                    __isArgsStory: isArgsStory(decl.init, parent, self),
+                    __isArgsStory: isArgsStory(fn, parent, self),
                   };
                 }
                 self._stories[exportName] = {
diff --git a/lib/instrumenter/package.json b/lib/instrumenter/package.json
index d16d5cd766a5..62505477bf5e 100644
--- a/lib/instrumenter/package.json
+++ b/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,14 +40,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "global": "^4.4.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/instrumenter/src/instrumenter.test.ts b/lib/instrumenter/src/instrumenter.test.ts
index 3b5464f0c27e..c8a00e4f562f 100644
--- a/lib/instrumenter/src/instrumenter.test.ts
+++ b/lib/instrumenter/src/instrumenter.test.ts
@@ -8,7 +8,8 @@ import {
 } from '@storybook/core-events';
 import global from 'global';
 
-import { EVENTS, Instrumenter, Options } from './instrumenter';
+import { EVENTS, Instrumenter } from './instrumenter';
+import { Options } from './types';
 
 const callSpy = jest.fn();
 const syncSpy = jest.fn();
@@ -133,7 +134,7 @@ describe('Instrumenter', () => {
         path: ['obj'],
         method: 'fn',
         interceptable: false,
-        state: 'done',
+        status: 'done',
         parentId: undefined,
       })
     );
@@ -213,16 +214,25 @@ describe('Instrumenter', () => {
       expect.objectContaining({ id: 'kind--story [0] fn1', parentId: undefined })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [1] fn2', parentId: 'kind--story [0] fn1' })
+      expect.objectContaining({
+        id: 'kind--story [0] fn1 [0] fn2',
+        parentId: 'kind--story [0] fn1',
+      })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [2] fn3', parentId: 'kind--story [1] fn2' })
+      expect.objectContaining({
+        id: 'kind--story [0] fn1 [0] fn2 [0] fn3',
+        parentId: 'kind--story [0] fn1 [0] fn2',
+      })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [3] fn4', parentId: 'kind--story [0] fn1' })
+      expect.objectContaining({
+        id: 'kind--story [0] fn1 [1] fn4',
+        parentId: 'kind--story [0] fn1',
+      })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [4] fn5', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [1] fn5', parentId: undefined })
     );
   });
 
@@ -235,10 +245,13 @@ describe('Instrumenter', () => {
       expect.objectContaining({ id: 'kind--story [0] fn1', parentId: undefined })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [1] fn2', parentId: 'kind--story [0] fn1' })
+      expect.objectContaining({
+        id: 'kind--story [0] fn1 [0] fn2',
+        parentId: 'kind--story [0] fn1',
+      })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [2] fn3', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [1] fn3', parentId: undefined })
     );
   });
 
@@ -273,10 +286,14 @@ describe('Instrumenter', () => {
     fn('foo', fn('bar')).fn2();
     fn('baz');
     jest.runAllTimers();
-    expect(syncSpy).toHaveBeenCalledWith([
-      { callId: 'kind--story [2] fn2', state: 'done' },
-      { callId: 'kind--story [3] fn', state: 'done' },
-    ]);
+    expect(syncSpy).toHaveBeenCalledWith(
+      expect.objectContaining({
+        logItems: [
+          { callId: 'kind--story [2] fn2', status: 'done' },
+          { callId: 'kind--story [3] fn', status: 'done' },
+        ],
+      })
+    );
   });
 
   it('catches thrown errors and returns the error', () => {
@@ -340,7 +357,7 @@ describe('Instrumenter', () => {
   describe('with intercept: true', () => {
     const options = { intercept: true };
 
-    it('emits a call event with exception metadata when the function throws', () => {
+    it('emits a call event with error data when the function throws', () => {
       const { fn } = instrument(
         {
           fn: () => {
@@ -357,7 +374,6 @@ describe('Instrumenter', () => {
             name: 'Error',
             message: 'Boom!',
             stack: expect.stringContaining('Error: Boom!'),
-            callId: 'kind--story [0] fn',
           },
         })
       );
diff --git a/lib/instrumenter/src/instrumenter.ts b/lib/instrumenter/src/instrumenter.ts
index 17be1c23bc72..9ea32a34b8c9 100644
--- a/lib/instrumenter/src/instrumenter.ts
+++ b/lib/instrumenter/src/instrumenter.ts
@@ -9,12 +9,11 @@ import {
 } from '@storybook/core-events';
 import global from 'global';
 
-import { Call, CallRef, CallStates, LogItem } from './types';
+import { Call, CallRef, CallStates, State, Options, ControlStates, LogItem } from './types';
 
 export const EVENTS = {
   CALL: 'instrumenter/call',
   SYNC: 'instrumenter/sync',
-  LOCK: 'instrumenter/lock',
   START: 'instrumenter/start',
   BACK: 'instrumenter/back',
   GOTO: 'instrumenter/goto',
@@ -22,33 +21,20 @@ export const EVENTS = {
   END: 'instrumenter/end',
 };
 
-export interface Options {
-  intercept?: boolean | ((method: string, path: Array<string | CallRef>) => boolean);
-  retain?: boolean;
-  mutate?: boolean;
-  path?: Array<string | CallRef>;
-  getArgs?: (call: Call, state: State) => Call['args'];
-}
-
-export interface State {
-  renderPhase: 'loading' | 'rendering' | 'playing' | 'played' | 'completed' | 'aborted' | 'errored';
-  isDebugging: boolean;
-  cursor: number;
-  calls: Call[];
-  shadowCalls: Call[];
-  callRefsByResult: Map<any, CallRef & { retain: boolean }>;
-  chainedCallIds: Set<Call['id']>;
-  parentCall?: Call;
-  playUntil?: Call['id'];
-  resolvers: Record<Call['id'], Function>;
-  syncTimeout: ReturnType<typeof setTimeout>;
-  forwardedException?: Error;
-}
-
-export type PatchedObj<TObj> = {
+type PatchedObj<TObj> = {
   [Property in keyof TObj]: TObj[Property] & { __originalFn__: PatchedObj<TObj> };
 };
 
+const debuggerDisabled = global.FEATURES?.interactionsDebugger !== true;
+const controlsDisabled: ControlStates = {
+  debugger: !debuggerDisabled,
+  start: false,
+  back: false,
+  goto: false,
+  next: false,
+  end: false,
+};
+
 const alreadyCompletedException = new Error(
   `This function ran after the play function completed. Did you forget to \`await\` it?`
 );
@@ -75,12 +61,14 @@ const construct = (obj: any) => {
 const getInitialState = (): State => ({
   renderPhase: undefined,
   isDebugging: false,
+  isPlaying: false,
+  isLocked: false,
   cursor: 0,
   calls: [],
   shadowCalls: [],
   callRefsByResult: new Map(),
   chainedCallIds: new Set<Call['id']>(),
-  parentCall: undefined,
+  parentId: undefined,
   playUntil: undefined,
   resolvers: {},
   syncTimeout: undefined,
@@ -114,7 +102,15 @@ export class Instrumenter {
     this.state = global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
 
     // When called from `start`, isDebugging will be true
-    const resetState = ({ storyId, isDebugging }: { storyId?: StoryId; isDebugging?: boolean }) => {
+    const resetState = ({
+      storyId,
+      isPlaying = true,
+      isDebugging = false,
+    }: {
+      storyId?: StoryId;
+      isPlaying?: boolean;
+      isDebugging?: boolean;
+    }) => {
       const state = this.getState(storyId);
       this.setState(storyId, {
         ...getInitialState(),
@@ -122,11 +118,12 @@ export class Instrumenter {
         shadowCalls: isDebugging ? state.shadowCalls : [],
         chainedCallIds: isDebugging ? state.chainedCallIds : new Set<Call['id']>(),
         playUntil: isDebugging ? state.playUntil : undefined,
+        isPlaying,
         isDebugging,
       });
 
       // Don't sync while debugging, as it'll cause flicker.
-      if (!isDebugging) this.channel.emit(EVENTS.SYNC, this.getLog(storyId));
+      if (!isDebugging) this.sync(storyId);
     };
 
     // A forceRemount might be triggered for debugging (on `start`), or elsewhere in Storybook.
@@ -140,7 +137,12 @@ export class Instrumenter {
         resetState({ storyId, isDebugging });
       }
       if (newPhase === 'played') {
-        this.setState(storyId, { isDebugging: false, forwardedException: undefined });
+        this.setState(storyId, {
+          isLocked: false,
+          isPlaying: false,
+          isDebugging: false,
+          forwardedException: undefined,
+        });
         // Rethrow any unhandled forwarded exception so it doesn't go unnoticed.
         if (forwardedException) throw forwardedException;
       }
@@ -156,7 +158,7 @@ export class Instrumenter {
       if (!this.getState(storyId).isDebugging) {
         this.setState(storyId, ({ calls }) => ({
           calls: [],
-          shadowCalls: calls.map((call) => ({ ...call, state: CallStates.WAITING })),
+          shadowCalls: calls.map((call) => ({ ...call, status: CallStates.WAITING })),
           isDebugging: true,
         }));
       }
@@ -182,7 +184,7 @@ export class Instrumenter {
       const { isDebugging } = this.getState(storyId);
       const log = this.getLog(storyId);
       const next = isDebugging
-        ? log.findIndex(({ state }) => state === CallStates.WAITING)
+        ? log.findIndex(({ status }) => status === CallStates.WAITING)
         : log.length;
       start({ storyId, playUntil: log[next - 2]?.callId });
     };
@@ -191,10 +193,9 @@ export class Instrumenter {
       const { calls, shadowCalls, resolvers } = this.getState(storyId);
       const call = calls.find(({ id }) => id === callId);
       const shadowCall = shadowCalls.find(({ id }) => id === callId);
-      if (!call && shadowCall) {
-        const nextCallId = this.getLog(storyId).find(({ state }) => state === CallStates.WAITING)
-          ?.callId;
-        if (shadowCall.id !== nextCallId) this.setState(storyId, { playUntil: shadowCall.id });
+      if (!call && shadowCall && Object.values(resolvers).length > 0) {
+        const nextId = this.getLog(storyId).find((c) => c.status === CallStates.WAITING)?.callId;
+        if (shadowCall.id !== nextId) this.setState(storyId, { playUntil: shadowCall.id });
         Object.values(resolvers).forEach((resolve) => resolve());
       } else {
         start({ storyId, playUntil: callId });
@@ -202,7 +203,14 @@ export class Instrumenter {
     };
 
     const next = ({ storyId }: { storyId: string }) => {
-      Object.values(this.getState(storyId).resolvers).forEach((resolve) => resolve());
+      const { resolvers } = this.getState(storyId);
+      if (Object.values(resolvers).length > 0) {
+        Object.values(resolvers).forEach((resolve) => resolve());
+      } else {
+        const nextId = this.getLog(storyId).find((c) => c.status === CallStates.WAITING)?.callId;
+        if (nextId) start({ storyId, playUntil: nextId });
+        else end({ storyId });
+      }
     };
 
     const end = ({ storyId }: { storyId: string }) => {
@@ -237,7 +245,7 @@ export class Instrumenter {
       acc[storyId] = Object.assign(getInitialState(), retainedState);
       return acc;
     }, {} as Record<StoryId, State>);
-    this.channel.emit(EVENTS.SYNC, []);
+    this.channel.emit(EVENTS.SYNC, { controlStates: controlsDisabled, logItems: [] });
     global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ = this.state;
   }
 
@@ -260,12 +268,9 @@ export class Instrumenter {
           seen.add((node as CallRef).__callId__);
         }
       });
-      if (call.interceptable && !seen.has(call.id) && !seen.has(call.parentId)) {
-        acc.unshift({ callId: call.id, state: call.state });
+      if (call.interceptable && !seen.has(call.id)) {
+        acc.unshift({ callId: call.id, status: call.status });
         seen.add(call.id);
-        if (call.parentId) {
-          seen.add(call.parentId);
-        }
       }
       return acc;
     }, []);
@@ -321,12 +326,12 @@ export class Instrumenter {
   track(method: string, fn: Function, args: any[], options: Options) {
     const storyId: StoryId =
       args?.[0]?.__storyId__ || global.window.__STORYBOOK_PREVIEW__?.urlStore?.selection?.storyId;
-    const index = this.getState(storyId).cursor;
-    this.setState(storyId, { cursor: index + 1 });
-    const id = `${storyId} [${index}] ${method}`;
+    const { cursor, parentId } = this.getState(storyId);
+    this.setState(storyId, { cursor: cursor + 1 });
+    const id = `${parentId || storyId} [${cursor}] ${method}`;
     const { path = [], intercept = false, retain = false } = options;
     const interceptable = typeof intercept === 'function' ? intercept(method, path) : intercept;
-    const call: Call = { id, path, method, storyId, args, interceptable, retain };
+    const call: Call = { id, parentId, storyId, cursor, path, method, args, interceptable, retain };
     const result = (interceptable ? this.intercept : this.invoke).call(this, fn, call, options);
     return this.instrument(result, { ...options, mutate: true, path: [{ __callId__: call.id }] });
   }
@@ -346,15 +351,14 @@ export class Instrumenter {
 
     // Instead of invoking the function, defer the function call until we continue playing.
     return new Promise((resolve) => {
-      this.channel.emit(EVENTS.LOCK, false);
       this.setState(call.storyId, ({ resolvers }) => ({
+        isLocked: false,
         resolvers: { ...resolvers, [call.id]: resolve },
       }));
     }).then(() => {
-      this.channel.emit(EVENTS.LOCK, true);
       this.setState(call.storyId, (state) => {
         const { [call.id]: _, ...resolvers } = state.resolvers;
-        return { resolvers };
+        return { isLocked: true, resolvers };
       });
       return this.invoke(fn, call, options);
     });
@@ -365,13 +369,10 @@ export class Instrumenter {
     // const { abortSignal } = global.window.__STORYBOOK_PREVIEW__ || {};
     // if (abortSignal && abortSignal.aborted) throw IGNORED_EXCEPTION;
 
-    const { parentCall, callRefsByResult, forwardedException, renderPhase } = this.getState(
-      call.storyId
-    );
-    const callWithParent = { ...call, parentId: parentCall?.id };
+    const { callRefsByResult, forwardedException, renderPhase } = this.getState(call.storyId);
 
     const info: Call = {
-      ...callWithParent,
+      ...call,
       // Map args that originate from a tracked function call to a call reference to enable nesting.
       // These values are often not fully serializable anyway (e.g. HTML elements).
       args: call.args.map((arg) => {
@@ -399,8 +400,8 @@ export class Instrumenter {
     const handleException = (e: unknown) => {
       if (e instanceof Error) {
         const { name, message, stack } = e;
-        const exception = { name, message, stack, callId: call.id };
-        this.sync({ ...info, state: CallStates.ERROR, exception });
+        const exception = { name, message, stack };
+        this.update({ ...info, status: CallStates.ERROR, exception });
 
         // Always track errors to their originating call.
         this.setState(call.storyId, (state) => ({
@@ -436,17 +437,20 @@ export class Instrumenter {
       }
 
       const finalArgs = options.getArgs
-        ? options.getArgs(callWithParent, this.getState(call.storyId))
+        ? options.getArgs(call, this.getState(call.storyId))
         : call.args;
       const result = fn(
         // Wrap any callback functions to provide a way to access their "parent" call.
+        // This is picked up in the `track` function and used for call metadata.
         ...finalArgs.map((arg: any) => {
           if (typeof arg !== 'function' || Object.keys(arg).length) return arg;
           return (...args: any) => {
-            const prev = this.getState(call.storyId).parentCall;
-            this.setState(call.storyId, { parentCall: call });
+            const { cursor, parentId } = this.getState(call.storyId);
+            this.setState(call.storyId, { cursor: 0, parentId: call.id });
+            const restore = () => this.setState(call.storyId, { cursor, parentId });
             const res = arg(...args);
-            this.setState(call.storyId, { parentCall: prev });
+            if (res instanceof Promise) res.then(restore, restore);
+            else restore();
             return res;
           };
         })
@@ -463,14 +467,14 @@ export class Instrumenter {
         }));
       }
 
-      this.sync({
+      this.update({
         ...info,
-        state: result instanceof Promise ? CallStates.ACTIVE : CallStates.DONE,
+        status: result instanceof Promise ? CallStates.ACTIVE : CallStates.DONE,
       });
 
       if (result instanceof Promise) {
         return result.then((value) => {
-          this.sync({ ...info, state: CallStates.DONE });
+          this.update({ ...info, status: CallStates.DONE });
           return value;
         }, handleException);
       }
@@ -483,13 +487,47 @@ export class Instrumenter {
 
   // Sends the call info and log to the manager.
   // Uses a 0ms debounce because this might get called many times in one tick.
-  sync(call: Call) {
+  update(call: Call) {
     clearTimeout(this.getState(call.storyId).syncTimeout);
     this.channel.emit(EVENTS.CALL, call);
-    this.setState(call.storyId, ({ calls }) => ({
-      calls: calls.concat(call),
-      syncTimeout: setTimeout(() => this.channel.emit(EVENTS.SYNC, this.getLog(call.storyId)), 0),
-    }));
+    this.setState(call.storyId, ({ calls }) => {
+      // Omit earlier calls for the same ID, which may have been superceded by a later invocation.
+      // This typically happens when calls are part of a callback which runs multiple times.
+      const callsById = calls
+        .concat(call)
+        .reduce<Record<Call['id'], Call>>((a, c) => Object.assign(a, { [c.id]: c }), {});
+      return {
+        // Calls are sorted to ensure parent calls always come before calls in their callback.
+        calls: Object.values(callsById).sort((a, b) =>
+          a.id.localeCompare(b.id, undefined, { numeric: true })
+        ),
+        syncTimeout: setTimeout(() => this.sync(call.storyId), 0),
+      };
+    });
+  }
+
+  sync(storyId: StoryId) {
+    const { isLocked, isPlaying } = this.getState(storyId);
+    const logItems: LogItem[] = this.getLog(storyId);
+
+    const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
+    if (debuggerDisabled || isLocked || hasActive || logItems.length === 0) {
+      this.channel.emit(EVENTS.SYNC, { controlStates: controlsDisabled, logItems });
+      return;
+    }
+
+    const hasPrevious = logItems.some((item) =>
+      [CallStates.DONE, CallStates.ERROR].includes(item.status)
+    );
+    const controlStates: ControlStates = {
+      debugger: true,
+      start: hasPrevious,
+      back: hasPrevious,
+      goto: true,
+      next: isPlaying,
+      end: isPlaying,
+    };
+    this.channel.emit(EVENTS.SYNC, { controlStates, logItems });
   }
 }
 
diff --git a/lib/instrumenter/src/types.ts b/lib/instrumenter/src/types.ts
index 2de6a9b34ccf..d604b33b1975 100644
--- a/lib/instrumenter/src/types.ts
+++ b/lib/instrumenter/src/types.ts
@@ -2,19 +2,16 @@ import { StoryId } from '@storybook/addons';
 
 export interface Call {
   id: string;
+  parentId?: Call['id'];
+  storyId: StoryId;
+  cursor: number;
   path: Array<string | CallRef>;
   method: string;
-  storyId: StoryId;
   args: any[];
   interceptable: boolean;
   retain: boolean;
-  state?: CallStates.DONE | CallStates.ERROR | CallStates.ACTIVE | CallStates.WAITING;
-  exception?: {
-    callId: Call['id'];
-    message: Error['message'];
-    stack: Error['stack'];
-  };
-  parentId?: Call['id'];
+  status?: CallStates.DONE | CallStates.ERROR | CallStates.ACTIVE | CallStates.WAITING;
+  exception?: Error;
 }
 
 export enum CallStates {
@@ -38,7 +35,46 @@ export interface ElementRef {
   };
 }
 
+export interface ControlStates {
+  debugger: boolean;
+  start: boolean;
+  back: boolean;
+  goto: boolean;
+  next: boolean;
+  end: boolean;
+}
+
 export interface LogItem {
   callId: Call['id'];
-  state: Call['state'];
+  status: Call['status'];
+}
+
+export interface Payload {
+  controlStates: ControlStates;
+  logItems: LogItem[];
+}
+
+export interface State {
+  renderPhase: 'loading' | 'rendering' | 'playing' | 'played' | 'completed' | 'aborted' | 'errored';
+  isDebugging: boolean;
+  isPlaying: boolean;
+  isLocked: boolean;
+  cursor: number;
+  calls: Call[];
+  shadowCalls: Call[];
+  callRefsByResult: Map<any, CallRef & { retain: boolean }>;
+  chainedCallIds: Set<Call['id']>;
+  parentId?: Call['id'];
+  playUntil?: Call['id'];
+  resolvers: Record<Call['id'], Function>;
+  syncTimeout: ReturnType<typeof setTimeout>;
+  forwardedException?: Error;
+}
+
+export interface Options {
+  intercept?: boolean | ((method: string, path: Array<string | CallRef>) => boolean);
+  retain?: boolean;
+  mutate?: boolean;
+  path?: Array<string | CallRef>;
+  getArgs?: (call: Call, state: State) => Call['args'];
 }
diff --git a/lib/manager-webpack4/package.json b/lib/manager-webpack4/package.json
index f09d14909e01..caadc50aa8f3 100644
--- a/lib/manager-webpack4/package.json
+++ b/lib/manager-webpack4/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-webpack4",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -45,13 +45,13 @@
     "@babel/core": "^7.12.10",
     "@babel/plugin-transform-template-literals": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core-client": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
-    "@storybook/ui": "6.4.0-rc.6",
-    "@types/node": "^14.0.10",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core-client": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
+    "@storybook/ui": "6.5.0-alpha.7",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "@types/webpack": "^4.41.26",
     "babel-loader": "^8.0.0",
     "case-sensitive-paths-webpack-plugin": "^2.3.0",
@@ -70,7 +70,7 @@
     "regenerator-runtime": "^0.13.7",
     "resolve-from": "^5.0.0",
     "style-loader": "^1.3.0",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "terser-webpack-plugin": "^4.2.3",
     "ts-dedent": "^2.0.0",
     "url-loader": "^4.1.1",
@@ -97,6 +97,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/manager-webpack4/src/presets/babel-loader-manager.ts b/lib/manager-webpack4/src/presets/babel-loader-manager.ts
index 07f9f43118ec..04ca8447de9d 100644
--- a/lib/manager-webpack4/src/presets/babel-loader-manager.ts
+++ b/lib/manager-webpack4/src/presets/babel-loader-manager.ts
@@ -1,4 +1,4 @@
-import { RuleSetRule } from 'webpack';
+import type { RuleSetRule } from 'webpack';
 import { getProjectRoot, getStorybookBabelConfig } from '@storybook/core-common';
 
 export const babelLoader = () => {
diff --git a/lib/manager-webpack4/typings.d.ts b/lib/manager-webpack4/typings.d.ts
index 94f3fdaa2538..7aab7a5beb3a 100644
--- a/lib/manager-webpack4/typings.d.ts
+++ b/lib/manager-webpack4/typings.d.ts
@@ -6,6 +6,8 @@ declare module 'pnp-webpack-plugin';
 declare module '@storybook/theming/paths';
 declare module '@storybook/ui/paths';
 declare module 'better-opn';
+declare module 'open';
+declare module 'x-default-browser';
 declare module '@storybook/ui';
 
 declare module 'file-system-cache' {
diff --git a/lib/manager-webpack5/package.json b/lib/manager-webpack5/package.json
index 36ef58940e5b..cda18f67ccc3 100644
--- a/lib/manager-webpack5/package.json
+++ b/lib/manager-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-webpack5",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -45,13 +45,13 @@
     "@babel/core": "^7.12.10",
     "@babel/plugin-transform-template-literals": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/core-client": "6.4.0-rc.6",
-    "@storybook/core-common": "6.4.0-rc.6",
-    "@storybook/node-logger": "6.4.0-rc.6",
-    "@storybook/theming": "6.4.0-rc.6",
-    "@storybook/ui": "6.4.0-rc.6",
-    "@types/node": "^14.0.10",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/core-client": "6.5.0-alpha.7",
+    "@storybook/core-common": "6.5.0-alpha.7",
+    "@storybook/node-logger": "6.5.0-alpha.7",
+    "@storybook/theming": "6.5.0-alpha.7",
+    "@storybook/ui": "6.5.0-alpha.7",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.0.0",
     "case-sensitive-paths-webpack-plugin": "^2.3.0",
     "chalk": "^4.1.0",
@@ -67,7 +67,7 @@
     "regenerator-runtime": "^0.13.7",
     "resolve-from": "^5.0.0",
     "style-loader": "^2.0.0",
-    "telejson": "^5.3.2",
+    "telejson": "^5.3.3",
     "terser-webpack-plugin": "^5.0.3",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2",
@@ -93,6 +93,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/manager-webpack5/src/presets/babel-loader-manager.ts b/lib/manager-webpack5/src/presets/babel-loader-manager.ts
index 07f9f43118ec..04ca8447de9d 100644
--- a/lib/manager-webpack5/src/presets/babel-loader-manager.ts
+++ b/lib/manager-webpack5/src/presets/babel-loader-manager.ts
@@ -1,4 +1,4 @@
-import { RuleSetRule } from 'webpack';
+import type { RuleSetRule } from 'webpack';
 import { getProjectRoot, getStorybookBabelConfig } from '@storybook/core-common';
 
 export const babelLoader = () => {
diff --git a/lib/manager-webpack5/typings.d.ts b/lib/manager-webpack5/typings.d.ts
index 1fa210b2f667..d5f9df5ed4a5 100644
--- a/lib/manager-webpack5/typings.d.ts
+++ b/lib/manager-webpack5/typings.d.ts
@@ -5,6 +5,8 @@ declare module 'lazy-universal-dotenv';
 declare module '@storybook/theming/paths';
 declare module '@storybook/ui/paths';
 declare module 'better-opn';
+declare module 'open';
+declare module 'x-default-browser';
 declare module '@storybook/ui';
 
 declare module 'file-system-cache' {
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index 010e2f3bd1c5..ad161a466732 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -52,6 +52,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/postinstall/package.json b/lib/postinstall/package.json
index 49d429b84f18..710d63be7a06 100644
--- a/lib/postinstall/package.json
+++ b/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
@@ -51,6 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/preview-web/package.json b/lib/preview-web/package.json
index 4fbb2a889003..7f216528e425 100644
--- a/lib/preview-web/package.json
+++ b/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,16 +40,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/channel-postmessage": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/channel-postmessage": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-rc.6",
+    "@storybook/store": "6.5.0-alpha.7",
     "ansi-to-html": "^0.6.11",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7",
     "synchronous-promise": "^2.0.15",
@@ -64,6 +64,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/preview-web/src/PreviewWeb.tsx b/lib/preview-web/src/PreviewWeb.tsx
index 73758416f02f..e8cdcea9f8fd 100644
--- a/lib/preview-web/src/PreviewWeb.tsx
+++ b/lib/preview-web/src/PreviewWeb.tsx
@@ -562,7 +562,7 @@ export class PreviewWeb<TFramework extends AnyFramework> {
       showException: (err: Error) => this.renderException(id, err),
     };
 
-    return this.renderStoryToElement({ story, renderContext, element });
+    return this.renderStoryToElement({ story, renderContext, element, viewMode: 'story' });
   }
 
   // Render a story into a given element and watch for the events that would trigger us
@@ -571,6 +571,7 @@ export class PreviewWeb<TFramework extends AnyFramework> {
     story,
     renderContext: renderContextWithoutStoryContext,
     element: canvasElement,
+    viewMode,
   }: {
     story: Story<TFramework>;
     renderContext: Omit<
@@ -578,6 +579,7 @@ export class PreviewWeb<TFramework extends AnyFramework> {
       'storyContext' | 'storyFn' | 'unboundStoryFn' | 'forceRemount'
     >;
     element: HTMLElement;
+    viewMode: ViewMode;
   }): StoryCleanupFn {
     const { id, applyLoaders, unboundStoryFn, playFunction } = story;
 
@@ -609,7 +611,7 @@ export class PreviewWeb<TFramework extends AnyFramework> {
         await runPhase('loading', async () => {
           loadedContext = await applyLoaders({
             ...this.storyStore.getStoryContext(story),
-            viewMode: canvasElement === this.view.storyRoot() ? 'story' : 'docs',
+            viewMode,
           } as StoryContextForLoaders<TFramework>);
         });
         if (abortSignal.aborted) return;
@@ -729,7 +731,6 @@ export class PreviewWeb<TFramework extends AnyFramework> {
   }
 
   renderMissingStory() {
-    logger.error(`No story selected`);
     this.view.showNoPreview();
     this.channel.emit(Events.STORY_MISSING);
   }
diff --git a/lib/router/package.json b/lib/router/package.json
index 626abced786d..e59678d81a96 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -40,12 +40,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "6.4.0-rc.6",
+    "@storybook/client-logger": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
     "history": "5.0.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
     "react-router": "^6.0.0",
@@ -59,6 +59,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index ce3f3d67d59c..fc873dfeb7d3 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -41,14 +41,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
     "@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.20",
+    "lodash": "^4.17.21",
     "prettier": "^2.2.1",
     "regenerator-runtime": "^0.13.7"
   },
@@ -59,6 +59,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.injectStoryParameters-posix.snapshot b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.injectStoryParameters-posix.snapshot
new file mode 100644
index 000000000000..5b50732e7967
--- /dev/null
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.injectStoryParameters-posix.snapshot
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`inject-decorator injectStoryParameters - ts - csf includes storySource parameter in the default exported object 1`] = `
+"
+
+
+Basic.parameters = { storySource: { source: \\"() => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\n)\\" }, ...Basic.parameters };
+WithParams.parameters = { storySource: { source: \\"() => <Button>WithParams</Button>\\" }, ...WithParams.parameters };
+WithDocsParams.parameters = { storySource: { source: \\"() => <Button>WithDocsParams</Button>\\" }, ...WithDocsParams.parameters };
+WithStorySourceParams.parameters = { storySource: { source: \\"() => <Button>WithStorySourceParams</Button>\\" }, ...WithStorySourceParams.parameters };
+WithTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithTemplate.parameters };
+WithEmptyTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithEmptyTemplate.parameters };
+WithAddFunctionParameters.parameters = { storySource: { source: \\"() => null\\" }, ...WithAddFunctionParameters.parameters };"
+`;
diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.injectStoryParameters-windows.snapshot b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.injectStoryParameters-windows.snapshot
new file mode 100644
index 000000000000..3918deda274b
--- /dev/null
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.injectStoryParameters-windows.snapshot
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`inject-decorator injectStoryParameters - ts - csf includes storySource parameter in the default exported object 1`] = `
+"
+
+
+Basic.parameters = { storySource: { source: \\"() => (\\\\r\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\r\\\\n)\\" }, ...Basic.parameters };
+WithParams.parameters = { storySource: { source: \\"() => <Button>WithParams</Button>\\" }, ...WithParams.parameters };
+WithDocsParams.parameters = { storySource: { source: \\"() => <Button>WithDocsParams</Button>\\" }, ...WithDocsParams.parameters };
+WithStorySourceParams.parameters = { storySource: { source: \\"() => <Button>WithStorySourceParams</Button>\\" }, ...WithStorySourceParams.parameters };
+WithTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithTemplate.parameters };
+WithEmptyTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithEmptyTemplate.parameters };
+WithAddFunctionParameters.parameters = { storySource: { source: \\"() => null\\" }, ...WithAddFunctionParameters.parameters };"
+`;
diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.posix.snapshot
similarity index 69%
rename from lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap
rename to lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.posix.snapshot
index 43967b344215..bf01acafdff1 100644
--- a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.posix.snapshot
@@ -1,18 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`inject-decorator injectStoryParameters - ts - csf includes storySource parameter in the default exported object 1`] = `
-"
-
-
-Basic.parameters = { storySource: { source: \\"() => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\n)\\" }, ...Basic.parameters };
-WithParams.parameters = { storySource: { source: \\"() => <Button>WithParams</Button>\\" }, ...WithParams.parameters };
-WithDocsParams.parameters = { storySource: { source: \\"() => <Button>WithDocsParams</Button>\\" }, ...WithDocsParams.parameters };
-WithStorySourceParams.parameters = { storySource: { source: \\"() => <Button>WithStorySourceParams</Button>\\" }, ...WithStorySourceParams.parameters };
-WithTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithTemplate.parameters };
-WithEmptyTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithEmptyTemplate.parameters };
-WithAddFunctionParameters.parameters = { storySource: { source: \\"() => null\\" }, ...WithAddFunctionParameters.parameters };"
-`;
-
 exports[`inject-decorator positive - ts - csf includes storySource parameter in the default exported object 1`] = `
 "import React from \\"react\\";
 import { action } from \\"@storybook/addon-actions\\";
diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.windows.snapshot b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.windows.snapshot
new file mode 100644
index 000000000000..7417c387974a
--- /dev/null
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.windows.snapshot
@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`inject-decorator positive - ts - csf includes storySource parameter in the default exported object 1`] = `
+"import React from \\"react\\";
+import { action } from \\"@storybook/addon-actions\\";
+import { Button } from \\"@storybook/react/demo\\";
+
+export default {parameters: {\\"storySource\\":{\\"source\\":\\"import React from \\\\\\"react\\\\\\";\\\\r\\\\nimport { action } from \\\\\\"@storybook/addon-actions\\\\\\";\\\\r\\\\nimport { Button } from \\\\\\"@storybook/react/demo\\\\\\";\\\\r\\\\n\\\\r\\\\nexport default {\\\\r\\\\n  title: \\\\\\"Button\\\\\\",\\\\r\\\\n  excludeStories: [\\\\\\"text\\\\\\"],\\\\r\\\\n  includeStories: /emoji.*/\\\\r\\\\n};\\\\r\\\\n\\\\r\\\\nexport const text = () => (\\\\r\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\r\\\\n);\\\\r\\\\n\\\\r\\\\nexport const emoji = () => (\\\\r\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\r\\\\n    <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\r\\\\n      😀 😎 👍 💯\\\\r\\\\n    </span>\\\\r\\\\n  </Button>\\\\r\\\\n);\\\\r\\\\n\\\\r\\\\nexport function emojiFn() {\\\\r\\\\n  return (\\\\r\\\\n    <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\r\\\\n      <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\r\\\\n        😀 😎 👍 💯\\\\r\\\\n      </span>\\\\r\\\\n    </Button>\\\\r\\\\n  )\\\\r\\\\n};\\\\r\\\\n\\",\\"locationsMap\\":{\\"text\\":{\\"startLoc\\":{\\"col\\":20,\\"line\\":11},\\"endLoc\\":{\\"col\\":1,\\"line\\":13},\\"startBody\\":{\\"col\\":20,\\"line\\":11},\\"endBody\\":{\\"col\\":1,\\"line\\":13}},\\"emoji\\":{\\"startLoc\\":{\\"col\\":21,\\"line\\":15},\\"endLoc\\":{\\"col\\":1,\\"line\\":21},\\"startBody\\":{\\"col\\":21,\\"line\\":15},\\"endBody\\":{\\"col\\":1,\\"line\\":21}},\\"emoji-fn\\":{\\"startLoc\\":{\\"col\\":7,\\"line\\":23},\\"endLoc\\":{\\"col\\":1,\\"line\\":31},\\"startBody\\":{\\"col\\":7,\\"line\\":23},\\"endBody\\":{\\"col\\":1,\\"line\\":31}}}},},
+  title: \\"Button\\",
+  excludeStories: [\\"text\\"],
+  includeStories: /emoji.*/
+};
+
+export const text = () => (
+  <Button onClick={action(\\"clicked\\")}>Hello Button</Button>
+);
+
+export const emoji = () => (
+  <Button onClick={action(\\"clicked\\")}>
+    <span role=\\"img\\" aria-label=\\"so cool\\">
+      😀 😎 👍 💯
+    </span>
+  </Button>
+);;
+
+export const emojiFn = function emojiFn() {
+  return (
+    <Button onClick={action(\\"clicked\\")}>
+      <span role=\\"img\\" aria-label=\\"so cool\\">
+        😀 😎 👍 💯
+      </span>
+    </Button>
+  )
+};
+"
+`;
diff --git a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
index c26acb5cb834..4a9c9bc8137c 100644
--- a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
+++ b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
@@ -1,8 +1,13 @@
 import fs from 'fs';
 import path from 'path';
+import 'jest-specific-snapshot';
 import injectDecorator from './inject-decorator';
 
+const { SNAPSHOT_OS } = global;
+
 describe('inject-decorator', () => {
+  const snapshotDir = path.join(__dirname, '__snapshots__');
+
   describe('positive - ts - csf', () => {
     it('includes storySource parameter in the default exported object', () => {
       const mockFilePath = './__mocks__/inject-decorator.ts.csf.txt';
@@ -11,7 +16,9 @@ describe('inject-decorator', () => {
         parser: 'typescript',
       });
 
-      expect(result.source).toMatchSnapshot();
+      expect(result.source).toMatchSpecificSnapshot(
+        path.join(snapshotDir, `inject-decorator.csf.test.js.${SNAPSHOT_OS}.snapshot`)
+      );
       expect(result.source).toEqual(
         expect.stringContaining(
           'export default {parameters: {"storySource":{"source":"import React from'
@@ -28,8 +35,12 @@ describe('inject-decorator', () => {
         injectStoryParameters: true,
         parser: 'typescript',
       });
-
-      expect(result.source).toMatchSnapshot();
+      expect(result.source).toMatchSpecificSnapshot(
+        path.join(
+          snapshotDir,
+          `inject-decorator.csf.test.js.injectStoryParameters-${SNAPSHOT_OS}.snapshot`
+        )
+      );
     });
   });
 });
diff --git a/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js b/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js
index 72c3efdc4e37..5b2aa2dc2292 100644
--- a/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js
@@ -36,7 +36,7 @@ function findTemplate(templateName, program) {
       declarations = node.declarations;
     } else if (
       node.type === 'ExportNamedDeclaration' &&
-      node.declaration.type === 'VariableDeclaration'
+      node.declaration?.type === 'VariableDeclaration'
     ) {
       declarations = node.declaration.declarations;
     }
diff --git a/lib/store/package.json b/lib/store/package.json
index 1d52a9d8fdd4..cfd8041e15e3 100644
--- a/lib/store/package.json
+++ b/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "",
   "keywords": [
     "storybook"
@@ -40,14 +40,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
     "@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.20",
+    "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
     "regenerator-runtime": "^0.13.7",
     "slash": "^3.0.0",
@@ -56,9 +56,13 @@
     "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"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/store/src/StoryStore.test.ts b/lib/store/src/StoryStore.test.ts
index 1a85a832c686..8b882b373f9b 100644
--- a/lib/store/src/StoryStore.test.ts
+++ b/lib/store/src/StoryStore.test.ts
@@ -281,7 +281,7 @@ describe('StoryStore', () => {
       const store = new StoryStore();
       store.setProjectAnnotations(projectAnnotations);
       store.initialize({ storyIndex, importFn, cache: false });
-      await store.cacheAllCSFFiles(false);
+      await store.cacheAllCSFFiles();
 
       await store.loadStory({ storyId: 'component-one--a' });
       expect(importFn).toHaveBeenCalledWith(storyIndex.stories['component-one--a'].importPath);
@@ -943,4 +943,20 @@ describe('StoryStore', () => {
       });
     });
   });
+
+  describe('cacheAllCsfFiles', () => {
+    describe('if the store is not yet initialized', () => {
+      it('waits for initialization', async () => {
+        const store = new StoryStore();
+
+        importFn.mockClear();
+        const cachePromise = store.cacheAllCSFFiles();
+
+        store.setProjectAnnotations(projectAnnotations);
+        store.initialize({ storyIndex, importFn, cache: false });
+
+        await expect(cachePromise).resolves.toEqual(undefined);
+      });
+    });
+  });
 });
diff --git a/lib/store/src/StoryStore.ts b/lib/store/src/StoryStore.ts
index b4d486b47c70..ddfeb57c14c4 100644
--- a/lib/store/src/StoryStore.ts
+++ b/lib/store/src/StoryStore.ts
@@ -81,7 +81,7 @@ export class StoryStore<TFramework extends AnyFramework> {
 
   prepareStoryWithCache: typeof prepareStory;
 
-  initializationPromise: Promise<void>;
+  initializationPromise: SynchronousPromise<void>;
 
   resolveInitializationPromise: () => void;
 
@@ -175,9 +175,11 @@ export class StoryStore<TFramework extends AnyFramework> {
   }
 
   cacheAllCSFFiles(): PromiseLike<void> {
-    return this.loadAllCSFFiles().then((csfFiles) => {
-      this.cachedCSFFiles = csfFiles;
-    });
+    return this.initializationPromise.then(() =>
+      this.loadAllCSFFiles().then((csfFiles) => {
+        this.cachedCSFFiles = csfFiles;
+      })
+    );
   }
 
   // Load the CSF file for a story and prepare the story from it and the project annotations.
diff --git a/lib/store/src/prepareStory.test.ts b/lib/store/src/prepareStory.test.ts
index 068062245152..4dd1c7b379c9 100644
--- a/lib/store/src/prepareStory.test.ts
+++ b/lib/store/src/prepareStory.test.ts
@@ -527,6 +527,49 @@ describe('prepareStory', () => {
         expect.objectContaining({ argsByTarget: { [NO_TARGET_NAME]: { a: 1 }, foo: { b: 2 } } })
       );
     });
+
+    it('always sets args, even when all are targetted', () => {
+      const renderMock = jest.fn();
+      const firstStory = prepareStory(
+        {
+          id,
+          name,
+          args: { b: 2 },
+          argTypes: { b: { name: 'b', target: 'foo' } },
+        },
+        { id, title },
+        { render: renderMock }
+      );
+
+      firstStory.unboundStoryFn({
+        args: firstStory.initialArgs,
+        hooks: new HooksContext(),
+        ...firstStory,
+      } as any);
+      expect(renderMock).toHaveBeenCalledWith(
+        {},
+        expect.objectContaining({ argsByTarget: { foo: { b: 2 } } })
+      );
+    });
+
+    it('always sets args, even when none are set for the story', () => {
+      const renderMock = jest.fn();
+      const firstStory = prepareStory(
+        {
+          id,
+          name,
+        },
+        { id, title },
+        { render: renderMock }
+      );
+
+      firstStory.unboundStoryFn({
+        args: firstStory.initialArgs,
+        hooks: new HooksContext(),
+        ...firstStory,
+      } as any);
+      expect(renderMock).toHaveBeenCalledWith({}, expect.objectContaining({ argsByTarget: {} }));
+    });
   });
 });
 
diff --git a/lib/store/src/prepareStory.ts b/lib/store/src/prepareStory.ts
index bbe9186c21fc..6547cf959810 100644
--- a/lib/store/src/prepareStory.ts
+++ b/lib/store/src/prepareStory.ts
@@ -187,7 +187,7 @@ export function prepareStory<TFramework extends AnyFramework>(
         ...context,
         allArgs: context.args,
         argsByTarget,
-        args: argsByTarget[NO_TARGET_NAME],
+        args: argsByTarget[NO_TARGET_NAME] || {},
       };
     }
 
diff --git a/lib/theming/package.json b/lib/theming/package.json
index 1f13999b6ebd..72aca7f71741 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -40,10 +40,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@emotion/core": "^10.1.1",
+    "@emotion/core": "^10.3.1",
     "@emotion/is-prop-valid": "^0.8.6",
     "@emotion/styled": "^10.0.27",
-    "@storybook/client-logger": "6.4.0-rc.6",
+    "@storybook/client-logger": "6.5.0-alpha.7",
     "core-js": "^3.8.2",
     "deep-object-diff": "^1.1.0",
     "emotion-theming": "^10.0.27",
@@ -60,6 +60,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/lib/theming/src/animation.ts b/lib/theming/src/animation.ts
index c92be3f7cc97..78abceed7343 100644
--- a/lib/theming/src/animation.ts
+++ b/lib/theming/src/animation.ts
@@ -1,10 +1,10 @@
-import { css, keyframes } from '@emotion/core';
+import { css, keyframes, Keyframes, SerializedStyles } from '@emotion/core';
 
 export const easing = {
   rubber: 'cubic-bezier(0.175, 0.885, 0.335, 1.05)',
 };
 
-const rotate360 = keyframes`
+const rotate360: Keyframes = keyframes`
 	from {
 		transform: rotate(0deg);
 	}
@@ -13,32 +13,32 @@ const rotate360 = keyframes`
 	}
 `;
 
-const glow = keyframes`
+const glow: Keyframes = keyframes`
   0%, 100% { opacity: 1; }
   50% { opacity: .4; }
 `;
 
-const float = keyframes`
+const float: Keyframes = keyframes`
   0% { transform: translateY(1px); }
   25% { transform: translateY(0px); }
   50% { transform: translateY(-3px); }
   100% { transform: translateY(1px); }
 `;
 
-const jiggle = keyframes`
+const jiggle: Keyframes = keyframes`
   0%, 100% { transform:translate3d(0,0,0); }
   12.5%, 62.5% { transform:translate3d(-4px,0,0); }
   37.5%, 87.5% {  transform: translate3d(4px,0,0);  }
 `;
 
-const inlineGlow = css`
+const inlineGlow: SerializedStyles = css`
   animation: ${glow} 1.5s ease-in-out infinite;
   color: transparent;
   cursor: progress;
 `;
 
 // hover & active state for links and buttons
-const hoverable = css`
+const hoverable: SerializedStyles = css`
   transition: all 150ms ease-out;
   transform: translate3d(0, 0, 0);
 
diff --git a/lib/ui/package.json b/lib/ui/package.json
index de5a8e8b88a5..1c7074bafc54 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -40,16 +40,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@emotion/core": "^10.1.1",
-    "@storybook/addons": "6.4.0-rc.6",
-    "@storybook/api": "6.4.0-rc.6",
-    "@storybook/channels": "6.4.0-rc.6",
-    "@storybook/client-logger": "6.4.0-rc.6",
-    "@storybook/components": "6.4.0-rc.6",
-    "@storybook/core-events": "6.4.0-rc.6",
-    "@storybook/router": "6.4.0-rc.6",
+    "@emotion/core": "^10.3.1",
+    "@storybook/addons": "6.5.0-alpha.7",
+    "@storybook/api": "6.5.0-alpha.7",
+    "@storybook/channels": "6.5.0-alpha.7",
+    "@storybook/client-logger": "6.5.0-alpha.7",
+    "@storybook/components": "6.5.0-alpha.7",
+    "@storybook/core-events": "6.5.0-alpha.7",
+    "@storybook/router": "6.5.0-alpha.7",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "6.4.0-rc.6",
+    "@storybook/theming": "6.5.0-alpha.7",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.2",
     "core-js-pure": "^3.8.2",
@@ -57,7 +57,7 @@
     "emotion-theming": "^10.0.27",
     "fuse.js": "^3.6.1",
     "global": "^4.4.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.1.3",
     "memoizerific": "^1.11.3",
     "polished": "^4.0.5",
@@ -86,6 +86,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2afbb87f07d81f5c3830748490f6dca84d8e470",
+  "gitHead": "eb1ec353f7fbdf90d67576d93b9a23809d6cc0e6",
   "sbmodern": "dist/modern/index.js"
 }
diff --git a/package.json b/package.json
index d3e04654f25d..7e00f3cda337 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "6.4.0-rc.6",
+  "version": "6.5.0-alpha.7",
   "private": true,
   "description": "Storybook is an open source tool for developing UI components in isolation for React, Vue and Angular. It makes building stunning UIs organized and efficient.",
   "keywords": [
@@ -164,7 +164,7 @@
     "@storybook/eslint-config-storybook": "^2.4.0",
     "@storybook/html": "workspace:*",
     "@storybook/instrumenter": "workspace:*",
-    "@storybook/jest": "^0.0.2",
+    "@storybook/jest": "^0.0.5",
     "@storybook/linter-config": "^2.5.0",
     "@storybook/node-logger": "workspace:*",
     "@storybook/postinstall": "workspace:*",
@@ -178,7 +178,7 @@
     "@storybook/source-loader": "workspace:*",
     "@storybook/store": "workspace:*",
     "@storybook/svelte": "workspace:*",
-    "@storybook/testing-library": "^0.0.3",
+    "@storybook/testing-library": "^0.0.7",
     "@storybook/theming": "workspace:*",
     "@storybook/ui": "workspace:*",
     "@storybook/vue": "workspace:*",
@@ -196,7 +196,7 @@
     "@types/jest": "^26.0.16",
     "@types/js-yaml": "^3.12.6",
     "@types/lodash": "^4.14.167",
-    "@types/node": "^14.14.20",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/node-cleanup": "^2.1.1",
     "@types/prompts": "2.0.11",
     "@types/semver": "^7.3.4",
@@ -244,6 +244,7 @@
     "jest-enzyme": "^7.1.2",
     "jest-image-snapshot": "^4.3.0",
     "jest-jasmine2": "^26.6.3",
+    "jest-os-detection": "^1.3.1",
     "jest-raw-loader": "^1.0.1",
     "jest-serializer-html": "^7.0.0",
     "jest-teamcity": "^1.9.0",
@@ -251,7 +252,7 @@
     "js-yaml": "^3.14.1",
     "lerna": "^3.22.1",
     "lint-staged": "^10.5.4",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "mocha-list-tests": "^1.0.5",
     "node-cleanup": "^2.1.2",
     "node-fetch": "^2.6.1",
diff --git a/yarn.lock b/yarn.lock
index 18f82c1b760a..cefaecbab566 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -484,6 +484,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/code-frame@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/code-frame@npm:7.16.0"
+  dependencies:
+    "@babel/highlight": ^7.16.0
+  checksum: 12e111dcbb568a2b625969f4021eb46845e752eb8d2637f00f9e04e4f2216572f5c38d6f278d201b8b6fadd56a855e012c97734c90fabf680783b1ff13dc6a98
+  languageName: node
+  linkType: hard
+
 "@babel/compat-data@npm:^7.12.1, @babel/compat-data@npm:^7.12.7, @babel/compat-data@npm:^7.13.0, @babel/compat-data@npm:^7.13.5, @babel/compat-data@npm:^7.9.0":
   version: 7.13.6
   resolution: "@babel/compat-data@npm:7.13.6"
@@ -505,6 +514,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/compat-data@npm:^7.16.0, @babel/compat-data@npm:^7.16.4":
+  version: 7.16.4
+  resolution: "@babel/compat-data@npm:7.16.4"
+  checksum: 2b4acf1353e183954d3ed4b6a0493d6077bdd3c447d6987c8b955c18c7d99a9159318430d1b6565257d4ddcaf8b1e9c85124bd73863c603b083755efe4a6f152
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:7.12.10":
   version: 7.12.10
   resolution: "@babel/core@npm:7.12.10"
@@ -576,7 +592,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:7.13.1, @babel/core@npm:^7.1.0, @babel/core@npm:^7.1.6, @babel/core@npm:^7.11.0, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.3.4, @babel/core@npm:^7.4.4, @babel/core@npm:^7.4.5, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.4, @babel/core@npm:^7.8.6, @babel/core@npm:^7.9.0":
+"@babel/core@npm:7.13.1, @babel/core@npm:^7.1.0, @babel/core@npm:^7.1.6, @babel/core@npm:^7.11.0, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.3.4, @babel/core@npm:^7.4.5, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.4, @babel/core@npm:^7.8.6, @babel/core@npm:^7.9.0":
   version: 7.13.1
   resolution: "@babel/core@npm:7.13.1"
   dependencies:
@@ -646,6 +662,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:7.16.0, @babel/core@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/core@npm:7.16.0"
+  dependencies:
+    "@babel/code-frame": ^7.16.0
+    "@babel/generator": ^7.16.0
+    "@babel/helper-compilation-targets": ^7.16.0
+    "@babel/helper-module-transforms": ^7.16.0
+    "@babel/helpers": ^7.16.0
+    "@babel/parser": ^7.16.0
+    "@babel/template": ^7.16.0
+    "@babel/traverse": ^7.16.0
+    "@babel/types": ^7.16.0
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.1.2
+    semver: ^6.3.0
+    source-map: ^0.5.0
+  checksum: ce3526f15cc9c51f12f1fa311fdd32574a7c938aa1aad02e0dff45f1ef07b4a3c2fb74163b9bdbfe3bf8081fde19cceab6409d5c461478731ecccf2e1581b244
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:7.9.0":
   version: 7.9.0
   resolution: "@babel/core@npm:7.9.0"
@@ -681,7 +720,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.12.1, @babel/generator@npm:^7.12.10, @babel/generator@npm:^7.12.11, @babel/generator@npm:^7.12.5, @babel/generator@npm:^7.13.0, @babel/generator@npm:^7.4.0, @babel/generator@npm:^7.4.4, @babel/generator@npm:^7.9.0":
+"@babel/generator@npm:^7.12.1, @babel/generator@npm:^7.12.10, @babel/generator@npm:^7.12.11, @babel/generator@npm:^7.12.5, @babel/generator@npm:^7.13.0, @babel/generator@npm:^7.4.0, @babel/generator@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/generator@npm:7.13.0"
   dependencies:
@@ -725,6 +764,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/generator@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+    jsesc: ^2.5.1
+    source-map: ^0.5.0
+  checksum: 377f8055f1aa780a566014278b59beb0c554553d253e2be876e3f10c39eee066747690699498d0ed016e441f5285c7aaa156ba029bb13439a5e06988cfd43653
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.16.5":
+  version: 7.16.5
+  resolution: "@babel/generator@npm:7.16.5"
+  dependencies:
+    "@babel/types": ^7.16.0
+    jsesc: ^2.5.1
+    source-map: ^0.5.0
+  checksum: d621a5688d3dbc2df67b85d887633b8b1c543cb59e02a8416ee2822a0373c832a12d84e2851a50002c5a2d619665191d4faa5882bdbe75c607a2967595560cb6
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.0.0, @babel/helper-annotate-as-pure@npm:^7.10.4, @babel/helper-annotate-as-pure@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-annotate-as-pure@npm:7.12.13"
@@ -743,6 +804,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-annotate-as-pure@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-annotate-as-pure@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 91e665af6bf7199d68b39d68ab3583fb7e9acb7a1f88cc2924b256d48c0015c71934923a549b1065d3f8e8f9652b65b3b0205ba6412c405cf0c33bb80af30797
+  languageName: node
+  linkType: hard
+
 "@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.12.13"
@@ -763,6 +833,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.16.0"
+  dependencies:
+    "@babel/helper-explode-assignable-expression": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: 994c18dda5e1811e579c1136af2898c78794dae161665bae1bc720811779a5a40a93cf0051606f9120b97031c2048cbe7ab8db575a220acacb979783168fe98d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-compilation-targets@npm:^7.12.0, @babel/helper-compilation-targets@npm:^7.12.1, @babel/helper-compilation-targets@npm:^7.12.5, @babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.8.7, @babel/helper-compilation-targets@npm:^7.9.6":
   version: 7.13.0
   resolution: "@babel/helper-compilation-targets@npm:7.13.0"
@@ -805,6 +885,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.16.0, @babel/helper-compilation-targets@npm:^7.16.3, @babel/helper-compilation-targets@npm:^7.8.4":
+  version: 7.16.3
+  resolution: "@babel/helper-compilation-targets@npm:7.16.3"
+  dependencies:
+    "@babel/compat-data": ^7.16.0
+    "@babel/helper-validator-option": ^7.14.5
+    browserslist: ^4.17.5
+    semver: ^6.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 33626de16c9bf0b6f112eab84f04e8c2e8bc7fa8dd1c99b6153a8375d859a05d06645e62c0ebaf9738ceb3e7ae5f6b72bcf9d9adea1065a66674b5e5f4afa643
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-class-features-plugin@npm:^7.12.1, @babel/helper-create-class-features-plugin@npm:^7.13.0, @babel/helper-create-class-features-plugin@npm:^7.8.3":
   version: 7.13.0
   resolution: "@babel/helper-create-class-features-plugin@npm:7.13.0"
@@ -836,6 +930,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.16.0"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    "@babel/helper-function-name": ^7.16.0
+    "@babel/helper-member-expression-to-functions": ^7.16.0
+    "@babel/helper-optimise-call-expression": ^7.16.0
+    "@babel/helper-replace-supers": ^7.16.0
+    "@babel/helper-split-export-declaration": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: d84e8c1615bcadd3bb6379f16817a7c7441b2f14771af0232604ae9761c4ce38ef0155db9839bce3a7ea46b74280ee96f5058678adbe727425ea7f2c9eaf12c4
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-regexp-features-plugin@npm:^7.12.13":
   version: 7.12.17
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.12.17"
@@ -860,6 +970,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-regexp-features-plugin@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.16.0"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    regexpu-core: ^4.7.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 67d6f8c86ed9f948c338fcbb4b2c91f0fb6b67595379b0a148666ac628896f10043ec78b252162c645fe344ebe9ed93818cdd65d0a650a1fae4776fcd4b05520
+  languageName: node
+  linkType: hard
+
 "@babel/helper-define-polyfill-provider@npm:^0.1.2":
   version: 0.1.2
   resolution: "@babel/helper-define-polyfill-provider@npm:0.1.2"
@@ -896,6 +1018,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-define-polyfill-provider@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.3.0"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.13.0
+    "@babel/helper-module-imports": ^7.12.13
+    "@babel/helper-plugin-utils": ^7.13.0
+    "@babel/traverse": ^7.13.0
+    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: 59135ecb144646f2d3c1ceaf38a855200f0ec53d9069deee30bdb2a7971027bde771ba0f87e564119a6d8fcb09673245c15dce89dc8c182a79088b7b80c2915d
+  languageName: node
+  linkType: hard
+
+"@babel/helper-environment-visitor@npm:^7.16.5":
+  version: 7.16.5
+  resolution: "@babel/helper-environment-visitor@npm:7.16.5"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 4132f70a1d6408b6dab4f5d4e8e2f9fc9ee8e2b37d618239a0148d196aeb797f0bd78953e49b022770684089c52e5d97189a5e4787680288ff58700399ea2edb
+  languageName: node
+  linkType: hard
+
 "@babel/helper-explode-assignable-expression@npm:^7.12.13":
   version: 7.13.0
   resolution: "@babel/helper-explode-assignable-expression@npm:7.13.0"
@@ -914,6 +1063,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-explode-assignable-expression@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-explode-assignable-expression@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 9821d4a292b23976c5adce031cde82adf726515d6d6b6cdca7a9ed4aa00c6fc8ccd8b580a2db80a8dec96541ffd374f2f5bf8ca3c90e5cdb0a6d8338103c6efd
+  languageName: node
+  linkType: hard
+
 "@babel/helper-function-name@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-function-name@npm:7.12.13"
@@ -936,6 +1094,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-function-name@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-function-name@npm:7.16.0"
+  dependencies:
+    "@babel/helper-get-function-arity": ^7.16.0
+    "@babel/template": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: ffaade6be3840364d77f0ad4515c715b1787c47f4631e69de0c204a314a00862a6dc8e37d1baadbdeeb9d8bae9d943b235ae0303d3cd095bc740cf3aa8794e92
+  languageName: node
+  linkType: hard
+
 "@babel/helper-get-function-arity@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-get-function-arity@npm:7.12.13"
@@ -954,6 +1123,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-get-function-arity@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-get-function-arity@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: a37fe88007b10fc2bc62b610ed1943cfd7bfb90b8321c87bd4d6dae583df04cbafc2ee58d237ebc2580cd0ffa05369f1063e3f9d51c494e821dea287a0a4911e
+  languageName: node
+  linkType: hard
+
 "@babel/helper-hoist-variables@npm:^7.12.13":
   version: 7.13.0
   resolution: "@babel/helper-hoist-variables@npm:7.13.0"
@@ -973,6 +1151,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-hoist-variables@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-hoist-variables@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 0f4ada53a9901981825c73e305c04674c958b0ec367e0aef0221ec865b3620e8743f2cf3f5c29530181ee86f3b10d0e113a0e8c9e283ea7f2709134684383b1f
+  languageName: node
+  linkType: hard
+
 "@babel/helper-member-expression-to-functions@npm:^7.13.0":
   version: 7.13.0
   resolution: "@babel/helper-member-expression-to-functions@npm:7.13.0"
@@ -1000,6 +1187,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-member-expression-to-functions@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 0c0f623117fff2a747f52d518351c2a75dc0fa2c0864eec2735fda9cb8fd6fc1f0fa070fe3b7a448099c0dd955a1e16574077a820b33ee32a4e6ef8de302857e
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.12.1, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.12.5, @babel/helper-module-imports@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/helper-module-imports@npm:7.12.13"
@@ -1018,6 +1214,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-imports@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-module-imports@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 8d9e8c92e44f7c327e9cffd07825b488c49828ea7bd31bbfe1fb019233cab6600461a751af8b0d42340b4a3737108ba839d05fbd7ef0b716508c1c9133b93b89
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-transforms@npm:^7.12.1, @babel/helper-module-transforms@npm:^7.12.13, @babel/helper-module-transforms@npm:^7.13.0, @babel/helper-module-transforms@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/helper-module-transforms@npm:7.13.0"
@@ -1067,6 +1272,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-transforms@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-module-transforms@npm:7.16.0"
+  dependencies:
+    "@babel/helper-module-imports": ^7.16.0
+    "@babel/helper-replace-supers": ^7.16.0
+    "@babel/helper-simple-access": ^7.16.0
+    "@babel/helper-split-export-declaration": ^7.16.0
+    "@babel/helper-validator-identifier": ^7.15.7
+    "@babel/template": ^7.16.0
+    "@babel/traverse": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: 6f88c1a6fd966676b2b306ade5acd877bad17d589c12e0945734c63a4462bd3a5babb999daea8463845e31abe92c9e297237a389c901e8d0fd7ad4a23821e70f
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-transforms@npm:^7.16.5":
+  version: 7.16.5
+  resolution: "@babel/helper-module-transforms@npm:7.16.5"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.16.5
+    "@babel/helper-module-imports": ^7.16.0
+    "@babel/helper-simple-access": ^7.16.0
+    "@babel/helper-split-export-declaration": ^7.16.0
+    "@babel/helper-validator-identifier": ^7.15.7
+    "@babel/template": ^7.16.0
+    "@babel/traverse": ^7.16.5
+    "@babel/types": ^7.16.0
+  checksum: 44f46c090fdfff1cbec0704a15cd8ff66c4f9f746024bc25fa994b023362485b662d8ba29024dc18e051335723d801ef2cd9dd35788521228486bd5aeab58372
+  languageName: node
+  linkType: hard
+
 "@babel/helper-optimise-call-expression@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-optimise-call-expression@npm:7.12.13"
@@ -1085,6 +1322,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-optimise-call-expression@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-optimise-call-expression@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: 29a76903e84462aba44e13cfc0321e9eeee68bc791f414d7aa7bb3f9f3844cfcff394788dd0a3c5235ba3cefb43b125cb972784ad28268b8365425de1350fe01
+  languageName: node
+  linkType: hard
+
 "@babel/helper-plugin-utils@npm:7.10.4":
   version: 7.10.4
   resolution: "@babel/helper-plugin-utils@npm:7.10.4"
@@ -1106,6 +1352,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-plugin-utils@npm:^7.16.5":
+  version: 7.16.5
+  resolution: "@babel/helper-plugin-utils@npm:7.16.5"
+  checksum: 0cfb0943ea38d3faa17ae8ba7104b2842adb0fb2c4247f2fcd5cdd18233831ba1e4de03a50dd2f1f1562b77ee0bcaecb1b7fc53641beed464295f05ff1f4637c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-remap-async-to-generator@npm:^7.12.1, @babel/helper-remap-async-to-generator@npm:^7.13.0":
   version: 7.13.0
   resolution: "@babel/helper-remap-async-to-generator@npm:7.13.0"
@@ -1128,6 +1381,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-remap-async-to-generator@npm:^7.16.0, @babel/helper-remap-async-to-generator@npm:^7.16.4":
+  version: 7.16.4
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.16.4"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    "@babel/helper-wrap-function": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: 09e8cdd993de30af73666bb267c41ef5182a7310ffe6b6dd450e0ce2adf29e4b72ea865c8c4faa67804af1ee172901a43320814d93737e5525efc5f5b0217d9c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-replace-supers@npm:^7.12.13, @babel/helper-replace-supers@npm:^7.13.0":
   version: 7.13.0
   resolution: "@babel/helper-replace-supers@npm:7.13.0"
@@ -1164,6 +1428,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-replace-supers@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-replace-supers@npm:7.16.0"
+  dependencies:
+    "@babel/helper-member-expression-to-functions": ^7.16.0
+    "@babel/helper-optimise-call-expression": ^7.16.0
+    "@babel/traverse": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: 52717799120c5978578c3a809544c5ba4be81e75e799e0a3abcd2eb3bc7277a118e37ccf02a6849e36144547955a7c91f909c9e103251d1249b12256cc31ca3d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-simple-access@npm:7.12.13"
@@ -1182,6 +1458,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-simple-access@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-simple-access@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: ff19387cd7df7a8c4fdf0fc459fa78beef621225ce572eed3a2188e771a5479f5d1ebccdc80e25246a41d18b7904b779207ff9a60f9d03c7c1d1b61906114738
+  languageName: node
+  linkType: hard
+
 "@babel/helper-skip-transparent-expression-wrappers@npm:^7.12.1":
   version: 7.12.1
   resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.12.1"
@@ -1200,6 +1485,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: d3b8668a355e82a1c18137a1d5f3d8565ec88cff464f1c0a7c6e99c4cd0d92a77aeb51ca7fa71afa3bf8c50035bc5cf25504f46e01a94b9e6a297bdf3ac35f40
+  languageName: node
+  linkType: hard
+
 "@babel/helper-split-export-declaration@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/helper-split-export-declaration@npm:7.12.13"
@@ -1218,6 +1512,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-split-export-declaration@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-split-export-declaration@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: d4c18c8feb9f115e9b75741f7daa818050a3b4adb0a3cd991d8d58da9db627cd5043e5f24f5118933a3dc8e9891adfb9c1c63929741b74b6e0aec03ac30b2702
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.12.11":
   version: 7.12.11
   resolution: "@babel/helper-validator-identifier@npm:7.12.11"
@@ -1246,6 +1549,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-identifier@npm:^7.15.7":
+  version: 7.15.7
+  resolution: "@babel/helper-validator-identifier@npm:7.15.7"
+  checksum: 398bbf808232073504426d08fa6a5ee7b70a41eda3c7a02115d9f879fbd89c057bef27e8013df2084d59eed43587dac91c915074fa8385544fae0caf03791c2b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-option@npm:^7.12.1, @babel/helper-validator-option@npm:^7.12.11, @babel/helper-validator-option@npm:^7.12.17":
   version: 7.12.17
   resolution: "@babel/helper-validator-option@npm:7.12.17"
@@ -1284,6 +1594,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-wrap-function@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-wrap-function@npm:7.16.0"
+  dependencies:
+    "@babel/helper-function-name": ^7.16.0
+    "@babel/template": ^7.16.0
+    "@babel/traverse": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: 25cc560b124dd44445c607b874fba926a06544ef54906a45940bcb6895ab81f5b74759b819546e2251748582a02f07ed0360a3b4d25cd27b838fe54b24c99903
+  languageName: node
+  linkType: hard
+
 "@babel/helpers@npm:^7.12.1, @babel/helpers@npm:^7.12.5, @babel/helpers@npm:^7.13.0, @babel/helpers@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/helpers@npm:7.13.0"
@@ -1306,6 +1628,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helpers@npm:^7.16.0":
+  version: 7.16.3
+  resolution: "@babel/helpers@npm:7.16.3"
+  dependencies:
+    "@babel/template": ^7.16.0
+    "@babel/traverse": ^7.16.3
+    "@babel/types": ^7.16.0
+  checksum: d31511816e4722535d45bec5331cfe3bbafb7ff681fa16234a743ba8eada24b27e89c0930f5457d6706d5c613b9f0f160804de8320c733238e5f9003c739df92
+  languageName: node
+  linkType: hard
+
 "@babel/highlight@npm:^7.10.4, @babel/highlight@npm:^7.12.13, @babel/highlight@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/highlight@npm:7.12.13"
@@ -1328,7 +1661,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.1.6, @babel/parser@npm:^7.12.0, @babel/parser@npm:^7.12.10, @babel/parser@npm:^7.12.11, @babel/parser@npm:^7.12.13, @babel/parser@npm:^7.12.3, @babel/parser@npm:^7.12.7, @babel/parser@npm:^7.13.0, @babel/parser@npm:^7.4.3, @babel/parser@npm:^7.4.4, @babel/parser@npm:^7.4.5, @babel/parser@npm:^7.6.0, @babel/parser@npm:^7.7.0, @babel/parser@npm:^7.9.0, @babel/parser@npm:^7.9.6":
+"@babel/highlight@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/highlight@npm:7.16.0"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.15.7
+    chalk: ^2.0.0
+    js-tokens: ^4.0.0
+  checksum: 47cf5ea9c18bc5cb3e469fcdc45a005d1b2d15614a55ac9fa36d38a5e02d0e402f0454080ffeee153aa164f61d2f06aa4dc98857dc2bd01e67d0c8a3be84929f
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.0.0, @babel/parser@npm:^7.16.0, @babel/parser@npm:^7.16.3":
+  version: 7.16.4
+  resolution: "@babel/parser@npm:7.16.4"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 15aede34e6129701d681deb860c5a05a955dde773ff1fa042c0a554706d4158d003389dab8f0e54a92b7b7ea20087367dcb0dfe3ba7c47600285de093beba9e5
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.1.6, @babel/parser@npm:^7.12.0, @babel/parser@npm:^7.12.10, @babel/parser@npm:^7.12.11, @babel/parser@npm:^7.12.13, @babel/parser@npm:^7.12.3, @babel/parser@npm:^7.12.7, @babel/parser@npm:^7.13.0, @babel/parser@npm:^7.4.3, @babel/parser@npm:^7.4.5, @babel/parser@npm:^7.6.0, @babel/parser@npm:^7.7.0, @babel/parser@npm:^7.9.0, @babel/parser@npm:^7.9.6":
   version: 7.13.4
   resolution: "@babel/parser@npm:7.13.4"
   bin:
@@ -1373,6 +1726,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.16.5":
+  version: 7.16.6
+  resolution: "@babel/parser@npm:7.16.6"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: f34f088382403a9d8ad895f2b5b1db48f01e0e652e90a01873f549e9d8a979c0391e6bfb029daf906f4687b2e0c74339c62d41c0878e08cb4c300b4bc48bfc3d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.16.2":
+  version: 7.16.2
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.16.2"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 0f7c37f50483bcdfa9df806dca5cd25a1ac3aac9a65f45f0098310258c6336c73b2f0b6997fabe409e089e0d01cebd67b416c6f926c9319192c27793aeb704f7
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.14.5"
@@ -1386,6 +1759,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+    "@babel/plugin-proposal-optional-chaining": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: 7844afeb5b94b69de73e5cb331cbf9727e99dbc463072a68b3562b8785a498ee9823b3ffc2be2a9653ce47d6a91841b76c99b0c3479ef92446211852ad7d0fa8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-async-generator-functions@npm:^7.12.1, @babel/plugin-proposal-async-generator-functions@npm:^7.13.5, @babel/plugin-proposal-async-generator-functions@npm:^7.8.3":
   version: 7.13.5
   resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.13.5"
@@ -1412,6 +1798,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-async-generator-functions@npm:^7.16.4":
+  version: 7.16.4
+  resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.16.4"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-remap-async-to-generator": ^7.16.4
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 0ac30cbfca61ce7f98ff2077ab8383aeebd8b9aa36971947050396fe2255aea18e1cb4048277ea122ca0b2fe22416df89198c9b4f5421f8c6fbfaccd750f781d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-class-properties@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-proposal-class-properties@npm:7.12.1"
@@ -1460,6 +1859,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-class-properties@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-class-properties@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1a2d30722e0456700946d65b9d769359a33ea8b882f95b320ed3d104d84907d840f8d4e68f0c35a4b41a017b73a71dfcc24ea461fb9db10cd79b8868168e9a04
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-class-static-block@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-proposal-class-static-block@npm:7.14.5"
@@ -1473,6 +1884,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-class-static-block@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-class-static-block@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: dda182cb38dd2a33e364aaa4084dc80a96ca48f25feaca276f281b9b395871f6b2d350590ac7e7b5daa217acbfddab7ff5201b2fdc5f42051e41832ddfd0aac9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-decorators@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-proposal-decorators@npm:7.12.1"
@@ -1536,6 +1960,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-dynamic-import@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-dynamic-import@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 45ce919eb380c16be99736f2a448e72d7ea3f83b789def943efa1a26becc8b4de3f1f70bafabf27ffcf5ca07b0a28e2f9ccee44d359dc256212562cff0a8f8ea
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-export-default-from@npm:^7.12.1":
   version: 7.12.13
   resolution: "@babel/plugin-proposal-export-default-from@npm:7.12.13"
@@ -1572,6 +2008,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-export-namespace-from@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-export-namespace-from@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 98fc95f720335bacad7c03c190ed089897afdc74565c35f312d70905029a4c330db636ed3fee0280846b6a26d122bf43f32cc93db5e5935d6b73752b0db47c9d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-json-strings@npm:^7.12.1, @babel/plugin-proposal-json-strings@npm:^7.12.13, @babel/plugin-proposal-json-strings@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-proposal-json-strings@npm:7.12.13"
@@ -1596,6 +2044,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-json-strings@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-json-strings@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8dbee87bc1c89554597b025319e9b89da2dad06799c08637b73f0ca05155e73e36384c71c7aedbf6706b08b549ec4b11ee95225f31ee8cb473dcbdaf356e38c4
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-logical-assignment-operators@npm:^7.12.1, @babel/plugin-proposal-logical-assignment-operators@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.12.13"
@@ -1620,6 +2080,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-logical-assignment-operators@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f56cda4b9d747f497556bc230d7ea096a86f4523b661dc63c2e75b67bf0bdedbefa1751be48ea983b9364fea108d378f335bc2025479defb7697b3d6719d72b8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.12.1"
@@ -1668,6 +2140,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3982575ba6b90a7a980e9dcda91b6a3fac5d86aeded12331e44ecc996e99a4a0f742b7ed52f4cc86f3f4c39928a2fcebea8414ad63accde06101b5f9f152c845
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-numeric-separator@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-proposal-numeric-separator@npm:7.12.1"
@@ -1716,6 +2200,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-numeric-separator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-numeric-separator@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b3bbb970b3882e64af48eceb3974f933e4c76af2a6526abebd457ac834f21d976dee7bafe54d3c1287d54b7c9c3564c62a900eaa35459466f7b7e45ecf787756
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-object-rest-spread@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.12.1"
@@ -1757,6 +2253,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-object-rest-spread@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.16.0"
+  dependencies:
+    "@babel/compat-data": ^7.16.0
+    "@babel/helper-compilation-targets": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-transform-parameters": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6e13519887919e0e2ab76bb0d49aa5555139abd46f719c25daf96fde7ac8240cabbb931ffd90095ff778ec41e03f11bd887f99bc33246b343b539ecd266e4dff
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-optional-catch-binding@npm:^7.12.1, @babel/plugin-proposal-optional-catch-binding@npm:^7.12.13, @babel/plugin-proposal-optional-catch-binding@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-proposal-optional-catch-binding@npm:7.12.13"
@@ -1781,6 +2292,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-optional-catch-binding@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-optional-catch-binding@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 97ecf57de7be78cac6ee9ea98c7af33957dd4a2db1808741af87eb7143d0066fd183468c526994abfdd64280c3b4aa38a12bcb3d3a4688f5c21b0dcfddeefdca
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-optional-chaining@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-proposal-optional-chaining@npm:7.12.1"
@@ -1832,6 +2355,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-optional-chaining@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-optional-chaining@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f59390575eaf3b49789e07f1a888fc8374f3eeb2f3dcf7f5624048b661e55f17d017c9a447f4c6371efb4de5499f8d89a66a634cc1e4bb6b850748d48c3b4cb9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-private-methods@npm:^7.12.1, @babel/plugin-proposal-private-methods@npm:^7.13.0":
   version: 7.13.0
   resolution: "@babel/plugin-proposal-private-methods@npm:7.13.0"
@@ -1856,6 +2392,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-private-methods@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-private-methods@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e0f3c77d03ba9c2f8a5d938b61919a8abbe85d9a4542439018f633c0e53656272dcdebce0933709f43d47bdc92a853a0a31c3d60eb012e065e30db88df2898d8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-private-property-in-object@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.14.5"
@@ -1870,6 +2418,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-private-property-in-object@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.16.0"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    "@babel/helper-create-class-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ebc3413180863769242ad61e5f19be58d9d41ac7ab7c6513d651d0a4f618e41412df355f137177906aac6d6c008abb0deee3597be67b517ba5ec9f127e549789
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-unicode-property-regex@npm:^7.12.1, @babel/plugin-proposal-unicode-property-regex@npm:^7.12.13, @babel/plugin-proposal-unicode-property-regex@npm:^7.4.4, @babel/plugin-proposal-unicode-property-regex@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-proposal-unicode-property-regex@npm:7.12.13"
@@ -1894,6 +2456,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-unicode-property-regex@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-unicode-property-regex@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b01c002ba3fa00b71ae47d06e1186bd628a2842d5d742fb2019ef798d7e35721a526e26e4d8ae5b92ad93f863bad68c0cc7406a2634790f7a517aa60539ffc22
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-async-generators@npm:^7.8.0, @babel/plugin-syntax-async-generators@npm:^7.8.4":
   version: 7.8.4
   resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
@@ -1993,6 +2567,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-flow@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-syntax-flow@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e7f5230027a4a520adf5cf16419e8f0794a637cf4acebc0185a5b25f71f17a91b1d3ed67c48270dcf79dacc452532e9acf4961663548646847ba4ee69742fc06
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.2.0, @babel/plugin-syntax-import-meta@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
@@ -2169,6 +2754,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-arrow-functions@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 9882e4434c8a802ed69036204dc59da94ecc2ed37eb5480c92ee5ca1d381f6bba2a5dc6cf6ca44e716595096e1e6f31241cf4f0c0980cfc5725c16ca23e53d80
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-to-generator@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.12.1"
@@ -2208,6 +2804,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-to-generator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.16.0"
+  dependencies:
+    "@babel/helper-module-imports": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-remap-async-to-generator": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e4af6fb6f75cdc289ec74ffbd956a309f9bb79e2ff10481129d8269cafaf2f65c6e55e9810035e3fadb21c314ea5b733637f7c5e6e3d584cdfdecb102c5a56e8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoped-functions@npm:^7.12.1, @babel/plugin-transform-block-scoped-functions@npm:^7.12.13, @babel/plugin-transform-block-scoped-functions@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.12.13"
@@ -2230,6 +2839,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoped-functions@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 65841005225b704c3190b691211249354e3afec7e4bf8a7b2bcbedd28f466191a592b6e0566bbc6da536b6c4c17cd7b18be232b2688f7ebbc5340bb89adebf5a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoping@npm:^7.12.1, @babel/plugin-transform-block-scoping@npm:^7.12.11, @babel/plugin-transform-block-scoping@npm:^7.12.12, @babel/plugin-transform-block-scoping@npm:^7.12.13, @babel/plugin-transform-block-scoping@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-block-scoping@npm:7.12.13"
@@ -2263,6 +2883,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoping@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d0a7ba830ff32bf821866f02eabd1190d1bb0ce71e2cc6b709ea2e89ba406a4f532b1e1dc50911c19970793545f0b071c6aa21ea93946db60f03a3b37516664b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-classes@npm:^7.12.1, @babel/plugin-transform-classes@npm:^7.13.0, @babel/plugin-transform-classes@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/plugin-transform-classes@npm:7.13.0"
@@ -2297,6 +2928,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-classes@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-classes@npm:7.16.0"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    "@babel/helper-function-name": ^7.16.0
+    "@babel/helper-optimise-call-expression": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-replace-supers": ^7.16.0
+    "@babel/helper-split-export-declaration": ^7.16.0
+    globals: ^11.1.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4a25292506f656bc876a5d30e74baff854c5e187b880bdc5fdb0c01d88d9ff74fb7a08d15bb2cf28b66e3ca43756fd6440c8c4c9b523bbafca24cd8a2f0cf0f0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-computed-properties@npm:^7.12.1, @babel/plugin-transform-computed-properties@npm:^7.13.0, @babel/plugin-transform-computed-properties@npm:^7.8.3":
   version: 7.13.0
   resolution: "@babel/plugin-transform-computed-properties@npm:7.13.0"
@@ -2319,6 +2967,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-computed-properties@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 909e5f3ad80cefc236d0f4ae2fa6caa1fd4d050bd15ebf9479349ea53a759202cb8f0e24870b8b6531a5154742394d7a7a5588ff7462d3c78cbd89699bddbbce
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-destructuring@npm:^7.12.1, @babel/plugin-transform-destructuring@npm:^7.13.0, @babel/plugin-transform-destructuring@npm:^7.8.3":
   version: 7.13.0
   resolution: "@babel/plugin-transform-destructuring@npm:7.13.0"
@@ -2352,6 +3011,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-destructuring@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-destructuring@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: fb68bfe9e43ef1506e63a6a804c4e9e6b2af9c4c9c69d483e40fbb3d88a8c205e58168572e2d585407226600704895d8343d377e2bc1c01c8a61abfa8af3d91f
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-dotall-regex@npm:^7.12.1, @babel/plugin-transform-dotall-regex@npm:^7.12.13, @babel/plugin-transform-dotall-regex@npm:^7.4.4, @babel/plugin-transform-dotall-regex@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-dotall-regex@npm:7.12.13"
@@ -2376,6 +3046,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-dotall-regex@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 50a24cbcc7ddce2a9d16c507de51e50d4ecb7f7b94f1726e10bf768ca556722db9b8d9525d7e44baf9f08380e3edfa89dff94cccb7eff1f6e854b3547d52e109
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-duplicate-keys@npm:^7.12.1, @babel/plugin-transform-duplicate-keys@npm:^7.12.13, @babel/plugin-transform-duplicate-keys@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-duplicate-keys@npm:7.12.13"
@@ -2398,6 +3080,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-duplicate-keys@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 47843841aaddd17e7f152bd97c04813fa4e1255495186989fbd75931ce0124764101a4ff17872a848123aee1654c415d553e7ef3edc3912273d081d8c4472cb2
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-exponentiation-operator@npm:^7.12.1, @babel/plugin-transform-exponentiation-operator@npm:^7.12.13, @babel/plugin-transform-exponentiation-operator@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.12.13"
@@ -2422,6 +3115,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-exponentiation-operator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.16.0"
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: acbc8c595bc3b5d2cc43624d192150729ca0cc86b7b91cfc1c955076df14f5837e8163bbf4201f8f11e5ffdfa9d7145caf8034bb3f3cc832f009f2fb19167919
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-flow-strip-types@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-transform-flow-strip-types@npm:7.12.1"
@@ -2446,7 +3151,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-flow-strip-types@npm:^7.12.13, @babel/plugin-transform-flow-strip-types@npm:^7.4.4":
+"@babel/plugin-transform-flow-strip-types@npm:^7.0.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/plugin-syntax-flow": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c90807566e57cec4915c3424724f9e71ba5990e8247a23f869a7af455372de11f0ddef4b2fec5c5fd9b1fbd677aa7bd854b1233ad7de7955a788857e3fa2a349
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-flow-strip-types@npm:^7.12.13":
   version: 7.13.0
   resolution: "@babel/plugin-transform-flow-strip-types@npm:7.13.0"
   dependencies:
@@ -2480,6 +3197,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-for-of@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-for-of@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 0554da026dcacdb410b2287e274437219cc234bbf7106c0bbfc5aa05d75dcba2a4cdc2201c15b4e015302a1b7668e6cfa413fedf4658ddd4f98cf0c3ce437f5d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-function-name@npm:^7.12.1, @babel/plugin-transform-function-name@npm:^7.12.13, @babel/plugin-transform-function-name@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-function-name@npm:7.12.13"
@@ -2504,6 +3232,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-function-name@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-function-name@npm:7.16.0"
+  dependencies:
+    "@babel/helper-function-name": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 777e03d788ad15da13cf4076a7e9060aedda139dd00f00ba542a7cb1a532fbc4e9b19e292123d7dd028b00d81c5689a87bf4b1c517bb9310f1f873e74327be80
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-literals@npm:^7.12.1, @babel/plugin-transform-literals@npm:^7.12.13, @babel/plugin-transform-literals@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-literals@npm:7.12.13"
@@ -2526,6 +3266,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-literals@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-literals@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d835616f9aba23b057ad57e302dd0e1f5a70c8e104cefdaa891aad6eac459262f2375e14bd8270554feb9ab66ced614d6672ed10b471350ed40e0d4925e4038d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-member-expression-literals@npm:^7.12.1, @babel/plugin-transform-member-expression-literals@npm:^7.12.13, @babel/plugin-transform-member-expression-literals@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.12.13"
@@ -2548,6 +3299,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-member-expression-literals@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 34cc594ab9ebe71256dd4819b0b69f450f04d221752afcee34e608460528231467441b16f33eff6938b6feb6ecdbd56210e82f886fefe37b2f1871c6262c1c65
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-amd@npm:^7.10.5, @babel/plugin-transform-modules-amd@npm:^7.12.1, @babel/plugin-transform-modules-amd@npm:^7.13.0, @babel/plugin-transform-modules-amd@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/plugin-transform-modules-amd@npm:7.13.0"
@@ -2574,7 +3336,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.1.0, @babel/plugin-transform-modules-commonjs@npm:^7.12.1, @babel/plugin-transform-modules-commonjs@npm:^7.13.0, @babel/plugin-transform-modules-commonjs@npm:^7.2.0, @babel/plugin-transform-modules-commonjs@npm:^7.4.4, @babel/plugin-transform-modules-commonjs@npm:^7.9.0":
+"@babel/plugin-transform-modules-amd@npm:^7.16.0":
+  version: 7.16.5
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.16.5"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.16.5
+    "@babel/helper-plugin-utils": ^7.16.5
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 72db5d1b66df252567f7f7d903270d1704d22a91b90b2ff0cbc3c14c6e5809d2f04d9e7c21e0dd571eaa1a6226fa2caff66e52f5f2e1192fbb6fef286a0310f5
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-commonjs@npm:^7.1.0, @babel/plugin-transform-modules-commonjs@npm:^7.12.1, @babel/plugin-transform-modules-commonjs@npm:^7.13.0, @babel/plugin-transform-modules-commonjs@npm:^7.2.0, @babel/plugin-transform-modules-commonjs@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.13.0"
   dependencies:
@@ -2602,6 +3377,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-commonjs@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.16.0"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-simple-access": ^7.16.0
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 78889e6967c9db8b26dc4946c109f72ecd494556b4985cabf87bcd65eebb290a35f62081cdce148e6840f1f40308dd5b479de3d06816973252814d9ebf6849a9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-systemjs@npm:^7.12.1, @babel/plugin-transform-modules-systemjs@npm:^7.12.13, @babel/plugin-transform-modules-systemjs@npm:^7.9.0":
   version: 7.12.13
   resolution: "@babel/plugin-transform-modules-systemjs@npm:7.12.13"
@@ -2632,6 +3421,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-systemjs@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.16.0"
+  dependencies:
+    "@babel/helper-hoist-variables": ^7.16.0
+    "@babel/helper-module-transforms": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-validator-identifier": ^7.15.7
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ecb98c580ed127ddf307d30e99aba8208afd8c6387c7859b88d88ba2ac196c1ff57da585963167515077b511f1a599770e16bc9a0c18e42306b3a42eb76852c4
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-umd@npm:^7.12.1, @babel/plugin-transform-modules-umd@npm:^7.13.0, @babel/plugin-transform-modules-umd@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/plugin-transform-modules-umd@npm:7.13.0"
@@ -2656,6 +3460,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-umd@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.16.0"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a1dfe344f27c01b36b5be467a3f6879fe04651d13a07ca266a592502535a6c8a7f7a00e67bafd1cad0009d2d9f07521224ecd3864fc0bf346ea7a1de9c822052
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-named-capturing-groups-regex@npm:^7.12.1, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.12.13, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.12.13"
@@ -2678,6 +3494,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: eee57e6110ff11044a9be84b22bc2b1952f6d9ef8d2f9af109141de763b033fa985f495cfc1d5aaf1fa9ed4fecb8efb5b332eec5582389faebce2584444ab5c3
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-new-target@npm:^7.12.1, @babel/plugin-transform-new-target@npm:^7.12.13, @babel/plugin-transform-new-target@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-new-target@npm:7.12.13"
@@ -2700,6 +3527,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-new-target@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-new-target@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bb58042d67a5c40b57e07d31d391f2ef4b66b432e71be4893cbb9604d9c12a1cd168f05f04ae2a0ea97cd976129bccc9bbeac0e440e2a02db5a63b5d0cd0cc16
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-assign@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-object-assign@npm:7.12.13"
@@ -2735,6 +3573,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-object-super@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-object-super@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-replace-supers": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 12e79bad4b7bf5ffba7afb70fb8f5384fe5e8cd0bc876378e807362f705ce4254fd2e9b96213d1669acf139ffd36e585d806883f10f3cca941861b3ef7800c9e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-parameters@npm:^7.12.1, @babel/plugin-transform-parameters@npm:^7.13.0, @babel/plugin-transform-parameters@npm:^7.8.7":
   version: 7.13.0
   resolution: "@babel/plugin-transform-parameters@npm:7.13.0"
@@ -2757,6 +3607,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-parameters@npm:^7.16.0, @babel/plugin-transform-parameters@npm:^7.16.3":
+  version: 7.16.3
+  resolution: "@babel/plugin-transform-parameters@npm:7.16.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1d1906e3b76972a54945f6c6189b6c36a27668db0c4cbca844228ddb087c4c652e029990145ed51c4fd582bab0f8947b8be8d477989642d264f7f383cbde952a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-property-literals@npm:^7.12.1, @babel/plugin-transform-property-literals@npm:^7.12.13, @babel/plugin-transform-property-literals@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-property-literals@npm:7.12.13"
@@ -2779,6 +3640,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-property-literals@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-property-literals@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: df6c2b98d9a83101edb23ff679d639bafa86065e027caca9a8310b5b95ffb1747d11540fc82b9768924b3581c3305001c534fcaea17e28bc2437ba30dce82eff
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-constant-elements@npm:^7.0.0, @babel/plugin-transform-react-constant-elements@npm:^7.12.1":
   version: 7.12.13
   resolution: "@babel/plugin-transform-react-constant-elements@npm:7.12.13"
@@ -2856,7 +3728,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx@npm:^7.0.0, @babel/plugin-transform-react-jsx@npm:^7.12.1, @babel/plugin-transform-react-jsx@npm:^7.12.12, @babel/plugin-transform-react-jsx@npm:^7.12.13, @babel/plugin-transform-react-jsx@npm:^7.12.17, @babel/plugin-transform-react-jsx@npm:^7.9.1":
+"@babel/plugin-transform-react-jsx@npm:^7.12.1, @babel/plugin-transform-react-jsx@npm:^7.12.12, @babel/plugin-transform-react-jsx@npm:^7.12.13, @babel/plugin-transform-react-jsx@npm:^7.12.17, @babel/plugin-transform-react-jsx@npm:^7.9.1":
   version: 7.12.17
   resolution: "@babel/plugin-transform-react-jsx@npm:7.12.17"
   dependencies:
@@ -2905,6 +3777,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-regenerator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-regenerator@npm:7.16.0"
+  dependencies:
+    regenerator-transform: ^0.14.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 341322044e5a7e56f14ce325a5fea47765c317f7b9bb31931670c53345e6282e0951dd4eaf12e826b43f33f58c4153feb45ff81bedf01f17c6e341d8ea2bbff5
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-reserved-words@npm:^7.12.1, @babel/plugin-transform-reserved-words@npm:^7.12.13, @babel/plugin-transform-reserved-words@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-reserved-words@npm:7.12.13"
@@ -2927,6 +3810,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-reserved-words@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ee982d9a6b255447cd797c0a5d716cb2324b6c562987fada4a5419fc6dfae64f0d80ba9cb52fba37a915015c44a6f82a2b23b1b30105de91dbb51a798f17773d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-runtime@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/plugin-transform-runtime@npm:7.12.1"
@@ -3006,6 +3900,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-shorthand-properties@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 77237514c5293d94f0cb2d04cd8a1ede739d38262e831ca9ddaf12ed83ccb35661a23ced1a57b823f1a9daec79d6f79c34e856e01986ae5e80c3448f89e0a30f
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-spread@npm:^7.12.1, @babel/plugin-transform-spread@npm:^7.13.0, @babel/plugin-transform-spread@npm:^7.8.3":
   version: 7.13.0
   resolution: "@babel/plugin-transform-spread@npm:7.13.0"
@@ -3030,6 +3935,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-spread@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-spread@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7b667202d67d5bf2aa36c66d4f7bc7cd80c77a1c522994e4ac3083155d526bedcf93e2013ac3f7d96c049a49e154f687b325bf7a54bbcb8d764ab236e2c78391
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-sticky-regex@npm:^7.12.1, @babel/plugin-transform-sticky-regex@npm:^7.12.13, @babel/plugin-transform-sticky-regex@npm:^7.12.7, @babel/plugin-transform-sticky-regex@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-sticky-regex@npm:7.12.13"
@@ -3052,6 +3969,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-sticky-regex@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 39d54f54d17cf944f527f56bf7ef8c93bfc0b39ab00fa70dd696d9158936317e30414cc4a9ed6166704113a5f35e0483d53a8e867e5d570bbe249ffb5fefaf7b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-template-literals@npm:^7.12.1, @babel/plugin-transform-template-literals@npm:^7.13.0, @babel/plugin-transform-template-literals@npm:^7.8.3":
   version: 7.13.0
   resolution: "@babel/plugin-transform-template-literals@npm:7.13.0"
@@ -3074,6 +4002,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-template-literals@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-template-literals@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d6e085cd2ba3f57c3e2dd2f427bd95e5df257ecdb5cf024c5067fb559945e1bcb758acde8e6f918f66c3f04faccb3a268be76b40cb2c5b784825d2d34c3fad33
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typeof-symbol@npm:^7.12.1, @babel/plugin-transform-typeof-symbol@npm:^7.12.10, @babel/plugin-transform-typeof-symbol@npm:^7.12.13, @babel/plugin-transform-typeof-symbol@npm:^7.8.4":
   version: 7.12.13
   resolution: "@babel/plugin-transform-typeof-symbol@npm:7.12.13"
@@ -3096,6 +4035,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typeof-symbol@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8eb6ee5cb2d33146ea9e1e221b99d0e2d55abaed1792b675d498a955a841eb26031ea7807935b2ed58f198acdfcf5dad90da1c8a13ba58dd4e7c89e438e77608
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typescript@npm:^7.12.0, @babel/plugin-transform-typescript@npm:^7.12.1, @babel/plugin-transform-typescript@npm:^7.13.0, @babel/plugin-transform-typescript@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/plugin-transform-typescript@npm:7.13.0"
@@ -3156,6 +4106,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-escapes@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.16.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 9e0119156e26f6f1a48d85cd7549c50adb39e5721f000900c798884fd31b819a14e60b3359cb200a44e8ca11315dca80815971a93176acf841b167d5e823db58
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-regex@npm:^7.12.1, @babel/plugin-transform-unicode-regex@npm:^7.12.13, @babel/plugin-transform-unicode-regex@npm:^7.8.3":
   version: 7.12.13
   resolution: "@babel/plugin-transform-unicode-regex@npm:7.12.13"
@@ -3180,6 +4141,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-regex@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.16.0"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10f58f7312e23fa662c9456980c162c0c6010198f52f8a74c34b2a2ce8fd674ea5fc42b7b4c9d944942dda363d90ccb027e944ab2512ca55e9a670ab34ba5993
+  languageName: node
+  linkType: hard
+
 "@babel/polyfill@npm:^7.11.5, @babel/polyfill@npm:^7.2.5":
   version: 7.12.1
   resolution: "@babel/polyfill@npm:7.12.1"
@@ -3412,7 +4385,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-env@npm:^7.1.6, @babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.12.0, @babel/preset-env@npm:^7.12.1, @babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.4.4, @babel/preset-env@npm:^7.4.5, @babel/preset-env@npm:^7.8.4":
+"@babel/preset-env@npm:^7.1.6, @babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.12.0, @babel/preset-env@npm:^7.12.1, @babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.4.5, @babel/preset-env@npm:^7.8.4":
   version: 7.13.5
   resolution: "@babel/preset-env@npm:7.13.5"
   dependencies:
@@ -3573,6 +4546,90 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-env@npm:^7.16.4":
+  version: 7.16.4
+  resolution: "@babel/preset-env@npm:7.16.4"
+  dependencies:
+    "@babel/compat-data": ^7.16.4
+    "@babel/helper-compilation-targets": ^7.16.3
+    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-validator-option": ^7.14.5
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.16.2
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.16.0
+    "@babel/plugin-proposal-async-generator-functions": ^7.16.4
+    "@babel/plugin-proposal-class-properties": ^7.16.0
+    "@babel/plugin-proposal-class-static-block": ^7.16.0
+    "@babel/plugin-proposal-dynamic-import": ^7.16.0
+    "@babel/plugin-proposal-export-namespace-from": ^7.16.0
+    "@babel/plugin-proposal-json-strings": ^7.16.0
+    "@babel/plugin-proposal-logical-assignment-operators": ^7.16.0
+    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.16.0
+    "@babel/plugin-proposal-numeric-separator": ^7.16.0
+    "@babel/plugin-proposal-object-rest-spread": ^7.16.0
+    "@babel/plugin-proposal-optional-catch-binding": ^7.16.0
+    "@babel/plugin-proposal-optional-chaining": ^7.16.0
+    "@babel/plugin-proposal-private-methods": ^7.16.0
+    "@babel/plugin-proposal-private-property-in-object": ^7.16.0
+    "@babel/plugin-proposal-unicode-property-regex": ^7.16.0
+    "@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-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.16.0
+    "@babel/plugin-transform-async-to-generator": ^7.16.0
+    "@babel/plugin-transform-block-scoped-functions": ^7.16.0
+    "@babel/plugin-transform-block-scoping": ^7.16.0
+    "@babel/plugin-transform-classes": ^7.16.0
+    "@babel/plugin-transform-computed-properties": ^7.16.0
+    "@babel/plugin-transform-destructuring": ^7.16.0
+    "@babel/plugin-transform-dotall-regex": ^7.16.0
+    "@babel/plugin-transform-duplicate-keys": ^7.16.0
+    "@babel/plugin-transform-exponentiation-operator": ^7.16.0
+    "@babel/plugin-transform-for-of": ^7.16.0
+    "@babel/plugin-transform-function-name": ^7.16.0
+    "@babel/plugin-transform-literals": ^7.16.0
+    "@babel/plugin-transform-member-expression-literals": ^7.16.0
+    "@babel/plugin-transform-modules-amd": ^7.16.0
+    "@babel/plugin-transform-modules-commonjs": ^7.16.0
+    "@babel/plugin-transform-modules-systemjs": ^7.16.0
+    "@babel/plugin-transform-modules-umd": ^7.16.0
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.16.0
+    "@babel/plugin-transform-new-target": ^7.16.0
+    "@babel/plugin-transform-object-super": ^7.16.0
+    "@babel/plugin-transform-parameters": ^7.16.3
+    "@babel/plugin-transform-property-literals": ^7.16.0
+    "@babel/plugin-transform-regenerator": ^7.16.0
+    "@babel/plugin-transform-reserved-words": ^7.16.0
+    "@babel/plugin-transform-shorthand-properties": ^7.16.0
+    "@babel/plugin-transform-spread": ^7.16.0
+    "@babel/plugin-transform-sticky-regex": ^7.16.0
+    "@babel/plugin-transform-template-literals": ^7.16.0
+    "@babel/plugin-transform-typeof-symbol": ^7.16.0
+    "@babel/plugin-transform-unicode-escapes": ^7.16.0
+    "@babel/plugin-transform-unicode-regex": ^7.16.0
+    "@babel/preset-modules": ^0.1.5
+    "@babel/types": ^7.16.0
+    babel-plugin-polyfill-corejs2: ^0.3.0
+    babel-plugin-polyfill-corejs3: ^0.4.0
+    babel-plugin-polyfill-regenerator: ^0.3.0
+    core-js-compat: ^3.19.1
+    semver: ^6.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6f6f3adbfc3b917dca344821b78e23a0f31beac1c519b8b3f3445002eaa48625bca720cb3a81b6f2391831ed8444234404cbb275e477539ecfc64b54b3b23c36
+  languageName: node
+  linkType: hard
+
 "@babel/preset-flow@npm:^7.0.0, @babel/preset-flow@npm:^7.12.1":
   version: 7.12.13
   resolution: "@babel/preset-flow@npm:7.12.13"
@@ -3600,6 +4657,21 @@ __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: bd90081d96b746c1940dc1ce056dee06ed3a128d20936aee1d1795199f789f9a61293ef738343ae10c6d53970c17285d5e147a945dded35423aacb75083b8a89
+  languageName: node
+  linkType: hard
+
 "@babel/preset-react@npm:7.12.1":
   version: 7.12.1
   resolution: "@babel/preset-react@npm:7.12.1"
@@ -3752,7 +4824,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.11.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.3.4, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.4.5, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.11.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.3.4, @babel/runtime@npm:^7.4.5, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
   version: 7.13.6
   resolution: "@babel/runtime@npm:7.13.6"
   dependencies:
@@ -3781,7 +4853,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.0.0, @babel/template@npm:^7.10.4, @babel/template@npm:^7.12.13, @babel/template@npm:^7.12.7, @babel/template@npm:^7.3.3, @babel/template@npm:^7.4.0, @babel/template@npm:^7.4.4, @babel/template@npm:^7.7.0, @babel/template@npm:^7.8.6":
+"@babel/template@npm:^7.0.0, @babel/template@npm:^7.10.4, @babel/template@npm:^7.12.13, @babel/template@npm:^7.12.7, @babel/template@npm:^7.3.3, @babel/template@npm:^7.4.0, @babel/template@npm:^7.7.0, @babel/template@npm:^7.8.6":
   version: 7.12.13
   resolution: "@babel/template@npm:7.12.13"
   dependencies:
@@ -3803,7 +4875,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.0.0, @babel/traverse@npm:^7.1.0, @babel/traverse@npm:^7.12.1, @babel/traverse@npm:^7.12.10, @babel/traverse@npm:^7.12.9, @babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.4.3, @babel/traverse@npm:^7.4.4, @babel/traverse@npm:^7.4.5, @babel/traverse@npm:^7.7.0, @babel/traverse@npm:^7.9.0":
+"@babel/template@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/template@npm:7.16.0"
+  dependencies:
+    "@babel/code-frame": ^7.16.0
+    "@babel/parser": ^7.16.0
+    "@babel/types": ^7.16.0
+  checksum: 24f65ebd01839e5e501cd74e5466ef5dc5066bfd36ff03c44eb33a0485fd2eccbb22745c2ed6fc9ffb65e279cfc7c8c438ae72ec1892a8a103eba36f823a8dff
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.0.0, @babel/traverse@npm:^7.1.0, @babel/traverse@npm:^7.12.1, @babel/traverse@npm:^7.12.10, @babel/traverse@npm:^7.12.9, @babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.4.3, @babel/traverse@npm:^7.4.5, @babel/traverse@npm:^7.7.0, @babel/traverse@npm:^7.9.0":
   version: 7.13.0
   resolution: "@babel/traverse@npm:7.13.0"
   dependencies:
@@ -3870,6 +4953,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.16.0, @babel/traverse@npm:^7.16.3":
+  version: 7.16.3
+  resolution: "@babel/traverse@npm:7.16.3"
+  dependencies:
+    "@babel/code-frame": ^7.16.0
+    "@babel/generator": ^7.16.0
+    "@babel/helper-function-name": ^7.16.0
+    "@babel/helper-hoist-variables": ^7.16.0
+    "@babel/helper-split-export-declaration": ^7.16.0
+    "@babel/parser": ^7.16.3
+    "@babel/types": ^7.16.0
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: 484296dbe162446e3254a60ed2ca9efe9cf1b3960d3607b78ccaeac68b23a97166963da3df1d88fc1efb209185ef68835737794acc6504e307c512723331d099
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.16.5":
+  version: 7.16.5
+  resolution: "@babel/traverse@npm:7.16.5"
+  dependencies:
+    "@babel/code-frame": ^7.16.0
+    "@babel/generator": ^7.16.5
+    "@babel/helper-environment-visitor": ^7.16.5
+    "@babel/helper-function-name": ^7.16.0
+    "@babel/helper-hoist-variables": ^7.16.0
+    "@babel/helper-split-export-declaration": ^7.16.0
+    "@babel/parser": ^7.16.5
+    "@babel/types": ^7.16.0
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: 3118ed6a522391b665c3ef291162c12bb0dead43a38d0d03b510a76654a1d5578ebe7215e0ac675187b8feadb36e7d5db62ea89f55d115f4dcd179a387fdcb7d
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.0, @babel/types@npm:^7.12.1, @babel/types@npm:^7.12.10, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.13, @babel/types@npm:^7.12.17, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.13.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.0, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.8.6, @babel/types@npm:^7.9.0, @babel/types@npm:^7.9.6":
   version: 7.13.0
   resolution: "@babel/types@npm:7.13.0"
@@ -3922,6 +5040,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/types@npm:7.16.0"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.15.7
+    to-fast-properties: ^2.0.0
+  checksum: 85109116bb5f8a5779b1ce900eb076c9035607cf354173eb9af8cfdaacc4892161f795fd062561f680ab4fd09f792db9529b4515e99c9ace2c844b21c9f5d2b0
+  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"
@@ -3991,6 +5119,49 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@compodoc/compodoc@npm:^1.1.15":
+  version: 1.1.16
+  resolution: "@compodoc/compodoc@npm:1.1.16"
+  dependencies:
+    "@babel/core": ^7.16.0
+    "@babel/preset-env": ^7.16.4
+    "@compodoc/live-server": ^1.2.2
+    "@compodoc/ngd-transformer": ^2.1.0
+    chalk: ^4.1.2
+    cheerio: ^1.0.0-rc.10
+    chokidar: ^3.5.2
+    colors: ^1.4.0
+    commander: ^8.3.0
+    cosmiconfig: ^7.0.1
+    decache: ^4.6.0
+    fancy-log: ^1.3.3
+    findit2: ^2.2.3
+    fs-extra: ^10.0.0
+    glob: ^7.2.0
+    handlebars: ^4.7.7
+    html-entities: ^2.3.2
+    i18next: ^21.5.2
+    inside: ^1.0.0
+    json5: ^2.2.0
+    lodash: ^4.17.21
+    loglevel: ^1.8.0
+    loglevel-plugin-prefix: ^0.8.4
+    lunr: ^2.3.9
+    marked: ^4.0.4
+    minimist: ^1.2.5
+    opencollective-postinstall: ^2.0.3
+    os-name: 4.0.1
+    pdfmake: ^0.2.4
+    semver: ^7.3.5
+    traverse: ^0.6.6
+    ts-morph: ^13.0.1
+    uuid: ^8.3.2
+  bin:
+    compodoc: bin/index-cli.js
+  checksum: d85fb7564545dc5170e7a6eb74365d92936977c34991dd66bdda817c3889f73ee328dba680b2a9795d4d3270846e51690a7dffd6dfa70662f29dd9b87b7ef8e3
+  languageName: node
+  linkType: hard
+
 "@compodoc/live-server@npm:^1.2.2":
   version: 1.2.2
   resolution: "@compodoc/live-server@npm:1.2.2"
@@ -4209,6 +5380,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/core@npm:^10.3.1":
+  version: 10.3.1
+  resolution: "@emotion/core@npm:10.3.1"
+  dependencies:
+    "@babel/runtime": ^7.5.5
+    "@emotion/cache": ^10.0.27
+    "@emotion/css": ^10.0.27
+    "@emotion/serialize": ^0.11.15
+    "@emotion/sheet": 0.9.4
+    "@emotion/utils": 0.11.3
+  peerDependencies:
+    react: ">=16.3.0"
+  checksum: 99b27ffa33408e3987f0d77e1f18a6145c0c11fa0c8991adf09e5dba0451fcfb45288132b8caf2a038695fa081c593bfaab82e01f64fee86ddbb2bd3c5a41ed7
+  languageName: node
+  linkType: hard
+
 "@emotion/css@npm:^10.0.27":
   version: 10.0.27
   resolution: "@emotion/css@npm:10.0.27"
@@ -4470,6 +5657,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@foliojs-fork/pdfkit@npm:^0.13.0":
+  version: 0.13.0
+  resolution: "@foliojs-fork/pdfkit@npm:0.13.0"
+  dependencies:
+    "@foliojs-fork/fontkit": ^1.9.1
+    "@foliojs-fork/linebreak": ^1.1.1
+    crypto-js: ^4.0.0
+    png-js: ^1.0.0
+  checksum: c20d9f0fd87b6cd58c025eb78e46c073438a1d15fc2cbe7b7f63b11231a9509d044aa9659c1396ad0128673c747aca131a4f5b87a7b7856646c2bc51290d8fcd
+  languageName: node
+  linkType: hard
+
 "@foliojs-fork/restructure@npm:^2.0.2":
   version: 2.0.2
   resolution: "@foliojs-fork/restructure@npm:2.0.2"
@@ -6576,54 +7775,781 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/fs@npm:^1.11.0":
-  version: 1.11.0
-  resolution: "@parcel/fs@npm:1.11.0"
+"@parcel/babel-ast-utils@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/babel-ast-utils@npm:2.0.1"
+  dependencies:
+    "@babel/parser": ^7.0.0
+    "@parcel/babylon-walk": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    astring: ^1.6.2
+  checksum: 8502baa003a8bf7716e04191dc9f56700986b539dc0917a67b4cb66fed90a9cb9d258ba17d1779f2d0231866944cfa2e682db51f4167629d2f715f77aafc72d3
+  languageName: node
+  linkType: hard
+
+"@parcel/babylon-walk@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/babylon-walk@npm:2.0.1"
   dependencies:
-    "@parcel/utils": ^1.11.0
+    "@babel/types": ^7.12.13
+    lodash.clone: ^4.5.0
+  checksum: 7054a51a6e4cb19e91d5e0faf1f43215019f4b8ef676fd4795b642838ffdfcf7aa9ed2b7117d2ceac769c696e4da344f269d22a080c6b53c85d17957baa8c92f
+  languageName: node
+  linkType: hard
+
+"@parcel/bundler-default@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/bundler-default@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/hash": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+  checksum: 8f78c8e35d2332630edf4d8749b415e75a1b803285135e9b1a6df98caa8587ac866994f4565937728a67dd162a3c3b3519412c01f59bdd5822e0a7e78970ee35
+  languageName: node
+  linkType: hard
+
+"@parcel/cache@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/cache@npm:2.0.1"
+  dependencies:
+    "@parcel/logger": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    lmdb-store: ^1.5.5
+  peerDependencies:
+    "@parcel/core": ^2.0.0
+  checksum: c0b3afc572bfc64feca39bc4005e575c0b3ed75ff8af637b1cafe4263f6f478a08d62ecde5acde5042a14aef6360839b5a0c80044a554c48d1fa5dba98ca4581
+  languageName: node
+  linkType: hard
+
+"@parcel/codeframe@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/codeframe@npm:2.0.1"
+  dependencies:
+    chalk: ^4.1.0
+    emphasize: ^4.2.0
+    slice-ansi: ^4.0.0
+    string-width: ^4.2.0
+  checksum: 8cf47af1f71acf4331ec6d74caffddc2f414c148e8f63f13eb472246177316210afc68d01bba33dffb78a4b8c471512eae906ccfdbb7e6e664c294a35a62d27a
+  languageName: node
+  linkType: hard
+
+"@parcel/compressor-raw@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/compressor-raw@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+  checksum: 4f4c5299185f64e6c826048b46a4e19fc1114a479c89e6d22563042714f35d381c11f75f4029b887286a39fb9f0ea9651dd89118e8b819713580d6f5c0ad30a1
+  languageName: node
+  linkType: hard
+
+"@parcel/config-default@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/config-default@npm:2.0.1"
+  dependencies:
+    "@parcel/bundler-default": ^2.0.1
+    "@parcel/compressor-raw": ^2.0.1
+    "@parcel/namer-default": ^2.0.1
+    "@parcel/optimizer-cssnano": ^2.0.1
+    "@parcel/optimizer-htmlnano": ^2.0.1
+    "@parcel/optimizer-image": ^2.0.1
+    "@parcel/optimizer-svgo": ^2.0.1
+    "@parcel/optimizer-terser": ^2.0.1
+    "@parcel/packager-css": ^2.0.1
+    "@parcel/packager-html": ^2.0.1
+    "@parcel/packager-js": ^2.0.1
+    "@parcel/packager-raw": ^2.0.1
+    "@parcel/packager-svg": ^2.0.1
+    "@parcel/reporter-dev-server": ^2.0.1
+    "@parcel/resolver-default": ^2.0.1
+    "@parcel/runtime-browser-hmr": ^2.0.1
+    "@parcel/runtime-js": ^2.0.1
+    "@parcel/runtime-react-refresh": ^2.0.1
+    "@parcel/runtime-service-worker": ^2.0.1
+    "@parcel/transformer-babel": ^2.0.1
+    "@parcel/transformer-css": ^2.0.1
+    "@parcel/transformer-html": ^2.0.1
+    "@parcel/transformer-image": ^2.0.1
+    "@parcel/transformer-js": ^2.0.1
+    "@parcel/transformer-json": ^2.0.1
+    "@parcel/transformer-postcss": ^2.0.1
+    "@parcel/transformer-posthtml": ^2.0.1
+    "@parcel/transformer-raw": ^2.0.1
+    "@parcel/transformer-react-refresh-wrap": ^2.0.1
+    "@parcel/transformer-svg": ^2.0.1
+  peerDependencies:
+    "@parcel/core": ^2.0.0
+  checksum: f516076ad443ac9c72ad437f683d38a26857641e441f3a2026912796cd40dedc92cc867210edd2fa44c9db70edb0d5b5fa529ca74b878ae2e856402b6197b072
+  languageName: node
+  linkType: hard
+
+"@parcel/core@npm:2.0.1, @parcel/core@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/core@npm:2.0.1"
+  dependencies:
+    "@parcel/cache": ^2.0.1
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/events": ^2.0.1
+    "@parcel/fs": ^2.0.1
+    "@parcel/graph": ^2.0.1
+    "@parcel/hash": ^2.0.1
+    "@parcel/logger": ^2.0.1
+    "@parcel/package-manager": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    "@parcel/workers": ^2.0.1
+    abortcontroller-polyfill: ^1.1.9
+    base-x: ^3.0.8
+    browserslist: ^4.6.6
+    clone: ^2.1.1
+    dotenv: ^7.0.0
+    dotenv-expand: ^5.1.0
+    json-source-map: ^0.6.1
+    json5: ^1.0.1
+    micromatch: ^4.0.2
+    nullthrows: ^1.1.1
+    semver: ^5.4.1
+  checksum: 8e36a84c25661cfabdd9fb64e48eafab5981a0bb77f1b5ff1c0b418b6d44e539f141ab50be15306207e974e5bdb1fc9b5fdf9faf58a5054490089612139aebc9
+  languageName: node
+  linkType: hard
+
+"@parcel/diagnostic@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/diagnostic@npm:2.0.1"
+  dependencies:
+    json-source-map: ^0.6.1
+    nullthrows: ^1.1.1
+  checksum: 5dad9d9f3fad2e31caac5c03755bf5e7ba0f62e50cf20a9a0ed87028a2350a6173ca500eb2f4dc486cc127444f2141fa29a4f14f87e609ddaa189e1bd6cae711
+  languageName: node
+  linkType: hard
+
+"@parcel/events@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/events@npm:2.0.1"
+  checksum: 4c58d32617b055aba44b3cf61ff7b16d1c4272c1a75dcd7d9e610a6317538c0a0cdf7f6aabe06565aae2aaede895e27ecd7d6c3d675f191b762325fecf22b909
+  languageName: node
+  linkType: hard
+
+"@parcel/fs-search@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/fs-search@npm:2.0.1"
+  dependencies:
+    detect-libc: ^1.0.3
+  checksum: 1f7c8279f79ede63ef69ba6a9e3067f32eb3c1657dcbf71bdc6658d95bf1de8e5bc1f42cf5169704794f3b13796a219adbe3b143244e6d7b4ec78094d9c359f7
+  languageName: node
+  linkType: hard
+
+"@parcel/fs-write-stream-atomic@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/fs-write-stream-atomic@npm:2.0.1"
+  dependencies:
+    graceful-fs: ^4.1.2
+    iferr: ^1.0.2
+    imurmurhash: ^0.1.4
+    readable-stream: 1 || 2
+  checksum: fd4e7225be7180c63113ff726775ca8772b726227e53e68273ac4bf47fab57d94a1e7f883306209f311d89a83bcbfcdc04ee4d7a05dee88bbde223ed67fb441d
+  languageName: node
+  linkType: hard
+
+"@parcel/fs@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/fs@npm:2.0.1"
+  dependencies:
+    "@parcel/fs-search": ^2.0.1
+    "@parcel/fs-write-stream-atomic": ^2.0.1
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    "@parcel/watcher": ^2.0.0
+    "@parcel/workers": ^2.0.1
+    graceful-fs: ^4.2.4
     mkdirp: ^0.5.1
-    rimraf: ^2.6.2
-  checksum: cc2459618fa309e6d9e983dcdad6235c51a75fd87597b03b8f50cc61b603ef0e9b7b7a0b13c03d8190b2f1c23248b869f46208d74ebce754ee8b656451a3a000
+    ncp: ^2.0.0
+    nullthrows: ^1.1.1
+    rimraf: ^3.0.2
+    utility-types: ^3.10.0
+  peerDependencies:
+    "@parcel/core": ^2.0.0
+  checksum: 573b3d4751df77382895101ec5ef5f6dc51689d576886f1751cf0598c06753e971b4a386a6909d0b477f20bc8d70c6d7e7d214db39ca5bd843c09304485f36cc
   languageName: node
   linkType: hard
 
-"@parcel/logger@npm:^1.11.1":
-  version: 1.11.1
-  resolution: "@parcel/logger@npm:1.11.1"
+"@parcel/graph@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/graph@npm:2.0.1"
   dependencies:
-    "@parcel/workers": ^1.11.0
-    chalk: ^2.1.0
-    grapheme-breaker: ^0.3.2
-    ora: ^2.1.0
-    strip-ansi: ^4.0.0
-  checksum: 6f41e27c78bdc14344ac9fa2eb244e723d0db7b23390024fc71afc0e71ae9ee9585cb7857ec15e2b731d3bf48474078faec1ac9e282135c29692234a632ae642
+    nullthrows: ^1.1.1
+  checksum: 95ca1b2559bef74cbacaeba28b9253c41523c62da1dc438e35d9945456329f7e4015e94dc537d2c483728e21badb61b003fdabcc75edd6003c72f0db29b9f6a7
   languageName: node
   linkType: hard
 
-"@parcel/utils@npm:^1.11.0":
-  version: 1.11.0
-  resolution: "@parcel/utils@npm:1.11.0"
-  checksum: 2f50e99224b6cefc92e3e83a470c37b4fe532a9e3e0c3f299e799f5e647b4074ce8a13f632333682e5d024f8c9c98363202bff0f8accb9a45abe337b59309a57
+"@parcel/hash@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/hash@npm:2.0.1"
+  dependencies:
+    detect-libc: ^1.0.3
+    xxhash-wasm: ^0.4.1
+  checksum: 8daa90b58fc4df6f941481294b7baf71f32d36b175cfa044eafc1f2606768ac20a30515f3680cb8282d8fe35e2226710a87988197ad886911ac8c0c1a47e6579
   languageName: node
   linkType: hard
 
-"@parcel/watcher@npm:^1.12.1":
-  version: 1.12.1
-  resolution: "@parcel/watcher@npm:1.12.1"
+"@parcel/logger@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/logger@npm:2.0.1"
   dependencies:
-    "@parcel/utils": ^1.11.0
-    chokidar: ^2.1.5
-  checksum: fffd3ec75e31821d6b35591ad96bb31cea5d8634e58d96d97441913d75f9b9e28fa29daccafd8967bb0d36f4d990550b0cda50ea4d540a5f13e97a34b4417849
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/events": ^2.0.1
+  checksum: 3030e36622bd495e570e97f9713159ed2cede70881ff1c22ef21d0b6f8817f1189743fc90635ca69bd518ba12b6bcfebc4044a6a549229bc1f90f3253e2f51c6
   languageName: node
   linkType: hard
 
-"@parcel/workers@npm:^1.11.0":
-  version: 1.11.0
-  resolution: "@parcel/workers@npm:1.11.0"
+"@parcel/markdown-ansi@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/markdown-ansi@npm:2.0.1"
+  dependencies:
+    chalk: ^4.1.0
+  checksum: d5f77a315a5e795750ba70cff432fdb4cef7b22b1a2abf00c749dc9d614a0aca4493eb2fa3b628571ac7177d203d3b6e6f482c011b8059a1a79d725e5266bb0b
+  languageName: node
+  linkType: hard
+
+"@parcel/namer-default@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/namer-default@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    nullthrows: ^1.1.1
+  checksum: 214fc91b30001fb1c143cb7b97c00223049dd3e8c9156712f1c51f939f6b0d0dc8bd6399bfb3be2a48dcf3a177e0460f77bcc05227e3396d38cace20357b207a
+  languageName: node
+  linkType: hard
+
+"@parcel/node-libs-browser@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/node-libs-browser@npm:2.0.1"
+  dependencies:
+    assert: ^2.0.0
+    browserify-zlib: ^0.2.0
+    buffer: ^5.5.0
+    console-browserify: ^1.2.0
+    constants-browserify: ^1.0.0
+    crypto-browserify: ^3.12.0
+    domain-browser: ^3.5.0
+    events: ^3.1.0
+    https-browserify: ^1.0.0
+    os-browserify: ^0.3.0
+    path-browserify: ^1.0.0
+    process: ^0.11.10
+    punycode: ^1.4.1
+    querystring-es3: ^0.2.1
+    stream-browserify: ^3.0.0
+    stream-http: ^3.1.0
+    string_decoder: ^1.3.0
+    timers-browserify: ^2.0.11
+    tty-browserify: ^0.0.1
+    url: ^0.11.0
+    util: ^0.12.3
+    vm-browserify: ^1.1.2
+  checksum: f6782276c34e57e473d5cda2348b5c9fae5bb046b985aacb385a764ae225b67c156144f68668823e38f2f2648cb8212e3c1da4f1014d5b956f1d50f89866f1a6
+  languageName: node
+  linkType: hard
+
+"@parcel/node-resolver-core@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/node-resolver-core@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/node-libs-browser": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    micromatch: ^4.0.4
+    nullthrows: ^1.1.1
+  checksum: c5415de91044f4defafbbd96f03727483c8a219a13b21b83a46bc879f8c3379f083efbb1a63abd9f493a9c5114295000603e3b7f52c7c4ee2572d22a71e3b772
+  languageName: node
+  linkType: hard
+
+"@parcel/optimizer-cssnano@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/optimizer-cssnano@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    cssnano: ^5.0.5
+    postcss: ^8.3.0
+  checksum: fca60e69734d7d2d7be4a71f48778ac189eb693c73adc5d03c66a102b306db96d396e0e2fabfcccb0efbfe2ce3c32f7288b9b7e62ad77eea48226705989b686a
+  languageName: node
+  linkType: hard
+
+"@parcel/optimizer-htmlnano@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/optimizer-htmlnano@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    htmlnano: ^1.0.1
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    svgo: ^2.4.0
+  checksum: 56f018a0f6d2fc2a773e88ceabb15640bb7ce257aaba7403fe92234985c232ff13889df14468f5b4e76fbf21817a00b52b2a31772c887aaca07a176d07d7ce66
+  languageName: node
+  linkType: hard
+
+"@parcel/optimizer-image@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/optimizer-image@npm:2.0.1"
   dependencies:
-    "@parcel/utils": ^1.11.0
-    physical-cpu-count: ^2.0.0
-  checksum: 8d6a2b0b8cbe009dbb9027f4cbd75d75ac164e728ae581784aa9c3830c60338e50cb3a22c14243ed5b7633fbf082458d9e03e4c59b2ffa78217553a6baa29390
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    detect-libc: ^1.0.3
+  checksum: 4ecc1c14b39a223438a50374ad99dc32da6b3958e877761c8a99ff5ed52b337cc0e0f5bfa6009cd0bca4ed032c3e74ae624d948284494aa4110216035e3b14b9
+  languageName: node
+  linkType: hard
+
+"@parcel/optimizer-svgo@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/optimizer-svgo@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    svgo: ^2.4.0
+  checksum: 93e840635fbaf665d0e99488ae9124eb20f1d21e215a76a680205dfc398872d450726466df648fef2babfbce0cfe899493651b5aa18cfb10cdace923222219c2
+  languageName: node
+  linkType: hard
+
+"@parcel/optimizer-terser@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/optimizer-terser@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+    terser: ^5.2.0
+  checksum: 77cc5744005b720b0ef1cd683cd3d661605df17e0601ac6e6c8f6fb76c778418acdae89f3e4baf09ac23799348edb7b9732235190e7a55c8defc565cd7639479
+  languageName: node
+  linkType: hard
+
+"@parcel/package-manager@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/package-manager@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/fs": ^2.0.1
+    "@parcel/logger": ^2.0.1
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    "@parcel/workers": ^2.0.1
+    command-exists: ^1.2.6
+    cross-spawn: ^6.0.4
+    nullthrows: ^1.1.1
+    semver: ^5.4.1
+    split2: ^3.1.1
+  peerDependencies:
+    "@parcel/core": ^2.0.0
+  checksum: 32805b4817ebfad4adb3843f137109d759b8f7f3950b2ed6afd5bc909788d534def17066229f5d267303c11af84f5f9db1bc5a2847f9f20d35273e45cf093037
+  languageName: node
+  linkType: hard
+
+"@parcel/packager-css@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/packager-css@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+    postcss: ^8.3.0
+  checksum: 863f4d4b9483faa2ea8fe6224f5125c227e3d35208713dd1ff1a3a10bbd581d66b3196c4d9a7a13812e7a653b18867536e8e979b0b50462cd076018186762eee
+  languageName: node
+  linkType: hard
+
+"@parcel/packager-html@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/packager-html@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+  checksum: 907359b727dc7b1db1a263b359e6c91fba4117bccd3b91905348e31331b0774209430f7dd7b6cccaa72ed12aa26fe0a7d3064a4ad4ed05406ebc5018408aa70c
+  languageName: node
+  linkType: hard
+
+"@parcel/packager-js@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/packager-js@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/hash": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    globals: ^13.2.0
+    nullthrows: ^1.1.1
+  checksum: b049cebc2ae6fcfe7bf12c3fc1944302f9a54118a8db20072572b2783e31392e07b1e219c5e0c29ca38321a072ad5fae7723f23d52c82ddef92ba2ddc908dbb9
+  languageName: node
+  linkType: hard
+
+"@parcel/packager-raw@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/packager-raw@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+  checksum: e3fe7ac510df77985cda2d8a0008169adf682214d62b86f5530cd958d22215942d9faaa3f8709d382f8d5e68ae6daf012f6da21a744ebe1b25e6d288268f92ae
+  languageName: node
+  linkType: hard
+
+"@parcel/packager-svg@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/packager-svg@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    posthtml: ^0.16.4
+  checksum: 4eeb6c526cb9dc9ee8f25878d184e454e3d7d5e479b1f91612e3f49ead79005b65829baaa2adafe88c4af378b21ad5c66c65b7121fe17659073ab8a32023f48b
+  languageName: node
+  linkType: hard
+
+"@parcel/plugin@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/plugin@npm:2.0.1"
+  dependencies:
+    "@parcel/types": ^2.0.1
+  checksum: 74b89b519d8d2fa1efd66ff5ff182fbf5ead6bac8ded9219583439026be5eedaa20f0e79976f63c5f5502465a257c8c4c37d2e40557d7a3e2cd42c8112d00f8d
+  languageName: node
+  linkType: hard
+
+"@parcel/reporter-cli@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/reporter-cli@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    chalk: ^4.1.0
+    filesize: ^6.1.0
+    nullthrows: ^1.1.1
+    ora: ^5.2.0
+    string-width: ^4.2.0
+    strip-ansi: ^6.0.0
+    term-size: ^2.2.1
+    wrap-ansi: ^7.0.0
+  checksum: da6ef253dff0c7695f41b4ccbd5c4f0351edf4c552b52b5b1f3500a949c32bc30f39323623ecf0e94c1c3fde366717de0059d49079ad64e503345224c379ef9d
+  languageName: node
+  linkType: hard
+
+"@parcel/reporter-dev-server@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/reporter-dev-server@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    connect: ^3.7.0
+    ejs: ^3.1.6
+    http-proxy-middleware: ^1.0.0
+    nullthrows: ^1.1.1
+    serve-handler: ^6.0.0
+    ws: ^7.0.0
+  checksum: bbac6a72981d0558ebee87c40d5256928a412605914fec01013053f2f7e427dbf0a3a0927e2901ac4b8b19e7aca058b6caaa5561ff6e71b590207e8aa3f8265a
+  languageName: node
+  linkType: hard
+
+"@parcel/resolver-default@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/resolver-default@npm:2.0.1"
+  dependencies:
+    "@parcel/node-resolver-core": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+  checksum: fc13a154009dc6387e52544950f6d02f46a706172f0c95239f349c42af4d4a0bf443cfd37ff4fd3dcca17ec53e80759a73e10a2e75259d83db35b1921600d1c0
+  languageName: node
+  linkType: hard
+
+"@parcel/runtime-browser-hmr@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/runtime-browser-hmr@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+  checksum: 965e39f5c7eda0bdf553ff5f09d5603491a5b9975382a0060c0460c0c87222a7acadc7d5861fa2976390a638883f40200be5485f9eb761bfe8d146f8b79b5bfb
+  languageName: node
+  linkType: hard
+
+"@parcel/runtime-js@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/runtime-js@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+  checksum: a584feb229fb653033b6a98de72abbc5db37ebea0b72435aca2d9f1c7911b2d4d6d1ce15b7e5ccc40dfb86a065cca7f2dd062355178135e7a7c2cacbc1c77a2f
+  languageName: node
+  linkType: hard
+
+"@parcel/runtime-react-refresh@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/runtime-react-refresh@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    react-refresh: ^0.9.0
+  checksum: aa7b69d2ab17bb5446a78b9c4d9787c121d3cf5a8553adbadcb4bcae4fa9f3cb15d7e06691f1d385930b96057308cc4a2ff31105c262f3f2168bc348d5b54524
+  languageName: node
+  linkType: hard
+
+"@parcel/runtime-service-worker@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/runtime-service-worker@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+  checksum: fa93a9692ca29f07a321cae8869c3c2745b1f37062fb7d5bf08d5264b80ab8cafd3462e03daa03e5518ba5b5882f076280b0a23b32843d4ae2bf57ba82ba13d6
+  languageName: node
+  linkType: hard
+
+"@parcel/source-map@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@parcel/source-map@npm:2.0.0"
+  dependencies:
+    detect-libc: ^1.0.3
+    globby: ^11.0.3
+  checksum: eb38a3aad8cd7bc04c07c05108e16943a95877501f6460ef5d49b958bd5528df01672edfcc330e96123330d6e3d1fbcd065f00a2b9938accd0bf05ee6db16b2e
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-babel@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-babel@npm:2.0.1"
+  dependencies:
+    "@babel/core": ^7.12.0
+    "@babel/generator": ^7.9.0
+    "@babel/helper-compilation-targets": ^7.8.4
+    "@babel/plugin-transform-flow-strip-types": ^7.0.0
+    "@babel/traverse": ^7.0.0
+    "@parcel/babel-ast-utils": ^2.0.1
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    browserslist: ^4.6.6
+    core-js: ^3.2.1
+    json5: ^2.1.0
+    nullthrows: ^1.1.1
+    semver: ^5.7.0
+  checksum: dac323749432f4a09cbab7352a75e81653b877f2bf31683139ff40e3eb47b44dbe9217b30422992d8fd8d56226f80eec74054ec9dde347fe02a07c7fc8786f2f
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-css@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-css@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+    postcss: ^8.3.0
+    postcss-value-parser: ^4.1.0
+    semver: ^5.4.1
+  checksum: dd173499772b723befba0a3ea1cee04d99f2f1b0cc00791c99cc992e33c3579c59f3a7bc4a6b1d7a4a02a1044ce0102b9a54eae9b1c5beecd118f40a667ec746
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-html@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-html@npm:2.0.1"
+  dependencies:
+    "@parcel/hash": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.4.1
+  checksum: 1936db443ffeeed543dcee32b3590e650ce2f488a744421a59eb46e2e8cbdd8853e4bf7751e1cc8f258b2625fb2af68e588f7afd69049e210153401b5984404a
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-image@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-image@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/workers": ^2.0.1
+    nullthrows: ^1.1.1
+  checksum: e065a964d0ae6386e141d4de2cd37c0b66831468c402c34a7fd3b8882a31c9b13207bc7c58fac875cae936ec8bae96d221abfa1a8967d9943a2e0a5b0ccd3aee
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-js@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-js@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": ^2.0.1
+    "@swc/helpers": ^0.2.11
+    browserslist: ^4.6.6
+    detect-libc: ^1.0.3
+    micromatch: ^4.0.2
+    nullthrows: ^1.1.1
+    regenerator-runtime: ^0.13.7
+    semver: ^5.4.1
+  checksum: ffae1fdefb23f8e28229a38448b4e2edaab91de17d1c36f5aba7c99fb2ec13fe7f4e7c85f7b543d9941d484697b8c331a326c1178537c40d627dc2c1b194c87c
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-json@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-json@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    json5: ^2.1.0
+  checksum: e0d7694293e3b87c0aa5dd20f1cdfd0ee4ceb7f3548bd4f2afc40dd859114fdb29c0b03dc817a085e689f41b34f7ce280701f4d5f6989369fd9c0bf5af0131fa
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-postcss@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-postcss@npm:2.0.1"
+  dependencies:
+    "@parcel/hash": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    clone: ^2.1.1
+    css-modules-loader-core: ^1.1.0
+    nullthrows: ^1.1.1
+    postcss-modules: ^3.2.2
+    postcss-value-parser: ^4.1.0
+    semver: ^5.4.1
+  checksum: ca810573c143fa29fb880250bf044d174a468787b8618bd446146d3c31c2f5d0d3ac79c31892364fe2a323b10d601e7bad2ef40f0309c8c8bb52c461dd87e26f
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-posthtml@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-posthtml@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.4.1
+  checksum: 772e598203005c32412da153a7bd2a4c97a14c4ad5b3f8943156a2499952da8f84374473585b9d895d2ec969c1066ab242c0e8f9c89a6c47bb6a54c76b18f318
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-raw@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-raw@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+  checksum: a2d406c0321ef27e7c963ec713742134e34764f3c6f44806df360fb0e4ae8d78497f077b56f802570217f6973cdbc2db3c636de8b1ddc3701355ee4128e0ef41
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-react-refresh-wrap@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.0.1"
+  dependencies:
+    "@parcel/plugin": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    react-refresh: ^0.9.0
+  checksum: 2cc7f6354a9b65218a4a8cbf513a0cfe8908b35a15c9801ed9bfa38303fee963d946dabde41992c4ce48c9ed10f3cc5bc1027727600e775451e8f2c7c83d53aa
+  languageName: node
+  linkType: hard
+
+"@parcel/transformer-svg@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/transformer-svg@npm:2.0.1"
+  dependencies:
+    "@parcel/hash": ^2.0.1
+    "@parcel/plugin": ^2.0.1
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.4.1
+  checksum: ee13ef08977b494ba1028e05aa6dc268aacba70ac33cc2aa05fef94850d43756e62cc1e143b147fa2d04650e195b50dd34c2f07a0291de2bbc96e5c98b4e4566
+  languageName: node
+  linkType: hard
+
+"@parcel/types@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/types@npm:2.0.1"
+  dependencies:
+    "@parcel/cache": ^2.0.1
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/fs": ^2.0.1
+    "@parcel/package-manager": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    "@parcel/workers": ^2.0.1
+    utility-types: ^3.10.0
+  checksum: cd0024ca83f531fcdc54d95170900c7d03972d4a66fbb4fbd3de95bd7bf2aeee0cb5b0d5192764bc02c77b8dfd083ded5867240c6c10baaa6c259e3a3635f61b
+  languageName: node
+  linkType: hard
+
+"@parcel/utils@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/utils@npm:2.0.1"
+  dependencies:
+    "@iarna/toml": ^2.2.0
+    "@parcel/codeframe": ^2.0.1
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/hash": ^2.0.1
+    "@parcel/logger": ^2.0.1
+    "@parcel/markdown-ansi": ^2.0.1
+    "@parcel/source-map": ^2.0.0
+    ansi-html-community: 0.0.8
+    chalk: ^4.1.0
+    clone: ^2.1.1
+    fast-glob: 3.1.1
+    fastest-levenshtein: ^1.0.8
+    is-glob: ^4.0.0
+    is-url: ^1.2.2
+    json5: ^1.0.1
+    lru-cache: ^6.0.0
+    micromatch: ^4.0.4
+    node-forge: ^0.10.0
+    nullthrows: ^1.1.1
+    open: ^7.0.3
+    terminal-link: ^2.1.1
+  checksum: c4948e55d95eb7d067070bbba9c4c6492a21e4701b3e1d262bf67966bd5b6f459837e23d07a637da68ae436e28b2b6eea43cf1eae6594ffc72bfb08cf1d7d0d2
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "@parcel/watcher@npm:2.0.4"
+  dependencies:
+    node-addon-api: ^3.2.1
+    node-gyp: latest
+    node-gyp-build: ^4.3.0
+  checksum: 7c7e8fa2879371135039cf6559122808fc37d436701dd804f3e0b4897d5690a2c92c73795ad4a015d8715990bfb4226dc6d14fea429522fcb5662ce370508e8d
+  languageName: node
+  linkType: hard
+
+"@parcel/workers@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@parcel/workers@npm:2.0.1"
+  dependencies:
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/logger": ^2.0.1
+    "@parcel/types": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    chrome-trace-event: ^1.0.2
+    nullthrows: ^1.1.1
+  peerDependencies:
+    "@parcel/core": ^2.0.0
+  checksum: 1963dd5b00d2b2307c351abfc542709727a56c71520fe598b36716bead994391c97f7ecfd852631295485c5d6d79617a57445d8ac89f24999c51cc912a8fc3b5
   languageName: node
   linkType: hard
 
@@ -6663,9 +8589,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.1":
-  version: 0.5.1
-  resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.1"
+"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.3":
+  version: 0.5.4
+  resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.4"
   dependencies:
     ansi-html-community: ^0.0.8
     common-path-prefix: ^3.0.0
@@ -6678,7 +8604,7 @@ __metadata:
     source-map: ^0.7.3
   peerDependencies:
     "@types/webpack": 4.x || 5.x
-    react-refresh: ^0.10.0
+    react-refresh: ">=0.10.0 <1.0.0"
     sockjs-client: ^1.4.0
     type-fest: ">=0.17.0 <3.0.0"
     webpack: ">=4.43.0 <6.0.0"
@@ -6698,7 +8624,7 @@ __metadata:
       optional: true
     webpack-plugin-serve:
       optional: true
-  checksum: 553da170e479a855475efd1c7200be4ac29727d272143861827866278353916e39921647c3b2df39c6cf86ce5740f735c6ff26f876484d909b69365e8c77976d
+  checksum: 305f7f9ed8164f787d97a2e2c2a301c7b6c9fb193e8ddf83a3e47cc9231944e8904b53243cf69ac85f44d19f1517cf25765c4c3c19159a77be9c9f8972e7f2da
   languageName: node
   linkType: hard
 
@@ -6709,21 +8635,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@reach/router@npm:^1.3.4":
-  version: 1.3.4
-  resolution: "@reach/router@npm:1.3.4"
-  dependencies:
-    create-react-context: 0.3.0
-    invariant: ^2.2.3
-    prop-types: ^15.6.1
-    react-lifecycles-compat: ^3.0.4
-  peerDependencies:
-    react: 15.x || 16.x || 16.4.0-alpha.0911da3
-    react-dom: 15.x || 16.x || 16.4.0-alpha.0911da3
-  checksum: 083fcb658ae5cd0de2b7ebe56bbb8c1b4aa6ec035038d41916afcdd2f31ffd7ccdd6848f7ee8e53d562c31fc4c1b1953fd7007eb9d57daf65779f344ca5a5373
-  languageName: node
-  linkType: hard
-
 "@rollup/plugin-node-resolve@npm:^7.1.1":
   version: 7.1.3
   resolution: "@rollup/plugin-node-resolve@npm:7.1.3"
@@ -6903,24 +8814,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@6.4.0-rc.6, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@6.5.0-alpha.7, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-a11y@workspace:addons/a11y"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/theming": 6.5.0-alpha.7
     "@testing-library/react": ^11.2.2
     "@types/webpack-env": ^1.16.0
     axe-core: ^4.2.0
     core-js: ^3.8.2
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     react-sizeme: ^3.0.1
     regenerator-runtime: ^0.13.7
     ts-dedent: ^2.0.0
@@ -6936,27 +8847,27 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@6.4.0-rc.6, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@6.5.0-alpha.7, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-actions@workspace:addons/actions"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/lodash": ^4.14.167
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     polished: ^4.0.5
     prop-types: ^15.7.2
     react-inspector: ^5.1.0
     regenerator-runtime: ^0.13.7
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     ts-dedent: ^2.0.0
     util-deprecate: ^1.0.2
     uuid-browser: ^3.1.0
@@ -6971,17 +8882,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@6.4.0-rc.6, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@6.5.0-alpha.7, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-backgrounds@workspace:addons/backgrounds"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7000,21 +8911,21 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@6.4.0-rc.6, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@6.5.0-alpha.7, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-controls@workspace:addons/controls"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     core-js: ^3.8.2
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     ts-dedent: ^2.0.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
@@ -7027,7 +8938,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@6.4.0-rc.6, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@6.5.0-alpha.7, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -7037,32 +8948,32 @@ __metadata:
     "@babel/parser": ^7.12.11
     "@babel/plugin-transform-react-jsx": ^7.12.12
     "@babel/preset-env": ^7.12.11
-    "@emotion/core": ^10.1.1
+    "@emotion/core": ^10.3.1
     "@emotion/styled": ^10.0.27
     "@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.0-rc.6
-    "@storybook/angular": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/builder-webpack4": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/angular": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/csf-tools": 6.4.0-rc.6
-    "@storybook/html": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/postinstall": 6.4.0-rc.6
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
-    "@storybook/vue": 6.4.0-rc.6
-    "@storybook/web-components": 6.4.0-rc.6
+    "@storybook/csf-tools": 6.5.0-alpha.7
+    "@storybook/html": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/postinstall": 6.5.0-alpha.7
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
+    "@storybook/vue": 6.5.0-alpha.7
+    "@storybook/web-components": 6.5.0-alpha.7
     "@types/cross-spawn": ^6.0.2
     "@types/doctrine": ^0.0.3
     "@types/enzyme": ^3.10.8
@@ -7091,7 +9002,7 @@ __metadata:
     lit-element: ^3.0.2
     lit-html: ^2.0.2
     loader-utils: ^2.0.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     nanoid: ^3.1.23
     p-limit: ^3.1.0
     prettier: ^2.2.1
@@ -7113,12 +9024,12 @@ __metadata:
     webpack: 4
     zone.js: ^0.11.3
   peerDependencies:
-    "@storybook/angular": 6.4.0-rc.6
-    "@storybook/html": 6.4.0-rc.6
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/vue": 6.4.0-rc.6
-    "@storybook/vue3": 6.4.0-rc.6
-    "@storybook/web-components": 6.4.0-rc.6
+    "@storybook/angular": 6.5.0-alpha.7
+    "@storybook/html": 6.5.0-alpha.7
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/vue": 6.5.0-alpha.7
+    "@storybook/vue3": 6.5.0-alpha.7
+    "@storybook/web-components": 6.5.0-alpha.7
     lit: ^2.0.0
     lit-html: ^1.4.1 || ^2.0.0
     react: ^16.8.0 || ^17.0.0
@@ -7159,23 +9070,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@6.4.0-rc.6, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@6.5.0-alpha.7, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-essentials@workspace:addons/essentials"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-measure": 6.4.0-rc.6
-    "@storybook/addon-outline": 6.4.0-rc.6
-    "@storybook/addon-toolbars": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/vue": 6.4.0-rc.6
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-measure": 6.5.0-alpha.7
+    "@storybook/addon-outline": 6.5.0-alpha.7
+    "@storybook/addon-toolbars": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/vue": 6.5.0-alpha.7
     "@types/jest": ^26.0.16
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
@@ -7183,8 +9094,8 @@ __metadata:
     ts-dedent: ^2.0.0
   peerDependencies:
     "@babel/core": ^7.9.6
-    "@storybook/vue": 6.4.0-rc.6
-    "@storybook/web-components": 6.4.0-rc.6
+    "@storybook/vue": 6.5.0-alpha.7
+    "@storybook/web-components": 6.5.0-alpha.7
     babel-loader: ^8.0.0
     lit-html: ^1.4.1 || ^2.0.0-rc.3
     react: ^16.8.0 || ^17.0.0
@@ -7223,20 +9134,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-interactions@6.4.0-rc.6, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@6.5.0-alpha.7, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-interactions@workspace:addons/interactions"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/instrumenter": 6.4.0-rc.6
-    "@storybook/jest": ^0.0.2
-    "@storybook/testing-library": ^0.0.3
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/instrumenter": 6.5.0-alpha.7
+    "@storybook/jest": ^0.0.5
+    "@storybook/testing-library": ^0.0.7
+    "@storybook/theming": 6.5.0-alpha.7
     formik: ^2.2.9
     global: ^4.4.0
     jest-mock: ^27.0.6
@@ -7253,15 +9164,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@6.4.0-rc.6, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@6.5.0-alpha.7, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-jest@workspace:addons/jest"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7279,15 +9190,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@6.4.0-rc.6, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@6.5.0-alpha.7, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-links@workspace:addons/links"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.0-rc.6
+    "@storybook/router": 6.5.0-alpha.7
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
@@ -7307,15 +9218,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@6.4.0-rc.6, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@6.5.0-alpha.7, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-measure@workspace:addons/measure"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
@@ -7331,15 +9242,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@6.4.0-rc.6, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@6.5.0-alpha.7, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-outline@workspace:addons/outline"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
@@ -7370,20 +9281,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@6.4.0-rc.6, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@6.5.0-alpha.7, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer"
   dependencies:
     "@axe-core/puppeteer": ^4.2.0
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/node-logger": 6.4.0-rc.6
+    "@storybook/node-logger": 6.5.0-alpha.7
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
     core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     regenerator-runtime: ^0.13.7
   peerDependencies:
-    "@storybook/addon-storyshots": 6.4.0-rc.6
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependenciesMeta:
     puppeteer:
@@ -7391,25 +9302,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@6.4.0-rc.6, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@6.5.0-alpha.7, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core"
   dependencies:
     "@angular/core": ^11.2.0
     "@angular/platform-browser-dynamic": ^11.2.0
     "@jest/transform": ^26.6.2
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/angular": 6.4.0-rc.6
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/angular": 6.5.0-alpha.7
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-client": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-client": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/vue": 6.4.0-rc.6
-    "@storybook/vue3": 6.4.0-rc.6
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/vue": 6.5.0-alpha.7
+    "@storybook/vue3": 6.5.0-alpha.7
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7482,17 +9393,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@6.4.0-rc.6, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@6.5.0-alpha.7, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storysource@workspace:addons/storysource"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/router": 6.4.0-rc.6
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/router": 6.5.0-alpha.7
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/react": ^16.14.2
     "@types/react-syntax-highlighter": ^11.0.5
     core-js: ^3.8.2
@@ -7500,7 +9411,7 @@ __metadata:
     loader-utils: ^2.0.0
     prettier: ^2.2.1
     prop-types: ^15.7.2
-    react-syntax-highlighter: ^13.5.3
+    react-syntax-highlighter: ^15.4.2
     regenerator-runtime: ^0.13.7
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
@@ -7513,14 +9424,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@6.4.0-rc.6, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@6.5.0-alpha.7, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-toolbars@workspace:addons/toolbars"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     core-js: ^3.8.2
     regenerator-runtime: ^0.13.7
   peerDependencies:
@@ -7534,16 +9445,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@6.4.0-rc.6, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@6.5.0-alpha.7, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-viewport@workspace:addons/viewport"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     core-js: ^3.8.2
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -7560,17 +9471,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@6.4.0-rc.6, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@6.5.0-alpha.7, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
   version: 0.0.0-use.local
   resolution: "@storybook/addons@workspace:lib/addons"
   dependencies:
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/router": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7581,17 +9492,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/addons@npm:6.4.0-beta.12"
+"@storybook/addons@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/addons@npm:6.4.0-rc.5"
   dependencies:
-    "@storybook/api": 6.4.0-beta.12
-    "@storybook/channels": 6.4.0-beta.12
-    "@storybook/client-logger": 6.4.0-beta.12
-    "@storybook/core-events": 6.4.0-beta.12
+    "@storybook/api": 6.4.0-rc.5
+    "@storybook/channels": 6.4.0-rc.5
+    "@storybook/client-logger": 6.4.0-rc.5
+    "@storybook/core-events": 6.4.0-rc.5
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.0-beta.12
-    "@storybook/theming": 6.4.0-beta.12
+    "@storybook/router": 6.4.0-rc.5
+    "@storybook/theming": 6.4.0-rc.5
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7599,11 +9510,11 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: b11524630bb1a30057ea971ac081a1fd9408bdcdcfd7fd2cfdb33e1475c0207ea21a3f01839944ed5c1ae509d207b9772c1805991a61e9b0fa65f6f3c02b4f48
+  checksum: a37aa6eedf8f43417500f62d72dcd0987b6959c3021ac66360f845d97052ee5a4b1b63b8e2e7ee3027a2f6eb2c6f63694b0596fa9a5370d63e0ff0c9f0f4803d
   languageName: node
   linkType: hard
 
-"@storybook/angular@6.4.0-rc.6, @storybook/angular@workspace:*, @storybook/angular@workspace:app/angular":
+"@storybook/angular@6.5.0-alpha.7, @storybook/angular@workspace:*, @storybook/angular@workspace:app/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:app/angular"
   dependencies:
@@ -7620,17 +9531,18 @@ __metadata:
     "@angular/platform-browser": ^11.2.14
     "@angular/platform-browser-dynamic": ^11.2.14
     "@nrwl/workspace": ^11.6.3
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/node-logger": 6.4.0-rc.6
+    "@storybook/node-logger": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
     "@types/autoprefixer": ^9.7.2
     "@types/jest": ^26.0.16
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     "@webcomponents/custom-elements": ^1.4.3
     autoprefixer: ^9.8.6
@@ -7649,7 +9561,7 @@ __metadata:
     regenerator-runtime: ^0.13.7
     sass-loader: ^10.1.0
     strip-json-comments: 3.1.1
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     ts-dedent: ^2.0.0
     ts-jest: ^26.4.4
     ts-loader: ^8.0.14
@@ -7658,7 +9570,7 @@ __metadata:
     webpack: 4
   peerDependencies:
     "@angular-devkit/architect": ">=0.8.9"
-    "@angular-devkit/build-angular": ">=0.8.9"
+    "@angular-devkit/build-angular": ">=0.8.9 || >= 12.0.0"
     "@angular-devkit/core": ^0.6.1 || >=7.0.0
     "@angular/cli": ">=6.0.0"
     "@angular/common": ">=6.0.0"
@@ -7672,7 +9584,7 @@ __metadata:
     "@babel/core": "*"
     "@nrwl/workspace": ">=11.1.0"
     "@webcomponents/custom-elements": ">=1.4.3"
-    rxjs: ^6.0.0
+    rxjs: ^6.0.0 || ^7.4.0
     typescript: ^3.4.0 || >=4.0.0
     zone.js: ^0.8.29 || ^0.9.0 || ^0.10.0 || ^0.11.0
   peerDependenciesMeta:
@@ -7691,17 +9603,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@6.4.0-rc.6, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@6.5.0-alpha.7, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
   version: 0.0.0-use.local
   resolution: "@storybook/api@workspace:lib/api"
   dependencies:
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.0-rc.6
+    "@storybook/router": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     "@types/semver": ^7.3.4
@@ -7709,13 +9621,13 @@ __metadata:
     fast-deep-equal: ^3.1.3
     flush-promises: ^1.0.2
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     memoizerific: ^1.11.3
     preval.macro: ^5.0.0
     qs: ^6.10.1
     regenerator-runtime: ^0.13.7
     store2: ^2.12.0
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     ts-dedent: ^2.0.0
     util-deprecate: ^1.0.2
   peerDependencies:
@@ -7724,25 +9636,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/api@npm:6.4.0-beta.12"
+"@storybook/api@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/api@npm:6.4.0-rc.5"
   dependencies:
-    "@reach/router": ^1.3.4
-    "@storybook/channels": 6.4.0-beta.12
-    "@storybook/client-logger": 6.4.0-beta.12
-    "@storybook/core-events": 6.4.0-beta.12
+    "@storybook/channels": 6.4.0-rc.5
+    "@storybook/client-logger": 6.4.0-rc.5
+    "@storybook/core-events": 6.4.0-rc.5
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/router": 6.4.0-beta.12
+    "@storybook/router": 6.4.0-rc.5
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 6.4.0-beta.12
-    "@types/reach__router": ^1.3.7
+    "@storybook/theming": 6.4.0-rc.5
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
     lodash: ^4.17.20
     memoizerific: ^1.11.3
-    qs: ^6.10.0
     regenerator-runtime: ^0.13.7
     store2: ^2.12.0
     telejson: ^5.3.2
@@ -7751,7 +9660,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: b19728903ca0032105a8069de7747ffeeaf4da67890aa0359abd8f6d328bc93773b773164f0790a30f2f1a14e83d0b67ae848a428051d679db5bbf4a034a358a
+  checksum: cbf1ad699c3d879eaae183c8ddb70f6774ed311d16367237f942d2db45df59c37af0658891d4a6fbedc637828cc4914afbbec57dba26e4e478f3a0acb86112a3
   languageName: node
   linkType: hard
 
@@ -7762,7 +9671,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack4@6.4.0-rc.6, @storybook/builder-webpack4@workspace:lib/builder-webpack4":
+"@storybook/builder-webpack4@6.5.0-alpha.7, @storybook/builder-webpack4@workspace:lib/builder-webpack4":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-webpack4@workspace:lib/builder-webpack4"
   dependencies:
@@ -7787,25 +9696,24 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/channel-postmessage": 6.4.0-rc.6
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/router": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/channel-postmessage": 6.5.0-alpha.7
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/router": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
-    "@storybook/ui": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
+    "@storybook/ui": 6.5.0-alpha.7
     "@types/case-sensitive-paths-webpack-plugin": ^2.1.4
-    "@types/node": ^14.0.10
-    "@types/react-dev-utils": ^9.0.4
+    "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.0.2
     "@types/webpack": ^4.41.26
     "@types/webpack-dev-middleware": ^3.7.3
@@ -7830,7 +9738,6 @@ __metadata:
     postcss-flexbugs-fixes: ^4.2.1
     postcss-loader: ^4.2.0
     raw-loader: ^4.0.2
-    react-dev-utils: ^11.0.4
     stable: ^0.1.8
     style-loader: ^1.3.0
     terser-webpack-plugin: ^4.2.3
@@ -7851,7 +9758,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@6.4.0-rc.6, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@6.5.0-alpha.7, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-webpack5@workspace:lib/builder-webpack5"
   dependencies:
@@ -7875,24 +9782,23 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/channel-postmessage": 6.4.0-rc.6
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/router": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/channel-postmessage": 6.5.0-alpha.7
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/router": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/case-sensitive-paths-webpack-plugin": ^2.1.4
-    "@types/node": ^14.0.10
-    "@types/react-dev-utils": ^9.0.4
+    "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.0.2
     "@types/webpack-dev-middleware": ^4.1.0
     "@types/webpack-hot-middleware": ^2.25.3
@@ -7907,7 +9813,7 @@ __metadata:
     glob: ^7.1.6
     glob-promise: ^3.4.0
     html-webpack-plugin: ^5.0.0
-    react-dev-utils: ^11.0.4
+    path-browserify: ^1.0.1
     stable: ^0.1.8
     style-loader: ^2.0.0
     terser-webpack-plugin: ^5.0.3
@@ -7926,33 +9832,33 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@6.4.0-rc.6, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@6.5.0-alpha.7, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
   version: 0.0.0-use.local
   resolution: "@storybook/channel-postmessage@workspace:lib/channel-postmessage"
   dependencies:
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     core-js: ^3.8.2
     global: ^4.4.0
     qs: ^6.10.0
-    telejson: ^5.3.2
+    telejson: ^5.3.3
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@6.4.0-rc.6, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@6.5.0-alpha.7, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
   version: 0.0.0-use.local
   resolution: "@storybook/channel-websocket@workspace:lib/channel-websocket"
   dependencies:
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
     core-js: ^3.8.2
     global: ^4.4.0
-    telejson: ^5.3.2
+    telejson: ^5.3.3
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@6.4.0-rc.6, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@6.5.0-alpha.7, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
@@ -7962,28 +9868,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/channels@npm:6.4.0-beta.12"
+"@storybook/channels@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/channels@npm:6.4.0-rc.5"
   dependencies:
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
     util-deprecate: ^1.0.2
-  checksum: 65fcab0fad18bf6b1d58226da593134351578726f4ae6f52f081174a0197a5ecd3eefa83d23e802fd5bb64bc26f1b53460513cacdfa01b0733f85db691ca3b19
+  checksum: d3b3360fea40e7d312bd4b2e9680c70d9e7db6b27c45679cbfbd49c74a59f8126d06a1acee0b9e6a0b6e2b8874af5f930e53010af56cf1e65522c5b079ae97ca
   languageName: node
   linkType: hard
 
-"@storybook/cli@6.4.0-rc.6, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@6.5.0-alpha.7, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
   version: 0.0.0-use.local
   resolution: "@storybook/cli@workspace:lib/cli"
   dependencies:
     "@babel/core": ^7.12.10
     "@babel/preset-env": ^7.12.11
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/codemod": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/csf-tools": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/codemod": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/csf-tools": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
     "@types/cross-spawn": ^6.0.2
     "@types/prompts": ^2.0.9
@@ -8020,23 +9926,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@6.4.0-rc.6, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@6.5.0-alpha.7, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
   version: 0.0.0-use.local
   resolution: "@storybook/client-api@workspace:lib/client-api"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/channel-postmessage": 6.4.0-rc.6
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/channel-postmessage": 6.5.0-alpha.7
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
     "@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.20
+    lodash: ^4.17.21
     memoizerific: ^1.11.3
     qs: ^6.10.0
     regenerator-runtime: ^0.13.7
@@ -8050,7 +9956,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@6.4.0-rc.6, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@6.5.0-alpha.7, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
   version: 0.0.0-use.local
   resolution: "@storybook/client-logger@workspace:lib/client-logger"
   dependencies:
@@ -8059,46 +9965,46 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/client-logger@npm:6.4.0-beta.12"
+"@storybook/client-logger@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/client-logger@npm:6.4.0-rc.5"
   dependencies:
     core-js: ^3.8.2
     global: ^4.4.0
-  checksum: 92266cd73e97990c2dc93227e82091eaedc23fb9f876dd8043e8b1c560b6f7e390e6ae6d1d018703dae200be6295c5fad2f19d012c66e19d43fb61122f7dfc91
+  checksum: cb6b6ae5a6abfcb709424183d368cb33234794c9c4461466075d0436e4041e1b30dd1baf8c0d36bed75c0db08a706b75eec5e1dbbeb968548fde904eefd26984
   languageName: node
   linkType: hard
 
-"@storybook/codemod@6.4.0-rc.6, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@6.5.0-alpha.7, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
   version: 0.0.0-use.local
   resolution: "@storybook/codemod@workspace:lib/codemod"
   dependencies:
     "@babel/types": ^7.12.11
     "@mdx-js/mdx": ^1.6.22
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/csf-tools": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
+    "@storybook/csf-tools": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
     core-js: ^3.8.2
     cross-spawn: ^7.0.3
     globby: ^11.0.2
     jest: ^26.6.3
     jest-specific-snapshot: ^4.0.0
     jscodeshift: ^0.7.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     prettier: ^2.2.1
     recast: ^0.19.0
     regenerator-runtime: ^0.13.7
   languageName: unknown
   linkType: soft
 
-"@storybook/components@6.4.0-rc.6, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@6.5.0-alpha.7, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:lib/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 6.4.0-rc.6
+    "@storybook/client-logger": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/theming": 6.5.0-alpha.7
     "@types/color-convert": ^2.0.0
     "@types/overlayscrollbars": ^1.12.0
     "@types/react-syntax-highlighter": 11.0.5
@@ -8108,7 +10014,7 @@ __metadata:
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
     jest: ^26.6.3
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     markdown-to-jsx: ^7.1.3
     memoizerific: ^1.11.3
     overlayscrollbars: ^1.13.1
@@ -8116,7 +10022,7 @@ __metadata:
     prop-types: ^15.7.2
     react-colorful: ^5.1.2
     react-popper-tooltip: ^3.1.1
-    react-syntax-highlighter: ^13.5.3
+    react-syntax-highlighter: ^15.4.2
     react-textarea-autosize: ^8.3.0
     regenerator-runtime: ^0.13.7
     ts-dedent: ^2.0.0
@@ -8127,25 +10033,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@6.4.0-rc.6, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@6.5.0-alpha.7, @storybook/core-client@workspace:lib/core-client":
   version: 0.0.0-use.local
   resolution: "@storybook/core-client@workspace:lib/core-client"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/channel-postmessage": 6.4.0-rc.6
-    "@storybook/channel-websocket": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/channel-postmessage": 6.5.0-alpha.7
+    "@storybook/channel-websocket": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
-    "@storybook/ui": 6.4.0-rc.6
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
+    "@storybook/ui": 6.5.0-alpha.7
     airbnb-js-shims: ^2.2.1
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     qs: ^6.10.0
     regenerator-runtime: ^0.13.7
     ts-dedent: ^2.0.0
@@ -8161,7 +10067,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@6.4.0-rc.6, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@6.5.0-alpha.7, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
@@ -8186,13 +10092,13 @@ __metadata:
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
     "@babel/register": ^7.12.1
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.253f8c1.0
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
     "@storybook/semver": ^7.3.2
     "@types/compression": ^1.7.0
     "@types/interpret": ^1.1.1
     "@types/mock-fs": ^4.13.0
-    "@types/node": ^14.0.10
+    "@types/node": ^14.0.10 || ^16.0.0
     "@types/picomatch": ^2.3.0
     "@types/pretty-hrtime": ^1.0.0
     babel-loader: ^8.0.0
@@ -8216,7 +10122,7 @@ __metadata:
     pretty-hrtime: ^1.0.3
     resolve-from: ^5.0.0
     slash: ^3.0.0
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     ts-dedent: ^2.0.0
     util-deprecate: ^1.0.2
     webpack: 4
@@ -8229,7 +10135,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@6.4.0-rc.6, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@6.5.0-alpha.7, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
   version: 0.0.0-use.local
   resolution: "@storybook/core-events@workspace:lib/core-events"
   dependencies:
@@ -8237,34 +10143,34 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/core-events@npm:6.4.0-beta.12"
+"@storybook/core-events@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/core-events@npm:6.4.0-rc.5"
   dependencies:
     core-js: ^3.8.2
-  checksum: bb813832063622d6db1b1745fefcb54a6210b41fe71b2e14af63d4dc506e0f2679f619022cc2562d86df7f37d3674a359818c2f09b4c7082812e539af3c3d8f7
+  checksum: cc7bcda2677354575d7d9e74573662215beb608ceb9b5c08db6cac3c3febad860119a501dfa5bf426dc80dcc61f0d53142c703b118f97c7269cd51fe85dd8b6d
   languageName: node
   linkType: hard
 
-"@storybook/core-server@6.4.0-rc.6, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@6.5.0-alpha.7, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-webpack4": 6.4.0-rc.6
-    "@storybook/builder-webpack5": 6.4.0-rc.6
-    "@storybook/core-client": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
+    "@storybook/builder-webpack5": 6.5.0-alpha.7
+    "@storybook/core-client": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/csf-tools": 6.4.0-rc.6
-    "@storybook/manager-webpack4": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
+    "@storybook/csf-tools": 6.5.0-alpha.7
+    "@storybook/manager-webpack4": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
-    "@types/node": ^14.0.10
+    "@types/node": ^14.0.10 || ^16.0.0
     "@types/node-fetch": ^2.5.7
     "@types/pretty-hrtime": ^1.0.0
     "@types/serve-favicon": ^2.5.2
@@ -8285,8 +10191,9 @@ __metadata:
     globby: ^11.0.2
     ip: ^1.1.5
     jest-specific-snapshot: ^4.0.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     node-fetch: ^2.6.1
+    open: ^8.4.0
     pretty-hrtime: ^1.0.3
     prompts: ^2.4.0
     regenerator-runtime: ^0.13.7
@@ -8298,9 +10205,10 @@ __metadata:
     watchpack: ^2.2.0
     webpack: 4
     ws: ^8.2.3
+    x-default-browser: ^0.4.0
   peerDependencies:
-    "@storybook/builder-webpack5": 6.4.0-rc.6
-    "@storybook/manager-webpack5": 6.4.0-rc.6
+    "@storybook/builder-webpack5": 6.5.0-alpha.7
+    "@storybook/manager-webpack5": 6.5.0-alpha.7
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
   peerDependenciesMeta:
@@ -8313,14 +10221,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core@6.4.0-rc.6, @storybook/core@workspace:*, @storybook/core@workspace:lib/core":
+"@storybook/core@6.5.0-alpha.7, @storybook/core@workspace:*, @storybook/core@workspace:lib/core":
   version: 0.0.0-use.local
   resolution: "@storybook/core@workspace:lib/core"
   dependencies:
-    "@storybook/core-client": 6.4.0-rc.6
-    "@storybook/core-server": 6.4.0-rc.6
+    "@storybook/core-client": 6.5.0-alpha.7
+    "@storybook/core-server": 6.5.0-alpha.7
   peerDependencies:
-    "@storybook/builder-webpack5": 6.4.0-rc.6
+    "@storybook/builder-webpack5": 6.5.0-alpha.7
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
     webpack: "*"
@@ -8332,7 +10240,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@6.4.0-rc.6, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@6.5.0-alpha.7, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
   version: 0.0.0-use.local
   resolution: "@storybook/csf-tools@workspace:lib/csf-tools"
   dependencies:
@@ -8351,7 +10259,7 @@ __metadata:
     global: ^4.4.0
     js-string-escape: ^1.0.1
     js-yaml: ^3.14.1
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     prettier: ^2.2.1
     regenerator-runtime: ^0.13.7
     ts-dedent: ^2.0.0
@@ -8411,14 +10319,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@6.4.0-rc.6, @storybook/ember@workspace:*, @storybook/ember@workspace:app/ember":
+"@storybook/ember@6.5.0-alpha.7, @storybook/ember@workspace:*, @storybook/ember@workspace:app/ember":
   version: 0.0.0-use.local
   resolution: "@storybook/ember@workspace:app/ember"
   dependencies:
     "@ember/test-helpers": ^2.1.4
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
     core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
@@ -8451,10 +10359,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/example-react-ts-webpack4@workspace:examples/react-ts-webpack4"
   dependencies:
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-essentials": 6.4.0-rc.6
-    "@storybook/builder-webpack4": 6.4.0-rc.6
-    "@storybook/react": 6.4.0-rc.6
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-essentials": 6.5.0-alpha.7
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
+    "@storybook/react": 6.5.0-alpha.7
     "@types/react": ^16.14.2
     "@types/react-dom": ^16.9.10
     prop-types: 15.7.2
@@ -8472,13 +10380,13 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addon-essentials": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/cli": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/addon-essentials": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/cli": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8494,24 +10402,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/expect@npm:^27.2.5":
-  version: 27.3.1
-  resolution: "@storybook/expect@npm:27.3.1"
-  checksum: 0a40f0ccbb5deabe0b2cd928763ac683344800e1e26e0db7383343cb357c671c5ce5f6d66a1221d9e1b3c7d30e38092543bfe0747fe106af4d8636b079e3de3f
+"@storybook/expect@npm:storybook-jest":
+  version: 27.3.2-2
+  resolution: "@storybook/expect@npm:27.3.2-2"
+  checksum: d874f35f8d46f0799664280dfae918dab6fa97ec266f833f8fe50ac05b3e52a29528edbe72fa3cad4a629bbaf7070b74998ce5e1eb3bf64f25f176bf2a69a0ae
   languageName: node
   linkType: hard
 
-"@storybook/html@6.4.0-rc.6, @storybook/html@workspace:*, @storybook/html@workspace:app/html":
+"@storybook/html@6.5.0-alpha.7, @storybook/html@workspace:*, @storybook/html@workspace:app/html":
   version: 0.0.0-use.local
   resolution: "@storybook/html@workspace:app/html"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8530,38 +10439,37 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@6.4.0-rc.6, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@6.5.0-alpha.7, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
   version: 0.0.0-use.local
   resolution: "@storybook/instrumenter@workspace:lib/instrumenter"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     global: ^4.4.0
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/instrumenter@npm:6.4.0-beta.12"
+"@storybook/instrumenter@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/instrumenter@npm:6.4.0-rc.5"
   dependencies:
-    "@storybook/addons": 6.4.0-beta.12
-    "@storybook/client-logger": 6.4.0-beta.12
-    "@storybook/core-events": 6.4.0-beta.12
+    "@storybook/addons": 6.4.0-rc.5
+    "@storybook/client-logger": 6.4.0-rc.5
+    "@storybook/core-events": 6.4.0-rc.5
     global: ^4.4.0
-  checksum: b127e4533c8c4725ccf675b37e5790f4edf37d4541e5051e3606b4c28f6877afd0a34a27659f3a377eabc9ebcf3b898b555dca654b08d62c074609e4d6eeade3
+  checksum: 91bbb54a730d011d51768482de2d3e664b7fc2f4964a89bcaa31269085e27e70f81bfd48f70872690a81b5ebb41fbb6377305ae68c2bd570e2af7aaf01ddaf45
   languageName: node
   linkType: hard
 
-"@storybook/jest@npm:^0.0.2":
-  version: 0.0.2
-  resolution: "@storybook/jest@npm:0.0.2"
+"@storybook/jest@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "@storybook/jest@npm:0.0.5"
   dependencies:
-    "@storybook/expect": ^27.2.5
-    "@storybook/instrumenter": 6.4.0-beta.12
-    expect: ^27.2.5
-    jest-mock: ^27.2.5
-  checksum: eb079516fe9e12c77db38e623b616131188b62fc7d99439d6fb94f0d536d1231f2adf848b7b7ef393a57ec9b55b0dd882395c04036a10162cd9f698d4117b15b
+    "@storybook/expect": storybook-jest
+    "@storybook/instrumenter": 6.4.0-rc.5
+    jest-mock: ^27.3.0
+  checksum: b9ffb9fb9943c9e6208a748de07196459bc31935effca5119ec6a861e456e65a220faad4bcc244e3aaffa29e82f78bf054ed8d726a86688668d8c873febfb88a
   languageName: node
   linkType: hard
 
@@ -8593,21 +10501,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-webpack4@6.4.0-rc.6, @storybook/manager-webpack4@workspace:lib/manager-webpack4":
+"@storybook/manager-webpack4@6.5.0-alpha.7, @storybook/manager-webpack4@workspace:lib/manager-webpack4":
   version: 0.0.0-use.local
   resolution: "@storybook/manager-webpack4@workspace:lib/manager-webpack4"
   dependencies:
     "@babel/core": ^7.12.10
     "@babel/plugin-transform-template-literals": ^7.12.1
     "@babel/preset-react": ^7.12.10
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/core-client": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
-    "@storybook/ui": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/core-client": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
+    "@storybook/ui": 6.5.0-alpha.7
     "@types/case-sensitive-paths-webpack-plugin": ^2.1.4
-    "@types/node": ^14.0.10
+    "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.0.2
     "@types/webpack": ^4.41.26
     "@types/webpack-dev-middleware": ^3.7.3
@@ -8629,7 +10537,7 @@ __metadata:
     regenerator-runtime: ^0.13.7
     resolve-from: ^5.0.0
     style-loader: ^1.3.0
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     terser-webpack-plugin: ^4.2.3
     ts-dedent: ^2.0.0
     url-loader: ^4.1.1
@@ -8653,14 +10561,14 @@ __metadata:
     "@babel/core": ^7.12.10
     "@babel/plugin-transform-template-literals": ^7.12.1
     "@babel/preset-react": ^7.12.10
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/core-client": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
-    "@storybook/ui": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/core-client": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
+    "@storybook/ui": 6.5.0-alpha.7
     "@types/case-sensitive-paths-webpack-plugin": ^2.1.4
-    "@types/node": ^14.0.10
+    "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.0.2
     "@types/webpack-dev-middleware": ^4.1.0
     "@types/webpack-virtual-modules": ^0.1.0
@@ -8679,7 +10587,7 @@ __metadata:
     regenerator-runtime: ^0.13.7
     resolve-from: ^5.0.0
     style-loader: ^2.0.0
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     terser-webpack-plugin: ^5.0.3
     ts-dedent: ^2.0.0
     util-deprecate: ^1.0.2
@@ -8695,7 +10603,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/node-logger@6.4.0-rc.6, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@6.5.0-alpha.7, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
   version: 0.0.0-use.local
   resolution: "@storybook/node-logger@workspace:lib/node-logger"
   dependencies:
@@ -8734,7 +10642,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@6.4.0-rc.6, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@6.5.0-alpha.7, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -8745,16 +10653,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@6.4.0-rc.6, @storybook/preact@workspace:*, @storybook/preact@workspace:app/preact":
+"@storybook/preact@6.5.0-alpha.7, @storybook/preact@workspace:*, @storybook/preact@workspace:app/preact":
   version: 0.0.0-use.local
   resolution: "@storybook/preact@workspace:app/preact"
   dependencies:
     "@babel/plugin-transform-react-jsx": ^7.12.12
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -8805,20 +10714,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preview-web@6.4.0-rc.6, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@6.5.0-alpha.7, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
   version: 0.0.0-use.local
   resolution: "@storybook/preview-web@workspace:lib/preview-web"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/channel-postmessage": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/channel-postmessage": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
     ansi-to-html: ^0.6.11
     core-js: ^3.8.2
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     qs: ^6.10.0
     regenerator-runtime: ^0.13.7
     synchronous-promise: ^2.0.15
@@ -8831,41 +10740,41 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.253f8c1.0":
-  version: 1.0.2-canary.253f8c1.0
-  resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.253f8c1.0"
+"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0":
+  version: 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
+  resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0"
   dependencies:
     debug: ^4.1.1
     endent: ^2.0.1
     find-cache-dir: ^3.3.1
     flat-cache: ^3.0.4
     micromatch: ^4.0.2
-    react-docgen-typescript: ^2.0.0
+    react-docgen-typescript: ^2.1.1
     tslib: ^2.0.0
   peerDependencies:
     typescript: ">= 3.x"
     webpack: ">= 4"
-  checksum: 024d758c54bad04c69644436f940ee4ae205162a13cf21b2384f31001475408eb6a486e92cc4e2ce50383dd099c01ec01f577e630f1262140b6659fd6e91856a
+  checksum: 2d3ab49e4858d5f28f36b5bd0e30f3d3450bc7d9865cd4fbe65a35085ae63feff9556a3265b594a2c84b03c66f009dc8b057802f3ca0f76b961d51536835cb8f
   languageName: node
   linkType: hard
 
-"@storybook/react@6.4.0-rc.6, @storybook/react@workspace:*, @storybook/react@workspace:app/react":
+"@storybook/react@6.5.0-alpha.7, @storybook/react@workspace:*, @storybook/react@workspace:app/react":
   version: 0.0.0-use.local
   resolution: "@storybook/react@workspace:app/react"
   dependencies:
     "@babel/preset-flow": ^7.12.1
     "@babel/preset-react": ^7.12.10
-    "@pmmmwh/react-refresh-webpack-plugin": ^0.5.1
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@pmmmwh/react-refresh-webpack-plugin": ^0.5.3
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.253f8c1.0
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 6.4.0-rc.6
-    "@types/node": ^14.14.20
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/prompts": ^2.0.9
     "@types/webpack-env": ^1.16.0
     babel-plugin-add-react-displayname: ^0.0.5
@@ -8873,10 +10782,9 @@ __metadata:
     babel-plugin-react-docgen: ^4.2.1
     core-js: ^3.8.2
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     prop-types: ^15.7.2
-    react-dev-utils: ^11.0.4
-    react-refresh: ^0.10.0
+    react-refresh: ^0.11.0
     read-pkg-up: ^7.0.1
     regenerator-runtime: ^0.13.7
     ts-dedent: ^2.0.0
@@ -8963,7 +10871,7 @@ __metadata:
     "@storybook/eslint-config-storybook": ^2.4.0
     "@storybook/html": "workspace:*"
     "@storybook/instrumenter": "workspace:*"
-    "@storybook/jest": ^0.0.2
+    "@storybook/jest": ^0.0.5
     "@storybook/linter-config": ^2.5.0
     "@storybook/node-logger": "workspace:*"
     "@storybook/postinstall": "workspace:*"
@@ -8977,7 +10885,7 @@ __metadata:
     "@storybook/source-loader": "workspace:*"
     "@storybook/store": "workspace:*"
     "@storybook/svelte": "workspace:*"
-    "@storybook/testing-library": ^0.0.3
+    "@storybook/testing-library": ^0.0.7
     "@storybook/theming": "workspace:*"
     "@storybook/ui": "workspace:*"
     "@storybook/vue": "workspace:*"
@@ -8995,7 +10903,7 @@ __metadata:
     "@types/jest": ^26.0.16
     "@types/js-yaml": ^3.12.6
     "@types/lodash": ^4.14.167
-    "@types/node": ^14.14.20
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/node-cleanup": ^2.1.1
     "@types/prompts": 2.0.11
     "@types/semver": ^7.3.4
@@ -9044,6 +10952,7 @@ __metadata:
     jest-enzyme: ^7.1.2
     jest-image-snapshot: ^4.3.0
     jest-jasmine2: ^26.6.3
+    jest-os-detection: ^1.3.1
     jest-raw-loader: ^1.0.1
     jest-serializer-html: ^7.0.0
     jest-teamcity: ^1.9.0
@@ -9051,7 +10960,7 @@ __metadata:
     js-yaml: ^3.14.1
     lerna: ^3.22.1
     lint-staged: ^10.5.4
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     mocha-list-tests: ^1.0.5
     node-cleanup: ^2.1.2
     node-fetch: ^2.6.1
@@ -9128,16 +11037,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@6.4.0-rc.6, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@6.5.0-alpha.7, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
   version: 0.0.0-use.local
   resolution: "@storybook/router@workspace:lib/router"
   dependencies:
-    "@storybook/client-logger": 6.4.0-rc.6
+    "@storybook/client-logger": 6.5.0-alpha.7
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
     history: 5.0.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     memoizerific: ^1.11.3
     qs: ^6.10.0
     react-router: ^6.0.0
@@ -9149,24 +11058,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/router@npm:6.4.0-beta.12"
+"@storybook/router@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/router@npm:6.4.0-rc.5"
   dependencies:
-    "@reach/router": ^1.3.4
-    "@storybook/client-logger": 6.4.0-beta.12
-    "@types/reach__router": ^1.3.7
+    "@storybook/client-logger": 6.4.0-rc.5
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
+    history: 5.0.0
     lodash: ^4.17.20
     memoizerific: ^1.11.3
     qs: ^6.10.0
+    react-router: ^6.0.0-beta.8
+    react-router-dom: ^6.0.0-beta.8
     ts-dedent: ^2.0.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 4ff60a0b61157b8319f80f1350b7b77ff22c49d56904baadc35847a7ce8d5348359b06d018a7a1cada855e87781d20ba53db2e3c3a59abb43c100a9e5a90012a
+  checksum: 6cd11d393fd2021dcab0880a3fb8caa8873d65127d456d164d6d5c2dd06d7a4714e9761c5cfdc165f388354c2e7e5e91b14b6f25595570b7788feed8cc9be99f
   languageName: node
   linkType: hard
 
@@ -9182,19 +11092,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server@6.4.0-rc.6, @storybook/server@workspace:*, @storybook/server@workspace:app/server":
+"@storybook/server@6.5.0-alpha.7, @storybook/server@workspace:*, @storybook/server@workspace:app/server":
   version: 0.0.0-use.local
   resolution: "@storybook/server@workspace:app/server"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     fs-extra: ^9.0.1
@@ -9214,18 +11125,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@6.4.0-rc.6, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@6.5.0-alpha.7, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
   version: 0.0.0-use.local
   resolution: "@storybook/source-loader@workspace:lib/source-loader"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
     "@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.20
+    lodash: ^4.17.21
     prettier: ^2.2.1
     regenerator-runtime: ^0.13.7
   peerDependencies:
@@ -9234,18 +11145,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@6.4.0-rc.6, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@6.5.0-alpha.7, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
   version: 0.0.0-use.local
   resolution: "@storybook/store@workspace:lib/store"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@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.20
+    lodash: ^4.17.21
     memoizerific: ^1.11.3
     regenerator-runtime: ^0.13.7
     slash: ^3.0.0
@@ -9253,18 +11164,21 @@ __metadata:
     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
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@6.4.0-rc.6, @storybook/svelte@workspace:*, @storybook/svelte@workspace:app/svelte":
+"@storybook/svelte@6.5.0-alpha.7, @storybook/svelte@workspace:*, @storybook/svelte@workspace:app/svelte":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte@workspace:app/svelte"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/store": 6.5.0-alpha.7
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -9287,27 +11201,27 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/testing-library@npm:^0.0.3":
-  version: 0.0.3
-  resolution: "@storybook/testing-library@npm:0.0.3"
+"@storybook/testing-library@npm:^0.0.7":
+  version: 0.0.7
+  resolution: "@storybook/testing-library@npm:0.0.7"
   dependencies:
-    "@storybook/client-logger": 6.4.0-beta.12
-    "@storybook/instrumenter": 6.4.0-beta.12
+    "@storybook/client-logger": 6.4.0-rc.5
+    "@storybook/instrumenter": 6.4.0-rc.5
     "@testing-library/dom": ^8.3.0
     "@testing-library/user-event": ^13.2.1
     ts-dedent: ^2.2.0
-  checksum: 18eb7896d5dba8b4b23ff87a1b6694e5f984f357f41d1b9af88311843e5e0c4b5804e6de7e27c2a73d694decbbb5d20cd23a97bb7c9d5b93cd20ae7f93b3a538
+  checksum: 6be4b2d418195417cd0a04e5a4f2b71a93364cb88780084714a0553c39e6b38943458511b25b101c830b332783afec98a40eefcdc663dca3f34e8f48609a4670
   languageName: node
   linkType: hard
 
-"@storybook/theming@6.4.0-rc.6, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@6.5.0-alpha.7, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
-    "@emotion/core": ^10.1.1
+    "@emotion/core": ^10.3.1
     "@emotion/is-prop-valid": ^0.8.6
     "@emotion/styled": ^10.0.27
-    "@storybook/client-logger": 6.4.0-rc.6
+    "@storybook/client-logger": 6.5.0-alpha.7
     core-js: ^3.8.2
     deep-object-diff: ^1.1.0
     emotion-theming: ^10.0.27
@@ -9322,14 +11236,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/theming@npm:6.4.0-beta.12":
-  version: 6.4.0-beta.12
-  resolution: "@storybook/theming@npm:6.4.0-beta.12"
+"@storybook/theming@npm:6.4.0-rc.5":
+  version: 6.4.0-rc.5
+  resolution: "@storybook/theming@npm:6.4.0-rc.5"
   dependencies:
     "@emotion/core": ^10.1.1
     "@emotion/is-prop-valid": ^0.8.6
     "@emotion/styled": ^10.0.27
-    "@storybook/client-logger": 6.4.0-beta.12
+    "@storybook/client-logger": 6.4.0-rc.5
     core-js: ^3.8.2
     deep-object-diff: ^1.1.0
     emotion-theming: ^10.0.27
@@ -9341,25 +11255,25 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: dfbc81fc2bca08c0ee0bc16ee5cf757e4e925755bb3a5af047c02bdc3884816486f2f4163be5e8eedea17a03ee753b260c04e969531ef01bbf07610adfb28cf1
+  checksum: 7449d09a6c883daaf1f024a11b42690a6cd10cdf80e1c0fa8c4ecd6cdd6a47bbb9bf41d45e5cd1cd84bad875fe2cb666fae56d8ef3154e6cbc1f0563da0762b8
   languageName: node
   linkType: hard
 
-"@storybook/ui@6.4.0-rc.6, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@6.5.0-alpha.7, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
   version: 0.0.0-use.local
   resolution: "@storybook/ui@workspace:lib/ui"
   dependencies:
     "@babel/core": ^7.12.10
-    "@emotion/core": ^10.1.1
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/api": 6.4.0-rc.6
-    "@storybook/channels": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
-    "@storybook/router": 6.4.0-rc.6
+    "@emotion/core": ^10.3.1
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/api": 6.5.0-alpha.7
+    "@storybook/channels": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
+    "@storybook/router": 6.5.0-alpha.7
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/theming": 6.5.0-alpha.7
     "@testing-library/react": ^11.2.2
     babel-loader: ^8.0.0
     chromatic: ^6.0.2
@@ -9372,7 +11286,7 @@ __metadata:
     flush-promises: ^1.0.2
     fuse.js: ^3.6.1
     global: ^4.4.0
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     markdown-to-jsx: ^7.1.3
     memoizerific: ^1.11.3
     polished: ^4.0.5
@@ -9391,16 +11305,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@6.4.0-rc.6, @storybook/vue3@workspace:app/vue3":
+"@storybook/vue3@6.5.0-alpha.7, @storybook/vue3@workspace:app/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:app/vue3"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.0-rc.6
-    "@types/node": ^14.14.20
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     "@vue/compiler-sfc": ^3.0.0
     core-js: ^3.8.2
@@ -9428,16 +11342,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@6.4.0-rc.6, @storybook/vue@workspace:*, @storybook/vue@workspace:app/vue":
+"@storybook/vue@6.5.0-alpha.7, @storybook/vue@workspace:*, @storybook/vue@workspace:app/vue":
   version: 0.0.0-use.local
   resolution: "@storybook/vue@workspace:app/vue"
   dependencies:
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/store": 6.4.0-rc.6
-    "@types/node": ^14.14.20
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -9467,20 +11381,21 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@6.4.0-rc.6, @storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components":
+"@storybook/web-components@6.5.0-alpha.7, @storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components":
   version: 0.0.0-use.local
   resolution: "@storybook/web-components@workspace:app/web-components"
   dependencies:
     "@babel/plugin-syntax-dynamic-import": ^7.8.3
     "@babel/plugin-syntax-import-meta": ^7.10.4
     "@babel/preset-env": ^7.12.11
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-common": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-common": 6.5.0-alpha.7
     "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/preview-web": 6.4.0-rc.6
-    "@storybook/store": 6.4.0-rc.6
+    "@storybook/preview-web": 6.5.0-alpha.7
+    "@storybook/store": 6.5.0-alpha.7
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/webpack-env": ^1.16.0
     babel-plugin-bundled-import-meta: ^0.3.1
     core-js: ^3.8.2
@@ -9779,6 +11694,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/helpers@npm:^0.2.11":
+  version: 0.2.14
+  resolution: "@swc/helpers@npm:0.2.14"
+  checksum: d89d240871ebcc72d6675ae9a4abebf8f1b58a68d0fa7c6a7c4a236b1cda42c4ac855f86d95f89be00be32007b4ce58c62dd33eae018fdd2449847a81068f841
+  languageName: node
+  linkType: hard
+
 "@szmarczak/http-timer@npm:^1.1.2":
   version: 1.1.2
   resolution: "@szmarczak/http-timer@npm:1.1.2"
@@ -9901,6 +11823,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@trysound/sax@npm:0.2.0":
+  version: 0.2.0
+  resolution: "@trysound/sax@npm:0.2.0"
+  checksum: 44907308549ce775a41c38a815f747009ac45929a45d642b836aa6b0a536e4978d30b8d7d680bbd116e9dd73b7dbe2ef0d1369dcfc2d09e83ba381e485ecbe12
+  languageName: node
+  linkType: hard
+
 "@ts-morph/common@npm:~0.10.1":
   version: 0.10.1
   resolution: "@ts-morph/common@npm:0.10.1"
@@ -9913,6 +11842,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ts-morph/common@npm:~0.12.2":
+  version: 0.12.2
+  resolution: "@ts-morph/common@npm:0.12.2"
+  dependencies:
+    fast-glob: ^3.2.7
+    minimatch: ^3.0.4
+    mkdirp: ^1.0.4
+    path-browserify: ^1.0.1
+  checksum: 1e5842f104ead46e2650711e1f0ca363664564638a2d044b398833ea5bccb46b8efc3478c0daa2b590f80bb9e4a28428c25e484de63fddfb9dfc69bc12241366
+  languageName: node
+  linkType: hard
+
 "@types/anymatch@npm:*":
   version: 1.3.1
   resolution: "@types/anymatch@npm:1.3.1"
@@ -10036,16 +11977,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/clean-css@npm:*":
-  version: 4.2.3
-  resolution: "@types/clean-css@npm:4.2.3"
-  dependencies:
-    "@types/node": "*"
-    source-map: ^0.6.0
-  checksum: 922cc60be02326d8b177f0b017975bcf546c94f7ccfab2289662e33a65c8dd78620b90ec2ca9771aaae1e9898f73f0a4bdb5d789b659b5b28000949249e79276
-  languageName: node
-  linkType: hard
-
 "@types/color-convert@npm:^2.0.0":
   version: 2.0.0
   resolution: "@types/color-convert@npm:2.0.0"
@@ -10193,13 +12124,13 @@ __metadata:
   linkType: hard
 
 "@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^4.17.18":
-  version: 4.17.18
-  resolution: "@types/express-serve-static-core@npm:4.17.18"
+  version: 4.17.26
+  resolution: "@types/express-serve-static-core@npm:4.17.26"
   dependencies:
     "@types/node": "*"
     "@types/qs": "*"
     "@types/range-parser": "*"
-  checksum: 5d9909a93d1e1af386bf3d39a96ac8beaf0b13e68da2db218c579652b115a164cb93b5561557dca535897d45afdf24d3e7cc098360985a9e9d1446f66d7a41c9
+  checksum: 7092334366a21d1b7844ca7b18c04bc54832dc6898477b2338d3da2736209fd8d9bfa11af8ee7b6eb3de1114b6175ba58fc846d99e4e0a6cf2bfe80e6cccd649
   languageName: node
   linkType: hard
 
@@ -10286,28 +12217,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/html-minifier@npm:*":
-  version: 4.0.0
-  resolution: "@types/html-minifier@npm:4.0.0"
-  dependencies:
-    "@types/clean-css": "*"
-    "@types/relateurl": "*"
-    "@types/uglify-js": "*"
-  checksum: 21fd26a5285928e7da5c6ad78a12727984ac0d97bfd609bab27f40d90aa615acefc7d34e7f4c367c37ffaf5572e2c65fa0b1479ce2fcc531be2e8fd4520e7bb3
-  languageName: node
-  linkType: hard
-
-"@types/html-webpack-plugin@npm:*":
-  version: 3.2.4
-  resolution: "@types/html-webpack-plugin@npm:3.2.4"
-  dependencies:
-    "@types/html-minifier": "*"
-    "@types/tapable": "*"
-    "@types/webpack": "*"
-  checksum: 7320f7e12217c34b3ebabe831bae054bfe8d011612c7f9777a9ddd1a8c4437b9e9b7431d4984b43a9d5aa5b5b88e29110b7102c4abd3a9c5902d95dc071413f0
-  languageName: node
-  linkType: hard
-
 "@types/http-proxy-middleware@npm:*":
   version: 0.19.3
   resolution: "@types/http-proxy-middleware@npm:0.19.3"
@@ -10328,6 +12237,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/http-proxy@npm:^1.17.5":
+  version: 1.17.7
+  resolution: "@types/http-proxy@npm:1.17.7"
+  dependencies:
+    "@types/node": "*"
+  checksum: 3fbe35390ab783570117d43f953e4d98b5a936792c61544c270a767ae88bde6233d8bdf489b864daf618f42f688a886459f255255d86c5abecc62ea858a1022e
+  languageName: node
+  linkType: hard
+
 "@types/interpret@npm:^1.1.1":
   version: 1.1.1
   resolution: "@types/interpret@npm:1.1.1"
@@ -10578,17 +12496,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:^14.0.10, @types/node@npm:^14.14.20":
-  version: 14.14.31
-  resolution: "@types/node@npm:14.14.31"
-  checksum: 9ba9faaa4e88fe84296bb7c81d78ab8ddca4ba6b309307ea7a23eb0c50767a886505d73eaf7de83725ad9c051b7831ff61c5537841d29e69f63c095c80ecc945
-  languageName: node
-  linkType: hard
-
-"@types/node@npm:14.14.20":
-  version: 14.14.20
-  resolution: "@types/node@npm:14.14.20"
-  checksum: e7d85a34923dba7ec101c436344899fa4a0036f1dcec64a8a0aa1b650fe5087b9407dcf114ff44fa20dec2f78debb7243e5fe7368b0e15faae34c7fce3c148f2
+"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:^14.0.10 || ^16.0.0, @types/node@npm:^14.14.20 || ^16.0.0, @types/node@npm:^16.0":
+  version: 16.11.11
+  resolution: "@types/node@npm:16.11.11"
+  checksum: 2762d21c752de2f6bdebd62b7bbea79af14125a0dd53f9a4ad14c5601db77d3b7fc733913b750d1411aed372b66da520b610d6f1a8858da8542d67c07bb648e0
   languageName: node
   linkType: hard
 
@@ -10599,13 +12510,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^16.0":
-  version: 16.6.1
-  resolution: "@types/node@npm:16.6.1"
-  checksum: 6fb1cff755290d1ecc6bf1d036fb822112d583e9fdc69c685b40c3b2ea965d0e4da71e1f24aaa000911b24ec8ac76683ee5df914351678c37f9dee5304d0bbf2
-  languageName: node
-  linkType: hard
-
 "@types/normalize-package-data@npm:^2.4.0":
   version: 2.4.0
   resolution: "@types/normalize-package-data@npm:2.4.0"
@@ -10777,28 +12681,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/reach__router@npm:^1.3.7":
-  version: 1.3.7
-  resolution: "@types/reach__router@npm:1.3.7"
-  dependencies:
-    "@types/react": "*"
-  checksum: 478db11afd23547bb82b9584d49cf110b143f38a24239857fbdd4c9249010a82d9c88b407205c5bfa13ad70df92bedfb1a5c77414f79402426e6e9895a08dd9c
-  languageName: node
-  linkType: hard
-
-"@types/react-dev-utils@npm:^9.0.4":
-  version: 9.0.4
-  resolution: "@types/react-dev-utils@npm:9.0.4"
-  dependencies:
-    "@types/eslint": "*"
-    "@types/express": "*"
-    "@types/html-webpack-plugin": "*"
-    "@types/webpack": "*"
-    "@types/webpack-dev-server": "*"
-  checksum: 3b5e073508bfe48204b78250c82d9fa2eb6f5369afbff378cd6f1749a1d41f2cd66e7f983b4579e07cc81503d11f5b26274215f5c1e640144b90b4de9a2621df
-  languageName: node
-  linkType: hard
-
 "@types/react-dom@npm:16.9.10":
   version: 16.9.10
   resolution: "@types/react-dom@npm:16.9.10"
@@ -10876,13 +12758,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/relateurl@npm:*":
-  version: 0.2.28
-  resolution: "@types/relateurl@npm:0.2.28"
-  checksum: 355727429aa8cd9e3f6cf9baca8bdbd4f1fe521f19938d43f82f5aa673a2b4c9d26a147e420f0690bb51207c4e9ff273d41d83eb7d8cbffdb0a14ddd94f6b6f2
-  languageName: node
-  linkType: hard
-
 "@types/resolve@npm:0.0.8":
   version: 0.0.8
   resolution: "@types/resolve@npm:0.0.8"
@@ -11130,7 +13005,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/webpack-dev-server@npm:*, @types/webpack-dev-server@npm:^3.11.0":
+"@types/webpack-dev-server@npm:^3.11.0":
   version: 3.11.1
   resolution: "@types/webpack-dev-server@npm:3.11.1"
   dependencies:
@@ -11206,11 +13081,11 @@ __metadata:
   linkType: hard
 
 "@types/ws@npm:^8":
-  version: 8.2.0
-  resolution: "@types/ws@npm:8.2.0"
+  version: 8.2.2
+  resolution: "@types/ws@npm:8.2.2"
   dependencies:
     "@types/node": "*"
-  checksum: c15360ae193a4f76d78fc3d3f1511d06fc321e6bfb8d2b0b3227f08e96cf68035e206572fec230e61c7b97035d8078bb9526bc73afee0df5d4b58d1f7f9fc4bb
+  checksum: 8f8464170d3729c9a3632e16e679b0cc25f329d178b94d10830c8eb4b97f492ef5950e654ff3018f13b7f1acd335c67bc1998a2b58436709aaa152553d8a8afa
   languageName: node
   linkType: hard
 
@@ -12880,6 +14755,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"abortcontroller-polyfill@npm:^1.1.9":
+  version: 1.7.3
+  resolution: "abortcontroller-polyfill@npm:1.7.3"
+  checksum: 590b87668c95e060124fd0375ba1a6ed32b7a13baf4febca07374547297898d2de2b64c2b89af4785a3c42f16ca62ab70c2e138d2bbaecc8e4741611574eb10a
+  languageName: node
+  linkType: hard
+
 "abstract-leveldown@npm:^6.2.1":
   version: 6.3.0
   resolution: "abstract-leveldown@npm:6.3.0"
@@ -13246,27 +15128,27 @@ __metadata:
     "@angular/forms": ^11.2.14
     "@angular/platform-browser": ^11.2.14
     "@angular/platform-browser-dynamic": ^11.2.14
-    "@compodoc/compodoc": ^1.1.14
+    "@compodoc/compodoc": ^1.1.15
     "@ngrx/store": ^10.1.2
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-interactions": 6.4.0-rc.6
-    "@storybook/addon-jest": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/angular": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-interactions": 6.5.0-alpha.7
+    "@storybook/addon-jest": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/angular": 6.5.0-alpha.7
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/jest": ^0.0.2
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/testing-library": ^0.0.3
+    "@storybook/jest": ^0.0.5
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/testing-library": ^0.0.7
     "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
-    "@types/node": ^14.14.20
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/sass": ^1
     "@types/webpack-env": ^1.16.0
     "@webcomponents/custom-elements": ^1.4.3
@@ -13280,7 +15162,7 @@ __metadata:
     rxjs: ^6.6.3
     sass: ^1.43.4
     storybook-addon-angular-ivy: ^0.0.1
-    telejson: ^5.3.2
+    telejson: ^5.3.3
     ts-jest: ^26.4.4
     ts-node: ^9.1.0
     typescript: ^4.1.3
@@ -13421,7 +15303,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-to-html@npm:^0.6.11, ansi-to-html@npm:^0.6.4, ansi-to-html@npm:^0.6.6":
+"ansi-to-html@npm:^0.6.11, ansi-to-html@npm:^0.6.6":
   version: 0.6.14
   resolution: "ansi-to-html@npm:0.6.14"
   dependencies:
@@ -13887,6 +15769,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"assert@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "assert@npm:2.0.0"
+  dependencies:
+    es6-object-assign: ^1.1.0
+    is-nan: ^1.2.1
+    object-is: ^1.0.1
+    util: ^0.12.0
+  checksum: a25c7ebc07b52cc4dadd5c46d73472e7d4b86e40eb7ebaa12f78c1ba954dbe83612be5dea314b862fc364c305ab3bdbcd1c9d4ec2d92bc37214ae7d5596347f3
+  languageName: node
+  linkType: hard
+
 "assign-symbols@npm:^1.0.0":
   version: 1.0.0
   resolution: "assign-symbols@npm:1.0.0"
@@ -13949,6 +15843,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"astring@npm:^1.6.2":
+  version: 1.8.1
+  resolution: "astring@npm:1.8.1"
+  bin:
+    astring: bin/astring
+  checksum: b4458fb1df11e25bc0e9e321a6d2be1326efa97e111ba4a6e9f2d0722b5378e0f380ab9c6bc16607818868e3ead5ea71dd018ebc541f45f7afb65ca561157051
+  languageName: node
+  linkType: hard
+
 "async-disk-cache@npm:^1.2.1":
   version: 1.3.5
   resolution: "async-disk-cache@npm:1.3.5"
@@ -14107,6 +16010,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"available-typed-arrays@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "available-typed-arrays@npm:1.0.5"
+  checksum: c4df567ca72d2754a6cbad20088f5f98b1065b3360178169fa9b44ea101af62c0f423fc3854fa820fd6895b6b9171b8386e71558203103ff8fc2ad503fdcc660
+  languageName: node
+  linkType: hard
+
 "aws-sign2@npm:~0.5.0":
   version: 0.5.0
   resolution: "aws-sign2@npm:0.5.0"
@@ -14584,6 +16494,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs2@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.3.0"
+  dependencies:
+    "@babel/compat-data": ^7.13.11
+    "@babel/helper-define-polyfill-provider": ^0.3.0
+    semver: ^6.1.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e3d86452139d3fd5e385644b429e8de6f9f70673294dba070c2dcd09a2075372e2f0e8837edbfae4e862c4ff891c5a1aebbc9e92adf6ee10798a42bc6ee9e505
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs3@npm:^0.1.0, babel-plugin-polyfill-corejs3@npm:^0.1.3":
   version: 0.1.4
   resolution: "babel-plugin-polyfill-corejs3@npm:0.1.4"
@@ -14608,6 +16531,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs3@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.4.0"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.3.0
+    core-js-compat: ^3.18.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1b18ba8925b42a70f14f64be825664ddd11cd5f53b50c2cb859d2f8eb00d62b292c5cac78cbeeb0bc7ba621826aa8674e6d9cdf7a32cece4b0d76c8263f92966
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-regenerator@npm:^0.1.2":
   version: 0.1.3
   resolution: "babel-plugin-polyfill-regenerator@npm:0.1.3"
@@ -14630,6 +16565,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-regenerator@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.3.0"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2d4b83c7ae734cf1b1a41170dfa6d044e41f2c5262c0b9d41ee1195caa61f56cd85bad2d80cfe49f4d729be45f0d03276fa33b7433379fc4f39f82eb4fad865d
+  languageName: node
+  linkType: hard
+
 "babel-plugin-preval@npm:^5.0.0":
   version: 5.0.0
   resolution: "babel-plugin-preval@npm:5.0.0"
@@ -14813,7 +16759,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-runtime@npm:6, babel-runtime@npm:^6.11.6, babel-runtime@npm:^6.22.0, babel-runtime@npm:^6.26.0":
+"babel-runtime@npm:6, babel-runtime@npm:^6.22.0, babel-runtime@npm:^6.26.0":
   version: 6.26.0
   resolution: "babel-runtime@npm:6.26.0"
   dependencies:
@@ -14853,7 +16799,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-types@npm:^6.15.0, babel-types@npm:^6.26.0":
+"babel-types@npm:^6.26.0":
   version: 6.26.0
   resolution: "babel-types@npm:6.26.0"
   dependencies:
@@ -14874,17 +16820,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babylon-walk@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "babylon-walk@npm:1.0.2"
-  dependencies:
-    babel-runtime: ^6.11.6
-    babel-types: ^6.15.0
-    lodash.clone: ^4.5.0
-  checksum: 652475f870f2260758db07eaff9c8cbf1d23ec2cfca5ff82050d66dc74da987c72a3c525f3bef251e1a630792be50db5246f87397e89bca3a43e7f49e86a477a
-  languageName: node
-  linkType: hard
-
 "babylon@npm:^6.18.0":
   version: 6.18.0
   resolution: "babylon@npm:6.18.0"
@@ -14924,6 +16859,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"base-x@npm:^3.0.8":
+  version: 3.0.9
+  resolution: "base-x@npm:3.0.9"
+  dependencies:
+    safe-buffer: ^5.0.1
+  checksum: e6bbeae30b24f748b546005affb710c5fbc8b11a83f6cd0ca999bd1ab7ad3a22e42888addc40cd145adc4edfe62fcfab4ebc91da22e4259aae441f95a77aee1a
+  languageName: node
+  linkType: hard
+
 "base64-arraybuffer@npm:0.1.4":
   version: 0.1.4
   resolution: "base64-arraybuffer@npm:0.1.4"
@@ -15060,6 +17004,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"big-integer@npm:^1.6.7":
+  version: 1.6.51
+  resolution: "big-integer@npm:1.6.51"
+  checksum: c8139662d57f8833a44802f4b65be911679c569535ea73c5cfd3c1c8994eaead1b84b6f63e1db63833e4d4cacb6b6a9e5522178113dfdc8e4c81ed8436f1e8cc
+  languageName: node
+  linkType: hard
+
 "big.js@npm:^3.1.3":
   version: 3.2.0
   resolution: "big.js@npm:3.2.0"
@@ -15104,7 +17055,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bl@npm:^4.0.3":
+"bl@npm:^4.0.3, bl@npm:^4.1.0":
   version: 4.1.0
   resolution: "bl@npm:4.1.0"
   dependencies:
@@ -15281,6 +17232,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bplist-parser@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "bplist-parser@npm:0.1.1"
+  dependencies:
+    big-integer: ^1.6.7
+  checksum: cd50206f956e74f6e46cb5ed14be5eb00b2e14676ea3dd36703470715177a2770fc22032eca63a36adb3b56a1e51138a95bb0fc6849a78c21e92caeedf219ea7
+  languageName: node
+  linkType: hard
+
 "brace-expansion@npm:^1.1.7":
   version: 1.1.11
   resolution: "brace-expansion@npm:1.1.11"
@@ -15318,20 +17278,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"brfs@npm:^1.2.0":
-  version: 1.6.1
-  resolution: "brfs@npm:1.6.1"
-  dependencies:
-    quote-stream: ^1.0.1
-    resolve: ^1.1.5
-    static-module: ^2.2.0
-    through2: ^2.0.0
-  bin:
-    brfs: bin/cmd.js
-  checksum: 7519ecb8d1ad3d6e8c9fe34d58fa7913071d6ecfea9241751e30cb65fdc60598984b7d00314335ffa1306b91cabd8c50c8b5743d6093d2e0932c9d89c8a3854e
-  languageName: node
-  linkType: hard
-
 "brfs@npm:^2.0.0, brfs@npm:^2.0.2":
   version: 2.0.2
   resolution: "brfs@npm:2.0.2"
@@ -16067,7 +18013,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.0.0, browserslist@npm:^4.1.0, browserslist@npm:^4.11.1, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.1, browserslist@npm:^4.16.3, browserslist@npm:^4.6.2, browserslist@npm:^4.6.4, browserslist@npm:^4.9.1":
+"browserslist@npm:^4.0.0, browserslist@npm:^4.11.1, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.1, browserslist@npm:^4.16.3, browserslist@npm:^4.6.2, browserslist@npm:^4.6.4, browserslist@npm:^4.9.1":
   version: 4.16.3
   resolution: "browserslist@npm:4.16.3"
   dependencies:
@@ -16097,6 +18043,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.17.5, browserslist@npm:^4.6.6":
+  version: 4.18.1
+  resolution: "browserslist@npm:4.18.1"
+  dependencies:
+    caniuse-lite: ^1.0.30001280
+    electron-to-chromium: ^1.3.896
+    escalade: ^3.1.1
+    node-releases: ^2.0.1
+    picocolors: ^1.0.0
+  bin:
+    browserslist: cli.js
+  checksum: e92013f0ff6034e7660ac16d6fbad8313882d139abfd05168406e5d950fc98a8c604d580212b044cc503e111aacc189113497f104a8855429db8654895e773d9
+  languageName: node
+  linkType: hard
+
+"browserslist@npm:^4.17.6":
+  version: 4.19.1
+  resolution: "browserslist@npm:4.19.1"
+  dependencies:
+    caniuse-lite: ^1.0.30001286
+    electron-to-chromium: ^1.4.17
+    escalade: ^3.1.1
+    node-releases: ^2.0.1
+    picocolors: ^1.0.0
+  bin:
+    browserslist: cli.js
+  checksum: 0a5f88a895a95e612439a893dbb869ce52a211e186c0c2894326a27a9881f2ca6d7f8a4a15c24410b9f144b7ee6e8a91db4ece24738d1a63f7cdd5acc55271ae
+  languageName: node
+  linkType: hard
+
 "browserstack@npm:^1.5.1":
   version: 1.6.1
   resolution: "browserstack@npm:1.6.1"
@@ -16631,6 +18607,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001280":
+  version: 1.0.30001283
+  resolution: "caniuse-lite@npm:1.0.30001283"
+  checksum: b306bdebb013f835817bed39a48652650281368d813c8e274ae9d664ffc5f6f04e09245330a71470f5d3ff72248cc8634e216cbe9bc188272ce2516d58281e29
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001286":
+  version: 1.0.30001292
+  resolution: "caniuse-lite@npm:1.0.30001292"
+  checksum: c9b106dee532c0ffad22bb7e7967f38b60f386c7282fdabe141d7e1feecb361eeb3940ceb33c4f773b4483f28ddab82904d4fa2ed3425babf227f5c08348cfd0
+  languageName: node
+  linkType: hard
+
 "canonical-path@npm:1.0.0":
   version: 1.0.0
   resolution: "canonical-path@npm:1.0.0"
@@ -16731,7 +18721,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^4.1.1":
+"chalk@npm:^4.1.1, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
   dependencies:
@@ -16885,7 +18875,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chokidar@npm:2.1.8, chokidar@npm:^2.1.5, chokidar@npm:^2.1.8":
+"chokidar@npm:2.1.8, chokidar@npm:^2.1.8":
   version: 2.1.8
   resolution: "chokidar@npm:2.1.8"
   dependencies:
@@ -17147,13 +19137,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-spinners@npm:^1.1.0":
-  version: 1.3.1
-  resolution: "cli-spinners@npm:1.3.1"
-  checksum: 4211cbf342f42279c0896c98de8857cc4231a2a2521f726950a94ce78deac62e5d976102deed594c9ca6a0dc02ac2eef7806c5d866c3695d75993a3f27dc8bd4
-  languageName: node
-  linkType: hard
-
 "cli-spinners@npm:^2.0.0, cli-spinners@npm:^2.5.0":
   version: 2.5.0
   resolution: "cli-spinners@npm:2.5.0"
@@ -17342,6 +19325,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"code-block-writer@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "code-block-writer@npm:11.0.0"
+  dependencies:
+    tslib: 2.3.1
+  checksum: eecd789d1471c340a9e32f03a5d16ad14f38e8788f6e21dc38d5599d84f719f94d7b2615d93e0a2bc587400e5edca6716720a760c2631c7423a0a5240cfa00ca
+  languageName: node
+  linkType: hard
+
 "code-point-at@npm:^1.0.0":
   version: 1.1.0
   resolution: "code-point-at@npm:1.1.0"
@@ -17449,6 +19441,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"colord@npm:^2.9.1":
+  version: 2.9.1
+  resolution: "colord@npm:2.9.1"
+  checksum: 5ff0e790e7eafc0524c993bc2826561ca20bf56d3fbeac6552524ea3007482bb1c46358f9247b441251c1ba37dca14b83163786ec12dc95decebaf92aa159f7b
+  languageName: node
+  linkType: hard
+
 "colorette@npm:^1.2.1":
   version: 1.2.1
   resolution: "colorette@npm:1.2.1"
@@ -17563,7 +19562,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^5.0.0, commander@npm:^5.1.0":
+"commander@npm:^5.1.0":
   version: 5.1.0
   resolution: "commander@npm:5.1.0"
   checksum: da9d71dbe4ce039faf1fe9eac3771dca8c11d66963341f62602f7b66e36d2a3f8883407af4f9a37b1db1a55c59c0c1325f186425764c2e963dc1d67aec2a4b6d
@@ -17584,7 +19583,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^7.1.0":
+"commander@npm:^7.1.0, commander@npm:^7.2.0":
   version: 7.2.0
   resolution: "commander@npm:7.2.0"
   checksum: 8d690ff13b0356df7e0ebbe6c59b4712f754f4b724d4f473d3cc5b3fdcf978e3a5dc3078717858a2ceb50b0f84d0660a7f22a96cdc50fb877d0c9bb31593d23a
@@ -17598,6 +19597,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:^8.3.0":
+  version: 8.3.0
+  resolution: "commander@npm:8.3.0"
+  checksum: 8b043bb8322ea1c39664a1598a95e0495bfe4ca2fad0d84a92d7d1d8d213e2a155b441d2470c8e08de7c4a28cf2bc6e169211c49e1b21d9f7edc6ae4d9356060
+  languageName: node
+  linkType: hard
+
 "commander@npm:~2.19.0":
   version: 2.19.0
   resolution: "commander@npm:2.19.0"
@@ -17811,7 +19817,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"console-browserify@npm:^1.1.0":
+"console-browserify@npm:^1.1.0, console-browserify@npm:^1.2.0":
   version: 1.2.0
   resolution: "console-browserify@npm:1.2.0"
   checksum: 89b99a53b7d6cee54e1e64fa6b1f7ac24b844b4019c5d39db298637e55c1f4ffa5c165457ad984864de1379df2c8e1886cbbdac85d9dbb6876a9f26c3106f226
@@ -17880,6 +19886,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"content-disposition@npm:0.5.2":
+  version: 0.5.2
+  resolution: "content-disposition@npm:0.5.2"
+  checksum: 49eebaa0da1f9609b192e99d7fec31d1178cb57baa9d01f5b63b29787ac31e9d18b5a1033e854c68c9b6cce790e700a6f7fa60e43f95e2e416404e114a8f2f49
+  languageName: node
+  linkType: hard
+
 "content-disposition@npm:0.5.3":
   version: 0.5.3
   resolution: "content-disposition@npm:0.5.3"
@@ -18152,6 +20165,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js-compat@npm:^3.18.0, core-js-compat@npm:^3.19.1":
+  version: 3.19.1
+  resolution: "core-js-compat@npm:3.19.1"
+  dependencies:
+    browserslist: ^4.17.6
+    semver: 7.0.0
+  checksum: 114a4f38a6270bf1a066ac301045502feb0835b36e342e0b09bb3ff505ddbd29e0c55cf4cc7205d7fdd2a2f28ad9fb6ed950ea7f7a2a98486bbfa83df1d759f8
+  languageName: node
+  linkType: hard
+
 "core-js-compat@npm:^3.6.2, core-js-compat@npm:^3.6.5, core-js-compat@npm:^3.8.0, core-js-compat@npm:^3.8.1, core-js-compat@npm:^3.9.0":
   version: 3.9.0
   resolution: "core-js-compat@npm:3.9.0"
@@ -18204,6 +20227,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js@npm:^3.2.1":
+  version: 3.19.2
+  resolution: "core-js@npm:3.19.2"
+  checksum: d90d4c663d04451829e1c7cf0a87c1c7cf0dca82b6910dbb004e63181b3edffe099102dff2851c0f28d03a88e1e9163a8465ec70f5c40186720f6fcef5359027
+  languageName: node
+  linkType: hard
+
 "core-object@npm:^3.1.5":
   version: 3.1.5
   resolution: "core-object@npm:3.1.5"
@@ -18287,6 +20317,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "cosmiconfig@npm:7.0.1"
+  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: 3cd38525ba22e13da0ef9f4be131df226c94f5b96fb50f6297eb17baeedefe15cf5819f8c73cde69f71cc5034e712c86bd20c7756883dd8094087680ecc25932
+  languageName: node
+  linkType: hard
+
 "cp-file@npm:^7.0.0":
   version: 7.0.0
   resolution: "cp-file@npm:7.0.0"
@@ -18321,20 +20364,20 @@ __metadata:
   resolution: "cra-kitchen-sink@workspace:examples/cra-kitchen-sink"
   dependencies:
     "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
     "@storybook/addon-ie11": 0.0.7--canary.5e87b64.0
-    "@storybook/addon-jest": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/builder-webpack4": 6.4.0-rc.6
-    "@storybook/client-logger": 6.4.0-rc.6
+    "@storybook/addon-jest": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
+    "@storybook/client-logger": 6.5.0-alpha.7
     "@storybook/preset-create-react-app": ^3.1.6
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     global: ^4.4.0
     prop-types: ^15.7.2
     react: 16.14.0
@@ -18349,14 +20392,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-react15@workspace:examples/cra-react15"
   dependencies:
-    "@storybook/addon-actions": 6.4.0-rc.6
+    "@storybook/addon-actions": 6.5.0-alpha.7
     "@storybook/addon-ie11": 0.0.7--canary.5e87b64.0
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/builder-webpack4": 6.4.0-rc.6
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
     "@storybook/preset-create-react-app": ^3.1.6
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/theming": 6.5.0-alpha.7
     babel-core: 6
     babel-loader: ^8.0.0
     babel-runtime: 6
@@ -18373,14 +20416,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-ts-essentials@workspace:examples/cra-ts-essentials"
   dependencies:
-    "@storybook/addon-essentials": 6.4.0-rc.6
+    "@storybook/addon-essentials": 6.5.0-alpha.7
     "@storybook/addon-ie11": 0.0.7--canary.5e87b64.0
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/builder-webpack4": 6.4.0-rc.6
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
     "@storybook/preset-create-react-app": ^3.1.6
-    "@storybook/react": 6.4.0-rc.6
+    "@storybook/react": 6.5.0-alpha.7
     "@types/jest": ^26.0.16
-    "@types/node": 14.14.20
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.2
     "@types/react-dom": 16.9.10
     global: ^4.4.0
@@ -18396,18 +20439,18 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
     "@storybook/addon-ie11": 0.0.7--canary.5e87b64.0
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/builder-webpack4": 6.4.0-rc.6
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/builder-webpack4": 6.5.0-alpha.7
     "@storybook/preset-create-react-app": ^3.1.6
-    "@storybook/react": 6.4.0-rc.6
+    "@storybook/react": 6.5.0-alpha.7
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
-    "@types/node": 14.14.20
+    "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": 16.14.2
     "@types/react-dom": 16.9.10
     enzyme: ^3.11.0
@@ -18472,19 +20515,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"create-react-context@npm:0.3.0":
-  version: 0.3.0
-  resolution: "create-react-context@npm:0.3.0"
-  dependencies:
-    gud: ^1.0.0
-    warning: ^4.0.3
-  peerDependencies:
-    prop-types: ^15.0.0
-    react: ^0.14.0 || ^15.0.0 || ^16.0.0
-  checksum: 3f9dfde23da59e3f748b5f1b06c7ff8cbf48095cf2d62212427195860f1ee4b2b0b475280c19592f7fffb9fd100fd739af687281d7c5c93806d519bf66f6dd86
-  languageName: node
-  linkType: hard
-
 "create-require@npm:^1.1.0":
   version: 1.1.1
   resolution: "create-require@npm:1.1.1"
@@ -18572,7 +20602,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"crypto-browserify@npm:^3.11.0":
+"crypto-browserify@npm:^3.11.0, crypto-browserify@npm:^3.12.0":
   version: 3.12.0
   resolution: "crypto-browserify@npm:3.12.0"
   dependencies:
@@ -18672,6 +20702,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-declaration-sorter@npm:^6.0.3":
+  version: 6.1.3
+  resolution: "css-declaration-sorter@npm:6.1.3"
+  dependencies:
+    timsort: ^0.3.0
+  peerDependencies:
+    postcss: ^8.0.9
+  checksum: 120e4ed2e046d12f4e0af0316fbc963d387594cefa2691243c715bd52ecf241a3fb90394ea9b977e777c62d7dafa0ff35cfdaa916cbf9a6aa5b0815b763c3404
+  languageName: node
+  linkType: hard
+
 "css-has-pseudo@npm:^0.10.0":
   version: 0.10.0
   resolution: "css-has-pseudo@npm:0.10.0"
@@ -18926,6 +20967,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-tree@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "css-tree@npm:1.1.3"
+  dependencies:
+    mdn-data: 2.0.14
+    source-map: ^0.6.1
+  checksum: 499a507bfa39b8b2128f49736882c0dd636b0cd3370f2c69f4558ec86d269113286b7df469afc955de6a68b0dba00bc533e40022a73698081d600072d5d83c1c
+  languageName: node
+  linkType: hard
+
 "css-what@npm:^3.2.1":
   version: 3.4.2
   resolution: "css-what@npm:3.4.2"
@@ -19079,6 +21130,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cssnano-preset-default@npm:^5.1.8":
+  version: 5.1.8
+  resolution: "cssnano-preset-default@npm:5.1.8"
+  dependencies:
+    css-declaration-sorter: ^6.0.3
+    cssnano-utils: ^2.0.1
+    postcss-calc: ^8.0.0
+    postcss-colormin: ^5.2.1
+    postcss-convert-values: ^5.0.2
+    postcss-discard-comments: ^5.0.1
+    postcss-discard-duplicates: ^5.0.1
+    postcss-discard-empty: ^5.0.1
+    postcss-discard-overridden: ^5.0.1
+    postcss-merge-longhand: ^5.0.4
+    postcss-merge-rules: ^5.0.3
+    postcss-minify-font-values: ^5.0.1
+    postcss-minify-gradients: ^5.0.3
+    postcss-minify-params: ^5.0.2
+    postcss-minify-selectors: ^5.1.0
+    postcss-normalize-charset: ^5.0.1
+    postcss-normalize-display-values: ^5.0.1
+    postcss-normalize-positions: ^5.0.1
+    postcss-normalize-repeat-style: ^5.0.1
+    postcss-normalize-string: ^5.0.1
+    postcss-normalize-timing-functions: ^5.0.1
+    postcss-normalize-unicode: ^5.0.1
+    postcss-normalize-url: ^5.0.3
+    postcss-normalize-whitespace: ^5.0.1
+    postcss-ordered-values: ^5.0.2
+    postcss-reduce-initial: ^5.0.2
+    postcss-reduce-transforms: ^5.0.1
+    postcss-svgo: ^5.0.3
+    postcss-unique-selectors: ^5.0.2
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: fd8e50c4ad52e278e5f2826e83ee0b1d25e3caa28228ff8413fe3daef5bf8edfe2ce27463fbe18281a4043a773099cd32821a6b262fb6d21c09111dbc920c617
+  languageName: node
+  linkType: hard
+
 "cssnano-util-get-arguments@npm:^4.0.0":
   version: 4.0.0
   resolution: "cssnano-util-get-arguments@npm:4.0.0"
@@ -19118,6 +21208,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cssnano-utils@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "cssnano-utils@npm:2.0.1"
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 9f88ab7da8138a516697d72e12fd64a12203508ed958eee228ced9a1b4e20dbc835bb721f426b2f0c7cb265a09408618d58c6e56d5476ce2dd7df61e2f17fa57
+  languageName: node
+  linkType: hard
+
 "cssnano@npm:5.0.2":
   version: 5.0.2
   resolution: "cssnano@npm:5.0.2"
@@ -19143,6 +21242,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cssnano@npm:^5.0.5, cssnano@npm:^5.0.8":
+  version: 5.0.12
+  resolution: "cssnano@npm:5.0.12"
+  dependencies:
+    cssnano-preset-default: ^5.1.8
+    is-resolvable: ^1.1.0
+    lilconfig: ^2.0.3
+    yaml: ^1.10.2
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: eb0f118681c00542545f45a1b33ec5386705befbba2f5f77a932706d1ad8cd760de701ef60e8c129795c3d7f2f4a3b986eb18ff6d48b733a819e6409bb6f211f
+  languageName: node
+  linkType: hard
+
 "csso@npm:^4.0.2, csso@npm:^4.2.0":
   version: 4.2.0
   resolution: "csso@npm:4.2.0"
@@ -19433,16 +21546,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deasync@npm:^0.1.14":
-  version: 0.1.21
-  resolution: "deasync@npm:0.1.21"
-  dependencies:
-    bindings: ^1.5.0
-    node-addon-api: ^1.7.1
-  checksum: 3dd196ea88ab730aa8dbb80f11d97e38ab04b60adc284b419f4cb106eb841f4b3ec0b3c70420df40fbee2ac97eda10ecb2bf67f36db1734a3388202e83f5484e
-  languageName: node
-  linkType: hard
-
 "debug@npm:2.6.9, debug@npm:^2.1.0, debug@npm:^2.1.1, debug@npm:^2.1.3, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.0, debug@npm:^2.6.8, debug@npm:^2.6.9":
   version: 2.6.9
   resolution: "debug@npm:2.6.9"
@@ -19631,6 +21734,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"default-browser-id@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "default-browser-id@npm:1.0.4"
+  dependencies:
+    bplist-parser: ^0.1.0
+    meow: ^3.1.0
+    untildify: ^2.0.0
+  bin:
+    default-browser-id: cli.js
+  checksum: a00a2ab66beab70490b4d76258a1f2eadfadca6414bf67ab78aa25b33dc3de0c4c813bb8f204271aa7a08281c39474487db0229e325112456464fb97a0522a8a
+  languageName: node
+  linkType: hard
+
 "default-gateway@npm:^4.2.0":
   version: 4.2.0
   resolution: "default-gateway@npm:4.2.0"
@@ -19862,6 +21978,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "detect-libc@npm:1.0.3"
+  bin:
+    detect-libc: ./bin/detect-libc.js
+  checksum: 4da0deae9f69e13bc37a0902d78bf7169480004b1fed3c19722d56cff578d16f0e11633b7fbf5fb6249181236c72e90024cbd68f0b9558ae06e281f47326d50d
+  languageName: node
+  linkType: hard
+
 "detect-newline@npm:3.1.0, detect-newline@npm:^3.0.0":
   version: 3.1.0
   resolution: "detect-newline@npm:3.1.0"
@@ -19947,13 +22072,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff-sequences@npm:^27.0.6":
-  version: 27.0.6
-  resolution: "diff-sequences@npm:27.0.6"
-  checksum: 056d8577794af133534b7f268d87b80da5604fd38bbd2edcd796f79b440485a94cafdc509e2c9a379122dca8b02c9b5982ab20f7ef06dbd93faf1617aaae883e
-  languageName: node
-  linkType: hard
-
 "diff@npm:^4.0.1, diff@npm:^4.0.2":
   version: 4.0.2
   resolution: "diff@npm:4.0.2"
@@ -20146,6 +22264,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domain-browser@npm:^3.5.0":
+  version: 3.5.0
+  resolution: "domain-browser@npm:3.5.0"
+  checksum: f3d480fdde0f1db88fb84c63e8367b7dd472fefd77136499cc7f3101e5b5caf0cd7a49da5208b073cc50ddf5148cfea72e8fa3cd18245827611ccfb1d595a29f
+  languageName: node
+  linkType: hard
+
 "domelementtype@npm:1, domelementtype@npm:^1.3.1":
   version: 1.3.1
   resolution: "domelementtype@npm:1.3.1"
@@ -20221,6 +22346,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domhandler@npm:^4.2.2":
+  version: 4.3.0
+  resolution: "domhandler@npm:4.3.0"
+  dependencies:
+    domelementtype: ^2.2.0
+  checksum: c3de81c50d8e017dcfc404914ca29d30b4c646536ab52f133134ddc64b9e9987d9f11602c5beb08b435ec95cf5543f2d300daa56e9841e4c73c3f4f69f269c19
+  languageName: node
+  linkType: hard
+
 "dompurify@npm:2.0.8":
   version: 2.0.8
   resolution: "dompurify@npm:2.0.8"
@@ -20260,6 +22394,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domutils@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "domutils@npm:2.8.0"
+  dependencies:
+    dom-serializer: ^1.0.1
+    domelementtype: ^2.2.0
+    domhandler: ^4.2.0
+  checksum: d58e2ae01922f0dd55894e61d18119924d88091837887bf1438f2327f32c65eb76426bd9384f81e7d6dcfb048e0f83c19b222ad7101176ad68cdc9c695b563db
+  languageName: node
+  linkType: hard
+
 "dot-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "dot-case@npm:3.0.4"
@@ -20311,10 +22456,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dotenv@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "dotenv@npm:5.0.1"
-  checksum: 3f111d39bc21d4088bd84183eeb8d6340292669909e41063bbe5ab0726618e9a4879e546e873a0e3193cda9d16bb99ff195a5bf97472cd9bc08368af9bdaa246
+"dotenv@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "dotenv@npm:7.0.0"
+  checksum: 4d834d09d23ebd284e701c4204172659a7dcd51116f11c29c575ae6d918ccd4760a3383bdfd83cfbed42f061266b787f8e56452b952638867ea5476be875eb27
   languageName: node
   linkType: hard
 
@@ -20460,7 +22605,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ejs@npm:^3.1.5":
+"ejs@npm:^3.1.5, ejs@npm:^3.1.6":
   version: 3.1.6
   resolution: "ejs@npm:3.1.6"
   dependencies:
@@ -20485,6 +22630,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.3.896":
+  version: 1.4.9
+  resolution: "electron-to-chromium@npm:1.4.9"
+  checksum: 8665d5948f19653d591bc0d02f59ce308f47c208efd621591dfec0673a1aa84bda6459cb6d2ec5f42b8377ce2688733498ea988955930b0c57f5636470108cfa
+  languageName: node
+  linkType: hard
+
+"electron-to-chromium@npm:^1.4.17":
+  version: 1.4.27
+  resolution: "electron-to-chromium@npm:1.4.27"
+  checksum: 5107acf4d321f80c2560df71d7dd23261d114a64554f0308a04a1981f5697e8c892f594472c0bf1681c87ac603239efc264e6193eb40cc221d1c3796ef6ab8c4
+  languageName: node
+  linkType: hard
+
 "element-resize-detector@npm:^1.2.2":
   version: 1.2.2
   resolution: "element-resize-detector@npm:1.2.2"
@@ -20941,18 +23100,18 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/ember": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/ember": 6.5.0-alpha.7
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 6.4.0-rc.6
+    "@storybook/source-loader": 6.5.0-alpha.7
     babel-loader: ^8.0.0
     broccoli-asset-rev: ^3.0.0
     cross-env: ^7.0.3
@@ -21146,6 +23305,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"emphasize@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "emphasize@npm:4.2.0"
+  dependencies:
+    chalk: ^4.0.0
+    highlight.js: ~10.4.0
+    lowlight: ~1.17.0
+  checksum: 4e538115e99673c9003539c63d6c94f9038e1639b787a82480ae456b9da584ed26ab5f1b0226c139217d12b1ad0a97fb1edc5046aa4cccd5ad2ba35951154ab1
+  languageName: node
+  linkType: hard
+
 "encodeurl@npm:~1.0.2":
   version: 1.0.2
   resolution: "encodeurl@npm:1.0.2"
@@ -21291,6 +23461,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"entities@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "entities@npm:3.0.1"
+  checksum: 2d93f48fd86de0b0ed8ee34456aa47b4e74a916a5e663cfcc7048302e2c7e932002926daf5a00ad6d5691e3c90673a15d413704d86d7e1b9532f9bc00d975590
+  languageName: node
+  linkType: hard
+
 "entities@npm:~2.1.0":
   version: 2.1.0
   resolution: "entities@npm:2.1.0"
@@ -21544,6 +23721,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-abstract@npm:^1.18.5":
+  version: 1.19.1
+  resolution: "es-abstract@npm:1.19.1"
+  dependencies:
+    call-bind: ^1.0.2
+    es-to-primitive: ^1.2.1
+    function-bind: ^1.1.1
+    get-intrinsic: ^1.1.1
+    get-symbol-description: ^1.0.0
+    has: ^1.0.3
+    has-symbols: ^1.0.2
+    internal-slot: ^1.0.3
+    is-callable: ^1.2.4
+    is-negative-zero: ^2.0.1
+    is-regex: ^1.1.4
+    is-shared-array-buffer: ^1.0.1
+    is-string: ^1.0.7
+    is-weakref: ^1.0.1
+    object-inspect: ^1.11.0
+    object-keys: ^1.1.1
+    object.assign: ^4.1.2
+    string.prototype.trimend: ^1.0.4
+    string.prototype.trimstart: ^1.0.4
+    unbox-primitive: ^1.0.1
+  checksum: 24ed66dfa682f1bbcfa70cd95581c29a6ba88baf579619bff5690ac383b8612f3f5fcebf30dec8df634d507b633ef1ed9f09b010b07e17e3975d4ce674e3059c
+  languageName: node
+  linkType: hard
+
 "es-array-method-boxes-properly@npm:^1.0.0":
   version: 1.0.0
   resolution: "es-array-method-boxes-properly@npm:1.0.0"
@@ -21628,6 +23833,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es6-object-assign@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "es6-object-assign@npm:1.1.0"
+  checksum: 11c165ae16866aca897dee9b689402f0e871589e859809343ef9e0fdd067133684db16fd15abdba2a99e7319222b9f43e6b747baabb909cee9d0ecbac8deebee
+  languageName: node
+  linkType: hard
+
 "es6-promise@npm:^4.0.3":
   version: 4.2.8
   resolution: "es6-promise@npm:4.2.8"
@@ -21775,25 +23987,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escodegen@npm:~1.9.0":
-  version: 1.9.1
-  resolution: "escodegen@npm:1.9.1"
-  dependencies:
-    esprima: ^3.1.3
-    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: 123496306aecff43f1b16399e87c5c08b3ad082505d360a8a6a5129856f7d9ce1ba714043f81d38d65814641c5f1e1c977ec94f0896761a78a069175d7554020
-  languageName: node
-  linkType: hard
-
 "eslint-config-airbnb-base@npm:^14.2.1":
   version: 14.2.1
   resolution: "eslint-config-airbnb-base@npm:14.2.1"
@@ -22467,16 +24660,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esprima@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "esprima@npm:3.1.3"
-  bin:
-    esparse: ./bin/esparse.js
-    esvalidate: ./bin/esvalidate.js
-  checksum: 1fb9e3e419301aa070803c940ba30e9918cce3690e2f44939097e6094ce91e9833e42206fbf0a33e389d6664d13695e47e92974534da2a3f21dd1ff1bf3c88e3
-  languageName: node
-  linkType: hard
-
 "esprima@npm:^4.0.0, esprima@npm:^4.0.1, esprima@npm:~4.0.0":
   version: 4.0.1
   resolution: "esprima@npm:4.0.1"
@@ -22676,6 +24859,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"events@npm:^3.1.0":
+  version: 3.3.0
+  resolution: "events@npm:3.3.0"
+  checksum: d6b6f2adbccbcda74ddbab52ed07db727ef52e31a61ed26db9feb7dc62af7fc8e060defa65e5f8af9449b86b52cc1a1f6a79f2eafcf4e62add2b7a1fa4a432f6
+  languageName: node
+  linkType: hard
+
 "eventsource@npm:^1.0.7":
   version: 1.0.7
   resolution: "eventsource@npm:1.0.7"
@@ -22877,20 +25067,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^27.2.5":
-  version: 27.3.1
-  resolution: "expect@npm:27.3.1"
-  dependencies:
-    "@jest/types": ^27.2.5
-    ansi-styles: ^5.0.0
-    jest-get-type: ^27.3.1
-    jest-matcher-utils: ^27.3.1
-    jest-message-util: ^27.3.1
-    jest-regex-util: ^27.0.6
-  checksum: 8c10ff875b74c80b4896d5457fce45faa0cca044a6ec6910b51e2c08d29238cad0b013dc46379a34338bf42b05e3566ffae5fa2c10229aced695fae9995eab2e
-  languageName: node
-  linkType: hard
-
 "express@npm:4.17.1, express@npm:^4.10.7, express@npm:^4.13.1, express@npm:^4.16.3, express@npm:^4.17.1, express@npm:~4.17.1":
   version: 4.17.1
   resolution: "express@npm:4.17.1"
@@ -23052,18 +25228,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"falafel@npm:^2.1.0":
-  version: 2.2.4
-  resolution: "falafel@npm:2.2.4"
-  dependencies:
-    acorn: ^7.1.1
-    foreach: ^2.0.5
-    isarray: ^2.0.1
-    object-keys: ^1.0.6
-  checksum: fe008edde1927b5fb6dccc167ae2fc3da8f2b9290e5ba10ae9c9716e33cd3e8ceb609a8c353654bf17e49507a8b5e70cda6b15a6b77f46fc83f00de3e5a418a8
-  languageName: node
-  linkType: hard
-
 "fancy-log@npm:^1.3.3":
   version: 1.3.3
   resolution: "fancy-log@npm:1.3.3"
@@ -23090,7 +25254,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^2.0.2, fast-glob@npm:^2.2.2, fast-glob@npm:^2.2.6":
+"fast-glob@npm:3.1.1":
+  version: 3.1.1
+  resolution: "fast-glob@npm:3.1.1"
+  dependencies:
+    "@nodelib/fs.stat": ^2.0.2
+    "@nodelib/fs.walk": ^1.2.3
+    glob-parent: ^5.1.0
+    merge2: ^1.3.0
+    micromatch: ^4.0.2
+  checksum: 0ef668106f3eef408013559c342cf26466e6cc0fe2d45c120e748cb4c638a54dc4b34c68eb6733890644b91d2b5a97591f77a82217a265fe9ece04ab8e9ddddc
+  languageName: node
+  linkType: hard
+
+"fast-glob@npm:^2.0.2, fast-glob@npm:^2.2.6":
   version: 2.2.7
   resolution: "fast-glob@npm:2.2.7"
   dependencies:
@@ -23184,7 +25361,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fastest-levenshtein@npm:^1.0.12":
+"fast-url-parser@npm:1.1.3":
+  version: 1.1.3
+  resolution: "fast-url-parser@npm:1.1.3"
+  dependencies:
+    punycode: ^1.3.2
+  checksum: d85c5c409cf0215417380f98a2d29c23a95004d93ff0d8bdf1af5f1a9d1fc608ac89ac6ffe863783d2c73efb3850dd35390feb1de3296f49877bfee0392eb5d3
+  languageName: node
+  linkType: hard
+
+"fastest-levenshtein@npm:^1.0.12, fastest-levenshtein@npm:^1.0.8":
   version: 1.0.12
   resolution: "fastest-levenshtein@npm:1.0.12"
   checksum: 1755f98942952d5acd773eef03f9f9f046d95c447b10d1ef672df65a40f9a4d3f176ef60ae93e465f1c2bae127b7eb047d4df7e0dce492805bda76aff325dc88
@@ -23387,7 +25573,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"filesize@npm:^3.6.0, filesize@npm:^3.6.1":
+"filesize@npm:^3.6.1":
   version: 3.6.1
   resolution: "filesize@npm:3.6.1"
   checksum: 7b900b488c914d4b9146ddaf2865c410687977cf62c627760ff3c47dce4a00a53523658f40c9023bba8894d2e4841bc913af280472c2bb5aec29bc342eb33b6f
@@ -24410,13 +26596,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"get-port@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "get-port@npm:3.2.0"
-  checksum: 1b6c3fe89074be3753d9ddf3d67126ea351ab9890537fe53fefebc2912d1d66fdc112451bbc76d33ae5ceb6ca70be2a91017944e3ee8fb0814ac9b295bf2a5b8
-  languageName: node
-  linkType: hard
-
 "get-port@npm:^4.2.0":
   version: 4.2.0
   resolution: "get-port@npm:4.2.0"
@@ -24484,6 +26663,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"get-symbol-description@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "get-symbol-description@npm:1.0.0"
+  dependencies:
+    call-bind: ^1.0.2
+    get-intrinsic: ^1.1.1
+  checksum: 23bc3b44c221cdf7669a88230c62f4b9e30393b61eb21ba4400cb3e346801bd8f95fe4330ee78dbae37aecd874646d53e3e76a17a654d0c84c77f6690526d6bb
+  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"
@@ -24756,6 +26945,20 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"glob@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "glob@npm:7.2.0"
+  dependencies:
+    fs.realpath: ^1.0.0
+    inflight: ^1.0.4
+    inherits: 2
+    minimatch: ^3.0.4
+    once: ^1.3.0
+    path-is-absolute: ^1.0.0
+  checksum: 478b40e38be5a3d514e64950e1e07e0ac120585add6a37c98d0ed24d72d9127d734d2a125786073c8deb687096e84ae82b641c441a869ada3a9cc91b68978632
+  languageName: node
+  linkType: hard
+
 "global-dirs@npm:^2.0.1":
   version: 2.1.0
   resolution: "global-dirs@npm:2.1.0"
@@ -24844,6 +27047,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"globals@npm:^13.2.0":
+  version: 13.12.0
+  resolution: "globals@npm:13.12.0"
+  dependencies:
+    type-fest: ^0.20.2
+  checksum: e9daf6459d4f1056e64434d7fbd8dadba1036ec85b33ef4649bfa2000b816234ec02c37debf9e93fa3d50eb5f6e828a1c12279983636f58f864c7afda1c32546
+  languageName: node
+  linkType: hard
+
 "globals@npm:^9.18.0":
   version: 9.18.0
   resolution: "globals@npm:9.18.0"
@@ -24919,7 +27131,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.0.4":
+"globby@npm:^11.0.3, globby@npm:^11.0.4":
   version: 11.0.4
   resolution: "globby@npm:11.0.4"
   dependencies:
@@ -25060,16 +27272,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"grapheme-breaker@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "grapheme-breaker@npm:0.3.2"
-  dependencies:
-    brfs: ^1.2.0
-    unicode-trie: ^0.3.1
-  checksum: 5d0797fede2cc0c3eea6fc4b2ffd873694771fe40652c49a7167f4c1dc13a40526185967edaa23ea0950e7699089217bd637d8f55a19d46e34477f4ef2f082ab
-  languageName: node
-  linkType: hard
-
 "graphql@npm:^15.4.0":
   version: 15.7.2
   resolution: "graphql@npm:15.7.2"
@@ -25209,6 +27411,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"has-bigints@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "has-bigints@npm:1.0.1"
+  checksum: 59dc0ceb28468fcad0d3fd20a5d679dd577bae177f5caaf0b1f742df42a30267271538ab282c1c7dce14fcb9ba53401055363edab51d28fbae85c17b30f98a31
+  languageName: node
+  linkType: hard
+
 "has-binary2@npm:~1.0.2":
   version: 1.0.3
   resolution: "has-binary2@npm:1.0.3"
@@ -25276,6 +27485,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"has-tostringtag@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "has-tostringtag@npm:1.0.0"
+  dependencies:
+    has-symbols: ^1.0.2
+  checksum: 1cdba76b7d13f65198a92b8ca1560ba40edfa09e85d182bf436d928f3588a9ebd260451d569f0ed1b849c4bf54f49c862aa0d0a77f9552b1855bb6deb526c011
+  languageName: node
+  linkType: hard
+
 "has-unicode@npm:^2.0.0, has-unicode@npm:^2.0.1":
   version: 2.0.1
   resolution: "has-unicode@npm:2.0.1"
@@ -25541,13 +27759,27 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"highlight.js@npm:^10.0.0, highlight.js@npm:^10.1.1, highlight.js@npm:~10.6.0":
+"highlight.js@npm:^10.0.0":
   version: 10.6.0
   resolution: "highlight.js@npm:10.6.0"
   checksum: df0de7c5e03913975a5a64477aa53619159cf9c3f4483e471ce5a41afc3410af6b5fe8d6e37c21d385a90ffae62657bbf89536d6e54fceec7f141f5f306c795a
   languageName: node
   linkType: hard
 
+"highlight.js@npm:^10.4.1, highlight.js@npm:~10.7.0":
+  version: 10.7.3
+  resolution: "highlight.js@npm:10.7.3"
+  checksum: 073837eaf816922427a9005c56c42ad8786473dc042332dfe7901aa065e92bc3d94ebf704975257526482066abb2c8677cc0326559bb8621e046c21c5991c434
+  languageName: node
+  linkType: hard
+
+"highlight.js@npm:~10.4.0":
+  version: 10.4.1
+  resolution: "highlight.js@npm:10.4.1"
+  checksum: 973312fb25232a03f3b73aa7b4508cba57978db64cfc9c6dbba58fdff1ea4aba1cf800786f6aed4b72f196c6cf7560b3c7395b4e4b35ad10b6eb9a7bf26430e2
+  languageName: node
+  linkType: hard
+
 "history@npm:5.0.0":
   version: 5.0.0
   resolution: "history@npm:5.0.0"
@@ -25728,23 +27960,23 @@ fsevents@^1.2.7:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-jest": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-jest": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/client-api": 6.4.0-rc.6
-    "@storybook/core": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
-    "@storybook/html": 6.4.0-rc.6
-    "@storybook/source-loader": 6.4.0-rc.6
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/client-api": 6.5.0-alpha.7
+    "@storybook/core": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
+    "@storybook/html": 6.5.0-alpha.7
+    "@storybook/source-loader": 6.5.0-alpha.7
     autoprefixer: ^10.0.1
     eventemitter3: ^4.0.7
     format-json: ^1.0.3
@@ -25917,21 +28149,22 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"htmlnano@npm:^0.2.2":
-  version: 0.2.8
-  resolution: "htmlnano@npm:0.2.8"
+"htmlnano@npm:^1.0.1":
+  version: 1.1.1
+  resolution: "htmlnano@npm:1.1.1"
   dependencies:
-    cssnano: ^4.1.10
-    posthtml: ^0.13.4
-    posthtml-render: ^1.3.0
-    purgecss: ^2.3.0
+    cosmiconfig: ^7.0.1
+    cssnano: ^5.0.8
+    postcss: ^8.3.6
+    posthtml: ^0.16.5
+    purgecss: ^4.0.0
     relateurl: ^0.2.7
-    srcset: ^3.0.0
-    svgo: ^1.3.2
-    terser: ^4.8.0
+    srcset: ^4.0.0
+    svgo: ^2.6.1
+    terser: ^5.8.0
     timsort: ^0.3.0
     uncss: ^0.17.3
-  checksum: a8097fc3daedbbb9ed71e7797e1d729d27a9f7284f543a688fa6f7a54be21eac3ea92b283e0fc05f2411a6ff971b00877e3eaa97e6345c3e507a02fe45a46ec9
+  checksum: 6e9f120fe95a69cf8598238f28586eaf29e8f87cb0c3e37fc654ec595dc1f3a3fbe7c761e4545ffdc3650ed037eaa61834fae90ac973110022530fa7cf377386
   languageName: node
   linkType: hard
 
@@ -26009,6 +28242,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"htmlparser2@npm:^7.1.1":
+  version: 7.2.0
+  resolution: "htmlparser2@npm:7.2.0"
+  dependencies:
+    domelementtype: ^2.0.1
+    domhandler: ^4.2.2
+    domutils: ^2.8.0
+    entities: ^3.0.1
+  checksum: 7e1fa7f3b2635f2a1c5272765e25aab33b241d84a43e9d27f28a0b7166b51a8025dec40a6a29af38d6a698a2f1d2983cb43e5c61d4e07ec5aa9df672a7460e16
+  languageName: node
+  linkType: hard
+
 "http-auth-connect@npm:^1.0.5":
   version: 1.0.5
   resolution: "http-auth-connect@npm:1.0.5"
@@ -26140,6 +28385,19 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"http-proxy-middleware@npm:^1.0.0":
+  version: 1.3.1
+  resolution: "http-proxy-middleware@npm:1.3.1"
+  dependencies:
+    "@types/http-proxy": ^1.17.5
+    http-proxy: ^1.18.1
+    is-glob: ^4.0.1
+    is-plain-obj: ^3.0.0
+    micromatch: ^4.0.2
+  checksum: 34e6e211f04672a625dbbb2f63e834951eaedda72a28b7a559a0ce9c40dcd857dba312e482144cdc5255cd7fe63debbe4bbfc6c2f936fb31ccc3ceb814ad30da
+  languageName: node
+  linkType: hard
+
 "http-proxy@npm:^1.13.1, http-proxy@npm:^1.17.0, http-proxy@npm:^1.18.0, http-proxy@npm:^1.18.1":
   version: 1.18.1
   resolution: "http-proxy@npm:1.18.1"
@@ -26312,6 +28570,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"i18next@npm:^21.5.2":
+  version: 21.5.3
+  resolution: "i18next@npm:21.5.3"
+  dependencies:
+    "@babel/runtime": ^7.12.0
+  checksum: 4cae2293780dd3c32b9a638659fdcc7a7125d8392336ba8e262df9932c5d2fc5207f763b2e728ffae0ab27206fd1530bbce827581934e63a43938ca3add078b5
+  languageName: node
+  linkType: hard
+
 "iconv-lite@npm:0.4.24, iconv-lite@npm:^0.4.24, iconv-lite@npm:^0.4.4":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
@@ -26387,6 +28654,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"iferr@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "iferr@npm:1.0.2"
+  checksum: 16b50ddf9244a2edc9b08d2e4a0b2aca94dbee8344b611523fc0367c36b258c0fd1e5568bddc8c4c5a6087f30598bfca6932535a75a549a70d726b9b906b5ec0
+  languageName: node
+  linkType: hard
+
 "ignore-by-default@npm:^1.0.1":
   version: 1.0.1
   resolution: "ignore-by-default@npm:1.0.1"
@@ -26614,7 +28888,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.0, 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.0, 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.0.4":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 4e531f648b29039fb7426fb94075e6545faa1eb9fe83c29f0b6d9e7263aceb4289d2d4557db0d428188eeb449cc7c5e77b0a0b2c4e248ff2a65933a0dee49ef2
@@ -26809,7 +29083,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"invariant@npm:^2.2.0, invariant@npm:^2.2.2, invariant@npm:^2.2.3, invariant@npm:^2.2.4":
+"invariant@npm:^2.2.0, invariant@npm:^2.2.2, invariant@npm:^2.2.4":
   version: 2.2.4
   resolution: "invariant@npm:2.2.4"
   dependencies:
@@ -26925,6 +29199,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-bigint@npm:^1.0.1":
+  version: 1.0.4
+  resolution: "is-bigint@npm:1.0.4"
+  dependencies:
+    has-bigints: ^1.0.1
+  checksum: eb9c88e418a0d195ca545aff2b715c9903d9b0a5033bc5922fec600eb0c3d7b1ee7f882dbf2e0d5a6e694e42391be3683e4368737bd3c4a77f8ac293e7773696
+  languageName: node
+  linkType: hard
+
 "is-binary-path@npm:^1.0.0":
   version: 1.0.1
   resolution: "is-binary-path@npm:1.0.1"
@@ -26952,6 +29235,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-boolean-object@npm:^1.1.0":
+  version: 1.1.2
+  resolution: "is-boolean-object@npm:1.1.2"
+  dependencies:
+    call-bind: ^1.0.2
+    has-tostringtag: ^1.0.0
+  checksum: 6090587f8a8a8534c0f816da868bc94f32810f08807aa72fa7e79f7e11c466d281486ffe7a788178809c2aa71fe3e700b167fe80dd96dad68026bfff8ebf39f7
+  languageName: node
+  linkType: hard
+
 "is-buffer@npm:^1.0.2, is-buffer@npm:^1.1.5":
   version: 1.1.6
   resolution: "is-buffer@npm:1.1.6"
@@ -26973,6 +29266,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-callable@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "is-callable@npm:1.2.4"
+  checksum: bda3c67128741129d61e1cb7ca89025ca56b39bf3564657989567c9f6d1e20d6f5579750d3c1fa8887903c6dc669fbc695e33a1363e7c5ec944077e39d24f73d
+  languageName: node
+  linkType: hard
+
 "is-ci@npm:^1.0.10":
   version: 1.2.1
   resolution: "is-ci@npm:1.2.1"
@@ -27202,6 +29502,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-generator-function@npm:^1.0.7":
+  version: 1.0.10
+  resolution: "is-generator-function@npm:1.0.10"
+  dependencies:
+    has-tostringtag: ^1.0.0
+  checksum: df03514df01a6098945b5a0cfa1abff715807c8e72f57c49a0686ad54b3b74d394e2d8714e6f709a71eb00c9630d48e73ca1796c1ccc84ac95092c1fecc0d98b
+  languageName: node
+  linkType: hard
+
 "is-git-url@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-git-url@npm:1.0.0"
@@ -27279,6 +29588,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-json@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "is-json@npm:2.0.1"
+  checksum: 49233aa560396e6365186be2f3a4618bf8b8067c1a97f2a25b8de09a9d7f326985f0163508067abeae5a21c69594a2a537f0147a5c4050ef097c15964e994cb4
+  languageName: node
+  linkType: hard
+
 "is-lambda@npm:^1.0.1":
   version: 1.0.1
   resolution: "is-lambda@npm:1.0.1"
@@ -27307,6 +29623,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-nan@npm:^1.2.1":
+  version: 1.3.2
+  resolution: "is-nan@npm:1.3.2"
+  dependencies:
+    call-bind: ^1.0.0
+    define-properties: ^1.1.3
+  checksum: 8bfb286f85763f9c2e28ea32e9127702fe980ffd15fa5d63ade3be7786559e6e21355d3625dd364c769c033c5aedf0a2ed3d4025d336abf1b9241e3d9eddc5b0
+  languageName: node
+  linkType: hard
+
 "is-negative-zero@npm:^2.0.1":
   version: 2.0.1
   resolution: "is-negative-zero@npm:2.0.1"
@@ -27436,6 +29762,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-plain-obj@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-plain-obj@npm:3.0.0"
+  checksum: 8e6483bfb051d42ec9c704c0ede051a821c6b6f9a6c7a3e3b55aa855e00981b0580c8f3b1f5e2e62649b39179b1abfee35d6f8086d999bfaa32c1908d29b07bc
+  languageName: node
+  linkType: hard
+
 "is-plain-object@npm:5.0.0, is-plain-object@npm:^5.0.0":
   version: 5.0.0
   resolution: "is-plain-object@npm:5.0.0"
@@ -27486,6 +29819,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-regex@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "is-regex@npm:1.1.4"
+  dependencies:
+    call-bind: ^1.0.2
+    has-tostringtag: ^1.0.0
+  checksum: bb72aae604a69eafd4a82a93002058c416ace8cde95873589a97fc5dac96a6c6c78a9977d487b7b95426a8f5073969124dd228f043f9f604f041f32fcc465fc1
+  languageName: node
+  linkType: hard
+
 "is-regexp@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-regexp@npm:1.0.0"
@@ -27514,6 +29857,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-shared-array-buffer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-shared-array-buffer@npm:1.0.1"
+  checksum: d27ff8661f30b6e90258a94c05c739260fb92f6c15d297cbf93e1122c6e7cf26ba65e89a63d427d22712f598905ca9d65840c1335449825aca4828e0bb53aa04
+  languageName: node
+  linkType: hard
+
 "is-ssh@npm:^1.3.0":
   version: 1.3.2
   resolution: "is-ssh@npm:1.3.2"
@@ -27544,6 +29894,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-string@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "is-string@npm:1.0.7"
+  dependencies:
+    has-tostringtag: ^1.0.0
+  checksum: 905f805cbc6eedfa678aaa103ab7f626aac9ebbdc8737abb5243acaa61d9820f8edc5819106b8fcd1839e33db21de9f0116ae20de380c8382d16dc2a601921f6
+  languageName: node
+  linkType: hard
+
 "is-subset@npm:^0.1.1":
   version: 0.1.1
   resolution: "is-subset@npm:0.1.1"
@@ -27587,6 +29946,19 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-typed-array@npm:^1.1.3, is-typed-array@npm:^1.1.7":
+  version: 1.1.8
+  resolution: "is-typed-array@npm:1.1.8"
+  dependencies:
+    available-typed-arrays: ^1.0.5
+    call-bind: ^1.0.2
+    es-abstract: ^1.18.5
+    foreach: ^2.0.5
+    has-tostringtag: ^1.0.0
+  checksum: 31e0561cfc03b3e167b61f011de4eff12cda6a7d8a5f3e92e67c9043776e27df32f2ba4e690246711465ed1bef1917e7bdb09f68cc68b24666d2a3e7c5437af9
+  languageName: node
+  linkType: hard
+
 "is-typedarray@npm:^1.0.0, is-typedarray@npm:~1.0.0":
   version: 1.0.0
   resolution: "is-typedarray@npm:1.0.0"
@@ -27594,6 +29966,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-unicode-supported@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "is-unicode-supported@npm:0.1.0"
+  checksum: 00cbe3455c3756be68d2542c416cab888aebd5012781d6819749fefb15162ff23e38501fe681b3d751c73e8ff561ac09a5293eba6f58fdf0178462ce6dcb3453
+  languageName: node
+  linkType: hard
+
 "is-url-superb@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-url-superb@npm:3.0.0"
@@ -27617,6 +29996,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"is-weakref@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-weakref@npm:1.0.1"
+  dependencies:
+    call-bind: ^1.0.0
+  checksum: c21f472d98b4867f448f182cd0354039c2d0bce0bba47d5dac7717d92dc1e25e0134139530b3e56fdb4596efd32697bed50fd3e9b0b285f510493c7a5a542779
+  languageName: node
+  linkType: hard
+
 "is-what@npm:^3.12.0, is-what@npm:^3.3.1":
   version: 3.14.1
   resolution: "is-what@npm:3.14.1"
@@ -27696,7 +30084,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"isarray@npm:^2.0.1, isarray@npm:^2.0.5":
+"isarray@npm:^2.0.5":
   version: 2.0.5
   resolution: "isarray@npm:2.0.5"
   checksum: 4199f14a7a13da2177c66c31080008b7124331956f47bca57dd0b6ea9f11687aa25e565a2c7a2b519bc86988d10398e3049a1f5df13c9f6b7664154690ae79fd
@@ -28174,18 +30562,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^27.3.1":
-  version: 27.3.1
-  resolution: "jest-diff@npm:27.3.1"
-  dependencies:
-    chalk: ^4.0.0
-    diff-sequences: ^27.0.6
-    jest-get-type: ^27.3.1
-    pretty-format: ^27.3.1
-  checksum: 1b983aaa3de7fffd934f85b531ea2274cc618443a48fa35ef1da1a90475465cc5f7d902ab4f2a560caee8c448a56911e677b239f47810616952764f52fd04410
-  languageName: node
-  linkType: hard
-
 "jest-docblock@npm:^24.3.0":
   version: 24.9.0
   resolution: "jest-docblock@npm:24.9.0"
@@ -28371,13 +30747,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-get-type@npm:^27.3.1":
-  version: 27.3.1
-  resolution: "jest-get-type@npm:27.3.1"
-  checksum: 738e5062ffd979d817bfe6c14e64813f9541221c1c77033bae003a6fbb659535c646578d8aae6d303b6fb7c91101d12af08847756ff5bc7b018d238a4ff02bd1
-  languageName: node
-  linkType: hard
-
 "jest-haste-map@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-haste-map@npm:24.9.0"
@@ -28539,18 +30908,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^27.3.1":
-  version: 27.3.1
-  resolution: "jest-matcher-utils@npm:27.3.1"
-  dependencies:
-    chalk: ^4.0.0
-    jest-diff: ^27.3.1
-    jest-get-type: ^27.3.1
-    pretty-format: ^27.3.1
-  checksum: adb3ac4e3138dda764dfffb0d0b898911b7e53377ee79d4b6b52ba31b81e4f5680dac5e3307251d7dcc0b386f57de2f148f7451b43abaea38ca05c309f001824
-  languageName: node
-  linkType: hard
-
 "jest-message-util@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-message-util@npm:24.9.0"
@@ -28584,23 +30941,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^27.3.1":
-  version: 27.3.1
-  resolution: "jest-message-util@npm:27.3.1"
-  dependencies:
-    "@babel/code-frame": ^7.12.13
-    "@jest/types": ^27.2.5
-    "@types/stack-utils": ^2.0.0
-    chalk: ^4.0.0
-    graceful-fs: ^4.2.4
-    micromatch: ^4.0.4
-    pretty-format: ^27.3.1
-    slash: ^3.0.0
-    stack-utils: ^2.0.3
-  checksum: 4be29d567aa0678b37dcf9b5440655dad2d10ba920c006e71491e8844c2d3414e7ddb4455483ef74c02d38da8bca27dbe079d96e8098d773ba04055be8c76a29
-  languageName: node
-  linkType: hard
-
 "jest-mock@npm:^24.0.0, jest-mock@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-mock@npm:24.9.0"
@@ -28630,7 +30970,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-mock@npm:^27.2.5":
+"jest-mock@npm:^27.3.0":
   version: 27.3.0
   resolution: "jest-mock@npm:27.3.0"
   dependencies:
@@ -28640,6 +30980,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"jest-os-detection@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "jest-os-detection@npm:1.3.1"
+  checksum: 0fd540b9518d443fe037bd74c3413869e23b167faa3c3f2653c652eb9b0f4acf5448df92344bdf67f4d0d6e994294513e3ba6b0507c245e5d9d31e83541ac621
+  languageName: node
+  linkType: hard
+
 "jest-pnp-resolver@npm:^1.2.1, jest-pnp-resolver@npm:^1.2.2":
   version: 1.2.2
   resolution: "jest-pnp-resolver@npm:1.2.2"
@@ -28687,13 +31034,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^27.0.6":
-  version: 27.0.6
-  resolution: "jest-regex-util@npm:27.0.6"
-  checksum: de6f66f602adb5b57c1d4829b80fe66821d50fabcf8d46ddb9e63609e47a8e73cabe27df2231989b18b7db93278940d0d9f0dce431af89a80a510a5b6c0c9741
-  languageName: node
-  linkType: hard
-
 "jest-resolve-dependencies@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-resolve-dependencies@npm:24.9.0"
@@ -29284,7 +31624,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"js-yaml@npm:3.14.1, js-yaml@npm:^3.10.0, js-yaml@npm:^3.13.1, js-yaml@npm:^3.14.0, js-yaml@npm:^3.14.1, js-yaml@npm:^3.2.5, js-yaml@npm:^3.2.7, js-yaml@npm:^3.6.1, js-yaml@npm:^3.9.0":
+"js-yaml@npm:3.14.1, js-yaml@npm:^3.13.1, js-yaml@npm:^3.14.0, js-yaml@npm:^3.14.1, js-yaml@npm:^3.2.5, js-yaml@npm:^3.2.7, js-yaml@npm:^3.6.1, js-yaml@npm:^3.9.0":
   version: 3.14.1
   resolution: "js-yaml@npm:3.14.1"
   dependencies:
@@ -29634,6 +31974,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"json-source-map@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "json-source-map@npm:0.6.1"
+  checksum: 9fe819f7dfc1407caf8e36246f18376eb511b969954d457b251dfb506df74544cefc0c368f64474b512956eeb37807e03045332a9712ddd14b836d54debe03c3
+  languageName: node
+  linkType: hard
+
 "json-stable-stringify-without-jsonify@npm:^1.0.1":
   version: 1.0.1
   resolution: "json-stable-stringify-without-jsonify@npm:1.0.1"
@@ -30348,6 +32695,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"lilconfig@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "lilconfig@npm:2.0.4"
+  checksum: bdd3d4bd82c6381a3e600962cfc285610564888f126e2cec3cd0fdc41a1892266fa17f32f372a4a6c9c57c265d377ab58a36e2b68a91eedd377389b41334f112
+  languageName: node
+  linkType: hard
+
 "linebreak@npm:^1.0.2":
   version: 1.0.2
   resolution: "linebreak@npm:1.0.2"
@@ -30480,6 +32834,20 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"lmdb-store@npm:^1.5.5":
+  version: 1.6.14
+  resolution: "lmdb-store@npm:1.6.14"
+  dependencies:
+    msgpackr: ^1.5.0
+    nan: ^2.14.2
+    node-gyp: latest
+    node-gyp-build: ^4.2.3
+    ordered-binary: ^1.0.0
+    weak-lru-cache: ^1.0.0
+  checksum: 521b2ea0048b4e8506cbe1a338c56f795c06f911b80e76fae42603e81b985fc835bcab7dd1f1c3214cc29a383d8610babab13ddf2bf8008fac6eb5c11642b353
+  languageName: node
+  linkType: hard
+
 "load-json-file@npm:^1.0.0":
   version: 1.1.0
   resolution: "load-json-file@npm:1.1.0"
@@ -31108,6 +33476,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"log-symbols@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "log-symbols@npm:4.1.0"
+  dependencies:
+    chalk: ^4.1.0
+    is-unicode-supported: ^0.1.0
+  checksum: 67f445a9ffa76db1989d0fa98586e5bc2fd5247260dafb8ad93d9f0ccd5896d53fb830b0e54dade5ad838b9de2006c826831a3c528913093af20dff8bd24aca6
+  languageName: node
+  linkType: hard
+
 "log-update@npm:^4.0.0":
   version: 4.0.0
   resolution: "log-update@npm:4.0.0"
@@ -31134,6 +33512,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"loglevel@npm:^1.8.0":
+  version: 1.8.0
+  resolution: "loglevel@npm:1.8.0"
+  checksum: e67645b38062e73ef72b37664f0cd43e9deea2e9e4a161d67998578f5b758c47740ec976e9dca7d2d05b23414df8004ded8955da50b6ad1dc9628739f645e905
+  languageName: node
+  linkType: hard
+
 "longest-streak@npm:^2.0.0, longest-streak@npm:^2.0.1":
   version: 2.0.4
   resolution: "longest-streak@npm:2.0.4"
@@ -31192,13 +33577,23 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"lowlight@npm:^1.14.0":
-  version: 1.19.0
-  resolution: "lowlight@npm:1.19.0"
+"lowlight@npm:^1.17.0":
+  version: 1.20.0
+  resolution: "lowlight@npm:1.20.0"
   dependencies:
     fault: ^1.0.0
-    highlight.js: ~10.6.0
-  checksum: e029852fc655960533cefffdf3d80ceae95ec2d43079d35e5b0f8c6a776b64cf922a16364f9fa038e3eb323bfcfc937b4514360516f8878b5109fa3e01f979b8
+    highlight.js: ~10.7.0
+  checksum: 728bce6f6fe8b157f48d3324e597f452ce0eed2ccff1c0f41a9047380f944e971eb45bceb31f08fbb64d8f338dabb166f10049b35b92c7ec5cf0241d6adb3dea
+  languageName: node
+  linkType: hard
+
+"lowlight@npm:~1.17.0":
+  version: 1.17.0
+  resolution: "lowlight@npm:1.17.0"
+  dependencies:
+    fault: ^1.0.0
+    highlight.js: ~10.4.0
+  checksum: 07cc3f126224a3b65b8de8cf78fa422e48b54007f8c662a25f6da06882c6cfe2ef83125baa5144e5476946c78911944864b814c3ce9da9ed5d7cae20d8955a1c
   languageName: node
   linkType: hard
 
@@ -31294,15 +33689,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.22.4":
-  version: 0.22.5
-  resolution: "magic-string@npm:0.22.5"
-  dependencies:
-    vlq: ^0.2.2
-  checksum: 3a5887f1086496adb4e98265b5c1143c3bca37b95f72346383078bfd382d3c9e109b42e26731c1d012b1a092c5d89b970b2f4b8dc4c3d8d180ec54716934ccf9
-  languageName: node
-  linkType: hard
-
 "make-dir@npm:^1.0.0":
   version: 1.3.0
   resolution: "make-dir@npm:1.3.0"
@@ -31597,6 +33983,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"marked@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "marked@npm:4.0.4"
+  bin:
+    marked: bin/marked.js
+  checksum: e4d1d27ee7cea1bb0e09e018e05332125ec6fec5e190bd061a09bf9d4ae3050327c4f8c2d76d48c1b5b3f2492746530fd09d42bedf2f60317eb1996c159b12c1
+  languageName: node
+  linkType: hard
+
 "matcher-collection@npm:^1.0.0, matcher-collection@npm:^1.1.1":
   version: 1.1.2
   resolution: "matcher-collection@npm:1.1.2"
@@ -31840,7 +34235,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"meow@npm:^3.3.0":
+"meow@npm:^3.1.0, meow@npm:^3.3.0":
   version: 3.7.0
   resolution: "meow@npm:3.7.0"
   dependencies:
@@ -32001,7 +34396,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^3.0.4, micromatch@npm:^3.1.10, micromatch@npm:^3.1.4":
+"micromatch@npm:^3.1.10, micromatch@npm:^3.1.4":
   version: 3.1.10
   resolution: "micromatch@npm:3.1.10"
   dependencies:
@@ -32061,6 +34456,22 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"mime-db@npm:~1.33.0":
+  version: 1.33.0
+  resolution: "mime-db@npm:1.33.0"
+  checksum: 79172ce5468c8503b49dddfdddc18d3f5fe2599f9b5fe1bc321a8cbee14c96730fc6db22f907b23701b05b2936f865795f62ec3a78a7f3c8cb2450bb68c6763e
+  languageName: node
+  linkType: hard
+
+"mime-types@npm:2.1.18":
+  version: 2.1.18
+  resolution: "mime-types@npm:2.1.18"
+  dependencies:
+    mime-db: ~1.33.0
+  checksum: a96a8d12f4bb98bc7bfac6a8ccbd045f40368fc1030d9366050c3613825d3715d1c1f393e10a75a885d2cdc1a26cd6d5e11f3a2a0d5c4d361f00242139430a0f
+  languageName: node
+  linkType: hard
+
 "mime-types@npm:^2.1.12, mime-types@npm:^2.1.18, mime-types@npm:^2.1.25, mime-types@npm:^2.1.26, mime-types@npm:^2.1.27, mime-types@npm:^2.1.28, mime-types@npm:~2.1.17, mime-types@npm:~2.1.19, mime-types@npm:~2.1.24":
   version: 2.1.29
   resolution: "mime-types@npm:2.1.29"
@@ -32544,6 +34955,29 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"msgpackr-extract@npm:^1.0.14":
+  version: 1.0.15
+  resolution: "msgpackr-extract@npm:1.0.15"
+  dependencies:
+    nan: ^2.14.2
+    node-gyp: latest
+    node-gyp-build: ^4.2.3
+  checksum: 9a470a6840ddcf2e0ea86c9946457bca8950700eff581e74862625f9e688278cca9619456d24526e79fab8f41919d2babb046c80aa8e87899b7e03265a8f7d81
+  languageName: node
+  linkType: hard
+
+"msgpackr@npm:^1.5.0":
+  version: 1.5.1
+  resolution: "msgpackr@npm:1.5.1"
+  dependencies:
+    msgpackr-extract: ^1.0.14
+  dependenciesMeta:
+    msgpackr-extract:
+      optional: true
+  checksum: 5b9be5bddf06678a35876c11efcddaf2d9a3d9f16c0508af0d5ab1eb424b46f082f618f70355e64ac81cfe2fddd902084679c6f14f1afd462b4f12011991a89e
+  languageName: node
+  linkType: hard
+
 "multicast-dns-service-types@npm:^1.1.0":
   version: 1.1.0
   resolution: "multicast-dns-service-types@npm:1.1.0"
@@ -32640,6 +35074,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"nan@npm:^2.14.2":
+  version: 2.15.0
+  resolution: "nan@npm:2.15.0"
+  dependencies:
+    node-gyp: latest
+  checksum: 797924e8dd64c32d571f322f998d5aa5a732012a23315976456017ea37515b21a808020995d7f48b716476b7e9a6a1ba9cce43bee30399016b9ac7257454ea04
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.1.20":
   version: 3.1.20
   resolution: "nanoid@npm:3.1.20"
@@ -32667,6 +35110,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"nanoid@npm:^3.1.30":
+  version: 3.1.30
+  resolution: "nanoid@npm:3.1.30"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 2a1a430d27e474f1fcfe99589483822277b28cb63ccb73e0d83d80cde850bbe8e669e615a4115a1bfa9dfe24e55baafbf13b516d10695e646f6fb54fdc1fc959
+  languageName: node
+  linkType: hard
+
 "nanomatch@npm:^1.2.9":
   version: 1.2.13
   resolution: "nanomatch@npm:1.2.13"
@@ -32709,7 +35161,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"ncp@npm:~2.0.0":
+"ncp@npm:^2.0.0, ncp@npm:~2.0.0":
   version: 2.0.0
   resolution: "ncp@npm:2.0.0"
   bin:
@@ -32802,12 +35254,12 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"node-addon-api@npm:^1.7.1":
-  version: 1.7.2
-  resolution: "node-addon-api@npm:1.7.2"
+"node-addon-api@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "node-addon-api@npm:3.2.1"
   dependencies:
     node-gyp: latest
-  checksum: bcf526f2ce788182730d3c3df5206585873d1e837a6e1378ff84abccf2f19cf3f93a8274f9c1245af0de63a0dbd1bb95ca2f767ecf5c678d6930326aaf396c4e
+  checksum: 41f21c9d12318875a2c429befd06070ce367065a3ef02952cfd4ea17ef69fa14012732f510b82b226e99c254da8d671847ea018cad785f839a5366e02dd56302
   languageName: node
   linkType: hard
 
@@ -32862,10 +35314,14 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"node-forge@npm:^0.7.1":
-  version: 0.7.6
-  resolution: "node-forge@npm:0.7.6"
-  checksum: ae6be82f19dac77d987530691b9b5c98d6bb505f09b084309848d670b5ee7ba4d6d2892621ee4a0d3946bf4d3ad2d6bea2eca056ad535e997dd80a363a97ae81
+"node-gyp-build@npm:^4.2.3, node-gyp-build@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "node-gyp-build@npm:4.3.0"
+  bin:
+    node-gyp-build: bin.js
+    node-gyp-build-optional: optional.js
+    node-gyp-build-test: build-test.js
+  checksum: 817917b256e5193c1b2f832a8e41e82cfb9915e44dfc01a9b2745ddda203344c82e27c177c1e4da39083a08d6e30859a0ce6672801ac4f0cd1df94a8c43f22b5
   languageName: node
   linkType: hard
 
@@ -32959,7 +35415,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"node-libs-browser@npm:^2.0.0, node-libs-browser@npm:^2.2.1":
+"node-libs-browser@npm:^2.2.1":
   version: 2.2.1
   resolution: "node-libs-browser@npm:2.2.1"
   dependencies:
@@ -33052,6 +35508,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "node-releases@npm:2.0.1"
+  checksum: cb6c373458422e584b46ce18d7b5c95590fe1f31a9ec4833d3f557aff8c99a64be331cbb94ddee473f40ff17d52a907939c3f234a537da35967c58585c9ee09e
+  languageName: node
+  linkType: hard
+
 "node-uuid@npm:~1.4.0":
   version: 1.4.8
   resolution: "node-uuid@npm:1.4.8"
@@ -33206,6 +35669,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"normalize-url@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "normalize-url@npm:6.1.0"
+  checksum: 95d948f9bdd2cfde91aa786d1816ae40f8262946e13700bf6628105994fe0ff361662c20af3961161c38a119dc977adeb41fc0b41b1745eb77edaaf9cb22db23
+  languageName: node
+  linkType: hard
+
 "npm-bundled@npm:^1.0.1, npm-bundled@npm:^1.1.1":
   version: 1.1.1
   resolution: "npm-bundled@npm:1.1.1"
@@ -33434,6 +35904,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"nullthrows@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "nullthrows@npm:1.1.1"
+  checksum: 56f34bd7c3dcb3bd23481a277fa22918120459d3e9d95ca72976c72e9cac33a97483f0b95fc420e2eb546b9fe6db398273aba9a938650cdb8c98ee8f159dcb30
+  languageName: node
+  linkType: hard
+
 "num2fraction@npm:^1.2.2":
   version: 1.2.2
   resolution: "num2fraction@npm:1.2.2"
@@ -33501,6 +35978,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"object-inspect@npm:^1.11.0":
+  version: 1.11.0
+  resolution: "object-inspect@npm:1.11.0"
+  checksum: eb08be1fecb532088153a23d4beb83b3feb8d49c001844a64b88568a9cc2755020a865b1a62957276e2fe20423576b09fa6e3948000fb9d6cb516171bafbf898
+  languageName: node
+  linkType: hard
+
 "object-inspect@npm:^1.6.0, object-inspect@npm:^1.7.0, object-inspect@npm:^1.8.0, object-inspect@npm:^1.9.0":
   version: 1.9.0
   resolution: "object-inspect@npm:1.9.0"
@@ -33508,13 +35992,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"object-inspect@npm:~1.4.0":
-  version: 1.4.1
-  resolution: "object-inspect@npm:1.4.1"
-  checksum: 457c400ba99bd11c166bd392f35c14c4ad0eec5dc82daefba542cb03d2fdea82e7c132b8ced4fa4095d8fdec575bc07dd849983640c81d4ab7a6b9519c05f14b
-  languageName: node
-  linkType: hard
-
 "object-is@npm:^1.0.1, object-is@npm:^1.0.2, object-is@npm:^1.1.2":
   version: 1.1.5
   resolution: "object-is@npm:1.1.5"
@@ -33525,7 +36002,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"object-keys@npm:^1.0.12, object-keys@npm:^1.0.6, object-keys@npm:^1.1.1":
+"object-keys@npm:^1.0.12, object-keys@npm:^1.1.1":
   version: 1.1.1
   resolution: "object-keys@npm:1.1.1"
   checksum: b11f7ccdbc6d406d1f186cdadb9d54738e347b2692a14439ca5ac70c225fa6db46db809711b78589866d47b25fc3e8dee0b4c722ac751e11180f9380e3d8601d
@@ -33636,31 +36113,31 @@ fsevents@^1.2.7:
   dependencies:
     "@packtracker/webpack-plugin": ^2.3.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.4.3
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-interactions": 6.4.0-rc.6
-    "@storybook/addon-jest": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storyshots-puppeteer": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addon-toolbars": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/cli": 6.4.0-rc.6
-    "@storybook/components": 6.4.0-rc.6
-    "@storybook/core-events": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-interactions": 6.5.0-alpha.7
+    "@storybook/addon-jest": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storyshots-puppeteer": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addon-toolbars": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/cli": 6.5.0-alpha.7
+    "@storybook/components": 6.5.0-alpha.7
+    "@storybook/core-events": 6.5.0-alpha.7
     "@storybook/design-system": ^5.4.7
-    "@storybook/jest": ^0.0.2
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/react": 6.4.0-rc.6
-    "@storybook/router": 6.4.0-rc.6
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/testing-library": ^0.0.3
-    "@storybook/theming": 6.4.0-rc.6
+    "@storybook/jest": ^0.0.5
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/react": 6.5.0-alpha.7
+    "@storybook/router": 6.5.0-alpha.7
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/testing-library": ^0.0.7
+    "@storybook/theming": 6.5.0-alpha.7
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33672,7 +36149,7 @@ fsevents@^1.2.7:
     format-json: ^1.0.3
     global: ^4.4.0
     jest-emotion: ^10.0.32
-    lodash: ^4.17.20
+    lodash: ^4.17.21
     paths.macro: ^3.0.1
     prop-types: ^15.7.2
     react: 16.14.0
@@ -33779,6 +36256,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"open@npm:^8.4.0":
+  version: 8.4.0
+  resolution: "open@npm:8.4.0"
+  dependencies:
+    define-lazy-prop: ^2.0.0
+    is-docker: ^2.1.1
+    is-wsl: ^2.2.0
+  checksum: 585596580226cbeb7262f36b5acc7eed05211dc26980020a2527f829336b8b07fd79cdc4240f4d995b5615f635e0a59ebb0261c4419fef91edd5d4604c463f18
+  languageName: node
+  linkType: hard
+
 "opencollective-postinstall@npm:^2.0.0, opencollective-postinstall@npm:^2.0.2, opencollective-postinstall@npm:^2.0.3":
   version: 2.0.3
   resolution: "opencollective-postinstall@npm:2.0.3"
@@ -33797,7 +36285,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"opn@npm:^5.1.0, opn@npm:^5.3.0, opn@npm:^5.5.0":
+"opn@npm:^5.3.0, opn@npm:^5.5.0":
   version: 5.5.0
   resolution: "opn@npm:5.5.0"
   dependencies:
@@ -33874,20 +36362,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"ora@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "ora@npm:2.1.0"
-  dependencies:
-    chalk: ^2.3.1
-    cli-cursor: ^2.1.0
-    cli-spinners: ^1.1.0
-    log-symbols: ^2.2.0
-    strip-ansi: ^4.0.0
-    wcwidth: ^1.0.1
-  checksum: b534cfc4bd8acc3f091ef85a84e5262784594b0f1d07afff82c9f80bd5c0418c93c80c22bae16cd1643fa1b0c401400184b1ffcdceb7edf46857a6034ea87331
-  languageName: node
-  linkType: hard
-
 "ora@npm:^3.4.0":
   version: 3.4.0
   resolution: "ora@npm:3.4.0"
@@ -33902,6 +36376,30 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"ora@npm:^5.2.0":
+  version: 5.4.1
+  resolution: "ora@npm:5.4.1"
+  dependencies:
+    bl: ^4.1.0
+    chalk: ^4.1.0
+    cli-cursor: ^3.1.0
+    cli-spinners: ^2.5.0
+    is-interactive: ^1.0.0
+    is-unicode-supported: ^0.1.0
+    log-symbols: ^4.1.0
+    strip-ansi: ^6.0.0
+    wcwidth: ^1.0.1
+  checksum: 10ff14aace236d0e2f044193362b22edce4784add08b779eccc8f8ef97195cae1248db8ec1ec5f5ff076f91acbe573f5f42a98c19b78dba8c54eefff983cae85
+  languageName: node
+  linkType: hard
+
+"ordered-binary@npm:^1.0.0":
+  version: 1.2.1
+  resolution: "ordered-binary@npm:1.2.1"
+  checksum: b5eb01367e060fb12e9865686fca2d6de6d37903eef807cf84b0500d85b09a7ce660d4270e6c7b02b1277df554cf15f9bd2eda4daa86f92f7a7594ed9a99d1ba
+  languageName: node
+  linkType: hard
+
 "original@npm:^1.0.0":
   version: 1.0.2
   resolution: "original@npm:1.0.2"
@@ -33925,6 +36423,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"os-name@npm:4.0.1, os-name@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "os-name@npm:4.0.1"
+  dependencies:
+    macos-release: ^2.5.0
+    windows-release: ^4.0.0
+  checksum: 2a78bb1a25afa04ec53a972ed164948432fee93d9e039afaec3a27ffe30473ffc85afb03c0776ca3e01c8d806f99f61cb85ad3fbc060bc3e37a549c0a4867f3f
+  languageName: node
+  linkType: hard
+
 "os-name@npm:^3.1.0":
   version: 3.1.0
   resolution: "os-name@npm:3.1.0"
@@ -33935,16 +36443,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"os-name@npm:^4.0.0":
-  version: 4.0.1
-  resolution: "os-name@npm:4.0.1"
-  dependencies:
-    macos-release: ^2.5.0
-    windows-release: ^4.0.0
-  checksum: 2a78bb1a25afa04ec53a972ed164948432fee93d9e039afaec3a27ffe30473ffc85afb03c0776ca3e01c8d806f99f61cb85ad3fbc060bc3e37a549c0a4867f3f
-  languageName: node
-  linkType: hard
-
 "os-tmpdir@npm:^1.0.0, os-tmpdir@npm:^1.0.1, os-tmpdir@npm:~1.0.1, os-tmpdir@npm:~1.0.2":
   version: 1.0.2
   resolution: "os-tmpdir@npm:1.0.2"
@@ -34314,72 +36812,27 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"parcel@npm:^1.12.4":
-  version: 1.12.4
-  resolution: "parcel@npm:1.12.4"
-  dependencies:
-    "@babel/code-frame": ^7.0.0
-    "@babel/core": ^7.4.4
-    "@babel/generator": ^7.4.4
-    "@babel/parser": ^7.4.4
-    "@babel/plugin-transform-flow-strip-types": ^7.4.4
-    "@babel/plugin-transform-modules-commonjs": ^7.4.4
-    "@babel/plugin-transform-react-jsx": ^7.0.0
-    "@babel/preset-env": ^7.4.4
-    "@babel/runtime": ^7.4.4
-    "@babel/template": ^7.4.4
-    "@babel/traverse": ^7.4.4
-    "@babel/types": ^7.4.4
-    "@iarna/toml": ^2.2.0
-    "@parcel/fs": ^1.11.0
-    "@parcel/logger": ^1.11.1
-    "@parcel/utils": ^1.11.0
-    "@parcel/watcher": ^1.12.1
-    "@parcel/workers": ^1.11.0
-    ansi-to-html: ^0.6.4
-    babylon-walk: ^1.0.2
-    browserslist: ^4.1.0
-    chalk: ^2.1.0
-    clone: ^2.1.1
-    command-exists: ^1.2.6
-    commander: ^2.11.0
-    core-js: ^2.6.5
-    cross-spawn: ^6.0.4
-    css-modules-loader-core: ^1.1.0
-    cssnano: ^4.0.0
-    deasync: ^0.1.14
-    dotenv: ^5.0.0
-    dotenv-expand: ^5.1.0
-    envinfo: ^7.3.1
-    fast-glob: ^2.2.2
-    filesize: ^3.6.0
-    get-port: ^3.2.0
-    htmlnano: ^0.2.2
-    is-glob: ^4.0.0
-    is-url: ^1.2.2
-    js-yaml: ^3.10.0
-    json5: ^1.0.1
-    micromatch: ^3.0.4
-    mkdirp: ^0.5.1
-    node-forge: ^0.7.1
-    node-libs-browser: ^2.0.0
-    opn: ^5.1.0
-    postcss: ^7.0.11
-    postcss-value-parser: ^3.3.1
-    posthtml: ^0.11.2
-    posthtml-parser: ^0.4.0
-    posthtml-render: ^1.1.3
-    resolve: ^1.4.0
-    semver: ^5.4.1
-    serialize-to-js: ^3.0.0
-    serve-static: ^1.12.4
-    source-map: 0.6.1
-    terser: ^3.7.3
+"parcel@npm:2.0.1":
+  version: 2.0.1
+  resolution: "parcel@npm:2.0.1"
+  dependencies:
+    "@parcel/config-default": ^2.0.1
+    "@parcel/core": ^2.0.1
+    "@parcel/diagnostic": ^2.0.1
+    "@parcel/events": ^2.0.1
+    "@parcel/fs": ^2.0.1
+    "@parcel/logger": ^2.0.1
+    "@parcel/package-manager": ^2.0.1
+    "@parcel/reporter-cli": ^2.0.1
+    "@parcel/reporter-dev-server": ^2.0.1
+    "@parcel/utils": ^2.0.1
+    chalk: ^4.1.0
+    commander: ^7.0.0
+    get-port: ^4.2.0
     v8-compile-cache: ^2.0.0
-    ws: ^5.1.1
   bin:
-    parcel: bin/cli.js
-  checksum: 593d6e146e513bb997598139ef12cfa94be81deca2e34f592d8cb16dcd40162a337d584ca3c6f07cdb7243805496555db44a452c1a5750157d4811e3ced211e3
+    parcel: lib/bin.js
+  checksum: 694ae8929f10a65df330cf582553ae214a6813e3d4d0be8d70fcb4e7d0507300e80114fb90d072dad2aa6e3d5944fde5f74fc8b5b2952f43df491e6787b40aa0
   languageName: node
   linkType: hard
 
@@ -34632,7 +37085,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"path-browserify@npm:^1.0.1":
+"path-browserify@npm:^1.0.0, path-browserify@npm:^1.0.1":
   version: 1.0.1
   resolution: "path-browserify@npm:1.0.1"
   checksum: 8b8c3fd5c66bd340272180590ae4ff139769e9ab79522e2eb82e3d571a89b8117c04147f65ad066dccfb42fcad902e5b7d794b3d35e0fd840491a8ddbedf8c66
@@ -34676,7 +37129,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"path-is-inside@npm:^1.0.1, path-is-inside@npm:^1.0.2":
+"path-is-inside@npm:1.0.2, path-is-inside@npm:^1.0.1, path-is-inside@npm:^1.0.2":
   version: 1.0.2
   resolution: "path-is-inside@npm:1.0.2"
   checksum: 7fdd4b41672c70461cce734fc222b33e7b447fa489c7c4377c95e7e6852d83d69741f307d88ec0cc3b385b41cb4accc6efac3c7c511cd18512e95424f5fa980c
@@ -34734,6 +37187,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"path-to-regexp@npm:2.2.1":
+  version: 2.2.1
+  resolution: "path-to-regexp@npm:2.2.1"
+  checksum: f4b51090a73dad5ce0720f13ce8528ac77914bc927d72cc4ba05ab32770ad3a8d2e431962734b688b9ed863d4098d858da6ff4746037e4e24259cbd3b2c32b79
+  languageName: node
+  linkType: hard
+
 "path-type@npm:^1.0.0":
   version: 1.1.0
   resolution: "path-type@npm:1.1.0"
@@ -34828,6 +37288,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"pdfmake@npm:^0.2.4":
+  version: 0.2.4
+  resolution: "pdfmake@npm:0.2.4"
+  dependencies:
+    "@foliojs-fork/linebreak": ^1.1.1
+    "@foliojs-fork/pdfkit": ^0.13.0
+    iconv-lite: ^0.6.3
+    xmldoc: ^1.1.2
+  checksum: b476b8a7e48b8d988413a3513031d39134efaff025b720ca6c71c8c0333c1d4321f12a849459eda49e2e69fd632933315b559a100d2f9012cc675e10b9260a32
+  languageName: node
+  linkType: hard
+
 "pend@npm:~1.2.0":
   version: 1.2.0
   resolution: "pend@npm:1.2.0"
@@ -34842,10 +37314,10 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"physical-cpu-count@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "physical-cpu-count@npm:2.0.0"
-  checksum: 3a4436a09c536a5c62e9edd3df5d33f15db0a9b2e919f3f08dbc25095a866466e1e39fe02a22dc44c7e10cdd9822f32b0e0803982c85a39d838c6a62e10a113a
+"picocolors@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "picocolors@npm:1.0.0"
+  checksum: 20a5b249e331c14479d94ec6817a182fd7a5680debae82705747b2db7ec50009a5f6648d0621c561b0572703f84dbef0858abcbd5856d3c5511426afcb1961f7
   languageName: node
   linkType: hard
 
@@ -35234,6 +37706,20 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-colormin@npm:^5.2.1":
+  version: 5.2.1
+  resolution: "postcss-colormin@npm:5.2.1"
+  dependencies:
+    browserslist: ^4.16.6
+    caniuse-api: ^3.0.0
+    colord: ^2.9.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 7dd06de4c19752ce9278927615db15a23f73bf437f379a362fb7f79b0f5ad9c4084c16341cdc14ce6b573c6889b77814f2edfb07b1306798880b1840b5b71525
+  languageName: node
+  linkType: hard
+
 "postcss-convert-values@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-convert-values@npm:4.0.1"
@@ -35255,6 +37741,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-convert-values@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "postcss-convert-values@npm:5.0.2"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 0d63b4778ae9ffd0a619b54e83aa378298fad7bf814a9647e566728c3554a94cdc24c24c91a4e7be1ea96802a025bae77e99320dd906dcf953af822c54b3a5a1
+  languageName: node
+  linkType: hard
+
 "postcss-custom-media@npm:^7.0.8":
   version: 7.0.8
   resolution: "postcss-custom-media@npm:7.0.8"
@@ -35312,6 +37809,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-discard-comments@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-discard-comments@npm:5.0.1"
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: fe071f61e08c625e297f1ead096cea288a46d34f3533957fbbab14b6b51bebe468e588e8f508cc5c8e84c9e56a4362090311773b9ed354ff3da94349240243fa
+  languageName: node
+  linkType: hard
+
 "postcss-discard-duplicates@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-discard-duplicates@npm:4.0.2"
@@ -35330,6 +37836,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-discard-duplicates@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-discard-duplicates@npm:5.0.1"
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 8db870a1d7b217900e15a0ea656026593da53b70ba75efcc489710fe4ad6a14773429a7ac679524e4680befbe4565b65fbb785689ec3973aed46a4bf6f31cf66
+  languageName: node
+  linkType: hard
+
 "postcss-discard-empty@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-discard-empty@npm:4.0.1"
@@ -35348,6 +37863,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-discard-empty@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-discard-empty@npm:5.0.1"
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 3135da9217cd20f96d49e21da49a9985e69231d8a4db61fb7971b82b6a00ce073c70979fa730a277d25eeb907c8ac567b3897a1382a0c27523904977d7734da7
+  languageName: node
+  linkType: hard
+
 "postcss-discard-overridden@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-discard-overridden@npm:4.0.1"
@@ -35366,6 +37890,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-discard-overridden@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-discard-overridden@npm:5.0.1"
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 83a2f2da900cc73c6f1a8b6fe1ab73859d2707a73c3212000ce015e20b720a74f6dbc4feef000a26d8ea6d3a5930f9085d59b55746235ac40438385289421990
+  languageName: node
+  linkType: hard
+
 "postcss-double-position-gradients@npm:^1.0.0":
   version: 1.0.0
   resolution: "postcss-double-position-gradients@npm:1.0.0"
@@ -35565,6 +38098,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-merge-longhand@npm:^5.0.4":
+  version: 5.0.4
+  resolution: "postcss-merge-longhand@npm:5.0.4"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+    stylehacks: ^5.0.1
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 12c8c521d4971e111f2b7c4ef72d1ba038bf0e9921ca5b6f4fce8aa1e7e838259b4870cc200dc8708d75551f590844ebc4c808f2d7f71e2eaba4a093d089127c
+  languageName: node
+  linkType: hard
+
 "postcss-merge-rules@npm:^4.0.3":
   version: 4.0.3
   resolution: "postcss-merge-rules@npm:4.0.3"
@@ -35594,6 +38139,20 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-merge-rules@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "postcss-merge-rules@npm:5.0.3"
+  dependencies:
+    browserslist: ^4.16.6
+    caniuse-api: ^3.0.0
+    cssnano-utils: ^2.0.1
+    postcss-selector-parser: ^6.0.5
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: c15b908f26ae9ee25ff6e486415608a65bee1602e8f42f6f7ec6589431fe427b312cf71ab1d7bdcb7647a4ac7d83a4e22d6246d842a742d7b8c3ea7c0c7919e2
+  languageName: node
+  linkType: hard
+
 "postcss-minify-font-values@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-minify-font-values@npm:4.0.2"
@@ -35615,6 +38174,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-minify-font-values@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-minify-font-values@npm:5.0.1"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 9fa8d8e02a162ad8bab7334900b5c8c5d48570256924490e7afbe8bb1dda5df3f1f192963022b839e2daf3ada3f475a5b9cae3675b0ac00d702edda3e079e206
+  languageName: node
+  linkType: hard
+
 "postcss-minify-gradients@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-minify-gradients@npm:4.0.2"
@@ -35640,6 +38210,19 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-minify-gradients@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "postcss-minify-gradients@npm:5.0.3"
+  dependencies:
+    colord: ^2.9.1
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 66b45a4a77f23a2810f5faabbfcb13b4f4eb0029110feb0f56e64901fa2802e1f1a7d0c947935bf7db22909457cfa37a18893e817e2dfcb943e9ae2560ca4abc
+  languageName: node
+  linkType: hard
+
 "postcss-minify-params@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-minify-params@npm:4.0.2"
@@ -35669,6 +38252,20 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-minify-params@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "postcss-minify-params@npm:5.0.2"
+  dependencies:
+    alphanum-sort: ^1.0.2
+    browserslist: ^4.16.6
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 8ede817d780e6376b39277858fec4ef0ad0aab30394f07263ccb4452c602c6568f38c6c982ff472b6b278d1a1b7c64253785dcad1a544e3d4b7f89e843ea557f
+  languageName: node
+  linkType: hard
+
 "postcss-minify-selectors@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-minify-selectors@npm:4.0.2"
@@ -35693,6 +38290,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-minify-selectors@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "postcss-minify-selectors@npm:5.1.0"
+  dependencies:
+    alphanum-sort: ^1.0.2
+    postcss-selector-parser: ^6.0.5
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: d603919100d72672bb31fcc420e5b11d39ae14a38ba6debc90daf1eeea128f2cf095e095df67eb304e341cb247b063d7fbd58bb8760919e08ab72e0bade882ec
+  languageName: node
+  linkType: hard
+
 "postcss-modules-extract-imports@npm:1.1.0":
   version: 1.1.0
   resolution: "postcss-modules-extract-imports@npm:1.1.0"
@@ -35879,6 +38488,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-charset@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-charset@npm:5.0.1"
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 7ad110fd08965de4224275d819076bb076839b52a78bb3c3007b95c58b14b87988739071c3d8e590d5271833605944d36bc59482f481697d52a4f15d640a8617
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-display-values@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-normalize-display-values@npm:4.0.2"
@@ -35902,6 +38520,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-display-values@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-display-values@npm:5.0.1"
+  dependencies:
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 1a71a55e3ef882318c00f249e75ae27c89af5602806b0bd57cb3f1271818fea16b15a7d7db2a983dfcf1e122c0fdf69253a8bdfb73863d91fd1e01c5d3052461
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-positions@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-normalize-positions@npm:4.0.2"
@@ -35925,6 +38555,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-positions@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-positions@npm:5.0.1"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 2850e6287a3742e415a0a9e6abc77d26e05952efc59ab4488a52a6f61e846e2660642dcaa8b2cecf1cf93c08c4d27f8fbd5bc355de856d2d33b3176d4901257f
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-repeat-style@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-normalize-repeat-style@npm:4.0.2"
@@ -35949,6 +38590,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-repeat-style@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-repeat-style@npm:5.0.1"
+  dependencies:
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 2c08c616c7a26ef3186e0db2429dc08029869833b1bbf31931a05f4e5be0e5b066cc042fc88d4122b21c005398d86aa72aa6001952d1c673fada173ee3911a19
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-string@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-normalize-string@npm:4.0.2"
@@ -35971,6 +38624,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-string@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-string@npm:5.0.1"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: dd94914ed80000a9b851f34ec774cc876659e8212146b46bd5b04bf3d415db098031c481e5a049de85b16dd7829727b2e05864ba548607bdb30259d15209fe07
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-timing-functions@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-normalize-timing-functions@npm:4.0.2"
@@ -35994,6 +38658,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-timing-functions@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-timing-functions@npm:5.0.1"
+  dependencies:
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 5003846b364be04305a717ffb02445034364498779bd6cafb5f702921a3d376b9d6754595d3fcb7bea33349a0cf8045ebecf619a65818c1601bffcfcea313126
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-unicode@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-normalize-unicode@npm:4.0.1"
@@ -36017,6 +38693,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-unicode@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-unicode@npm:5.0.1"
+  dependencies:
+    browserslist: ^4.16.0
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: ca8c3fd9d4741b13634965837354f5c1470bc5ce48d1b14a7773b46f8427af2f66ce3a098b05bd70bfb4c66ee4e53bb1b0b8245726b43014a67c34416c57cc33
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-url@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-normalize-url@npm:4.0.1"
@@ -36042,6 +38730,19 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-url@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "postcss-normalize-url@npm:5.0.3"
+  dependencies:
+    is-absolute-url: ^3.0.3
+    normalize-url: ^6.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: d37f01a90c3b6a29b36215e570e7cb6a1b22588fbcd6acc2d605118ba8f3d5ca35f13378f27344225058ad3457661e1806a966d7d7b5c13ac1f8acbe5c54a3f8
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-whitespace@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-normalize-whitespace@npm:4.0.2"
@@ -36063,6 +38764,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-normalize-whitespace@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-normalize-whitespace@npm:5.0.1"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: faf3c458ce4279990d73f5fccc8c0eb70c4b4485c1045d1de4fe205e7f947538e4cb4d7e873862977e6a4fafbee0299fbb9cbd3bde4b9bf3df8536b73df1b19d
+  languageName: node
+  linkType: hard
+
 "postcss-normalize@npm:8.0.1":
   version: 8.0.1
   resolution: "postcss-normalize@npm:8.0.1"
@@ -36099,6 +38811,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-ordered-values@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "postcss-ordered-values@npm:5.0.2"
+  dependencies:
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: fa084e6003b1f2369c90e6467ca71a75eb8c1b470b6fb93a53c6d3d447553dcf87b5f10ce2898cc26cbf7a334dbb1c95566bf17f56dea5dd4471613c61140489
+  languageName: node
+  linkType: hard
+
 "postcss-overflow-shorthand@npm:^2.0.0":
   version: 2.0.0
   resolution: "postcss-overflow-shorthand@npm:2.0.0"
@@ -36206,6 +38930,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-reduce-initial@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "postcss-reduce-initial@npm:5.0.2"
+  dependencies:
+    browserslist: ^4.16.6
+    caniuse-api: ^3.0.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: b88babc21f69d7c04a58b2c8083be9f739f26c90dbe98faa753f3146e8129d2f42596afd71dedc03ce2ef8b74d8aa8e955045ef55b23b39939512355ff7656b8
+  languageName: node
+  linkType: hard
+
 "postcss-reduce-transforms@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-reduce-transforms@npm:4.0.2"
@@ -36230,6 +38966,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-reduce-transforms@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "postcss-reduce-transforms@npm:5.0.1"
+  dependencies:
+    cssnano-utils: ^2.0.1
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: b1dd11e91783f2a2f78ef844a251c00fb9c7988100d9a0963a71672552d87c3a9becf56237b5cd5f20ae51f6139f3c779c388155603a69eb270368ffd021c867
+  languageName: node
+  linkType: hard
+
 "postcss-replace-overflow-wrap@npm:^3.0.0":
   version: 3.0.0
   resolution: "postcss-replace-overflow-wrap@npm:3.0.0"
@@ -36322,6 +39070,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.6":
+  version: 6.0.6
+  resolution: "postcss-selector-parser@npm:6.0.6"
+  dependencies:
+    cssesc: ^3.0.0
+    util-deprecate: ^1.0.2
+  checksum: 57b8cee8f9130fb6b3783251e59e1ea782098367d7ea748b69d75fa9be0f0934134c2e426808ec11e3d3489819a407ef0e0036097f255ada41dc1cebd90ec8b0
+  languageName: node
+  linkType: hard
+
 "postcss-svgo@npm:^4.0.2":
   version: 4.0.2
   resolution: "postcss-svgo@npm:4.0.2"
@@ -36346,6 +39104,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss-svgo@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "postcss-svgo@npm:5.0.3"
+  dependencies:
+    postcss-value-parser: ^4.1.0
+    svgo: ^2.7.0
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 8f9fe0fe5480d7a88e2bb2a0c1891e7fc51f6e3ac7d930f0b5272af214483edd3f058ad70c1dc94cfad19a132feb614d5444e70fed3e73cc781717574310869d
+  languageName: node
+  linkType: hard
+
 "postcss-unique-selectors@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-unique-selectors@npm:4.0.1"
@@ -36370,7 +39140,19 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"postcss-value-parser@npm:^3.0.0, postcss-value-parser@npm:^3.3.0, postcss-value-parser@npm:^3.3.1":
+"postcss-unique-selectors@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "postcss-unique-selectors@npm:5.0.2"
+  dependencies:
+    alphanum-sort: ^1.0.2
+    postcss-selector-parser: ^6.0.5
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: e955fae38233219893b48e0d4e1f4e5cef6166620a7a843c086e34b90569f14e354098cba92e4c6ddd924c61474343ee29073e6c4887783d55d83ba3f389f3e8
+  languageName: node
+  linkType: hard
+
+"postcss-value-parser@npm:^3.0.0, postcss-value-parser@npm:^3.3.0":
   version: 3.3.1
   resolution: "postcss-value-parser@npm:3.3.1"
   checksum: 23eed98d8eeadb1f9ef1db4a2757da0f1d8e7c1dac2a38d6b35d971aab9eb3c6d8a967d0e9f435558834ffcd966afbbe875a56bcc5bcdd09e663008c106b3e47
@@ -36429,18 +39211,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"postcss@npm:7.0.32":
-  version: 7.0.32
-  resolution: "postcss@npm:7.0.32"
-  dependencies:
-    chalk: ^2.4.2
-    source-map: ^0.6.1
-    supports-color: ^6.1.0
-  checksum: 980f56a01ff2fc0339f2f17c4a981dec52000de1f0e525d5d70564e5564206e71ddc06b93e3cda315e2627b7f5eb3dbfe3564a1492217b85f7736be9b8dd74b0
-  languageName: node
-  linkType: hard
-
-"postcss@npm:7.x.x, postcss@npm:^7, postcss@npm:^7.0.0, postcss@npm:^7.0.1, postcss@npm:^7.0.11, postcss@npm:^7.0.14, postcss@npm:^7.0.17, postcss@npm:^7.0.2, postcss@npm:^7.0.23, postcss@npm:^7.0.26, postcss@npm:^7.0.27, postcss@npm:^7.0.32, postcss@npm:^7.0.35, postcss@npm:^7.0.5, postcss@npm:^7.0.6":
+"postcss@npm:7.x.x, postcss@npm:^7, postcss@npm:^7.0.0, postcss@npm:^7.0.1, postcss@npm:^7.0.14, postcss@npm:^7.0.17, postcss@npm:^7.0.2, postcss@npm:^7.0.23, postcss@npm:^7.0.26, postcss@npm:^7.0.27, postcss@npm:^7.0.32, postcss@npm:^7.0.35, postcss@npm:^7.0.5, postcss@npm:^7.0.6":
   version: 7.0.35
   resolution: "postcss@npm:7.0.35"
   dependencies:
@@ -36506,48 +39277,42 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"posthtml-parser@npm:^0.4.0, posthtml-parser@npm:^0.4.1":
-  version: 0.4.2
-  resolution: "posthtml-parser@npm:0.4.2"
+"postcss@npm:^8.3.0, postcss@npm:^8.3.5, postcss@npm:^8.3.6":
+  version: 8.4.4
+  resolution: "postcss@npm:8.4.4"
   dependencies:
-    htmlparser2: ^3.9.2
-  checksum: ca92f2b5c44e4ad243bc3eeac2a8f694f1d9d43803aba54957ed0533b12814ae9cbaff702b5c822729c4141d4a9fa3d2445aaaea03b7d27c69ec22f335e5214b
+    nanoid: ^3.1.30
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.1
+  checksum: 2de71775edc7e3cbcdeb2a068fd790c2fcb35f70016ce1feb4618c63d71feb1630ef2a3ecc8a9dbba3216a0340a7b4a68a71869f69550c19e1152a09f700dee2
   languageName: node
   linkType: hard
 
-"posthtml-parser@npm:^0.5.0":
-  version: 0.5.3
-  resolution: "posthtml-parser@npm:0.5.3"
+"posthtml-parser@npm:^0.10.0, posthtml-parser@npm:^0.10.1":
+  version: 0.10.1
+  resolution: "posthtml-parser@npm:0.10.1"
   dependencies:
-    htmlparser2: ^3.9.2
-  checksum: cc231f5f50184ff15ee5bd1c1f0d736c4b42d4ecd9470a277dbff68097f421b6afa5f7919fb5dac1621860973c8862adb4fde416bbe531c360da1e80d6718d03
-  languageName: node
-  linkType: hard
-
-"posthtml-render@npm:^1.1.3, posthtml-render@npm:^1.1.5, posthtml-render@npm:^1.2.3, posthtml-render@npm:^1.3.0":
-  version: 1.4.0
-  resolution: "posthtml-render@npm:1.4.0"
-  checksum: e916f8d3c09a0d750c46aeecb393e373521bb695d8640d405e711253bfba9fab72c9f89a59c7b8416f7cc749f349e356f46fcd09a6f6a3219c4ae0713c60147a
+    htmlparser2: ^7.1.1
+  checksum: ef8bc5dd07fee5bf7c6e5c71ccaa07c26fcf615f86dcef7cc808360d4a45c0839274930564e2ac6572a37d4608fe49f3d0a710c395a342fe394a97677fd06726
   languageName: node
   linkType: hard
 
-"posthtml@npm:^0.11.2":
-  version: 0.11.6
-  resolution: "posthtml@npm:0.11.6"
+"posthtml-render@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "posthtml-render@npm:3.0.0"
   dependencies:
-    posthtml-parser: ^0.4.1
-    posthtml-render: ^1.1.5
-  checksum: 69a0d55099503baf7aa59fe57d73e4ee7f50d1b5bad4f3af7a190a45b4f73410ab3c480107bd8f426c302a0bb72ecb61fe71e16bc17476272a91f2fbf3f8c2ef
+    is-json: ^2.0.1
+  checksum: 7adb9c20d0908663019c3c2dede3f6cc8bd19c17c81a1f42a1d8772195be4e5252aeb72a764e92d3424aebfa8c5d35c7ef1ec25243a802d35897aa928858505b
   languageName: node
   linkType: hard
 
-"posthtml@npm:^0.13.4":
-  version: 0.13.4
-  resolution: "posthtml@npm:0.13.4"
+"posthtml@npm:^0.16.4, posthtml@npm:^0.16.5":
+  version: 0.16.5
+  resolution: "posthtml@npm:0.16.5"
   dependencies:
-    posthtml-parser: ^0.5.0
-    posthtml-render: ^1.2.3
-  checksum: 6d0b505cba180ce4a7b9433968b976098c0bf63b09becbcd70488ed09db0bce5be49b2b680034e5142cc017ba6c335fdd20487d6c3a1cd9f832d43611f9f6333
+    posthtml-parser: ^0.10.0
+    posthtml-render: ^3.0.0
+  checksum: 1af397aa157e7f0ea8961325789c51bcddbe1d74a2e94b8e9d36e67650ab3c03ae1bffb74b5a2a907fa27afd2896f8314091aeafede5af0d9320f094b880eed7
   languageName: node
   linkType: hard
 
@@ -36582,16 +39347,16 @@ fsevents@^1.2.7:
   dependencies:
     "@babel/core": ^7.12.10
     "@babel/plugin-transform-runtime": ^7.12.10
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/preact": 6.4.0-rc.6
-    "@storybook/source-loader": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/preact": 6.5.0-alpha.7
+    "@storybook/source-loader": 6.5.0-alpha.7
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -36770,18 +39535,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^27.3.1":
-  version: 27.3.1
-  resolution: "pretty-format@npm:27.3.1"
-  dependencies:
-    "@jest/types": ^27.2.5
-    ansi-regex: ^5.0.1
-    ansi-styles: ^5.0.0
-    react-is: ^17.0.1
-  checksum: b255146debac1212b26ef718f26b6433e22b2e3fe5f141bd038fbf73a94494c1fd8141359a98cd2d94ad7256a7440a340ac1ac2b3f81aadfeccc6fcbfbd883d4
-  languageName: node
-  linkType: hard
-
 "pretty-format@npm:^3.5.1, pretty-format@npm:^3.8.0":
   version: 3.8.0
   resolution: "pretty-format@npm:3.8.0"
@@ -36824,7 +39577,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"prismjs@npm:1.23.0, prismjs@npm:^1.21.0, prismjs@npm:~1.23.0":
+"prismjs@npm:1.23.0":
   version: 1.23.0
   resolution: "prismjs@npm:1.23.0"
   dependencies:
@@ -36836,6 +39589,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"prismjs@npm:^1.25.0, prismjs@npm:~1.25.0":
+  version: 1.25.0
+  resolution: "prismjs@npm:1.25.0"
+  checksum: 0c3853a6c815b23a07bef77700f60a40b2a12018a383a75cd7d108718717b73927c809e7dd08ac0ae9f16fbe1e005b337262bc95952cf9cfc91914f986b07bd3
+  languageName: node
+  linkType: hard
+
 "private@npm:^0.1.8":
   version: 0.1.8
   resolution: "private@npm:0.1.8"
@@ -37374,7 +40134,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"punycode@npm:^1.2.4, punycode@npm:^1.4.1":
+"punycode@npm:^1.2.4, punycode@npm:^1.3.2, punycode@npm:^1.4.1":
   version: 1.4.1
   resolution: "punycode@npm:1.4.1"
   checksum: 354b743320518aef36f77013be6e15da4db24c2b4f62c5f1eb0529a6ed02fbaf1cb52925785f6ab85a962f2b590d9cd5ad730b70da72b5f180e2556b8bd3ca08
@@ -37426,17 +40186,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"purgecss@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "purgecss@npm:2.3.0"
+"purgecss@npm:^4.0.0":
+  version: 4.1.3
+  resolution: "purgecss@npm:4.1.3"
   dependencies:
-    commander: ^5.0.0
-    glob: ^7.0.0
-    postcss: 7.0.32
-    postcss-selector-parser: ^6.0.2
+    commander: ^8.0.0
+    glob: ^7.1.7
+    postcss: ^8.3.5
+    postcss-selector-parser: ^6.0.6
   bin:
-    purgecss: bin/purgecss
-  checksum: 464236c21bfc1f463cf1983dd75763b9a501e7268fb88f3128fa19cbbcc075ac0836f26534c4f6f943709f1763f409f91de204095ca23ffc7811ed9ca1a53d14
+    purgecss: bin/purgecss.js
+  checksum: 9b29872298bc65a290c6ccf7ea862dd1c94f78ca593e78ae7d36c6341e113ddbe657bf1c0bf7bb3dad76f8d6c98a0667e6da1d126afa5702d3137db8547feaa2
   languageName: node
   linkType: hard
 
@@ -37513,7 +40273,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"querystring-es3@npm:^0.2.0":
+"querystring-es3@npm:^0.2.0, querystring-es3@npm:^0.2.1":
   version: 0.2.1
   resolution: "querystring-es3@npm:0.2.1"
   checksum: 476938c1adb45c141f024fccd2ffd919a3746e79ed444d00e670aad68532977b793889648980e7ca7ff5ffc7bfece623118d0fbadcaf217495eeb7059ae51580
@@ -37573,7 +40333,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"quote-stream@npm:^1.0.1, quote-stream@npm:~1.0.2":
+"quote-stream@npm:^1.0.1":
   version: 1.0.2
   resolution: "quote-stream@npm:1.0.2"
   dependencies:
@@ -37645,6 +40405,13 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"range-parser@npm:1.2.0":
+  version: 1.2.0
+  resolution: "range-parser@npm:1.2.0"
+  checksum: c7aef4f6588eb974c475649c157f197d07437d8c6c8ff7e36280a141463fb5ab7a45918417334ebd7b665c6b8321cf31c763f7631dd5f5db9372249261b8b02a
+  languageName: node
+  linkType: hard
+
 "range-parser@npm:^1.2.1, range-parser@npm:~1.2.1":
   version: 1.2.1
   resolution: "range-parser@npm:1.2.1"
@@ -37802,38 +40569,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-dev-utils@npm:^11.0.4":
-  version: 11.0.4
-  resolution: "react-dev-utils@npm:11.0.4"
-  dependencies:
-    "@babel/code-frame": 7.10.4
-    address: 1.1.2
-    browserslist: 4.14.2
-    chalk: 2.4.2
-    cross-spawn: 7.0.3
-    detect-port-alt: 1.1.6
-    escape-string-regexp: 2.0.0
-    filesize: 6.1.0
-    find-up: 4.1.0
-    fork-ts-checker-webpack-plugin: 4.1.6
-    global-modules: 2.0.0
-    globby: 11.0.1
-    gzip-size: 5.1.1
-    immer: 8.0.1
-    is-root: 2.1.0
-    loader-utils: 2.0.0
-    open: ^7.0.2
-    pkg-up: 3.1.0
-    prompts: 2.4.0
-    react-error-overlay: ^6.0.9
-    recursive-readdir: 2.2.2
-    shell-quote: 1.7.2
-    strip-ansi: 6.0.0
-    text-table: 0.2.0
-  checksum: 3982f6a35035627b4465c8afd2f6db6a571b9e7b09c7d2f2e517de9cd48bb76778f4c692cdc99a26d2961d7dac371553fd7815ec0d2ec281927feeba60ce8a70
-  languageName: node
-  linkType: hard
-
 "react-docgen-typescript-plugin@npm:^0.6.2":
   version: 0.6.3
   resolution: "react-docgen-typescript-plugin@npm:0.6.3"
@@ -37858,12 +40593,12 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-docgen-typescript@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "react-docgen-typescript@npm:2.0.0"
+"react-docgen-typescript@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "react-docgen-typescript@npm:2.1.1"
   peerDependencies:
     typescript: ">= 4.3.x"
-  checksum: 7c697e44426b873776a39e707deee49783f00d99eae0ab115c3343681d6086965c9a62380ea5e18eb31cefc535528dc1f13e0023c1757b8af2fe2d96b4acf1a1
+  checksum: 52cd5af16861a2224854804211a13c255a54ff02d360c9f722d34ae0b3de6f975345fc014fac53eb7165059545f87ccfa8157139958d3b8130346ea66935eabd
   languageName: node
   linkType: hard
 
@@ -38120,10 +40855,10 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-refresh@npm:^0.10.0":
-  version: 0.10.0
-  resolution: "react-refresh@npm:0.10.0"
-  checksum: 616e82bed3787bf4e55dcc1c9836f251b93523dd4b0ffb1c24c2dcf5d09f686fbf3cffc7d489cd7f12429f76ddf66eb431748fc07df56b18a888a7705cbc079e
+"react-refresh@npm:^0.11.0":
+  version: 0.11.0
+  resolution: "react-refresh@npm:0.11.0"
+  checksum: cbb5616c7ba670bbd2f37ddadcdfefa66e727ea188e89733ccb8184d3b874631104b0bc016d5676a7ade4d9c79100b99b46b6ed10cd117ab5d1ddcbf8653a9f2
   languageName: node
   linkType: hard
 
@@ -38134,7 +40869,14 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-router-dom@npm:^6.0.0":
+"react-refresh@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "react-refresh@npm:0.9.0"
+  checksum: fa20f605e19dc10342e5cec8dcbb88cd4a473d26a7ff0acf1f0402e78f94ec309837be07a3cc3646f88d19f9ed07fa13a275f4656b5e3ced8fa23ce488984609
+  languageName: node
+  linkType: hard
+
+"react-router-dom@npm:^6.0.0, react-router-dom@npm:^6.0.0-beta.8":
   version: 6.0.2
   resolution: "react-router-dom@npm:6.0.2"
   dependencies:
@@ -38147,7 +40889,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-router@npm:6.0.2, react-router@npm:^6.0.0":
+"react-router@npm:6.0.2, react-router@npm:^6.0.0, react-router@npm:^6.0.0-beta.8":
   version: 6.0.2
   resolution: "react-router@npm:6.0.2"
   dependencies:
@@ -38334,18 +41076,18 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-syntax-highlighter@npm:^13.5.3":
-  version: 13.5.3
-  resolution: "react-syntax-highlighter@npm:13.5.3"
+"react-syntax-highlighter@npm:^15.4.2":
+  version: 15.4.5
+  resolution: "react-syntax-highlighter@npm:15.4.5"
   dependencies:
     "@babel/runtime": ^7.3.1
-    highlight.js: ^10.1.1
-    lowlight: ^1.14.0
-    prismjs: ^1.21.0
-    refractor: ^3.1.0
+    highlight.js: ^10.4.1
+    lowlight: ^1.17.0
+    prismjs: ^1.25.0
+    refractor: ^3.2.0
   peerDependencies:
     react: ">= 0.14.0"
-  checksum: d045ede02cff40d5a80ca7788995844ab52a6ca1e440317364738983e9c295f63db5c5e8a04059315a7ba847575d00e58440eb2c8f6a000bb2deff518c9294a1
+  checksum: d162c65bab7189cae355ec22ab5bc1e4c53dab7f8c739c27c47c3e757d09339ed3cf91160aa9271b3635ab9769f8d0001fe40302115c8d1011701ea284275017
   languageName: node
   linkType: hard
 
@@ -38616,7 +41358,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:2 || 3, readable-stream@npm:3, readable-stream@npm:^3.0.0, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.6.0":
+"readable-stream@npm:2 || 3, readable-stream@npm:3, readable-stream@npm:^3.0.0, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.5.0, readable-stream@npm:^3.6.0":
   version: 3.6.0
   resolution: "readable-stream@npm:3.6.0"
   dependencies:
@@ -38822,14 +41564,14 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"refractor@npm:^3.1.0":
-  version: 3.3.1
-  resolution: "refractor@npm:3.3.1"
+"refractor@npm:^3.2.0":
+  version: 3.5.0
+  resolution: "refractor@npm:3.5.0"
   dependencies:
     hastscript: ^6.0.0
     parse-entities: ^2.0.0
-    prismjs: ~1.23.0
-  checksum: d12a747a75e73f0683ba34f01fcce845b89f49d9945b3f57ad1a9989438d9b6e47ff73a510e62aa112cca624942a9416608692409474cf74e6a877b3c422dcf4
+    prismjs: ~1.25.0
+  checksum: 39be64faff7e2485b914f0ef207021674d72476bc7711e92c841a433c73c4edd67954b0b6de0d05c6b1b91aabfe78cea95baab136255c66e7816732f5ff3ab9a
   languageName: node
   linkType: hard
 
@@ -40426,7 +43168,7 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 6.4.0-rc.6
+    "@storybook/cli": 6.5.0-alpha.7
   bin:
     sb: ./index.js
   languageName: unknown
@@ -40683,13 +43425,6 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"serialize-to-js@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "serialize-to-js@npm:3.1.1"
-  checksum: 91e006d62961b9094c9f6871887df9f1cb7a880dd8f3394cc434196ee26c20524b6fc39dbb1ea136825d7b9586c2c7d0977366fb6a848ed7d3eab25d38f3b2ba
-  languageName: node
-  linkType: hard
-
 "serve-favicon@npm:^2.5.0":
   version: 2.5.0
   resolution: "serve-favicon@npm:2.5.0"
@@ -40703,6 +43438,22 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"serve-handler@npm:^6.0.0":
+  version: 6.1.3
+  resolution: "serve-handler@npm:6.1.3"
+  dependencies:
+    bytes: 3.0.0
+    content-disposition: 0.5.2
+    fast-url-parser: 1.1.3
+    mime-types: 2.1.18
+    minimatch: 3.0.4
+    path-is-inside: 1.0.2
+    path-to-regexp: 2.2.1
+    range-parser: 1.2.0
+  checksum: ad9a98f50eceda4d16269361a0a7b4167cb4bd8636e22f3ef1a214bb4206d8b3abf2b44ece5ba9d1a6b719e00b78321d5b1777cff178559a24778db9a3998da9
+  languageName: node
+  linkType: hard
+
 "serve-index@npm:^1.9.1":
   version: 1.9.1
   resolution: "serve-index@npm:1.9.1"
@@ -40718,7 +43469,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"serve-static@npm:1.14.1, serve-static@npm:^1.12.4, serve-static@npm:^1.14.1":
+"serve-static@npm:1.14.1, serve-static@npm:^1.14.1":
   version: 1.14.1
   resolution: "serve-static@npm:1.14.1"
   dependencies:
@@ -40734,13 +43485,13 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/node-logger": 6.4.0-rc.6
-    "@storybook/server": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/node-logger": 6.5.0-alpha.7
+    "@storybook/server": 6.5.0-alpha.7
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -41315,6 +44066,13 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"source-map-js@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "source-map-js@npm:1.0.1"
+  checksum: b52af61d77cf55df93d8d822c5c2c1ea7e4c56ec9141a2ccb2826908903aa002594fe11f35b3b8339aad54e199b46948bd5512fdccfa7675455d2b285f73d87c
+  languageName: node
+  linkType: hard
+
 "source-map-loader@npm:1.1.3":
   version: 1.1.3
   resolution: "source-map-loader@npm:1.1.3"
@@ -41354,7 +44112,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"source-map-support@npm:0.5.19, source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.17, source-map-support@npm:^0.5.5, source-map-support@npm:^0.5.6, source-map-support@npm:~0.5.10, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19":
+"source-map-support@npm:0.5.19, source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.17, source-map-support@npm:^0.5.5, source-map-support@npm:^0.5.6, source-map-support@npm:~0.5.12, source-map-support@npm:~0.5.19":
   version: 0.5.19
   resolution: "source-map-support@npm:0.5.19"
   dependencies:
@@ -41373,6 +44131,16 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"source-map-support@npm:~0.5.20":
+  version: 0.5.21
+  resolution: "source-map-support@npm:0.5.21"
+  dependencies:
+    buffer-from: ^1.0.0
+    source-map: ^0.6.0
+  checksum: 9ee09942f415e0f721d6daad3917ec1516af746a8120bba7bb56278707a37f1eb8642bde456e98454b8a885023af81a16e646869975f06afc1a711fb90484e7d
+  languageName: node
+  linkType: hard
+
 "source-map-url@npm:^0.3.0":
   version: 0.3.0
   resolution: "source-map-url@npm:0.3.0"
@@ -41563,7 +44331,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"split2@npm:^3.0.0":
+"split2@npm:^3.0.0, split2@npm:^3.1.1":
   version: 3.2.2
   resolution: "split2@npm:3.2.2"
   dependencies:
@@ -41595,10 +44363,10 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"srcset@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "srcset@npm:3.0.0"
-  checksum: e8ade106f3927871a26089cb4cd37f6a2dad6530260119502dccc0f26fcb3e9aa1e8f4d8dde1acb2685c6869609b654aaeafac0f50bc306b0bf306d962895163
+"srcset@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "srcset@npm:4.0.0"
+  checksum: 0685c3bd2423b33831734fb71560cd8784f024895e70ee2ac2c392e30047c27ffd9481e001950fb0503f4906bc3fe963145935604edad77944d09c9800990660
   languageName: node
   linkType: hard
 
@@ -41690,15 +44458,6 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"stack-utils@npm:^2.0.3":
-  version: 2.0.5
-  resolution: "stack-utils@npm:2.0.5"
-  dependencies:
-    escape-string-regexp: ^2.0.0
-  checksum: 059f828eed5b03b963e8200529c27bd92b105f2cac9dffc9edcbc739ea8fa108e4ec45d0da257d8e0f7b5ac98db5643a0787e5c25ceab1396f7123e1ee15a086
-  languageName: node
-  linkType: hard
-
 "stackframe@npm:^1.1.1":
   version: 1.2.0
   resolution: "stackframe@npm:1.2.0"
@@ -41719,9 +44478,11 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/react": 6.4.0-rc.6
-    parcel: ^1.12.4
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/cli": 6.5.0-alpha.7
+    "@storybook/react": 6.5.0-alpha.7
+    cross-env: ^7.0.3
+    parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
   languageName: unknown
@@ -41741,7 +44502,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"static-eval@npm:^2.0.0, static-eval@npm:^2.0.5":
+"static-eval@npm:^2.0.5":
   version: 2.1.0
   resolution: "static-eval@npm:2.1.0"
   dependencies:
@@ -41760,28 +44521,6 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"static-module@npm:^2.2.0":
-  version: 2.2.5
-  resolution: "static-module@npm:2.2.5"
-  dependencies:
-    concat-stream: ~1.6.0
-    convert-source-map: ^1.5.1
-    duplexer2: ~0.1.4
-    escodegen: ~1.9.0
-    falafel: ^2.1.0
-    has: ^1.0.1
-    magic-string: ^0.22.4
-    merge-source-map: 1.0.4
-    object-inspect: ~1.4.0
-    quote-stream: ~1.0.2
-    readable-stream: ~2.3.3
-    shallow-copy: ~0.0.1
-    static-eval: ^2.0.0
-    through2: ~2.0.3
-  checksum: d99c4d120ff28f7ec082ee775307cea986c6e4356022337a2f8754c5393532bd776ea443d03af576d72186b76e2a9ddcda77206a626b36ab8e4ec39ecd76b5fa
-  languageName: node
-  linkType: hard
-
 "static-module@npm:^3.0.2":
   version: 3.0.4
   resolution: "static-module@npm:3.0.4"
@@ -41838,7 +44577,7 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 6.4.0-rc.6
+    "@storybook/cli": 6.5.0-alpha.7
   bin:
     sb: ./index.js
     storybook: ./index.js
@@ -41855,6 +44594,16 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"stream-browserify@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "stream-browserify@npm:3.0.0"
+  dependencies:
+    inherits: ~2.0.4
+    readable-stream: ^3.5.0
+  checksum: ec3b975a4e0aa4b3dc5e70ffae3fc8fd29ac725353a14e72f213dff477b00330140ad014b163a8cbb9922dfe90803f81a5ea2b269e1bbfd8bd71511b88f889ad
+  languageName: node
+  linkType: hard
+
 "stream-combiner@npm:^0.2.2":
   version: 0.2.2
   resolution: "stream-combiner@npm:0.2.2"
@@ -41897,6 +44646,18 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"stream-http@npm:^3.1.0":
+  version: 3.2.0
+  resolution: "stream-http@npm:3.2.0"
+  dependencies:
+    builtin-status-codes: ^3.0.0
+    inherits: ^2.0.4
+    readable-stream: ^3.6.0
+    xtend: ^4.0.2
+  checksum: f128fb8076d60cd548f229554b6a1a70c08a04b7b2afd4dbe7811d20f27f7d4112562eb8bce86d72a8691df3b50573228afcf1271e55e81f981536c67498bc41
+  languageName: node
+  linkType: hard
+
 "stream-shift@npm:^1.0.0":
   version: 1.0.1
   resolution: "stream-shift@npm:1.0.1"
@@ -42097,6 +44858,16 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"string.prototype.trimend@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "string.prototype.trimend@npm:1.0.4"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+  checksum: 9fca11ab237f31cf55736e3e987deb312dd8e1bea7515e0f62949f1494f714083089a432ad5d99ea83f690a9290f58d0ce3d3f3356f5717e4c349d7d1b642af7
+  languageName: node
+  linkType: hard
+
 "string.prototype.trimstart@npm:^1.0.1, string.prototype.trimstart@npm:^1.0.3":
   version: 1.0.3
   resolution: "string.prototype.trimstart@npm:1.0.3"
@@ -42107,6 +44878,16 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"string.prototype.trimstart@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "string.prototype.trimstart@npm:1.0.4"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+  checksum: 4e4f836f9416c3db176587ab4e9b62f45b11489ab93c2b14e796c82a4f1c912278f31a4793cc00c2bee11002e56c964e9f131b8f78d96ffbd89822a11bd786fe
+  languageName: node
+  linkType: hard
+
 "string_decoder@npm:0.10, string_decoder@npm:~0.10.x":
   version: 0.10.31
   resolution: "string_decoder@npm:0.10.31"
@@ -42114,7 +44895,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.0.0, string_decoder@npm:^1.1.1":
+"string_decoder@npm:^1.0.0, string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
   version: 1.3.0
   resolution: "string_decoder@npm:1.3.0"
   dependencies:
@@ -42433,6 +45214,18 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"stylehacks@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "stylehacks@npm:5.0.1"
+  dependencies:
+    browserslist: ^4.16.0
+    postcss-selector-parser: ^6.0.4
+  peerDependencies:
+    postcss: ^8.2.15
+  checksum: 72802bccc28334ad45375457a4c8871e6a7a706ec2ef7fb70e98fc50d0af7f46adcfa6d90cf6ccac04a89fef89b60669e69025b32434183d1b4620dd78d4f7c0
+  languageName: node
+  linkType: hard
+
 "stylis-rule-sheet@npm:^0.0.10":
   version: 0.0.10
   resolution: "stylis-rule-sheet@npm:0.0.10"
@@ -42575,21 +45368,21 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-interactions": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/jest": ^0.0.2
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/svelte": 6.4.0-rc.6
-    "@storybook/testing-library": ^0.0.3
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-interactions": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/jest": ^0.0.5
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/svelte": 6.5.0-alpha.7
+    "@storybook/testing-library": ^0.0.7
     global: ^4.4.0
     svelte-jester: 1.3.0
     svelte-preprocess: 4.6.8
@@ -42729,7 +45522,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"svgo@npm:^1.0.0, svgo@npm:^1.2.2, svgo@npm:^1.3.2":
+"svgo@npm:^1.0.0, svgo@npm:^1.2.2":
   version: 1.3.2
   resolution: "svgo@npm:1.3.2"
   dependencies:
@@ -42769,6 +45562,23 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"svgo@npm:^2.4.0, svgo@npm:^2.6.1, svgo@npm:^2.7.0":
+  version: 2.8.0
+  resolution: "svgo@npm:2.8.0"
+  dependencies:
+    "@trysound/sax": 0.2.0
+    commander: ^7.2.0
+    css-select: ^4.1.3
+    css-tree: ^1.1.3
+    csso: ^4.2.0
+    picocolors: ^1.0.0
+    stable: ^0.1.8
+  bin:
+    svgo: bin/svgo
+  checksum: 0741f5d5cad63111a90a0ce7a1a5a9013f6d293e871b75efe39addb57f29a263e45294e485a4d2ff9cc260a5d142c8b5937b2234b4ef05efdd2706fb2d360ecc
+  languageName: node
+  linkType: hard
+
 "symbol-observable@npm:3.0.0":
   version: 3.0.0
   resolution: "symbol-observable@npm:3.0.0"
@@ -43046,14 +45856,14 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"term-size@npm:^2.1.0":
+"term-size@npm:^2.1.0, term-size@npm:^2.2.1":
   version: 2.2.1
   resolution: "term-size@npm:2.2.1"
   checksum: 89f6bba1d05d425156c0910982f9344d9e4aebf12d64bfa1f460d93c24baa7bc4c4a21d355fbd7153c316433df0538f64d0ae6e336cc4a69fdda4f85d62bc79d
   languageName: node
   linkType: hard
 
-"terminal-link@npm:^2.0.0":
+"terminal-link@npm:^2.0.0, terminal-link@npm:^2.1.1":
   version: 2.1.1
   resolution: "terminal-link@npm:2.1.1"
   dependencies:
@@ -43149,29 +45959,34 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"terser@npm:^3.7.3":
-  version: 3.17.0
-  resolution: "terser@npm:3.17.0"
+"terser@npm:^4.1.2, terser@npm:^4.3.9, terser@npm:^4.6.12, terser@npm:^4.6.2, terser@npm:^4.6.3":
+  version: 4.8.0
+  resolution: "terser@npm:4.8.0"
   dependencies:
-    commander: ^2.19.0
+    commander: ^2.20.0
     source-map: ~0.6.1
-    source-map-support: ~0.5.10
+    source-map-support: ~0.5.12
   bin:
-    terser: bin/uglifyjs
-  checksum: f62058e1342ce9cbb0ed767ec74ed9cd16163753c6385566d9eaf53aef5150ad1d00eb446ba710d4c5e982c5859a7f31386436e967bb7d0cad0efbbe51d66a8e
+    terser: bin/terser
+  checksum: 5dbe6684ecfba94b20c556d0774e8ac05265509bf9fe7e05ed306ac839f7de33e72b9238a4a35d274f340330358d0cff88b543545ae7433f0e2a05ddf61159f1
   languageName: node
   linkType: hard
 
-"terser@npm:^4.1.2, terser@npm:^4.3.9, terser@npm:^4.6.12, terser@npm:^4.6.2, terser@npm:^4.6.3, terser@npm:^4.8.0":
-  version: 4.8.0
-  resolution: "terser@npm:4.8.0"
+"terser@npm:^5.2.0, terser@npm:^5.8.0":
+  version: 5.10.0
+  resolution: "terser@npm:5.10.0"
   dependencies:
     commander: ^2.20.0
-    source-map: ~0.6.1
-    source-map-support: ~0.5.12
+    source-map: ~0.7.2
+    source-map-support: ~0.5.20
+  peerDependencies:
+    acorn: ^8.5.0
+  peerDependenciesMeta:
+    acorn:
+      optional: true
   bin:
     terser: bin/terser
-  checksum: 5dbe6684ecfba94b20c556d0774e8ac05265509bf9fe7e05ed306ac839f7de33e72b9238a4a35d274f340330358d0cff88b543545ae7433f0e2a05ddf61159f1
+  checksum: c5ce5356b6428dd2ccffd067ff1ecf7cc8ff08bd3b73840540915b6d46575d51e208e68224a76169217690a42203367498ca50a82a0fea8b8a6ac0c9025df632
   languageName: node
   linkType: hard
 
@@ -43390,7 +46205,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"timers-browserify@npm:^2.0.4":
+"timers-browserify@npm:^2.0.11, timers-browserify@npm:^2.0.4":
   version: 2.0.12
   resolution: "timers-browserify@npm:2.0.12"
   dependencies:
@@ -43923,6 +46738,16 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"ts-morph@npm:^13.0.1":
+  version: 13.0.2
+  resolution: "ts-morph@npm:13.0.2"
+  dependencies:
+    "@ts-morph/common": ~0.12.2
+    code-block-writer: ^11.0.0
+  checksum: 2f3fa2f2c7b9e80694a7bd706112ce3f7e9dfa3fb448537e6c691b0b7e211c2004de178e2c0ac78900c1115417594375914a2a1329cc6eb5ce8ed4c1563688e3
+  languageName: node
+  linkType: hard
+
 "ts-node@npm:^9.1.0":
   version: 9.1.1
   resolution: "ts-node@npm:9.1.1"
@@ -44013,6 +46838,13 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"tslib@npm:2.3.1":
+  version: 2.3.1
+  resolution: "tslib@npm:2.3.1"
+  checksum: 4efd888895bdb3b987086b2b7793ad1013566f882b0eb7a328384e5ecc0d71cafb16bbeab3196200cbf7f01a73ccc25acc2f131d4ea6ee959be7436a8a306482
+  languageName: node
+  linkType: hard
+
 "tslib@npm:^1.10.0, tslib@npm:^1.8.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
@@ -44099,6 +46931,13 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"tty-browserify@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "tty-browserify@npm:0.0.1"
+  checksum: 5e34883388eb5f556234dae75b08e069b9e62de12bd6d87687f7817f5569430a6dfef550b51dbc961715ae0cd0eb5a059e6e3fc34dc127ea164aa0f9b5bb033d
+  languageName: node
+  linkType: hard
+
 "tunnel-agent@npm:^0.6.0":
   version: 0.6.0
   resolution: "tunnel-agent@npm:0.6.0"
@@ -44325,6 +47164,18 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"unbox-primitive@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "unbox-primitive@npm:1.0.1"
+  dependencies:
+    function-bind: ^1.1.1
+    has-bigints: ^1.0.1
+    has-symbols: ^1.0.2
+    which-boxed-primitive: ^1.0.2
+  checksum: 6f0b91b0744c6f9fd05afa70484914b70686596be628543a143fab018733f902ff39fad2c3cf8f00fd5d32ba8bce8edf9cf61cee940c1af892316e112b25812b
+  languageName: node
+  linkType: hard
+
 "uncss@npm:^0.17.3":
   version: 0.17.3
   resolution: "uncss@npm:0.17.3"
@@ -44428,7 +47279,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"unicode-trie@npm:^0.3.0, unicode-trie@npm:^0.3.1":
+"unicode-trie@npm:^0.3.0":
   version: 0.3.1
   resolution: "unicode-trie@npm:0.3.1"
   dependencies:
@@ -44799,7 +47650,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"untildify@npm:^2.1.0":
+"untildify@npm:^2.0.0, untildify@npm:^2.1.0":
   version: 2.1.0
   resolution: "untildify@npm:2.1.0"
   dependencies:
@@ -45082,6 +47933,20 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"util@npm:^0.12.0, util@npm:^0.12.3":
+  version: 0.12.4
+  resolution: "util@npm:0.12.4"
+  dependencies:
+    inherits: ^2.0.3
+    is-arguments: ^1.0.4
+    is-generator-function: ^1.0.7
+    is-typed-array: ^1.1.3
+    safe-buffer: ^5.1.2
+    which-typed-array: ^1.1.2
+  checksum: 3e04e6feb68bccdc9fdfa013050719b3b41ce698ff5e244ee683d675b7fb9b91c8a1594b164696ee2201cca9579c286b968d0aabd9c9069ae1667413940a4e49
+  languageName: node
+  linkType: hard
+
 "utila@npm:~0.4":
   version: 0.4.0
   resolution: "utila@npm:0.4.0"
@@ -45089,6 +47954,13 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"utility-types@npm:^3.10.0":
+  version: 3.10.0
+  resolution: "utility-types@npm:3.10.0"
+  checksum: 79a6f7ea0cdd4fcafcec8c6e68e1e0cfa657e414b6f1696552d89ae70a3634b12ac6c16b7a0a3bfdb0a222ebc3d9a7649f2de434a78f2d65d318b50f314a85e4
+  languageName: node
+  linkType: hard
+
 "utils-merge@npm:1.0.1":
   version: 1.0.1
   resolution: "utils-merge@npm:1.0.1"
@@ -45322,14 +48194,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"vlq@npm:^0.2.2":
-  version: 0.2.3
-  resolution: "vlq@npm:0.2.3"
-  checksum: d1557b404353ca75c7affaaf403d245a3273a7d1c6b3380ed7f04ae3f080e4658f41ac700d6f48acb3cd4875fe7bc7da4924b3572cd5584a5de83b35b1de5e12
-  languageName: node
-  linkType: hard
-
-"vm-browserify@npm:^1.0.1":
+"vm-browserify@npm:^1.0.1, vm-browserify@npm:^1.1.2":
   version: 1.1.2
   resolution: "vm-browserify@npm:1.1.2"
   checksum: 0cc1af6e0d880deb58bc974921320c187f9e0a94f25570fca6b1bd64e798ce454ab87dfd797551b1b0cc1849307421aae0193cedf5f06bdb5680476780ee344b
@@ -45389,14 +48254,14 @@ resolve@1.19.0:
   resolution: "vue-3-cli-example@workspace:examples/vue-3-cli"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-essentials": 6.4.0-rc.6
-    "@storybook/addon-interactions": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/jest": ^0.0.2
-    "@storybook/testing-library": ^0.0.3
-    "@storybook/vue3": 6.4.0-rc.6
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-essentials": 6.5.0-alpha.7
+    "@storybook/addon-interactions": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/jest": ^0.0.5
+    "@storybook/testing-library": ^0.0.7
+    "@storybook/vue3": 6.5.0-alpha.7
     "@vue/cli-plugin-babel": ~4.5.0
     "@vue/cli-plugin-typescript": ~4.5.0
     "@vue/cli-service": ~4.5.0
@@ -45423,11 +48288,11 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-essentials": 6.4.0-rc.6
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-essentials": 6.5.0-alpha.7
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/vue": 6.4.0-rc.6
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/vue": 6.5.0-alpha.7
     "@vue/cli-plugin-babel": ~4.3.1
     "@vue/cli-plugin-typescript": ~4.3.1
     "@vue/cli-service": ~4.3.1
@@ -45479,21 +48344,21 @@ resolve@1.19.0:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 6.4.0-rc.6
-    "@storybook/addon-actions": 6.4.0-rc.6
-    "@storybook/addon-backgrounds": 6.4.0-rc.6
-    "@storybook/addon-controls": 6.4.0-rc.6
-    "@storybook/addon-docs": 6.4.0-rc.6
-    "@storybook/addon-interactions": 6.4.0-rc.6
-    "@storybook/addon-links": 6.4.0-rc.6
-    "@storybook/addon-storyshots": 6.4.0-rc.6
-    "@storybook/addon-storysource": 6.4.0-rc.6
-    "@storybook/addon-viewport": 6.4.0-rc.6
-    "@storybook/addons": 6.4.0-rc.6
-    "@storybook/jest": ^0.0.2
-    "@storybook/source-loader": 6.4.0-rc.6
-    "@storybook/testing-library": ^0.0.3
-    "@storybook/vue": 6.4.0-rc.6
+    "@storybook/addon-a11y": 6.5.0-alpha.7
+    "@storybook/addon-actions": 6.5.0-alpha.7
+    "@storybook/addon-backgrounds": 6.5.0-alpha.7
+    "@storybook/addon-controls": 6.5.0-alpha.7
+    "@storybook/addon-docs": 6.5.0-alpha.7
+    "@storybook/addon-interactions": 6.5.0-alpha.7
+    "@storybook/addon-links": 6.5.0-alpha.7
+    "@storybook/addon-storyshots": 6.5.0-alpha.7
+    "@storybook/addon-storysource": 6.5.0-alpha.7
+    "@storybook/addon-viewport": 6.5.0-alpha.7
+    "@storybook/addons": 6.5.0-alpha.7
+    "@storybook/jest": ^0.0.5
+    "@storybook/source-loader": 6.5.0-alpha.7
+    "@storybook/testing-library": ^0.0.7
+    "@storybook/vue": 6.5.0-alpha.7
     "@vue/babel-preset-jsx": ^1.2.4
     babel-loader: ^8.0.0
     cross-env: ^7.0.3
@@ -45836,6 +48701,13 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"weak-lru-cache@npm:^1.0.0":
+  version: 1.1.3
+  resolution: "weak-lru-cache@npm:1.1.3"
+  checksum: b667e587e8a54ff20f54e7c8710be2218d0a82e31c5908e18f83c4ef1e9c4e7ca2f71fb21f6acd9c126429abfbfe661f4d64a8b02062adc7fffb6580357bdaa8
+  languageName: node
+  linkType: hard
+
 "web-component-analyzer@npm:^1.1.6":
   version: 1.1.6
   resolution: "web-component-analyzer@npm:1.1.6"
@@ -46513,6 +49385,19 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"which-boxed-primitive@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "which-boxed-primitive@npm:1.0.2"
+  dependencies:
+    is-bigint: ^1.0.1
+    is-boolean-object: ^1.1.0
+    is-number-object: ^1.0.4
+    is-string: ^1.0.5
+    is-symbol: ^1.0.3
+  checksum: 0a62a03c00c91dd4fb1035b2f0733c341d805753b027eebd3a304b9cb70e8ce33e25317add2fe9b5fea6f53a175c0633ae701ff812e604410ddd049777cd435e
+  languageName: node
+  linkType: hard
+
 "which-module@npm:^2.0.0":
   version: 2.0.0
   resolution: "which-module@npm:2.0.0"
@@ -46527,6 +49412,20 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"which-typed-array@npm:^1.1.2":
+  version: 1.1.7
+  resolution: "which-typed-array@npm:1.1.7"
+  dependencies:
+    available-typed-arrays: ^1.0.5
+    call-bind: ^1.0.2
+    es-abstract: ^1.18.5
+    foreach: ^2.0.5
+    has-tostringtag: ^1.0.0
+    is-typed-array: ^1.1.7
+  checksum: 3b22173c483037c672a2a82cf19dbbd9446bf34cf8d0a5b8f8eefdcda85f821a0f8352cdf1a8c6181b40b6cc55be58f53e90eb18523e96b6cef1bf0633454d7d
+  languageName: node
+  linkType: hard
+
 "which@npm:^1.2.14, which@npm:^1.2.9, which@npm:^1.3.0, which@npm:^1.3.1":
   version: 1.3.1
   resolution: "which@npm:1.3.1"
@@ -47178,7 +50077,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"ws@npm:^5.1.1, ws@npm:^5.2.0":
+"ws@npm:^5.2.0":
   version: 5.2.2
   resolution: "ws@npm:5.2.2"
   dependencies:
@@ -47226,6 +50125,20 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"x-default-browser@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "x-default-browser@npm:0.4.0"
+  dependencies:
+    default-browser-id: ^1.0.4
+  dependenciesMeta:
+    default-browser-id:
+      optional: true
+  bin:
+    x-default-browser: bin/x-default-browser.js
+  checksum: a19e42ffeab19560ea05a423561f5b3b82bb3a5878dc932cfd0847fadc5890b8b685d6b39e2356c8304b3943f5a7120ba4b233365d686ff8f9bf2499ce11f052
+  languageName: node
+  linkType: hard
+
 "xdg-basedir@npm:^4.0.0":
   version: 4.0.0
   resolution: "xdg-basedir@npm:4.0.0"
@@ -47315,6 +50228,13 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
+"xxhash-wasm@npm:^0.4.1":
+  version: 0.4.2
+  resolution: "xxhash-wasm@npm:0.4.2"
+  checksum: c7b3c699b605b1d3b0db36cab565d99d117a92d456946883de2b8c382eb87f31fe455f6b9f87b19295721ba93c3c4126739e491273fae0375b97b8cfbeabbab3
+  languageName: node
+  linkType: hard
+
 "y18n@npm:^4.0.0":
   version: 4.0.1
   resolution: "y18n@npm:4.0.1"
@@ -47377,7 +50297,7 @@ resolve@1.19.0:
   languageName: node
   linkType: hard
 
-"yaml@npm:^1.8.3":
+"yaml@npm:^1.10.2, yaml@npm:^1.8.3":
   version: 1.10.2
   resolution: "yaml@npm:1.10.2"
   checksum: 5c28b9eb7adc46544f28d9a8d20c5b3cb1215a886609a2fd41f51628d8aaa5878ccd628b755dbcd29f6bb4921bd04ffbc6dcc370689bb96e594e2f9813d2605f