diff --git a/.circleci/config.yml b/.circleci/config.yml
index b384479d14ed..aa88ad7d9723 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -42,6 +42,19 @@ executors:
         environment:
           NODE_OPTIONS: --max_old_space_size=3076
     resource_class: <<parameters.class>>
+  sb_playwright:
+    parameters:
+      class:
+        description: The Resource class
+        type: enum
+        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
+        default: 'medium'
+    working_directory: /tmp/storybook
+    docker:
+      - image: mcr.microsoft.com/playwright:v1.25.1-focal
+        environment:
+          NODE_OPTIONS: --max_old_space_size=3076
+    resource_class: <<parameters.class>>
 
 orbs:
   git-shallow-clone: guitarrapc/git-shallow-clone@2.0.3
@@ -195,13 +208,13 @@ jobs:
           name: running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: Run E2E (extended) tests
           command: |
@@ -225,13 +238,13 @@ jobs:
           name: Running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: Run E2E (core) tests
           # Do not test CRA here because it's done in PnP part
@@ -257,7 +270,7 @@ jobs:
   #   executor:
   #     class: large
   #     name: sb_cypress_8_node_14
-  #   parallelism: 2
+  #   parallelism: 8
   #   steps:
   #     - git-shallow-clone/checkout_advanced:
   #         clone_options: '--depth 1 --verbose'
@@ -265,41 +278,36 @@ jobs:
   #         at: .
   #     - run:
   #         name: Running local registry
-  #         command: yarn local-registry --port 6000 --open
+  #         command: yarn local-registry --port 6001 --open
   #         background: true
   #     - run:
   #         name: Wait for registry
-  #         command: yarn wait-on http://localhost:6000
+  #         command: yarn wait-on http://localhost:6001
   #     - run:
   #         name: Run smoke tests
   #         command: yarn test:e2e-framework angular_modern_inline_rendering --test-runner --docs-mode
   #         no_output_timeout: 5m
   cra-bench:
     executor:
-      class: medium
-      name: sb_cypress_8_node_14
+      class: medium+
+      name: sb_playwright
     working_directory: /tmp/storybook
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
       - attach_workspace:
           at: .
-      - run:
-          name: install playright
-          command: |
-            cd code
-            npx playwright install
       - run:
           name: Running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: set up cra repro, skip tests
           command: |
@@ -309,7 +317,14 @@ jobs:
           name: Run @storybook/bench on repro
           command: |
             cd ./cra-bench
-            npx @storybook/bench@1.0.0--canary.11.52d1ee7.1 'echo noop' --label cra
+            npx -p @storybook/bench@1.0.0--canary.12.7cccdee.0 sb-bench 'echo noop' --label cra
+      - run:
+          name: prep artifacts
+          when: always
+          command: tar cvzf /tmp/sb-bench.tar.gz ./cra-bench
+      - store_artifacts:
+          path: /tmp/sb-bench.tar.gz
+          destination: sb-bench.tar.gz
   e2e-tests-pnp:
     executor:
       class: medium
@@ -324,13 +339,13 @@ jobs:
           name: Running local registry
           command: |
             cd code
-            yarn local-registry --port 6000 --open
+            yarn local-registry --port 6001 --open
           background: true
       - run:
           name: Wait for registry
           command: |
             cd code
-            yarn wait-on http://localhost:6000
+            yarn wait-on http://localhost:6001
       - run:
           name: run e2e tests cra
           command: |
@@ -462,7 +477,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 7
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -482,7 +497,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 7
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -498,7 +513,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 7
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -518,7 +533,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 7
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -534,7 +549,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 2
+    parallelism: 7
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -547,9 +562,10 @@ jobs:
       - store_test_results:
           path: code/test-results
   e2e-sandboxes:
-    docker:
-      - image: mcr.microsoft.com/playwright:v1.24.0-focal
-    parallelism: 2
+    executor:
+      class: medium+
+      name: sb_playwright
+    parallelism: 7
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
diff --git a/.github/workflows/generate-repros-next.yml b/.github/workflows/generate-repros-next.yml
index 278c7c131def..43da2e6f8711 100644
--- a/.github/workflows/generate-repros-next.yml
+++ b/.github/workflows/generate-repros-next.yml
@@ -2,12 +2,12 @@ name: Generate and push repros to the next branch
 
 on:
   schedule:
-    - cron: "2 2 */1 * *"
+    - cron: '2 2 */1 * *'
   workflow_dispatch:
   # To remove when the branch will be merged
   push:
     branches:
-      - shilman/add-angular-repro-template
+      - vite-frameworks-xyz
 
 jobs:
   generate:
@@ -15,6 +15,9 @@ jobs:
     env:
       YARN_ENABLE_IMMUTABLE_INSTALLS: false
     steps:
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
       - uses: actions/checkout@v2
       - name: Setup git user
         run: |
@@ -26,7 +29,7 @@ jobs:
         run: yarn bootstrap --prep
         working-directory: ./code
       - name: Generate repros
-        run: yarn generate-repros-next
+        run: yarn generate-repros-next --local-registry
         working-directory: ./code
       - name: Publish repros to GitHub
         run: yarn publish-repros --remote=https://storybook-bot:${{ secrets.PAT_STORYBOOK_BOT}}@github.com/storybookjs/repro-templates-temp.git --push
diff --git a/.github/workflows/generate-repros.yml b/.github/workflows/generate-repros.yml
index d66fbbe37244..43b11ccfcce2 100644
--- a/.github/workflows/generate-repros.yml
+++ b/.github/workflows/generate-repros.yml
@@ -15,6 +15,9 @@ jobs:
     env:
       YARN_ENABLE_IMMUTABLE_INSTALLS: false
     steps:
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
       - uses: actions/checkout@v2
       - name: Setup git user
         run: |
diff --git a/.gitignore b/.gitignore
index c58cf821130c..540895b90ed1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,7 +9,6 @@ dist
 junit.xml
 /repros
 /sandbox
-/built-sandboxes
 .verdaccio-cache
 
 # Yarn stuff
diff --git a/.ignore b/.ignore
new file mode 100644
index 000000000000..df5f841665ca
--- /dev/null
+++ b/.ignore
@@ -0,0 +1 @@
+!/sandbox
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 84a2a8635d95..376ca6e835a3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,171 @@
+## 7.0.0-alpha.31 (September 7, 2022)
+
+#### Maintenance
+
+-   Doc blocks: Update ArgTable Reset button to use IconButton [#19052](https://github.com/storybooks/storybook/pull/19052)
+-   UI: Update a handful of icons [#19084](https://github.com/storybooks/storybook/pull/19084)
+-   Build: Update to latest nx [#19078](https://github.com/storybooks/storybook/pull/19078)
+-   Vite: Fix plugin types [#19095](https://github.com/storybooks/storybook/pull/19095)
+
+#### Dependency Upgrades
+
+-   Chore: Remove unused dependencies in /lib [#19100](https://github.com/storybooks/storybook/pull/19100)
+
+## 7.0.0-alpha.30 (September 6, 2022)
+
+#### Bug Fixes
+
+-   CLI: Fix include rendererAssets in npm bundle [#19115](https://github.com/storybooks/storybook/pull/19115)
+
+#### Maintenance
+
+-   CLI: remove outdated comment in Angular starter [#19097](https://github.com/storybooks/storybook/pull/19097)
+
+#### Dependency Upgrades
+
+-   Remove deprecated `stable` dependency [#19103](https://github.com/storybooks/storybook/pull/19103)
+-   Svelte: Update sveltedoc dependencies [#19111](https://github.com/storybooks/storybook/pull/19111)
+-   Deps: Remove core-js from most packages [#19098](https://github.com/storybooks/storybook/pull/19098)
+-   Deps: Upgrade react-element-to-jsx-string and react-inspector for React 18 [#19104](https://github.com/storybooks/storybook/pull/19104)
+
+## 7.0.0-alpha.29 (September 2, 2022)
+
+#### Bug Fixes
+
+-   CLI/Vite: Don't add babel dependencies during init [#19088](https://github.com/storybooks/storybook/pull/19088)
+-   CLI: Fix sb init to use renderer assets instead of frameworks [#19091](https://github.com/storybooks/storybook/pull/19091)
+-   Core: Ensure if a docs render is torndown during preparation, it throws [#19071](https://github.com/storybooks/storybook/pull/19071)
+
+#### Maintenance
+
+-   Addon-viewport: Move stories into addon [#19086](https://github.com/storybooks/storybook/pull/19086)
+-   Addon-backgrounds: Move stories into addon [#19085](https://github.com/storybooks/storybook/pull/19085)
+-   Addon-actions: Move stories into addon [#19082](https://github.com/storybooks/storybook/pull/19082)
+-   Build: Exit yarn bootstrap with nonzero code if failed [#19089](https://github.com/storybooks/storybook/pull/19089)
+-   Vite: cleanup custom plugins [#19087](https://github.com/storybooks/storybook/pull/19087)
+-   Build: Prefix generic addon stories in sandbox storybooks [#19092](https://github.com/storybooks/storybook/pull/19092)
+
+## 7.0.0-alpha.28 (September 2, 2022)
+
+#### Features
+
+-   Vite: Automatically use vite.config.js [#19026](https://github.com/storybooks/storybook/pull/19026)
+
+#### Bug Fixes
+
+-   CLI: Fix race condition in sb init [#19083](https://github.com/storybooks/storybook/pull/19083)
+-   Vite: Fix framework option checks, and SSv6 [#19062](https://github.com/storybooks/storybook/pull/19062)
+-   Core: Fix WebProjectAnnotations export in preview-web for back-compat [#19048](https://github.com/storybooks/storybook/pull/19048)
+
+#### Maintenance
+
+-   Update to new TS reference format (?) [#19072](https://github.com/storybooks/storybook/pull/19072)
+-   Build: Conditionally force vite rebuilds in sandbox [#19063](https://github.com/storybooks/storybook/pull/19063)
+-   Build: Fix CRA bench [#19066](https://github.com/storybooks/storybook/pull/19066)
+
+## 7.0.0-alpha.27 (August 31, 2022)
+
+#### Features
+
+-   Vite: Set `resolve.preserveSymlinks` based on env vars [#19039](https://github.com/storybooks/storybook/pull/19039)
+
+#### Bug Fixes
+
+-   Core: Restore `/preview` etc package exports; return unresolved path from presets. [#19045](https://github.com/storybooks/storybook/pull/19045)
+
+#### Maintenance
+
+-   Core: Add previewHead and previewBody to StorybookConfig interface [#19047](https://github.com/storybooks/storybook/pull/19047)
+-   Build: Fix the sb-bench CI step [#19029](https://github.com/storybooks/storybook/pull/19029)
+-   Remove sandbox from `.ignore` [#19040](https://github.com/storybooks/storybook/pull/19040)
+-   Build: Use new test runner with builtin junit [#19028](https://github.com/storybooks/storybook/pull/19028)
+
+#### Dependency Upgrades
+
+-   Vite: Clean up framework dependencies / unused files [#19035](https://github.com/storybooks/storybook/pull/19035)
+
+## 7.0.0-alpha.26 (August 26, 2022)
+
+#### Features
+
+-   CLI: Add react, vue3, and svelte vite to new-frameworks automigration [#19016](https://github.com/storybooks/storybook/pull/19016)
+-   Svelte: Add svelte-vite framework [#18978](https://github.com/storybooks/storybook/pull/18978)
+
+#### Bug Fixes
+
+-   Core: Fix default story glob [#19018](https://github.com/storybooks/storybook/pull/19018)
+
+#### Dependency Upgrades
+
+-   React-vite: update/cleanup dependencies [#19025](https://github.com/storybooks/storybook/pull/19025)
+-   Remove babel-loader from core-common [#19022](https://github.com/storybooks/storybook/pull/19022)
+
+## 7.0.0-alpha.25 (August 25, 2022)
+
+#### Features
+
+-   Vite: Add builder-vite, react-vite, and vue3-vite [#19007](https://github.com/storybooks/storybook/pull/19007)
+
+#### Maintenance
+
+-   CI: use runner with playwright installed for cra_bench [#18951](https://github.com/storybooks/storybook/pull/18951)
+-   Replace rollup-plugin-node-polyfills to analogs [#18975](https://github.com/storybooks/storybook/pull/18975)
+
+## 7.0.0-alpha.24 (August 24, 2022)
+
+#### Breaking changes
+
+-   Preview: Rename Storybook DOM root IDs [#10638](https://github.com/storybooks/storybook/pull/10638)
+
+#### Features
+
+-   Interactions: Add `step` function and support multiple levels of nesting [#18555](https://github.com/storybooks/storybook/pull/18555)
+
+#### Bug Fixes
+
+-   Addon-docs: Fix canvas support expand code for non-story [#18808](https://github.com/storybooks/storybook/pull/18808)
+-   Components: Avoid including line numbers when copying the code [#18725](https://github.com/storybooks/storybook/pull/18725)
+-   Vue: Fix enum check in extractArgTypes [#18959](https://github.com/storybooks/storybook/pull/18959)
+-   Core: Fix frameworkOptions preset [#18979](https://github.com/storybooks/storybook/pull/18979)
+
+#### Maintenance
+
+-   Addon-a11y: Remove achromatomaly color filter [#18852](https://github.com/storybooks/storybook/pull/18852)
+-   Build: Use ts-up to build core-webpack [#18912](https://github.com/storybooks/storybook/pull/18912)
+-   Build: Use ts-up to build addon-viewport [#18943](https://github.com/storybooks/storybook/pull/18943)
+-   Build: Improve generate-repros-next [#19001](https://github.com/storybooks/storybook/pull/19001)
+-   Examples: Remove refs in angular example [#18986](https://github.com/storybooks/storybook/pull/18986)
+-   Build: Use ts-up to build client-logger [#18893](https://github.com/storybooks/storybook/pull/18893)
+-   Generate-repros: Run local registry on `--local-registry` option [#18997](https://github.com/storybooks/storybook/pull/18997)
+-   Build: Remove unused bootstrap --cleanup [#18981](https://github.com/storybooks/storybook/pull/18981)
+-   CLI: Fix local repro publishing [#18977](https://github.com/storybooks/storybook/pull/18977)
+-   Build: Run verdaccio on 6001 to enable web UI [#18983](https://github.com/storybooks/storybook/pull/18983)
+-   CLI: determine whether to add interactive stories from `renderer` rather than `framework` [#18968](https://github.com/storybooks/storybook/pull/18968)
+-   CLI: Auto-accept migrations when running `generate-repros-next` [#18969](https://github.com/storybooks/storybook/pull/18969)
+
+## 7.0.0-alpha.23 (August 18, 2022)
+
+#### Features
+
+-   UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
+
+#### Maintenance
+
+-   Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
+-   Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
+-   CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
+
+
+## 7.0.0-alpha.22 (August 18, 2022)
+
+Failed publish to npm
+
+## 7.0.0-alpha.21 (August 17, 2022)
+
+#### Maintenance
+
+-   UI: Update every icon for v7 design [#18809](https://github.com/storybooks/storybook/pull/18809)
+
 ## 7.0.0-alpha.20 (August 16, 2022)
 
 #### Features
diff --git a/MIGRATION.md b/MIGRATION.md
index 5098e5288318..c655a4a38ac8 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -3,6 +3,8 @@
 - [From version 6.5.x to 7.0.0](#from-version-65x-to-700)
   - [Alpha release notes](#alpha-release-notes)
   - [Breaking changes](#breaking-changes)
+    - [`Story` type change to `StoryFn`, and the new `Story` type now refers to `StoryObj`](#story-type-change-to-storyfn-and-the-new-story-type-now-refers-to-storyobj)
+    - [Change of root html IDs](#change-of-root-html-ids)
     - [No more default export from `@storybook/addons`](#no-more-default-export-from-storybookaddons)
     - [Modern browser support](#modern-browser-support)
     - [No more configuration for manager](#no-more-configuration-for-manager)
@@ -16,7 +18,9 @@
     - [Docs modern inline rendering by default](#docs-modern-inline-rendering-by-default)
     - [Babel mode v7 by default](#babel-mode-v7-by-default)
     - [7.0 feature flags removed](#70-feature-flags-removed)
+    - [Vite builder uses vite config automatically](#vite-builder-uses-vite-config-automatically)
     - [Removed docs.getContainer and getPage parameters](#removed-docsgetcontainer-and-getpage-parameters)
+    - [Icons API changed](#icons-api-changed)
   - [Docs Changes](#docs-changes)
     - [Standalone docs files](#standalone-docs-files)
     - [Referencing stories in docs files](#referencing-stories-in-docs-files)
@@ -234,6 +238,49 @@ In the meantime, these migration notes are the best available documentation on t
 
 ### Breaking changes
 
+#### `Story` type change to `StoryFn`, and the new `Story` type now refers to `StoryObj`
+
+In 6.x you were able to do this:
+
+```js
+import type { Story } from '@storybook/react';
+
+export const MyStory: Story = () => <div />;
+```
+
+But this will produce an error in 7.0 because `Story` is now a type that refers to the `StoryObj` type.
+You must now use the new `StoryFn` type:
+
+```js
+import type { StoryFn } from '@storybook/react';
+
+export const MyStory: StoryFn = () => <div />;
+```
+
+This change was done to improve the experience of writing CSF3 stories, which is the recommended way of writing stories in 7.0:
+
+```js
+import type { Story } from '@storybook/react';
+import { Button, ButtonProps } from './Button';
+
+export default {
+  component: Button,
+};
+
+export const Primary: Story<ButtonProps> = {
+  variant: 'primary',
+};
+```
+
+If you want to be explicit, you can also import `StoryObj` instead of `Story`, they are the same type.
+
+For Storybook for react users: We also changed `ComponentStory` to refer to `ComponentStoryObj` instead of `ComponentStoryFn`, so if you were using `ComponentStory` you should now import/use `ComponentStoryFn` instead.
+
+You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
+
+#### Change of root html IDs
+
+The root ID unto which storybook renders stories is renamed from `root` to `#storybook-root` to avoid conflicts with user's code.
 
 #### No more default export from `@storybook/addons`
 
@@ -244,6 +291,7 @@ import { addons } from '@storybook/addons';
 ```
 
 The named export has been available since 6.0 or earlier, so your updated code will be backwards-compatible with older versions of Storybook.
+
 #### Modern browser support
 
 Starting in storybook 7.0, storybook will no longer support IE11, amongst other legacy browser versions.
@@ -253,10 +301,13 @@ This means code-features such as (but not limited to) `async/await`, arrow-funct
 Not just the runtime needs to support it, but some legacy loaders for webpack or other transpilation tools might need to be updated as well. For example certain versions of webpack 4 had parsers that could not parse the new syntax (e.g. optional chaining).
 
 Some addons or libraries might depended on this legacy browser support, and thus might break. You might get an error like:
+
 ```
 regeneratorRuntime is not defined
 ```
+
 To fix these errors, the addon will have to be re-released with a newer browser-target for transpilation. This often looks something like this (but it's dependent on the build system the addon uses):
+
 ```js
 // babel.config.js
 module.exports = {
@@ -272,7 +323,7 @@ module.exports = {
       },
     ],
   ],
-}
+};
 ```
 
 Here's an example PR to one of the storybook addons: https://github.com/storybookjs/addon-coverage/pull/3 doing just that.
@@ -380,10 +431,13 @@ In 7.0, frameworks also specify the builder to be used. For example, The current
 - `@storybook/html-webpack5`
 - `@storybook/preact-webpack5`
 - `@storybook/react-webpack5`
+- `@storybook/react-vite`
 - `@storybook/server-webpack5`
 - `@storybook/svelte-webpack5`
+- `@storybook/svelte-vite`
 - `@storybook/vue-webpack5`
 - `@storybook/vue3-webpack5`
+- `@storybook/vue3-vite`
 - `@storybook/web-components-webpack5`
 
 We will be expanding this list over the course of the 7.0 development cycle. More info on the rationale here: [Frameworks RFC](https://www.notion.so/chromatic-ui/Frameworks-RFC-89f8aafe3f0941ceb4c24683859ed65c).
@@ -464,10 +518,31 @@ In 7.0 we've removed the following feature flags:
 | `emotionAlias`      | This flag is no longer needed and should be deleted. |
 | `breakingChangesV7` | This flag is no longer needed and should be deleted. |
 
+#### Vite builder uses vite config automatically
+
+When using a [Vite-based framework](#framework-field-mandatory), Storybook will automatically use your `vite.config.(ctm)js` config file starting in 7.0.  
+Some settings will be overridden by storybook so that it can function properly, and the merged settings can be modified using `viteFinal` in `.storybook/main.js` (see the [Storybook Vite configuration docs](https://storybook.js.org/docs/react/builders/vite#configuration)).  
+If you were using `viteFinal` in 6.5 to simply merge in your project's standard vite config, you can now remove it.
+
 #### Removed docs.getContainer and getPage parameters
 
 It is no longer possible to set `parameters.docs.getContainer()` and `getPage()`. Instead use `parameters.docs.container` or `parameters.docs.page` directly.
 
+#### Icons API changed
+
+For addon authors who use the `Icons` component, its API has been updated in Storybook 7.
+
+```diff
+export interface IconsProps extends ComponentProps<typeof Svg> {
+-  icon?: IconKey;
+-  symbol?: IconKey;
++  icon: IconType;
++  useSymbol?: boolean;
+}
+```
+
+Full change here: https://github.com/storybookjs/storybook/pull/18809
+
 ### Docs Changes
 
 The information hierarchy of docs in Storybook has changed in 7.0. The main difference is that each docs is listed in the sidebar as a separate entry, rather than attached to individual stories.
@@ -597,7 +672,9 @@ import * as previewAnnotations from '../.storybook/preview';
 
 export default function App({ Component, pageProps }) {
   return (
-    <ExternalDocs projectAnnotationsList={[reactAnnotations, previewAnnotations]}>
+    <ExternalDocs
+      projectAnnotationsList={[reactAnnotations, previewAnnotations]}
+    >
       <Component {...pageProps} />
     </ExternalDocs>
   );
@@ -721,7 +798,8 @@ import startCase from 'lodash/startCase';
 
 addons.setConfig({
   sidebar: {
-    renderLabel: ({ name, type }) => (type === 'story' ? name : startCase(name)),
+    renderLabel: ({ name, type }) =>
+      type === 'story' ? name : startCase(name),
   },
 });
 ```
@@ -1148,7 +1226,11 @@ After:
 ```js
 // .storybook/main.js
 module.exports = {
-  staticDirs: ['../public', '../static', { from: '../foo/assets', to: '/assets' }],
+  staticDirs: [
+    '../public',
+    '../static',
+    { from: '../foo/assets', to: '/assets' },
+  ],
 };
 ```
 
@@ -1696,13 +1778,17 @@ This breaking change only affects you if your stories actually use the context,
 Consider the following story that uses the context:
 
 ```js
-export const Dummy = ({ parameters }) => <div>{JSON.stringify(parameters)}</div>;
+export const Dummy = ({ parameters }) => (
+  <div>{JSON.stringify(parameters)}</div>
+);
 ```
 
 Here's an updated story for 6.0 that ignores the args object:
 
 ```js
-export const Dummy = (_args, { parameters }) => <div>{JSON.stringify(parameters)}</div>;
+export const Dummy = (_args, { parameters }) => (
+  <div>{JSON.stringify(parameters)}</div>
+);
 ```
 
 Alternatively, if you want to opt out of the new behavior, you can add the following to your `.storybook/preview.js` config:
@@ -2122,7 +2208,7 @@ To configure a11y now, you have to specify configuration using story parameters,
 ```js
 export const parameters = {
   a11y: {
-    element: '#root',
+    element: "#storybook-root",
     config: {},
     options: {},
     manual: true,
@@ -2492,7 +2578,9 @@ For example, here's how to sort by story ID using `storySort`:
 addParameters({
   options: {
     storySort: (a, b) =>
-      a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
+      a[1].kind === b[1].kind
+        ? 0
+        : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
   },
 });
 ```
@@ -2538,7 +2626,9 @@ Storybook 5.1 relies on `core-js@^3.0.0` and therefore causes a conflict with An
 {
   "compilerOptions": {
     "paths": {
-      "core-js/es7/reflect": ["node_modules/core-js/proposals/reflect-metadata"],
+      "core-js/es7/reflect": [
+        "node_modules/core-js/proposals/reflect-metadata"
+      ],
       "core-js/es6/*": ["node_modules/core-js/es"]
     }
   }
diff --git a/README.md b/README.md
index ffd1395b161d..208e9d42338f 100644
--- a/README.md
+++ b/README.md
@@ -73,7 +73,7 @@ It allows you to browse a component library, view the different states of each c
 
 ## Getting Started
 
-Visit [Storybook's website](https://storybook.js.org) to learn more about Storybook, and to get started.
+Visit [Storybook's website](https://storybook.js.org) to learn more about Storybook and to get started.
 
 ### Documentation
 
@@ -127,12 +127,12 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 | [graphql](https://github.com/storybookjs/addon-graphql)                   | Query a GraphQL server within Storybook stories                            |
 | [jest](code/addons/jest/)                                                 | View the results of components' unit tests in Storybook                    |
 | [links](code/addons/links/)                                               | Create links between stories                                               |
+| [measure](code/addons/measure/)                                           | Visually inspect the layout and box model within the Storybook UI          |
+| [outline](code/addons/outline/)                                           | Visuallly debug the CSS layout and alignment within the Storybook UI       |
 | [query params](https://github.com/storybookjs/addon-queryparams)          | Mock query params                                                          |
 | [storyshots](code/addons/storyshots/)                                     | Snapshot testing for components in Storybook                               |
 | [storysource](code/addons/storysource/)                                   | View the code of your stories within the Storybook UI                      |
 | [viewport](code/addons/viewport/)                                         | Change display sizes and layouts for responsive components using Storybook |
-| [outline](code/addons/outline/)                                           | Visuallly debug the CSS layout and alignment within the Storybook UI       |
-| [measure](code/addons/measure/)                                           | Visually inspect the layout and box model within the Storybook UI          |
 
 See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
@@ -140,11 +140,11 @@ See [Addon / Framework Support Table](https://storybook.js.org/docs/react/api/fr
 
 | Addons                                                                             |                                                            |
 | ---------------------------------------------------------------------------------- | ---------------------------------------------------------- |
+| [contexts](https://storybook.js.org/addons/@storybook/addon-contexts/)             | Addon for driving your components under dynamic contexts   |
 | [info](https://github.com/storybookjs/deprecated-addons/tree/master/addons/info)   | Annotate stories with extra component usage information    |
+| [knobs](https://github.com/storybookjs/addon-knobs)                                | Interactively edit component prop data in the Storybook UI |
 | [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 |
 
 In order to continue improving your experience, we have to eventually deprecate certain addons in favor of new, better tools.
 
@@ -177,7 +177,7 @@ We welcome contributions to Storybook!
 
 - 📥 Pull requests and 🌟 Stars are always welcome.
 - Read our [contributing guide](CONTRIBUTING.md) to get started,
-  or find us on [Discord](https://discord.gg/storybook), we will take the time to guide you
+  or find us on [Discord](https://discord.gg/storybook), we will take the time to guide you.
 
 Looking for a first issue to tackle?
 
diff --git a/code/.eslintrc.js b/code/.eslintrc.js
index 1129908e7eb0..0e590a380807 100644
--- a/code/.eslintrc.js
+++ b/code/.eslintrc.js
@@ -101,5 +101,11 @@ module.exports = {
         'jest/no-test-callback': 'off', // These aren't jest tests
       },
     },
+    {
+      files: ['**/builder-vite/input/iframe.html'],
+      rules: {
+        'no-undef': 'off', // ignore "window" undef errors
+      },
+    },
   ],
 };
diff --git a/code/.vscode/settings.json b/code/.vscode/settings.json
new file mode 100644
index 000000000000..25fa6215fdd3
--- /dev/null
+++ b/code/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}
diff --git a/code/__mocks__/inject-decorator.stories.txt b/code/__mocks__/inject-decorator.stories.txt
index a8eb61d2f221..0b3ba7747b1c 100644
--- a/code/__mocks__/inject-decorator.stories.txt
+++ b/code/__mocks__/inject-decorator.stories.txt
@@ -1,7 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
 
 import { DocgenButton } from '../components/DocgenButton';
 import FlowTypeButton from '../components/FlowTypeButton';
@@ -13,19 +12,19 @@ storiesOf('Addons|Info.React Docgen', module)
     'Comments from PropType declarations',
     withInfo(
       'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label="Docgen Button" />)
+    )(() => <DocgenButton label="Docgen Button" />)
   )
   .add(
     'Comments from Flow declarations',
     withInfo(
       'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label="Flow Typed Button" />)
+    )(() => <FlowTypeButton label="Flow Typed Button" />)
   )
   .add(
     'Comments from component declaration',
     withInfo(
       'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label="Button" />)
+    )(() => <BaseButton label="Button" />)
   );
 
 const markdownDescription = `
@@ -41,7 +40,7 @@ Maybe include a [link](http://storybook.js.org) to your project as well.
 
 storiesOf('Addons|Info.Markdown', module).add(
   'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label="Button" />)
+  withInfo(markdownDescription)(() => <BaseButton label="Button" />)
 );
 
 storiesOf('Addons|Info.Options.inline', module).add(
diff --git a/code/addons/a11y/README.md b/code/addons/a11y/README.md
index 699c3ec15f74..a5c0375ba85f 100755
--- a/code/addons/a11y/README.md
+++ b/code/addons/a11y/README.md
@@ -175,7 +175,7 @@ export default {
   parameters: {
     a11y: {
       // optional selector which element to inspect
-      element: '#root',
+      element: '#storybook-root',
       // axe-core configurationOptions (https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#parameters-1)
       config: {},
       // axe-core optionsParameter (https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#options-parameter)
diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 90a01ba89f2a..a4690ee11c34 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -41,7 +41,7 @@
       "import": "./dist/preview.mjs",
       "types": "./dist/preview.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -59,20 +59,19 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.31",
     "axe-core": "^4.2.0",
-    "core-js": "^3.8.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "react-sizeme": "^3.0.1",
@@ -105,7 +104,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/a11y/src/a11yRunner.ts b/code/addons/a11y/src/a11yRunner.ts
index 1f4fd7ddeab6..1d6bd8b2f148 100644
--- a/code/addons/a11y/src/a11yRunner.ts
+++ b/code/addons/a11y/src/a11yRunner.ts
@@ -36,7 +36,7 @@ const run = async (storyId: string) => {
       channel.emit(EVENTS.RUNNING);
       const axe = (await import('axe-core')).default;
 
-      const { element = '#root', config, options = {} } = input;
+      const { element = '#storybook-root', config, options = {} } = input;
       const htmlElement = document.querySelector(element);
       axe.reset();
       if (config) {
diff --git a/code/addons/a11y/src/components/ColorFilters.tsx b/code/addons/a11y/src/components/ColorFilters.tsx
index 04c34088b7fd..24c82e9f95cb 100644
--- a/code/addons/a11y/src/components/ColorFilters.tsx
+++ b/code/addons/a11y/src/components/ColorFilters.tsx
@@ -52,13 +52,6 @@ export const Filters: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
           values="0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"
         />
       </filter>
-      <filter id="achromatomaly">
-        <feColorMatrix
-          in="SourceGraphic"
-          type="matrix"
-          values="0.618, 0.320, 0.062, 0, 0 0.163, 0.775, 0.062, 0, 0 0.163, 0.320, 0.516, 0, 0 0, 0, 0, 1, 0"
-        />
-      </filter>
     </defs>
   </svg>
 );
diff --git a/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx b/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx
index cbfc33297db8..e488c33bc1b4 100644
--- a/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx
+++ b/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx
@@ -28,7 +28,9 @@ const defaultProviderValue = {
 
 describe('<HighlightToggle />', () => {
   it('should render', () => {
-    const { container } = render(<HighlightToggle elementsToHighlight={[nodeResult('#root')]} />);
+    const { container } = render(
+      <HighlightToggle elementsToHighlight={[nodeResult('#storybook-root')]} />
+    );
     expect(container.firstChild).toBeTruthy();
   });
 
@@ -37,10 +39,10 @@ describe('<HighlightToggle />', () => {
       <A11yContext.Provider
         value={{
           ...defaultProviderValue,
-          highlighted: ['#root'],
+          highlighted: ['#storybook-root'],
         }}
       >
-        <HighlightToggle elementsToHighlight={[nodeResult('#root')]} />
+        <HighlightToggle elementsToHighlight={[nodeResult('#storybook-root')]} />
       </A11yContext.Provider>
     );
     const checkbox = getByRole('checkbox') as HTMLInputElement;
@@ -52,10 +54,12 @@ describe('<HighlightToggle />', () => {
       <A11yContext.Provider
         value={{
           ...defaultProviderValue,
-          highlighted: ['#root'],
+          highlighted: ['#storybook-root'],
         }}
       >
-        <HighlightToggle elementsToHighlight={[nodeResult('#root'), nodeResult('#root1')]} />
+        <HighlightToggle
+          elementsToHighlight={[nodeResult('#storybook-root'), nodeResult('#storybook-root1')]}
+        />
       </A11yContext.Provider>
     );
     const checkbox = getByRole('checkbox') as HTMLInputElement;
@@ -64,10 +68,10 @@ describe('<HighlightToggle />', () => {
 
   describe('toggleHighlight', () => {
     it.each`
-      highlighted  | elementsToHighlight    | expected
-      ${[]}        | ${['#root']}           | ${true}
-      ${['#root']} | ${['#root']}           | ${false}
-      ${['#root']} | ${['#root', '#root1']} | ${true}
+      highlighted            | elementsToHighlight                        | expected
+      ${[]}                  | ${['#storybook-root']}                     | ${true}
+      ${['#storybook-root']} | ${['#storybook-root']}                     | ${false}
+      ${['#storybook-root']} | ${['#storybook-root', '#storybook-root1']} | ${true}
     `(
       'should be triggered with $expected when highlighted is $highlighted and elementsToHighlight is $elementsToHighlight',
       ({ highlighted, elementsToHighlight, expected }) => {
diff --git a/code/addons/a11y/src/components/Report/Item.tsx b/code/addons/a11y/src/components/Report/Item.tsx
index 3861e9465409..48ae0ec3ded4 100644
--- a/code/addons/a11y/src/components/Report/Item.tsx
+++ b/code/addons/a11y/src/components/Report/Item.tsx
@@ -75,7 +75,7 @@ export const Item = (props: ItemProps) => {
       <Wrapper>
         <HeaderBar onClick={() => onToggle(!open)} role="button">
           <Icon
-            icon="chevrondown"
+            icon="arrowdown"
             color="#9DA5AB"
             style={{
               transform: `rotate(${open ? 0 : -90}deg)`,
diff --git a/code/addons/a11y/src/components/VisionSimulator.tsx b/code/addons/a11y/src/components/VisionSimulator.tsx
index 050c9392ecaa..fe7899a5c30e 100644
--- a/code/addons/a11y/src/components/VisionSimulator.tsx
+++ b/code/addons/a11y/src/components/VisionSimulator.tsx
@@ -19,7 +19,6 @@ export const baseList = [
   { name: 'protanopia', percentage: 0.59 },
   { name: 'tritanomaly', percentage: 0.01 },
   { name: 'tritanopia', percentage: 0.016 },
-  { name: 'achromatomaly', percentage: 0.00001 },
   { name: 'achromatopsia', percentage: 0.0001 },
   { name: 'grayscale' },
 ] as Option[];
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 74a826e75643..bab58fb04ada 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -32,23 +32,22 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/theming": "7.0.0-alpha.31",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
     "prop-types": "^15.7.2",
-    "react-inspector": "^5.1.0",
+    "react-inspector": "^6.0.0",
     "telejson": "^6.0.8",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2",
@@ -73,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Actions",
     "unsupportedFrameworks": [
diff --git a/code/addons/actions/src/components/ActionLogger/index.tsx b/code/addons/actions/src/components/ActionLogger/index.tsx
index 9511b1f07d5a..762c4b6d1d32 100644
--- a/code/addons/actions/src/components/ActionLogger/index.tsx
+++ b/code/addons/actions/src/components/ActionLogger/index.tsx
@@ -2,7 +2,7 @@ import React, { FC, Fragment } from 'react';
 import { styled, withTheme } from '@storybook/theming';
 import type { Theme } from '@storybook/theming';
 
-import Inspector from 'react-inspector';
+import { Inspector } from 'react-inspector';
 import { ActionBar, ScrollArea } from '@storybook/components';
 
 import { Action, InspectorContainer, Counter } from './style';
@@ -27,7 +27,7 @@ interface InspectorProps {
 }
 
 const ThemedInspector = withTheme(({ theme, ...props }: InspectorProps) => (
-  <Inspector theme={theme.addonActionsTheme || 'chromeLight'} {...props} />
+  <Inspector theme={theme.addonActionsTheme || 'chromeLight'} table={false} {...props} />
 ));
 
 interface ActionLoggerProps {
diff --git a/code/addons/actions/src/preview/action.ts b/code/addons/actions/src/preview/action.ts
index 05c1f7bb5897..b0c874e41cbd 100644
--- a/code/addons/actions/src/preview/action.ts
+++ b/code/addons/actions/src/preview/action.ts
@@ -20,7 +20,7 @@ const isReactSyntheticEvent = (e: unknown): e is SyntheticEvent =>
 const serializeArg = <T>(a: T) => {
   if (isReactSyntheticEvent(a)) {
     const e: SyntheticEvent = Object.create(
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       a.constructor.prototype,
       Object.getOwnPropertyDescriptors(a)
     );
diff --git a/code/addons/actions/src/preview/withActions.ts b/code/addons/actions/src/preview/withActions.ts
index c6e2c265a911..5aa7b60a3f28 100644
--- a/code/addons/actions/src/preview/withActions.ts
+++ b/code/addons/actions/src/preview/withActions.ts
@@ -43,7 +43,7 @@ const createHandlers = (actionsFn: (...arg: any[]) => object, ...handles: any[])
 
 const applyEventHandlers = deprecate(
   (actionsFn: any, ...handles: any[]) => {
-    const root = document && document.getElementById('root');
+    const root = document && document.getElementById('storybook-root');
     useEffect(() => {
       if (root != null) {
         const handlers = createHandlers(actionsFn, ...handles);
diff --git a/code/addons/actions/src/typings.d.ts b/code/addons/actions/src/typings.d.ts
index 7361d8d2103a..74f6623d4787 100644
--- a/code/addons/actions/src/typings.d.ts
+++ b/code/addons/actions/src/typings.d.ts
@@ -1,4 +1,3 @@
 // TODO: following packages need definition files or a TS migration
 declare module 'global';
-declare module 'react-inspector';
 declare module 'uuid-browser/v4';
diff --git a/code/addons/actions/template/stories/argtype.stories.ts b/code/addons/actions/template/stories/argtype.stories.ts
new file mode 100644
index 000000000000..bc1311bafdfe
--- /dev/null
+++ b/code/addons/actions/template/stories/argtype.stories.ts
@@ -0,0 +1,26 @@
+import globalThis from 'global';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  argTypes: {
+    onClick: {},
+  },
+  parameters: {
+    chromatic: { disable: true },
+    actions: { argTypesRegex: '^on.*' },
+  },
+};
+
+export const String = {
+  argTypes: {
+    onClick: { action: 'clicked!' },
+  },
+};
+export const Boolean = {
+  argTypes: {
+    onClick: { action: true },
+  },
+};
diff --git a/code/addons/actions/template/stories/basics.stories.ts b/code/addons/actions/template/stories/basics.stories.ts
new file mode 100644
index 000000000000..08e2fa743072
--- /dev/null
+++ b/code/addons/actions/template/stories/basics.stories.ts
@@ -0,0 +1,99 @@
+import globalThis from 'global';
+
+import { action } from '@storybook/addon-actions';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {
+  args: { onClick: action('onClick') },
+};
+
+export const TypeString = {
+  args: { onClick: () => action('onClick')('string') },
+};
+export const TypeBoolean = {
+  args: { onClick: () => action('onClick')(false) },
+};
+export const TypeObject = {
+  args: { onClick: () => action('onClick')({}) },
+};
+export const TypeNull = {
+  args: { onClick: () => action('onClick')(null) },
+};
+export const TypeUndefined = {
+  args: { onClick: () => action('onClick')(undefined) },
+};
+export const TypeNaN = {
+  args: { onClick: () => action('onClick')(NaN) },
+};
+export const TypeInfinity = {
+  args: { onClick: () => action('onClick')(Infinity) },
+};
+export const TypeMinusInfinity = {
+  args: { onClick: () => action('onClick')(-Infinity) },
+};
+export const TypeNumber = {
+  args: { onClick: () => action('onClick')(10000) },
+};
+export const TypeGlobal = {
+  args: { onClick: () => action('onClick')(globalThis) },
+};
+export const TypeSymbol = {
+  args: { onClick: () => action('onClick')(Symbol('MySymbol')) },
+};
+export const TypeRegExp = {
+  args: { onClick: () => action('onClick')(new RegExp('MyRegExp')) },
+};
+export const TypeArray = {
+  args: { onClick: () => action('onClick')(['a', 'b', 'c']) },
+};
+export const TypeClass = {
+  args: { onClick: () => action('onClick')(class MyClass {}) },
+};
+export const TypeFunction = {
+  args: { onClick: () => action('onClick')(function MyFunction() {}) },
+};
+export const TypeMultiple = {
+  args: { onClick: () => action('onClick')('string', true, false, null, undefined, [], {}) },
+};
+
+export const Cyclical = {
+  args: {
+    onClick: () =>
+      action('onClick')(
+        (() => {
+          const cyclical: Record<string, any> = {};
+          cyclical.cyclical = cyclical;
+          return cyclical;
+        })()
+      ),
+  },
+};
+
+export const Reserved = {
+  args: { onClick: action('delete') },
+};
+
+export const OptionPersist = {
+  args: { onClick: action('onClick', { clearOnStoryChange: false }) },
+};
+export const OptionDepth = {
+  args: { onClick: action('onClick', { depth: 2 }) },
+};
+
+export const Disabled = {
+  args: { onClick: action('onCLick') },
+  parameters: {
+    actions: {
+      disabled: true,
+    },
+  },
+};
diff --git a/code/addons/actions/template/stories/basics.stories.tsx b/code/addons/actions/template/stories/basics.stories.tsx
deleted file mode 100644
index 98cd1ee4952a..000000000000
--- a/code/addons/actions/template/stories/basics.stories.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import globalThis from 'global';
-
-import { action } from '@storybook/addon-actions';
-
-export default {
-  component: globalThis.Components.Button,
-  args: {
-    children: 'Click Me!',
-  },
-};
-
-export const BasicExample = {
-  args: { onClick: action('hello-world') },
-};
diff --git a/code/addons/actions/template/stories/configs.stories.ts b/code/addons/actions/template/stories/configs.stories.ts
new file mode 100644
index 000000000000..b9ae404d4d34
--- /dev/null
+++ b/code/addons/actions/template/stories/configs.stories.ts
@@ -0,0 +1,36 @@
+import globalThis from 'global';
+
+import { actions, configureActions } from '@storybook/addon-actions';
+
+const configs = actions('actionA', 'actionB', 'actionC');
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    chromatic: { disable: true },
+  },
+};
+
+export const ActionA = {
+  args: { onClick: configs.actionA },
+};
+export const ActionB = {
+  args: { onClick: configs.actionB },
+};
+export const ActionC = {
+  args: { onClick: configs.actionC },
+};
+
+export const ConfigureActions = {
+  args: { onClick: configs.actionA },
+  decorators: [
+    (storyFn: any) => {
+      configureActions({ depth: 2 });
+
+      return storyFn();
+    },
+  ],
+};
diff --git a/code/addons/actions/template/stories/parameters.stories.ts b/code/addons/actions/template/stories/parameters.stories.ts
new file mode 100644
index 000000000000..8ec8cb371865
--- /dev/null
+++ b/code/addons/actions/template/stories/parameters.stories.ts
@@ -0,0 +1,17 @@
+import globalThis from 'global';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {
+  parameters: {
+    handles: [{ click: 'clicked', contextmenu: 'right clicked' }],
+  },
+};
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index e13d89a8143c..1e1617b66c4a 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -41,7 +41,7 @@
       "import": "./dist/preview.mjs",
       "types": "./dist/preview.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -59,17 +59,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/theming": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0",
@@ -100,7 +99,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/backgrounds/template/stories/grid.stories.ts b/code/addons/backgrounds/template/stories/grid.stories.ts
new file mode 100644
index 000000000000..f69be73bbfd7
--- /dev/null
+++ b/code/addons/backgrounds/template/stories/grid.stories.ts
@@ -0,0 +1,51 @@
+import globalThis from 'global';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    backgrounds: {
+      grid: {
+        cellSize: 10,
+        cellAmount: 4,
+        opacity: 0.2,
+      },
+    },
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {
+  parameters: {},
+};
+
+export const Custom = {
+  parameters: {
+    backgrounds: {
+      grid: {
+        cellSize: 100,
+        cellAmount: 10,
+        opacity: 0.8,
+      },
+    },
+  },
+};
+
+// Grid should have an offset of 0 when in fullscreen
+export const Fullscreen = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export const Disabled = {
+  parameters: {
+    backgrounds: {
+      grid: {
+        disable: true,
+      },
+    },
+  },
+};
diff --git a/code/addons/backgrounds/template/stories/parameters.stories.ts b/code/addons/backgrounds/template/stories/parameters.stories.ts
new file mode 100644
index 000000000000..5cf910225003
--- /dev/null
+++ b/code/addons/backgrounds/template/stories/parameters.stories.ts
@@ -0,0 +1,83 @@
+import globalThis from 'global';
+
+const COLORS = [
+  { name: 'red', value: '#FB001D' },
+  { name: 'orange', value: '#FB8118' },
+  { name: 'yellow', value: '#FCFF0C' },
+  { name: 'green', value: '#1AB408' },
+  { name: 'blue', value: '#0F0084' },
+  { name: 'purple', value: '#620073' },
+];
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    backgrounds: {
+      values: COLORS,
+    },
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {
+  parameters: {},
+};
+
+export const Default = {
+  parameters: {
+    backgrounds: {
+      default: COLORS[0].name,
+    },
+  },
+};
+
+export const StorySpecific = {
+  parameters: {
+    backgrounds: {
+      default: 'white',
+      values: [
+        { name: 'white', value: '#F9F5F1' },
+        { name: 'pink', value: '#F99CB4' },
+        { name: 'teal', value: '#67CDE8' },
+        { name: 'brown', value: '#4D2C10' },
+        { name: 'black', value: '#000400' },
+      ],
+    },
+  },
+};
+
+export const Gradient = {
+  backgrounds: {
+    default: 'gradient',
+    values: [
+      {
+        name: 'gradient',
+        value: 'linear-gradient(90deg, #CA005E 0%, #863783 50%, #112396',
+      },
+    ],
+  },
+};
+
+const img =
+  'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTkwIDQ3NSIgZmlsbD0ibm9uZSI+CiAgPGcgaWQ9ImNvbXBvbmVudC1jb21wb3NpdGlvbiI+CiAgICA8bWFzayBpZD0iY29tcG9uZW50cyIgd2lkdGg9IjcxMSIgaGVpZ2h0PSI2NjciIHg9Ii01MiIgeT0iLTg2IiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTY1OC4wMiAxODEuNDAzbC00NC4zMTItLjAwMS0uMDAxIDEzMi4xODVoNDQuMzEzdjQ1LjA2NmgtNDQuMzEybC0uMDAxIDEzMi45MzktODguNjI1LS4wMDEtLjAwMSA4OC42MjZoLTQ1LjA2NnYtNDQuMzEybC00NC4zMTItLjAwMXYtNDQuMzEzaC04Ny44NzJsLS4wMDEgNDQuMzEzLTQ0LjMxMi4wMDF2NDQuMzEyaC00NS4wNjZ2LTQ0LjMxM2gtNDQuMzEzdi00NC4zMTJsLTQzLjU1OC0uMDAxLS4wMDIgNDQuMzEzaC00NS4wNjZsLjAwMS00NC4zMTMtNDMuNTYuMDAxdjQ0LjMxMkgzNi44ODh2LTQ0LjMxM2wtNDMuNTYuMDAxdjg4LjYyNWgtNDUuMDY2VjM1Ny45aDQ0LjMxNHYtNDMuNTU5aC00NC4zMTN2LTQ1LjA2Nmg0NC4zMTNWMTM3LjA5aC00NC4zMTNWOTIuMDI0bDQ0LjMxMy0uMDAxVjQuMTUyaC00NC4zMTN2LTQ1LjA2NkgzNy42NFYzLjM5OEgyMTQuMTRsLS4wMDEtNDQuMzEyaDQ1LjA2NlYzLjM5OGgyMjAuODExbC0uMDAxLTg4LjYyNWg0NS4wNjZsLjAwMSA0NC4zMTNoNDQuMzEybC4wMDEgNDQuMzEyaDQ0LjMxMmwuMDAxIDg4LjYyNWg0NC4zMTJ2ODkuMzh6TTM2Ljg4OCAzNTcuOVYyMjUuNzE2aC00My41NnY0NC4zMTJoLTQ0LjMxMnY0My41Nmw0NC4zMTMtLjAwMVYzNTcuOWg0My41NnptMCA4OC42MjV2LTg3Ljg3MmgtODcuODcydjg3Ljg3Mmg4Ny44NzJ6bTAtMjIxLjU2M1Y5Mi43NzdoLTg3Ljg3MnY0My41Nmw0NC4zMTMtLjAwMXY4OC42MjZoNDMuNTU5ek04MS4yIDQ3LjcxMVY0LjE1SDM2Ljg4OFYtNDAuMTZoLTg3Ljg3MnY0My41Nmg0NC4zMTNWNDcuNzFIODEuMnpNMzYuODg4IDQ5MC44Mzl2LTQzLjU2aC04Ny44NzJ2MTMyLjE4NWg0My41NnYtODguNjI2bDQ0LjMxMi4wMDF6bTg4LjYyNi0zOTguMDYySDgxLjIwMVY0OC40NjRILTYuNjcxdjQzLjU2SDM3LjY0djQ0LjMxMmg4Ny44NzN2LTQzLjU2em0tLjAwMSAxMzIuMTg1di00My41NmwtNDQuMzEyLjAwMVYxMzcuMDlIMzcuNjR2MTMyLjE4NGg0My41NnYtNDQuMzEyaDQ0LjMxMnptMCAyNjUuODc2di00My41NTlIODEuMjAxdi00NC4zMTNIMzcuNjR2MTMyLjE4NWg0My41NnYtNDQuMzEzaDQ0LjMxMnptLjAwMS0xNzcuMjUxdi00My41NTlIMzcuNjQydjEzMi4xODVIODEuMnYtODguNjI2aDQ0LjMxM3ptODguNjI1LTEzMi45MzhsLjAwMS00My41NTlIODEuOTU1bC0uMDAxIDQzLjU1OWg0NC4zMTN2NDQuMzEzaDQzLjU1OXYtNDQuMzEzaDQ0LjMxM3ptMC04OC42MjVWNC4xNTJIODEuOTU0djQzLjU2bDg4LjYyNS0uMDAxLjAwMSA0NC4zMTJoNDMuNTU5em0wIDE3Ny4yNXYtNDMuNTU5SDgxLjk1NHY0My41NTlIMjE0LjE0em0wLTEzMi45Mzh2LTQzLjU2bC00NC4zMTMuMDAxVjQ4LjQ2NEg4MS45NTR2NDMuNTZoNDQuMzEzdjQ0LjMxMmg4Ny44NzJ6bS00NC4zMTMgMjY1Ljg3N3YtNDMuNTZoLTQ0LjMxM2wuMDAxLTQ0LjMxMmgtNDMuNTZ2MTMyLjE4NGw0My41NTkuMDAxdi00NC4zMTNoNDQuMzEzem00NC4zMTMtNDQuMzEzdi04Ny44NzJoLTg3Ljg3MlYzNTcuOWg4Ny44NzJ6bTAgODguNjI2di00My41NmgtODcuODcydjEzMi4xODVoNDMuNTU5di04OC42MjVoNDQuMzEzem04OC42MjYtMjY1Ljg3N2wtLjAwMS00My41NTloLTg3Ljg3MnY0NC4zMTNIMTcwLjU4djQzLjU1OWg4Ny44NzJ2LTQ0LjMxM2g0NC4zMTN6bTAgMzEwLjE4OXYtNDMuNTU5SDE3MC41OHY0My41NTloNDQuMzEybC4wMDEgNDQuMzEzaDQzLjU1OXYtNDQuMzEzaDQ0LjMxM3ptMC04Ny44NzJoLTQ0LjMxM3YtNDQuMzEzSDE3MC41OHY0My41Nmg0NC4zMTJsLjAwMSA0NC4zMTJoODcuODcydi00My41NTl6bTQ0LjMxMi0yMjIuMzE3bC4wMDEtODcuODcySDIxNC44OTJ2NDMuNTZsODguNjI2LS4wMDEuMDAxIDQ0LjMxM2g0My41NTh6TTMwMi43NjQgNDcuNzExVjQuMTVoLTQ0LjMxMmwtLjAwMS00NC4zMTJoLTQzLjU1OVY5Mi4wMjRsNDMuNTYtLjAwMVY0Ny43MWg0NC4zMTJ6bS00NC4zMTMgMjIxLjU2NGwuMDAxLTQzLjU2aC00My41NTl2NDMuNTU5bDQzLjU1OC4wMDF6bTg4LjYyNyA4OC42MjVsLS4wMDEtNDMuNTU5SDIxNC44OTNWMzU3LjloMTMyLjE4NXptLTg3Ljg3My04Ny44NzJoLTQ0LjMxM3Y0My41NTloODcuODcyVjE4MS40MDJsLTQzLjU1OS4wMDF2ODguNjI1ek0zOTEuMzkgNDcuNzExVjQuMTUxaC04Ny44NzJ2NDQuMzEzaC00NC4zMTN2NDMuNTZoODcuODcyVjQ3LjcxaDQ0LjMxM3ptLTg4LjYyNSAzNTQuNTAydi00My41NmgtNDMuNTZ2NDMuNTZoNDMuNTZ6bTQ0LjMxMiAxMzIuOTM4di04Ny44NzJoLTQzLjU1OXY0NC4zMTNoLTQ0LjMxM3Y4Ny44NzJoNDMuNTZsLS4wMDEtNDQuMzEzaDQ0LjMxM3ptNDQuMzEyLTEzMi45MzhsLjAwMS00My41NmgtODcuODcydjg3Ljg3Mmg0My41NTl2LTQ0LjMxMmg0NC4zMTJ6bTAtNDQuMzEzdi04Ny44NzJoLTQ0LjMxMnYtNDQuMzEzaC00My41NTh2ODcuODcyaDQ0LjMxMVYzNTcuOWg0My41NTl6bTQ0LjMxNC0xMzIuOTM4di00My41NkgzMDMuNTE4djQzLjU2aDQ0LjMxMmwuMDAxIDQ0LjMxMmg0My41NTl2LTQ0LjMxMmg0NC4zMTN6bTAgMjIxLjU2M1YzMTQuMzQxaC00My41NTlsLS4wMDEgODguNjI1aC00NC4zMTJsLS4wMDEgNDMuNTU5aDg3Ljg3M3ptNDQuMzEyIDQ0LjMxM3YtODcuODcyaC00My41NTl2NDQuMzEzSDM0Ny44M3Y0My41NTloMTMyLjE4NXptMC0zMTAuMTg5VjEzNy4wOUgzOTEuMzlWOTIuNzc3aC00My41NTl2ODcuODcyaDEzMi4xODR6bTAtODguNjI2VjQ4LjQ2NEgzNDcuODMxdjQzLjU2aDQ0LjMxMnY0NC4zMTJoNDMuNTZWOTIuMDI0aDQ0LjMxMnptLjAwMSAxNzcuMjUxbC0uMDAxLTg3Ljg3MWgtNDMuNTU5djQ0LjMxMmgtNDQuMzEydjg3Ljg3M2w0My41NTktLjAwMXYtNDQuMzEybDQ0LjMxMy0uMDAxem00NC4zMTItMTc3LjI1VjQuMTUySDM5Mi4xNDN2NDMuNTZsODguNjI2LS4wMDF2NDQuMzEzaDQzLjU1OXptNDQuMzEzIDg4LjYyNWwuMDAxLTQzLjU1OWgtNDQuMzE0VjkyLjc3N2gtODcuODcydjQzLjU1OWg0NC4zMTN2NDQuMzEzaDg3Ljg3MnpNNTI0LjMyOCAzNTcuOWwuMDAxLTQzLjU1OWgtNDQuMzE0bC4wMDEtNDQuMzEzaC00My41NmwuMDAxIDEzMi4xODQgNDMuNTU4LjAwMVYzNTcuOWg0NC4zMTN6bTAgMjIxLjU2NFY0NDcuMjc5aC00My41NTl2NDQuMzEzaC00NC4zMTN2NDMuNTU5aDQ0LjMxM3Y0NC4zMTNoNDMuNTU5em00NC4zMTMtODguNjI2di04Ny44NzJoLTQ0LjMxM3YtNDQuMzEybC00My41Ni0uMDAxLjAwMiA4Ny44NzIgNDQuMzExLjAwMXY0NC4zMTJoNDMuNTZ6bTAtNDQzLjEyN3YtODcuODcyaC00NC4zMTN2LTQ0LjMxM2gtNDMuNTU5VjMuMzk4aDQ0LjMxMmwuMDAxIDQ0LjMxM2g0My41NTl6bTAgMTc3LjI1MXYtNDMuNTU5aC04Ny44NzJ2MTMyLjE4NGg0My41NTl2LTg4LjYyNWg0NC4zMTN6bTQ0LjMxMy0xMzIuOTM4VjQuMTUyaC00My41NnY0NC4zMTJoLTQ0LjMxM3Y4Ny44NzJoNDMuNTZWOTIuMDI0aDQ0LjMxM3ptLS4wMDEgMzk4LjgxNFYzNTguNjU0aC04Ny44NzJ2NDMuNTU5aDQ0LjMxM3Y4OC42MjVoNDMuNTU5em0wLTIyMS41NjN2LTg3Ljg3MmgtNDMuNTU5djQ0LjMxMmwtNDQuMzEyLjAwMXY4Ny44NzFoNDMuNTU5di00NC4zMTJoNDQuMzEyem00NC4zMTMgODguNjI1di00My41NTloLTQ0LjMxM3YtNDQuMzEzaC00My41NTl2NDQuMzEzaC00NC4zMTJWMzU3LjloMTMyLjE4NHptMC0xNzcuMjUxVjkyLjc3N2gtODcuODcydjg3Ljg3Mmg4Ny44NzJ6Ij4KICAgICAgPC9wYXRoPgogICAgPC9tYXNrPgogICAgPGcgbWFzaz0idXJsKCNjb21wb25lbnRzKSI+CiAgICAgIDxyZWN0IHdpZHRoPSI1OTAiIGhlaWdodD0iNDc1IiBmaWxsPSJ1cmwoI2dyYWRpZW50LWZpbGwpIiBvcGFjaXR5PSIwLjc1Ij4KICAgICAgPC9yZWN0PgogICAgPC9nPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0id2luZG93LWNsaXAiPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwSDU4OFY0NTNIMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMjEpIj4KICAgICAgPC9wYXRoPgogICAgPC9jbGlwUGF0aD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQtZmlsbCIgeDE9Ijc2IiB4Mj0iNTUzLjUiIHkxPSIyNjkiIHkyPSI0MTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0EyNEZCRCI+CiAgICAgIDwvc3RvcD4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjQ3NyIgc3RvcC1jb2xvcj0iIzM2N0VENiI+CiAgICAgIDwvc3RvcD4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjk4MiIgc3RvcC1jb2xvcj0iI0UxMjY0RCI+CiAgICAgIDwvc3RvcD4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4K';
+
+export const Image = {
+  backgrounds: {
+    default: 'component-driven',
+    values: [
+      {
+        name: 'component-driven',
+        value: `#000 center / cover no-repeat url(data:image/svg+xml;base64,${img})`,
+      },
+    ],
+  },
+};
+
+export const Disabled = {
+  parameters: {
+    backgrounds: { disable: true },
+  },
+};
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index bcf7db55fe70..df83911f1d18 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -36,7 +36,7 @@
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -54,20 +54,19 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/blocks": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/blocks": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
@@ -93,7 +92,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Controls",
     "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/angular/index.js b/code/addons/docs/angular/index.js
index 3fd4c7ea527c..0236c45fec3a 100644
--- a/code/addons/docs/angular/index.js
+++ b/code/addons/docs/angular/index.js
@@ -2,6 +2,6 @@
 /* global window */
 
 export const setCompodocJson = (compodocJson) => {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 86b83245b888..bd761d121c5d 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -46,31 +46,30 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/blocks": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/blocks": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/csf-tools": "7.0.0-alpha.31",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/postinstall": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/postinstall": "7.0.0-alpha.31",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/source-loader": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "babel-loader": "^8.2.5",
-    "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
@@ -104,7 +103,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/docs/src/preset.ts b/code/addons/docs/src/preset.ts
index 7a7ae8b2d971..9516671597cb 100644
--- a/code/addons/docs/src/preset.ts
+++ b/code/addons/docs/src/preset.ts
@@ -145,7 +145,7 @@ export async function webpack(
 export const storyIndexers = async (indexers: StoryIndexer[] | null) => {
   const mdxIndexer = async (fileName: string, opts: IndexerOptions) => {
     let code = (await fs.readFile(fileName, 'utf-8')).toString();
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     const { compile } = global.FEATURES?.previewMdx2
       ? await import('@storybook/mdx2-csf')
       : await import('@storybook/mdx1-csf');
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 35b341f11068..7fc695f34ddd 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -30,28 +30,27 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-measure": "7.0.0-alpha.20",
-    "@storybook/addon-outline": "7.0.0-alpha.20",
-    "@storybook/addon-toolbars": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-measure": "7.0.0-alpha.31",
+    "@storybook/addon-outline": "7.0.0-alpha.31",
+    "@storybook/addon-toolbars": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.31",
     "@types/jest": "^26.0.16",
     "typescript": "~4.6.3"
   },
@@ -99,5 +98,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 380044aa37ca..d0df2b389a6f 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -34,12 +34,11 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "global": "^4.4.0"
   },
   "devDependencies": {
@@ -49,7 +48,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 5d51c7e2ba27..1f2148df8cff 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -32,19 +32,19 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/instrumenter": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/instrumenter": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Interactions",
     "unsupportedFrameworks": [
diff --git a/code/addons/interactions/src/Panel.test.ts b/code/addons/interactions/src/Panel.test.ts
index 4e2903fd234e..06a1e7278120 100644
--- a/code/addons/interactions/src/Panel.test.ts
+++ b/code/addons/interactions/src/Panel.test.ts
@@ -7,19 +7,22 @@ describe('Panel', () => {
       {
         callId: 'story--id [4] findByText',
         status: CallStates.DONE,
+        ancestors: [],
       },
       {
         callId: 'story--id [5] click',
         status: CallStates.DONE,
+        ancestors: [],
       },
       {
         callId: 'story--id [6] waitFor',
         status: CallStates.DONE,
+        ancestors: [],
       },
       {
         callId: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
-        parentId: 'story--id [6] waitFor',
         status: CallStates.DONE,
+        ancestors: ['story--id [6] waitFor'],
       },
     ];
     const calls = new Map<Call['id'], Call>(
@@ -27,6 +30,7 @@ describe('Panel', () => {
         {
           id: 'story--id [0] action',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 0,
           path: [],
           method: 'action',
@@ -37,6 +41,7 @@ describe('Panel', () => {
         {
           id: 'story--id [1] action',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 1,
           path: [],
           method: 'action',
@@ -47,6 +52,7 @@ describe('Panel', () => {
         {
           id: 'story--id [2] action',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 2,
           path: [],
           method: 'action',
@@ -57,6 +63,7 @@ describe('Panel', () => {
         {
           id: 'story--id [3] within',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 3,
           path: [],
           method: 'within',
@@ -67,6 +74,7 @@ describe('Panel', () => {
         {
           id: 'story--id [4] findByText',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 4,
           path: [{ __callId__: 'story--id [3] within' }],
           method: 'findByText',
@@ -77,6 +85,7 @@ describe('Panel', () => {
         {
           id: 'story--id [5] click',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 5,
           path: ['userEvent'],
           method: 'click',
@@ -86,8 +95,8 @@ describe('Panel', () => {
         },
         {
           id: 'story--id [6] waitFor [0] expect',
-          parentId: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: ['story--id [6] waitFor'],
           cursor: 0,
           path: [],
           method: 'expect',
@@ -97,8 +106,8 @@ describe('Panel', () => {
         },
         {
           id: 'story--id [6] waitFor [1] stringMatching',
-          parentId: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: ['story--id [6] waitFor'],
           cursor: 1,
           path: ['expect'],
           method: 'stringMatching',
@@ -108,8 +117,8 @@ describe('Panel', () => {
         },
         {
           id: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
-          parentId: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: ['story--id [6] waitFor'],
           cursor: 2,
           path: [{ __callId__: 'story--id [6] waitFor [0] expect' }],
           method: 'toHaveBeenCalledWith',
@@ -120,6 +129,7 @@ describe('Panel', () => {
         {
           id: 'story--id [6] waitFor',
           storyId: 'story--id',
+          ancestors: [],
           cursor: 6,
           path: [],
           method: 'waitFor',
@@ -138,6 +148,7 @@ describe('Panel', () => {
           ...calls.get('story--id [4] findByText'),
           status: CallStates.DONE,
           childCallIds: undefined,
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
@@ -145,6 +156,7 @@ describe('Panel', () => {
           ...calls.get('story--id [5] click'),
           status: CallStates.DONE,
           childCallIds: undefined,
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
@@ -152,6 +164,7 @@ describe('Panel', () => {
           ...calls.get('story--id [6] waitFor'),
           status: CallStates.DONE,
           childCallIds: ['story--id [6] waitFor [2] toHaveBeenCalledWith'],
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
@@ -159,13 +172,14 @@ describe('Panel', () => {
           ...calls.get('story--id [6] waitFor [2] toHaveBeenCalledWith'),
           status: CallStates.DONE,
           childCallIds: undefined,
+          isHidden: false,
           isCollapsed: false,
           toggleCollapsed: expect.any(Function),
         },
       ]);
     });
 
-    it('omits calls for which the parent is collapsed', () => {
+    it('hides calls for which the parent is collapsed', () => {
       const withCollapsed = new Set<Call['id']>(['story--id [6] waitFor']);
 
       expect(getInteractions({ log, calls, collapsed: withCollapsed, setCollapsed })).toEqual([
@@ -173,16 +187,25 @@ describe('Panel', () => {
           ...calls.get('story--id [4] findByText'),
           childCallIds: undefined,
           isCollapsed: false,
+          isHidden: false,
         }),
         expect.objectContaining({
           ...calls.get('story--id [5] click'),
           childCallIds: undefined,
           isCollapsed: false,
+          isHidden: false,
         }),
         expect.objectContaining({
           ...calls.get('story--id [6] waitFor'),
           childCallIds: ['story--id [6] waitFor [2] toHaveBeenCalledWith'],
           isCollapsed: true,
+          isHidden: false,
+        }),
+        expect.objectContaining({
+          ...calls.get('story--id [6] waitFor [2] toHaveBeenCalledWith'),
+          childCallIds: undefined,
+          isCollapsed: false,
+          isHidden: true,
         }),
       ]);
     });
diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index 960687f98956..2585c506f4d7 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -16,6 +16,7 @@ import { TabIcon, TabStatus } from './components/TabStatus';
 interface Interaction extends Call {
   status: Call['status'];
   childCallIds: Call['id'][];
+  isHidden: boolean;
   isCollapsed: boolean;
   toggleCollapsed: () => void;
 }
@@ -43,16 +44,18 @@ export const getInteractions = ({
   const callsById = new Map<Call['id'], Call>();
   const childCallMap = new Map<Call['id'], Call['id'][]>();
   return log
-    .filter(({ callId, parentId }) => {
-      if (!parentId) return true;
-      childCallMap.set(parentId, (childCallMap.get(parentId) || []).concat(callId));
-      return !collapsed.has(parentId);
+    .map<Call & { isHidden: boolean }>(({ callId, ancestors, status }) => {
+      let isHidden = false;
+      ancestors.forEach((ancestor) => {
+        if (collapsed.has(ancestor)) isHidden = true;
+        childCallMap.set(ancestor, (childCallMap.get(ancestor) || []).concat(callId));
+      });
+      return { ...calls.get(callId), status, isHidden };
     })
-    .map(({ callId, status }) => ({ ...calls.get(callId), status } as Call))
     .map<Interaction>((call) => {
       const status =
         call.status === CallStates.ERROR &&
-        callsById.get(call.parentId)?.status === CallStates.ACTIVE
+        callsById.get(call.ancestors.slice(-1)[0])?.status === CallStates.ACTIVE
           ? CallStates.ACTIVE
           : call.status;
       callsById.set(call.id, { ...call, status });
@@ -84,7 +87,8 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
   const [interactions, setInteractions] = React.useState<Interaction[]>([]);
   const [interactionsCount, setInteractionsCount] = React.useState<number>();
 
-  // Calls are tracked in a ref so we don't needlessly rerender.
+  // Log and calls are tracked in a ref so we don't needlessly rerender.
+  const log = React.useRef<LogItem[]>([]);
   const calls = React.useRef<Map<Call['id'], Omit<Call, 'status'>>>(new Map());
   const setCall = ({ status, ...call }: Call) => calls.current.set(call.id, call);
 
@@ -110,6 +114,7 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
         setInteractions(
           getInteractions({ log: payload.logItems, calls: calls.current, collapsed, setCollapsed })
         );
+        log.current = payload.logItems;
       },
       [STORY_RENDER_PHASE_CHANGED]: (event) => {
         setStoryId(event.storyId);
@@ -124,7 +129,6 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
         setErrored(true);
       },
       [PLAY_FUNCTION_THREW_EXCEPTION]: (e) => {
-        console.log('PLAY_FUNCTION_THREW_EXCEPTION');
         if (e?.message !== IGNORED_EXCEPTION.message) setCaughtException(e);
         else setCaughtException(undefined);
       },
@@ -132,9 +136,15 @@ export const Panel: React.FC<{ active: boolean }> = (props) => {
     [collapsed]
   );
 
+  React.useEffect(() => {
+    setInteractions(
+      getInteractions({ log: log.current, calls: calls.current, collapsed, setCollapsed })
+    );
+  }, [collapsed]);
+
   React.useEffect(() => {
     if (isPlaying || isRerunAnimating) return;
-    setInteractionsCount(interactions.length);
+    setInteractionsCount(interactions.filter(({ method }) => method !== 'step').length);
   }, [interactions, isPlaying, isRerunAnimating]);
 
   const controls = React.useMemo(
diff --git a/code/addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx b/code/addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx
deleted file mode 100644
index 1930000cc9a1..000000000000
--- a/code/addons/interactions/src/components/AccountForm/addon-interactions.stories.mdx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Meta, Canvas, Story } from '@storybook/addon-docs';
-import { expect } from '@storybook/jest';
-import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
-
-import { AccountForm } from './AccountForm';
-
-<Meta
-  title="Addons/Interactions/Mdx"
-  component={AccountForm}
-  parameters={{ layout: 'centered', theme: 'light' }}
-  argTypes={{
-    onSubmit: { action: true },
-  }}
-/>
-
-## AccountForm
-
-<Canvas>
-  <Story
-    name="StandardEmailFilled"
-    args={{
-      passwordVerification: false,
-    }}
-    play={async (context) => {
-      const { args, canvasElement } = context
-      const canvas = within(canvasElement)
-      
-      await userEvent.type(canvas.getByTestId('email'), 'username@email.com')
-      await userEvent.type(canvas.getByTestId('password1'), 'thepassword')
-      await userEvent.click(canvas.getByRole('button', { name: /create account/i }))
-      expect(args.onSubmit).not.toHaveBeenCalled()
-    }}/>
-</Canvas>
diff --git a/code/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx b/code/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
deleted file mode 100644
index 012938d1c79d..000000000000
--- a/code/addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-import { Story as CSF2Story, Meta, ComponentStoryObj } from '@storybook/react';
-import { expect } from '@storybook/jest';
-import {
-  within,
-  waitFor,
-  fireEvent,
-  userEvent,
-  waitForElementToBeRemoved,
-} from '@storybook/testing-library';
-import React from 'react';
-
-import { AccountForm } from './AccountForm';
-
-export default {
-  title: 'Addons/Interactions/AccountForm',
-  component: AccountForm,
-  parameters: {
-    layout: 'centered',
-    theme: 'light',
-    options: { selectedPanel: 'storybook/interactions/panel' },
-  },
-  argTypes: {
-    onSubmit: { action: true },
-  },
-} as Meta;
-
-type CSF3Story = ComponentStoryObj<typeof AccountForm>;
-
-export const Demo: CSF2Story = (args) => (
-  <button type="button" onClick={() => args.onSubmit('clicked')}>
-    Click
-  </button>
-);
-
-Demo.play = async ({ args, canvasElement }) => {
-  await userEvent.click(within(canvasElement).getByRole('button'));
-  await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
-  await expect([{ name: 'John', age: 42 }]).toEqual(
-    expect.arrayContaining([
-      expect.objectContaining({ name: 'John' }),
-      expect.objectContaining({ age: 42 }),
-    ])
-  );
-};
-
-export const Exception = Demo.bind({});
-Exception.play = () => Demo.play(undefined as any); // deepscan-disable-line
-Exception.parameters = { chromatic: { disableSnapshot: true } };
-
-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
-  </button>
-);
-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);
-  });
-};
-
-export const WaitForElementToBeRemoved: CSF2Story = () => {
-  const [isLoading, setIsLoading] = React.useState(true);
-  React.useEffect(() => {
-    setTimeout(() => setIsLoading(false), 1500);
-  }, []);
-  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
-};
-WaitForElementToBeRemoved.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  await waitForElementToBeRemoved(await canvas.findByText('Loading...'), { timeout: 2000 });
-  const button = await canvas.findByText('Loaded!');
-  await expect(button).toBeInTheDocument();
-};
-
-export const WithLoaders: CSF2Story = (args, { loaded: { todo } }) => {
-  return (
-    <button type="button" onClick={args.onSubmit(todo.title)}>
-      Todo: {todo.title}
-    </button>
-  );
-};
-WithLoaders.loaders = [
-  async () => {
-    // long fake timeout
-    await new Promise((resolve) => setTimeout(resolve, 2000));
-
-    return {
-      todo: {
-        userId: 1,
-        id: 1,
-        title: 'delectus aut autem',
-        completed: false,
-      },
-    };
-  },
-];
-WithLoaders.play = async ({ args, canvasElement }) => {
-  const canvas = within(canvasElement);
-  const todoItem = await canvas.findByText('Todo: delectus aut autem');
-  await userEvent.click(todoItem);
-  await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
-};
-
-export const Standard: CSF3Story = {
-  args: { passwordVerification: false },
-};
-
-export const StandardEmailFilled: CSF3Story = {
-  ...Standard,
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    await fireEvent.change(canvas.getByTestId('email'), {
-      target: {
-        value: 'michael@chromatic.com',
-      },
-    });
-  },
-};
-
-export const StandardEmailFailed: CSF3Story = {
-  ...Standard,
-  play: async ({ args, canvasElement }) => {
-    const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
-    await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
-    await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
-
-    await canvas.findByText('Please enter a correctly formatted email address');
-    await expect(args.onSubmit).not.toHaveBeenCalled();
-  },
-};
-
-export const StandardEmailSuccess: CSF3Story = {
-  ...Standard,
-  play: async ({ args, canvasElement }) => {
-    const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
-    await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
-    await userEvent.click(canvas.getByTestId('submit'));
-
-    await waitFor(async () => {
-      await expect(args.onSubmit).toHaveBeenCalledTimes(1);
-      await expect(args.onSubmit).toHaveBeenCalledWith({
-        email: 'michael@chromatic.com',
-        password: 'testpasswordthatwontfail',
-      });
-    });
-  },
-};
-
-export const StandardPasswordFailed: CSF3Story = {
-  ...Standard,
-  play: async (context) => {
-    const canvas = within(context.canvasElement);
-    await StandardEmailFilled.play(context);
-    await userEvent.type(canvas.getByTestId('password1'), 'asdf');
-    await userEvent.click(canvas.getByTestId('submit'));
-  },
-};
-
-export const StandardFailHover: CSF3Story = {
-  ...StandardPasswordFailed,
-  play: async (context) => {
-    const canvas = within(context.canvasElement);
-    await StandardPasswordFailed.play(context);
-    await waitFor(async () => {
-      await userEvent.hover(canvas.getByTestId('password-error-info'));
-    });
-  },
-};
-
-export const Verification: CSF3Story = {
-  args: { passwordVerification: true },
-  argTypes: { onSubmit: { action: 'clicked' } },
-};
-
-export const VerificationPassword: CSF3Story = {
-  ...Verification,
-  play: async (context) => {
-    const canvas = within(context.canvasElement);
-    await StandardEmailFilled.play(context);
-    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    await userEvent.click(canvas.getByTestId('submit'));
-  },
-};
-
-export const VerificationPasswordMismatch: CSF3Story = {
-  ...Verification,
-  play: async (context) => {
-    const canvas = within(context.canvasElement);
-    await StandardEmailFilled.play(context);
-    await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
-    await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
-    await userEvent.click(canvas.getByTestId('submit'));
-  },
-};
-
-export const VerificationSuccess: CSF3Story = {
-  ...Verification,
-  play: async (context) => {
-    const canvas = within(context.canvasElement);
-    await StandardEmailFilled.play(context);
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.click(canvas.getByTestId('submit'));
-  },
-};
diff --git a/code/addons/interactions/src/components/Interaction.stories.tsx b/code/addons/interactions/src/components/Interaction.stories.tsx
index 06aaaba5f5b4..c1b38cafd63e 100644
--- a/code/addons/interactions/src/components/Interaction.stories.tsx
+++ b/code/addons/interactions/src/components/Interaction.stories.tsx
@@ -45,7 +45,7 @@ export const Done: Story = {
 
 export const WithParent: Story = {
   args: {
-    call: { ...getCalls(CallStates.DONE).slice(-1)[0], parentId: 'parent-id' },
+    call: { ...getCalls(CallStates.DONE).slice(-1)[0], ancestors: ['parent-id'] },
   },
 };
 
diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
index 92a60d4fa998..a982ad3d6fc3 100644
--- a/code/addons/interactions/src/components/Interaction.tsx
+++ b/code/addons/interactions/src/components/Interaction.tsx
@@ -32,7 +32,7 @@ const RowContainer = styled('div', {
           ? transparentize(0.93, theme.color.negative)
           : theme.background.warning,
     }),
-    paddingLeft: call.parentId ? 20 : 0,
+    paddingLeft: call.ancestors.length * 20,
   }),
   ({ theme, call, pausedAt }) =>
     pausedAt === call.id && {
@@ -56,9 +56,9 @@ const RowContainer = styled('div', {
     }
 );
 
-const RowHeader = styled.div<{ disabled: boolean }>(({ theme, disabled }) => ({
+const RowHeader = styled.div<{ isInteractive: boolean }>(({ theme, isInteractive }) => ({
   display: 'flex',
-  '&:hover': disabled ? {} : { background: theme.background.hoverable },
+  '&:hover': isInteractive ? {} : { background: theme.background.hoverable },
 }));
 
 const RowLabel = styled('button', {
@@ -130,6 +130,7 @@ export const Interaction = ({
   controls,
   controlStates,
   childCallIds,
+  isHidden,
   isCollapsed,
   toggleCollapsed,
   pausedAt,
@@ -139,18 +140,23 @@ export const Interaction = ({
   controls: Controls;
   controlStates: ControlStates;
   childCallIds?: Call['id'][];
+  isHidden: boolean;
   isCollapsed: boolean;
   toggleCollapsed: () => void;
   pausedAt?: Call['id'];
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
+  const isInteractive = !controlStates.goto || !call.interceptable || !!call.ancestors.length;
+
+  if (isHidden) return null;
+
   return (
     <RowContainer call={call} pausedAt={pausedAt}>
-      <RowHeader disabled={!controlStates.goto || !call.interceptable || !!call.parentId}>
+      <RowHeader isInteractive={isInteractive}>
         <RowLabel
           call={call}
           onClick={() => controls.goto(call.id)}
-          disabled={!controlStates.goto || !call.interceptable || !!call.parentId}
+          disabled={isInteractive}
           onMouseEnter={() => controlStates.goto && setIsHovered(true)}
           onMouseLeave={() => controlStates.goto && setIsHovered(false)}
         >
@@ -163,11 +169,7 @@ export const Interaction = ({
           {childCallIds?.length > 0 && (
             <WithTooltip
               hasChrome={false}
-              tooltip={
-                <Note
-                  note={`${isCollapsed ? 'Show' : 'Hide'} interactions (${childCallIds.length})`}
-                />
-              }
+              tooltip={<Note note={`${isCollapsed ? 'Show' : 'Hide'} interactions`} />}
             >
               <StyledIconButton containsIcon onClick={toggleCollapsed}>
                 <Icons icon="listunordered" />
diff --git a/code/addons/interactions/src/components/InteractionsPanel.stories.tsx b/code/addons/interactions/src/components/InteractionsPanel.stories.tsx
index 606f2cf22bf3..e71744d38be4 100644
--- a/code/addons/interactions/src/components/InteractionsPanel.stories.tsx
+++ b/code/addons/interactions/src/components/InteractionsPanel.stories.tsx
@@ -1,6 +1,5 @@
 /* eslint-disable jest/no-standalone-expect */
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import type { ComponentStoryObj, ComponentMeta } from '@storybook/react';
 import { CallStates } from '@storybook/instrumenter';
 import { styled } from '@storybook/theming';
@@ -48,7 +47,7 @@ export default {
     fileName: 'addon-interactions.stories.tsx',
     hasException: false,
     isPlaying: false,
-    onScrollToEnd: action('onScrollToEnd'),
+    onScrollToEnd: () => {},
     endRef: null,
     // prop for the AddonPanel used as wrapper of Panel
     active: true,
@@ -122,7 +121,7 @@ export const Failed: Story = {
   },
 };
 
-export const WithDebuggingDisabled: Story = {
+export const NoDebugger: Story = {
   args: { controlStates: { ...SubnavStories.args.controlStates, debugger: false } },
 };
 
diff --git a/code/addons/interactions/src/components/InteractionsPanel.tsx b/code/addons/interactions/src/components/InteractionsPanel.tsx
index dee82be36ef4..71f8b83d882d 100644
--- a/code/addons/interactions/src/components/InteractionsPanel.tsx
+++ b/code/addons/interactions/src/components/InteractionsPanel.tsx
@@ -23,6 +23,7 @@ interface InteractionsPanelProps {
   interactions: (Call & {
     status?: CallStates;
     childCallIds: Call['id'][];
+    isHidden: boolean;
     isCollapsed: boolean;
     toggleCollapsed: () => void;
   })[];
@@ -118,6 +119,7 @@ export const InteractionsPanel: React.FC<InteractionsPanelProps> = React.memo(
               controls={controls}
               controlStates={controlStates}
               childCallIds={call.childCallIds}
+              isHidden={call.isHidden}
               isCollapsed={call.isCollapsed}
               toggleCollapsed={call.toggleCollapsed}
               pausedAt={pausedAt}
diff --git a/code/addons/interactions/src/components/List.tsx b/code/addons/interactions/src/components/List.tsx
index d2b365fdeb93..af6005e13a86 100644
--- a/code/addons/interactions/src/components/List.tsx
+++ b/code/addons/interactions/src/components/List.tsx
@@ -68,7 +68,7 @@ export const ListItem: React.FC<ListItemProps> = ({ item }) => {
       <Wrapper>
         <HeaderBar onClick={() => onToggle(!open)} role="button">
           <Icon
-            icon="chevrondown"
+            icon="arrowdown"
             color={convert(themes.light).appBorderColor}
             style={{
               transform: `rotate(${open ? 0 : -90}deg)`,
diff --git a/code/addons/interactions/src/components/MethodCall.stories.tsx b/code/addons/interactions/src/components/MethodCall.stories.tsx
index b65001b4e1cb..953a9e6adbb6 100644
--- a/code/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/code/addons/interactions/src/components/MethodCall.stories.tsx
@@ -57,6 +57,7 @@ export const Args = () => (
     />
     <Node value={{ __class__: { name: 'FooBar' } }} />
     <Node value={{ __function__: { name: 'goFaster' } }} />
+    <Node value={{ __function__: { name: '' } }} />
     <Node value={{ __element__: { localName: 'hr' } }} />
     <Node value={{ __element__: { localName: 'foo', prefix: 'x' } }} />
     <Node value={{ __element__: { localName: 'div', id: 'foo' } }} />
@@ -99,6 +100,7 @@ const calls: Call[] = [
   {
     cursor: 0,
     id: '1',
+    ancestors: [],
     path: ['screen'],
     method: 'getByText',
     storyId: 'kind--story',
@@ -109,6 +111,7 @@ const calls: Call[] = [
   {
     cursor: 1,
     id: '2',
+    ancestors: [],
     path: ['userEvent'],
     method: 'click',
     storyId: 'kind--story',
@@ -119,6 +122,7 @@ const calls: Call[] = [
   {
     cursor: 2,
     id: '3',
+    ancestors: [],
     path: [],
     method: 'expect',
     storyId: 'kind--story',
@@ -129,6 +133,7 @@ const calls: Call[] = [
   {
     cursor: 3,
     id: '4',
+    ancestors: [],
     path: [{ __callId__: '3' }, 'not'],
     method: 'toBe',
     storyId: 'kind--story',
@@ -139,6 +144,7 @@ const calls: Call[] = [
   {
     cursor: 4,
     id: '5',
+    ancestors: [],
     path: ['jest'],
     method: 'fn',
     storyId: 'kind--story',
@@ -149,6 +155,7 @@ const calls: Call[] = [
   {
     cursor: 5,
     id: '6',
+    ancestors: [],
     path: [],
     method: 'expect',
     storyId: 'kind--story',
@@ -159,6 +166,7 @@ const calls: Call[] = [
   {
     cursor: 6,
     id: '7',
+    ancestors: [],
     path: ['expect'],
     method: 'stringMatching',
     storyId: 'kind--story',
@@ -169,6 +177,7 @@ const calls: Call[] = [
   {
     cursor: 7,
     id: '8',
+    ancestors: [],
     path: [{ __callId__: '6' }, 'not'],
     method: 'toHaveBeenCalledWith',
     storyId: 'kind--story',
@@ -182,6 +191,17 @@ const calls: Call[] = [
     interceptable: false,
     retain: false,
   },
+  {
+    cursor: 8,
+    id: '9',
+    ancestors: [],
+    path: [],
+    method: 'step',
+    storyId: 'kind--story',
+    args: ['Custom step label', { __function__: { name: '' } }],
+    interceptable: true,
+    retain: false,
+  },
 ];
 
 const callsById = calls.reduce((acc, call) => {
@@ -189,6 +209,7 @@ const callsById = calls.reduce((acc, call) => {
   return acc;
 }, new Map<Call['id'], Call>());
 
+export const Step = () => <MethodCall call={callsById.get('9')} callsById={callsById} />;
 export const Simple = () => <MethodCall call={callsById.get('1')} callsById={callsById} />;
 export const Nested = () => <MethodCall call={callsById.get('2')} callsById={callsById} />;
 export const Chained = () => <MethodCall call={callsById.get('4')} callsById={callsById} />;
diff --git a/code/addons/interactions/src/components/MethodCall.tsx b/code/addons/interactions/src/components/MethodCall.tsx
index e9a98602e783..c5e62c0caf69 100644
--- a/code/addons/interactions/src/components/MethodCall.tsx
+++ b/code/addons/interactions/src/components/MethodCall.tsx
@@ -383,6 +383,22 @@ export const OtherNode = ({ value }: { value: any }) => {
   return <span style={{ color: colors.meta }}>{stringify(value)}</span>;
 };
 
+export const StepNode = ({ label }: { label: string }) => {
+  const colors = useThemeColors();
+  const { typography } = useTheme();
+  return (
+    <span
+      style={{
+        color: colors.base,
+        fontFamily: typography.fonts.base,
+        fontSize: typography.size.s2 - 1,
+      }}
+    >
+      {label}
+    </span>
+  );
+};
+
 export const MethodCall = ({
   call,
   callsById,
@@ -393,7 +409,9 @@ export const MethodCall = ({
   // Call might be undefined during initial render, can be safely ignored.
   if (!call) return null;
 
-  const colors = useThemeColors();
+  if (call.method === 'step' && call.path.length === 0) {
+    return <StepNode label={call.args[0]} />;
+  }
 
   const path = call.path.flatMap((elem, index) => {
     // eslint-disable-next-line no-underscore-dangle
@@ -416,6 +434,7 @@ export const MethodCall = ({
       : [node];
   });
 
+  const colors = useThemeColors();
   return (
     <>
       <span style={{ color: colors.base }}>{path}</span>
diff --git a/code/addons/interactions/src/components/StatusIcon.tsx b/code/addons/interactions/src/components/StatusIcon.tsx
index 6a3f6d629f14..b223a3960521 100644
--- a/code/addons/interactions/src/components/StatusIcon.tsx
+++ b/code/addons/interactions/src/components/StatusIcon.tsx
@@ -6,8 +6,10 @@ import { styled } from '@storybook/theming';
 import { transparentize } from 'polished';
 import localTheme from '../theme';
 
-export interface StatusIconProps extends IconsProps {
+export interface StatusIconProps {
   status: Call['status'];
+  useSymbol?: IconsProps['useSymbol'];
+  className?: string;
 }
 
 const {
diff --git a/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx
new file mode 100644
index 000000000000..4c97235008e3
--- /dev/null
+++ b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.mdx
@@ -0,0 +1,31 @@
+import { Meta, Canvas, Story } from '@storybook/addon-docs';
+import { expect } from '@storybook/jest';
+import { within, waitFor, fireEvent, userEvent, screen } from '@storybook/testing-library';
+
+import { AccountForm } from './AccountFormInteractions';
+
+<Meta
+  title="Addons/Interactions/Examples/AccountForm MDX"
+  component={AccountForm}
+  parameters={{ layout: 'centered', theme: 'light' }}
+  argTypes={{
+    onSubmit: { action: true },
+  }}
+/>
+
+## AccountForm
+
+<Canvas>
+  <Story
+    name="StandardEmailFilled"
+    args={{
+      passwordVerification: false,
+    }}
+    play={async ({ args }) => {
+      await userEvent.type(screen.getByTestId('email'), 'username@email.com');
+      await userEvent.type(screen.getByTestId('password1'), 'thepassword');
+      await userEvent.click(screen.getByRole('button', { name: /create account/i }));
+      await expect(args.onSubmit).not.toHaveBeenCalled();
+    }}
+  />
+</Canvas>
diff --git a/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
new file mode 100644
index 000000000000..34f84115113c
--- /dev/null
+++ b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.stories.tsx
@@ -0,0 +1,162 @@
+/* eslint-disable jest/no-standalone-expect */
+import { Meta, ComponentStoryObj } from '@storybook/react';
+import { expect } from '@storybook/jest';
+import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
+
+import { AccountForm } from './AccountFormInteractions';
+
+export default {
+  title: 'Addons/Interactions/Examples/AccountForm',
+  component: AccountForm,
+  parameters: {
+    layout: 'centered',
+    theme: 'light',
+    options: { selectedPanel: 'storybook/interactions/panel' },
+  },
+  argTypes: {
+    onSubmit: { action: true },
+  },
+} as Meta;
+
+type CSF3Story = ComponentStoryObj<typeof AccountForm>;
+
+export const Standard: CSF3Story = {
+  args: { passwordVerification: false },
+};
+
+export const StandardEmailFilled = {
+  ...Standard,
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement);
+
+    await step('Enter email', async () => {
+      await fireEvent.change(canvas.getByTestId('email'), {
+        target: { value: 'michael@chromatic.com' },
+      });
+    });
+  },
+};
+
+export const StandardEmailFailed = {
+  ...Standard,
+  play: async ({ args, canvasElement, step }) => {
+    const canvas = within(canvasElement);
+
+    await step('Enter email and password', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
+      await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
+    });
+
+    await canvas.findByText('Please enter a correctly formatted email address');
+    await expect(args.onSubmit).not.toHaveBeenCalled();
+  },
+};
+
+export const StandardEmailSuccess = {
+  ...Standard,
+  play: async ({ args, canvasElement, step }) => {
+    const canvas = within(canvasElement);
+
+    await step('Enter email and password', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
+      await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
+
+    await waitFor(async () => {
+      await expect(args.onSubmit).toHaveBeenCalledTimes(1);
+      await expect(args.onSubmit).toHaveBeenCalledWith({
+        email: 'michael@chromatic.com',
+        password: 'testpasswordthatwontfail',
+      });
+    });
+  },
+};
+
+export const StandardPasswordFailed = {
+  ...Standard,
+  play: async (context) => {
+    const canvas = within(context.canvasElement);
+    await StandardEmailFilled.play(context);
+
+    await context.step('Enter password', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdf');
+    });
+
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
+  },
+};
+
+export const StandardFailHover = {
+  ...StandardPasswordFailed,
+  play: async (context) => {
+    const canvas = within(context.canvasElement);
+    await StandardPasswordFailed.play(context);
+    await waitFor(async () => {
+      await userEvent.hover(canvas.getByTestId('password-error-info'));
+    });
+  },
+};
+
+export const Verification = {
+  args: { passwordVerification: true },
+  argTypes: { onSubmit: { action: 'clicked' } },
+};
+
+export const VerificationPassword = {
+  ...Verification,
+  play: async (context) => {
+    const canvas = within(context.canvasElement);
+    await StandardEmailFilled.play(context);
+    await context.step('Enter password', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+    });
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
+  },
+};
+
+export const VerificationPasswordMismatch = {
+  ...Verification,
+  play: async (context) => {
+    const canvas = within(context.canvasElement);
+    await StandardEmailFilled.play(context);
+    await context.step('Enter passwords', async () => {
+      await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
+      await userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
+    });
+    await context.step('Submit form', async () => {
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
+  },
+};
+
+export const VerificationSuccess = {
+  ...Verification,
+  play: async (context) => {
+    const canvas = within(context.canvasElement);
+    await StandardEmailFilled.play(context);
+
+    await context.step('Enter passwords', async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.type(canvas.getByTestId('password1'), 'helloyou', { delay: 50 });
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.type(canvas.getByTestId('password2'), 'helloyou', { delay: 50 });
+    });
+
+    await context.step('Submit form', async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await userEvent.click(canvas.getByTestId('submit'));
+    });
+  },
+};
diff --git a/code/addons/interactions/src/components/AccountForm/AccountForm.tsx b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.tsx
similarity index 99%
rename from code/addons/interactions/src/components/AccountForm/AccountForm.tsx
rename to code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.tsx
index 683f711178e7..1e40d5bacb82 100644
--- a/code/addons/interactions/src/components/AccountForm/AccountForm.tsx
+++ b/code/addons/interactions/src/examples/AccountFormInteractions/AccountFormInteractions.tsx
@@ -490,7 +490,7 @@ const ErrorIcon = styled(Icons)(({ theme }) => ({
   opacity: 0.8,
   marginRight: 6,
   marginLeft: 2,
-  marginTop: 1,
+  marginTop: 4,
 }));
 
 const ErrorTooltip = styled.div(({ theme }) => ({
diff --git a/code/addons/interactions/src/examples/Examples.stories.tsx b/code/addons/interactions/src/examples/Examples.stories.tsx
new file mode 100644
index 000000000000..d16c086e61ee
--- /dev/null
+++ b/code/addons/interactions/src/examples/Examples.stories.tsx
@@ -0,0 +1,126 @@
+/* eslint-disable jest/no-standalone-expect */
+import { Story, Meta } from '@storybook/react';
+import { expect } from '@storybook/jest';
+import { within, waitFor, userEvent, waitForElementToBeRemoved } from '@storybook/testing-library';
+import React from 'react';
+
+export default {
+  title: 'Addons/Interactions/Examples',
+  parameters: {
+    layout: 'centered',
+    theme: 'light',
+    options: { selectedPanel: 'storybook/interactions/panel' },
+  },
+  argTypes: {
+    onSubmit: { action: true },
+  },
+} as Meta;
+
+export const Assertions: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => onSubmit('clicked')}>
+    Click
+  </button>
+);
+Assertions.play = async ({ args, canvasElement }) => {
+  await userEvent.click(within(canvasElement).getByRole('button'));
+  await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+  await expect([{ name: 'John', age: 42 }]).toEqual(
+    expect.arrayContaining([
+      expect.objectContaining({ name: 'John' }),
+      expect.objectContaining({ age: 42 }),
+    ])
+  );
+};
+
+export const FindBy: Story = () => {
+  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: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => setTimeout(() => onSubmit('clicked'), 100)}>
+    Click
+  </button>
+);
+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);
+  });
+};
+
+export const WaitForElementToBeRemoved: Story = () => {
+  const [isLoading, setIsLoading] = React.useState(true);
+  React.useEffect(() => {
+    setTimeout(() => setIsLoading(false), 1500);
+  }, []);
+  return isLoading ? <div>Loading...</div> : <button type="button">Loaded!</button>;
+};
+WaitForElementToBeRemoved.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  await waitForElementToBeRemoved(await canvas.findByText('Loading...'), { timeout: 2000 });
+  const button = await canvas.findByText('Loaded!');
+  await expect(button).not.toBeNull();
+};
+
+export const WithLoaders: Story = ({ onSubmit }, { loaded: { todo } }) => {
+  return (
+    <button type="button" onClick={onSubmit(todo.title)}>
+      Todo: {todo.title}
+    </button>
+  );
+};
+WithLoaders.loaders = [
+  async () => {
+    // long fake timeout
+    await new Promise((resolve) => setTimeout(resolve, 2000));
+
+    return {
+      todo: {
+        userId: 1,
+        id: 1,
+        title: 'delectus aut autem',
+        completed: false,
+      },
+    };
+  },
+];
+WithLoaders.play = async ({ args, canvasElement }) => {
+  const canvas = within(canvasElement);
+  const todoItem = await canvas.findByText('Todo: delectus aut autem');
+  await userEvent.click(todoItem);
+  await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
+};
+
+export const WithSteps: Story = ({ onSubmit }) => (
+  <button type="button" onClick={() => onSubmit('clicked')}>
+    Click
+  </button>
+);
+WithSteps.play = async ({ args, canvasElement, step }) => {
+  await step('Click button', async () => {
+    await userEvent.click(within(canvasElement).getByRole('button'));
+
+    await step('Verify submit', async () => {
+      await expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
+    });
+
+    await step('Verify result', async () => {
+      await expect([{ name: 'John', age: 42 }]).toEqual(
+        expect.arrayContaining([
+          expect.objectContaining({ name: 'John' }),
+          expect.objectContaining({ age: 42 }),
+        ])
+      );
+    });
+  });
+};
diff --git a/code/addons/interactions/src/mocks/index.ts b/code/addons/interactions/src/mocks/index.ts
index d42507545332..14066c7a0149 100644
--- a/code/addons/interactions/src/mocks/index.ts
+++ b/code/addons/interactions/src/mocks/index.ts
@@ -3,9 +3,22 @@ import { CallStates, Call } from '@storybook/instrumenter';
 export const getCalls = (finalStatus: CallStates) => {
   const calls: Call[] = [
     {
-      id: 'story--id [3] within',
+      id: 'story--id [3] step',
+      storyId: 'story--id',
+      cursor: 1,
+      ancestors: [],
+      path: [],
+      method: 'step',
+      args: ['Click button', { __function__: { name: '' } }],
+      interceptable: true,
+      retain: false,
+      status: CallStates.DONE,
+    },
+    {
+      id: 'story--id [3] step [1] within',
       storyId: 'story--id',
       cursor: 3,
+      ancestors: ['story--id [3] step'],
       path: [],
       method: 'within',
       args: [{ __element__: { localName: 'div', id: 'root' } }],
@@ -14,10 +27,11 @@ export const getCalls = (finalStatus: CallStates) => {
       status: CallStates.DONE,
     },
     {
-      id: 'story--id [4] findByText',
+      id: 'story--id [3] step [2] findByText',
       storyId: 'story--id',
       cursor: 4,
-      path: [{ __callId__: 'story--id [3] within' }],
+      ancestors: ['story--id [3] step'],
+      path: [{ __callId__: 'story--id [3] step [1] within' }],
       method: 'findByText',
       args: ['Click'],
       interceptable: true,
@@ -25,9 +39,10 @@ export const getCalls = (finalStatus: CallStates) => {
       status: CallStates.DONE,
     },
     {
-      id: 'story--id [5] click',
+      id: 'story--id [3] step [3] click',
       storyId: 'story--id',
       cursor: 5,
+      ancestors: ['story--id [3] step'],
       path: ['userEvent'],
       method: 'click',
       args: [{ __element__: { localName: 'button', innerText: 'Click' } }],
@@ -39,6 +54,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 6,
+      ancestors: [],
       path: [],
       method: 'waitFor',
       args: [{ __function__: { name: '' } }],
@@ -48,9 +64,9 @@ export const getCalls = (finalStatus: CallStates) => {
     },
     {
       id: 'story--id [6] waitFor [0] expect',
-      parentId: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 1,
+      ancestors: ['story--id [6] waitFor'],
       path: [],
       method: 'expect',
       args: [{ __function__: { name: 'handleSubmit' } }],
@@ -60,9 +76,9 @@ export const getCalls = (finalStatus: CallStates) => {
     },
     {
       id: 'story--id [6] waitFor [1] stringMatching',
-      parentId: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 2,
+      ancestors: ['story--id [6] waitFor'],
       path: ['expect'],
       method: 'stringMatching',
       args: [{ __regexp__: { flags: 'gi', source: '([A-Z])w+' } }],
@@ -72,9 +88,9 @@ export const getCalls = (finalStatus: CallStates) => {
     },
     {
       id: 'story--id [6] waitFor [2] toHaveBeenCalledWith',
-      parentId: 'story--id [6] waitFor',
       storyId: 'story--id',
       cursor: 3,
+      ancestors: ['story--id [6] waitFor'],
       path: [{ __callId__: 'story--id [6] waitFor [0] expect' }],
       method: 'toHaveBeenCalledWith',
       args: [{ __callId__: 'story--id [6] waitFor [1] stringMatching', retain: false }],
@@ -86,6 +102,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [7] expect',
       storyId: 'story--id',
       cursor: 7,
+      ancestors: [],
       path: [],
       method: 'expect',
       args: [{ __function__: { name: 'handleReset' } }],
@@ -97,6 +114,7 @@ export const getCalls = (finalStatus: CallStates) => {
       id: 'story--id [8] toHaveBeenCalled',
       storyId: 'story--id',
       cursor: 8,
+      ancestors: [],
       path: [{ __callId__: 'story--id [7] expect' }, 'not'],
       method: 'toHaveBeenCalled',
       args: [],
@@ -121,9 +139,4 @@ export const getCalls = (finalStatus: CallStates) => {
 export const getInteractions = (finalStatus: CallStates) =>
   getCalls(finalStatus)
     .filter((call) => call.interceptable)
-    .map((call, _, calls) => ({
-      ...call,
-      childCallIds: calls.filter((c) => c.parentId === call.id).map((c) => c.id),
-      isCollapsed: false,
-      toggleCollapsed: () => {},
-    }));
+    .map((call) => ({ ...call, childCallIds: [], isCollapsed: false, toggleCollapsed: () => {} }));
diff --git a/code/addons/interactions/src/preset/preview.ts b/code/addons/interactions/src/preset/preview.ts
index 662b4f4e5af2..41eadcf626f5 100644
--- a/code/addons/interactions/src/preset/preview.ts
+++ b/code/addons/interactions/src/preset/preview.ts
@@ -1,6 +1,12 @@
 import { addons } from '@storybook/addons';
 import { FORCE_REMOUNT, STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
-import type { AnyFramework, ArgsEnhancer } from '@storybook/csf';
+import type {
+  AnyFramework,
+  ArgsEnhancer,
+  PlayFunction,
+  PlayFunctionContext,
+  StepLabel,
+} from '@storybook/csf';
 import { instrument } from '@storybook/instrumenter';
 import { ModuleMocker } from 'jest-mock';
 
@@ -48,3 +54,8 @@ const addActionsFromArgTypes: ArgsEnhancer<AnyFramework> = ({ id, initialArgs })
   addSpies(id, initialArgs);
 
 export const argsEnhancers = [addActionsFromArgTypes];
+
+export const { step: runStep } = instrument(
+  { step: (label: StepLabel, play: PlayFunction, context: PlayFunctionContext) => play(context) },
+  { intercept: true }
+);
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index c0c7ee2b8d84..0c97d98fffd7 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -38,7 +38,7 @@
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -56,16 +56,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react-sizeme": "^3.0.1",
     "upath": "^1.2.0"
@@ -95,7 +94,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Jest",
     "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/jest/src/components/Result.tsx b/code/addons/jest/src/components/Result.tsx
index 1a82ed14b16e..3a53fad6b21c 100644
--- a/code/addons/jest/src/components/Result.tsx
+++ b/code/addons/jest/src/components/Result.tsx
@@ -65,7 +65,7 @@ export function Result(props: ResultProps) {
         <HeaderBar onClick={onToggle} role="button" status={status}>
           {status === `failed` ? (
             <Icon
-              icon="chevrondown"
+              icon="arrowdown"
               color={convert(themes.light).color.mediumdark}
               style={{
                 transform: `rotate(${isOpen ? 0 : -90}deg)`,
diff --git a/code/addons/jest/src/shared.test.ts b/code/addons/jest/src/shared.test.ts
index db9ab09050c4..e051f4563f61 100644
--- a/code/addons/jest/src/shared.test.ts
+++ b/code/addons/jest/src/shared.test.ts
@@ -27,7 +27,7 @@ describe('defineJestParameter', () => {
   });
 
   test('returns null if filename is a module ID that cannot be inferred from', () => {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     expect(defineJestParameter({ fileName: 1234 })).toBeNull();
   });
 });
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index fb31fc388676..beb804d1ca01 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -42,7 +42,7 @@
       "import": "./dist/react/index.mjs",
       "types": "./dist/react.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -60,15 +60,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/router": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "ts-dedent": "^2.0.0"
@@ -99,7 +98,7 @@
       "./src/react/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/links/src/react/components/link.test.tsx b/code/addons/links/src/react/components/link.test.tsx
index b2e75887549b..4d79589adbd0 100644
--- a/code/addons/links/src/react/components/link.test.tsx
+++ b/code/addons/links/src/react/components/link.test.tsx
@@ -14,7 +14,7 @@ jest.mock('global', () => ({
       search: 'search',
     },
   },
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   window: global,
   __STORYBOOK_STORY_STORE__: {
     getSelection: jest.fn(() => ({ id: 1 })),
diff --git a/code/addons/links/src/utils.test.ts b/code/addons/links/src/utils.test.ts
index fb2126018bf6..26bdb4b2a832 100644
--- a/code/addons/links/src/utils.test.ts
+++ b/code/addons/links/src/utils.test.ts
@@ -5,9 +5,9 @@ import { linkTo, hrefTo } from './utils';
 
 jest.mock('@storybook/addons');
 jest.mock('global', () => ({
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   document: global.document,
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   window: global,
 }));
 
diff --git a/code/addons/links/src/utils.ts b/code/addons/links/src/utils.ts
index 8b4adef0bf38..be551a896451 100644
--- a/code/addons/links/src/utils.ts
+++ b/code/addons/links/src/utils.ts
@@ -36,9 +36,9 @@ export const hrefTo = (title: ComponentTitle, name: StoryName): Promise<string>
   return new Promise((resolve) => {
     const { location } = document;
     const query = parseQuery(location.search);
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     const existingId = [].concat(query.id)[0];
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     const titleToLink = title || existingId.split('--', 2)[0];
     const id = toId(titleToLink, name);
     const url = `${location.origin + location.pathname}?${Object.entries({ ...query, id })
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 411dc55dfdc3..8bb45d78a85b 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -40,7 +40,7 @@
       "import": "./dist/preview.mjs",
       "types": "./dist/preview.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -58,16 +58,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
   "devDependencies": {
@@ -95,7 +94,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Measure",
     "unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 9d1439bc76b5..42c951e590e0 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -43,7 +43,7 @@
       "import": "./dist/preset/preview.mjs",
       "types": "./dist/preview.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -61,16 +61,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "core-js": "^3.8.2",
     "global": "^4.4.0",
     "ts-dedent": "^2.0.0"
   },
@@ -99,7 +98,7 @@
       "./src/preset/preview.tsx"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Outline",
     "unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index be87c4940c30..2ff27afe426c 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -33,17 +33,17 @@
   "scripts": {
     "build-storybook": "sb build",
     "example": "jest storyshot.test",
-    "prepare": "node ../../../../scripts/prepare.js",
+    "prep": "node ../../../../scripts/prepare.js",
     "storybook": "yarn sb dev -p 6006"
   },
   "dependencies": {
     "@jest/transform": "^26.6.2",
-    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
@@ -62,11 +62,11 @@
     "@angular/core": "^13.3.6",
     "@angular/platform-browser-dynamic": "^13.3.6",
     "@emotion/jest": "^11.8.0",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/angular": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/vue": "7.0.0-alpha.20",
-    "@storybook/vue3": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/angular": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/vue": "7.0.0-alpha.31",
+    "@storybook/vue3": "7.0.0-alpha.31",
     "babel-loader": "^8.2.5",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Storyshots",
     "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts b/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts
index 25adf62c8343..c5e01ed7afe6 100644
--- a/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts
+++ b/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts
@@ -25,7 +25,6 @@ function getIntegrityOptions({ integrityOptions }: StoryshotsOptions) {
   };
 }
 
-// @ts-ignore
 function ensureOptionsDefaults(options: StoryshotsOptions) {
   const {
     suite = 'Storyshots',
diff --git a/code/addons/storyshots/storyshots-core/src/api/integrityTestTemplate.ts b/code/addons/storyshots/storyshots-core/src/api/integrityTestTemplate.ts
index d2b13d5e9589..b4fb63b582ff 100644
--- a/code/addons/storyshots/storyshots-core/src/api/integrityTestTemplate.ts
+++ b/code/addons/storyshots/storyshots-core/src/api/integrityTestTemplate.ts
@@ -52,7 +52,7 @@ function integrityTest(integrityOptions: any, stories2snapsConverter: any) {
       const snapshotExtension = stories2snapsConverter.getSnapshotExtension();
       const storyshots = glob.sync(`**/*${snapshotExtension}`, integrityOptions);
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       expect(storyshots).notToBeAbandoned(stories2snapsConverter);
     });
   });
diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
index 20ce598c423c..101f2e97735f 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
@@ -15,6 +15,7 @@ export interface ClientApi<TFramework extends AnyFramework>
   setAddon: ClientApiClass<TFramework>['setAddon'];
   addArgsEnhancer: ClientApiClass<TFramework>['addArgsEnhancer'];
   addArgTypesEnhancer: ClientApiClass<TFramework>['addArgTypesEnhancer'];
+  addStepRunner: ClientApiClass<TFramework>['addStepRunner'];
   raw: ClientApiClass<TFramework>['raw'];
 }
 
diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts b/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts
index 670ecdfd63e6..ad64cdd91d69 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/configure.ts
@@ -113,8 +113,15 @@ function configure<TFramework extends AnyFramework>(
 
   if (preview) {
     // This is essentially the same code as lib/core/src/server/preview/virtualModuleEntry.template
-    const { parameters, decorators, globals, globalTypes, argsEnhancers, argTypesEnhancers } =
-      jest.requireActual(preview);
+    const {
+      parameters,
+      decorators,
+      globals,
+      globalTypes,
+      argsEnhancers,
+      argTypesEnhancers,
+      runStep,
+    } = jest.requireActual(preview);
 
     if (decorators) {
       decorators.forEach((decorator: DecoratorFunction<TFramework>) =>
@@ -124,6 +131,9 @@ function configure<TFramework extends AnyFramework>(
     if (parameters || globals || globalTypes) {
       storybook.addParameters({ ...parameters, globals, globalTypes });
     }
+    if (runStep) {
+      storybook.addStepRunner(runStep);
+    }
     if (argsEnhancers) {
       argsEnhancers.forEach((enhancer: ArgsEnhancer<TFramework>) =>
         storybook.addArgsEnhancer(enhancer as any)
diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/riot/renderTree.ts b/code/addons/storyshots/storyshots-core/src/frameworks/riot/renderTree.ts
index e44e181e241c..c4f1ce24419d 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/riot/renderTree.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/riot/renderTree.ts
@@ -6,7 +6,7 @@ const riotForStorybook = jest.requireActual('@storybook/riot');
 
 function bootstrapADocumentAndReturnANode() {
   const rootElement = document.createElement('div');
-  rootElement.id = 'root';
+  rootElement.id = 'storybook-root';
   document.body = document.createElement('body');
   document.body.appendChild(rootElement);
   return rootElement;
diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/svelte/renderTree.ts b/code/addons/storyshots/storyshots-core/src/frameworks/svelte/renderTree.ts
index cb073cd8287d..f1bfb62a3794 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/svelte/renderTree.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/svelte/renderTree.ts
@@ -1,6 +1,5 @@
 /* eslint-disable camelcase */
 import global from 'global';
-// @ts-ignore
 import { set_current_component } from 'svelte/internal';
 
 const { document } = global;
diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts b/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts
index edc7fe643ee5..ac1f225ad7f9 100644
--- a/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts
+++ b/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts
@@ -1,4 +1,3 @@
-// @ts-ignore
 import Vue from 'vue';
 
 // this is defined in @storybook/vue but not exported,
@@ -14,7 +13,7 @@ function getRenderedTree(story: any) {
     },
   });
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   vm[VALUES] = story.initialArgs;
 
   return vm.$mount().$el;
diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js b/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js
index 222fac0b19ca..5544d92516f8 100644
--- a/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js
+++ b/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js
@@ -1,6 +1,5 @@
 import React from 'react';
 
-import { action } from '@storybook/addon-actions';
 import { Button } from '../react-demo';
 
 export default {
@@ -11,10 +10,10 @@ export default {
   },
 };
 
-export const WithText = () => <Button onClick={action('clicked')}>Hello Button</Button>;
+export const WithText = () => <Button>Hello Button</Button>;
 
 export const WithSomeEmoji = () => (
-  <Button onClick={action('clicked')}>
+  <Button>
     <span role="img" aria-label="so cool">
       😀 😎 👍 💯
     </span>
diff --git a/code/addons/storyshots/storyshots-puppeteer/README.md b/code/addons/storyshots/storyshots-puppeteer/README.md
index b9e4567ab045..d2b95602d6db 100644
--- a/code/addons/storyshots/storyshots-puppeteer/README.md
+++ b/code/addons/storyshots/storyshots-puppeteer/README.md
@@ -333,7 +333,7 @@ To create a screenshot of just a single element (with its children), rather than
 import initStoryshots from '@storybook/addon-storyshots';
 import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
 
-const beforeScreenshot = (page) => page.$('#root > *');
+const beforeScreenshot = (page) => page.$('#storybook-root > *');
 
 initStoryshots({
   suite: 'Image storyshots',
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 863c93e7de2f..8e04b3e4442d 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
@@ -30,14 +30,13 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../../../scripts/prepare.js"
+    "prep": "node ../../../../scripts/prepare.js"
   },
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@types/jest-image-snapshot": "^4.1.3",
-    "core-js": "^3.8.2",
     "jest-image-snapshot": "^4.3.0"
   },
   "devDependencies": {
@@ -45,7 +44,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
@@ -56,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/addons/storyshots/storyshots-puppeteer/src/axeTest.ts b/code/addons/storyshots/storyshots-puppeteer/src/axeTest.ts
index 21548a4a0e0a..987a72da8e9a 100644
--- a/code/addons/storyshots/storyshots-puppeteer/src/axeTest.ts
+++ b/code/addons/storyshots/storyshots-puppeteer/src/axeTest.ts
@@ -10,7 +10,7 @@ export const axeTest = (customConfig: Partial<AxeConfig> = {}) => {
     ...extendedConfig,
     async testBody(page, testOptions) {
       const {
-        element = '#root',
+        element = '#storybook-root',
         exclude,
         disabledRules,
         options,
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index e1379adad8b4..d8dd685caf0e 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -32,17 +32,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/router": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/router": "7.0.0-alpha.31",
+    "@storybook/source-loader": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
     "react-syntax-highlighter": "^15.5.0"
@@ -67,7 +66,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Storysource",
     "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index c248b9c5f4ee..9b44dce4eb88 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -36,7 +36,7 @@
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
     },
-    "./register.js": {
+    "./register": {
       "require": "./dist/manager.js",
       "import": "./dist/manager.mjs",
       "types": "./dist/manager.d.ts"
@@ -54,15 +54,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2"
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
@@ -89,7 +88,7 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Toolbars",
     "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/toolbars/src/components/ToolbarMenuButton.tsx b/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
index 038985bac859..abeefe06cdf6 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
@@ -4,7 +4,7 @@ import { Icons, IconButton, IconsProps } from '@storybook/components';
 interface ToolbarMenuButtonProps {
   active: boolean;
   title: string;
-  icon: IconsProps['icon'] | '';
+  icon?: IconsProps['icon'];
   description: string;
   onClick?: () => void;
 }
diff --git a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
index 5107df73a06c..e80b2897068a 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
@@ -26,7 +26,7 @@ export const ToolbarMenuListItem = ({
   onClick,
   currentValue,
 }: ToolbarMenuListItemProps) => {
-  const Icon = <Icons style={{ opacity: 1 }} icon={icon} />;
+  const Icon = icon && <Icons style={{ opacity: 1 }} icon={icon} />;
   const hasContent = left || right || title;
 
   const Item: ListItem = {
diff --git a/code/addons/toolbars/src/types.ts b/code/addons/toolbars/src/types.ts
index 078e007e6220..4b6d18aa54d3 100644
--- a/code/addons/toolbars/src/types.ts
+++ b/code/addons/toolbars/src/types.ts
@@ -26,7 +26,7 @@ export interface NormalizedToolbarConfig {
   /** The label to show for this toolbar item */
   title?: string;
   /** Choose an icon to show for this toolbar item */
-  icon?: IconsProps['icon'];
+  icon: IconsProps['icon'];
   /** Set to true to prevent default update of icon to match any present selected items icon */
   preventDynamicIcon?: boolean;
   items: ToolbarItem[];
diff --git a/code/addons/viewport/manager.js b/code/addons/viewport/manager.js
index 4e287d25b151..8a2eae4ffce1 100644
--- a/code/addons/viewport/manager.js
+++ b/code/addons/viewport/manager.js
@@ -1 +1 @@
-import './dist/esm/manager';
+import './dist/manager';
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 26e8fc700623..efa4f97786db 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -22,9 +22,32 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/preview.js",
-  "module": "dist/esm/preview.js",
-  "types": "dist/types/preview.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./manager": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/preview.ts",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.d.ts"
+    },
+    "./register": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -33,16 +56,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
     "prop-types": "^15.7.2"
@@ -65,7 +87,15 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4",
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/models/index.ts",
+      "./src/manager.tsx",
+      "./src/preview.ts"
+    ]
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f",
   "storybook": {
     "displayName": "Viewport",
     "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/addons/viewport/src/index.ts b/code/addons/viewport/src/index.ts
new file mode 100644
index 000000000000..341f696ad7b5
--- /dev/null
+++ b/code/addons/viewport/src/index.ts
@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './defaults';
+export * from './shortcuts';
diff --git a/code/addons/viewport/template/stories/parameters.stories.ts b/code/addons/viewport/template/stories/parameters.stories.ts
new file mode 100644
index 000000000000..218395d09ff0
--- /dev/null
+++ b/code/addons/viewport/template/stories/parameters.stories.ts
@@ -0,0 +1,50 @@
+import globalThis from 'global';
+import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    viewport: {
+      viewports: MINIMAL_VIEWPORTS,
+    },
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {
+  parameters: {},
+};
+
+export const Selected = {
+  parameters: {
+    viewport: {
+      defaultViewport: Object.keys(MINIMAL_VIEWPORTS)[0],
+    },
+  },
+};
+
+export const Custom = {
+  parameters: {
+    viewport: {
+      viewports: {
+        phone: {
+          name: 'Phone Width',
+          styles: {
+            height: '600px',
+            width: '100vh',
+          },
+          type: 'mobile',
+        },
+      },
+    },
+  },
+};
+
+export const Disabled = {
+  parameters: {
+    viewport: { disable: true },
+  },
+};
diff --git a/code/cypress/helper.ts b/code/cypress/helper.ts
index 2622eb0eb1f0..9da3864a6cb8 100644
--- a/code/cypress/helper.ts
+++ b/code/cypress/helper.ts
@@ -20,7 +20,7 @@ export const visit = (route = '') => {
       expect(element).not.null;
 
       if (element !== null) {
-        expect(element.querySelector('#root > *, #docs-root > *')).not.null;
+        expect(element.querySelector('#storybook-root > *, #storybook-docs > *')).not.null;
       }
     });
   });
@@ -41,11 +41,11 @@ export const getStorybookPreview = () => {
         expect(element).not.null;
 
         if (element !== null) {
-          expect(element.querySelector('#root > *')).not.null;
+          expect(element.querySelector('#storybook-root > *')).not.null;
         }
       })
       .then(() => {
-        return cy.wrap(element).get('#root');
+        return cy.wrap(element).get('#storybook-root');
       });
   });
 };
diff --git a/code/cypress/support/commands.js b/code/cypress/support/commands.js
index c96cb7e853ea..376013794398 100644
--- a/code/cypress/support/commands.js
+++ b/code/cypress/support/commands.js
@@ -46,7 +46,7 @@ Cypress.Commands.add('visitStorybook', () => {
     .its('0.contentDocument.body', { log: false })
     .should('not.be.empty')
     .then((body) => cy.wrap(body, { log: false }))
-    .find('#docs-root', { log: false })
+    .find('#storybook-docs', { log: false })
     .should('not.be.empty');
 });
 
@@ -57,7 +57,7 @@ Cypress.Commands.add('getStoryElement', {}, () => {
     .its('0.contentDocument.body', { log: false })
     .should('not.be.empty')
     .then((body) => cy.wrap(body, { log: false }))
-    .find('#root', { log: false })
+    .find('#storybook-root', { log: false })
     .should('not.be.empty')
     .then((storyRoot) => cy.wrap(storyRoot, { log: false }));
 });
@@ -69,7 +69,7 @@ Cypress.Commands.add('getDocsElement', {}, () => {
     .its('0.contentDocument.body', { log: false })
     .should('not.be.empty')
     .then((body) => cy.wrap(body, { log: false }))
-    .find('#docs-root', { log: false })
+    .find('#storybook-docs', { log: false })
     .should('not.be.empty')
     .then((storyRoot) => cy.wrap(storyRoot, { log: false }));
 });
diff --git a/code/e2e-tests/addon-actions.spec.ts b/code/e2e-tests/addon-actions.spec.ts
index efdfa76ce324..70b1de7357f6 100644
--- a/code/e2e-tests/addon-actions.spec.ts
+++ b/code/e2e-tests/addon-actions.spec.ts
@@ -7,6 +7,7 @@ const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
 test.describe('addon-actions', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto(storybookUrl);
+    await new SbPage(page).waitUntilLoaded();
   });
 
   test('should trigger an action', async ({ page }) => {
diff --git a/code/e2e-tests/addon-backgrounds.spec.ts b/code/e2e-tests/addon-backgrounds.spec.ts
index 3cb70f8031a2..f43c4b7c4021 100644
--- a/code/e2e-tests/addon-backgrounds.spec.ts
+++ b/code/e2e-tests/addon-backgrounds.spec.ts
@@ -7,6 +7,7 @@ const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
 test.describe('addon-backgrounds', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto(storybookUrl);
+    await new SbPage(page).waitUntilLoaded();
   });
 
   test('should have a dark background', async ({ page }) => {
diff --git a/code/e2e-tests/addon-controls.spec.ts b/code/e2e-tests/addon-controls.spec.ts
index a49f7cbeb489..df032a81ecaa 100644
--- a/code/e2e-tests/addon-controls.spec.ts
+++ b/code/e2e-tests/addon-controls.spec.ts
@@ -8,6 +8,7 @@ test.describe('addon-controls', () => {
   test('should change component when changing controls', async ({ page }) => {
     await page.goto(storybookUrl);
     const sbPage = new SbPage(page);
+    await sbPage.waitUntilLoaded();
 
     await sbPage.navigateToStory('example-button', 'primary');
     await sbPage.viewAddonPanel('Controls');
@@ -62,6 +63,7 @@ test.describe('addon-controls', () => {
     await page.goto(`${storybookUrl}?path=/story/example-button--primary&args=label:Hello+world`);
 
     const sbPage = new SbPage(page);
+    await sbPage.waitUntilLoaded();
     await expect(sbPage.previewRoot().locator('button')).toContainText('Hello world');
 
     await sbPage.viewAddonPanel('Controls');
diff --git a/code/e2e-tests/addon-docs.spec.ts b/code/e2e-tests/addon-docs.spec.ts
index 2be60673da1b..cf6c444b54a0 100644
--- a/code/e2e-tests/addon-docs.spec.ts
+++ b/code/e2e-tests/addon-docs.spec.ts
@@ -10,6 +10,7 @@ const templateName = process.env.STORYBOOK_TEMPLATE_NAME || '';
 test.describe('addon-docs', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto(storybookUrl);
+    await new SbPage(page).waitUntilLoaded();
   });
 
   test('should provide source snippet', async ({ page }) => {
diff --git a/code/e2e-tests/addon-interactions.spec.ts b/code/e2e-tests/addon-interactions.spec.ts
index 52a517ce6790..f22fd913aeb9 100644
--- a/code/e2e-tests/addon-interactions.spec.ts
+++ b/code/e2e-tests/addon-interactions.spec.ts
@@ -7,6 +7,7 @@ const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
 test.describe('addon-interactions', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto(storybookUrl);
+    await new SbPage(page).waitUntilLoaded();
   });
 
   // FIXME: skip xxx
diff --git a/code/e2e-tests/addon-viewport.spec.ts b/code/e2e-tests/addon-viewport.spec.ts
index a5935b4db2cd..1a3624b1ec94 100644
--- a/code/e2e-tests/addon-viewport.spec.ts
+++ b/code/e2e-tests/addon-viewport.spec.ts
@@ -7,6 +7,7 @@ const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
 test.describe('addon-viewport', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto(storybookUrl);
+    await new SbPage(page).waitUntilLoaded();
   });
 
   test('should have viewport button in the toolbar', async ({ page }) => {
diff --git a/code/e2e-tests/example.spec.ts b/code/e2e-tests/example.spec.ts
deleted file mode 100644
index 6caeddd4077b..000000000000
--- a/code/e2e-tests/example.spec.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { test, expect } from '@playwright/test';
-import process from 'process';
-
-const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
-
-test('Basic story test', async ({ page }) => {
-  await page.goto(storybookUrl);
-
-  const preview = page.frameLocator('#storybook-preview-iframe');
-  const root = preview.locator('#root:visible, #docs-root:visible');
-
-  // Specific check for introduction story
-  await expect(root).toContainText('Welcome');
-});
diff --git a/code/e2e-tests/util.ts b/code/e2e-tests/util.ts
index e9aef15095cf..cb8ce73949f1 100644
--- a/code/e2e-tests/util.ts
+++ b/code/e2e-tests/util.ts
@@ -32,13 +32,21 @@ export class SbPage {
     await expect(selected).toBe('true');
   }
 
+  async waitUntilLoaded() {
+    const root = this.previewRoot();
+    const docsLoadingPage = root.locator('.sb-preparing-docs');
+    const storyLoadingPage = root.locator('.sb-preparing-story');
+    await docsLoadingPage.waitFor({ state: 'hidden' });
+    await storyLoadingPage.waitFor({ state: 'hidden' });
+  }
+
   previewIframe() {
     return this.page.frameLocator('#storybook-preview-iframe');
   }
 
   previewRoot() {
     const preview = this.previewIframe();
-    return preview.locator('#root:visible, #docs-root:visible');
+    return preview.locator('#storybook-root:visible, #storybook-docs:visible');
   }
 
   panelContent() {
diff --git a/code/examples/angular-cli/.storybook/main.ts b/code/examples/angular-cli/.storybook/main.ts
index ebf6ad5b5848..4fd2b7f8817e 100644
--- a/code/examples/angular-cli/.storybook/main.ts
+++ b/code/examples/angular-cli/.storybook/main.ts
@@ -19,25 +19,6 @@ const mainConfig: import('@storybook/angular').StorybookConfig = {
     channelOptions: { allowFunction: false, maxDepth: 10 },
     disableTelemetry: true,
   },
-  // These are just here to test composition. They could be added to any storybook example project
-  refs: {
-    react: {
-      title: 'ReactTS',
-      url: 'http://localhost:9011',
-    },
-    first: {
-      title: 'Composition test one',
-      url: 'https://storybookjs.netlify.app/cra-ts-essentials',
-    },
-    second: {
-      title: 'Composition test two',
-      url: 'https://storybookjs.netlify.app/cra-ts-essentials',
-    },
-    third: {
-      title: 'Composition test three',
-      url: 'https://storybookjs.netlify.app/cra-ts-essentials',
-    },
-  },
   staticDirs: ['../src/assets'],
   features: {
     buildStoriesJson: false,
diff --git a/code/examples/angular-cli/.storybook/preview.ts b/code/examples/angular-cli/.storybook/preview.ts
index e8293c14a250..670c15d3a06b 100644
--- a/code/examples/angular-cli/.storybook/preview.ts
+++ b/code/examples/angular-cli/.storybook/preview.ts
@@ -2,7 +2,6 @@
 import { setCompodocJson } from '@storybook/addon-docs/angular';
 import addCssWarning from '../src/cssWarning';
 
-// @ts-ignore
 import docJson from '../documentation.json';
 // remove ButtonComponent to test #12009
 const filtered = !docJson?.components
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index a91eaa594c3e..c220b6e07c2e 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "license": "MIT",
   "workspaces": {
@@ -31,7 +31,6 @@
     "@angular/platform-browser": "^13.3.6",
     "@angular/platform-browser-dynamic": "^13.3.6",
     "@ngrx/store": "^13.2.0",
-    "core-js": "^3.8.2",
     "rxjs": "^6.6.7",
     "sass": "^1.43.4",
     "telejson": "^6.0.8",
@@ -44,24 +43,23 @@
     "@angular/compiler-cli": "^13.3.6",
     "@angular/elements": "^13.3.6",
     "@compodoc/compodoc": "^1.1.18",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/angular": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-interactions": "7.0.0-alpha.31",
+    "@storybook/addon-jest": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/angular": "7.0.0-alpha.31",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.31",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@types/core-js": "^2.5.4",
     "@types/jest": "^26.0.16",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/sass": "^1",
@@ -72,7 +70,7 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "protractor": "~7.0.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
diff --git a/code/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot b/code/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot
deleted file mode 100644
index e2ad1924d2a1..000000000000
--- a/code/examples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,45 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons/Actions Component Output with ArgsTypes 1`] = `
-<storybook-wrapper>
-  <storybook-button-component
-    ng-reflect-text="Button 🥁"
-  >
-    <button>
-      Button 🥁
-    </button>
-  </storybook-button-component>
-</storybook-wrapper>
-`;
-
-exports[`Storyshots Addons/Actions Component Output with EventEmitter 1`] = `
-<storybook-wrapper>
-  <storybook-button-component
-    ng-reflect-text="Button 🥁"
-  >
-    <button>
-      Button 🥁
-    </button>
-  </storybook-button-component>
-</storybook-wrapper>
-`;
-
-exports[`Storyshots Addons/Actions Story with template 1`] = `
-<storybook-wrapper>
-  <button>
-    Button
-  </button>
-</storybook-wrapper>
-`;
-
-exports[`Storyshots Addons/Actions Use action in method 1`] = `
-<storybook-wrapper>
-  <storybook-button-component
-    ng-reflect-text="Button 🥁"
-  >
-    <button>
-      Button 🥁
-    </button>
-  </storybook-button-component>
-</storybook-wrapper>
-`;
diff --git a/code/examples/angular-cli/src/stories/addons/actions/addon-actions.stories.ts b/code/examples/angular-cli/src/stories/addons/actions/addon-actions.stories.ts
deleted file mode 100644
index e262e4d1f050..000000000000
--- a/code/examples/angular-cli/src/stories/addons/actions/addon-actions.stories.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryFn } from '@storybook/angular';
-import { Button } from '../../angular-demo';
-
-export default {
-  component: Button,
-  title: 'Addons/Actions',
-} as Meta;
-
-export const ComponentOutputWithEventEmitter: StoryFn = () => ({
-  props: {
-    text: 'Button 🥁',
-    onClick: action('On click'),
-  },
-});
-ComponentOutputWithEventEmitter.storyName = 'Component Output with EventEmitter';
-
-export const UseActionInMethod: StoryFn = () => ({
-  props: {
-    text: 'Button 🥁',
-    onClick: (e) => {
-      console.log(e);
-      e.preventDefault();
-      action('Action name')(e.target, 'Another arg');
-    },
-  },
-});
-UseActionInMethod.storyName = 'Use action in method';
-
-export const StoryTemplate: StoryFn = () => ({
-  template: `<button (click)="onClick($event)" (mouseover)="onOver()">Button</button>`,
-  props: {
-    onClick: action('On click'),
-    onOver: action('On over'),
-  },
-});
-StoryTemplate.storyName = 'Story with template';
-
-export const ComponentOutputWithArgsTypes: StoryFn = (args) => ({
-  props: {
-    text: 'Button 🥁',
-    ...args,
-  },
-});
-ComponentOutputWithArgsTypes.storyName = 'Component Output with ArgsTypes';
-ComponentOutputWithArgsTypes.argTypes = { onClick: { action: 'On click' } };
diff --git a/code/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot b/code/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot
deleted file mode 100644
index 3a5cd4bec6fb..000000000000
--- a/code/examples/angular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot
+++ /dev/null
@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons / Backgrounds Overridden 1`] = `
-<storybook-wrapper>
-  <storybook-button-component
-    ng-reflect-text="This one should have different"
-  >
-    <button>
-      This one should have different backgrounds
-    </button>
-  </storybook-button-component>
-</storybook-wrapper>
-`;
-
-exports[`Storyshots Addons / Backgrounds With Component 1`] = `
-<storybook-wrapper>
-  <storybook-button-component
-    ng-reflect-text="Button"
-  >
-    <button>
-      Button
-    </button>
-  </storybook-button-component>
-</storybook-wrapper>
-`;
-
-exports[`Storyshots Addons / Backgrounds With Template 1`] = `
-<storybook-wrapper>
-  <storybook-button-component
-    ng-reflect-text="Button"
-  >
-    <button>
-      Button
-    </button>
-  </storybook-button-component>
-</storybook-wrapper>
-`;
diff --git a/code/examples/angular-cli/src/stories/addons/backgrounds/addon-background.stories.ts b/code/examples/angular-cli/src/stories/addons/backgrounds/addon-background.stories.ts
deleted file mode 100644
index fcf5527877df..000000000000
--- a/code/examples/angular-cli/src/stories/addons/backgrounds/addon-background.stories.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/angular';
-import { Button } from '../../angular-demo';
-
-export default {
-  title: 'Addons / Backgrounds',
-  component: Button,
-  parameters: {
-    backgrounds: {
-      default: 'twitter',
-      values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
-      ],
-    },
-  },
-} as Meta;
-
-export const WithComponent: StoryFn = () => ({
-  props: { text: 'Button' },
-});
-
-export const WithTemplate: StoryFn = () => ({
-  template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
-  props: { text: 'Button' },
-});
-
-export const Overridden = () => ({
-  props: { text: 'This one should have different backgrounds' },
-});
-Overridden.parameters = {
-  backgrounds: {
-    default: 'pink',
-    values: [
-      { name: 'pink', value: 'hotpink' },
-      { name: 'blue', value: 'deepskyblue' },
-    ],
-  },
-};
diff --git a/code/examples/angular-cli/src/stories/addons/docs/simple.stories.mdx b/code/examples/angular-cli/src/stories/addons/docs/simple.stories.mdx
index e5ff203bcbdf..d60148f46b21 100644
--- a/code/examples/angular-cli/src/stories/addons/docs/simple.stories.mdx
+++ b/code/examples/angular-cli/src/stories/addons/docs/simple.stories.mdx
@@ -1,6 +1,5 @@
 import { Story, Meta, ArgsTable, Source } from '@storybook/addon-docs';
 import { Button } from '../.././angular-demo';
-import { action } from '@storybook/addon-actions';
 
 <Meta title="Addons/Docs/SimpleButton" component={Button} />
 
@@ -21,7 +20,7 @@ import { action } from '@storybook/addon-actions';
   {(args) => ({
     props: {
       text: args.text,
-      onClick: action('clicked'),
+      onClick: () => {},
     },
   })}
 </Story>
diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts b/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
index d438e2cc08a5..c23f4f49f1b0 100644
--- a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
+++ b/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
@@ -1,5 +1,4 @@
 import { FormsModule } from '@angular/forms';
-import { action } from '@storybook/addon-actions';
 import { moduleMetadata, Meta, StoryFn } from '@storybook/angular';
 import { CustomCvaComponent } from './custom-cva.component';
 
@@ -21,7 +20,7 @@ export default {
 export const SimpleInput: StoryFn = () => ({
   props: {
     ngModel: 'Type anything',
-    ngModelChange: action('ngModelChange'),
+    ngModelChange: () => {},
   },
 });
 
diff --git a/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts b/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts
index 2d3d7f08737e..a8fb561efc94 100644
--- a/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts
+++ b/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts
@@ -1,5 +1,4 @@
 import { Meta, moduleMetadata, StoryFn } from '@storybook/angular';
-import { action } from '@storybook/addon-actions';
 import { Button } from '../../angular-demo';
 
 export default {
@@ -15,7 +14,7 @@ export const TemplateStory: StoryFn = () => ({
   template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
   props: {
     text: 'Button with custom styles',
-    onClick: action('log'),
+    onClick: () => {},
   },
   styles: [
     `
diff --git a/code/examples/cra-kitchen-sink/.storybook/main.ts b/code/examples/cra-kitchen-sink/.storybook/main.ts
index 85ff96ef9f23..1d5e852f231e 100644
--- a/code/examples/cra-kitchen-sink/.storybook/main.ts
+++ b/code/examples/cra-kitchen-sink/.storybook/main.ts
@@ -25,7 +25,7 @@ const mainConfig: StorybookConfig = {
     const resolvePlugins = config.resolve?.plugins;
     if (Array.isArray(resolvePlugins)) {
       resolvePlugins.forEach((p) => {
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const appSrcs = p.appSrcs as unknown as string[];
         if (Array.isArray(appSrcs)) {
           appSrcs.push(path.join(__dirname, '..', '..', '..'));
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index c1ada759e826..f14d706a1d7d 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -11,7 +11,7 @@
     "test": "react-scripts test --env=jsdom"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "react": "16.14.0",
@@ -21,21 +21,21 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-jest": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "storybook": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
+    "storybook": "7.0.0-alpha.31",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/cra-kitchen-sink/src/stories/button.stories.js b/code/examples/cra-kitchen-sink/src/stories/button.stories.js
index 030fcde029c1..20d13f8770c1 100644
--- a/code/examples/cra-kitchen-sink/src/stories/button.stories.js
+++ b/code/examples/cra-kitchen-sink/src/stories/button.stories.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import { Button } from '../components/react-demo';
 
 export default {
@@ -7,7 +6,7 @@ export default {
   component: Button,
 };
 
-export const Story1 = () => <Button onClick={action('clicked', { depth: 1 })}>Hello Button</Button>;
+export const Story1 = () => <Button>Hello Button</Button>;
 Story1.storyName = 'with text';
 
 Story1.parameters = {
@@ -15,7 +14,7 @@ Story1.parameters = {
 };
 
 export const Story2 = () => (
-  <Button onClick={action('clicked')}>
+  <Button>
     <span role="img" aria-label="yolo">
       😀 😎 👍 💯
     </span>
diff --git a/code/examples/cra-kitchen-sink/src/stories/decorators.stories.js b/code/examples/cra-kitchen-sink/src/stories/decorators.stories.js
index 5370001cef36..42a9a8a3da8b 100644
--- a/code/examples/cra-kitchen-sink/src/stories/decorators.stories.js
+++ b/code/examples/cra-kitchen-sink/src/stories/decorators.stories.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import PropTypes from 'prop-types';
 import { Button } from '../components/react-demo';
 
@@ -24,13 +23,12 @@ export default {
 };
 
 export const WithArgs = (args) => <Button {...args} />;
-WithArgs.args = { onClick: action('clicked', { depth: 1 }), children: 'With args' };
+WithArgs.args = { children: 'With args' };
 
-export const Basic = () => <Button onClick={action('clicked', { depth: 1 })}>Basic</Button>;
+export const Basic = () => <Button>Basic</Button>;
 
-export const Nested = (args) => (
-  <Button {...args}>
+export const Nested = () => (
+  <Button>
     <Bold>Hello</Bold>
   </Button>
 );
-Nested.args = { onClick: action('clicked', { depth: 1 }) };
diff --git a/code/examples/cra-kitchen-sink/src/stories/long-description.stories.js b/code/examples/cra-kitchen-sink/src/stories/long-description.stories.js
index 7f3d794c7f3d..7fd35cd5122f 100644
--- a/code/examples/cra-kitchen-sink/src/stories/long-description.stories.js
+++ b/code/examples/cra-kitchen-sink/src/stories/long-description.stories.js
@@ -1,10 +1,9 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import { Button } from '../components/react-demo';
 
 export default {
   title: 'Some really long story kind description',
 };
 
-export const Story1 = () => <Button onClick={action('clicked')}>Hello Button</Button>;
+export const Story1 = () => <Button>Hello Button</Button>;
 Story1.storyName = 'with text';
diff --git a/code/examples/cra-ts-essentials/.storybook/main.ts b/code/examples/cra-ts-essentials/.storybook/main.ts
index 01c95af66b35..77cba3e12bc6 100644
--- a/code/examples/cra-ts-essentials/.storybook/main.ts
+++ b/code/examples/cra-ts-essentials/.storybook/main.ts
@@ -12,6 +12,7 @@ const mainConfig: StorybookConfig = {
         viewport: false,
       },
     },
+    '@storybook/addon-interactions',
   ],
   logLevel: 'debug',
   // add monorepo root as a valid directory to import modules from
@@ -19,7 +20,7 @@ const mainConfig: StorybookConfig = {
     const resolvePlugins = config.resolve?.plugins;
     if (Array.isArray(resolvePlugins)) {
       resolvePlugins.forEach((p) => {
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const appSrcs = p.appSrcs as unknown as string[];
         if (Array.isArray(appSrcs)) {
           appSrcs.push(path.join(__dirname, '..', '..', '..'));
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index 81d1531be4f3..df090383e69d 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -23,8 +23,8 @@
     ]
   },
   "dependencies": {
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "@types/jest": "^26.0.16",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
@@ -37,14 +37,15 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.31",
+    "@storybook/addon-interactions": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
     "@storybook/testing-library": "^0.0.9",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx b/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
index 7dc7cabc6a55..d87e1e317baf 100644
--- a/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
+++ b/code/examples/cra-ts-essentials/src/stories/testing-react/components/Button.stories.tsx
@@ -79,8 +79,10 @@ export const CSF3InputFieldFilled: CSF3Story = {
   render: () => {
     return <input data-testid="input" />;
   },
-  play: async ({ canvasElement }) => {
+  play: async ({ canvasElement, step }) => {
     const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByTestId('input'), 'Hello world!');
+    await step('Step label', async () => {
+      await userEvent.type(canvas.getByTestId('input'), 'Hello world!');
+    });
   },
 };
diff --git a/code/examples/cra-ts-kitchen-sink/.storybook/main.ts b/code/examples/cra-ts-kitchen-sink/.storybook/main.ts
index 471226181de3..aace39ecad7a 100644
--- a/code/examples/cra-ts-kitchen-sink/.storybook/main.ts
+++ b/code/examples/cra-ts-kitchen-sink/.storybook/main.ts
@@ -20,7 +20,7 @@ const mainConfig: StorybookConfig = {
     const resolvePlugins = config.resolve?.plugins;
     if (Array.isArray(resolvePlugins)) {
       resolvePlugins.forEach((p) => {
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const appSrcs = p.appSrcs as unknown as string[];
         if (Array.isArray(appSrcs)) {
           appSrcs.push(path.join(__dirname, '..', '..', '..'));
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index fd96d74e9cb0..50acf5d07eaf 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -34,23 +34,23 @@
     "typescript": "~4.6.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
     "@storybook/preset-create-react-app": "^4.1.0",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
     "@types/enzyme": "^3.10.8",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.9.1",
     "enzyme-to-json": "^3.6.1",
     "fork-ts-checker-webpack-plugin": "^7.2.6",
     "react-moment-proptypes": "^1.7.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "ts-node": "^10.4.0",
     "webpack": "5"
   },
diff --git a/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx b/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx
index a13b3e24399f..677c00b77219 100644
--- a/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx
+++ b/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import Button, { Type } from './Button';
 
 export default {
@@ -9,7 +8,7 @@ export default {
 
 export const SimpleButton = () => {
   const x = 0;
-  return <Button onClick={action('button clicked')}>OK {x}</Button>;
+  return <Button>OK {x}</Button>;
 };
 
 const typeOptions = {
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx
index 6b9a2d25e804..df60c8e704a0 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx
+++ b/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import { Button } from './Button';
 
 export default {
@@ -7,10 +6,10 @@ export default {
   component: Button,
 };
 
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
+export const Text = () => <Button>Hello Button</Button>;
 
 export const Emoji = () => (
-  <Button onClick={action('clicked')}>
+  <Button>
     <span role="img" aria-label="so cool">
       😀 😎 👍 💯
     </span>
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx
index bd187c07e5d9..1c65b41ccf27 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx
+++ b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx
@@ -15,7 +15,6 @@ export const ButtonReactFC: React.FC<ButtonProps> = ({ onClick, children }) => (
   <button onClick={onClick}>{children}</button>
 );
 ButtonReactFC.defaultProps = {
-  // @ts-ignore
   onClick: null,
 };
 
@@ -26,7 +25,6 @@ export const ButtonFC: FC<ButtonProps> = ({ onClick, children }) => (
   <button onClick={onClick}>{children}</button>
 );
 ButtonFC.defaultProps = {
-  // @ts-ignore
   onClick: null,
 };
 
@@ -37,6 +35,5 @@ export const ButtonFunctionComponent: FC<ButtonProps> = ({ onClick, children })
   <button onClick={onClick}>{children}</button>
 );
 ButtonFunctionComponent.defaultProps = {
-  // @ts-ignore
   onClick: null,
 };
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ext.js b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ext.js
index 047b6b362bd3..11d0ad4810bb 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ext.js
+++ b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ext.js
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import PropTypes from 'prop-types';
 
 export const PRESET_SHAPE = {
diff --git a/code/examples/doc-blocks/.storybook/main.ts b/code/examples/doc-blocks/.storybook/main.ts
index 4f50d98e6f67..0e8ffacb423b 100644
--- a/code/examples/doc-blocks/.storybook/main.ts
+++ b/code/examples/doc-blocks/.storybook/main.ts
@@ -8,10 +8,6 @@ const config: StorybookConfig = {
     channelOptions: { allowFunction: false, maxDepth: 10 },
     disableTelemetry: true,
   },
-  typescript: {
-    check: true,
-    checkOptions: {},
-  },
   features: {
     postcss: false,
     storyStoreV7: true,
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index d61238b26f02..b5d18781a750 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-doc-blocks",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/cli": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "@types/babel__preset-env": "^7",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "sb": "7.0.0-alpha.20",
+    "sb": "7.0.0-alpha.31",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index 388b46e3f009..476b80a0ab20 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@ember/optional-features": "^2.0.0",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/ember": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/ember": "7.0.0-alpha.31",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.31",
     "babel-loader": "^8.2.5",
     "broccoli-asset-rev": "^3.0.0",
     "browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
     "loader.js": "^4.7.0",
     "os-browserify": "^0.3.0",
     "shx": "^0.3.2",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "stream-browserify": "^3.0.0",
     "vm-browserify": "^1.1.2",
     "webpack": "5",
diff --git a/code/examples/ember-cli/stories/addon-actions.stories.js b/code/examples/ember-cli/stories/addon-actions.stories.js
deleted file mode 100644
index ce4b67a59eec..000000000000
--- a/code/examples/ember-cli/stories/addon-actions.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { hbs } from 'ember-cli-htmlbars';
-import { action } from '@storybook/addon-actions';
-
-export default {
-  title: 'Addon/Actions',
-  parameters: {
-    options: {
-      selectedPanel: 'storybook/actions/panel',
-    },
-  },
-};
-
-export const Button = () => ({
-  template: hbs`<button {{action onClick}}>Click Me</button>`,
-  context: {
-    onClick: action('clicked'),
-  },
-});
diff --git a/code/examples/ember-cli/stories/addon-backgrounds.stories.js b/code/examples/ember-cli/stories/addon-backgrounds.stories.js
deleted file mode 100644
index 39d5848ce98b..000000000000
--- a/code/examples/ember-cli/stories/addon-backgrounds.stories.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { hbs } from 'ember-cli-htmlbars';
-
-export default {
-  title: 'Addon/Backgrounds',
-  parameters: {
-    backgrounds: {
-      default: 'dark',
-      values: [
-        { name: 'light', value: '#eeeeee' },
-        { name: 'dark', value: '#222222' },
-      ],
-    },
-  },
-};
-
-export const Story1 = () => ({
-  template: hbs`<button>You should be able to switch backgrounds for this story</button>`,
-});
-
-Story1.storyName = 'story 1';
-
-export const Story2 = () => ({
-  template: hbs`<button>This one too!</button>`,
-});
-
-Story2.storyName = 'story 2';
diff --git a/code/examples/ember-cli/stories/welcome-banner.stories.js b/code/examples/ember-cli/stories/welcome-banner.stories.js
index 1128476813e1..516c90cb4af6 100644
--- a/code/examples/ember-cli/stories/welcome-banner.stories.js
+++ b/code/examples/ember-cli/stories/welcome-banner.stories.js
@@ -1,5 +1,4 @@
 import { hbs } from 'ember-cli-htmlbars';
-import { action } from '@storybook/addon-actions';
 
 export default {
   title: 'welcome-banner',
@@ -23,7 +22,6 @@ export const Basic = (args) => ({
         subTitleColor=subTitleColor
         title=title
         subtitle=subtitle
-        click=(action onClick)
       }}
     `,
   context: args,
@@ -34,5 +32,4 @@ Basic.args = {
   subTitleColor: '#B8854F',
   title: 'Welcome to storybook',
   subtitle: 'This environment is completely editable',
-  onClick: action('clicked'),
 };
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 356f2080463f..df74f80233c1 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/external-docs",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "next build",
@@ -11,15 +11,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
   },
   "dependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/blocks": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-essentials": "7.0.0-alpha.31",
+    "@storybook/blocks": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "formik": "^2.2.9",
     "next": "^12.1.0",
     "nextra": "^1.1.0",
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index 3f7a99cef010..f63521ed91a4 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,31 +13,31 @@
     "storybook": "storybook dev -p 9006 --no-manager-cache"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-jest": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/html": "7.0.0-alpha.20",
-    "@storybook/html-webpack5": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-api": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
+    "@storybook/html": "7.0.0-alpha.31",
+    "@storybook/html-webpack5": "7.0.0-alpha.31",
+    "@storybook/source-loader": "7.0.0-alpha.31",
     "autoprefixer": "^10.0.1",
     "eventemitter3": "^4.0.7",
     "format-json": "^1.0.3",
     "global": "^4.4.0",
     "postcss": "^8.2.4",
     "postcss-color-rebeccapurple": "^6.0.0",
-    "storybook": "7.0.0-alpha.20"
+    "storybook": "7.0.0-alpha.31"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/html-kitchen-sink/stories/addon-actions.stories.js b/code/examples/html-kitchen-sink/stories/addon-actions.stories.js
deleted file mode 100644
index 1ed26062f388..000000000000
--- a/code/examples/html-kitchen-sink/stories/addon-actions.stories.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import { withActions } from '@storybook/addon-actions';
-
-const buttonStory = () => () => `<button type="button">Hello World</button>`;
-
-export default {
-  title: 'Addons/Actions',
-};
-
-export const Story1 = buttonStory();
-Story1.storyName = 'Hello World';
-
-Story1.parameters = {
-  actions: {
-    handles: ['click'],
-  },
-};
-
-export const Story2 = buttonStory();
-Story2.storyName = 'Multiple actions';
-
-Story2.parameters = {
-  actions: {
-    handles: ['click', 'contextmenu'],
-  },
-};
-
-export const Story3 = buttonStory();
-Story3.storyName = 'Multiple actions + config';
-
-Story3.parameters = {
-  actions: {
-    handles: ['click', 'contextmenu', { clearOnStoryChange: false }],
-  },
-};
-
-export const Story4 = buttonStory();
-Story4.storyName = 'Multiple actions, object';
-
-Story4.parameters = {
-  actions: {
-    handles: [{ click: 'clicked', contextmenu: 'right clicked' }],
-  },
-};
-
-export const Story5 = () => `
-        <div>
-          Clicks on this button will be logged: <button class="btn" type="button">Button</button>
-        </div>
-      `;
-Story5.storyName = 'Multiple actions, selector';
-
-Story5.parameters = {
-  actions: {
-    handles: [{ 'click .btn': 'clicked', contextmenu: 'right clicked' }],
-  },
-};
-
-export const Story6 = buttonStory();
-Story6.storyName = 'Multiple actions, object + config';
-
-Story6.parameters = {
-  actions: {
-    handles: [{ click: 'clicked', contextmenu: 'right clicked' }, { clearOnStoryChange: false }],
-  },
-};
-
-export const DeprecatedDecoratorsStory1 = buttonStory();
-DeprecatedDecoratorsStory1.storyName = 'Deprecated decorators - Single action';
-DeprecatedDecoratorsStory1.decorators = [withActions('click')];
-
-export const DeprecatedDecoratorsStory2 = buttonStory();
-DeprecatedDecoratorsStory2.storyName = 'Deprecated decorators - Multiple actions';
-DeprecatedDecoratorsStory2.decorators = [withActions('click', 'contextmenu')];
-
-export const DeprecatedDecoratorsStory3 = buttonStory();
-DeprecatedDecoratorsStory3.storyName = 'Deprecated decorators - Multiple actions + config';
-DeprecatedDecoratorsStory3.decorators = [
-  withActions('click', 'contextmenu', { clearOnStoryChange: false }),
-];
-
-export const DeprecatedDecoratorsStory4 = buttonStory();
-DeprecatedDecoratorsStory4.storyName = 'Deprecated decorators - Multiple actions, object';
-DeprecatedDecoratorsStory4.decorators = [
-  withActions({ click: 'clicked', contextmenu: 'right clicked' }),
-];
diff --git a/code/examples/html-kitchen-sink/stories/addon-backgrounds.stories.js b/code/examples/html-kitchen-sink/stories/addon-backgrounds.stories.js
deleted file mode 100644
index 91b21d9d6c16..000000000000
--- a/code/examples/html-kitchen-sink/stories/addon-backgrounds.stories.js
+++ /dev/null
@@ -1,19 +0,0 @@
-export default {
-  title: 'Addons/Backgrounds',
-  parameters: {
-    backgrounds: {
-      default: 'dark',
-      values: [
-        { name: 'light', value: '#eeeeee' },
-        { name: 'dark', value: '#222222' },
-      ],
-    },
-  },
-};
-
-export const Story1 = () =>
-  '<span style="color: white">You should be able to switch backgrounds for this story</span>';
-Story1.storyName = 'story 1';
-
-export const Story2 = () => '<span style="color: white">This one too!</span>';
-Story2.storyName = 'story 2';
diff --git a/code/examples/html-kitchen-sink/stories/addon-docs.stories.mdx b/code/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
index b844dc5e346d..8ac0ce1377da 100644
--- a/code/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
+++ b/code/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
@@ -1,5 +1,4 @@
 import { Story, Canvas, Meta } from '@storybook/addon-docs';
-import { action } from '@storybook/addon-actions';
 
 # Storybook Docs for HTML
 
@@ -20,7 +19,6 @@ How you like them apples?!
   {() => {
     const btn = document.createElement('button');
     btn.innerHTML = 'Hello Button';
-    btn.addEventListener('click', action('Click'));
     return btn;
   }}
 </Story>
diff --git a/code/examples/html-kitchen-sink/stories/button.stories.js b/code/examples/html-kitchen-sink/stories/button.stories.js
index 11aef8777335..a8f079cafe0f 100644
--- a/code/examples/html-kitchen-sink/stories/button.stories.js
+++ b/code/examples/html-kitchen-sink/stories/button.stories.js
@@ -1,5 +1,4 @@
 import global from 'global';
-import { action } from '@storybook/addon-actions';
 import { useEffect } from '@storybook/client-api';
 
 const { document } = global;
@@ -15,7 +14,6 @@ export const Headings = () =>
 export const Button = () => {
   const btn = document.createElement('button');
   btn.innerHTML = 'Hello Button';
-  btn.addEventListener('click', action('Click'));
   return btn;
 };
 
diff --git a/code/examples/official-storybook/manager.js b/code/examples/official-storybook/manager.js
index 642d6e7bfb23..77104c4f6326 100644
--- a/code/examples/official-storybook/manager.js
+++ b/code/examples/official-storybook/manager.js
@@ -8,10 +8,11 @@ import addHeadWarning from './head-warning';
 addHeadWarning('manager-head-not-loaded', 'Manager head not loaded');
 
 const PrefixIcon = styled(Icons)(({ theme }) => ({
-  marginRight: 8,
+  marginRight: 5,
   fontSize: 'inherit',
-  height: '1em',
-  width: '1em',
+  height: 12,
+  width: 12,
+  paddingTop: 1,
   display: 'inline',
   alignSelf: 'center',
 }));
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 1b0b0278ca2e..32bd8aeddc0b 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
   "devDependencies": {
     "@emotion/jest": "^11.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-jest": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-toolbars": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-interactions": "7.0.0-alpha.31",
+    "@storybook/addon-jest": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addon-toolbars": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/cli": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/design-system": "^5.4.7",
     "@storybook/jest": "^0.0.10",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/router": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
+    "@storybook/router": "7.0.0-alpha.31",
+    "@storybook/source-loader": "7.0.0-alpha.31",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.31",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/user-event": "^13.1.9",
     "chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "terser-webpack-plugin": "^5.3.1",
     "uuid-browser": "^3.1.0",
     "webpack": "5"
diff --git a/code/examples/official-storybook/preview.js b/code/examples/official-storybook/preview.js
index 638d31b1af82..e4e0ef7fa7d9 100644
--- a/code/examples/official-storybook/preview.js
+++ b/code/examples/official-storybook/preview.js
@@ -72,6 +72,25 @@ const ThemeStack = styled.div(
   })
 );
 
+const PlayFnNotice = styled.div(
+  {
+    position: 'absolute',
+    bottom: '1rem',
+    right: '1rem',
+    border: '1px solid #ccc',
+    borderRadius: '5px',
+    padding: '1rem',
+    fontSize: '12px',
+    '> *': {
+      display: 'block',
+    },
+  },
+  ({ theme }) => ({
+    background: theme.background.app,
+    color: theme.color.defaultText,
+  })
+);
+
 const ThemedSetRoot = () => {
   const theme = useTheme();
 
@@ -87,8 +106,9 @@ const ThemedSetRoot = () => {
 };
 
 export const decorators = [
-  (StoryFn, { globals, parameters }) => {
-    const theme = globals.theme || parameters.theme || (isChromatic() ? 'stacked' : 'light');
+  (StoryFn, { globals, parameters, playFunction }) => {
+    const defaultTheme = isChromatic() && !playFunction ? 'stacked' : 'light';
+    const theme = globals.theme || parameters.theme || defaultTheme;
 
     switch (theme) {
       case 'side-by-side': {
@@ -137,6 +157,12 @@ export const decorators = [
             <Symbols icons={['folder', 'component', 'document', 'bookmarkhollow']} />
             <Global styles={createReset} />
             <ThemedSetRoot />
+            {!parameters.theme && isChromatic() && playFunction && (
+              <PlayFnNotice>
+                <span>Detected play function.</span>
+                <span>Rendering in a single theme</span>
+              </PlayFnNotice>
+            )}
             <StoryFn />
           </ThemeProvider>
         );
diff --git a/code/examples/official-storybook/stories/addon-actions.stories.js b/code/examples/official-storybook/stories/addon-actions.stories.js
deleted file mode 100644
index ae7ad1de5b38..000000000000
--- a/code/examples/official-storybook/stories/addon-actions.stories.js
+++ /dev/null
@@ -1,196 +0,0 @@
-/* eslint-disable react/prop-types */
-import global from 'global';
-import React, { Fragment } from 'react';
-import { action, actions, configureActions } from '@storybook/addon-actions';
-import { Form } from '@storybook/components';
-
-const { window: globalWindow, File } = global;
-const { Button } = Form;
-
-export default {
-  title: 'Addons/Actions',
-  parameters: {
-    options: {
-      selectedPanel: 'storybook/actions/panel',
-    },
-  },
-};
-
-export const ArgTypesExample = ({ onClick, onFocus }) => (
-  <Button {...{ onClick, onFocus }}>Hello World</Button>
-);
-
-ArgTypesExample.argTypes = {
-  onClick: { action: 'clicked!' },
-  onFocus: { action: true },
-};
-
-export const ArgTypesRegexExample = (args, context) => {
-  const { someFunction, onClick, onFocus } = args;
-  return (
-    <Button onMouseOver={someFunction} {...{ onClick, onFocus }}>
-      Hello World
-    </Button>
-  );
-};
-
-ArgTypesRegexExample.parameters = { actions: { argTypesRegex: '^on.*' } };
-ArgTypesRegexExample.argTypes = { someFunction: {}, onClick: {}, onFocus: {} };
-
-export const BasicExample = () => <Button onClick={action('hello-world')}>Hello World</Button>;
-
-BasicExample.storyName = 'Basic example';
-
-export const MultipleActions = () => (
-  <Button {...actions('onClick', 'onMouseOver')}>Hello World</Button>
-);
-
-MultipleActions.storyName = 'Multiple actions';
-
-export const MultipleActionsConfig = () => (
-  <Button {...actions('onClick', 'onMouseOver', { clearOnStoryChange: false })}>
-    Moving away from this story will persist the action logger
-  </Button>
-);
-
-MultipleActionsConfig.storyName = 'Multiple actions + config';
-
-export const MultipleActionsAsObject = () => (
-  <Button {...actions({ onClick: 'clicked', onMouseOver: 'hovered' })}>Hello World</Button>
-);
-
-MultipleActionsAsObject.storyName = 'Multiple actions as object';
-
-export const MultipleActionsObjectConfig = () => (
-  <Button
-    {...actions({ onClick: 'clicked', onMouseOver: 'hovered' }, { clearOnStoryChange: false })}
-  >
-    Moving away from this story will persist the action logger
-  </Button>
-);
-
-MultipleActionsObjectConfig.storyName = 'Multiple actions, object + config';
-
-export const CircularPayload = () => {
-  const circular = { foo: {} };
-  circular.foo.circular = circular;
-  return <Button onClick={() => action('circular')(circular)}>Circular Payload</Button>;
-};
-
-export const ReservedKeywordAsName = () => <Button onClick={action('delete')}>Delete</Button>;
-
-ReservedKeywordAsName.storyName = 'Reserved keyword as name';
-
-export const AllTypes = () => {
-  function A() {}
-  function B() {}
-
-  const bound = B.bind({});
-
-  let file;
-  try {
-    file = new File([''], 'filename.txt', { type: 'text/plain', lastModified: new Date() });
-  } catch (error) {
-    file = error;
-  }
-  const reg = /fooBar/g;
-
-  return (
-    <Fragment>
-      <Button onClick={() => action('Array')(['foo', 'bar', { foo: 'bar' }])}>Array</Button>
-      <Button onClick={() => action('Boolean')(false)}>Boolean</Button>
-      <Button onClick={() => action('Empty Object')({})}>Empty Object</Button>
-      <Button onClick={() => action('File')(file)}>File</Button>
-      <Button onClick={() => action('Function', { allowFunction: true })(A)}>Function A</Button>
-      <Button onClick={() => action('Function (bound)', { allowFunction: true })(bound)}>
-        Bound Function B
-      </Button>
-      <Button onClick={() => action('Infinity')(Infinity)}>Infinity</Button>
-      <Button onClick={() => action('-Infinity')(-Infinity)}>-Infinity</Button>
-      <Button onClick={() => action('NaN')(NaN)}>NaN</Button>
-      <Button onClick={() => action('null')(null)}>null</Button>
-      <Button onClick={() => action('Number')(10000)}>Number</Button>
-      <Button
-        onClick={() =>
-          action('Multiple')(
-            'foo',
-            1000,
-            true,
-            false,
-            [1, 2, 3],
-            null,
-            undefined,
-            { foo: 'bar' },
-            globalWindow
-          )
-        }
-      >
-        Multiple
-      </Button>
-      <Button onClick={() => action('Plain Object')({ foo: { bar: { baz: { bar: 'foo' } } } })}>
-        Plain Object
-      </Button>
-      <Button
-        onClick={() =>
-          action('ObjectDepth2', { depth: 2 })({ root: { one: { two: { three: 'foo' } } } })
-        }
-      >
-        Object (depth: 2)
-      </Button>
-      <Button onClick={() => action('RegExp')(reg)}>RegExp</Button>
-      <Button onClick={() => action('String')('foo')}>String</Button>
-      <Button onClick={() => action('Symbol')(Symbol('A_SYMBOL'))}>Symbol</Button>
-      <Button onClick={action('SyntheticMouseEvent')}>SyntheticEvent</Button>
-      <Button onClick={() => action('undefined')(undefined)}>undefined</Button>
-      <Button onClick={() => action('window')(globalWindow)}>Window</Button>
-    </Fragment>
-  );
-};
-
-AllTypes.storyName = 'All types';
-
-export const ConfigureActionsDepth = () => {
-  configureActions({
-    depth: 2,
-  });
-
-  return (
-    <Button onClick={() => action('ConfiguredDepth')({ root: { one: { two: { three: 'foo' } } } })}>
-      Object (configured depth: 2)
-    </Button>
-  );
-};
-
-export const PersistingTheActionLogger = () => (
-  <Fragment>
-    <p>Moving away from this story will persist the action logger</p>
-    <Button onClick={action('clear-action-logger', { clearOnStoryChange: false })}>
-      Object (configured clearOnStoryChange: false)
-    </Button>
-  </Fragment>
-);
-
-PersistingTheActionLogger.storyName = 'Persisting the action logger';
-
-export const LimitActionOutput = () => {
-  configureActions({
-    limit: 2,
-  });
-
-  return (
-    <Fragment>
-      <Button onClick={() => action('False')(false)}>False</Button>
-      <Button onClick={() => action('True')(true)}>True</Button>
-    </Fragment>
-  );
-};
-
-export const SkippedViaDisableTrue = () => (
-  <Button onClick={action('hello-world')}>Hello World</Button>
-);
-
-SkippedViaDisableTrue.storyName = 'skipped via disable:true';
-
-SkippedViaDisableTrue.parameters = {
-  actions: { disable: true },
-};
diff --git a/code/examples/official-storybook/stories/addon-backgrounds.stories.js b/code/examples/official-storybook/stories/addon-backgrounds.stories.js
deleted file mode 100644
index 3ad15dc5a00b..000000000000
--- a/code/examples/official-storybook/stories/addon-backgrounds.stories.js
+++ /dev/null
@@ -1,117 +0,0 @@
-import React from 'react';
-
-import BaseButton from '../components/BaseButton';
-
-export default {
-  title: 'Addons/Backgrounds',
-  parameters: {
-    backgrounds: {
-      default: 'dark',
-      values: [
-        { name: 'white', value: '#ffffff' },
-        { name: 'light', value: '#eeeeee' },
-        { name: 'gray', value: '#cccccc' },
-        { name: 'dark', value: '#222222' },
-        { name: 'black', value: '#000000' },
-      ],
-    },
-  },
-};
-
-const Template = (args) => <BaseButton {...args} />;
-
-export const Story1 = Template.bind({});
-Story1.args = {
-  label: 'You should be able to switch backgrounds for this story',
-};
-
-export const Story2 = Template.bind({});
-Story2.args = {
-  label: 'This one too!',
-};
-
-export const Overridden = Template.bind({});
-Overridden.args = {
-  label: 'This one should have different backgrounds',
-};
-Overridden.parameters = {
-  backgrounds: {
-    default: 'blue',
-    values: [
-      { name: 'pink', value: 'hotpink' },
-      { name: 'blue', value: 'deepskyblue' },
-    ],
-  },
-};
-
-export const WithGradient = Template.bind({});
-WithGradient.args = {
-  label: 'This one should have a nice gradient',
-};
-WithGradient.parameters = {
-  backgrounds: {
-    default: 'gradient',
-    values: [
-      {
-        name: 'gradient',
-        value:
-          'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)',
-      },
-    ],
-  },
-};
-
-export const WithImage = Template.bind({});
-WithImage.args = {
-  label: 'This one should have an image background',
-};
-WithImage.parameters = {
-  backgrounds: {
-    default: 'space',
-    values: [
-      {
-        name: 'space',
-        value: 'url(https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg)',
-      },
-    ],
-  },
-};
-
-export const DisabledBackgrounds = Template.bind({});
-DisabledBackgrounds.args = {
-  label: 'This one should not use backgrounds',
-};
-DisabledBackgrounds.parameters = {
-  backgrounds: { disable: true },
-};
-
-export const DisabledGrid = Template.bind({});
-DisabledGrid.args = {
-  label: 'This one should not use grid',
-};
-DisabledGrid.parameters = {
-  backgrounds: {
-    grid: { disable: true },
-  },
-};
-export const GridCellProperties = Template.bind({});
-GridCellProperties.args = {
-  label: 'This one should have different grid properties',
-};
-GridCellProperties.parameters = {
-  backgrounds: {
-    grid: {
-      cellSize: 10,
-      cellAmount: 4,
-      opacity: 0.2,
-    },
-  },
-};
-
-export const AlignedGridWhenFullScreen = Template.bind({});
-AlignedGridWhenFullScreen.args = {
-  label: 'Grid should have an offset of 0 when in fullscreen',
-};
-AlignedGridWhenFullScreen.parameters = {
-  layout: 'fullscreen',
-};
diff --git a/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx b/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
index e23e82ee2425..44ebc1911a3d 100644
--- a/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
+++ b/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
@@ -8,7 +8,6 @@ import {
   ColorItem,
   Meta,
 } from '@storybook/addon-docs';
-import { action } from '@storybook/addon-actions';
 import styled from 'styled-components';
 import { Button } from '../../components/react-demo';
 import TsButton from '../../components/TsButton';
@@ -78,22 +77,22 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
 
 <Canvas>
   <Story name="hello story">
-    <Button onClick={action('clicked')}>hello world</Button>
+    <Button>hello world</Button>
   </Story>
   <Story name="goodbye">
-    <Button onClick={action('clicked')}>goodbye world</Button>
+    <Button>goodbye world</Button>
   </Story>
   <Story name="with icons">
-    <Button onClick={action('clicked')}>🤘🚀💯</Button>
+    <Button>🤘🚀💯</Button>
   </Story>
   <Story name="notes" parameters={{ notes: 'story notes' }}>
-    <Button onClick={action('clicked')}>goodbye world</Button>
+    <Button>goodbye world</Button>
   </Story>
   <Story name="plaintext">Plain text</Story>
 </Canvas>
 
 <Story name="solo story">
-  <Button onClick={action('clicked')}>solo</Button>
+  <Button>solo</Button>
 </Story>
 
 <Story name="iframe story" inline={false} height="100px">
@@ -120,7 +119,7 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
 <Source name="hello story" />
 
 <Canvas>
-  <Button onClick={action('clicked')}>view source in Canvas</Button>
+  <Button>view source in Canvas</Button>
 </Canvas>
 
 ## Configurable height
@@ -192,10 +191,16 @@ Fixed layout requires custom `height` since it can't be determined.
 
 <Canvas withSource="none">
   <Story name="no source Canvas">
-    <Button onClick={action('clicked')}>solo</Button>
+    <Button>solo</Button>
   </Story>
 </Canvas>
 
+### withSource="open"
+
+<Canvas withSource="open">
+  <h2>source open</h2>
+</Canvas>
+
 ## Docs Disable
 
 <Story name="docs disable" parameters={{ docs: { disable: true } }}>
diff --git a/code/examples/official-storybook/stories/addon-docs/ts-button.stories.tsx b/code/examples/official-storybook/stories/addon-docs/ts-button.stories.tsx
index 2e0e56365274..e0a2b613a1a1 100644
--- a/code/examples/official-storybook/stories/addon-docs/ts-button.stories.tsx
+++ b/code/examples/official-storybook/stories/addon-docs/ts-button.stories.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { action } from '@storybook/addon-actions';
 import Button, { Type } from '../../components/TsButton';
 
 export default {
@@ -14,7 +13,7 @@ type Story = () => any;
 
 export const SimpleButton: Story = () => {
   const x = 0;
-  return <Button onClick={action('button clicked')}>OK {x}</Button>;
+  return <Button>OK {x}</Button>;
 };
 
 const typeOptions = {
diff --git a/code/examples/official-storybook/stories/addon-links/href.stories.js b/code/examples/official-storybook/stories/addon-links/href.stories.js
index 64a912762d49..3f5e86ed4707 100644
--- a/code/examples/official-storybook/stories/addon-links/href.stories.js
+++ b/code/examples/official-storybook/stories/addon-links/href.stories.js
@@ -1,13 +1,12 @@
 import React from 'react';
 import { hrefTo } from '@storybook/addon-links';
-import { action } from '@storybook/addon-actions';
 
 export default {
   title: 'Addons/Links/Href',
 };
 
 export const Log = () => {
-  hrefTo('Addons/Links/Href', 'log').then((href) => action('URL of this story')(href));
+  hrefTo('Addons/Links/Href', 'log');
 
   return <span>See action logger</span>;
 };
diff --git a/code/examples/official-storybook/stories/addon-viewport/custom-default.stories.js b/code/examples/official-storybook/stories/addon-viewport/custom-default.stories.js
deleted file mode 100644
index 8b6700546a25..000000000000
--- a/code/examples/official-storybook/stories/addon-viewport/custom-default.stories.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
-
-const Panel = styled.div();
-
-export default {
-  title: 'Addons/Viewport/Custom Default (Kindle Fire 2)',
-  parameters: {
-    viewport: {
-      viewports: {
-        ...INITIAL_VIEWPORTS,
-        kindleFire2: {
-          name: 'Kindle Fire 2',
-          styles: {
-            width: '600px',
-            height: '963px',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const Inherited = () => (
-  <Panel>
-    I've inherited <b>Kindle Fire 2</b> viewport from my parent.
-  </Panel>
-);
-
-export const OverriddenViaWithViewportParameterizedDecorator = () => (
-  <Panel>
-    I respect my parents but I should be looking good on <b>iPad</b>.
-  </Panel>
-);
-OverriddenViaWithViewportParameterizedDecorator.storyName =
-  'Overridden via "withViewport" parameterized decorator';
-OverriddenViaWithViewportParameterizedDecorator.parameters = {
-  viewport: { defaultViewport: 'ipad' },
-};
-
-export const Disabled = () => <Panel>There should be no viewport selector in the toolbar</Panel>;
-
-Disabled.parameters = {
-  viewport: { disable: true },
-};
diff --git a/code/examples/official-storybook/stories/addon-viewport/default.stories.js b/code/examples/official-storybook/stories/addon-viewport/default.stories.js
deleted file mode 100644
index bdd2ee5ed7fe..000000000000
--- a/code/examples/official-storybook/stories/addon-viewport/default.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
-
-const Panel = styled.div();
-
-export default {
-  title: 'Addons/Viewport',
-  parameters: {
-    viewport: {
-      viewports: INITIAL_VIEWPORTS,
-    },
-  },
-};
-export const DefaultFn = () => (
-  <Panel>I don't have problems being rendered using the default viewport.</Panel>
-);
-DefaultFn.storyName = 'default';
diff --git a/code/examples/official-storybook/stories/core/interleaved-exports.stories.js b/code/examples/official-storybook/stories/core/interleaved-exports.stories.js
index 1acc88e83917..95c6661163ea 100644
--- a/code/examples/official-storybook/stories/core/interleaved-exports.stories.js
+++ b/code/examples/official-storybook/stories/core/interleaved-exports.stories.js
@@ -1,6 +1,5 @@
 /* eslint-disable import/first,import/no-duplicates */
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 
 export default {
   title: 'Core/Interleaved exports',
@@ -9,8 +8,8 @@ export default {
 
 import { Welcome } from '../../components/react-demo';
 
-export const First = () => <Welcome showApp={action('show')} />;
+export const First = () => <Welcome showApp={() => {}} />;
 
 import { Button } from '../../components/react-demo';
 
-export const Second = () => <Button onClick={action('click')}>Second</Button>;
+export const Second = () => <Button onClick={() => {}}>Second</Button>;
diff --git a/code/examples/official-storybook/stories/demo/button.stories.js b/code/examples/official-storybook/stories/demo/button.stories.js
index 8462ae2907cf..1eb7cd97d65a 100644
--- a/code/examples/official-storybook/stories/demo/button.stories.js
+++ b/code/examples/official-storybook/stories/demo/button.stories.js
@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import { action } from '@storybook/addon-actions';
 import { Button } from '../../components/react-demo';
 
 export default {
@@ -16,11 +15,11 @@ export default {
   },
 };
 
-export const WithText = () => <Button onClick={action('clicked')}>Hello Button</Button>;
+export const WithText = () => <Button>Hello Button</Button>;
 WithText.storyName = 'with text';
 
 export const WithSomeEmoji = () => (
-  <Button onClick={action('clicked')}>
+  <Button>
     <span role="img" aria-label="so cool">
       😀 😎 👍 💯
     </span>
diff --git a/code/examples/official-storybook/stories/demo/button.stories.mdx b/code/examples/official-storybook/stories/demo/button.stories.mdx
index 123d33bba1dd..2e58b5902939 100644
--- a/code/examples/official-storybook/stories/demo/button.stories.mdx
+++ b/code/examples/official-storybook/stories/demo/button.stories.mdx
@@ -1,5 +1,4 @@
 import { useState } from 'react';
-import { action } from '@storybook/addon-actions';
 import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
 import { Button } from '../../components/react-demo';
 
@@ -12,13 +11,13 @@ import { Button } from '../../components/react-demo';
 ## Hello
 
 <Story name="with text">
-  <Button onClick={action('clicked')}>Hello Button</Button>
+  <Button>Hello Button</Button>
 </Story>
 
 ## Emoji
 
 <Story name="with some emoji">
-  <Button onClick={action('clicked')}>
+  <Button>
     <span role="img" aria-label="so cool">
       😀 😎 👍 💯
     </span>
diff --git a/code/examples/official-storybook/stories/demo/csf-embedding.test.js b/code/examples/official-storybook/stories/demo/csf-embedding.test.js
index ba26d54e53d3..a0fcc5b96301 100644
--- a/code/examples/official-storybook/stories/demo/csf-embedding.test.js
+++ b/code/examples/official-storybook/stories/demo/csf-embedding.test.js
@@ -1,19 +1,8 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
-import { WithText, WithCounter } from './button.stories';
-
-const mockAction = jest.fn();
-jest.mock('@storybook/addon-actions', () => ({
-  action: () => mockAction,
-}));
+import { WithCounter } from './button.stories';
 
 describe('module story embedding', () => {
-  it('should test actions', () => {
-    const comp = render(<WithText />);
-    fireEvent.click(comp.getByText('Hello Button'));
-    expect(mockAction).toHaveBeenCalled();
-  });
-
   it('should test story state', () => {
     const comp = render(<WithCounter />);
     fireEvent.click(comp.getByText('Testing: 0'));
diff --git a/code/examples/official-storybook/stories/title/AutoTitle.stories.js b/code/examples/official-storybook/stories/title/AutoTitle.stories.js
index 125c1157c1c1..a7fcbf4a4e82 100644
--- a/code/examples/official-storybook/stories/title/AutoTitle.stories.js
+++ b/code/examples/official-storybook/stories/title/AutoTitle.stories.js
@@ -9,4 +9,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/official-storybook/stories/title/CustomTitle.stories.js b/code/examples/official-storybook/stories/title/CustomTitle.stories.js
index 1ff5710b11d1..12182a5d961e 100644
--- a/code/examples/official-storybook/stories/title/CustomTitle.stories.js
+++ b/code/examples/official-storybook/stories/title/CustomTitle.stories.js
@@ -8,4 +8,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
index db0289d49eed..0865aa844a98 100644
--- a/code/examples/preact-kitchen-sink/package.json
+++ b/code/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/preact": "7.0.0-alpha.20",
-    "@storybook/preact-webpack5": "7.0.0-alpha.20",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/preact": "7.0.0-alpha.31",
+    "@storybook/preact-webpack5": "7.0.0-alpha.31",
+    "@storybook/source-loader": "7.0.0-alpha.31",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^17",
     "@types/react-dom": "^17",
@@ -38,7 +38,7 @@
     "raw-loader": "^4.0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "svg-url-loader": "^7.1.1",
     "webpack": "5",
     "webpack-dev-server": "^4.8.1"
diff --git a/code/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js b/code/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js
deleted file mode 100644
index 4694f4390372..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useState } from 'preact/hooks';
-import { action, actions } from '@storybook/addon-actions';
-import Button from '../Button';
-
-export default {
-  title: 'Addons/Actions',
-};
-
-export const ActionOnly = () => {
-  const [clicks, setClicks] = useState(0);
-  const log = action('log');
-  return (
-    <Button
-      onclick={() => {
-        const clicked = clicks + 1;
-        setClicks(clicked);
-        log(clicked);
-      }}
-    >
-      Click me to log the action{' '}
-      {clicks > 0 ? `(Clicked ${clicks} time${clicks > 1 ? 's' : ''}.)` : ''}
-    </Button>
-  );
-};
-
-ActionOnly.storyName = 'Action only';
-
-export const MultipleActions = () => (
-  <Button {...actions('onclick', 'ondblclick')}>(Double) click me to log the action</Button>
-);
-
-MultipleActions.storyName = 'Multiple actions';
-
-export const MultipleActionsObject = () => (
-  <Button {...actions({ onclick: 'click', ondblclick: 'double-click' })}>
-    (Double) click me to log the action
-  </Button>
-);
-
-MultipleActionsObject.storyName = 'Multiple actions, object';
-
-export const ActionAndMethod = () => (
-  <Button
-    onclick={(event) => {
-      event.preventDefault();
-      action('method-log')(event.target);
-    }}
-  >
-    Click me to log the action
-  </Button>
-);
-
-ActionAndMethod.storyName = 'Action and method';
diff --git a/code/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js b/code/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
deleted file mode 100644
index 6a6c1a3c1762..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import Button from '../Button';
-
-export default {
-  title: 'Addons/Backgrounds',
-
-  parameters: {
-    backgrounds: {
-      default: 'facebook',
-      values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
-      ],
-    },
-  },
-};
-
-export const Example1 = () => (
-  <Button>You should be able to switch backgrounds for this story</Button>
-);
-
-Example1.storyName = 'Example 1';
-
-export const Example2 = () => <Button>This one too!</Button>;
-
-Example2.storyName = 'Example 2';
diff --git a/code/examples/preact-kitchen-sink/src/stories/button.stories.js b/code/examples/preact-kitchen-sink/src/stories/button.stories.js
index 4194f4d8de92..12d6b51b4136 100644
--- a/code/examples/preact-kitchen-sink/src/stories/button.stories.js
+++ b/code/examples/preact-kitchen-sink/src/stories/button.stories.js
@@ -1,4 +1,3 @@
-import { action } from '@storybook/addon-actions';
 import Button from '../Button';
 
 export default {
@@ -6,12 +5,12 @@ export default {
   component: Button,
 };
 
-export const WithText = () => <Button onclick={action('clicked')}>Hello Button</Button>;
+export const WithText = () => <Button>Hello Button</Button>;
 
 WithText.storyName = 'with text';
 
 export const WithSomeEmoji = () => (
-  <Button onclick={action('clicked')}>
+  <Button>
     <span role="img" aria-label="so cool">
       😀 😎 👍 💯
     </span>
diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json
index 7a11c94a1410..71f492fd7cb6 100644
--- a/code/examples/react-ts/package.json
+++ b/code/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build",
@@ -17,15 +17,15 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/addon-essentials": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/cli": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/react": "12.1.2",
     "@testing-library/user-event": "^13.1.9",
@@ -34,7 +34,7 @@
     "@types/react-dom": "^16.9.14",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "typescript": "~4.6.3",
     "webpack": "5"
   }
diff --git a/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap b/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
index a3430706744a..fbd5d981a4b7 100644
--- a/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
+++ b/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
@@ -46,12 +46,12 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
 
 .emotion-0 svg {
   display: inline-block;
-  height: 14px;
-  width: 14px;
+  height: 12px;
+  width: 12px;
   vertical-align: top;
   margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
+  margin-top: 0;
+  margin-bottom: 0;
   pointer-events: none;
 }
 
@@ -81,8 +81,9 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
 
 <button
   className="emotion-0"
-  label="Click me"
-/>
+>
+  Click me
+</button>
 `;
 
 exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
@@ -131,12 +132,12 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
 
 .emotion-0 svg {
   display: inline-block;
-  height: 14px;
-  width: 14px;
+  height: 12px;
+  width: 12px;
   vertical-align: top;
   margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
+  margin-top: 0;
+  margin-bottom: 0;
   pointer-events: none;
 }
 
@@ -166,8 +167,9 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
 
 <button
   className="emotion-0"
-  label="Click me"
-/>
+>
+  Click me
+</button>
 `;
 
 exports[`Storyshots Demo/AccountForm Standard 1`] = `
diff --git a/code/examples/react-ts/src/title/AutoTitle.stories.js b/code/examples/react-ts/src/title/AutoTitle.stories.js
index 125c1157c1c1..a7fcbf4a4e82 100644
--- a/code/examples/react-ts/src/title/AutoTitle.stories.js
+++ b/code/examples/react-ts/src/title/AutoTitle.stories.js
@@ -9,4 +9,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/react-ts/src/title/CustomTitle.stories.js b/code/examples/react-ts/src/title/CustomTitle.stories.js
index 1ff5710b11d1..12182a5d961e 100644
--- a/code/examples/react-ts/src/title/CustomTitle.stories.js
+++ b/code/examples/react-ts/src/title/CustomTitle.stories.js
@@ -8,4 +8,4 @@ export default {
   component: Button,
 };
 
-export const Basic = () => <Button label="Click me" />;
+export const Basic = () => <Button>Click me</Button>;
diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json
index 843084261e07..d68b83909e7b 100644
--- a/code/examples/server-kitchen-sink/package.json
+++ b/code/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,15 +14,15 @@
     "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/server": "7.0.0-alpha.20",
-    "@storybook/server-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/server": "7.0.0-alpha.31",
+    "@storybook/server-webpack5": "7.0.0-alpha.31",
     "concurrently": "^5.3.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
@@ -30,6 +30,6 @@
     "nodemon": "^2.0.7",
     "pug": "^3.0.0",
     "safe-identifier": "^0.4.1",
-    "storybook": "7.0.0-alpha.20"
+    "storybook": "7.0.0-alpha.31"
   }
 }
diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json
index 4da015571332..ebf056581239 100644
--- a/code/examples/standalone-preview/package.json
+++ b/code/examples/standalone-preview/package.json
@@ -1,20 +1,20 @@
 {
   "name": "standalone-preview",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html",
     "storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/cli": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@storybook/react-webpack5": "7.0.0-alpha.20",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/cli": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@storybook/react-webpack5": "7.0.0-alpha.31",
     "cross-env": "^7.0.3",
     "parcel": "2.0.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "storybook": "7.0.0-alpha.20"
+    "storybook": "7.0.0-alpha.31"
   }
 }
diff --git a/code/examples/standalone-preview/storybook.html b/code/examples/standalone-preview/storybook.html
index ac1f9f1fe2cb..8982f5f79f68 100644
--- a/code/examples/standalone-preview/storybook.html
+++ b/code/examples/standalone-preview/storybook.html
@@ -7,8 +7,8 @@
     <title></title>
   </head>
   <body>
-    <div id="root"></div>
-    <div id="docs-root"></div>
+    <div id="storybook-root"></div>
+    <div id="storybook-docs"></div>
     <script type="module" src="./storybook.ts"></script>
     <div class="sb-errordisplay sb-wrapper">
       <div id="error-message" class="sb-heading"></div>
diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json
index 137d71afbc3b..4be05d2e943d 100644
--- a/code/examples/svelte-kitchen-sink/package.json
+++ b/code/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build-storybook": "storybook build",
@@ -10,24 +10,24 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-interactions": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/svelte": "7.0.0-alpha.20",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.31",
+    "@storybook/svelte": "7.0.0-alpha.31",
+    "@storybook/svelte-webpack5": "7.0.0-alpha.31",
     "@storybook/testing-library": "0.0.14-next.0",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^4.10.6"
   },
diff --git a/code/examples/svelte-kitchen-sink/src/stories/addon-actions.stories.js b/code/examples/svelte-kitchen-sink/src/stories/addon-actions.stories.js
deleted file mode 100644
index 4cb15b8a702e..000000000000
--- a/code/examples/svelte-kitchen-sink/src/stories/addon-actions.stories.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { action } from '@storybook/addon-actions';
-
-import Button from '../components/Button.svelte';
-
-export default {
-  title: 'Addon/Actions',
-};
-
-export const ActionOnComponentMethod = () => ({
-  Component: Button,
-  props: {
-    text: 'Custom text',
-  },
-  on: {
-    click: action('I am logging in the actions tab too'),
-  },
-});
-
-ActionOnComponentMethod.storyName = 'Action on component method';
diff --git a/code/examples/svelte-kitchen-sink/src/stories/addon-backgrounds.stories.js b/code/examples/svelte-kitchen-sink/src/stories/addon-backgrounds.stories.js
deleted file mode 100644
index 24bf99802265..000000000000
--- a/code/examples/svelte-kitchen-sink/src/stories/addon-backgrounds.stories.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import ButtonView from './views/ButtonView.svelte';
-
-export default {
-  title: 'Addon/Backgrounds',
-  parameters: {
-    backgrounds: {
-      default: 'dark',
-      values: [
-        { name: 'light', value: '#eeeeee' },
-        { name: 'dark', value: '#222222' },
-      ],
-    },
-  },
-};
-
-export const Story1 = () => ({
-  Component: ButtonView,
-});
-
-Story1.storyName = 'story 1';
diff --git a/code/examples/svelte-kitchen-sink/src/stories/decorators.stories.js b/code/examples/svelte-kitchen-sink/src/stories/decorators.stories.js
index ee442880e75d..221549146dcb 100644
--- a/code/examples/svelte-kitchen-sink/src/stories/decorators.stories.js
+++ b/code/examples/svelte-kitchen-sink/src/stories/decorators.stories.js
@@ -1,5 +1,4 @@
 import { setContext } from 'svelte';
-import { action } from '@storybook/addon-actions';
 import Context from '../components/Context.svelte';
 import BorderDecorator from './BorderDecorator.svelte';
 
@@ -14,7 +13,7 @@ export default {
 
 export const Decorators = () => ({
   on: {
-    click: action('I am logging in the actions tab'),
+    click: () => {},
   },
 });
 Decorators.decorators = [
diff --git a/code/examples/vue-3-cli/.storybook/preview.ts b/code/examples/vue-3-cli/.storybook/preview.ts
index fdfac1a1b9e6..4b162b588824 100644
--- a/code/examples/vue-3-cli/.storybook/preview.ts
+++ b/code/examples/vue-3-cli/.storybook/preview.ts
@@ -1,5 +1,5 @@
 import { Parameters, setup } from '@storybook/vue3';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import Button from '../src/stories/Button.vue';
 
 // TODO: I'd like to be able to export rather than imperatively calling an imported function
diff --git a/code/examples/vue-3-cli/package.json b/code/examples/vue-3-cli/package.json
index 8693ebe591e5..5a8a0611e966 100644
--- a/code/examples/vue-3-cli/package.json
+++ b/code/examples/vue-3-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-3-cli-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -9,26 +9,25 @@
     "storybook": "storybook dev -p 6006 --no-manager-cache"
   },
   "dependencies": {
-    "core-js": "^3.8.2",
     "vue": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-essentials": "7.0.0-alpha.31",
+    "@storybook/addon-interactions": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue3": "7.0.0-alpha.20",
-    "@storybook/vue3-webpack5": "7.0.0-alpha.20",
+    "@storybook/vue3": "7.0.0-alpha.31",
+    "@storybook/vue3-webpack5": "7.0.0-alpha.31",
     "@vue/cli-plugin-babel": "^5.0.4",
     "@vue/cli-plugin-typescript": "^5.0.4",
     "@vue/cli-service": "^5.0.4",
     "@vue/compiler-sfc": "^3.2.36",
     "babel-loader": "^8.2.5",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "typescript": "~4.6.3",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.0.0"
diff --git a/code/examples/vue-3-cli/src/stories/Button.vue b/code/examples/vue-3-cli/src/stories/Button.vue
index b366548441ee..5a704e2d1bce 100644
--- a/code/examples/vue-3-cli/src/stories/Button.vue
+++ b/code/examples/vue-3-cli/src/stories/Button.vue
@@ -37,7 +37,7 @@ export default defineComponent({
 
   emits: ['click'],
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   setup(props, { emit }) {
     props = reactive(props);
     return {
diff --git a/code/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts b/code/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts
index a0a94a7a1eb7..adb16e2bf414 100644
--- a/code/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts
+++ b/code/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts
@@ -15,7 +15,6 @@ export default {
       const story = storyFn();
       // Vue 3 "Functional" component as decorator
       return () => {
-        // @ts-ignore // this is an unfortunate side-effect of having vue & vue3 in 1 repo
         return h('div', { style: 'border: 2px solid red' }, h(story));
       };
     },
@@ -27,7 +26,6 @@ export default {
 
   Make sure to pass the `args` the component expects  to receive as the props!
  */
-// @ts-ignore // this is an unfortunate side-effect of having vue & vue3 in 1 repo
 const Template: StoryFn<Props> = (args, { argTypes }) => {
   const component: FunctionalComponent<Props> = () => h(DynamicHeading, args, 'Hello World!');
   component.props = Object.keys(argTypes);
diff --git a/code/examples/vue-3-cli/src/stories/OverrideArgs.vue b/code/examples/vue-3-cli/src/stories/OverrideArgs.vue
index b98424b021fb..2c5728dc119b 100644
--- a/code/examples/vue-3-cli/src/stories/OverrideArgs.vue
+++ b/code/examples/vue-3-cli/src/stories/OverrideArgs.vue
@@ -23,7 +23,7 @@ export default {
     },
   },
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   setup(props, { emit }) {
     const classes = {
       'storybook-button': true,
diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json
index 0009d1426e28..00a33dc0b2fd 100644
--- a/code/examples/vue-cli/package.json
+++ b/code/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -9,22 +9,21 @@
     "storybook": "storybook dev -p 9009 --no-manager-cache"
   },
   "dependencies": {
-    "core-js": "^3.8.2",
     "vue": "^2.6.12",
     "vue-class-component": "^7.2.6",
     "vue-property-decorator": "^9.1.2"
   },
   "devDependencies": {
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-essentials": "7.0.0-alpha.20",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-essentials": "7.0.0-alpha.31",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/source-loader": "7.0.0-alpha.20",
-    "@storybook/vue": "7.0.0-alpha.20",
-    "@storybook/vue-webpack5": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.31",
+    "@storybook/vue": "7.0.0-alpha.31",
+    "@storybook/vue-webpack5": "7.0.0-alpha.31",
     "@vue/cli-plugin-babel": "^5.0.4",
     "@vue/cli-plugin-typescript": "^5.0.4",
     "@vue/cli-service": "^5.0.4",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "typescript": "~4.6.3",
     "vue-template-compiler": "^2.6.14"
   }
diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json
index 620363008f76..75f08f61f8a6 100644
--- a/code/examples/vue-kitchen-sink/package.json
+++ b/code/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.20",
-    "@storybook/addon-actions": "7.0.0-alpha.20",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.20",
-    "@storybook/addon-controls": "7.0.0-alpha.20",
-    "@storybook/addon-docs": "7.0.0-alpha.20",
-    "@storybook/addon-highlight": "7.0.0-alpha.20",
-    "@storybook/addon-interactions": "7.0.0-alpha.20",
-    "@storybook/addon-links": "7.0.0-alpha.20",
-    "@storybook/addon-storyshots": "7.0.0-alpha.20",
-    "@storybook/addon-storysource": "7.0.0-alpha.20",
-    "@storybook/addon-viewport": "7.0.0-alpha.20",
-    "@storybook/addons": "7.0.0-alpha.20",
+    "@storybook/addon-a11y": "7.0.0-alpha.31",
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addon-backgrounds": "7.0.0-alpha.31",
+    "@storybook/addon-controls": "7.0.0-alpha.31",
+    "@storybook/addon-docs": "7.0.0-alpha.31",
+    "@storybook/addon-highlight": "7.0.0-alpha.31",
+    "@storybook/addon-interactions": "7.0.0-alpha.31",
+    "@storybook/addon-links": "7.0.0-alpha.31",
+    "@storybook/addon-storyshots": "7.0.0-alpha.31",
+    "@storybook/addon-storysource": "7.0.0-alpha.31",
+    "@storybook/addon-viewport": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
     "@storybook/jest": "^0.0.10",
-    "@storybook/source-loader": "7.0.0-alpha.20",
+    "@storybook/source-loader": "7.0.0-alpha.31",
     "@storybook/testing-library": "0.0.14-next.0",
-    "@storybook/vue": "7.0.0-alpha.20",
-    "@storybook/vue-webpack5": "7.0.0-alpha.20",
+    "@storybook/vue": "7.0.0-alpha.31",
+    "@storybook/vue-webpack5": "7.0.0-alpha.31",
     "@vue/babel-preset-jsx": "^1.2.4",
     "babel-loader": "^8.2.5",
     "cross-env": "^7.0.3",
     "file-loader": "^6.2.0",
     "prop-types": "^15.7.2",
-    "storybook": "7.0.0-alpha.20",
+    "storybook": "7.0.0-alpha.31",
     "svg-url-loader": "^7.1.1",
     "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.3",
diff --git a/code/examples/vue-kitchen-sink/src/stories/addon-actions.stories.js b/code/examples/vue-kitchen-sink/src/stories/addon-actions.stories.js
deleted file mode 100644
index 2e0ac18b964c..000000000000
--- a/code/examples/vue-kitchen-sink/src/stories/addon-actions.stories.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { action, actions } from '@storybook/addon-actions';
-
-export default {
-  title: 'Addon/Actions',
-};
-
-export const ActionOnly = () => ({
-  template: '<my-button @click="log">Click me to log the action</my-button>',
-  methods: {
-    log: action('log1'),
-  },
-});
-
-ActionOnly.storyName = 'Action only';
-
-export const MultipleActions = () => ({
-  template:
-    '<my-button @click="click" @double-click="doubleclick">(Double) click me to log the action</my-button>',
-  methods: actions('click', 'doubleclick'),
-});
-
-MultipleActions.storyName = 'Multiple actions';
-
-export const MultipleActionsObject = () => ({
-  template:
-    '<my-button @click="click" @double-click="doubleclick">(Double) click me to log the action</my-button>',
-  methods: actions({ click: 'clicked', doubleclick: 'double clicked' }),
-});
-
-MultipleActionsObject.storyName = 'Multiple actions, object';
-
-export const ActionAndMethod = () => ({
-  template: '<my-button @click="log">Click me to log the action</my-button>',
-  methods: {
-    log: (e) => {
-      e.preventDefault();
-      action('log2')(e.target);
-    },
-  },
-});
-
-ActionAndMethod.storyName = 'Action and method';
diff --git a/code/examples/vue-kitchen-sink/src/stories/addon-backgrounds.stories.js b/code/examples/vue-kitchen-sink/src/stories/addon-backgrounds.stories.js
deleted file mode 100644
index 5400daf8829e..000000000000
--- a/code/examples/vue-kitchen-sink/src/stories/addon-backgrounds.stories.js
+++ /dev/null
@@ -1,32 +0,0 @@
-export default {
-  title: 'Addon/Backgrounds',
-  parameters: {
-    backgrounds: {
-      default: 'dark',
-      values: [
-        { name: 'light', value: '#eeeeee' },
-        { name: 'dark', value: '#222222' },
-      ],
-    },
-  },
-};
-
-export const Story1 = () => {
-  const content = 'You should be able to switch backgrounds for this story';
-
-  return {
-    template: `<button>${content}</button>`,
-  };
-};
-
-Story1.storyName = 'story 1';
-
-export const Story2 = () => {
-  const content = 'This one too!';
-
-  return {
-    template: `<button>${content}</button>`,
-  };
-};
-
-Story2.storyName = 'story 2';
diff --git a/code/examples/vue-kitchen-sink/src/stories/custom-rendering.stories.js b/code/examples/vue-kitchen-sink/src/stories/custom-rendering.stories.js
index b9a04272346e..dd03e934e7d4 100644
--- a/code/examples/vue-kitchen-sink/src/stories/custom-rendering.stories.js
+++ b/code/examples/vue-kitchen-sink/src/stories/custom-rendering.stories.js
@@ -1,5 +1,3 @@
-import Vuex from 'vuex';
-import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
 import MyButton from './Button.vue';
@@ -57,48 +55,6 @@ export const JSX = () => ({
   },
 });
 
-export const VuexActions = () => ({
-  components: { MyButton },
-  template: '<my-button @click="log">with vuex: {{ $store.state.count }}</my-button>',
-  store: new Vuex.Store({
-    state: { count: 0 },
-    mutations: {
-      increment(state) {
-        state.count += 1; // eslint-disable-line
-        action('vuex state')(state);
-      },
-    },
-  }),
-  methods: {
-    log() {
-      this.$store.commit('increment');
-    },
-  },
-});
-
-VuexActions.storyName = 'vuex + actions';
-
-export const WhateverYouWant = () => ({
-  components: { MyButton },
-  template: '<my-button @click="log">with awesomeness: {{ $store.state.count }}</my-button>',
-  store: new Vuex.Store({
-    state: { count: 0 },
-    mutations: {
-      increment(state) {
-        state.count += 1; // eslint-disable-line
-        action('vuex state')(state);
-      },
-    },
-  }),
-  methods: {
-    log() {
-      this.$store.commit('increment');
-    },
-  },
-});
-
-WhateverYouWant.storyName = 'whatever you want';
-
 export const PreRegisteredComponent = () => ({
   /* By pre-registering component in preview.js,
    * the need to register all components with each story is removed.
diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json
index 52b6111d87b5..9af236a74427 100644
--- a/code/examples/web-components-kitchen-sink/package.json
+++ b/code/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "private": true,
   "description": "",
   "keywords": [],
diff --git a/code/examples/web-components-kitchen-sink/src/stories/addons/background/addon-background.stories.ts b/code/examples/web-components-kitchen-sink/src/stories/addons/background/addon-background.stories.ts
deleted file mode 100644
index b799994ee2ad..000000000000
--- a/code/examples/web-components-kitchen-sink/src/stories/addons/background/addon-background.stories.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { html } from 'lit';
-import type { Meta, StoryFn } from '@storybook/web-components';
-
-export default {
-  title: 'Addons / Backgrounds',
-  parameters: {
-    backgrounds: {
-      default: 'twitter',
-      values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
-      ],
-    },
-  },
-} as Meta;
-
-const Template: StoryFn = () => html`<button>Click Me!</button>`;
-
-export const Default = Template.bind({});
-
-export const Overridden = Template.bind({});
-Overridden.parameters = {
-  backgrounds: {
-    default: 'pink',
-    values: [
-      { name: 'pink', value: 'hotpink' },
-      { name: 'blue', value: 'deepskyblue' },
-    ],
-  },
-};
diff --git a/code/examples/web-components-kitchen-sink/src/stories/addons/viewport/addon-viewport.stories.ts b/code/examples/web-components-kitchen-sink/src/stories/addons/viewport/addon-viewport.stories.ts
deleted file mode 100644
index 6cd00ede64a3..000000000000
--- a/code/examples/web-components-kitchen-sink/src/stories/addons/viewport/addon-viewport.stories.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { html } from 'lit';
-import type { Meta, StoryFn } from '@storybook/web-components';
-import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
-
-export default {
-  title: 'Addons / Viewport',
-  parameters: {
-    viewport: {
-      viewports: INITIAL_VIEWPORTS,
-    },
-  },
-} as Meta;
-
-const Template: StoryFn<{ title: string }> = (args) => html`<h2>${args.title}</h2>`;
-
-export const Default = Template.bind({});
-Default.args = {
-  title: 'Click on the viewports icon on toolbar to make the viewport change',
-};
-
-export const CustomViewports = Template.bind({});
-CustomViewports.args = {
-  title: 'I am using a custom viewport for Kindle Fire 2',
-};
-CustomViewports.parameters = {
-  viewport: {
-    viewports: {
-      kindleFire2: {
-        name: 'Kindle Fire 2',
-        styles: {
-          width: '600px',
-          height: '963px',
-        },
-      },
-    },
-    defaultViewport: 'kindleFire2',
-  },
-};
-
-export const Overriden = Template.bind({});
-Overriden.args = {
-  title: 'I have a different default viewport: ipad!',
-};
-Overriden.storyName = 'Overridden via "defaultViewport" parameter';
-Overriden.parameters = {
-  viewport: { defaultViewport: 'ipad' },
-};
-
-export const Disabled = Template.bind({});
-Disabled.args = {
-  title: 'I have disabled viewports addon',
-};
-Disabled.parameters = {
-  viewport: { disable: true },
-};
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 507e4d372f51..d625191924ca 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -31,22 +31,22 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/core-server": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
+    "@storybook/core-server": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
@@ -84,7 +84,7 @@
     "@angular/forms": "^13.3.6",
     "@angular/platform-browser": "^13.3.6",
     "@angular/platform-browser-dynamic": "^13.3.6",
-    "@nrwl/workspace": "^14.1.4",
+    "@nrwl/workspace": "14.6.1",
     "@types/autoprefixer": "^9.7.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
@@ -108,7 +108,7 @@
     "@angular/platform-browser": ">=6.0.0",
     "@angular/platform-browser-dynamic": ">=6.0.0",
     "@babel/core": "*",
-    "@nrwl/workspace": ">=11.1.0",
+    "@nrwl/workspace": "14.6.1",
     "rxjs": "^6.0.0 || ^7.4.0",
     "typescript": "^4.0.0",
     "zone.js": "^0.8.29 || ^0.9.0 || ^0.10.0 || ^0.11.0"
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts b/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts
index d781233c6364..888024d83614 100644
--- a/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts
+++ b/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts
@@ -44,17 +44,17 @@ export class RendererFactory {
 }
 
 export const getRenderType = (targetDOMNode: HTMLElement): RenderType => {
-  return targetDOMNode.id === 'root' ? 'canvas' : 'docs';
+  return targetDOMNode.id === 'storybook-root' ? 'canvas' : 'docs';
 };
 
 export function clearRootHTMLElement(renderType: RenderType) {
   switch (renderType) {
     case 'canvas':
-      global.document.getElementById('docs-root').innerHTML = '';
+      global.document.getElementById('storybook-docs').innerHTML = '';
       break;
 
     case 'docs':
-      global.document.getElementById('root').innerHTML = '';
+      global.document.getElementById('storybook-root').innerHTML = '';
       break;
     default:
       break;
diff --git a/code/frameworks/angular/src/client/angular/helpers.ts b/code/frameworks/angular/src/client/angular/helpers.ts
index 21ca577b7fc8..a75f1c7d2a7c 100644
--- a/code/frameworks/angular/src/client/angular/helpers.ts
+++ b/code/frameworks/angular/src/client/angular/helpers.ts
@@ -1,4 +1,3 @@
-// @ts-ignore
 import global from 'global';
 import { enableProdMode, NgModule, Component, NgModuleRef, Type, NgZone } from '@angular/core';
 import { FormsModule } from '@angular/forms';
@@ -168,7 +167,7 @@ const initModule = (storyFn: PartialStoryFn<AngularFramework>) => {
   );
 };
 
-const staticRoot = document.getElementById('root');
+const staticRoot = document.getElementById('storybook-root');
 const insertDynamicRoot = () => {
   const app = document.createElement('storybook-dynamic-app-root');
   staticRoot.innerHTML = '';
diff --git a/code/frameworks/angular/src/client/docs/angular-properties.test.ts b/code/frameworks/angular/src/client/docs/angular-properties.test.ts
index 49c7f5661a66..a30cde917d60 100644
--- a/code/frameworks/angular/src/client/docs/angular-properties.test.ts
+++ b/code/frameworks/angular/src/client/docs/angular-properties.test.ts
@@ -6,7 +6,7 @@ import { sync as spawnSync } from 'cross-spawn';
 
 import { findComponentByName, extractArgTypesFromData } from './compodoc';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 const { SNAPSHOT_OS } = global;
 
 // File hierarchy: __testfixtures__ / some-test-case / input.*
diff --git a/code/frameworks/angular/src/client/docs/compodoc.ts b/code/frameworks/angular/src/client/docs/compodoc.ts
index 7de806bce9ad..d8d16c2eb2aa 100644
--- a/code/frameworks/angular/src/client/docs/compodoc.ts
+++ b/code/frameworks/angular/src/client/docs/compodoc.ts
@@ -21,11 +21,11 @@ export const isMethod = (methodOrProp: Method | Property): methodOrProp is Metho
 };
 
 export const setCompodocJson = (compodocJson: CompodocJson) => {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 export const getCompodocJson = (): CompodocJson => window.__STORYBOOK_COMPODOC_JSON__;
 
 export const checkValidComponentOrDirective = (component: Component | Directive) => {
@@ -191,7 +191,6 @@ const extractDefaultValueFromComments = (property: Property, value: any) => {
   let commentValue = value;
   property.jsdoctags.forEach((tag: JsDocTag) => {
     if (['default', 'defaultvalue'].includes(tag.tagName.escapedText)) {
-      // @ts-ignore
       const dom = new window.DOMParser().parseFromString(tag.comment, 'text/html');
       commentValue = dom.body.textContent;
     }
diff --git a/code/frameworks/angular/src/server/angular-cli-webpack-older.ts b/code/frameworks/angular/src/server/angular-cli-webpack-older.ts
index 81ea9a3de562..22519c2e4d4e 100644
--- a/code/frameworks/angular/src/server/angular-cli-webpack-older.ts
+++ b/code/frameworks/angular/src/server/angular-cli-webpack-older.ts
@@ -109,7 +109,6 @@ function mergeAngularCliWebpackConfig(
   // styleWebpackConfig.entry adds global style files to the webpack context
   const entry = [
     ...(baseConfig.entry as string[]),
-    // @ts-ignore
     ...Object.values(cliStyleWebpackConfig.entry).reduce((acc, item) => acc.concat(item), []),
   ];
 
diff --git a/code/frameworks/angular/src/server/angular-devkit-build-webpack.ts b/code/frameworks/angular/src/server/angular-devkit-build-webpack.ts
index 83a605db890c..6189812669bb 100644
--- a/code/frameworks/angular/src/server/angular-devkit-build-webpack.ts
+++ b/code/frameworks/angular/src/server/angular-devkit-build-webpack.ts
@@ -121,8 +121,6 @@ const buildWebpackConfigOptions = async (
     sourceMap: {},
     styles: [],
     // Deleted in angular 12. Keep for compatibility with versions lower than angular 12
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
     lazyModules: [],
 
     // Project Options
@@ -139,8 +137,7 @@ const buildWebpackConfigOptions = async (
     statsJson: false,
 
     // Deleted in angular 12. Keep for compatibility with versions lower than angular 12
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     forkTypeChecker: false,
   };
 
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index e72d3cbcd61c..aa7f6ff21287 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -27,15 +27,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -58,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/ember/src/client/preview/render.ts b/code/frameworks/ember/src/client/preview/render.ts
index 63b5a8936506..19d71d881cc9 100644
--- a/code/frameworks/ember/src/client/preview/render.ts
+++ b/code/frameworks/ember/src/client/preview/render.ts
@@ -1,13 +1,13 @@
 import global from 'global';
 import { dedent } from 'ts-dedent';
 import type { RenderContext } from '@storybook/store';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import Component from '@ember/component'; // eslint-disable-line import/no-unresolved
 import { OptionsArgs, EmberFramework } from './types';
 
 const { window: globalWindow, document } = global;
 
-const rootEl = document.getElementById('root');
+const rootEl = document.getElementById('storybook-root');
 
 const config = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/config/environment`);
 const app = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/app`).default.create({
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index ab502367bc20..4a145182d4b4 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/html": "7.0.0-alpha.20",
-    "@storybook/preset-html-webpack": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/html": "7.0.0-alpha.31",
+    "@storybook/preset-html-webpack": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0"
@@ -79,5 +78,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index cab8c09d0380..6e27a8fae773 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -47,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preact": "7.0.0-alpha.20",
-    "@storybook/preset-preact-webpack": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/preact": "7.0.0-alpha.31",
+    "@storybook/preset-preact-webpack": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -80,5 +79,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/react-vite/README.md b/code/frameworks/react-vite/README.md
new file mode 100644
index 000000000000..e8a35450aec9
--- /dev/null
+++ b/code/frameworks/react-vite/README.md
@@ -0,0 +1 @@
+# Storybook for React
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
new file mode 100644
index 000000000000..40de694c6964
--- /dev/null
+++ b/code/frameworks/react-vite/package.json
@@ -0,0 +1,87 @@
+{
+  "name": "@storybook/react-vite",
+  "version": "7.0.0-alpha.31",
+  "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/react-vite",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "frameworks/react-vite"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "types/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "check": "tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@joshwooding/vite-plugin-react-docgen-typescript": "^0.0.5",
+    "@rollup/pluginutils": "^4.2.0",
+    "@storybook/builder-vite": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@vitejs/plugin-react": "^2.0.1",
+    "ast-types": "^0.14.2",
+    "magic-string": "^0.26.1",
+    "react-docgen": "^6.0.0-alpha.3",
+    "vite": "3"
+  },
+  "devDependencies": {
+    "@types/node": "^14.14.20 || ^16.0.0",
+    "typescript": "~4.6.3",
+    "vite": "^3.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "engines": {
+    "node": "^14.18 || >=16"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
+}
diff --git a/code/frameworks/react-vite/preset.js b/code/frameworks/react-vite/preset.js
new file mode 100644
index 000000000000..a83f95279e7f
--- /dev/null
+++ b/code/frameworks/react-vite/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/code/frameworks/react-vite/src/index.ts b/code/frameworks/react-vite/src/index.ts
new file mode 100644
index 000000000000..73f50674eeac
--- /dev/null
+++ b/code/frameworks/react-vite/src/index.ts
@@ -0,0 +1,2 @@
+export * from '@storybook/react';
+export type { StorybookConfig } from '@storybook/builder-vite';
diff --git a/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts b/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts
new file mode 100644
index 000000000000..efa6717b47b2
--- /dev/null
+++ b/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts
@@ -0,0 +1,48 @@
+/**
+ * This is heavily based on the react-docgen `displayNameHandler`
+ * (https://github.com/reactjs/react-docgen/blob/26c90c0dd105bf83499a83826f2a6ff7a724620d/src/handlers/displayNameHandler.ts)
+ * but instead defines an `actualName` property on the generated docs that is taken first from the component's actual name.
+ * This addresses an issue where the name that the generated docs are stored under is incorrectly named with the `displayName`
+ * and not the component's actual name.
+ *
+ * This is inspired by `actualNameHandler` from https://github.com/storybookjs/babel-plugin-react-docgen, but is modified
+ * directly from displayNameHandler, using the same approach as babel-plugin-react-docgen.
+ */
+
+import { namedTypes as t } from 'ast-types';
+import type { NodePath } from 'ast-types/lib/node-path';
+import { getNameOrValue, isReactForwardRefCall } from 'react-docgen/dist/utils';
+import type { Importer } from 'react-docgen/dist/parse';
+import type Documentation from 'react-docgen/dist/Documentation';
+
+export default function actualNameHandler(
+  documentation: Documentation,
+  path: NodePath,
+  importer: Importer
+): void {
+  if (t.ClassDeclaration.check(path.node) || t.FunctionDeclaration.check(path.node)) {
+    documentation.set('actualName', getNameOrValue(path.get('id')));
+  } else if (
+    t.ArrowFunctionExpression.check(path.node) ||
+    t.FunctionExpression.check(path.node) ||
+    isReactForwardRefCall(path, importer)
+  ) {
+    let currentPath = path;
+    while (currentPath.parent) {
+      if (t.VariableDeclarator.check(currentPath.parent.node)) {
+        documentation.set('actualName', getNameOrValue(currentPath.parent.get('id')));
+        return;
+      }
+      if (t.AssignmentExpression.check(currentPath.parent.node)) {
+        const leftPath = currentPath.parent.get('left');
+        if (t.Identifier.check(leftPath.node) || t.Literal.check(leftPath.node)) {
+          documentation.set('actualName', getNameOrValue(leftPath));
+          return;
+        }
+      }
+      currentPath = currentPath.parent;
+    }
+    // Could not find an actual name
+    documentation.set('actualName', '');
+  }
+}
diff --git a/code/frameworks/react-vite/src/plugins/react-docgen.ts b/code/frameworks/react-vite/src/plugins/react-docgen.ts
new file mode 100644
index 000000000000..46a99b7d8881
--- /dev/null
+++ b/code/frameworks/react-vite/src/plugins/react-docgen.ts
@@ -0,0 +1,69 @@
+import path from 'path';
+import { createFilter } from '@rollup/pluginutils';
+import {
+  parse,
+  handlers as docgenHandlers,
+  resolver as docgenResolver,
+  importers as docgenImporters,
+} from 'react-docgen';
+import type { DocumentationObject } from 'react-docgen/lib/Documentation';
+import MagicString from 'magic-string';
+import type { PluginOption } from 'vite';
+import actualNameHandler from './docgen-handlers/actualNameHandler';
+
+type DocObj = DocumentationObject & { actualName: string };
+
+// TODO: None of these are able to be overridden, so `default` is aspirational here.
+const defaultHandlers = Object.values(docgenHandlers).map((handler) => handler);
+const defaultResolver = docgenResolver.findAllExportedComponentDefinitions;
+const defaultImporter = docgenImporters.makeFsImporter();
+const handlers = [...defaultHandlers, actualNameHandler];
+
+type Options = {
+  include?: string | RegExp | (string | RegExp)[];
+  exclude?: string | RegExp | (string | RegExp)[];
+};
+
+export function reactDocgen({
+  include = /\.(mjs|tsx?|jsx?)$/,
+  exclude = [/node_modules\/.*/],
+}: Options = {}): PluginOption {
+  const cwd = process.cwd();
+  const filter = createFilter(include, exclude);
+
+  return {
+    name: 'storybook:react-docgen-plugin',
+    enforce: 'pre',
+    async transform(src: string, id: string) {
+      const relPath = path.relative(cwd, id);
+      if (!filter(relPath)) return;
+
+      try {
+        // Since we're using `findAllExportedComponentDefinitions`, this will always be an array.
+        const docgenResults = parse(src, defaultResolver, handlers, {
+          importer: defaultImporter,
+          filename: id,
+        }) as DocObj[];
+        const s = new MagicString(src);
+
+        docgenResults.forEach((info) => {
+          const { actualName, ...docgenInfo } = info;
+          if (actualName) {
+            const docNode = JSON.stringify(docgenInfo);
+            s.append(`;${actualName}.__docgenInfo=${docNode}`);
+          }
+        });
+
+        // eslint-disable-next-line consistent-return
+        return {
+          code: s.toString(),
+          map: s.generateMap(),
+        };
+      } catch (e) {
+        // Usually this is just an error from react-docgen that it couldn't find a component
+        // Only uncomment for troubleshooting
+        // console.error(e);
+      }
+    },
+  };
+}
diff --git a/code/frameworks/react-vite/src/preset.ts b/code/frameworks/react-vite/src/preset.ts
new file mode 100644
index 000000000000..0abcdd4d9db8
--- /dev/null
+++ b/code/frameworks/react-vite/src/preset.ts
@@ -0,0 +1,50 @@
+/* eslint-disable global-require */
+import path from 'path';
+import fs from 'fs';
+import type { StorybookConfig, TypescriptOptions } from '@storybook/builder-vite';
+
+export const addons: StorybookConfig['addons'] = ['@storybook/react'];
+
+export const core: StorybookConfig['core'] = {
+  builder: '@storybook/builder-vite',
+};
+
+export function readPackageJson(): Record<string, any> | false {
+  const packageJsonPath = path.resolve('package.json');
+  if (!fs.existsSync(packageJsonPath)) {
+    return false;
+  }
+
+  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+  return JSON.parse(jsonContent);
+}
+
+export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => {
+  const { plugins = [] } = config;
+
+  const { reactDocgen, reactDocgenTypescriptOptions } = await presets.apply<any>(
+    'typescript',
+    {} as TypescriptOptions
+  );
+  let typescriptPresent;
+
+  try {
+    const pkgJson = readPackageJson();
+    typescriptPresent =
+      pkgJson && (pkgJson.devDependencies?.typescript || pkgJson.dependencies?.typescript);
+  } catch (e) {
+    typescriptPresent = false;
+  }
+
+  if (reactDocgen === 'react-docgen-typescript' && typescriptPresent) {
+    plugins.push(
+      require('@joshwooding/vite-plugin-react-docgen-typescript')(reactDocgenTypescriptOptions)
+    );
+  } else if (reactDocgen) {
+    const { reactDocgen: docgenPlugin } = await import('./plugins/react-docgen');
+    // Needs to run before the react plugin, so add to the front
+    plugins.unshift(docgenPlugin());
+  }
+
+  return config;
+};
diff --git a/code/frameworks/react-vite/src/typings.d.ts b/code/frameworks/react-vite/src/typings.d.ts
new file mode 100644
index 000000000000..94a00a8f317c
--- /dev/null
+++ b/code/frameworks/react-vite/src/typings.d.ts
@@ -0,0 +1,43 @@
+// TODO: Replace, as soon as @types/react-dom 17.0.14 is used
+// Source: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/fb0f14b7a35cde26ffaa82e7536c062e593e9ae6/types/react-dom/client.d.ts
+declare module 'react-dom/client' {
+  import React = require('react');
+  export interface HydrationOptions {
+    onHydrated?(suspenseInstance: Comment): void;
+    onDeleted?(suspenseInstance: Comment): void;
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
+  }
+
+  export interface RootOptions {
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
+  }
+
+  export interface Root {
+    render(children: React.ReactChild | Iterable<React.ReactNode>): void;
+    unmount(): void;
+  }
+
+  /**
+   * Replaces `ReactDOM.render` when the `.render` method is called and enables Concurrent Mode.
+   *
+   * @see https://reactjs.org/docs/concurrent-mode-reference.html#createroot
+   */
+  export function createRoot(
+    container: Element | Document | DocumentFragment | Comment,
+    options?: RootOptions
+  ): Root;
+
+  export function hydrateRoot(
+    container: Element | Document | DocumentFragment | Comment,
+    initialChildren: React.ReactChild | Iterable<React.ReactNode>,
+    options?: HydrationOptions
+  ): Root;
+}
diff --git a/code/frameworks/react-vite/tsconfig.json b/code/frameworks/react-vite/tsconfig.json
new file mode 100644
index 000000000000..534e4ddd108a
--- /dev/null
+++ b/code/frameworks/react-vite/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["node"],
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"]
+}
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 118a18704880..b58323c9366b 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -48,14 +48,13 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
-    "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2"
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/preset-react-webpack": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
+    "@types/node": "^14.14.20 || ^16.0.0"
   },
   "devDependencies": {
     "jest-specific-snapshot": "^4.0.0",
@@ -87,5 +86,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 15fe8555165b..8d15917de005 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-server-webpack": "7.0.0-alpha.20",
-    "@storybook/server": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/preset-server-webpack": "7.0.0-alpha.31",
+    "@storybook/server": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -75,5 +74,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/svelte-vite/README.md b/code/frameworks/svelte-vite/README.md
new file mode 100644
index 000000000000..30a7c36ca01e
--- /dev/null
+++ b/code/frameworks/svelte-vite/README.md
@@ -0,0 +1 @@
+# Storybook for Svelte
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
new file mode 100644
index 000000000000..8a0bf51303a3
--- /dev/null
+++ b/code/frameworks/svelte-vite/package.json
@@ -0,0 +1,83 @@
+{
+  "name": "@storybook/svelte-vite",
+  "version": "7.0.0-alpha.31",
+  "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/svelte-vite",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "frameworks/svelte-vite"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "types/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "check": "tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@storybook/addon-svelte-csf": "^2.0.0",
+    "@storybook/builder-vite": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/svelte": "7.0.0-alpha.31",
+    "@sveltejs/vite-plugin-svelte": "^1.0.0",
+    "magic-string": "^0.26.1",
+    "svelte": "^3.0.0",
+    "sveltedoc-parser": "^4.2.1",
+    "vite": "3"
+  },
+  "devDependencies": {
+    "@types/node": "^14.14.20 || ^16.0.0",
+    "typescript": "~4.6.3",
+    "vite": "^3.1.0"
+  },
+  "engines": {
+    "node": "^14.18 || >=16"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
+}
diff --git a/code/frameworks/svelte-vite/preset.js b/code/frameworks/svelte-vite/preset.js
new file mode 100644
index 000000000000..a83f95279e7f
--- /dev/null
+++ b/code/frameworks/svelte-vite/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/code/frameworks/svelte-vite/src/index.ts b/code/frameworks/svelte-vite/src/index.ts
new file mode 100644
index 000000000000..34948740dd91
--- /dev/null
+++ b/code/frameworks/svelte-vite/src/index.ts
@@ -0,0 +1,2 @@
+export * from '@storybook/svelte';
+export type { StorybookConfig } from '@storybook/builder-vite';
diff --git a/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts b/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts
new file mode 100644
index 000000000000..50b8603fbf77
--- /dev/null
+++ b/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts
@@ -0,0 +1,59 @@
+import { getNameFromFilename } from '@storybook/addon-svelte-csf/dist/cjs/parser/svelte-stories-loader';
+import { readFileSync } from 'fs';
+import { extractStories } from '@storybook/addon-svelte-csf/dist/cjs/parser/extract-stories';
+import type { Options } from '@sveltejs/vite-plugin-svelte';
+import * as svelte from 'svelte/compiler';
+import MagicString from 'magic-string';
+import { createFilter } from 'vite';
+
+const parser = require
+  .resolve('@storybook/addon-svelte-csf/dist/esm/parser/collect-stories')
+  .replace(/[/\\]/g, '/');
+
+export default function csfPlugin(svelteOptions?: Options) {
+  const include = /\.stories\.svelte$/;
+  const filter = createFilter(include);
+
+  return {
+    name: 'storybook:addon-svelte-csf-plugin',
+    enforce: 'post',
+    async transform(code: string, id: string) {
+      if (!filter(id)) return undefined;
+
+      const s = new MagicString(code);
+      const component = getNameFromFilename(id);
+      let source = readFileSync(id).toString();
+      if (svelteOptions && svelteOptions.preprocess) {
+        source = (await svelte.preprocess(source, svelteOptions.preprocess, { filename: id })).code;
+      }
+      const all = extractStories(source);
+      const { stories } = all;
+      const storyDef = Object.entries<any>(stories)
+        .filter(([, def]) => !def.template)
+        .map(([id]) => `export const ${id} = __storiesMetaData.stories[${JSON.stringify(id)}];`)
+        .join('\n');
+
+      s.replace('export default', '// export default');
+
+      const namedExportsOrder = Object.entries<any>(stories)
+        .filter(([, def]) => !def.template)
+        .map(([id]) => id);
+
+      const output = [
+        '',
+        `import parser from '${parser}';`,
+        `const __storiesMetaData = parser(${component}, ${JSON.stringify(all)});`,
+        'export default __storiesMetaData.meta;',
+        `export const __namedExportsOrder = ${JSON.stringify(namedExportsOrder)};`,
+        storyDef,
+      ].join('\n');
+
+      s.append(output);
+
+      return {
+        code: s.toString(),
+        map: s.generateMap({ hires: true, source: id }),
+      };
+    },
+  };
+}
diff --git a/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts b/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts
new file mode 100644
index 000000000000..07f4697e0729
--- /dev/null
+++ b/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts
@@ -0,0 +1,102 @@
+import type { PluginOption } from 'vite';
+import MagicString from 'magic-string';
+import path from 'path';
+import fs from 'fs';
+import svelteDoc from 'sveltedoc-parser';
+import type { SvelteParserOptions } from 'sveltedoc-parser';
+import { logger } from '@storybook/node-logger';
+import { preprocess } from 'svelte/compiler';
+import { createFilter } from 'vite';
+
+// Most of the code here should probably be exported by @storybook/svelte and reused here.
+// See: https://github.com/storybookjs/storybook/blob/next/app/svelte/src/server/svelte-docgen-loader.ts
+
+// From https://github.com/sveltejs/svelte/blob/8db3e8d0297e052556f0b6dde310ef6e197b8d18/src/compiler/compile/utils/get_name_from_filename.ts
+// Copied because it is not exported from the compiler
+function getNameFromFilename(filename: string) {
+  if (!filename) return null;
+
+  const parts = filename.split(/[/\\]/).map(encodeURI);
+
+  if (parts.length > 1) {
+    const indexMatch = parts[parts.length - 1].match(/^index(\.\w+)/);
+    if (indexMatch) {
+      parts.pop();
+      parts[parts.length - 1] += indexMatch[1];
+    }
+  }
+
+  const base = parts
+    .pop()
+    ?.replace(/%/g, 'u')
+    .replace(/\.[^.]+$/, '')
+    .replace(/[^a-zA-Z_$0-9]+/g, '_')
+    .replace(/^_/, '')
+    .replace(/_$/, '')
+    .replace(/^(\d)/, '_$1');
+
+  if (!base) {
+    throw new Error(`Could not derive component name from file ${filename}`);
+  }
+
+  return base[0].toUpperCase() + base.slice(1);
+}
+
+export function svelteDocgen(svelteOptions: Record<string, any>): PluginOption {
+  const cwd = process.cwd();
+  const { preprocess: preprocessOptions, logDocgen = false } = svelteOptions;
+  const include = /\.(svelte)$/;
+  const filter = createFilter(include);
+
+  return {
+    name: 'storybook:svelte-docgen-plugin',
+    async transform(src: string, id: string) {
+      if (!filter(id)) return undefined;
+
+      const resource = path.relative(cwd, id);
+
+      let docOptions;
+      if (preprocessOptions) {
+        const src = fs.readFileSync(resource).toString();
+
+        const { code: fileContent } = await preprocess(src, preprocessOptions, {
+          filename: resource,
+        });
+
+        docOptions = {
+          fileContent,
+        };
+      } else {
+        docOptions = { filename: resource };
+      }
+
+      // set SvelteDoc options
+      const options: SvelteParserOptions = {
+        ...docOptions,
+        version: 3,
+      };
+
+      const s = new MagicString(src);
+
+      try {
+        const componentDoc = await svelteDoc.parse(options);
+        // get filename for source content
+        const file = path.basename(resource);
+
+        componentDoc.name = path.basename(file);
+
+        const componentName = getNameFromFilename(resource);
+        s.append(`;${componentName}.__docgen = ${JSON.stringify(componentDoc)}`);
+      } catch (error: any) {
+        if (logDocgen) {
+          logger.error(error);
+        }
+      }
+
+      return {
+        code: s.toString(),
+        map: s.generateMap({ hires: true, source: id }),
+      };
+    },
+  };
+}
diff --git a/code/frameworks/svelte-vite/src/preset.ts b/code/frameworks/svelte-vite/src/preset.ts
new file mode 100644
index 000000000000..8006514d2fde
--- /dev/null
+++ b/code/frameworks/svelte-vite/src/preset.ts
@@ -0,0 +1,31 @@
+import path from 'path';
+import fs from 'fs';
+import type { StorybookConfig } from '@storybook/builder-vite';
+import { svelteDocgen } from './plugins/svelte-docgen';
+
+export const addons: StorybookConfig['addons'] = ['@storybook/svelte'];
+
+export const core: StorybookConfig['core'] = {
+  builder: '@storybook/builder-vite',
+};
+
+export function readPackageJson(): Record<string, any> | false {
+  const packageJsonPath = path.resolve('package.json');
+  if (!fs.existsSync(packageJsonPath)) {
+    return false;
+  }
+
+  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+  return JSON.parse(jsonContent);
+}
+
+export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => {
+  const { plugins = [] } = config;
+
+  plugins.push(svelteDocgen(config));
+
+  return {
+    ...config,
+    plugins,
+  };
+};
diff --git a/code/frameworks/svelte-vite/tsconfig.json b/code/frameworks/svelte-vite/tsconfig.json
new file mode 100644
index 000000000000..534e4ddd108a
--- /dev/null
+++ b/code/frameworks/svelte-vite/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["node"],
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"]
+}
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index eef159eb6cf5..73c40a409a4b 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -48,14 +48,13 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-svelte-webpack": "7.0.0-alpha.20",
-    "@storybook/svelte": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/preset-svelte-webpack": "7.0.0-alpha.31",
+    "@storybook/svelte": "7.0.0-alpha.31",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -82,5 +81,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index d7202a378326..0985955d1d28 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-vue-webpack": "7.0.0-alpha.20",
-    "@storybook/vue": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/preset-vue-webpack": "7.0.0-alpha.31",
+    "@storybook/vue": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -86,5 +85,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/vue3-vite/README.md b/code/frameworks/vue3-vite/README.md
new file mode 100644
index 000000000000..e8a35450aec9
--- /dev/null
+++ b/code/frameworks/vue3-vite/README.md
@@ -0,0 +1 @@
+# Storybook for React
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
new file mode 100644
index 000000000000..7451a6895702
--- /dev/null
+++ b/code/frameworks/vue3-vite/package.json
@@ -0,0 +1,81 @@
+{
+  "name": "@storybook/vue3-vite",
+  "version": "7.0.0-alpha.31",
+  "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/vue3-vite",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "frameworks/vue3-vite"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "types/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "check": "tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@storybook/builder-vite": "7.0.0-alpha.31",
+    "@storybook/core-server": "7.0.0-alpha.31",
+    "@storybook/vue3": "7.0.0-alpha.31",
+    "@vitejs/plugin-vue": "^3.0.3",
+    "magic-string": "^0.26.1",
+    "vite": "3",
+    "vue-docgen-api": "^4.40.0"
+  },
+  "devDependencies": {
+    "@types/node": "^14.14.20 || ^16.0.0",
+    "typescript": "~4.6.3",
+    "vite": "^3.1.0"
+  },
+  "engines": {
+    "node": "^14.18 || >=16"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
+}
diff --git a/code/frameworks/vue3-vite/preset.js b/code/frameworks/vue3-vite/preset.js
new file mode 100644
index 000000000000..2e3d77f1dea6
--- /dev/null
+++ b/code/frameworks/vue3-vite/preset.js
@@ -0,0 +1,2 @@
+console.log('vue3-vite preset!')
+module.exports = require('./dist/preset');
diff --git a/code/frameworks/vue3-vite/src/index.ts b/code/frameworks/vue3-vite/src/index.ts
new file mode 100644
index 000000000000..5687914b4894
--- /dev/null
+++ b/code/frameworks/vue3-vite/src/index.ts
@@ -0,0 +1,2 @@
+export * from '@storybook/vue3';
+export type { StorybookConfig } from '@storybook/builder-vite';
diff --git a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts
new file mode 100644
index 000000000000..6bed6a1fed98
--- /dev/null
+++ b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts
@@ -0,0 +1,27 @@
+import { parse } from 'vue-docgen-api';
+import type { PluginOption } from 'vite';
+import { createFilter } from 'vite';
+import MagicString from 'magic-string';
+
+export function vueDocgen(): PluginOption {
+  const include = /\.(vue)$/;
+  const filter = createFilter(include);
+
+  return {
+    name: 'storybook:vue-docgen-plugin',
+
+    async transform(src: string, id: string) {
+      if (!filter(id)) return undefined;
+
+      const metaData = await parse(id);
+      const metaSource = JSON.stringify(metaData);
+      const s = new MagicString(src);
+      s.append(`;_sfc_main.__docgenInfo = ${metaSource}`);
+
+      return {
+        code: s.toString(),
+        map: s.generateMap({ hires: true, source: id }),
+      };
+    },
+  };
+}
diff --git a/code/frameworks/vue3-vite/src/preset.ts b/code/frameworks/vue3-vite/src/preset.ts
new file mode 100644
index 000000000000..3f35bed8b1ce
--- /dev/null
+++ b/code/frameworks/vue3-vite/src/preset.ts
@@ -0,0 +1,39 @@
+import path from 'path';
+import fs from 'fs';
+import type { StorybookConfig } from '@storybook/builder-vite';
+import { vueDocgen } from './plugins/vue-docgen';
+
+export const addons: StorybookConfig['addons'] = ['@storybook/vue3'];
+
+export const core: StorybookConfig['core'] = {
+  builder: '@storybook/builder-vite',
+};
+
+export function readPackageJson(): Record<string, any> | false {
+  const packageJsonPath = path.resolve('package.json');
+  if (!fs.existsSync(packageJsonPath)) {
+    return false;
+  }
+
+  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+  return JSON.parse(jsonContent);
+}
+
+export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => {
+  const { plugins = [] } = config;
+
+  plugins.push(vueDocgen());
+
+  const updated = {
+    ...config,
+    plugins,
+    resolve: {
+      ...config.resolve,
+      alias: {
+        ...config.resolve?.alias,
+        vue: 'vue/dist/vue.esm-bundler.js',
+      },
+    },
+  };
+  return updated;
+};
diff --git a/code/frameworks/vue3-vite/tsconfig.json b/code/frameworks/vue3-vite/tsconfig.json
new file mode 100644
index 000000000000..534e4ddd108a
--- /dev/null
+++ b/code/frameworks/vue3-vite/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["node"],
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"]
+}
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 12bdc4581aed..96b75925d562 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-vue3-webpack": "7.0.0-alpha.20",
-    "@storybook/vue3": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/preset-vue3-webpack": "7.0.0-alpha.31",
+    "@storybook/vue3": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -83,5 +82,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 6fe34a17bc8e..d4829ae63e95 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -49,16 +49,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/preset-env": "^7.12.11",
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/preset-web-components-webpack": "7.0.0-alpha.20",
-    "@storybook/web-components": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/preset-web-components-webpack": "7.0.0-alpha.31",
+    "@storybook/web-components": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -82,5 +81,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/jest.init.ts b/code/jest.init.ts
index a505fe32a40a..8c49f8647736 100644
--- a/code/jest.init.ts
+++ b/code/jest.init.ts
@@ -3,11 +3,10 @@ import '@testing-library/jest-dom';
 
 // setup file
 import { configure } from 'enzyme';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import Adapter from 'enzyme-adapter-react-16';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import regeneratorRuntime from 'regenerator-runtime';
-// @ts-ignore
 import registerRequireContextHook from '@storybook/babel-plugin-require-context-hook/register';
 import EventEmitter from 'events';
 
@@ -25,9 +24,9 @@ const localStorageMock = {
   setItem: jest.fn().mockName('setItem'),
   clear: jest.fn().mockName('clear'),
 };
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 global.localStorage = localStorageMock;
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 global.regeneratorRuntime = regeneratorRuntime;
 
 configure({ adapter: new Adapter() });
diff --git a/code/lerna.json b/code/lerna.json
index 599aa6c26c94..a09aa096c7bf 100644
--- a/code/lerna.json
+++ b/code/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "7.0.0-alpha.20"
+  "version": "7.0.0-alpha.31"
 }
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 9494b9a37656..aa090e25890f 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -31,18 +31,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "@types/webpack-env": "^1.16.4",
-    "core-js": "^3.8.2",
+    "@storybook/router": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "global": "^4.4.0"
   },
   "peerDependencies": {
@@ -52,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/addons/src/hooks.ts b/code/lib/addons/src/hooks.ts
index 540e3a871b36..f6b711184778 100644
--- a/code/lib/addons/src/hooks.ts
+++ b/code/lib/addons/src/hooks.ts
@@ -329,11 +329,11 @@ function useStateLike<S>(
 ): [S, (update: ((prevState: S) => S) | S) => void] {
   const stateRef = useRefLike(
     name,
-    // @ts-ignore S type should never be function, but there's no way to tell that to TypeScript
+    // @ts-expect-error S type should never be function, but there's no way to tell that to TypeScript
     typeof initialState === 'function' ? initialState() : initialState
   );
   const setState = (update: ((prevState: S) => S) | S) => {
-    // @ts-ignore S type should never be function, but there's no way to tell that to TypeScript
+    // @ts-expect-error S type should never be function, but there's no way to tell that to TypeScript
     stateRef.current = typeof update === 'function' ? update(stateRef.current) : update;
     triggerUpdate();
   };
diff --git a/code/lib/addons/src/types.ts b/code/lib/addons/src/types.ts
index 5ce1726388b5..6cb8f86f3aaf 100644
--- a/code/lib/addons/src/types.ts
+++ b/code/lib/addons/src/types.ts
@@ -36,11 +36,10 @@ export interface ArgType<TArg = unknown> extends InputType {
 
 export type ArgTypes<TArgs = Args> = {
   [key in keyof Partial<TArgs>]: ArgType<TArgs[key]>;
-} &
-  {
-    // for custom defined args
-    [key in string]: ArgType<unknown>;
-  };
+} & {
+  // for custom defined args
+  [key in string]: ArgType<unknown>;
+};
 
 export type Comparator<T> = ((a: T, b: T) => boolean) | ((a: T, b: T) => number);
 export type StorySortMethod = 'configure' | 'alphabetical';
@@ -77,7 +76,8 @@ export type IndexEntry = StoryIndexEntry | DocsIndexEntry;
 
 // The `any` here is the story store's `StoreItem` record. Ideally we should probably only
 // pass a defined subset of that full data, but we pass it all so far :shrug:
-export type StorySortComparator = Comparator<[StoryId, any, Parameters, Parameters]>;
+export type IndexEntryLegacy = [StoryId, any, Parameters, Parameters];
+export type StorySortComparator = Comparator<IndexEntryLegacy>;
 export type StorySortParameter = StorySortComparator | StorySortObjectParameter;
 export type StorySortComparatorV7 = Comparator<IndexEntry>;
 export type StorySortParameterV7 = StorySortComparatorV7 | StorySortObjectParameter;
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 3a14426f57f7..7aa1f99c10d2 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -29,17 +29,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/theming": "7.0.0-alpha.31",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
@@ -50,11 +49,11 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
+    "@jest/globals": "^26.6.2",
+    "@storybook/core-common": "7.0.0-alpha.31",
     "@types/lodash": "^4.14.167",
     "@types/qs": "^6",
-    "@types/semver": "^7.3.4",
     "flush-promises": "^1.0.2",
-    "preval.macro": "^5.0.0",
     "qs": "^6.10.1",
     "typescript": "~4.6.3"
   },
@@ -65,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/api/src/index.tsx b/code/lib/api/src/index.tsx
index 26641a0b2f12..4c72559ce955 100644
--- a/code/lib/api/src/index.tsx
+++ b/code/lib/api/src/index.tsx
@@ -309,7 +309,7 @@ interface ManagerConsumerProps<P = unknown> {
 const defaultFilter = (c: Combo) => c;
 
 function ManagerConsumer<P = Combo>({
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   filter = defaultFilter,
   children,
 }: ManagerConsumerProps<P>): ReactElement {
diff --git a/code/lib/api/src/lib/stories.ts b/code/lib/api/src/lib/stories.ts
index 9be760fe3d8f..2019bc944ab1 100644
--- a/code/lib/api/src/lib/stories.ts
+++ b/code/lib/api/src/lib/stories.ts
@@ -519,6 +519,21 @@ export const transformStoryIndexToStoriesHash = (
     .reduce(addItem, orphanHash);
 };
 
+export const addPreparedStories = (newHash: StoriesHash, oldHash?: StoriesHash) => {
+  if (!oldHash) return newHash;
+
+  return Object.fromEntries(
+    Object.entries(newHash).map(([id, newEntry]) => {
+      const oldEntry = oldHash[id];
+      if (newEntry.type === 'story' && oldEntry?.type === 'story' && oldEntry.prepared) {
+        return [id, { ...oldEntry, ...newEntry, prepared: true }];
+      }
+
+      return [id, newEntry];
+    })
+  );
+};
+
 export const getComponentLookupList = memoize(1)((hash: StoriesHash) => {
   return Object.entries(hash).reduce((acc, i) => {
     const value = i[1];
diff --git a/code/lib/api/src/modules/stories.ts b/code/lib/api/src/modules/stories.ts
index ef1d5aa68641..3f6446e7a7e1 100644
--- a/code/lib/api/src/modules/stories.ts
+++ b/code/lib/api/src/modules/stories.ts
@@ -25,6 +25,7 @@ import {
   getStoriesLookupList,
   HashEntry,
   LeafEntry,
+  addPreparedStories,
 } from '../lib/stories';
 
 import type {
@@ -351,13 +352,16 @@ export const init: ModuleFn<SubAPI, SubState, true> = ({
       }
     },
     setStoryList: async (storyIndex: StoryIndex) => {
-      const hash = transformStoryIndexToStoriesHash(storyIndex, {
+      const newHash = transformStoryIndexToStoriesHash(storyIndex, {
         provider,
         docsOptions,
       });
 
+      // Now we need to patch in the existing prepared stories
+      const oldHash = store.getState().storiesHash;
+
       await store.setState({
-        storiesHash: hash,
+        storiesHash: addPreparedStories(newHash, oldHash),
         storiesConfigured: true,
         storiesFailed: null,
       });
diff --git a/code/lib/api/src/modules/versions.ts b/code/lib/api/src/modules/versions.ts
index 594ba4c99920..703924ac80c0 100644
--- a/code/lib/api/src/modules/versions.ts
+++ b/code/lib/api/src/modules/versions.ts
@@ -1,5 +1,5 @@
 import global from 'global';
-// @ts-ignore
+// @ts-expect-error no typedefs
 import semver from '@storybook/semver';
 import memoize from 'memoizerific';
 
diff --git a/code/lib/api/src/store.ts b/code/lib/api/src/store.ts
index 22b83c036643..1f9cde676f34 100644
--- a/code/lib/api/src/store.ts
+++ b/code/lib/api/src/store.ts
@@ -4,7 +4,6 @@ import storeSetup from './lib/store-setup';
 import type { State } from './index';
 
 // setting up the store, overriding set and get to use telejson
-// @ts-ignore
 storeSetup(store._);
 
 export const STORAGE_KEY = '@storybook/ui/store';
diff --git a/code/lib/api/src/tests/stories.test.ts b/code/lib/api/src/tests/stories.test.ts
index 132a95733526..a686680e2b3d 100644
--- a/code/lib/api/src/tests/stories.test.ts
+++ b/code/lib/api/src/tests/stories.test.ts
@@ -1,4 +1,6 @@
-/// <reference types="jest" />;
+/// <reference types="@types/jest" />;
+// Need to import jest as mockJest for annoying jest reasons. Is there a better way?
+import { jest, jest as mockJest, it, describe, expect, beforeEach } from '@jest/globals';
 
 import {
   STORY_ARGS_UPDATED,
@@ -21,17 +23,17 @@ import { StoryEntry, SetStoriesStoryData, SetStoriesStory, StoryIndex } from '..
 import type Store from '../store';
 import { ModuleArgs } from '..';
 
-const mockStories: jest.MockedFunction<() => StoryIndex['entries']> = jest.fn();
+const mockStories = jest.fn<StoryIndex['entries'], []>();
 
 jest.mock('../lib/events');
 jest.mock('global', () => ({
-  ...(jest.requireActual('global') as Record<string, any>),
-  fetch: jest.fn(() => ({ json: () => ({ v: 4, entries: mockStories() }) })),
+  ...(mockJest.requireActual('global') as Record<string, any>),
+  fetch: mockJest.fn(() => ({ json: () => ({ v: 4, entries: mockStories() }) })),
   FEATURES: { storyStoreV7: true },
   CONFIG_TYPE: 'DEVELOPMENT',
 }));
 
-const getEventMetadataMock = getEventMetadata as jest.MockedFunction<typeof getEventMetadata>;
+const getEventMetadataMock = getEventMetadata as ReturnType<typeof jest.fn>;
 
 const mockIndex = {
   'component-a--story-1': {
@@ -58,7 +60,7 @@ function createMockStore(initialState = {}) {
   let state = initialState;
   return {
     getState: jest.fn(() => state),
-    setState: jest.fn((s) => {
+    setState: jest.fn((s: typeof state) => {
       state = { ...state, ...s };
       return Promise.resolve(state);
     }),
@@ -1195,6 +1197,47 @@ describe('stories API', () => {
       expect(Object.keys(storedStoriesHash)).toEqual(['component-a', 'component-a--story-1']);
     });
 
+    it('retains prepared-ness of stories', async () => {
+      const navigate = jest.fn();
+      const store = createMockStore();
+      const fullAPI = Object.assign(new EventEmitter(), {
+        setStories: jest.fn(),
+        setOptions: jest.fn(),
+      });
+
+      const { api, init } = initStories({ store, navigate, provider, fullAPI } as any);
+      Object.assign(fullAPI, api);
+
+      global.fetch.mockClear();
+      await init();
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+
+      fullAPI.emit(STORY_PREPARED, {
+        id: 'component-a--story-1',
+        parameters: { a: 'b' },
+        args: { c: 'd' },
+      });
+      // Let the promise/await chain resolve
+      await new Promise((r) => setTimeout(r, 0));
+      expect(store.getState().storiesHash['component-a--story-1'] as StoryEntry).toMatchObject({
+        prepared: true,
+        parameters: { a: 'b' },
+        args: { c: 'd' },
+      });
+
+      global.fetch.mockClear();
+      provider.serverChannel.emit(STORY_INDEX_INVALIDATED);
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+
+      // Let the promise/await chain resolve
+      await new Promise((r) => setTimeout(r, 0));
+      expect(store.getState().storiesHash['component-a--story-1'] as StoryEntry).toMatchObject({
+        prepared: true,
+        parameters: { a: 'b' },
+        args: { c: 'd' },
+      });
+    });
+
     it('handles docs entries', async () => {
       mockStories.mockReset().mockReturnValue({
         'component-a--page': {
diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts
index 4e28b620d922..7986f3e4db75 100644
--- a/code/lib/api/src/version.ts
+++ b/code/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '7.0.0-alpha.20';
+export const version = '7.0.0-alpha.31';
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 89ae9ce261be..fb6b98b3eb61 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -38,21 +38,20 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "color-convert": "^2.0.1",
-    "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
@@ -64,7 +63,9 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addons": "7.0.0-alpha.20"
+    "@storybook/addon-actions": "7.0.0-alpha.31",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@types/color-convert": "^2.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -77,5 +78,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/blocks/src/blocks/Canvas.tsx b/code/lib/blocks/src/blocks/Canvas.tsx
index 5c2225273384..3641b422911d 100644
--- a/code/lib/blocks/src/blocks/Canvas.tsx
+++ b/code/lib/blocks/src/blocks/Canvas.tsx
@@ -34,6 +34,7 @@ const getPreviewProps = (
       previewProps: {
         ...props,
         withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),
+        isExpanded: sourceState === SourceState.OPEN,
       },
     };
   }
diff --git a/code/lib/blocks/src/blocks/Props.tsx b/code/lib/blocks/src/blocks/Props.tsx
index 9ce4b9a24f30..3bbaacf18eb8 100644
--- a/code/lib/blocks/src/blocks/Props.tsx
+++ b/code/lib/blocks/src/blocks/Props.tsx
@@ -13,7 +13,7 @@ export const Props = deprecate(
   `
 );
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 Props.defaultProps = {
   of: PRIMARY_STORY,
 };
diff --git a/code/lib/blocks/src/blocks/mdx.tsx b/code/lib/blocks/src/blocks/mdx.tsx
index 0ef6a3e89fd4..60d507c228a5 100644
--- a/code/lib/blocks/src/blocks/mdx.tsx
+++ b/code/lib/blocks/src/blocks/mdx.tsx
@@ -53,7 +53,6 @@ function navigate(context: DocsContextProps, url: string) {
   context.channel.emit(NAVIGATE_URL, url);
 }
 
-// @ts-ignore
 const A = components.a;
 
 interface AnchorInPageProps {
@@ -124,7 +123,7 @@ const SUPPORTED_MDX_HEADERS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce(
   (acc, headerType) => ({
     ...acc,
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     [headerType]: styled(components[headerType])({
       '& svg': {
         visibility: 'hidden',
@@ -159,7 +158,7 @@ const HeaderWithOcticonAnchor: FC<HeaderWithOcticonAnchorProps> = ({
 }) => {
   const context = useContext(DocsContext);
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const OcticonHeader = OcticonHeaders[as];
   const hash = `#${id}`;
 
@@ -213,7 +212,7 @@ export const HeaderMdx: FC<HeaderMdxProps> = (props) => {
     );
   }
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const Header = components[as];
 
   // Make sure it still work if "remark-slug" plugin is not present.
@@ -223,7 +222,7 @@ export const HeaderMdx: FC<HeaderMdxProps> = (props) => {
 export const HeadersMdx = SUPPORTED_MDX_HEADERS.reduce(
   (acc, headerType) => ({
     ...acc,
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     [headerType]: (props: object) => <HeaderMdx as={headerType} {...props} />,
   }),
   {}
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx b/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
index 47292a5513bc..2b34084eebf1 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
@@ -4,7 +4,7 @@ import { styled } from '@storybook/theming';
 import { opacify, transparentize, darken, lighten } from 'polished';
 import { includeConditionalArg } from '@storybook/csf';
 import { once } from '@storybook/client-logger';
-import { Icons, Link, ResetWrapper } from '@storybook/components';
+import { IconButton, Icons, Link, ResetWrapper } from '@storybook/components';
 import { ArgRow } from './ArgRow';
 import { SectionRow } from './SectionRow';
 import { ArgType, ArgTypes, Args, Globals } from './types';
@@ -203,39 +203,9 @@ export const TableWrapper = styled.table<{
       : {}
 );
 
-const ResetButton = styled.button(({ theme }) => ({
-  border: 0,
-  borderRadius: '3em',
-  cursor: 'pointer',
-  display: 'inline-block',
-  overflow: 'hidden',
-  padding: '3px 8px',
-  transition: 'all 150ms ease-out',
-  verticalAlign: 'top',
-  userSelect: 'none',
-  margin: 0,
-
-  backgroundColor: theme.base === 'light' ? '#EAF3FC' : theme.color.border,
-  boxShadow:
-    theme.base === 'light'
-      ? `${theme.color.border} 0 0 0 1px inset`
-      : `${theme.color.darker}  0 0 0 1px inset`,
-  color: theme.color.secondary,
-
-  '&:hover': {
-    background: theme.base === 'light' ? darken(0.03, '#EAF3FC') : opacify(0.1, theme.color.border),
-  },
-
-  '&:focus': {
-    boxShadow: `${theme.color.secondary} 0 0 0 1px inset`,
-    outline: 'none',
-  },
-
-  svg: {
-    display: 'block',
-    height: 14,
-    width: 14,
-  },
+const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
+  color: theme.barTextColor,
+  margin: '-4px -12px -4px 0',
 }));
 
 const ControlHeadingWrapper = styled.span({
@@ -472,9 +442,9 @@ export const ArgsTable: FC<ArgsTableProps> = (props) => {
                 <ControlHeadingWrapper>
                   Control{' '}
                   {!isLoading && resetArgs && (
-                    <ResetButton onClick={() => resetArgs()} title="Reset controls">
+                    <StyledIconButton onClick={() => resetArgs()} title="Reset controls">
                       <Icons icon="undo" aria-hidden />
-                    </ResetButton>
+                    </StyledIconButton>
                   )}
                 </ControlHeadingWrapper>
               </th>
diff --git a/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx b/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
index 505de985bdec..e44e1b36bb32 100644
--- a/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
@@ -96,7 +96,7 @@ export const SectionRow: FC<SectionRowProps> = ({
 }) => {
   const [expanded, setExpanded] = useState(initialExpanded);
   const Level = level === 'subsection' ? Subsection : Section;
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const itemCount = children?.length || 0;
   const caption = level === 'subsection' ? `${itemCount} item${itemCount !== 1 ? 's' : ''}` : '';
   const icon = expanded ? 'arrowdown' : 'arrowright';
diff --git a/code/lib/blocks/src/components/IFrame.tsx b/code/lib/blocks/src/components/IFrame.tsx
index cbdd6c46423f..6c0bf97dea4d 100644
--- a/code/lib/blocks/src/components/IFrame.tsx
+++ b/code/lib/blocks/src/components/IFrame.tsx
@@ -54,7 +54,6 @@ export class IFrame extends Component<IFrameProps> {
         title={title}
         src={src}
         allowFullScreen={allowFullScreen}
-        // @ts-ignore
         loading="lazy"
         {...rest}
       />
diff --git a/code/lib/blocks/src/components/Preview.tsx b/code/lib/blocks/src/components/Preview.tsx
index 6440ce8c7454..f07813bceed8 100644
--- a/code/lib/blocks/src/components/Preview.tsx
+++ b/code/lib/blocks/src/components/Preview.tsx
@@ -215,7 +215,7 @@ export const Preview: FC<PreviewProps> = ({
   );
   const actionItems = [...defaultActionItems, ...additionalActionItems];
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const layout = getLayout(Children.count(children) === 1 ? [children] : children);
 
   const { window: globalWindow } = global;
diff --git a/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx b/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx
index ac4273bd6ee1..406c6488cf2f 100644
--- a/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx
+++ b/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx
@@ -81,12 +81,12 @@ export class JsonAddValue extends Component<JsonAddValueProps, JsonAddValueState
   }
 
   refInputKey(node: any) {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.state.inputRefKey = node;
   }
 
   refInputValue(node: any) {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.state.inputRefValue = node;
   }
 
@@ -144,7 +144,7 @@ interface JsonAddValueProps {
   onSubmitValueParser: (...args: any) => any;
 }
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 JsonAddValue.defaultProps = {
   onlyValue: false,
   addButtonElement: <button>+</button>,
@@ -193,7 +193,7 @@ export class JsonArray extends Component<JsonArrayProps, JsonArrayState> {
   onChildUpdate(childKey: string, childData: any) {
     const { data, keyPath } = this.state;
     // Update data
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     data[childKey] = childData;
     // Put new data
     this.setState({
@@ -484,7 +484,7 @@ interface JsonArrayProps {
   onSubmitValueParser: (...args: any) => any;
 }
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 JsonArray.defaultProps = {
   keyPath: [],
   deep: 0,
@@ -586,7 +586,7 @@ export class JsonFunctionValue extends Component<JsonFunctionValueProps, JsonFun
   }
 
   refInput(node: any) {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.state.inputRef = node;
   }
 
@@ -693,7 +693,7 @@ interface JsonFunctionValueProps {
   onSubmitValueParser: (...args: any) => any;
 }
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 JsonFunctionValue.defaultProps = {
   keyPath: [],
   deep: 0,
@@ -1036,7 +1036,7 @@ interface JsonNodeProps {
   onSubmitValueParser: (...args: any) => any;
 }
 
-/// @ts-ignore
+/// @ts-expect-error (Converted from ts-ignore)
 JsonNode.defaultProps = {
   keyPath: [],
   deep: 0,
@@ -1085,7 +1085,7 @@ export class JsonObject extends Component<JsonObjectProps, JsonObjectState> {
   onChildUpdate(childKey: string, childData: any) {
     const { data, keyPath } = this.state;
     // Update data
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     data[childKey] = childData;
     // Put new data
     this.setState({
@@ -1116,7 +1116,7 @@ export class JsonObject extends Component<JsonObjectProps, JsonObjectState> {
     beforeAddAction(key, keyPath, deep, newValue)
       .then(() => {
         // Update data
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         data[key] = newValue;
         this.setState({
           data,
@@ -1142,7 +1142,7 @@ export class JsonObject extends Component<JsonObjectProps, JsonObjectState> {
     return () => {
       const { beforeRemoveAction, logger } = this.props;
       const { data, keyPath, nextDeep: deep } = this.state;
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       const oldValue = data[key];
       // Before Remove Action
       beforeRemoveAction(key, keyPath, deep, oldValue)
@@ -1155,7 +1155,7 @@ export class JsonObject extends Component<JsonObjectProps, JsonObjectState> {
             type: deltaTypes.REMOVE_DELTA_TYPE,
           };
 
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           delete data[key];
           this.setState({ data });
 
@@ -1181,14 +1181,14 @@ export class JsonObject extends Component<JsonObjectProps, JsonObjectState> {
       const { data, keyPath, nextDeep: deep } = this.state;
 
       // Old value
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       const oldValue = data[key];
 
       // Before update action
       beforeUpdateAction(key, keyPath, deep, oldValue, value)
         .then(() => {
           // Update value
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           data[key] = value;
           // Set state
           this.setState({
@@ -1385,7 +1385,7 @@ interface JsonObjectProps {
   onSubmitValueParser: (...args: any) => any;
 }
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 JsonObject.defaultProps = {
   keyPath: [],
   deep: 0,
@@ -1487,7 +1487,7 @@ export class JsonValue extends Component<JsonValueProps, JsonValueState> {
   }
 
   refInput(node: any) {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.state.inputRef = node;
   }
 
@@ -1585,7 +1585,7 @@ interface JsonValueProps {
   onSubmitValueParser: (...args: any) => any;
 }
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 JsonValue.defaultProps = {
   keyPath: [],
   deep: 0,
diff --git a/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx b/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx
index 71df7597010e..1ba04c791112 100644
--- a/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx
+++ b/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx
@@ -74,12 +74,12 @@ export class JsonTree extends Component<JsonTreeProps, JsonTreeState> {
     }
     let inputElementFunction = inputElement;
     if (inputElement && getObjectType(inputElement) !== 'Function') {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       inputElementFunction = () => inputElement;
     }
     let textareaElementFunction = textareaElement;
     if (textareaElement && getObjectType(textareaElement) !== 'Function') {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       textareaElementFunction = () => textareaElement;
     }
 
@@ -140,7 +140,7 @@ interface JsonTreeProps {
   onSubmitValueParser?: (...args: any) => any;
 }
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 JsonTree.defaultProps = {
   rootName: 'root',
   isCollapsed: (keyPath, deep) => deep !== -1,
diff --git a/code/lib/builder-manager/README.md b/code/lib/builder-manager/README.md
index 0c6fc3084a83..54e0611cb703 100644
--- a/code/lib/builder-manager/README.md
+++ b/code/lib/builder-manager/README.md
@@ -1,3 +1,12 @@
 # Manager-Builder
 
-TODO
+> NOTE: Do not use this package unless you know what you are doing.
+
+This package is used internally by Storybook to create the manager side (UI) of Storybook.
+
+This package uses `esbuild` to bundle the manager-side of addons, and prepare it for modern, ESM supporting browsers.
+
+Each addon is bundled into a separate file, and the manager is responsible for loading them.
+If a `manager.*` file exists in the config dir (e.g. `.storybook`), it's also bundled, and loaded in the browser.
+
+Additionally, this package also will add the manager ui via the `@storybook/ui` package, which is already built by `esbuild` in our build process before publishing.
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 0f6ff512ea3e..6a303e3b1021 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -38,23 +38,23 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/ui": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/ui": "7.0.0-alpha.31",
     "@types/ejs": "^3.1.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "browser-assert": "^1.2.1",
-    "chalk": "^4.1.0",
     "ejs": "^3.1.8",
     "esbuild": "^0.14.48",
     "esbuild-plugin-alias": "^0.2.1",
     "express": "^4.17.1",
     "fs-extra": "^9.0.1",
-    "rollup-plugin-node-polyfills": "^0.2.1"
+    "process": "^0.11.10",
+    "util": "^0.12.4"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
@@ -68,5 +68,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts
index 9b1d96323265..753c2dd3acf5 100644
--- a/code/lib/builder-manager/src/index.ts
+++ b/code/lib/builder-manager/src/index.ts
@@ -60,8 +60,8 @@ export const getConfig: ManagerBuilder['getConfig'] = async (options) => {
     legalComments: 'external',
     plugins: [
       aliasPlugin({
-        process: require.resolve('rollup-plugin-node-polyfills/polyfills/process-es6.js'),
-        util: require.resolve('rollup-plugin-node-polyfills/polyfills/util.js'),
+        process: require.resolve('process/browser.js'),
+        util: require.resolve('util/util.js'),
         assert: require.resolve('browser-assert'),
       }),
       globalExternals(definitions),
diff --git a/code/lib/builder-manager/templates/template.ejs b/code/lib/builder-manager/templates/template.ejs
index 046d109199ee..d513ace5dd3f 100644
--- a/code/lib/builder-manager/templates/template.ejs
+++ b/code/lib/builder-manager/templates/template.ejs
@@ -2,16 +2,16 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+
     <title><%= typeof title !== 'undefined'? title : 'Storybook'%></title>
 
     <link rel="shortcut icon" href="./favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <% if (typeof head !== 'undefined') { %> <%- head %> <% } %>
-    
+
     <style>
-      #root[hidden],
-      #docs-root[hidden] {
+      #storybook-root[hidden]{
         display: none !important;
       }
     </style>
@@ -19,11 +19,9 @@
     <% files.css.forEach(file => { %>
     <link href="<%= file %>" rel="stylesheet" />
     <% }); %>
-
   </head>
   <body>
     <div id="root"></div>
-    <div id="docs-root"></div>
 
     <% if (typeof globals !== 'undefined' && Object.keys(globals).length) { %>
     <script>
@@ -34,11 +32,11 @@
       <% } %>
     </script>
     <% } %>
-    
+
     <script src="./sb-manager/runtime.mjs" type="module"></script>
 
     <% files.js.forEach(file => { %>
-      <script src="<%= file %>" type="module"></script>
+    <script src="<%= file %>" type="module"></script>
     <% }); %>
   </body>
 </html>
diff --git a/code/lib/builder-vite/README.md b/code/lib/builder-vite/README.md
new file mode 100644
index 000000000000..88d077113f2d
--- /dev/null
+++ b/code/lib/builder-vite/README.md
@@ -0,0 +1,225 @@
+# Storybook builder for Vite <!-- omit in toc -->
+
+Build your stories with [vite](https://vitejs.dev/) for fast startup times and near-instant HMR.
+
+# Table of Contents <!-- omit in toc -->
+
+- [Migration from storybook-builder-vite](#migration-from-storybook-builder-vite)
+- [Installation](#installation)
+- [Usage](#usage)
+  - [Getting started with Vite and Storybook (on a new project)](#getting-started-with-vite-and-storybook-on-a-new-project)
+  - [Migration from webpack / CRA](#migration-from-webpack--cra)
+  - [Customize Vite config](#customize-vite-config)
+  - [Svelte Customization](#svelte-customization)
+  - [TypeScript](#typescript)
+  - [React Docgen](#react-docgen)
+  - [Note about working directory](#note-about-working-directory)
+- [Known issues](#known-issues)
+- [Contributing](#contributing)
+  - [About this codebase](#about-this-codebase)
+
+## Migration from storybook-builder-vite
+
+This project has moved from `storybook-builder-vite` to `@storybook/builder-vite` as part of a larger effort to improve Vite support in Storybook. To automatically migrate your existing project, you can run
+
+```bash
+npx sb@next automigrate
+```
+
+To manually migrate:
+
+1. Remove `storybook-builder-vite` from your `package.json` dependencies
+2. Install `@storybook/builder-vite`
+3. Update your `core.builder` setting in `.storybook/main.js` to `@storybook/builder-vite`.
+
+## Installation
+
+Requirements:
+
+- Vite 3.0 or newer (for Vite v2 (2.5+), use `@storybook/builder-vite@0.1.x`)
+- Storybook 6.4.0 or newer (for storybook 6.3, use `storybook-builder-vite@0.1.16`)
+
+```bash
+npm install @storybook/builder-vite --save-dev
+```
+
+or
+
+```bash
+yarn add --dev @storybook/builder-vite
+```
+
+or
+
+```bash
+pnpm add --save-dev @storybook/builder-vite
+```
+
+Note: when using `pnpm`, you may need to enable [shamefully-hoist](https://pnpm.io/npmrc#shamefully-hoist), until https://github.com/storybookjs/builder-vite/issues/55 can be fixed.
+
+## Usage
+
+In your `main.js` configuration file,
+set `core: { builder: "@storybook/builder-vite" }`.
+
+> For autoreload of react stories to work, they need to have a `.stories.tsx` or `.stories.jsx` file suffix.
+> See also [#53](https://github.com/storybookjs/builder-vite/pull/53)
+
+The builder supports both development mode in Storybook, and building a static production version.
+
+### Getting started with Vite and Storybook (on a new project)
+
+See https://vitejs.dev/guide/#scaffolding-your-first-vite-project,
+
+```
+npm create vite@latest # follow the prompts
+npx sb init --builder @storybook/builder-vite && npm run storybook
+```
+
+### Migration from webpack / CRA
+
+1. Install `vite` and `@storybook/builder-vite`
+2. Remove any explicit project dependencies on `webpack`, `react-scripts`, and any other webpack plugins or loaders.
+3. If you were previously using `@storybook/manager-webpack5`, you'll need to remove it, since currently the vite builder only works with `manager-webpack4`, which is the default and does not need to be installed manually. Also remove `@storybook/builder-webpack5` or `@storybook/builder-webpack4` if they are installed.
+4. Set `core: { builder: "@storybook/builder-vite" }` in your `.storybook/main.js` file.
+5. Remove storybook webpack cache (`rm -rf node_modules/.cache`)
+6. Update your `/public/index.html` file for vite (be sure there are no `%PUBLIC_URL%` inside it, which is a CRA variable)
+7. Be sure that any files containing JSX syntax use a `.jsx` or `.tsx` file extension, which [vite requires](https://vitejs.dev/guide/features.html#jsx). This includes `.storybook/preview.jsx` if it contains JSX syntax.
+8. If you are using `@storybook/addon-interactions`, for now you'll need to add a [workaround](https://github.com/storybookjs/storybook/issues/18399) for jest-mock relying on the node `global` variable by creating a `.storybook/preview-head.html` file containing the following:
+
+```html
+<script>
+  window.global = window;
+</script>
+```
+
+9.  Start up your storybook using the same `yarn storybook` or `npm run storybook` commands you are used to.
+
+For other details about the differences between vite and webpack projects, be sure to read through the [vite documentation](https://vitejs.dev/).
+
+### Customize Vite config
+
+The builder will _not_ read your `vite.config.js` file by default.
+
+In `.storybook/main.js` (or whatever your Storybook config file is named)
+you can override the Vite config:
+
+```javascript
+// use `mergeConfig` to recursively merge Vite options
+const { mergeConfig } = require('vite');
+
+module.exports = {
+  async viteFinal(config, { configType }) {
+    // return the customized config
+    return mergeConfig(config, {
+      // customize the Vite config here
+      resolve: {
+        alias: { foo: 'bar' },
+      },
+    });
+  },
+  // ... other options here
+};
+```
+
+The `viteFinal` function will give you `config` which is
+the builder's own Vite config. You can tweak this as you want,
+for example to set up aliases, add new plugins etc.
+
+The `configType` variable will be either `"DEVELOPMENT"` or `"PRODUCTION"`.
+
+The function should return the updated Vite configuration.
+
+### Svelte Customization
+
+When using this builder with Svelte, your `.storybook/main.js` (or equivalent)
+can contain a `svelteOptions` object to pass custom options to
+[`vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/tree/main/packages/vite-plugin-svelte):
+
+```javascript
+const preprocess = require('svelte-preprocess');
+
+module.exports = {
+  svelteOptions: {
+    preprocess: preprocess({
+      typescript: true,
+      postcss: true,
+      sourceMap: true,
+    }),
+  },
+};
+```
+
+### TypeScript
+
+Configure your `.storybook/main.ts` to use TypeScript:
+
+```typescript
+import type { StorybookViteConfig } from '@storybook/builder-vite';
+
+const config: StorybookViteConfig = {
+  // other storybook options...,
+  async viteFinal(config, options) {
+    // modify and return config
+  },
+};
+
+export default config;
+```
+
+Or alternatively, you can use named exports:
+
+```typescript
+import type { ViteFinal } from '@storybook/builder-vite';
+
+export const viteFinal: ViteFinal = async (config, options) => {
+  // modify and return config
+};
+```
+
+See [Customize Vite config](#customize-vite-config) for details about using `viteFinal`.
+
+### React Docgen
+
+Docgen is used in Storybook to populate the props table in docs view, the controls panel, and for several other addons. Docgen is supported in vue and react, and there are two docgen options when using react, `react-docgen` and `react-docgen-typescript`. You can learn more about the pros/cons of each in [this gist](https://gist.github.com/shilman/036313ffa3af52ca986b375d90ea46b0). By default, if we find a `typescript` dependency in your `package.json` file, we will assume you're using typescript and will choose `react-docgen-typescript`. You can change this by setting the `typescript.reactDocgen` option in your `.storybook/main.js` file:
+
+```javascript
+module.exports = {
+  typescript: {
+    reactDocgen: 'react-docgen`
+  }
+}
+```
+
+If you're using TypeScript, we encourage you to experiment and see which option works better for your project.
+
+### Note about working directory
+
+The builder will by default enable Vite's [server.fs.strict](https://vitejs.dev/config/#server-fs-strict)
+option, for increased security. The default project `root` is set to the parent directory of the
+storybook configuration directory. This can be overridden in viteFinal.
+
+## Known issues
+
+- HMR: saving a story file does not hot-module-reload, a full reload happens instead. HMR works correctly when saving component files.
+
+## Contributing
+
+The Vite builder cannot build itself.
+Are you willing to contribute? We are especially looking for vue and svelte experts, as the current maintainers are react users.
+
+https://github.com/storybookjs/builder-vite/issues/11
+
+Have a look at the GitHub issues for known bugs. If you find any new bugs,
+feel free to create an issue or send a pull request!
+
+Please read the [How to contribute](/CONTRIBUTING.md) guide.
+
+### About this codebase
+
+The code is a monorepo with the core `@storybook/builder-vite` package,
+and examples (like `examples/react`) to test the builder implementation.
+
+Similar to the main storybook monorepo, you need yarn to develop this builder, because the project is organized as yarn workspaces.
+This lets you write new code in the core builder package, and instantly use them from
+the example packages.
diff --git a/code/lib/builder-vite/input/iframe.html b/code/lib/builder-vite/input/iframe.html
new file mode 100644
index 000000000000..abb2f1373a15
--- /dev/null
+++ b/code/lib/builder-vite/input/iframe.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!--suppress HtmlUnknownTarget -->
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><!-- [TITLE HERE] --></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script>
+      window.CONFIG_TYPE = '[CONFIG_TYPE HERE]';
+      window.LOGLEVEL = '[LOGLEVEL HERE]';
+      window.FRAMEWORK_OPTIONS = '[FRAMEWORK_OPTIONS HERE]';
+      window.CHANNEL_OPTIONS = '[CHANNEL_OPTIONS HERE]';
+      window.FEATURES = '[FEATURES HERE]';
+      window.STORIES = '[STORIES HERE]';
+      window.DOCS_OPTIONS = '[DOCS_OPTIONS HERE]';
+      window.SERVER_CHANNEL_URL = '[SERVER_CHANNEL_URL HERE]';
+
+      // We do this so that "module && module.hot" etc. in Storybook source code
+      // doesn't fail (it will simply be disabled)
+      window.module = undefined;
+    </script>
+    <!-- [HEAD HTML SNIPPET HERE] -->
+  </head>
+  <body>
+    <!-- [BODY HTML SNIPPET HERE] -->
+    <div id="storybook-root"></div>
+    <div id="storybook-docs"></div>
+    <script type="module" src="/virtual:/@storybook/builder-vite/vite-app.js"></script>
+  </body>
+</html>
diff --git a/code/lib/builder-vite/input/react-dom-client-placeholder.js b/code/lib/builder-vite/input/react-dom-client-placeholder.js
new file mode 100644
index 000000000000..ac58bff7de38
--- /dev/null
+++ b/code/lib/builder-vite/input/react-dom-client-placeholder.js
@@ -0,0 +1,3 @@
+// This file is to work around https://github.com/vitejs/vite/issues/6007
+// For react < 18 projects, where `react-dom/client` does not exist, yet is
+// conditionally imported by @storybook/react.
diff --git a/code/lib/builder-vite/package.json b/code/lib/builder-vite/package.json
new file mode 100644
index 000000000000..d990fce7b5c3
--- /dev/null
+++ b/code/lib/builder-vite/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "@storybook/builder-vite",
+  "version": "7.0.0-alpha.31",
+  "description": "A plugin to run and build Storybooks with Vite",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/code/lib/builder-vite/#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "code/lib/builder-vite"
+  },
+  "license": "MIT",
+  "author": "Eirik Sletteberg",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "check": "tsc --noEmit",
+    "prep": "node ../../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@joshwooding/vite-plugin-react-docgen-typescript": "0.0.5",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/channel-postmessage": "7.0.0-alpha.31",
+    "@storybook/channel-websocket": "7.0.0-alpha.31",
+    "@storybook/client-api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/source-loader": "7.0.0-alpha.31",
+    "@vitejs/plugin-react": "^2.0.0",
+    "es-module-lexer": "^0.9.3",
+    "glob": "^7.2.0",
+    "glob-promise": "^4.2.0",
+    "magic-string": "^0.26.1",
+    "slash": "^3.0.0",
+    "vite": "3"
+  },
+  "devDependencies": {
+    "@storybook/mdx2-csf": "^0.0.3",
+    "@types/express": "^4.17.13",
+    "@types/node": "^17.0.23",
+    "typescript": "~4.6.3",
+    "vite": "^3.1.0"
+  },
+  "peerDependencies": {
+    "@storybook/mdx2-csf": "^0.0.3"
+  },
+  "peerDependenciesMeta": {
+    "@storybook/mdx2-csf": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
+}
diff --git a/code/lib/builder-vite/src/build.ts b/code/lib/builder-vite/src/build.ts
new file mode 100644
index 000000000000..5333c56f7b2c
--- /dev/null
+++ b/code/lib/builder-vite/src/build.ts
@@ -0,0 +1,19 @@
+import { build as viteBuild } from 'vite';
+import { commonConfig } from './vite-config';
+
+import type { ExtendedOptions } from './types';
+
+export async function build(options: ExtendedOptions) {
+  const { presets } = options;
+
+  const config = await commonConfig(options, 'build');
+  config.build = {
+    outDir: options.outputDir,
+    emptyOutDir: false, // do not clean before running Vite build - Storybook has already added assets in there!
+    sourcemap: true,
+  };
+
+  const finalConfig = await presets.apply('viteFinal', config, options);
+
+  await viteBuild(finalConfig);
+}
diff --git a/code/lib/builder-vite/src/codegen-entries.ts b/code/lib/builder-vite/src/codegen-entries.ts
new file mode 100644
index 000000000000..7cdbb0eb4c8d
--- /dev/null
+++ b/code/lib/builder-vite/src/codegen-entries.ts
@@ -0,0 +1,43 @@
+import { loadPreviewOrConfigFile } from '@storybook/core-common';
+import type { Options } from '@storybook/core-common';
+import slash from 'slash';
+import { normalizePath } from 'vite';
+import type { ExtendedOptions } from './types';
+import { listStories } from './list-stories';
+
+const absoluteFilesToImport = (files: string[], name: string) =>
+  files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'/@fs/${normalizePath(el)}'`).join('\n');
+
+export async function generateVirtualStoryEntryCode(options: ExtendedOptions) {
+  const storyEntries = await listStories(options);
+  const resolveMap = storyEntries.reduce<Record<string, string>>(
+    (prev, entry) => ({ ...prev, [entry]: entry.replace(slash(process.cwd()), '.') }),
+    {}
+  );
+  const modules = storyEntries.map((entry, i) => `${JSON.stringify(entry)}: story_${i}`).join(',');
+
+  return `
+    ${absoluteFilesToImport(storyEntries, 'story')}
+
+    function loadable(key) {
+      return {${modules}}[key];
+    }
+    
+    Object.assign(loadable, {
+      keys: () => (${JSON.stringify(Object.keys(resolveMap))}),
+      resolve: (key) => (${JSON.stringify(resolveMap)}[key])
+    });
+
+    export function configStories(configure) {
+      configure(loadable, { hot: import.meta.hot }, false);
+    }
+  `.trim();
+}
+
+export async function generatePreviewEntryCode({ configDir }: Options) {
+  const previewFile = loadPreviewOrConfigFile({ configDir });
+  if (!previewFile) return '';
+
+  return `import * as preview from '${slash(previewFile)}';
+  export default preview;`;
+}
diff --git a/code/lib/builder-vite/src/codegen-iframe-script.ts b/code/lib/builder-vite/src/codegen-iframe-script.ts
new file mode 100644
index 000000000000..4a473faa437b
--- /dev/null
+++ b/code/lib/builder-vite/src/codegen-iframe-script.ts
@@ -0,0 +1,120 @@
+import { isAbsolute, resolve } from 'path';
+import { getFrameworkName } from '@storybook/core-common';
+import { virtualPreviewFile, virtualStoriesFile } from './virtual-file-names';
+import { transformAbsPath } from './utils/transform-abs-path';
+import type { ExtendedOptions } from './types';
+
+export async function generateIframeScriptCode(options: ExtendedOptions) {
+  const { presets } = options;
+  const frameworkName = await getFrameworkName(options);
+  const presetEntries = await presets.apply('config', [], options);
+  const previewEntries = await presets.apply('previewEntries', [], options);
+  const absolutePreviewEntries = previewEntries.map((entry) =>
+    isAbsolute(entry) ? entry : resolve(entry)
+  );
+  const configEntries = [...presetEntries, ...absolutePreviewEntries].filter(Boolean);
+
+  const absoluteFilesToImport = (files: string[], name: string) =>
+    files
+      .map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'${transformAbsPath(el)}'`)
+      .join('\n');
+
+  const importArray = (name: string, length: number) =>
+    new Array(length).fill(0).map((_, i) => `${name}_${i}`);
+
+  // noinspection UnnecessaryLocalVariableJS
+  /** @todo Inline variable and remove `noinspection` */
+  // language=JavaScript
+  const code = `
+    // Ensure that the client API is initialized by the framework before any other iframe code
+    // is loaded. That way our client-apis can assume the existence of the API+store
+    import { configure } from '${frameworkName}';
+
+    import * as clientApi from "@storybook/client-api";
+    import { logger } from '@storybook/client-logger';
+    ${absoluteFilesToImport(configEntries, 'config')}
+    import * as preview from '${virtualPreviewFile}';
+    import { configStories } from '${virtualStoriesFile}';
+
+    const {
+      addDecorator,
+      addParameters,
+      addLoader,
+      addArgTypesEnhancer,
+      addArgsEnhancer,
+      setGlobalRender,
+    } = clientApi;
+
+    const configs = [${importArray('config', configEntries.length)
+      .concat('preview.default')
+      .join(',')}].filter(Boolean)
+
+    configs.forEach(config => {
+      Object.keys(config).forEach((key) => {
+        const value = config[key];
+        switch (key) {
+          case 'args': {
+            if (typeof clientApi.addArgs !== "undefined") {
+              return clientApi.addArgs(value);
+            } else {
+              return logger.warn(
+                "Could not add global args. Please open an issue in storybookjs/builder-vite."
+              );
+            }
+          }
+          case 'argTypes': {
+            if (typeof clientApi.addArgTypes !== "undefined") {
+              return clientApi.addArgTypes(value);
+            } else {
+              return logger.warn(
+                "Could not add global argTypes. Please open an issue in storybookjs/builder-vite."
+              );
+            }
+          }
+          case 'decorators': {
+            return value.forEach((decorator) => addDecorator(decorator, false));
+          }
+          case 'loaders': {
+            return value.forEach((loader) => addLoader(loader, false));
+          }
+          case 'parameters': {
+            return addParameters({ ...value }, false);
+          }
+          case 'argTypesEnhancers': {
+            return value.forEach((enhancer) => addArgTypesEnhancer(enhancer));
+          }
+          case 'argsEnhancers': {
+            return value.forEach((enhancer) => addArgsEnhancer(enhancer))
+          }
+          case 'render': {
+            return setGlobalRender(value)
+          }
+          case 'globals':
+          case 'globalTypes': {
+            const v = {};
+            v[key] = value;
+            return addParameters(v, false);
+          }
+          case 'decorateStory':
+          case 'applyDecorators':
+          case 'renderToDOM': {
+            return null; // This key is not handled directly in v6 mode.
+          }
+          default: {
+            // eslint-disable-next-line prefer-template
+            return console.log(key + ' was not supported :( !');
+          }
+        }
+      });
+    })
+    
+    /* TODO: not quite sure what to do with this, to fix HMR
+    if (import.meta.hot) {
+        import.meta.hot.accept();    
+    }
+    */
+
+    configStories(configure);
+    `.trim();
+  return code;
+}
diff --git a/code/lib/builder-vite/src/codegen-importfn-script.ts b/code/lib/builder-vite/src/codegen-importfn-script.ts
new file mode 100644
index 000000000000..958ca5c59efd
--- /dev/null
+++ b/code/lib/builder-vite/src/codegen-importfn-script.ts
@@ -0,0 +1,56 @@
+import * as path from 'path';
+import { normalizePath } from 'vite';
+import type { Options } from '@storybook/core-common';
+import { logger } from '@storybook/node-logger';
+
+import { listStories } from './list-stories';
+
+/**
+ * This file is largely based on https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/core-common/src/utils/to-importFn.ts
+ */
+
+/**
+ * Paths get passed either with no leading './' - e.g. `src/Foo.stories.js`,
+ * or with a leading `../` (etc), e.g. `../src/Foo.stories.js`.
+ * We want to deal in importPaths relative to the working dir, so we normalize
+ */
+function toImportPath(relativePath: string) {
+  return relativePath.startsWith('../') ? relativePath : `./${relativePath}`;
+}
+
+/**
+ * This function takes an array of stories and creates a mapping between the stories' relative paths
+ * to the working directory and their dynamic imports. The import is done in an asynchronous function
+ * to delay loading. It then creates a function, `importFn(path)`, which resolves a path to an import
+ * function and this is called by Storybook to fetch a story dynamically when needed.
+ * @param stories An array of absolute story paths.
+ */
+async function toImportFn(stories: string[]) {
+  const objectEntries = stories.map((file) => {
+    const ext = path.extname(file);
+    const relativePath = normalizePath(path.relative(process.cwd(), file));
+    if (!['.js', '.jsx', '.ts', '.tsx', '.mdx'].includes(ext)) {
+      logger.warn(`Cannot process ${ext} file with storyStoreV7: ${relativePath}`);
+    }
+
+    return `  '${toImportPath(relativePath)}': async () => import('/@fs/${file}')`;
+  });
+
+  return `
+    const importers = {
+      ${objectEntries.join(',\n')}
+    };
+
+    export async function importFn(path) {
+        return importers[path]();
+    }
+  `;
+}
+
+export async function generateImportFnScriptCode(options: Options) {
+  // First we need to get an array of stories and their absolute paths.
+  const stories = await listStories(options);
+
+  // We can then call toImportFn to create a function that can be used to load each story dynamically.
+  return (await toImportFn(stories)).trim();
+}
diff --git a/code/lib/builder-vite/src/codegen-modern-iframe-script.ts b/code/lib/builder-vite/src/codegen-modern-iframe-script.ts
new file mode 100644
index 000000000000..94aa05ad6092
--- /dev/null
+++ b/code/lib/builder-vite/src/codegen-modern-iframe-script.ts
@@ -0,0 +1,76 @@
+import { isAbsolute, resolve } from 'path';
+import { loadPreviewOrConfigFile, getFrameworkName } from '@storybook/core-common';
+import { virtualStoriesFile, virtualAddonSetupFile } from './virtual-file-names';
+import { transformAbsPath } from './utils/transform-abs-path';
+import type { ExtendedOptions } from './types';
+
+export async function generateModernIframeScriptCode(options: ExtendedOptions) {
+  const { presets, configDir } = options;
+  const frameworkName = await getFrameworkName(options);
+
+  const previewOrConfigFile = loadPreviewOrConfigFile({ configDir });
+  const presetEntries = await presets.apply('config', [], options);
+  const previewEntries = await presets.apply('previewEntries', [], options);
+  const absolutePreviewEntries = previewEntries.map((entry) =>
+    isAbsolute(entry) ? entry : resolve(entry)
+  );
+  const configEntries = [...presetEntries, ...absolutePreviewEntries, previewOrConfigFile]
+    .filter(Boolean)
+    .map((configEntry) => transformAbsPath(configEntry as string));
+
+  const generateHMRHandler = (frameworkName: string): string => {
+    // Web components are not compatible with HMR, so disable HMR, reload page instead.
+    if (frameworkName === '@storybook/web-components-vite') {
+      return `
+      if (import.meta.hot) {
+        import.meta.hot.decline();
+      }`.trim();
+    }
+
+    return `
+    if (import.meta.hot) {
+      import.meta.hot.accept('${virtualStoriesFile}', (newModule) => {
+      // importFn has changed so we need to patch the new one in
+      preview.onStoriesChanged({ importFn: newModule.importFn });
+      });
+
+    import.meta.hot.accept(${JSON.stringify(configEntries)}, ([...newConfigEntries]) => {
+      const newGetProjectAnnotations =  () => composeConfigs(newConfigEntries);
+
+      // getProjectAnnotations has changed so we need to patch the new one in
+      preview.onGetProjectAnnotationsChanged({ getProjectAnnotations: newGetProjectAnnotations });
+    });
+  }`.trim();
+  };
+
+  /**
+   * This code is largely taken from https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/builder-webpack4/src/preview/virtualModuleModernEntry.js.handlebars
+   * Some small tweaks were made to `getProjectAnnotations` (since `import()` needs to be resolved asynchronously)
+   * and the HMR implementation has been tweaked to work with Vite.
+   * @todo Inline variable and remove `noinspection`
+   */
+  const code = `
+    import { composeConfigs, PreviewWeb } from '@storybook/preview-web';
+    import { ClientApi } from '@storybook/client-api';
+    import '${virtualAddonSetupFile}';
+    import { importFn } from '${virtualStoriesFile}';
+
+    const getProjectAnnotations = async () => {
+      const configs = await Promise.all([${configEntries
+        .map((configEntry) => `import('${configEntry}')`)
+        .join(',\n')}])
+      return composeConfigs(configs);
+    }
+
+    const preview = new PreviewWeb();
+
+    window.__STORYBOOK_PREVIEW__ = preview;
+    window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
+    window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore });
+
+    preview.initialize({ importFn, getProjectAnnotations });
+    
+    ${generateHMRHandler(frameworkName)};
+    `.trim();
+  return code;
+}
diff --git a/code/lib/builder-vite/src/codegen-set-addon-channel.ts b/code/lib/builder-vite/src/codegen-set-addon-channel.ts
new file mode 100644
index 000000000000..f00e3d83e1e3
--- /dev/null
+++ b/code/lib/builder-vite/src/codegen-set-addon-channel.ts
@@ -0,0 +1,18 @@
+export function generateAddonSetupCode() {
+  return `
+    import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
+    import { createChannel as createWebSocketChannel } from '@storybook/channel-websocket';
+    import { addons } from '@storybook/addons';
+
+    const channel = createPostMessageChannel({ page: 'preview' });
+    addons.setChannel(channel);
+    window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
+
+    const { SERVER_CHANNEL_URL } = globalThis;
+    if (SERVER_CHANNEL_URL) {
+      const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL });
+      addons.setServerChannel(serverChannel);
+      window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+    }
+  `.trim();
+}
diff --git a/code/lib/builder-vite/src/declarations/extract-stories.d.ts b/code/lib/builder-vite/src/declarations/extract-stories.d.ts
new file mode 100644
index 000000000000..2731f657cc5e
--- /dev/null
+++ b/code/lib/builder-vite/src/declarations/extract-stories.d.ts
@@ -0,0 +1,18 @@
+/**
+ * @see https://github.com/storybookjs/addon-svelte-csf/blob/f72b8f28dabbb99c92e12d0170d3c1db4397ee7c/src/parser/extract-stories.ts
+ */
+declare module '@storybook/addon-svelte-csf/dist/cjs/parser/extract-stories' {
+  interface StoryDef {
+    name: string;
+    template: boolean;
+    source: string;
+    hasArgs: boolean;
+  }
+
+  interface StoriesDef {
+    stories: Record<string, StoryDef>;
+    allocatedIds: string[];
+  }
+
+  function extractStories(component: string): { stories: StoriesDef; allocatedIds: string[] };
+}
diff --git a/code/lib/builder-vite/src/declarations/svetle-stories-loader.d.ts b/code/lib/builder-vite/src/declarations/svetle-stories-loader.d.ts
new file mode 100644
index 000000000000..1ae04708af52
--- /dev/null
+++ b/code/lib/builder-vite/src/declarations/svetle-stories-loader.d.ts
@@ -0,0 +1,7 @@
+/**
+ * @see https://github.com/storybookjs/addon-svelte-csf/blob/f72b8f28dabbb99c92e12d0170d3c1db4397ee7c/src/parser/svelte-stories-loader.ts
+ * @see https://github.com/sveltejs/svelte/blob/deed340cf5d9c278f9a0605297ad6e4a3a1579d9/src/compiler/compile/utils/get_name_from_filename.ts
+ */
+declare module '@storybook/addon-svelte-csf/dist/cjs/parser/svelte-stories-loader' {
+  function getNameFromFilename(filename: string): string;
+}
diff --git a/code/lib/builder-vite/src/envs.ts b/code/lib/builder-vite/src/envs.ts
new file mode 100644
index 000000000000..7ebead6aab45
--- /dev/null
+++ b/code/lib/builder-vite/src/envs.ts
@@ -0,0 +1,47 @@
+import { stringifyEnvs } from '@storybook/core-common';
+
+import type { UserConfig } from 'vite';
+import type { EnvsRaw } from './types';
+
+// Allowed env variables on the client
+const allowedEnvVariables = [
+  'STORYBOOK',
+  // Vite `import.meta.env` default variables
+  // @see https://github.com/vitejs/vite/blob/6b8d94dca2a1a8b4952e3e3fcd0aed1aedb94215/packages/vite/types/importMeta.d.ts#L68-L75
+  'BASE_URL',
+  'MODE',
+  'DEV',
+  'PROD',
+  'SSR',
+];
+
+/**
+ * Customized version of stringifyProcessEnvs from @storybook/core-common which
+ * uses import.meta.env instead of process.env and checks for allowed variables.
+ */
+export function stringifyProcessEnvs(raw: EnvsRaw, envPrefix: UserConfig['envPrefix']) {
+  const updatedRaw: EnvsRaw = {};
+  const envs = Object.entries(raw).reduce(
+    (acc: EnvsRaw, [key, value]) => {
+      // Only add allowed values OR values from array OR string started with allowed prefixes
+      if (
+        allowedEnvVariables.includes(key) ||
+        (Array.isArray(envPrefix) && !!envPrefix.find((prefix) => key.startsWith(prefix))) ||
+        (typeof envPrefix === 'string' && key.startsWith(envPrefix))
+      ) {
+        acc[`import.meta.env.${key}`] = JSON.stringify(value);
+        updatedRaw[key] = value;
+      }
+      return acc;
+    },
+    {
+      // Default fallback
+      'process.env.XSTORYBOOK_EXAMPLE_APP': '""',
+    }
+  );
+  // support destructuring like
+  // const { foo } = import.meta.env;
+  envs['import.meta.env'] = JSON.stringify(stringifyEnvs(updatedRaw));
+
+  return envs;
+}
diff --git a/code/lib/builder-vite/src/index.ts b/code/lib/builder-vite/src/index.ts
new file mode 100644
index 000000000000..bb3b5dc1f98b
--- /dev/null
+++ b/code/lib/builder-vite/src/index.ts
@@ -0,0 +1,97 @@
+// noinspection JSUnusedGlobalSymbols
+
+import * as fs from 'fs';
+import * as path from 'path';
+import type {
+  Builder,
+  StorybookConfig as StorybookBaseConfig,
+  Options,
+} from '@storybook/core-common';
+import type { RequestHandler, Request, Response } from 'express';
+import type { InlineConfig, UserConfig, ViteDevServer } from 'vite';
+import { transformIframeHtml } from './transform-iframe-html';
+import { createViteServer } from './vite-server';
+import { build as viteBuild } from './build';
+import type { ExtendedOptions } from './types';
+
+export type { TypescriptOptions } from '@storybook/core-common';
+
+// Storybook's Stats are optional Webpack related property
+export type ViteStats = {
+  toJson: () => any;
+};
+
+export type ViteBuilder = Builder<UserConfig, ViteStats>;
+
+export type ViteFinal = (
+  config: InlineConfig,
+  options: Options
+) => InlineConfig | Promise<InlineConfig>;
+
+export type StorybookConfig = StorybookBaseConfig & {
+  viteFinal?: ViteFinal;
+};
+
+function iframeMiddleware(options: ExtendedOptions, server: ViteDevServer): RequestHandler {
+  return async (req, res, next) => {
+    if (!req.url.match(/^\/iframe\.html($|\?)/)) {
+      next();
+      return;
+    }
+
+    // We need to handle `html-proxy` params for style tag HMR https://github.com/storybookjs/builder-vite/issues/266#issuecomment-1055677865
+    // e.g. /iframe.html?html-proxy&index=0.css
+    if (req.query['html-proxy'] !== undefined) {
+      next();
+      return;
+    }
+
+    const indexHtml = fs.readFileSync(
+      path.resolve(__dirname, '../..', 'input', 'iframe.html'),
+      'utf-8'
+    );
+    const generated = await transformIframeHtml(indexHtml, options);
+    const transformed = await server.transformIndexHtml('/iframe.html', generated);
+    res.setHeader('Content-Type', 'text/html');
+    res.status(200).send(transformed);
+  };
+}
+
+export const start: ViteBuilder['start'] = async ({
+  startTime,
+  options,
+  router,
+  server: devServer,
+}) => {
+  const server = await createViteServer(options as ExtendedOptions, devServer);
+
+  // Just mock this endpoint (which is really Webpack-specific) so we don't get spammed with 404 in browser devtools
+  // TODO: we should either show some sort of progress from Vite, or just try to disable the whole Loader in the Manager UI.
+  router.get('/progress', (req: Request, res: Response) => {
+    res.header('Cache-Control', 'no-cache');
+    res.header('Content-Type', 'text/event-stream');
+  });
+
+  router.use(iframeMiddleware(options as ExtendedOptions, server));
+  router.use(server.middlewares);
+
+  async function bail(e?: Error): Promise<void> {
+    try {
+      return await server.close();
+    } catch (err) {
+      console.warn('unable to close vite server');
+    }
+
+    throw e;
+  }
+
+  return {
+    bail,
+    stats: { toJson: () => null },
+    totalTime: process.hrtime(startTime),
+  };
+};
+
+export const build: ViteBuilder['build'] = async ({ options }) => {
+  return viteBuild(options as ExtendedOptions);
+};
diff --git a/code/lib/builder-vite/src/list-stories.ts b/code/lib/builder-vite/src/list-stories.ts
new file mode 100644
index 000000000000..08be02004df1
--- /dev/null
+++ b/code/lib/builder-vite/src/list-stories.ts
@@ -0,0 +1,20 @@
+import * as path from 'path';
+import { promise as glob } from 'glob-promise';
+import { normalizeStories } from '@storybook/core-common';
+
+import type { Options } from '@storybook/core-common';
+
+export async function listStories(options: Options) {
+  return (
+    await Promise.all(
+      normalizeStories(await options.presets.apply('stories', [], options), {
+        configDir: options.configDir,
+        workingDir: options.configDir,
+      }).map(({ directory, files }) => {
+        const pattern = path.join(directory, files);
+
+        return glob(path.isAbsolute(pattern) ? pattern : path.join(options.configDir, pattern));
+      })
+    )
+  ).reduce((carry, stories) => carry.concat(stories), []);
+}
diff --git a/code/lib/builder-vite/src/optimizeDeps.ts b/code/lib/builder-vite/src/optimizeDeps.ts
new file mode 100644
index 000000000000..1ee4070dff6a
--- /dev/null
+++ b/code/lib/builder-vite/src/optimizeDeps.ts
@@ -0,0 +1,123 @@
+import * as path from 'path';
+import { normalizePath, resolveConfig } from 'vite';
+import type { InlineConfig as ViteInlineConfig } from 'vite';
+import { listStories } from './list-stories';
+
+import type { ExtendedOptions } from './types';
+
+const INCLUDE_CANDIDATES = [
+  '@base2/pretty-print-object',
+  '@emotion/core',
+  '@emotion/is-prop-valid',
+  '@emotion/styled',
+  '@mdx-js/react',
+  '@storybook/addon-docs > acorn-jsx',
+  '@storybook/addon-docs',
+  '@storybook/addons',
+  '@storybook/channel-postmessage',
+  '@storybook/channel-websocket',
+  '@storybook/client-api',
+  '@storybook/client-logger',
+  '@storybook/core/client',
+  '@storybook/csf',
+  '@storybook/preview-web',
+  '@storybook/react > acorn-jsx',
+  '@storybook/react',
+  '@storybook/svelte',
+  '@storybook/vue3',
+  'acorn-jsx',
+  'acorn-walk',
+  'acorn',
+  'airbnb-js-shims',
+  'ansi-to-html',
+  'axe-core',
+  'color-convert',
+  'deep-object-diff',
+  'doctrine',
+  'emotion-theming',
+  'escodegen',
+  'estraverse',
+  'fast-deep-equal',
+  'global',
+  'html-tags',
+  'isobject',
+  'jest-mock',
+  'loader-utils',
+  'lodash/cloneDeep',
+  'lodash/isFunction',
+  'lodash/isPlainObject',
+  'lodash/isString',
+  'lodash/mapKeys',
+  'lodash/mapValues',
+  'lodash/pick',
+  'lodash/pickBy',
+  'lodash/startCase',
+  'lodash/throttle',
+  'lodash/uniq',
+  'markdown-to-jsx',
+  'memoizerific',
+  'overlayscrollbars',
+  'polished',
+  'prettier/parser-babel',
+  'prettier/parser-flow',
+  'prettier/parser-typescript',
+  'prop-types',
+  'qs',
+  'react-dom',
+  'react-dom/client',
+  'react-fast-compare',
+  'react-is',
+  'react-textarea-autosize',
+  'react',
+  'react/jsx-runtime',
+  'refractor/core',
+  'refractor/lang/bash.js',
+  'refractor/lang/css.js',
+  'refractor/lang/graphql.js',
+  'refractor/lang/js-extras.js',
+  'refractor/lang/json.js',
+  'refractor/lang/jsx.js',
+  'refractor/lang/markdown.js',
+  'refractor/lang/markup.js',
+  'refractor/lang/tsx.js',
+  'refractor/lang/typescript.js',
+  'refractor/lang/yaml.js',
+  'regenerator-runtime/runtime.js',
+  'slash',
+  'store2',
+  'synchronous-promise',
+  'telejson',
+  'ts-dedent',
+  'unfetch',
+  'util-deprecate',
+  'uuid-browser/v4',
+  'vue',
+  'warning',
+];
+
+/**
+ * Helper function which allows us to `filter` with an async predicate.  Uses Promise.all for performance.
+ */
+const asyncFilter = async (arr: string[], predicate: (val: string) => Promise<boolean>) =>
+  Promise.all(arr.map(predicate)).then((results) => arr.filter((_v, index) => results[index]));
+
+export async function getOptimizeDeps(config: ViteInlineConfig, options: ExtendedOptions) {
+  const { root = process.cwd() } = config;
+  const absoluteStories = await listStories(options);
+  const stories = absoluteStories.map((storyPath) => normalizePath(path.relative(root, storyPath)));
+  // TODO: check if resolveConfig takes a lot of time, possible optimizations here
+  const resolvedConfig = await resolveConfig(config, 'serve', 'development');
+
+  // This function converts ids which might include ` > ` to a real path, if it exists on disk.
+  // See https://github.com/vitejs/vite/blob/67d164392e8e9081dc3f0338c4b4b8eea6c5f7da/packages/vite/src/node/optimizer/index.ts#L182-L199
+  const resolve = resolvedConfig.createResolver({ asSrc: false });
+  const include = await asyncFilter(INCLUDE_CANDIDATES, async (id) => Boolean(await resolve(id)));
+
+  return {
+    // We don't need to resolve the glob since vite supports globs for entries.
+    entries: stories,
+    // We need Vite to precompile these dependencies, because they contain non-ESM code that would break
+    // if we served it directly to the browser.
+    include,
+  };
+}
diff --git a/code/lib/builder-vite/src/plugins/code-generator-plugin.ts b/code/lib/builder-vite/src/plugins/code-generator-plugin.ts
new file mode 100644
index 000000000000..e93e0da96e13
--- /dev/null
+++ b/code/lib/builder-vite/src/plugins/code-generator-plugin.ts
@@ -0,0 +1,152 @@
+/* eslint-disable no-param-reassign */
+
+import * as fs from 'fs';
+import * as path from 'path';
+import { mergeConfig } from 'vite';
+import type { Plugin } from 'vite';
+import { transformIframeHtml } from '../transform-iframe-html';
+import { generateIframeScriptCode } from '../codegen-iframe-script';
+import { generateModernIframeScriptCode } from '../codegen-modern-iframe-script';
+import { generateImportFnScriptCode } from '../codegen-importfn-script';
+import { generateVirtualStoryEntryCode, generatePreviewEntryCode } from '../codegen-entries';
+import { generateAddonSetupCode } from '../codegen-set-addon-channel';
+
+import type { ExtendedOptions } from '../types';
+
+import {
+  virtualAddonSetupFile,
+  virtualFileId,
+  virtualPreviewFile,
+  virtualStoriesFile,
+} from '../virtual-file-names';
+
+export function codeGeneratorPlugin(options: ExtendedOptions): Plugin {
+  const iframePath = path.resolve(__dirname, '../../..', 'input', 'iframe.html');
+  let iframeId: string;
+
+  // noinspection JSUnusedGlobalSymbols
+  return {
+    name: 'storybook:code-generator-plugin',
+    enforce: 'pre',
+    configureServer(server) {
+      // invalidate the whole vite-app.js script on every file change.
+      // (this might be a little too aggressive?)
+      server.watcher.on('change', () => {
+        const appModule = server.moduleGraph.getModuleById(virtualFileId);
+        if (appModule) {
+          server.moduleGraph.invalidateModule(appModule);
+        }
+        const storiesModule = server.moduleGraph.getModuleById(virtualStoriesFile);
+        if (storiesModule) {
+          server.moduleGraph.invalidateModule(storiesModule);
+        }
+      });
+
+      // Adding new story files is not covered by the change event above. So we need to detect this and trigger
+      // HMR to update the importFn.
+      server.watcher.on('add', (path) => {
+        // TODO maybe use the stories declaration in main
+        if (/\.stories\.([tj])sx?$/.test(path) || /\.(story|stories).mdx$/.test(path)) {
+          // We need to emit a change event to trigger HMR
+          server.watcher.emit('change', virtualStoriesFile);
+        }
+      });
+    },
+    config(config, { command }) {
+      // If we are building the static distribution, add iframe.html as an entry.
+      // In development mode, it's not an entry - instead, we use an express middleware
+      // to serve iframe.html. The reason is that Vite's dev server (at the time of writing)
+      // does not support virtual files as entry points.
+      if (command === 'build') {
+        if (!config.build) {
+          config.build = {};
+        }
+        config.build.rollupOptions = {
+          ...config.build.rollupOptions,
+          input: iframePath,
+        };
+      }
+
+      // Detect if react 18 is installed.  If not, alias it to a virtual placeholder file.
+      try {
+        require.resolve('react-dom/client', { paths: [config.root || process.cwd()] });
+      } catch (e) {
+        if (isNodeError(e) && e.code === 'MODULE_NOT_FOUND') {
+          config.resolve = mergeConfig(config.resolve ?? {}, {
+            alias: {
+              'react-dom/client': path.resolve(
+                __dirname,
+                '../../..',
+                'input',
+                'react-dom-client-placeholder.js'
+              ),
+            },
+          });
+        }
+      }
+    },
+    configResolved(config) {
+      iframeId = `${config.root}/iframe.html`;
+    },
+    resolveId(source) {
+      if (source === virtualFileId) {
+        return virtualFileId;
+      }
+      if (source === iframePath) {
+        return iframeId;
+      }
+      if (source === virtualStoriesFile) {
+        return virtualStoriesFile;
+      }
+      if (source === virtualPreviewFile) {
+        return virtualPreviewFile;
+      }
+      if (source === virtualAddonSetupFile) {
+        return virtualAddonSetupFile;
+      }
+      return undefined;
+    },
+    async load(id) {
+      const storyStoreV7 = options.features?.storyStoreV7;
+      if (id === virtualStoriesFile) {
+        if (storyStoreV7) {
+          return generateImportFnScriptCode(options);
+        }
+        return generateVirtualStoryEntryCode(options);
+      }
+
+      if (id === virtualAddonSetupFile) {
+        return generateAddonSetupCode();
+      }
+
+      if (id === virtualPreviewFile && !storyStoreV7) {
+        return generatePreviewEntryCode(options);
+      }
+
+      if (id === virtualFileId) {
+        if (storyStoreV7) {
+          return generateModernIframeScriptCode(options);
+        }
+        return generateIframeScriptCode(options);
+      }
+
+      if (id === iframeId) {
+        return fs.readFileSync(
+          path.resolve(__dirname, '../../..', 'input', 'iframe.html'),
+          'utf-8'
+        );
+      }
+
+      return undefined;
+    },
+    async transformIndexHtml(html, ctx) {
+      if (ctx.path !== '/iframe.html') {
+        return undefined;
+      }
+      return transformIframeHtml(html, options);
+    },
+  };
+}
+
+// Refines an error received from 'catch' to be a NodeJS exception
+const isNodeError = (error: unknown): error is NodeJS.ErrnoException => error instanceof Error;
diff --git a/code/lib/builder-vite/src/plugins/index.ts b/code/lib/builder-vite/src/plugins/index.ts
new file mode 100644
index 000000000000..735c60aa86fa
--- /dev/null
+++ b/code/lib/builder-vite/src/plugins/index.ts
@@ -0,0 +1,5 @@
+export * from './inject-export-order-plugin';
+export * from './mdx-plugin';
+export * from './strip-story-hmr-boundaries';
+export * from './code-generator-plugin';
+export * from './source-loader-plugin';
diff --git a/code/lib/builder-vite/src/plugins/inject-export-order-plugin.ts b/code/lib/builder-vite/src/plugins/inject-export-order-plugin.ts
new file mode 100644
index 000000000000..743043f7427c
--- /dev/null
+++ b/code/lib/builder-vite/src/plugins/inject-export-order-plugin.ts
@@ -0,0 +1,32 @@
+import { parse } from 'es-module-lexer';
+import MagicString from 'magic-string';
+import { createFilter } from 'vite';
+
+const include = [/\.stories\.([tj])sx?$/, /(stories|story).mdx$/];
+const filter = createFilter(include);
+
+export const injectExportOrderPlugin = {
+  name: 'storybook:inject-export-order-plugin',
+  // This should only run after the typescript has been transpiled
+  enforce: 'post',
+  async transform(code: string, id: string) {
+    if (!filter(id)) return undefined;
+
+    // TODO: Maybe convert `injectExportOrderPlugin` to function that returns object,
+    //  and run `await init;` once and then call `parse()` without `await`,
+    //  instead of calling `await parse()` every time.
+    const [, exports] = await parse(code);
+
+    if (exports.includes('__namedExportsOrder')) {
+      // user has defined named exports already
+      return undefined;
+    }
+    const s = new MagicString(code);
+    const orderedExports = exports.filter((e) => e !== 'default');
+    s.append(`;export const __namedExportsOrder = ${JSON.stringify(orderedExports)};`);
+    return {
+      code: s.toString(),
+      map: s.generateMap({ hires: true, source: id }),
+    };
+  },
+};
diff --git a/code/lib/builder-vite/src/plugins/mdx-plugin.ts b/code/lib/builder-vite/src/plugins/mdx-plugin.ts
new file mode 100644
index 000000000000..03fea305fb56
--- /dev/null
+++ b/code/lib/builder-vite/src/plugins/mdx-plugin.ts
@@ -0,0 +1,88 @@
+import type { Options } from '@storybook/core-common';
+import type { Plugin } from 'vite';
+import { createFilter } from 'vite';
+
+const isStorybookMdx = (id: string) => id.endsWith('stories.mdx') || id.endsWith('story.mdx');
+
+function injectRenderer(code: string, mdx2: boolean) {
+  if (mdx2) {
+    return `
+           import React from 'react';
+           ${code}
+           `;
+  }
+
+  return `
+        /* @jsx mdx */
+        import React from 'react';
+        import { mdx } from '@mdx-js/react';
+        ${code}
+        `;
+}
+
+/**
+ * Storybook uses two different loaders when dealing with MDX:
+ *
+ * - *stories.mdx and *story.mdx are compiled with the CSF compiler
+ * - *.mdx are compiled with the MDX compiler directly
+ *
+ * @see https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/recipes.md#csf-stories-with-arbitrary-mdx
+ */
+export function mdxPlugin(options: Options): Plugin {
+  const { features } = options;
+
+  let reactRefresh: Plugin | undefined;
+  const include = /\.mdx?$/;
+  const filter = createFilter(include);
+
+  return {
+    name: 'storybook:mdx-plugin',
+    enforce: 'pre',
+    configResolved({ plugins }) {
+      // @vitejs/plugin-react-refresh has been upgraded to @vitejs/plugin-react,
+      // and the name of the plugin performing `transform` has been changed from 'react-refresh' to 'vite:react-babel',
+      // to be compatible, we need to look for both plugin name.
+      // We should also look for the other plugins names exported from @vitejs/plugin-react in case there are some internal refactors.
+      const reactRefreshPlugins = plugins.filter(
+        (p) =>
+          p.name === 'react-refresh' ||
+          p.name === 'vite:react-babel' ||
+          p.name === 'vite:react-refresh' ||
+          p.name === 'vite:react-jsx'
+      );
+      reactRefresh = reactRefreshPlugins.find((p) => p.transform);
+    },
+    async transform(src, id, options) {
+      if (!filter(id)) return undefined;
+
+      // @ts-expect-error typescript doesn't think compile exists, but it does.
+      const { compile } = features?.previewMdx2
+        ? await import('@storybook/mdx2-csf')
+        : await import('@storybook/mdx1-csf');
+
+      const mdxCode = String(await compile(src, { skipCsf: !isStorybookMdx(id) }));
+
+      const modifiedCode = injectRenderer(mdxCode, Boolean(features?.previewMdx2));
+
+      // Hooks in recent rollup versions can be functions or objects, and though react hasn't changed, the typescript defs have
+      const rTransform = reactRefresh?.transform;
+      const transform = rTransform && 'handler' in rTransform ? rTransform.handler : rTransform;
+
+      // It's safe to disable this, because we know it'll be there, since we added it ourselves.
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      const result = await transform!.call(this, modifiedCode, `${id}.jsx`, options);
+
+      if (!result) return modifiedCode;
+
+      if (typeof result === 'string') return result;
+
+      const { code, map: resultMap } = result;
+
+      return {
+        code,
+        map:
+          !resultMap || typeof resultMap === 'string' ? resultMap : { ...resultMap, sources: [id] },
+      };
+    },
+  };
+}
diff --git a/code/lib/builder-vite/src/plugins/source-loader-plugin.ts b/code/lib/builder-vite/src/plugins/source-loader-plugin.ts
new file mode 100644
index 000000000000..b33bf7207169
--- /dev/null
+++ b/code/lib/builder-vite/src/plugins/source-loader-plugin.ts
@@ -0,0 +1,103 @@
+import type { Plugin } from 'vite';
+import sourceLoaderTransform from '@storybook/source-loader';
+import MagicString from 'magic-string';
+import type { ExtendedOptions } from '../types';
+
+const storyPattern = /\.stories\.[jt]sx?$/;
+const storySourcePattern = /var __STORY__ = "(.*)"/;
+const storySourceReplacement = '--STORY_SOURCE_REPLACEMENT--';
+
+const mockClassLoader = (id: string) => ({
+  // eslint-disable-next-line no-console
+  emitWarning: (message: string) => console.warn(message),
+  resourcePath: id,
+});
+
+// HACK: Until we can support only node 15+ and use string.prototype.replaceAll
+const replaceAll = (str: string, search: string, replacement: string) => {
+  return str.split(search).join(replacement);
+};
+
+export function sourceLoaderPlugin(config: ExtendedOptions): Plugin | Plugin[] {
+  if (config.configType === 'DEVELOPMENT') {
+    return {
+      name: 'storybook:source-loader-plugin',
+      enforce: 'pre',
+      async transform(src: string, id: string) {
+        if (id.match(storyPattern)) {
+          const code: string = await sourceLoaderTransform.call(mockClassLoader(id), src);
+          const s = new MagicString(src);
+          // Entirely replace with new code
+          s.overwrite(0, src.length, code);
+
+          return {
+            code: s.toString(),
+            map: s.generateMap({ hires: true, source: id }),
+          };
+        }
+        return undefined;
+      },
+    };
+  }
+
+  // In production, we need to be fancier, to avoid vite:define plugin from replacing values inside the `__STORY__` string
+  const storySources = new WeakMap<ExtendedOptions, Map<string, string>>();
+
+  return [
+    {
+      name: 'storybook-vite-source-loader-plugin',
+      enforce: 'pre',
+      buildStart() {
+        storySources.set(config, new Map());
+      },
+      async transform(src: string, id: string) {
+        if (id.match(storyPattern)) {
+          let code: string = await sourceLoaderTransform.call(mockClassLoader(id), src);
+          const [_, sourceString] = code.match(storySourcePattern) ?? [null, null];
+          if (sourceString) {
+            const map = storySources.get(config);
+            map?.set(id, sourceString);
+
+            // Remove story source so that it is not processed by vite:define plugin
+            code = replaceAll(code, sourceString, storySourceReplacement);
+          }
+
+          const s = new MagicString(src);
+          // Entirely replace with new code
+          s.overwrite(0, src.length, code);
+
+          return {
+            code: s.toString(),
+            map: s.generateMap(),
+          };
+        }
+        return undefined;
+      },
+    },
+    {
+      name: 'storybook-vite-source-loader-plugin-post',
+      enforce: 'post',
+      buildStart() {
+        storySources.set(config, new Map());
+      },
+      async transform(src: string, id: string) {
+        if (id.match(storyPattern)) {
+          const s = new MagicString(src);
+          const map = storySources.get(config);
+          const storySourceStatement = map?.get(id);
+          // Put the previously-extracted source back in
+          if (storySourceStatement) {
+            const newCode = replaceAll(src, storySourceReplacement, storySourceStatement);
+            s.overwrite(0, src.length, newCode);
+          }
+
+          return {
+            code: s.toString(),
+            map: s.generateMap(),
+          };
+        }
+        return undefined;
+      },
+    },
+  ];
+}
diff --git a/code/lib/builder-vite/src/plugins/strip-story-hmr-boundaries.ts b/code/lib/builder-vite/src/plugins/strip-story-hmr-boundaries.ts
new file mode 100644
index 000000000000..46ca7045e6d5
--- /dev/null
+++ b/code/lib/builder-vite/src/plugins/strip-story-hmr-boundaries.ts
@@ -0,0 +1,27 @@
+import type { Plugin } from 'vite';
+import { createFilter } from 'vite';
+import MagicString from 'magic-string';
+
+/**
+ * This plugin removes HMR `accept` calls in story files.  Stories should not be treated
+ * as hmr boundaries, but vite has a bug which causes them to be treated as boundaries
+ * (https://github.com/vitejs/vite/issues/9869).
+ */
+export function stripStoryHMRBoundary(): Plugin {
+  const filter = createFilter(/\.stories\.([tj])sx?$/);
+  return {
+    name: 'storybook:strip-hmr-boundary-plugin',
+    enforce: 'post',
+    async transform(src: string, id: string) {
+      if (!filter(id)) return undefined;
+
+      const s = new MagicString(src);
+      s.replace(/import\.meta\.hot\.accept\(\);/, '');
+
+      return {
+        code: s.toString(),
+        map: s.generateMap({ hires: true, source: id }),
+      };
+    },
+  };
+}
diff --git a/code/lib/builder-vite/src/transform-iframe-html.ts b/code/lib/builder-vite/src/transform-iframe-html.ts
new file mode 100644
index 000000000000..a7bc35cf840a
--- /dev/null
+++ b/code/lib/builder-vite/src/transform-iframe-html.ts
@@ -0,0 +1,39 @@
+import { normalizeStories } from '@storybook/core-common';
+import type { CoreConfig, DocsOptions } from '@storybook/core-common';
+import type { ExtendedOptions } from './types';
+
+export type PreviewHtml = string | undefined;
+
+export async function transformIframeHtml(html: string, options: ExtendedOptions) {
+  const { configType, features, presets, serverChannelUrl, title } = options;
+  const frameworkOptions = await presets.apply<Record<string, any> | null>('frameworkOptions');
+  const headHtmlSnippet = await presets.apply<PreviewHtml>('previewHead');
+  const bodyHtmlSnippet = await presets.apply<PreviewHtml>('previewBody');
+  const logLevel = await presets.apply('logLevel', undefined);
+  const docsOptions = await presets.apply<DocsOptions>('docs');
+
+  const coreOptions = await presets.apply<CoreConfig>('core');
+  const stories = normalizeStories(await options.presets.apply('stories', [], options), {
+    configDir: options.configDir,
+    workingDir: process.cwd(),
+  }).map((specifier) => ({
+    ...specifier,
+    importPathMatcher: specifier.importPathMatcher.source,
+  }));
+
+  return html
+    .replace('<!-- [TITLE HERE] -->', title || 'Storybook')
+    .replace('[CONFIG_TYPE HERE]', configType || '')
+    .replace('[LOGLEVEL HERE]', logLevel || '')
+    .replace(`'[FRAMEWORK_OPTIONS HERE]'`, JSON.stringify(frameworkOptions))
+    .replace(
+      `'[CHANNEL_OPTIONS HERE]'`,
+      JSON.stringify(coreOptions && coreOptions.channelOptions ? coreOptions.channelOptions : {})
+    )
+    .replace(`'[FEATURES HERE]'`, JSON.stringify(features || {}))
+    .replace(`'[STORIES HERE]'`, JSON.stringify(stories || {}))
+    .replace(`'[DOCS_OPTIONS HERE]'`, JSON.stringify(docsOptions || {}))
+    .replace(`'[SERVER_CHANNEL_URL HERE]'`, JSON.stringify(serverChannelUrl))
+    .replace('<!-- [HEAD HTML SNIPPET HERE] -->', headHtmlSnippet || '')
+    .replace('<!-- [BODY HTML SNIPPET HERE] -->', bodyHtmlSnippet || '');
+}
diff --git a/code/lib/builder-vite/src/types/envs-raw.type.ts b/code/lib/builder-vite/src/types/envs-raw.type.ts
new file mode 100644
index 000000000000..cb62e513aacd
--- /dev/null
+++ b/code/lib/builder-vite/src/types/envs-raw.type.ts
@@ -0,0 +1 @@
+export type EnvsRaw = Record<string, string>;
diff --git a/code/lib/builder-vite/src/types/extended-options.type.ts b/code/lib/builder-vite/src/types/extended-options.type.ts
new file mode 100644
index 000000000000..cc3d6503b3f5
--- /dev/null
+++ b/code/lib/builder-vite/src/types/extended-options.type.ts
@@ -0,0 +1,8 @@
+import type { Options } from '@storybook/core-common';
+
+// Using instead of `Record<string, string>` to provide better aware of used options
+type IframeOptions = {
+  title: string;
+};
+
+export type ExtendedOptions = Options & IframeOptions;
diff --git a/code/lib/builder-vite/src/types/index.ts b/code/lib/builder-vite/src/types/index.ts
new file mode 100644
index 000000000000..e50c278bbd1e
--- /dev/null
+++ b/code/lib/builder-vite/src/types/index.ts
@@ -0,0 +1,2 @@
+export * from './envs-raw.type';
+export * from './extended-options.type';
diff --git a/code/lib/builder-vite/src/utils/transform-abs-path.ts b/code/lib/builder-vite/src/utils/transform-abs-path.ts
new file mode 100644
index 000000000000..bd8c89f8fbc3
--- /dev/null
+++ b/code/lib/builder-vite/src/utils/transform-abs-path.ts
@@ -0,0 +1,11 @@
+import path from 'path';
+import { normalizePath } from 'vite';
+
+// We need to convert from an absolute path, to a traditional node module import path,
+// so that vite can correctly pre-bundle/optimize
+export function transformAbsPath(absPath: string) {
+  const splits = absPath.split(`node_modules${path.sep}`);
+  // Return everything after the final "node_modules/"
+  const module = normalizePath(splits[splits.length - 1]);
+  return module;
+}
diff --git a/code/lib/builder-vite/src/virtual-file-names.ts b/code/lib/builder-vite/src/virtual-file-names.ts
new file mode 100644
index 000000000000..0da0c5517dec
--- /dev/null
+++ b/code/lib/builder-vite/src/virtual-file-names.ts
@@ -0,0 +1,4 @@
+export const virtualFileId = '/virtual:/@storybook/builder-vite/vite-app.js';
+export const virtualStoriesFile = '/virtual:/@storybook/builder-vite/storybook-stories.js';
+export const virtualPreviewFile = '/virtual:/@storybook/builder-vite/preview-entry.js';
+export const virtualAddonSetupFile = '/virtual:/@storybook/builder-vite/setup-addons.js';
diff --git a/code/lib/builder-vite/src/vite-config.ts b/code/lib/builder-vite/src/vite-config.ts
new file mode 100644
index 000000000000..ccc58b27dfc6
--- /dev/null
+++ b/code/lib/builder-vite/src/vite-config.ts
@@ -0,0 +1,112 @@
+import * as path from 'path';
+import fs from 'fs';
+import { loadConfigFromFile, mergeConfig } from 'vite';
+import type {
+  ConfigEnv,
+  InlineConfig as ViteInlineConfig,
+  PluginOption,
+  UserConfig as ViteConfig,
+} from 'vite';
+import viteReact from '@vitejs/plugin-react';
+import { isPreservingSymlinks, getFrameworkName } from '@storybook/core-common';
+import { stringifyProcessEnvs } from './envs';
+import {
+  codeGeneratorPlugin,
+  injectExportOrderPlugin,
+  mdxPlugin,
+  stripStoryHMRBoundary,
+} from './plugins';
+import type { ExtendedOptions, EnvsRaw } from './types';
+
+export type PluginConfigType = 'build' | 'development';
+
+export function readPackageJson(): Record<string, any> | false {
+  const packageJsonPath = path.resolve('package.json');
+  if (!fs.existsSync(packageJsonPath)) {
+    return false;
+  }
+
+  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+  return JSON.parse(jsonContent);
+}
+
+const configEnvServe: ConfigEnv = {
+  mode: 'development',
+  command: 'serve',
+  ssrBuild: false,
+};
+
+const configEnvBuild: ConfigEnv = {
+  mode: 'production',
+  command: 'build',
+  ssrBuild: false,
+};
+
+// Vite config that is common to development and production mode
+export async function commonConfig(
+  options: ExtendedOptions,
+  _type: PluginConfigType
+): Promise<ViteInlineConfig> {
+  const { presets } = options;
+  const configEnv = _type === 'development' ? configEnvServe : configEnvBuild;
+
+  const { config: userConfig = {} } = (await loadConfigFromFile(configEnv)) ?? {};
+
+  const sbConfig = {
+    configFile: false,
+    cacheDir: 'node_modules/.vite-storybook',
+    root: path.resolve(options.configDir, '..'),
+    plugins: await pluginConfig(options),
+    resolve: { preserveSymlinks: isPreservingSymlinks() },
+    // If an envPrefix is specified in the vite config, add STORYBOOK_ to it,
+    // otherwise, add VITE_ and STORYBOOK_ so that vite doesn't lose its default.
+    envPrefix: userConfig.envPrefix ? 'STORYBOOK_' : ['VITE_', 'STORYBOOK_'],
+  };
+
+  const config: ViteConfig = mergeConfig(userConfig, sbConfig);
+
+  // Sanitize environment variables if needed
+  const envsRaw = await presets.apply<Promise<EnvsRaw>>('env');
+  if (Object.keys(envsRaw).length) {
+    // Stringify env variables after getting `envPrefix` from the  config
+    const envs = stringifyProcessEnvs(envsRaw, config.envPrefix);
+    config.define = {
+      ...config.define,
+      ...envs,
+    };
+  }
+
+  return config;
+}
+
+export async function pluginConfig(options: ExtendedOptions) {
+  const frameworkName = await getFrameworkName(options);
+
+  const plugins = [
+    codeGeneratorPlugin(options),
+    // sourceLoaderPlugin(options),
+    mdxPlugin(options),
+    injectExportOrderPlugin,
+    stripStoryHMRBoundary(),
+  ] as PluginOption[];
+
+  // We need the react plugin here to support MDX in non-react projects.
+  if (frameworkName !== '@storybook/react-vite') {
+    plugins.push(viteReact({ exclude: [/\.stories\.([tj])sx?$/, /node_modules/, /\.([tj])sx?$/] }));
+  }
+
+  // TODO: framework doesn't exist, should move into framework when/if built
+  if (frameworkName === '@storybook/preact-vite') {
+    // eslint-disable-next-line global-require
+    plugins.push(require('@preact/preset-vite').default());
+  }
+
+  // TODO: framework doesn't exist, should move into framework when/if built
+  if (frameworkName === '@storybook/glimmerx-vite') {
+    // eslint-disable-next-line global-require, import/extensions
+    const plugin = require('vite-plugin-glimmerx/index.cjs');
+    plugins.push(plugin.default());
+  }
+
+  return plugins;
+}
diff --git a/code/lib/builder-vite/src/vite-server.ts b/code/lib/builder-vite/src/vite-server.ts
new file mode 100644
index 000000000000..a8a1b35b1d46
--- /dev/null
+++ b/code/lib/builder-vite/src/vite-server.ts
@@ -0,0 +1,30 @@
+import type { Server } from 'http';
+import { createServer } from 'vite';
+import { commonConfig } from './vite-config';
+import type { ExtendedOptions } from './types';
+import { getOptimizeDeps } from './optimizeDeps';
+
+export async function createViteServer(options: ExtendedOptions, devServer: Server) {
+  const { presets } = options;
+
+  const config = await commonConfig(options, 'development');
+
+  // Set up dev server
+  config.server = {
+    middlewareMode: true,
+    hmr: {
+      port: options.port,
+      server: devServer,
+    },
+    fs: {
+      strict: true,
+    },
+  };
+  config.appType = 'custom';
+
+  // TODO: find a way to avoid having to do this in a separate step.
+  config.optimizeDeps = await getOptimizeDeps(config, options);
+
+  const finalConfig = await presets.apply('viteFinal', config, options);
+  return createServer(finalConfig);
+}
diff --git a/code/lib/builder-vite/tsconfig.json b/code/lib/builder-vite/tsconfig.json
new file mode 100644
index 000000000000..76d943e5d483
--- /dev/null
+++ b/code/lib/builder-vite/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "strict": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"]
+}
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 8cea7d42b409..7397227e6eff 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -30,42 +30,38 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channel-websocket": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/channel-postmessage": "7.0.0-alpha.31",
+    "@storybook/channel-websocket": "7.0.0-alpha.31",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/router": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.31",
+    "@storybook/theming": "7.0.0-alpha.31",
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-exports-order": "^0.0.2",
     "browser-assert": "^1.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "core-js": "^3.8.2",
     "css-loader": "^6.7.1",
     "fork-ts-checker-webpack-plugin": "^7.2.8",
-    "glob": "^7.1.6",
-    "glob-promise": "^3.4.0",
     "global": "^4.4.0",
     "html-webpack-plugin": "^5.5.0",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
-    "stable": "^0.1.8",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.3.1",
     "ts-dedent": "^2.0.0",
@@ -95,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/builder-webpack5/src/index.ts b/code/lib/builder-webpack5/src/index.ts
index 2d33a372308c..3d8090d1b01e 100644
--- a/code/lib/builder-webpack5/src/index.ts
+++ b/code/lib/builder-webpack5/src/index.ts
@@ -41,7 +41,7 @@ export const getConfig: WebpackBuilder['getConfig'] = async (options) => {
   const { presets } = options;
   const typescriptOptions = await presets.apply('typescript', {}, options);
   const babelOptions = await presets.apply('babel', {}, { ...options, typescriptOptions });
-  const framework = await presets.apply<any>('framework', {}, options);
+  const frameworkOptions = await presets.apply<any>('frameworkOptions');
 
   return presets.apply(
     'webpack',
@@ -50,7 +50,7 @@ export const getConfig: WebpackBuilder['getConfig'] = async (options) => {
       ...options,
       babelOptions,
       typescriptOptions,
-      frameworkOptions: typeof framework === 'string' ? {} : framework?.options,
+      frameworkOptions,
     }
   ) as any;
 };
@@ -72,7 +72,7 @@ export const bail: WebpackBuilder['bail'] = async () => {
   }
   // we wait for the compiler to finish it's work, so it's command-line output doesn't interfere
   return new Promise((res, rej) => {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     if (process && compilation) {
       try {
         compilation.close(() => res());
@@ -219,7 +219,7 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime,
 
       logger.trace({ message: '=> Preview built', time: process.hrtime(startTime) });
       if (stats && stats.hasWarnings()) {
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         stats
           .toJson({ warnings: true } as StatsOptions)
           .warnings.forEach((e) => logger.warn(e.message));
diff --git a/code/lib/builder-webpack5/src/presets/custom-webpack-preset.ts b/code/lib/builder-webpack5/src/presets/custom-webpack-preset.ts
index 879dcc598107..c9b6957578e2 100644
--- a/code/lib/builder-webpack5/src/presets/custom-webpack-preset.ts
+++ b/code/lib/builder-webpack5/src/presets/custom-webpack-preset.ts
@@ -8,7 +8,7 @@ import { loadCustomWebpackConfig } from '@storybook/core-webpack';
 import { createDefaultWebpackConfig } from '../preview/base-webpack.config';
 
 export async function webpack(config: Configuration, options: Options) {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const { configDir, configType, presets, webpackConfig } = options;
 
   const coreOptions = await presets.apply<CoreConfig>('core');
diff --git a/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts b/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
index bd00d68d7c64..2f87df8615fb 100644
--- a/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
+++ b/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
@@ -1,9 +1,8 @@
 import path from 'path';
-import { dedent } from 'ts-dedent';
 import { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin, ProvidePlugin } from 'webpack';
 import type { Configuration } from 'webpack';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
-// @ts-ignore // -- this has typings for webpack4 in it, won't work
+// @ts-expect-error // -- this has typings for webpack4 in it, won't work
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
 import TerserWebpackPlugin from 'terser-webpack-plugin';
 import VirtualModulePlugin from 'webpack-virtual-modules';
@@ -17,6 +16,8 @@ import {
   normalizeStories,
   readTemplate,
   loadPreviewOrConfigFile,
+  isPreservingSymlinks,
+  getFrameworkName,
 } from '@storybook/core-common';
 import { toRequireContextString, toImportFn } from '@storybook/core-webpack';
 import type { BuilderOptions, TypescriptOptions } from '../types';
@@ -66,15 +67,7 @@ export default async (
     serverChannelUrl,
   } = options;
 
-  const framework = await presets.apply('framework', undefined);
-  if (!framework) {
-    throw new Error(dedent`
-      You must to specify a framework in '.storybook/main.js' config.
-
-      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#framework-field-mandatory
-    `);
-  }
-  const frameworkName = typeof framework === 'string' ? framework : framework.name;
+  const frameworkName = await getFrameworkName(options);
   const frameworkOptions = await presets.apply('frameworkOptions');
 
   const isProd = configType === 'PRODUCTION';
@@ -168,10 +161,6 @@ export default async (
   const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipBabel;
   const tsCheckOptions = typescriptOptions.checkOptions || {};
 
-  const { NODE_OPTIONS, NODE_PRESERVE_SYMLINKS } = process.env;
-  const isPreservingSymlinks =
-    !!NODE_PRESERVE_SYMLINKS || NODE_OPTIONS?.includes('--preserve-symlinks');
-
   return {
     name: 'preview',
     mode: isProd ? 'production' : 'development',
@@ -194,6 +183,10 @@ export default async (
       {
         message: /export '\S+' was not found in 'global'/,
       },
+      {
+        message:
+          /require function is used in a way in which dependencies cannot be statically extracted/,
+      },
     ],
     plugins: [
       Object.keys(virtualModuleMapping).length > 0
@@ -275,7 +268,7 @@ export default async (
       },
       // Set webpack to resolve symlinks based on whether the user has asked node to.
       // This feels like it should be default out-of-the-box in webpack :shrug:
-      symlinks: !isPreservingSymlinks,
+      symlinks: !isPreservingSymlinks(),
     },
     optimization: {
       splitChunks: {
diff --git a/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js b/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js
index 1e3f319f27ce..b667a36248a0 100644
--- a/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js
+++ b/code/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js
@@ -5,6 +5,7 @@ import {
   addLoader,
   addArgs,
   addArgTypes,
+  addStepRunner,
   addArgsEnhancer,
   addArgTypesEnhancer,
   setGlobalRender,
@@ -49,6 +50,9 @@ Object.keys(config).forEach((key) => {
     case 'renderToDOM': {
       return null; // This key is not handled directly in v6 mode.
     }
+    case 'runStep': {
+      return addStepRunner(value);
+    }
     default: {
       // eslint-disable-next-line prefer-template
       return console.log(key + ' was not supported :( !');
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index cf040416574d..2eae78e44a42 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -31,13 +31,12 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "qs": "^6.10.0",
     "telejson": "^6.0.8"
@@ -48,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index fec6dac9763b..72aa08c77c81 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -31,12 +31,11 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "telejson": "^6.0.8"
   },
@@ -46,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/channel-websocket/src/index.ts b/code/lib/channel-websocket/src/index.ts
index 87b5cce0b903..fb5628be5032 100644
--- a/code/lib/channel-websocket/src/index.ts
+++ b/code/lib/channel-websocket/src/index.ts
@@ -85,3 +85,6 @@ export function createChannel({
   const transport = new WebsocketTransport({ url, onError });
   return new Channel({ transport, async });
 }
+
+// backwards compat with builder-vite
+export default createChannel;
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index fdea6ce50a3b..c2d3c57eea07 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -39,10 +39,9 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
@@ -57,5 +56,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/channels/src/index.test.ts b/code/lib/channels/src/index.test.ts
index 08ae656bb1ca..0efa9f5931bd 100644
--- a/code/lib/channels/src/index.test.ts
+++ b/code/lib/channels/src/index.test.ts
@@ -103,7 +103,7 @@ describe('Channel', () => {
         listenerOutputData = data;
       });
       const sendSpy = jest.fn();
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       channel.transport.send = sendSpy;
       channel.emit(eventName, ...listenerInputData);
       expect(listenerOutputData).toEqual(listenerInputData);
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 5122fac0f568..2cea68974c19 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -22,10 +22,10 @@
   "bin": "./index.js",
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.20"
+    "@storybook/cli": "7.0.0-alpha.31"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 3d7b341a176c..f094ee331102 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -25,10 +25,10 @@
   },
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.0.0-alpha.20"
+    "@storybook/cli": "7.0.0-alpha.31"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/cli/.babelrc.json b/code/lib/cli/.babelrc.json
index ffec5b09f395..89a2815442ec 100644
--- a/code/lib/cli/.babelrc.json
+++ b/code/lib/cli/.babelrc.json
@@ -12,7 +12,7 @@
     ]
   ],
   "ignore": [
-    "./src/frameworks",
+    "./src/rendererAssets",
     "./src/generators/**/template",
     "./src/generators/**/template-csf",
     "./src/generators/**/template-csf-ts",
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 8170321b4ed7..81af6e4b29e0 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -22,13 +22,6 @@
   },
   "license": "MIT",
   "author": "Storybook Team",
-  "typesVersions": {
-    "<3.8": {
-      "*": [
-        "ts3.4/*"
-      ]
-    }
-  },
   "bin": {
     "getstorybook": "./bin/index.js",
     "sb": "./bin/index.js"
@@ -36,25 +29,26 @@
   "files": [
     "bin/**/*",
     "dist/**/*",
+    "rendererAssets/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js",
+    "prep": "node ../../../scripts/prepare.js",
     "test": "jest test/**/*.test.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-server": "7.0.0-alpha.20",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/codemod": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-server": "7.0.0-alpha.31",
+    "@storybook/csf-tools": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.20",
+    "@storybook/telemetry": "7.0.0-alpha.31",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -68,9 +62,7 @@
     "fs-extra": "^9.0.1",
     "get-port": "^5.1.1",
     "globby": "^11.0.2",
-    "js-yaml": "^3.14.1",
     "jscodeshift": "^0.13.1",
-    "json5": "^2.1.3",
     "leven": "^3.1.0",
     "prompts": "^2.4.0",
     "puppeteer-core": "^2.1.1",
@@ -81,7 +73,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.20",
+    "@storybook/client-api": "7.0.0-alpha.31",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
@@ -96,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/cli/frameworks/.eslintrc.json b/code/lib/cli/rendererAssets/.eslintrc.json
similarity index 100%
rename from code/lib/cli/frameworks/.eslintrc.json
rename to code/lib/cli/rendererAssets/.eslintrc.json
diff --git a/code/lib/cli/frameworks/angular/Button.stories.ts b/code/lib/cli/rendererAssets/angular/Button.stories.ts
similarity index 92%
rename from code/lib/cli/frameworks/angular/Button.stories.ts
rename to code/lib/cli/rendererAssets/angular/Button.stories.ts
index 8a83fd736fc3..1a4d6894f9a7 100644
--- a/code/lib/cli/frameworks/angular/Button.stories.ts
+++ b/code/lib/cli/rendererAssets/angular/Button.stories.ts
@@ -1,4 +1,3 @@
-// also exported from '@storybook/angular' if you can deal with breaking changes in 6.1
 import type { Meta, StoryFn } from '@storybook/angular';
 import Button from './button.component';
 
diff --git a/code/lib/cli/frameworks/angular/Header.stories.ts b/code/lib/cli/rendererAssets/angular/Header.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/angular/Header.stories.ts
rename to code/lib/cli/rendererAssets/angular/Header.stories.ts
diff --git a/code/lib/cli/frameworks/angular/Page.stories.ts b/code/lib/cli/rendererAssets/angular/Page.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/angular/Page.stories.ts
rename to code/lib/cli/rendererAssets/angular/Page.stories.ts
diff --git a/code/lib/cli/frameworks/angular/User.ts b/code/lib/cli/rendererAssets/angular/User.ts
similarity index 100%
rename from code/lib/cli/frameworks/angular/User.ts
rename to code/lib/cli/rendererAssets/angular/User.ts
diff --git a/code/lib/cli/frameworks/angular/button.component.ts b/code/lib/cli/rendererAssets/angular/button.component.ts
similarity index 100%
rename from code/lib/cli/frameworks/angular/button.component.ts
rename to code/lib/cli/rendererAssets/angular/button.component.ts
diff --git a/code/lib/cli/frameworks/angular/header.component.ts b/code/lib/cli/rendererAssets/angular/header.component.ts
similarity index 100%
rename from code/lib/cli/frameworks/angular/header.component.ts
rename to code/lib/cli/rendererAssets/angular/header.component.ts
diff --git a/code/lib/cli/frameworks/angular/page.component.ts b/code/lib/cli/rendererAssets/angular/page.component.ts
similarity index 100%
rename from code/lib/cli/frameworks/angular/page.component.ts
rename to code/lib/cli/rendererAssets/angular/page.component.ts
diff --git a/code/lib/cli/frameworks/aurelia/1-Button.stories.ts b/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/aurelia/1-Button.stories.ts
rename to code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts
diff --git a/code/lib/cli/frameworks/aurelia/button.ts b/code/lib/cli/rendererAssets/aurelia/button.ts
similarity index 100%
rename from code/lib/cli/frameworks/aurelia/button.ts
rename to code/lib/cli/rendererAssets/aurelia/button.ts
diff --git a/code/lib/cli/frameworks/common/Introduction.stories.mdx b/code/lib/cli/rendererAssets/common/Introduction.stories.mdx
similarity index 100%
rename from code/lib/cli/frameworks/common/Introduction.stories.mdx
rename to code/lib/cli/rendererAssets/common/Introduction.stories.mdx
diff --git a/code/lib/cli/frameworks/common/assets/code-brackets.svg b/code/lib/cli/rendererAssets/common/assets/code-brackets.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/code-brackets.svg
rename to code/lib/cli/rendererAssets/common/assets/code-brackets.svg
diff --git a/code/lib/cli/frameworks/common/assets/colors.svg b/code/lib/cli/rendererAssets/common/assets/colors.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/colors.svg
rename to code/lib/cli/rendererAssets/common/assets/colors.svg
diff --git a/code/lib/cli/frameworks/common/assets/comments.svg b/code/lib/cli/rendererAssets/common/assets/comments.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/comments.svg
rename to code/lib/cli/rendererAssets/common/assets/comments.svg
diff --git a/code/lib/cli/frameworks/common/assets/direction.svg b/code/lib/cli/rendererAssets/common/assets/direction.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/direction.svg
rename to code/lib/cli/rendererAssets/common/assets/direction.svg
diff --git a/code/lib/cli/frameworks/common/assets/flow.svg b/code/lib/cli/rendererAssets/common/assets/flow.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/flow.svg
rename to code/lib/cli/rendererAssets/common/assets/flow.svg
diff --git a/code/lib/cli/frameworks/common/assets/plugin.svg b/code/lib/cli/rendererAssets/common/assets/plugin.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/plugin.svg
rename to code/lib/cli/rendererAssets/common/assets/plugin.svg
diff --git a/code/lib/cli/frameworks/common/assets/repo.svg b/code/lib/cli/rendererAssets/common/assets/repo.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/repo.svg
rename to code/lib/cli/rendererAssets/common/assets/repo.svg
diff --git a/code/lib/cli/frameworks/common/assets/stackalt.svg b/code/lib/cli/rendererAssets/common/assets/stackalt.svg
similarity index 100%
rename from code/lib/cli/frameworks/common/assets/stackalt.svg
rename to code/lib/cli/rendererAssets/common/assets/stackalt.svg
diff --git a/code/lib/cli/frameworks/common/button.css b/code/lib/cli/rendererAssets/common/button.css
similarity index 100%
rename from code/lib/cli/frameworks/common/button.css
rename to code/lib/cli/rendererAssets/common/button.css
diff --git a/code/lib/cli/frameworks/common/header.css b/code/lib/cli/rendererAssets/common/header.css
similarity index 100%
rename from code/lib/cli/frameworks/common/header.css
rename to code/lib/cli/rendererAssets/common/header.css
diff --git a/code/lib/cli/frameworks/common/page.css b/code/lib/cli/rendererAssets/common/page.css
similarity index 100%
rename from code/lib/cli/frameworks/common/page.css
rename to code/lib/cli/rendererAssets/common/page.css
diff --git a/code/lib/cli/frameworks/ember/1-Button.stories.js b/code/lib/cli/rendererAssets/ember/1-Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/ember/1-Button.stories.js
rename to code/lib/cli/rendererAssets/ember/1-Button.stories.js
diff --git a/code/lib/cli/frameworks/html/js/Button.js b/code/lib/cli/rendererAssets/html/js/Button.js
similarity index 100%
rename from code/lib/cli/frameworks/html/js/Button.js
rename to code/lib/cli/rendererAssets/html/js/Button.js
diff --git a/code/lib/cli/frameworks/html/js/Button.stories.js b/code/lib/cli/rendererAssets/html/js/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/html/js/Button.stories.js
rename to code/lib/cli/rendererAssets/html/js/Button.stories.js
diff --git a/code/lib/cli/frameworks/html/js/Header.js b/code/lib/cli/rendererAssets/html/js/Header.js
similarity index 100%
rename from code/lib/cli/frameworks/html/js/Header.js
rename to code/lib/cli/rendererAssets/html/js/Header.js
diff --git a/code/lib/cli/frameworks/html/js/Header.stories.js b/code/lib/cli/rendererAssets/html/js/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/html/js/Header.stories.js
rename to code/lib/cli/rendererAssets/html/js/Header.stories.js
diff --git a/code/lib/cli/frameworks/html/js/Page.js b/code/lib/cli/rendererAssets/html/js/Page.js
similarity index 100%
rename from code/lib/cli/frameworks/html/js/Page.js
rename to code/lib/cli/rendererAssets/html/js/Page.js
diff --git a/code/lib/cli/frameworks/html/js/Page.stories.js b/code/lib/cli/rendererAssets/html/js/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/html/js/Page.stories.js
rename to code/lib/cli/rendererAssets/html/js/Page.stories.js
diff --git a/code/lib/cli/frameworks/html/ts/Button.stories.ts b/code/lib/cli/rendererAssets/html/ts/Button.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/html/ts/Button.stories.ts
rename to code/lib/cli/rendererAssets/html/ts/Button.stories.ts
diff --git a/code/lib/cli/frameworks/html/ts/Button.ts b/code/lib/cli/rendererAssets/html/ts/Button.ts
similarity index 100%
rename from code/lib/cli/frameworks/html/ts/Button.ts
rename to code/lib/cli/rendererAssets/html/ts/Button.ts
diff --git a/code/lib/cli/frameworks/html/ts/Header.stories.ts b/code/lib/cli/rendererAssets/html/ts/Header.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/html/ts/Header.stories.ts
rename to code/lib/cli/rendererAssets/html/ts/Header.stories.ts
diff --git a/code/lib/cli/frameworks/html/ts/Header.ts b/code/lib/cli/rendererAssets/html/ts/Header.ts
similarity index 100%
rename from code/lib/cli/frameworks/html/ts/Header.ts
rename to code/lib/cli/rendererAssets/html/ts/Header.ts
diff --git a/code/lib/cli/frameworks/html/ts/Page.stories.ts b/code/lib/cli/rendererAssets/html/ts/Page.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/html/ts/Page.stories.ts
rename to code/lib/cli/rendererAssets/html/ts/Page.stories.ts
diff --git a/code/lib/cli/frameworks/html/ts/Page.ts b/code/lib/cli/rendererAssets/html/ts/Page.ts
similarity index 100%
rename from code/lib/cli/frameworks/html/ts/Page.ts
rename to code/lib/cli/rendererAssets/html/ts/Page.ts
diff --git a/code/lib/cli/frameworks/marionette/index.stories.js b/code/lib/cli/rendererAssets/marionette/index.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/marionette/index.stories.js
rename to code/lib/cli/rendererAssets/marionette/index.stories.js
diff --git a/code/lib/cli/frameworks/marko/1-Button.stories.js b/code/lib/cli/rendererAssets/marko/1-Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/marko/1-Button.stories.js
rename to code/lib/cli/rendererAssets/marko/1-Button.stories.js
diff --git a/code/lib/cli/frameworks/marko/Button.marko b/code/lib/cli/rendererAssets/marko/Button.marko
similarity index 100%
rename from code/lib/cli/frameworks/marko/Button.marko
rename to code/lib/cli/rendererAssets/marko/Button.marko
diff --git a/code/lib/cli/frameworks/mithril/Button.js b/code/lib/cli/rendererAssets/mithril/Button.js
similarity index 100%
rename from code/lib/cli/frameworks/mithril/Button.js
rename to code/lib/cli/rendererAssets/mithril/Button.js
diff --git a/code/lib/cli/frameworks/mithril/Button.stories.js b/code/lib/cli/rendererAssets/mithril/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/mithril/Button.stories.js
rename to code/lib/cli/rendererAssets/mithril/Button.stories.js
diff --git a/code/lib/cli/frameworks/mithril/Header.js b/code/lib/cli/rendererAssets/mithril/Header.js
similarity index 100%
rename from code/lib/cli/frameworks/mithril/Header.js
rename to code/lib/cli/rendererAssets/mithril/Header.js
diff --git a/code/lib/cli/frameworks/mithril/Header.stories.js b/code/lib/cli/rendererAssets/mithril/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/mithril/Header.stories.js
rename to code/lib/cli/rendererAssets/mithril/Header.stories.js
diff --git a/code/lib/cli/frameworks/mithril/Page.js b/code/lib/cli/rendererAssets/mithril/Page.js
similarity index 100%
rename from code/lib/cli/frameworks/mithril/Page.js
rename to code/lib/cli/rendererAssets/mithril/Page.js
diff --git a/code/lib/cli/frameworks/mithril/Page.stories.js b/code/lib/cli/rendererAssets/mithril/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/mithril/Page.stories.js
rename to code/lib/cli/rendererAssets/mithril/Page.stories.js
diff --git a/code/lib/cli/frameworks/preact/Button.jsx b/code/lib/cli/rendererAssets/preact/Button.jsx
similarity index 100%
rename from code/lib/cli/frameworks/preact/Button.jsx
rename to code/lib/cli/rendererAssets/preact/Button.jsx
diff --git a/code/lib/cli/frameworks/preact/Button.stories.jsx b/code/lib/cli/rendererAssets/preact/Button.stories.jsx
similarity index 100%
rename from code/lib/cli/frameworks/preact/Button.stories.jsx
rename to code/lib/cli/rendererAssets/preact/Button.stories.jsx
diff --git a/code/lib/cli/frameworks/preact/Header.jsx b/code/lib/cli/rendererAssets/preact/Header.jsx
similarity index 100%
rename from code/lib/cli/frameworks/preact/Header.jsx
rename to code/lib/cli/rendererAssets/preact/Header.jsx
diff --git a/code/lib/cli/frameworks/preact/Header.stories.jsx b/code/lib/cli/rendererAssets/preact/Header.stories.jsx
similarity index 100%
rename from code/lib/cli/frameworks/preact/Header.stories.jsx
rename to code/lib/cli/rendererAssets/preact/Header.stories.jsx
diff --git a/code/lib/cli/frameworks/preact/Page.jsx b/code/lib/cli/rendererAssets/preact/Page.jsx
similarity index 100%
rename from code/lib/cli/frameworks/preact/Page.jsx
rename to code/lib/cli/rendererAssets/preact/Page.jsx
diff --git a/code/lib/cli/frameworks/preact/Page.stories.jsx b/code/lib/cli/rendererAssets/preact/Page.stories.jsx
similarity index 100%
rename from code/lib/cli/frameworks/preact/Page.stories.jsx
rename to code/lib/cli/rendererAssets/preact/Page.stories.jsx
diff --git a/code/lib/cli/frameworks/rax/Button.js b/code/lib/cli/rendererAssets/rax/Button.js
similarity index 100%
rename from code/lib/cli/frameworks/rax/Button.js
rename to code/lib/cli/rendererAssets/rax/Button.js
diff --git a/code/lib/cli/frameworks/rax/Button.stories.js b/code/lib/cli/rendererAssets/rax/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/rax/Button.stories.js
rename to code/lib/cli/rendererAssets/rax/Button.stories.js
diff --git a/code/lib/cli/frameworks/rax/Header.js b/code/lib/cli/rendererAssets/rax/Header.js
similarity index 100%
rename from code/lib/cli/frameworks/rax/Header.js
rename to code/lib/cli/rendererAssets/rax/Header.js
diff --git a/code/lib/cli/frameworks/rax/Header.stories.js b/code/lib/cli/rendererAssets/rax/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/rax/Header.stories.js
rename to code/lib/cli/rendererAssets/rax/Header.stories.js
diff --git a/code/lib/cli/frameworks/rax/Page.js b/code/lib/cli/rendererAssets/rax/Page.js
similarity index 100%
rename from code/lib/cli/frameworks/rax/Page.js
rename to code/lib/cli/rendererAssets/rax/Page.js
diff --git a/code/lib/cli/frameworks/rax/Page.stories.js b/code/lib/cli/rendererAssets/rax/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/rax/Page.stories.js
rename to code/lib/cli/rendererAssets/rax/Page.stories.js
diff --git a/code/lib/cli/frameworks/react/js/Button.jsx b/code/lib/cli/rendererAssets/react/js/Button.jsx
similarity index 100%
rename from code/lib/cli/frameworks/react/js/Button.jsx
rename to code/lib/cli/rendererAssets/react/js/Button.jsx
diff --git a/code/lib/cli/frameworks/react/js/Button.stories.jsx b/code/lib/cli/rendererAssets/react/js/Button.stories.jsx
similarity index 100%
rename from code/lib/cli/frameworks/react/js/Button.stories.jsx
rename to code/lib/cli/rendererAssets/react/js/Button.stories.jsx
diff --git a/code/lib/cli/frameworks/react/js/Header.jsx b/code/lib/cli/rendererAssets/react/js/Header.jsx
similarity index 100%
rename from code/lib/cli/frameworks/react/js/Header.jsx
rename to code/lib/cli/rendererAssets/react/js/Header.jsx
diff --git a/code/lib/cli/frameworks/react/js/Header.stories.jsx b/code/lib/cli/rendererAssets/react/js/Header.stories.jsx
similarity index 100%
rename from code/lib/cli/frameworks/react/js/Header.stories.jsx
rename to code/lib/cli/rendererAssets/react/js/Header.stories.jsx
diff --git a/code/lib/cli/frameworks/react/js/Page.jsx b/code/lib/cli/rendererAssets/react/js/Page.jsx
similarity index 100%
rename from code/lib/cli/frameworks/react/js/Page.jsx
rename to code/lib/cli/rendererAssets/react/js/Page.jsx
diff --git a/code/lib/cli/frameworks/react/js/Page.stories.jsx b/code/lib/cli/rendererAssets/react/js/Page.stories.jsx
similarity index 100%
rename from code/lib/cli/frameworks/react/js/Page.stories.jsx
rename to code/lib/cli/rendererAssets/react/js/Page.stories.jsx
diff --git a/code/lib/cli/frameworks/react/ts/Button.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
similarity index 100%
rename from code/lib/cli/frameworks/react/ts/Button.stories.tsx
rename to code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
diff --git a/code/lib/cli/frameworks/react/ts/Button.tsx b/code/lib/cli/rendererAssets/react/ts/Button.tsx
similarity index 100%
rename from code/lib/cli/frameworks/react/ts/Button.tsx
rename to code/lib/cli/rendererAssets/react/ts/Button.tsx
diff --git a/code/lib/cli/frameworks/react/ts/Header.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
similarity index 100%
rename from code/lib/cli/frameworks/react/ts/Header.stories.tsx
rename to code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
diff --git a/code/lib/cli/frameworks/react/ts/Header.tsx b/code/lib/cli/rendererAssets/react/ts/Header.tsx
similarity index 100%
rename from code/lib/cli/frameworks/react/ts/Header.tsx
rename to code/lib/cli/rendererAssets/react/ts/Header.tsx
diff --git a/code/lib/cli/frameworks/react/ts/Page.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
similarity index 100%
rename from code/lib/cli/frameworks/react/ts/Page.stories.tsx
rename to code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
diff --git a/code/lib/cli/frameworks/react/ts/Page.tsx b/code/lib/cli/rendererAssets/react/ts/Page.tsx
similarity index 100%
rename from code/lib/cli/frameworks/react/ts/Page.tsx
rename to code/lib/cli/rendererAssets/react/ts/Page.tsx
diff --git a/code/lib/cli/frameworks/riot/1-Button.stories.js b/code/lib/cli/rendererAssets/riot/1-Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/riot/1-Button.stories.js
rename to code/lib/cli/rendererAssets/riot/1-Button.stories.js
diff --git a/code/lib/cli/frameworks/riot/MyButton.tag b/code/lib/cli/rendererAssets/riot/MyButton.tag
similarity index 100%
rename from code/lib/cli/frameworks/riot/MyButton.tag
rename to code/lib/cli/rendererAssets/riot/MyButton.tag
diff --git a/code/lib/cli/frameworks/server/button.stories.json b/code/lib/cli/rendererAssets/server/button.stories.json
similarity index 100%
rename from code/lib/cli/frameworks/server/button.stories.json
rename to code/lib/cli/rendererAssets/server/button.stories.json
diff --git a/code/lib/cli/frameworks/server/header.stories.json b/code/lib/cli/rendererAssets/server/header.stories.json
similarity index 100%
rename from code/lib/cli/frameworks/server/header.stories.json
rename to code/lib/cli/rendererAssets/server/header.stories.json
diff --git a/code/lib/cli/frameworks/server/page.stories.json b/code/lib/cli/rendererAssets/server/page.stories.json
similarity index 100%
rename from code/lib/cli/frameworks/server/page.stories.json
rename to code/lib/cli/rendererAssets/server/page.stories.json
diff --git a/code/lib/cli/frameworks/svelte/Button.stories.js b/code/lib/cli/rendererAssets/svelte/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/svelte/Button.stories.js
rename to code/lib/cli/rendererAssets/svelte/Button.stories.js
diff --git a/code/lib/cli/frameworks/svelte/Button.svelte b/code/lib/cli/rendererAssets/svelte/Button.svelte
similarity index 100%
rename from code/lib/cli/frameworks/svelte/Button.svelte
rename to code/lib/cli/rendererAssets/svelte/Button.svelte
diff --git a/code/lib/cli/frameworks/svelte/Header.stories.js b/code/lib/cli/rendererAssets/svelte/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/svelte/Header.stories.js
rename to code/lib/cli/rendererAssets/svelte/Header.stories.js
diff --git a/code/lib/cli/frameworks/svelte/Header.svelte b/code/lib/cli/rendererAssets/svelte/Header.svelte
similarity index 100%
rename from code/lib/cli/frameworks/svelte/Header.svelte
rename to code/lib/cli/rendererAssets/svelte/Header.svelte
diff --git a/code/lib/cli/frameworks/svelte/Page.stories.js b/code/lib/cli/rendererAssets/svelte/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/svelte/Page.stories.js
rename to code/lib/cli/rendererAssets/svelte/Page.stories.js
diff --git a/code/lib/cli/frameworks/svelte/Page.svelte b/code/lib/cli/rendererAssets/svelte/Page.svelte
similarity index 100%
rename from code/lib/cli/frameworks/svelte/Page.svelte
rename to code/lib/cli/rendererAssets/svelte/Page.svelte
diff --git a/code/lib/cli/frameworks/vue/Button.stories.js b/code/lib/cli/rendererAssets/vue/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/vue/Button.stories.js
rename to code/lib/cli/rendererAssets/vue/Button.stories.js
diff --git a/code/lib/cli/frameworks/vue/Button.vue b/code/lib/cli/rendererAssets/vue/Button.vue
similarity index 100%
rename from code/lib/cli/frameworks/vue/Button.vue
rename to code/lib/cli/rendererAssets/vue/Button.vue
diff --git a/code/lib/cli/frameworks/vue/Header.stories.js b/code/lib/cli/rendererAssets/vue/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/vue/Header.stories.js
rename to code/lib/cli/rendererAssets/vue/Header.stories.js
diff --git a/code/lib/cli/frameworks/vue/Header.vue b/code/lib/cli/rendererAssets/vue/Header.vue
similarity index 100%
rename from code/lib/cli/frameworks/vue/Header.vue
rename to code/lib/cli/rendererAssets/vue/Header.vue
diff --git a/code/lib/cli/frameworks/vue/Page.stories.js b/code/lib/cli/rendererAssets/vue/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/vue/Page.stories.js
rename to code/lib/cli/rendererAssets/vue/Page.stories.js
diff --git a/code/lib/cli/frameworks/vue/Page.vue b/code/lib/cli/rendererAssets/vue/Page.vue
similarity index 100%
rename from code/lib/cli/frameworks/vue/Page.vue
rename to code/lib/cli/rendererAssets/vue/Page.vue
diff --git a/code/lib/cli/frameworks/vue3/Button.stories.js b/code/lib/cli/rendererAssets/vue3/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/vue3/Button.stories.js
rename to code/lib/cli/rendererAssets/vue3/Button.stories.js
diff --git a/code/lib/cli/frameworks/vue3/Button.vue b/code/lib/cli/rendererAssets/vue3/Button.vue
similarity index 100%
rename from code/lib/cli/frameworks/vue3/Button.vue
rename to code/lib/cli/rendererAssets/vue3/Button.vue
diff --git a/code/lib/cli/frameworks/vue3/Header.stories.js b/code/lib/cli/rendererAssets/vue3/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/vue3/Header.stories.js
rename to code/lib/cli/rendererAssets/vue3/Header.stories.js
diff --git a/code/lib/cli/frameworks/vue3/Header.vue b/code/lib/cli/rendererAssets/vue3/Header.vue
similarity index 100%
rename from code/lib/cli/frameworks/vue3/Header.vue
rename to code/lib/cli/rendererAssets/vue3/Header.vue
diff --git a/code/lib/cli/frameworks/vue3/Page.stories.js b/code/lib/cli/rendererAssets/vue3/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/vue3/Page.stories.js
rename to code/lib/cli/rendererAssets/vue3/Page.stories.js
diff --git a/code/lib/cli/frameworks/vue3/Page.vue b/code/lib/cli/rendererAssets/vue3/Page.vue
similarity index 100%
rename from code/lib/cli/frameworks/vue3/Page.vue
rename to code/lib/cli/rendererAssets/vue3/Page.vue
diff --git a/code/lib/cli/frameworks/web-components/js/Button.js b/code/lib/cli/rendererAssets/web-components/js/Button.js
similarity index 100%
rename from code/lib/cli/frameworks/web-components/js/Button.js
rename to code/lib/cli/rendererAssets/web-components/js/Button.js
diff --git a/code/lib/cli/frameworks/web-components/js/Button.stories.js b/code/lib/cli/rendererAssets/web-components/js/Button.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/web-components/js/Button.stories.js
rename to code/lib/cli/rendererAssets/web-components/js/Button.stories.js
diff --git a/code/lib/cli/frameworks/web-components/js/Header.js b/code/lib/cli/rendererAssets/web-components/js/Header.js
similarity index 100%
rename from code/lib/cli/frameworks/web-components/js/Header.js
rename to code/lib/cli/rendererAssets/web-components/js/Header.js
diff --git a/code/lib/cli/frameworks/web-components/js/Header.stories.js b/code/lib/cli/rendererAssets/web-components/js/Header.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/web-components/js/Header.stories.js
rename to code/lib/cli/rendererAssets/web-components/js/Header.stories.js
diff --git a/code/lib/cli/frameworks/web-components/js/Page.js b/code/lib/cli/rendererAssets/web-components/js/Page.js
similarity index 100%
rename from code/lib/cli/frameworks/web-components/js/Page.js
rename to code/lib/cli/rendererAssets/web-components/js/Page.js
diff --git a/code/lib/cli/frameworks/web-components/js/Page.stories.js b/code/lib/cli/rendererAssets/web-components/js/Page.stories.js
similarity index 100%
rename from code/lib/cli/frameworks/web-components/js/Page.stories.js
rename to code/lib/cli/rendererAssets/web-components/js/Page.stories.js
diff --git a/code/lib/cli/frameworks/web-components/ts/Button.stories.ts b/code/lib/cli/rendererAssets/web-components/ts/Button.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/web-components/ts/Button.stories.ts
rename to code/lib/cli/rendererAssets/web-components/ts/Button.stories.ts
diff --git a/code/lib/cli/frameworks/web-components/ts/Button.ts b/code/lib/cli/rendererAssets/web-components/ts/Button.ts
similarity index 100%
rename from code/lib/cli/frameworks/web-components/ts/Button.ts
rename to code/lib/cli/rendererAssets/web-components/ts/Button.ts
diff --git a/code/lib/cli/frameworks/web-components/ts/Header.stories.ts b/code/lib/cli/rendererAssets/web-components/ts/Header.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/web-components/ts/Header.stories.ts
rename to code/lib/cli/rendererAssets/web-components/ts/Header.stories.ts
diff --git a/code/lib/cli/frameworks/web-components/ts/Header.ts b/code/lib/cli/rendererAssets/web-components/ts/Header.ts
similarity index 100%
rename from code/lib/cli/frameworks/web-components/ts/Header.ts
rename to code/lib/cli/rendererAssets/web-components/ts/Header.ts
diff --git a/code/lib/cli/frameworks/web-components/ts/Page.stories.ts b/code/lib/cli/rendererAssets/web-components/ts/Page.stories.ts
similarity index 100%
rename from code/lib/cli/frameworks/web-components/ts/Page.stories.ts
rename to code/lib/cli/rendererAssets/web-components/ts/Page.stories.ts
diff --git a/code/lib/cli/frameworks/web-components/ts/Page.ts b/code/lib/cli/rendererAssets/web-components/ts/Page.ts
similarity index 100%
rename from code/lib/cli/frameworks/web-components/ts/Page.ts
rename to code/lib/cli/rendererAssets/web-components/ts/Page.ts
diff --git a/code/lib/cli/src/.eslintrc.js b/code/lib/cli/src/.eslintrc.js
index 5eff5c56025e..e52ac7f901d5 100644
--- a/code/lib/cli/src/.eslintrc.js
+++ b/code/lib/cli/src/.eslintrc.js
@@ -23,7 +23,7 @@ module.exports = {
       },
     },
     {
-      files: 'frameworks/**/*',
+      files: 'rendererAssets/**/*',
       env: {
         browser: true,
       },
diff --git a/code/lib/cli/src/automigrate/fixes/builder-vite.ts b/code/lib/cli/src/automigrate/fixes/builder-vite.ts
index df264724180e..05d15aa1a36f 100644
--- a/code/lib/cli/src/automigrate/fixes/builder-vite.ts
+++ b/code/lib/cli/src/automigrate/fixes/builder-vite.ts
@@ -5,7 +5,7 @@ import { ConfigFile, readConfig, writeConfig } from '@storybook/csf-tools';
 import { getStorybookInfo } from '@storybook/core-common';
 
 import { Fix } from '../types';
-import { PackageJson, writePackageJson } from '../../js-package-manager';
+import { PackageJson } from '../../js-package-manager';
 
 const logger = console;
 
@@ -70,7 +70,7 @@ export const builderVite: Fix<BuilderViteOptions> = {
     if (!dryRun) {
       delete dependencies['storybook-builder-vite'];
       delete devDependencies['storybook-builder-vite'];
-      writePackageJson(packageJson);
+      packageManager.writePackageJson(packageJson);
     }
 
     logger.info(`Adding '@storybook/builder-vite' as dev dependency`);
diff --git a/code/lib/cli/src/automigrate/fixes/eslint-plugin.ts b/code/lib/cli/src/automigrate/fixes/eslint-plugin.ts
index 668349594cc1..1a83c18c91b7 100644
--- a/code/lib/cli/src/automigrate/fixes/eslint-plugin.ts
+++ b/code/lib/cli/src/automigrate/fixes/eslint-plugin.ts
@@ -36,9 +36,8 @@ export const eslintPlugin: Fix<EslintPluginRunOptions> = {
       return null;
     }
 
-    const config = getStorybookInfo(packageJson);
+    const { mainConfig } = getStorybookInfo(packageJson);
 
-    const { mainConfig } = config;
     if (!mainConfig) {
       logger.warn('Unable to find storybook main.js config, skipping');
       return null;
diff --git a/code/lib/cli/src/automigrate/fixes/mainjsFramework.ts b/code/lib/cli/src/automigrate/fixes/mainjsFramework.ts
index 935f134367fd..9c48c9b58227 100644
--- a/code/lib/cli/src/automigrate/fixes/mainjsFramework.ts
+++ b/code/lib/cli/src/automigrate/fixes/mainjsFramework.ts
@@ -19,6 +19,8 @@ export const mainjsFramework: Fix<MainjsFrameworkRunOptions> = {
 
   async check({ packageManager }) {
     const packageJson = packageManager.retrievePackageJson();
+
+    // FIXME: use renderer in SB7?
     const { mainConfig, framework, version: storybookVersion } = getStorybookInfo(packageJson);
 
     if (!mainConfig) {
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
index 482389d3bf8e..e0ec4dca05bc 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
@@ -84,14 +84,19 @@ describe('new-frameworks fix', () => {
       ).resolves.toBeFalsy();
     });
 
-    // TODO: once we have vite frameworks e.g. @storybook/react-vite, then we should remove this test
-    it('in sb 7 with vite', async () => {
-      const packageJson = { dependencies: { '@storybook/react': '^7.0.0' } };
+    // TODO: once we have a @storybook/vue-vite framework, we should remove this test
+    it('in sb 7 with vue and vite', async () => {
+      const packageJson = {
+        dependencies: {
+          '@storybook/vue': '^7.0.0',
+          '@storybook/builder-vite': 'x.y.z',
+        },
+      };
       await expect(
         checkNewFrameworks({
           packageJson,
           main: {
-            framework: '@storybook/react',
+            framework: '@storybook/vue',
             core: {
               builder: '@storybook/builder-vite',
             },
@@ -99,6 +104,27 @@ describe('new-frameworks fix', () => {
         })
       ).resolves.toBeFalsy();
     });
+
+    it('in sb 7 with vite < 3', async () => {
+      const packageJson = {
+        dependencies: {
+          '@storybook/react': '^7.0.0',
+          '@storybook/builder-vite': 'x.y.z',
+          vite: '^2.0.0',
+        },
+      };
+      await expect(
+        checkNewFrameworks({
+          packageJson,
+          main: {
+            framework: '@storybook/react',
+            core: {
+              builder: '@storybook/builder-vite',
+            },
+          },
+        })
+      ).rejects.toBeTruthy();
+    });
   });
 
   describe('sb >= 7', () => {
@@ -150,6 +176,7 @@ describe('new-frameworks fix', () => {
           })
         );
       });
+
       it('should update only builders in @storybook/angular', async () => {
         const packageJson = {
           dependencies: {
@@ -193,37 +220,33 @@ describe('new-frameworks fix', () => {
           })
         );
       });
-    });
 
-    // TODO: enable this once Vite is supported
-    // eslint-disable-next-line jest/no-disabled-tests
-    it.skip('should update to @storybook/react-vite', async () => {
-      const packageJson = {
-        dependencies: {
-          '@storybook/react': '^7.0.0-alpha.0',
-          '@storybook/builder-vite': '^0.0.2',
-        },
-      };
-      await expect(
-        checkNewFrameworks({
-          packageJson,
-          main: {
-            framework: '@storybook/react',
-            core: {
-              builder: '@storybook/builder-vite',
-            },
+      it('should update to @storybook/react-vite', async () => {
+        const packageJson = {
+          dependencies: {
+            '@storybook/react': '^7.0.0-alpha.0',
+            '@storybook/builder-vite': '^0.0.2',
+            vite: '3.0.0',
           },
-        })
-      ).resolves.toEqual(
-        expect.objectContaining({
-          dependenciesToAdd: '@storybook/react-vite',
-          dependenciesToRemove: [
-            '@storybook/react',
-            'storybook-builder-vite',
-            '@storybook/builder-vite',
-          ],
-        })
-      );
+        };
+        await expect(
+          checkNewFrameworks({
+            packageJson,
+            main: {
+              framework: '@storybook/react',
+              core: {
+                builder: '@storybook/builder-vite',
+              },
+            },
+          })
+        ).resolves.toEqual(
+          expect.objectContaining({
+            frameworkPackage: '@storybook/react-vite',
+            dependenciesToAdd: ['@storybook/react-vite'],
+            dependenciesToRemove: ['@storybook/builder-vite', '@storybook/react'],
+          })
+        );
+      });
     });
   });
 });
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index 24864113d31f..fae11338f7b4 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -10,7 +10,7 @@ import { getStorybookVersionSpecifier } from '../../helpers';
 
 const logger = console;
 
-const packagesMap = {
+const packagesMap: Record<string, { webpack5?: string; vite?: string }> = {
   '@storybook/react': {
     webpack5: '@storybook/react-webpack5',
     vite: '@storybook/react-vite',
@@ -26,7 +26,8 @@ const packagesMap = {
   },
   '@storybook/vue': {
     webpack5: '@storybook/vue-webpack5',
-    vite: '@storybook/vue-vite',
+    // TODO: bring this back if we ever want to support vue 2 + vite. Else delete this!
+    // vite: '@storybook/vue-vite',
   },
   '@storybook/vue3': {
     webpack5: '@storybook/vue3-webpack5',
@@ -34,6 +35,7 @@ const packagesMap = {
   },
   '@storybook/svelte': {
     webpack5: '@storybook/svelte-webpack5',
+    // TODO: bring this back once we have the svelte-vite package
     vite: '@storybook/svelte-vite',
   },
   '@storybook/web-components': {
@@ -87,8 +89,8 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
     const packageJson = packageManager.retrievePackageJson();
     const allDeps = { ...packageJson.dependencies, ...packageJson.devDependencies };
 
-    const config = getStorybookInfo(packageJson);
-    const { mainConfig, version: storybookVersion, framework } = config;
+    // FIXME: update to use renderer instead of framework
+    const { mainConfig, version: storybookVersion, framework } = getStorybookInfo(packageJson);
     if (!mainConfig) {
       logger.warn('Unable to find storybook main.js config, skipping');
       return null;
@@ -127,9 +129,22 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
       options: main.getFieldValue(['core', 'builder', 'options']) || {},
     } as const;
 
-    // TODO: once we have vite frameworks e.g. @storybook/react-vite, then we support it here
-    // and remove ['storybook-builder-vite', '@storybook/builder-vite'] from deps
-    if (builderInfo.name === 'vite') {
+    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
+
+    // not all frameworks support vite yet e.g. Svelte
+    if (!newFrameworkPackage) {
+      return null;
+    }
+
+    if (allDeps.vite && semver.lt(semver.coerce(allDeps.vite).version, '3.0.0')) {
+      logger.warn(dedent`
+        ❌ Detected Vite ${
+          allDeps.vite
+        }, which is unsupported in Storybook 7.0, so the ${chalk.cyan(
+        'newFrameworks'
+      )} fix will be skipped.
+      Please upgrade vite to 3.0.0 or higher and rerun this automigration with "npx storybook@future automigrate".
+      `);
       return null;
     }
 
@@ -140,9 +155,10 @@ export const newFrameworks: Fix<NewFrameworkRunOptions> = {
       '@storybook/manager-webpack5',
       '@storybook/builder-webpack4',
       '@storybook/manager-webpack4',
+      '@storybook/builder-vite',
+      'storybook-builder-vite',
     ].filter((dep) => allDeps[dep]);
 
-    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
     const dependenciesToAdd = [];
 
     // some frameworks didn't change e.g. Angular, Ember
diff --git a/code/lib/cli/src/detect.test.ts b/code/lib/cli/src/detect.test.ts
index 9d83e30be6bb..6caf23f682e3 100644
--- a/code/lib/cli/src/detect.test.ts
+++ b/code/lib/cli/src/detect.test.ts
@@ -275,22 +275,23 @@ const MOCK_FRAMEWORK_FILES: {
 describe('Detect', () => {
   it(`should return type HTML if html option is passed`, () => {
     (readPackageJson as jest.Mock).mockImplementation(() => true);
-    expect(detect({ html: true })).toBe(ProjectType.HTML);
+    expect(detect({ dependencies: {} }, { html: true })).toBe(ProjectType.HTML);
   });
 
   it(`should return type UNDETECTED if neither packageJson or bowerJson exist`, () => {
     (readPackageJson as jest.Mock).mockImplementation(() => false);
     (getBowerJson as jest.Mock).mockImplementation(() => false);
-    expect(detect()).toBe(ProjectType.UNDETECTED);
+    expect(detect(undefined)).toBe(ProjectType.UNDETECTED);
   });
 
   it(`should return language typescript if the dependency is present`, () => {
-    (readPackageJson as jest.Mock).mockImplementation(() => ({
-      dependencies: {
-        typescript: '1.0.0',
-      },
-    }));
-    expect(detectLanguage()).toBe(SupportedLanguage.TYPESCRIPT);
+    expect(
+      detectLanguage({
+        dependencies: {
+          typescript: '1.0.0',
+        },
+      })
+    ).toBe(SupportedLanguage.TYPESCRIPT);
   });
 
   it(`should return language javascript by default`, () => {
diff --git a/code/lib/cli/src/detect.ts b/code/lib/cli/src/detect.ts
index d6b5269db697..cf207cc08130 100644
--- a/code/lib/cli/src/detect.ts
+++ b/code/lib/cli/src/detect.ts
@@ -13,12 +13,7 @@ import {
   CoreBuilder,
 } from './project_types';
 import { getBowerJson, paddedLog } from './helpers';
-import {
-  PackageJson,
-  readPackageJson,
-  JsPackageManager,
-  PackageJsonWithMaybeDeps,
-} from './js-package-manager';
+import { PackageJson, JsPackageManager, PackageJsonWithMaybeDeps } from './js-package-manager';
 import { detectNextJS } from './detect-nextjs';
 
 const viteConfigFiles = ['vite.config.ts', 'vite.config.js', 'vite.config.mjs'];
@@ -153,14 +148,9 @@ export function isStorybookInstalled(
   return false;
 }
 
-export function detectLanguage() {
+export function detectLanguage(packageJson?: PackageJson) {
   let language = SupportedLanguage.JAVASCRIPT;
-  let packageJson;
-  try {
-    packageJson = readPackageJson();
-  } catch (err) {
-    //
-  }
+
   const bowerJson = getBowerJson();
   if (!packageJson && !bowerJson) {
     return language;
@@ -173,13 +163,10 @@ export function detectLanguage() {
   return language;
 }
 
-export function detect(options: { force?: boolean; html?: boolean } = {}) {
-  let packageJson;
-  try {
-    packageJson = readPackageJson();
-  } catch (err) {
-    //
-  }
+export function detect(
+  packageJson: PackageJson,
+  options: { force?: boolean; html?: boolean } = {}
+) {
   const bowerJson = getBowerJson();
 
   if (!packageJson && !bowerJson) {
diff --git a/code/lib/cli/src/generators/PREACT/index.ts b/code/lib/cli/src/generators/PREACT/index.ts
index 2144c8f4d0f6..432060fe1dd2 100644
--- a/code/lib/cli/src/generators/PREACT/index.ts
+++ b/code/lib/cli/src/generators/PREACT/index.ts
@@ -2,9 +2,7 @@ import { baseGenerator } from '../baseGenerator';
 import { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  await baseGenerator(packageManager, npmOptions, options, 'preact', {
-    extraPackages: ['core-js'],
-  });
+  await baseGenerator(packageManager, npmOptions, options, 'preact');
 };
 
 export default generator;
diff --git a/code/lib/cli/src/generators/RAX/index.ts b/code/lib/cli/src/generators/RAX/index.ts
index 82230e673a20..02ce74816455 100644
--- a/code/lib/cli/src/generators/RAX/index.ts
+++ b/code/lib/cli/src/generators/RAX/index.ts
@@ -1,6 +1,5 @@
 import { baseGenerator } from '../baseGenerator';
 import { Generator } from '../types';
-import { writePackageJson } from '../../js-package-manager';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
   const [latestRaxVersion] = await packageManager.getVersions('rax');
@@ -17,7 +16,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   packageJson.dependencies['rax-text'] = packageJson.dependencies['rax-text'] || raxVersion;
   packageJson.dependencies['rax-view'] = packageJson.dependencies['rax-view'] || raxVersion;
 
-  writePackageJson(packageJson);
+  packageManager.writePackageJson(packageJson);
 
   await baseGenerator(packageManager, npmOptions, options, 'rax', {
     extraPackages: ['rax'],
diff --git a/code/lib/cli/src/generators/baseGenerator.ts b/code/lib/cli/src/generators/baseGenerator.ts
index d87e1b919fdc..910bbf64a720 100644
--- a/code/lib/cli/src/generators/baseGenerator.ts
+++ b/code/lib/cli/src/generators/baseGenerator.ts
@@ -51,6 +51,7 @@ const getFrameworkDetails = (
   builder?: string;
   framework?: string;
   renderer?: string;
+  rendererId: SupportedRenderers;
 } => {
   const frameworkPackage = `@storybook/${renderer}-${builder}`;
   const frameworkPackagePath = pnp ? wrapForPnp(frameworkPackage) : frameworkPackage;
@@ -68,6 +69,7 @@ const getFrameworkDetails = (
     return {
       packages: [rendererPackage],
       framework: rendererPackagePath,
+      rendererId: 'angular',
       type: 'framework',
     };
   }
@@ -76,6 +78,7 @@ const getFrameworkDetails = (
     return {
       packages: [frameworkPackage],
       framework: frameworkPackagePath,
+      rendererId: renderer,
       type: 'framework',
     };
   }
@@ -85,6 +88,7 @@ const getFrameworkDetails = (
       packages: [rendererPackage, builderPackage],
       builder: builderPackagePath,
       renderer: rendererPackagePath,
+      rendererId: renderer,
       type: 'renderer',
     };
   }
@@ -96,8 +100,8 @@ const getFrameworkDetails = (
 
 const stripVersions = (addons: string[]) => addons.map((addon) => getPackageDetails(addon)[0]);
 
-const hasInteractiveStories = (framework: SupportedRenderers) =>
-  ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(framework);
+const hasInteractiveStories = (rendererId: SupportedRenderers) =>
+  ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(rendererId);
 
 export async function baseGenerator(
   packageManager: JsPackageManager,
@@ -121,6 +125,15 @@ export async function baseGenerator(
     ...options,
   };
 
+  const {
+    packages: frameworkPackages,
+    type,
+    renderer: rendererInclude, // deepscan-disable-line UNUSED_DECL
+    rendererId,
+    framework: frameworkInclude,
+    builder: builderInclude,
+  } = getFrameworkDetails(renderer, builder, pnp);
+
   // added to main.js
   const addons = [
     '@storybook/addon-links',
@@ -134,7 +147,7 @@ export async function baseGenerator(
     ...extraAddonPackages,
   ];
 
-  if (hasInteractiveStories(renderer)) {
+  if (hasInteractiveStories(rendererId)) {
     addons.push('@storybook/addon-interactions');
     addonPackages.push('@storybook/addon-interactions', '@storybook/testing-library');
   }
@@ -148,14 +161,6 @@ export async function baseGenerator(
   const installedDependencies = new Set(
     Object.keys({ ...packageJson.dependencies, ...packageJson.devDependencies })
   );
-  const {
-    packages: frameworkPackages,
-    type,
-    // @ts-ignore
-    renderer: rendererInclude, // deepscan-disable-line UNUSED_DECL
-    framework: frameworkInclude,
-    builder: builderInclude,
-  } = getFrameworkDetails(renderer, builder, pnp);
 
   // TODO: We need to start supporting this at some point
   if (type === 'renderer') {
@@ -170,6 +175,7 @@ export async function baseGenerator(
 
   const packages = [
     'storybook',
+    `@storybook/${renderer}`,
     ...frameworkPackages,
     ...addonPackages,
     ...extraPackages,
@@ -202,11 +208,11 @@ export async function baseGenerator(
   await configurePreview(renderer, options.commonJs);
 
   if (addComponents) {
-    copyComponents(renderer, language);
+    await copyComponents(renderer, language);
   }
 
   // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
-  if (frameworkPackages.includes('@storybook/builder-vite')) {
+  if (frameworkPackages.find((pkg) => pkg.match(/^@storybook\/.*-vite$/))) {
     const previewHead = dedent`
       <script>
         window.global = window;
@@ -215,7 +221,10 @@ export async function baseGenerator(
     await fse.writeFile(`.storybook/preview-head.html`, previewHead, { encoding: 'utf8' });
   }
 
-  const babelDependencies = addBabel ? await getBabelDependencies(packageManager, packageJson) : [];
+  const babelDependencies =
+    addBabel && builder !== CoreBuilder.Vite
+      ? await getBabelDependencies(packageManager, packageJson)
+      : [];
   const isNewFolder = !files.some(
     (fname) => fname.startsWith('.babel') || fname.startsWith('babel') || fname === 'package.json'
   );
diff --git a/code/lib/cli/src/helpers.test.ts b/code/lib/cli/src/helpers.test.ts
index 9c78e7873516..78cd7cbbf1c4 100644
--- a/code/lib/cli/src/helpers.test.ts
+++ b/code/lib/cli/src/helpers.test.ts
@@ -67,10 +67,10 @@ describe('Helpers', () => {
   `(
     `should copy $expected when folder $exists exists for language $language`,
     async ({ language, exists, expected }) => {
-      const componentsDirectory = exists.map((folder: string) => `frameworks/react/${folder}`);
-      const expectedDirectory = `frameworks/react${expected}`;
+      const componentsDirectory = exists.map((folder: string) => `rendererAssets/react/${folder}`);
+      const expectedDirectory = `rendererAssets/react${expected}`;
       (fse.pathExists as jest.Mock).mockImplementation((filePath) => {
-        return componentsDirectory.includes(filePath) || filePath === 'frameworks/react';
+        return componentsDirectory.includes(filePath) || filePath === 'rendererAssets/react';
       });
       await helpers.copyComponents('react', language);
 
@@ -78,7 +78,7 @@ describe('Helpers', () => {
       expect(copySpy).toHaveBeenNthCalledWith(1, expectedDirectory, './stories', expect.anything());
       expect(copySpy).toHaveBeenNthCalledWith(
         2,
-        'frameworks/common',
+        'rendererAssets/common',
         './stories',
         expect.anything()
       );
@@ -87,7 +87,7 @@ describe('Helpers', () => {
 
   it(`should copy to src folder when exists`, async () => {
     (fse.pathExists as jest.Mock).mockImplementation((filePath) => {
-      return filePath === 'frameworks/react' || filePath === './src';
+      return filePath === 'rendererAssets/react' || filePath === './src';
     });
     await helpers.copyComponents('react', SupportedLanguage.JAVASCRIPT);
     expect(fse.copy).toHaveBeenCalledWith(expect.anything(), './src/stories', expect.anything());
@@ -95,17 +95,17 @@ describe('Helpers', () => {
 
   it(`should copy to root folder when src doesn't exist`, async () => {
     (fse.pathExists as jest.Mock).mockImplementation((filePath) => {
-      return filePath === 'frameworks/react';
+      return filePath === 'rendererAssets/react';
     });
     await helpers.copyComponents('react', SupportedLanguage.JAVASCRIPT);
     expect(fse.copy).toHaveBeenCalledWith(expect.anything(), './stories', expect.anything());
   });
 
-  it(`should throw an error for unsupported framework`, async () => {
-    const framework = 'unknown framework' as SupportedRenderers;
-    const expectedMessage = `Unsupported framework: ${framework}`;
+  it(`should throw an error for unsupported renderer`, async () => {
+    const renderer = 'unknown renderer' as SupportedRenderers;
+    const expectedMessage = `Unsupported renderer: ${renderer}`;
     await expect(
-      helpers.copyComponents(framework, SupportedLanguage.JAVASCRIPT)
+      helpers.copyComponents(renderer, SupportedLanguage.JAVASCRIPT)
     ).rejects.toThrowError(expectedMessage);
   });
 
diff --git a/code/lib/cli/src/helpers.ts b/code/lib/cli/src/helpers.ts
index 1db460148191..2d1626748b24 100644
--- a/code/lib/cli/src/helpers.ts
+++ b/code/lib/cli/src/helpers.ts
@@ -181,33 +181,27 @@ export function copyTemplate(templateRoot: string) {
   fse.copySync(templateDir, '.', { overwrite: true });
 }
 
-export async function copyComponents(framework: SupportedRenderers, language: SupportedLanguage) {
+export async function copyComponents(renderer: SupportedRenderers, language: SupportedLanguage) {
   const languageFolderMapping: Record<SupportedLanguage, string> = {
     javascript: 'js',
     typescript: 'ts',
   };
   const componentsPath = async () => {
     const baseDir = getBaseDir();
-    const frameworkPath = join(baseDir, 'frameworks', framework);
-    const languageSpecific = path.resolve(
-      __dirname,
-      `${frameworkPath}/${languageFolderMapping[language]}`
-    );
-    if (await fse.pathExists(languageSpecific)) {
-      return languageSpecific;
+    const assetsRoot = join(baseDir, 'rendererAssets');
+    const assetsRenderer = join(assetsRoot, renderer);
+    const assetsLanguage = join(assetsRenderer, languageFolderMapping[language]);
+    if (await fse.pathExists(assetsLanguage)) {
+      return assetsLanguage;
     }
-    const jsFallback = path.resolve(
-      __dirname,
-      `${frameworkPath}/${languageFolderMapping.javascript}`
-    );
-    if (await fse.pathExists(jsFallback)) {
-      return jsFallback;
+    const assetsJS = join(assetsRenderer, languageFolderMapping.javascript);
+    if (await fse.pathExists(assetsJS)) {
+      return assetsJS;
     }
-    const frameworkRootPath = path.resolve(__dirname, frameworkPath);
-    if (await fse.pathExists(frameworkRootPath)) {
-      return frameworkRootPath;
+    if (await fse.pathExists(assetsRenderer)) {
+      return assetsRenderer;
     }
-    throw new Error(`Unsupported framework: ${framework}`);
+    throw new Error(`Unsupported renderer: ${renderer}`);
   };
 
   const targetPath = async () => {
@@ -219,7 +213,7 @@ export async function copyComponents(framework: SupportedRenderers, language: Su
 
   const destinationPath = await targetPath();
   await fse.copy(await componentsPath(), destinationPath, { overwrite: true });
-  await fse.copy(join(getBaseDir(), 'frameworks/common'), destinationPath, {
+  await fse.copy(join(getBaseDir(), 'rendererAssets/common'), destinationPath, {
     overwrite: true,
   });
 }
diff --git a/code/lib/cli/src/initiate.ts b/code/lib/cli/src/initiate.ts
index 7887e91d879e..9015ff5fe528 100644
--- a/code/lib/cli/src/initiate.ts
+++ b/code/lib/cli/src/initiate.ts
@@ -42,7 +42,14 @@ const installStorybook = (
     skipInstall: options.skipInstall,
   };
 
-  const language = detectLanguage();
+  let packageJson;
+  try {
+    packageJson = packageManager.readPackageJson();
+  } catch (err) {
+    //
+  }
+
+  const language = detectLanguage(packageJson);
 
   const generatorOptions = {
     language,
@@ -283,7 +290,7 @@ export async function initiate(options: CommandOptions, pkg: Package): Promise<v
         process.exit(1);
       }
     } else {
-      projectType = detect(options);
+      projectType = detect(packageJson, options);
     }
   } catch (ex) {
     done(ex.message);
@@ -300,7 +307,7 @@ export async function initiate(options: CommandOptions, pkg: Package): Promise<v
     packageManager.installDependencies();
   }
 
-  await automigrate({ yes: process.env.CI === 'true' });
+  await automigrate({ yes: options.yes || process.env.CI === 'true' });
 
   logger.log('\nTo run your Storybook, type:\n');
   codeLog([packageManager.getRunStorybookCommand()]);
diff --git a/code/lib/cli/src/js-package-manager/JsPackageManager.ts b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
index e9d517b715a3..b4a73c24d7d2 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -1,9 +1,10 @@
 import chalk from 'chalk';
 import { gt, satisfies } from '@storybook/semver';
 import { sync as spawnSync } from 'cross-spawn';
+import path from 'path';
+import fs from 'fs';
 import { commandLog } from '../helpers';
 import { PackageJson, PackageJsonWithDepsAndDevDeps } from './PackageJson';
-import { readPackageJson, writePackageJson } from './PackageJsonHelper';
 import storybookPackagesVersions from '../versions';
 
 const logger = console;
@@ -26,6 +27,9 @@ export function getPackageDetails(pkg: string): [string, string?] {
   return [packageName, packageVersion];
 }
 
+interface JsPackageManagerOptions {
+  cwd?: string;
+}
 export abstract class JsPackageManager {
   public abstract readonly type: 'npm' | 'yarn1' | 'yarn2';
 
@@ -35,6 +39,27 @@ export abstract class JsPackageManager {
 
   public abstract getRunCommand(command: string): string;
 
+  // NOTE: for some reason yarn prefers the npm registry in
+  // local development, so always use npm
+  setRegistryURL(url: string) {
+    if (url) {
+      this.executeCommand('npm', ['config', 'set', 'registry', url]);
+    } else {
+      this.executeCommand('npm', ['config', 'delete', 'registry']);
+    }
+  }
+
+  getRegistryURL() {
+    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
+    return url === 'undefined' ? undefined : url;
+  }
+
+  public readonly cwd?: string;
+
+  constructor(options?: JsPackageManagerOptions) {
+    this.cwd = options?.cwd;
+  }
+
   /**
    * Install dependencies listed in `package.json`
    */
@@ -55,6 +80,25 @@ export abstract class JsPackageManager {
     done();
   }
 
+  packageJsonPath(): string {
+    return this.cwd ? path.resolve(this.cwd, 'package.json') : path.resolve('package.json');
+  }
+
+  readPackageJson(): PackageJson {
+    const packageJsonPath = this.packageJsonPath();
+    if (!fs.existsSync(packageJsonPath)) {
+      throw new Error(`Could not read package.json file at ${packageJsonPath}`);
+    }
+
+    const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+    return JSON.parse(jsonContent);
+  }
+
+  writePackageJson(packageJson: PackageJson) {
+    const content = `${JSON.stringify(packageJson, null, 2)}\n`;
+    fs.writeFileSync(this.packageJsonPath(), content, 'utf8');
+  }
+
   /**
    * Read the `package.json` file available in the directory the command was call from
    * If there is no `package.json` it will create one.
@@ -62,10 +106,10 @@ export abstract class JsPackageManager {
   public retrievePackageJson(): PackageJsonWithDepsAndDevDeps {
     let packageJson;
     try {
-      packageJson = readPackageJson();
+      packageJson = this.readPackageJson();
     } catch (err) {
       this.initPackageJson();
-      packageJson = readPackageJson();
+      packageJson = this.readPackageJson();
     }
 
     return {
@@ -118,7 +162,7 @@ export abstract class JsPackageManager {
         };
       }
 
-      writePackageJson(packageJson);
+      this.writePackageJson(packageJson);
     } else {
       try {
         this.runAddDeps(dependencies, options.installAsDevDependencies);
@@ -162,7 +206,7 @@ export abstract class JsPackageManager {
         }
       });
 
-      writePackageJson(packageJson);
+      this.writePackageJson(packageJson);
     } else {
       try {
         this.runRemoveDeps(dependencies);
@@ -215,7 +259,7 @@ export abstract class JsPackageManager {
     let current: string;
 
     if (/(@storybook|^sb$|^storybook$)/.test(packageName)) {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       current = storybookPackagesVersions[packageName];
     }
 
@@ -280,7 +324,7 @@ export abstract class JsPackageManager {
 
   public addESLintConfig() {
     const packageJson = this.retrievePackageJson();
-    writePackageJson({
+    this.writePackageJson({
       ...packageJson,
       eslintConfig: {
         ...packageJson.eslintConfig,
@@ -299,7 +343,7 @@ export abstract class JsPackageManager {
 
   public addScripts(scripts: Record<string, string>) {
     const packageJson = this.retrievePackageJson();
-    writePackageJson({
+    this.writePackageJson({
       ...packageJson,
       scripts: {
         ...packageJson.scripts,
@@ -308,12 +352,23 @@ export abstract class JsPackageManager {
     });
   }
 
+  public addPackageResolutions(versions: Record<string, string>) {
+    const packageJson = this.retrievePackageJson();
+    const resolutions = this.getResolutions(packageJson, versions);
+    this.writePackageJson({ ...packageJson, ...resolutions });
+  }
+
   protected abstract runInstall(): void;
 
   protected abstract runAddDeps(dependencies: string[], installAsDevDependencies: boolean): void;
 
   protected abstract runRemoveDeps(dependencies: string[]): void;
 
+  protected abstract getResolutions(
+    packageJson: PackageJson,
+    versions: Record<string, string>
+  ): Record<string, any>;
+
   /**
    * Get the latest or all versions of the input package available on npmjs.com
    *
@@ -328,6 +383,7 @@ export abstract class JsPackageManager {
 
   public executeCommand(command: string, args: string[], stdio?: 'pipe' | 'inherit'): string {
     const commandResult = spawnSync(command, args, {
+      cwd: this.cwd,
       stdio: stdio ?? 'pipe',
       encoding: 'utf-8',
     });
diff --git a/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts b/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
index 6a7c9d38840b..371720418c8e 100644
--- a/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
+++ b/code/lib/cli/src/js-package-manager/JsPackageManagerFactory.ts
@@ -6,35 +6,35 @@ import { Yarn2Proxy } from './Yarn2Proxy';
 import { Yarn1Proxy } from './Yarn1Proxy';
 
 export class JsPackageManagerFactory {
-  public static getPackageManager(forceNpmUsage = false): JsPackageManager {
+  public static getPackageManager(forceNpmUsage = false, cwd?: string): JsPackageManager {
     if (forceNpmUsage) {
-      return new NPMProxy();
+      return new NPMProxy({ cwd });
     }
 
-    const yarnVersion = getYarnVersion();
-    const hasYarnLockFile = findUpSync('yarn.lock');
+    const yarnVersion = getYarnVersion(cwd);
+    const hasYarnLockFile = findUpSync('yarn.lock', { cwd });
 
-    const hasNPMCommand = hasNPM();
+    const hasNPMCommand = hasNPM(cwd);
 
     if (yarnVersion && (hasYarnLockFile || !hasNPMCommand)) {
-      return yarnVersion === 1 ? new Yarn1Proxy() : new Yarn2Proxy();
+      return yarnVersion === 1 ? new Yarn1Proxy({ cwd }) : new Yarn2Proxy({ cwd });
     }
 
     if (hasNPMCommand) {
-      return new NPMProxy();
+      return new NPMProxy({ cwd });
     }
 
     throw new Error('Unable to find a usable package manager within NPM, Yarn and Yarn 2');
   }
 }
 
-function hasNPM() {
-  const npmVersionCommand = spawnSync('npm', ['--version']);
+function hasNPM(cwd?: string) {
+  const npmVersionCommand = spawnSync('npm', ['--version'], { cwd });
   return npmVersionCommand.status === 0;
 }
 
-function getYarnVersion(): 1 | 2 | undefined {
-  const yarnVersionCommand = spawnSync('yarn', ['--version']);
+function getYarnVersion(cwd?: string): 1 | 2 | undefined {
+  const yarnVersionCommand = spawnSync('yarn', ['--version'], { cwd });
 
   if (yarnVersionCommand.status !== 0) {
     return undefined;
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
index 789e1f6ee53e..9350b0eae96c 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
@@ -1,5 +1,4 @@
 import { NPMProxy } from './NPMProxy';
-import * as PackageJsonHelper from './PackageJsonHelper';
 
 describe('NPM Proxy', () => {
   let npmProxy: NPMProxy;
@@ -22,6 +21,21 @@ describe('NPM Proxy', () => {
     });
   });
 
+  describe('setRegistryUrl', () => {
+    it('should run `npm config set registry https://foo.bar`', () => {
+      const executeCommandSpy = jest.spyOn(npmProxy, 'executeCommand').mockReturnValue('');
+
+      npmProxy.setRegistryURL('https://foo.bar');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
+        'config',
+        'set',
+        'registry',
+        'https://foo.bar',
+      ]);
+    });
+  });
+
   describe('installDependencies', () => {
     describe('npm6', () => {
       it('should run `npm install`', () => {
@@ -107,7 +121,7 @@ describe('NPM Proxy', () => {
       it('should only change package.json without running install', () => {
         const executeCommandSpy = jest.spyOn(npmProxy, 'executeCommand').mockReturnValue('7.0.0');
         const writePackageSpy = jest
-          .spyOn(PackageJsonHelper, 'writePackageJson')
+          .spyOn(npmProxy, 'writePackageJson')
           .mockImplementation(jest.fn);
 
         npmProxy.removeDependencies(
@@ -205,4 +219,30 @@ describe('NPM Proxy', () => {
       expect(version).toEqual(`^${packageVersion}`);
     });
   });
+
+  describe('addPackageResolutions', () => {
+    it('adds resolutions to package.json and account for existing resolutions', () => {
+      const writePackageSpy = jest.spyOn(npmProxy, 'writePackageJson').mockImplementation(jest.fn);
+
+      jest.spyOn(npmProxy, 'retrievePackageJson').mockImplementation(
+        jest.fn(() => ({
+          overrides: {
+            bar: 'x.x.x',
+          },
+        }))
+      );
+
+      const versions = {
+        foo: 'x.x.x',
+      };
+      npmProxy.addPackageResolutions(versions);
+
+      expect(writePackageSpy).toHaveBeenCalledWith({
+        overrides: {
+          ...versions,
+          bar: 'x.x.x',
+        },
+      });
+    });
+  });
 });
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.ts b/code/lib/cli/src/js-package-manager/NPMProxy.ts
index 5c9f76aaae5d..d89726f9d7dc 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -1,5 +1,6 @@
 import semver from '@storybook/semver';
 import { JsPackageManager } from './JsPackageManager';
+import type { PackageJson } from './PackageJson';
 
 export class NPMProxy extends JsPackageManager {
   readonly type = 'npm';
@@ -60,6 +61,15 @@ export class NPMProxy extends JsPackageManager {
     return this.uninstallArgs;
   }
 
+  protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
+    return {
+      overrides: {
+        ...packageJson.overrides,
+        ...versions,
+      },
+    };
+  }
+
   protected runInstall(): void {
     this.executeCommand('npm', this.getInstallArgs(), 'inherit');
   }
diff --git a/code/lib/cli/src/js-package-manager/PackageJsonHelper.ts b/code/lib/cli/src/js-package-manager/PackageJsonHelper.ts
deleted file mode 100644
index e013783745e4..000000000000
--- a/code/lib/cli/src/js-package-manager/PackageJsonHelper.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import path from 'path';
-import fs from 'fs';
-import type { PackageJson } from '@storybook/core-common';
-
-export function readPackageJson(): PackageJson {
-  const packageJsonPath = path.resolve('package.json');
-  if (!fs.existsSync(packageJsonPath)) {
-    throw new Error(`Could not read package.json file at ${packageJsonPath}`);
-  }
-
-  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
-  return JSON.parse(jsonContent);
-}
-
-export function writePackageJson(packageJson: PackageJson) {
-  const content = `${JSON.stringify(packageJson, null, 2)}\n`;
-  const packageJsonPath = path.resolve('package.json');
-
-  fs.writeFileSync(packageJsonPath, content, 'utf8');
-}
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
index c6655cd597bb..c9087095df63 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -1,5 +1,4 @@
 import { Yarn1Proxy } from './Yarn1Proxy';
-import * as PackageJsonHelper from './PackageJsonHelper';
 
 describe('Yarn 1 Proxy', () => {
   let yarn1Proxy: Yarn1Proxy;
@@ -22,6 +21,21 @@ describe('Yarn 1 Proxy', () => {
     });
   });
 
+  describe('setRegistryUrl', () => {
+    it('should run `yarn config set npmRegistryServer https://foo.bar`', () => {
+      const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('');
+
+      yarn1Proxy.setRegistryURL('https://foo.bar');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
+        'config',
+        'set',
+        'registry',
+        'https://foo.bar',
+      ]);
+    });
+  });
+
   describe('installDependencies', () => {
     it('should run `yarn`', () => {
       const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('');
@@ -62,7 +76,7 @@ describe('Yarn 1 Proxy', () => {
     it('skipInstall should only change package.json without running install', () => {
       const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('7.0.0');
       const writePackageSpy = jest
-        .spyOn(PackageJsonHelper, 'writePackageJson')
+        .spyOn(yarn1Proxy, 'writePackageJson')
         .mockImplementation(jest.fn);
 
       yarn1Proxy.removeDependencies(
@@ -126,4 +140,32 @@ describe('Yarn 1 Proxy', () => {
       await expect(yarn1Proxy.latestVersion('@storybook/addons')).rejects.toThrow();
     });
   });
+
+  describe('addPackageResolutions', () => {
+    it('adds resolutions to package.json and account for existing resolutions', () => {
+      const writePackageSpy = jest
+        .spyOn(yarn1Proxy, 'writePackageJson')
+        .mockImplementation(jest.fn);
+
+      jest.spyOn(yarn1Proxy, 'retrievePackageJson').mockImplementation(
+        jest.fn(() => ({
+          resolutions: {
+            bar: 'x.x.x',
+          },
+        }))
+      );
+
+      const versions = {
+        foo: 'x.x.x',
+      };
+      yarn1Proxy.addPackageResolutions(versions);
+
+      expect(writePackageSpy).toHaveBeenCalledWith({
+        resolutions: {
+          ...versions,
+          bar: 'x.x.x',
+        },
+      });
+    });
+  });
 });
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
index 88368e3f0ea6..789499084c85 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.ts
@@ -1,4 +1,5 @@
 import { JsPackageManager } from './JsPackageManager';
+import type { PackageJson } from './PackageJson';
 
 export class Yarn1Proxy extends JsPackageManager {
   readonly type = 'yarn1';
@@ -15,6 +16,15 @@ export class Yarn1Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
+  protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
+    return {
+      resolutions: {
+        ...packageJson.resolutions,
+        ...versions,
+      },
+    };
+  }
+
   protected runInstall(): void {
     this.executeCommand('yarn', [], 'inherit');
   }
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
index 30c90f9be32b..561c957257da 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -1,5 +1,4 @@
 import { Yarn2Proxy } from './Yarn2Proxy';
-import * as PackageJsonHelper from './PackageJsonHelper';
 
 describe('Yarn 2 Proxy', () => {
   let yarn2Proxy: Yarn2Proxy;
@@ -32,6 +31,21 @@ describe('Yarn 2 Proxy', () => {
     });
   });
 
+  describe('setRegistryUrl', () => {
+    it('should run `yarn config set npmRegistryServer https://foo.bar`', () => {
+      const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('');
+
+      yarn2Proxy.setRegistryURL('https://foo.bar');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
+        'config',
+        'set',
+        'registry',
+        'https://foo.bar',
+      ]);
+    });
+  });
+
   describe('addDependencies', () => {
     it('with devDep it should run `yarn install -D @storybook/addons`', () => {
       const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('');
@@ -62,7 +76,7 @@ describe('Yarn 2 Proxy', () => {
     it('skipInstall should only change package.json without running install', () => {
       const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('7.0.0');
       const writePackageSpy = jest
-        .spyOn(PackageJsonHelper, 'writePackageJson')
+        .spyOn(yarn2Proxy, 'writePackageJson')
         .mockImplementation(jest.fn);
 
       yarn2Proxy.removeDependencies(
@@ -132,4 +146,32 @@ describe('Yarn 2 Proxy', () => {
       await expect(yarn2Proxy.latestVersion('@storybook/addons')).rejects.toThrow();
     });
   });
+
+  describe('addPackageResolutions', () => {
+    it('adds resolutions to package.json and account for existing resolutions', () => {
+      const writePackageSpy = jest
+        .spyOn(yarn2Proxy, 'writePackageJson')
+        .mockImplementation(jest.fn);
+
+      jest.spyOn(yarn2Proxy, 'retrievePackageJson').mockImplementation(
+        jest.fn(() => ({
+          resolutions: {
+            bar: 'x.x.x',
+          },
+        }))
+      );
+
+      const versions = {
+        foo: 'x.x.x',
+      };
+      yarn2Proxy.addPackageResolutions(versions);
+
+      expect(writePackageSpy).toHaveBeenCalledWith({
+        resolutions: {
+          ...versions,
+          bar: 'x.x.x',
+        },
+      });
+    });
+  });
 });
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
index 133c384e00b7..63736283424f 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.ts
@@ -1,4 +1,5 @@
 import { JsPackageManager } from './JsPackageManager';
+import type { PackageJson } from './PackageJson';
 
 export class Yarn2Proxy extends JsPackageManager {
   readonly type = 'yarn2';
@@ -15,6 +16,15 @@ export class Yarn2Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
+  protected getResolutions(packageJson: PackageJson, versions: Record<string, string>) {
+    return {
+      resolutions: {
+        ...packageJson.resolutions,
+        ...versions,
+      },
+    };
+  }
+
   protected runInstall(): void {
     this.executeCommand('yarn', [], 'inherit');
   }
diff --git a/code/lib/cli/src/js-package-manager/index.ts b/code/lib/cli/src/js-package-manager/index.ts
index 13cc52f4ed04..3a2b877d5030 100644
--- a/code/lib/cli/src/js-package-manager/index.ts
+++ b/code/lib/cli/src/js-package-manager/index.ts
@@ -1,4 +1,3 @@
 export * from './JsPackageManagerFactory';
 export * from './JsPackageManager';
 export * from './PackageJson';
-export * from './PackageJsonHelper';
diff --git a/code/lib/cli/src/repro-generators/scripts.ts b/code/lib/cli/src/repro-generators/scripts.ts
index 1558be57817c..e08687688109 100644
--- a/code/lib/cli/src/repro-generators/scripts.ts
+++ b/code/lib/cli/src/repro-generators/scripts.ts
@@ -144,7 +144,7 @@ const installYarn2 = async ({ cwd, pnp, name }: Options) => {
 const configureYarn2ForE2E = async ({ cwd }: Options) => {
   const command = [
     // ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`,
+    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,
     // Some required magic to be able to fetch deps from local registry
     `yarn config set unsafeHttpWhitelist --json '["localhost"]'`,
     // Disable fallback mode to make sure everything is required correctly
diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts
index d85493b8c142..66b9a5835a6e 100644
--- a/code/lib/cli/src/repro-templates.ts
+++ b/code/lib/cli/src/repro-templates.ts
@@ -1,4 +1,4 @@
-export default {
+const craTemplates = {
   'cra/default-js': {
     name: 'Create React App (Javascript)',
     script: 'npx create-react-app .',
@@ -19,6 +19,86 @@ export default {
       builder: '@storybook/builder-webpack5',
     },
   },
+};
+
+const reactViteTemplates = {
+  'react-vite/default-js': {
+    name: 'React Vite (JS)',
+    script: 'yarn create vite . --template react',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/react-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite',
+    },
+  },
+  'react-vite/default-ts': {
+    name: 'React Vite (TS)',
+    script: 'yarn create vite . --template react-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/react-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite',
+    },
+  },
+};
+
+const vue3ViteTemplates = {
+  'vue3-vite/default-js': {
+    name: 'Vue3 Vite (JS)',
+    script: 'yarn create vite . --template vue',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/vue3-vite',
+      renderer: '@storybook/vue3',
+      builder: '@storybook/builder-vite',
+    },
+  },
+  'vue3-vite/default-ts': {
+    name: 'Vue3 Vite (TS)',
+    script: 'yarn create vite . --template vue-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/vue3-vite',
+      renderer: '@storybook/vue3',
+      builder: '@storybook/builder-vite',
+    },
+  },
+};
+
+const svelteViteTemplates = {
+  'svelte-vite/default-js': {
+    name: 'Svelte Vite (JS)',
+    script: 'yarn create vite . --template svelte',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/svelte-vite',
+      renderer: '@storybook/svelte',
+      builder: '@storybook/builder-vite',
+    },
+  },
+  /*
+   * I disabled this, because it was flaky
+   * TODO: we should fixd the instability and re-enable it
+   */
+  // 'svelte-vite/default-ts': {
+  //   name: 'Svelte Vite (TS)',
+  //   script: 'yarn create vite . --template svelte-ts',
+  //   cadence: ['ci', 'daily', 'weekly'],
+  //   expected: {
+  //     framework: '@storybook/svelte-vite',
+  //     renderer: '@storybook/svelte',
+  //     builder: '@storybook/builder-vite'
+  //   }
+  // }
+};
+
+export default {
+  ...craTemplates,
+  ...reactViteTemplates,
+  ...vue3ViteTemplates,
+  ...svelteViteTemplates,
   // FIXME: missing documentation.json
   // 'angular/latest': {
   //   name: 'Angular (latest)',
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index 69a51c4eedb8..b632d0d4c496 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,78 +1,82 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.20',
-  '@storybook/addon-actions': '7.0.0-alpha.20',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.20',
-  '@storybook/addon-controls': '7.0.0-alpha.20',
-  '@storybook/addon-docs': '7.0.0-alpha.20',
-  '@storybook/addon-essentials': '7.0.0-alpha.20',
-  '@storybook/addon-highlight': '7.0.0-alpha.20',
-  '@storybook/addon-interactions': '7.0.0-alpha.20',
-  '@storybook/addon-jest': '7.0.0-alpha.20',
-  '@storybook/addon-links': '7.0.0-alpha.20',
-  '@storybook/addon-measure': '7.0.0-alpha.20',
-  '@storybook/addon-outline': '7.0.0-alpha.20',
-  '@storybook/addon-storyshots': '7.0.0-alpha.20',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.20',
-  '@storybook/addon-storysource': '7.0.0-alpha.20',
-  '@storybook/addon-toolbars': '7.0.0-alpha.20',
-  '@storybook/addon-viewport': '7.0.0-alpha.20',
-  '@storybook/addons': '7.0.0-alpha.20',
-  '@storybook/angular': '7.0.0-alpha.20',
-  '@storybook/api': '7.0.0-alpha.20',
-  '@storybook/blocks': '7.0.0-alpha.20',
-  '@storybook/builder-manager': '7.0.0-alpha.20',
-  '@storybook/builder-webpack5': '7.0.0-alpha.20',
-  '@storybook/channel-postmessage': '7.0.0-alpha.20',
-  '@storybook/channel-websocket': '7.0.0-alpha.20',
-  '@storybook/channels': '7.0.0-alpha.20',
-  '@storybook/cli': '7.0.0-alpha.20',
-  '@storybook/client-api': '7.0.0-alpha.20',
-  '@storybook/client-logger': '7.0.0-alpha.20',
-  '@storybook/codemod': '7.0.0-alpha.20',
-  '@storybook/components': '7.0.0-alpha.20',
-  '@storybook/core-client': '7.0.0-alpha.20',
-  '@storybook/core-common': '7.0.0-alpha.20',
-  '@storybook/core-events': '7.0.0-alpha.20',
-  '@storybook/core-server': '7.0.0-alpha.20',
-  '@storybook/core-webpack': '7.0.0-alpha.20',
-  '@storybook/csf-tools': '7.0.0-alpha.20',
-  '@storybook/docs-tools': '7.0.0-alpha.20',
-  '@storybook/ember': '7.0.0-alpha.20',
-  '@storybook/html': '7.0.0-alpha.20',
-  '@storybook/html-webpack5': '7.0.0-alpha.20',
-  '@storybook/instrumenter': '7.0.0-alpha.20',
-  '@storybook/node-logger': '7.0.0-alpha.20',
-  '@storybook/postinstall': '7.0.0-alpha.20',
-  '@storybook/preact': '7.0.0-alpha.20',
-  '@storybook/preact-webpack5': '7.0.0-alpha.20',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.20',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.20',
-  '@storybook/preview-web': '7.0.0-alpha.20',
-  '@storybook/react': '7.0.0-alpha.20',
-  '@storybook/react-webpack5': '7.0.0-alpha.20',
-  '@storybook/router': '7.0.0-alpha.20',
-  '@storybook/server': '7.0.0-alpha.20',
-  '@storybook/server-webpack5': '7.0.0-alpha.20',
-  '@storybook/source-loader': '7.0.0-alpha.20',
-  '@storybook/store': '7.0.0-alpha.20',
-  '@storybook/svelte': '7.0.0-alpha.20',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.20',
-  '@storybook/telemetry': '7.0.0-alpha.20',
-  '@storybook/theming': '7.0.0-alpha.20',
-  '@storybook/ui': '7.0.0-alpha.20',
-  '@storybook/vue': '7.0.0-alpha.20',
-  '@storybook/vue-webpack5': '7.0.0-alpha.20',
-  '@storybook/vue3': '7.0.0-alpha.20',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.20',
-  '@storybook/web-components': '7.0.0-alpha.20',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.20',
-  sb: '7.0.0-alpha.20',
-  storybook: '7.0.0-alpha.20',
+  '@storybook/addon-a11y': '7.0.0-alpha.31',
+  '@storybook/addon-actions': '7.0.0-alpha.31',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.31',
+  '@storybook/addon-controls': '7.0.0-alpha.31',
+  '@storybook/addon-docs': '7.0.0-alpha.31',
+  '@storybook/addon-essentials': '7.0.0-alpha.31',
+  '@storybook/addon-highlight': '7.0.0-alpha.31',
+  '@storybook/addon-interactions': '7.0.0-alpha.31',
+  '@storybook/addon-jest': '7.0.0-alpha.31',
+  '@storybook/addon-links': '7.0.0-alpha.31',
+  '@storybook/addon-measure': '7.0.0-alpha.31',
+  '@storybook/addon-outline': '7.0.0-alpha.31',
+  '@storybook/addon-storyshots': '7.0.0-alpha.31',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.31',
+  '@storybook/addon-storysource': '7.0.0-alpha.31',
+  '@storybook/addon-toolbars': '7.0.0-alpha.31',
+  '@storybook/addon-viewport': '7.0.0-alpha.31',
+  '@storybook/addons': '7.0.0-alpha.31',
+  '@storybook/angular': '7.0.0-alpha.31',
+  '@storybook/api': '7.0.0-alpha.31',
+  '@storybook/blocks': '7.0.0-alpha.31',
+  '@storybook/builder-manager': '7.0.0-alpha.31',
+  '@storybook/builder-vite': '7.0.0-alpha.31',
+  '@storybook/builder-webpack5': '7.0.0-alpha.31',
+  '@storybook/channel-postmessage': '7.0.0-alpha.31',
+  '@storybook/channel-websocket': '7.0.0-alpha.31',
+  '@storybook/channels': '7.0.0-alpha.31',
+  '@storybook/cli': '7.0.0-alpha.31',
+  '@storybook/client-api': '7.0.0-alpha.31',
+  '@storybook/client-logger': '7.0.0-alpha.31',
+  '@storybook/codemod': '7.0.0-alpha.31',
+  '@storybook/components': '7.0.0-alpha.31',
+  '@storybook/core-client': '7.0.0-alpha.31',
+  '@storybook/core-common': '7.0.0-alpha.31',
+  '@storybook/core-events': '7.0.0-alpha.31',
+  '@storybook/core-server': '7.0.0-alpha.31',
+  '@storybook/core-webpack': '7.0.0-alpha.31',
+  '@storybook/csf-tools': '7.0.0-alpha.31',
+  '@storybook/docs-tools': '7.0.0-alpha.31',
+  '@storybook/ember': '7.0.0-alpha.31',
+  '@storybook/html': '7.0.0-alpha.31',
+  '@storybook/html-webpack5': '7.0.0-alpha.31',
+  '@storybook/instrumenter': '7.0.0-alpha.31',
+  '@storybook/node-logger': '7.0.0-alpha.31',
+  '@storybook/postinstall': '7.0.0-alpha.31',
+  '@storybook/preact': '7.0.0-alpha.31',
+  '@storybook/preact-webpack5': '7.0.0-alpha.31',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.31',
+  '@storybook/preview-web': '7.0.0-alpha.31',
+  '@storybook/react': '7.0.0-alpha.31',
+  '@storybook/react-vite': '7.0.0-alpha.31',
+  '@storybook/react-webpack5': '7.0.0-alpha.31',
+  '@storybook/router': '7.0.0-alpha.31',
+  '@storybook/server': '7.0.0-alpha.31',
+  '@storybook/server-webpack5': '7.0.0-alpha.31',
+  '@storybook/source-loader': '7.0.0-alpha.31',
+  '@storybook/store': '7.0.0-alpha.31',
+  '@storybook/svelte': '7.0.0-alpha.31',
+  '@storybook/svelte-vite': '7.0.0-alpha.31',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.31',
+  '@storybook/telemetry': '7.0.0-alpha.31',
+  '@storybook/theming': '7.0.0-alpha.31',
+  '@storybook/ui': '7.0.0-alpha.31',
+  '@storybook/vue': '7.0.0-alpha.31',
+  '@storybook/vue-webpack5': '7.0.0-alpha.31',
+  '@storybook/vue3': '7.0.0-alpha.31',
+  '@storybook/vue3-vite': '7.0.0-alpha.31',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.31',
+  '@storybook/web-components': '7.0.0-alpha.31',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.31',
+  sb: '7.0.0-alpha.31',
+  storybook: '7.0.0-alpha.31',
 };
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index 08c1091c4df4..631642930786 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -31,30 +31,23 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.31",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
-    "core-js": "^3.8.2",
-    "dequal": "^2.0.2",
     "global": "^4.4.0",
-    "lodash": "^4.17.21",
-    "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
-    "store2": "^2.12.0",
     "synchronous-promise": "^2.0.15",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
+    "@storybook/core-common": "7.0.0-alpha.31",
     "typescript": "~4.6.3"
   },
   "peerDependencies": {
@@ -64,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/client-api/src/ClientApi.test.ts b/code/lib/client-api/src/ClientApi.test.ts
index 036d7364ddbb..dcfec2e8e029 100644
--- a/code/lib/client-api/src/ClientApi.test.ts
+++ b/code/lib/client-api/src/ClientApi.test.ts
@@ -17,7 +17,7 @@ describe('ClientApi', () => {
         },
       });
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       clientApi.storiesOf('none', module).aa();
       expect(data).toBe('foo');
     });
@@ -38,7 +38,7 @@ describe('ClientApi', () => {
         },
       });
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       clientApi.storiesOf('none', module).aa().bb();
       expect(data).toEqual(['foo', 'bar']);
     });
@@ -53,7 +53,7 @@ describe('ClientApi', () => {
         },
       });
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       clientApi.storiesOf('none', module).aa();
       expect(data).toBe('function');
     });
@@ -74,7 +74,7 @@ describe('ClientApi', () => {
         },
       });
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       clientApi.storiesOf('none', module).bb();
       expect(data).toBe('foo');
     });
@@ -90,7 +90,7 @@ describe('ClientApi', () => {
         },
       });
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       clientApi.storiesOf(kind, module).aa();
       expect(data).toBe(kind);
     });
diff --git a/code/lib/client-api/src/ClientApi.ts b/code/lib/client-api/src/ClientApi.ts
index 9f3b0d93a957..58d0090046f9 100644
--- a/code/lib/client-api/src/ClientApi.ts
+++ b/code/lib/client-api/src/ClientApi.ts
@@ -4,7 +4,7 @@ import deprecate from 'util-deprecate';
 import { dedent } from 'ts-dedent';
 import global from 'global';
 import { logger } from '@storybook/client-logger';
-import { toId, sanitize } from '@storybook/csf';
+import { toId, sanitize, StepRunner } from '@storybook/csf';
 import type {
   Args,
   ArgTypes,
@@ -20,7 +20,12 @@ import type {
   GlobalTypes,
   LegacyStoryFn,
 } from '@storybook/csf';
-import { combineParameters, StoryStore, normalizeInputTypes } from '@storybook/store';
+import {
+  combineParameters,
+  composeStepRunners,
+  StoryStore,
+  normalizeInputTypes,
+} from '@storybook/store';
 import type { NormalizedComponentAnnotations, Path, ModuleImportFn } from '@storybook/store';
 import type { ClientApiAddons, StoryApi } from '@storybook/addons';
 
@@ -68,7 +73,7 @@ const checkMethod = (method: string, deprecationWarning: boolean) => {
   if (global.FEATURES?.storyStoreV7) {
     throw new Error(
       dedent`You cannot use \`${method}\` with the new Story Store.
-      
+
       ${warningAlternatives[method as keyof typeof warningAlternatives]}`
     );
   }
@@ -120,6 +125,11 @@ export const addArgTypesEnhancer = (enhancer: ArgTypesEnhancer<AnyFramework>) =>
   singleton.addArgTypesEnhancer(enhancer);
 };
 
+export const addStepRunner = (stepRunner: StepRunner) => {
+  checkMethod('addStepRunner', false);
+  singleton.addStepRunner(stepRunner);
+};
+
 export const getGlobalRender = () => {
   checkMethod('getGlobalRender', false);
   return singleton.facade.projectAnnotations.render;
@@ -215,6 +225,12 @@ export class ClientApi<TFramework extends AnyFramework> {
     }
   };
 
+  addStepRunner = (stepRunner: StepRunner) => {
+    this.facade.projectAnnotations.runStep = composeStepRunners(
+      [this.facade.projectAnnotations.runStep, stepRunner].filter(Boolean)
+    );
+  };
+
   addLoader = (loader: LoaderFunction<TFramework>) => {
     this.facade.projectAnnotations.loaders.push(loader);
   };
diff --git a/code/lib/client-api/src/index.ts b/code/lib/client-api/src/index.ts
index e1b780cc2d6b..9ac279239c2d 100644
--- a/code/lib/client-api/src/index.ts
+++ b/code/lib/client-api/src/index.ts
@@ -7,6 +7,7 @@ import {
   addArgTypes,
   addArgsEnhancer,
   addArgTypesEnhancer,
+  addStepRunner,
   setGlobalRender,
 } from './ClientApi';
 
@@ -24,6 +25,7 @@ export {
   addArgs,
   addArgTypes,
   addParameters,
+  addStepRunner,
   setGlobalRender,
   ClientApi,
 };
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 8bd061912f05..735e999c6fcd 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -20,9 +20,17 @@
   },
   "license": "MIT",
   "sideEffects": false,
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -31,10 +39,9 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
   "devDependencies": {
@@ -43,5 +50,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "bundler": {
+    "entries": [
+      "./src/index.ts"
+    ]
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index dde5b9e149ce..4251b2db275f 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -23,13 +23,6 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "jsnext:main": "src/index.js",
-  "typesVersions": {
-    "<3.8": {
-      "*": [
-        "ts3.4/*"
-      ]
-    }
-  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -39,15 +32,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/csf-tools": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
     "jscodeshift": "^0.13.1",
@@ -63,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts b/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts
index 276d5beefcd6..1d174e2e1304 100644
--- a/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts
+++ b/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts
@@ -2,7 +2,7 @@ import { describe } from '@jest/globals';
 import { dedent } from 'ts-dedent';
 import _transform from '../csf-2-to-3';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 expect.addSnapshotSerializer({
   print: (val: any) => val,
   test: (val) => true,
diff --git a/code/lib/codemod/src/transforms/csf-2-to-3.ts b/code/lib/codemod/src/transforms/csf-2-to-3.ts
index 5b5717a77e7f..24e9cac5a9fc 100644
--- a/code/lib/codemod/src/transforms/csf-2-to-3.ts
+++ b/code/lib/codemod/src/transforms/csf-2-to-3.ts
@@ -128,7 +128,7 @@ function transform({ source }: { source: string }, api: any, options: { parser?:
       }
 
       const keyId = t.identifier(key);
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       const { typeAnnotation } = id;
       if (typeAnnotation) {
         keyId.typeAnnotation = typeAnnotation;
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index a69f0f51304a..42f890597466 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -48,38 +48,25 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/theming": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/theming": "7.0.0-alpha.31",
     "memoizerific": "^1.11.3",
-    "qs": "^6.10.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@popperjs/core": "^2.6.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@types/color-convert": "^2.0.0",
-    "@types/lodash": "^4.14.182",
     "@types/overlayscrollbars": "^1.12.0",
-    "@types/qs": "^6.9.7",
     "@types/react-syntax-highlighter": "11.0.5",
     "@types/util-deprecate": "^1.0.0",
-    "color-convert": "^2.0.1",
     "css": "^3.0.0",
-    "dequal": "^2.0.2",
     "global": "^4.4.0",
-    "jest": "^26.6.3",
-    "lodash": "^4.17.21",
-    "markdown-to-jsx": "^7.1.3",
     "overlayscrollbars": "^1.13.1",
     "polished": "^4.2.2",
     "prettier": ">=2.2.1 <=2.3.0",
-    "prop-types": "^15.7.2",
-    "react-colorful": "^5.1.2",
     "react-popper-tooltip": "^3.1.1",
     "react-syntax-highlighter": "^15.4.5",
     "react-textarea-autosize": "^8.3.0",
@@ -100,5 +87,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/components/src/Button/Button.tsx b/code/lib/components/src/Button/Button.tsx
index 378c8f4f3429..7ef58930d3a7 100644
--- a/code/lib/components/src/Button/Button.tsx
+++ b/code/lib/components/src/Button/Button.tsx
@@ -41,13 +41,13 @@ const ButtonWrapper = styled.button<{
 
     svg: {
       display: 'inline-block',
-      height: small ? 14 : 16,
-      width: small ? 14 : 16,
+      height: small ? 12 : 14,
+      width: small ? 12 : 14,
 
       verticalAlign: 'top',
       marginRight: small ? 4 : 6,
-      marginTop: small ? -1 : -2,
-      marginBottom: small ? -1 : -2,
+      marginTop: small ? 0 : -1,
+      marginBottom: small ? 0 : -1,
 
       /* Necessary for js mouse events to not glitch out when hovering on svgs */
       pointerEvents: 'none',
@@ -74,7 +74,7 @@ const ButtonWrapper = styled.button<{
             display: 'block',
             margin: 0,
           },
-          ...(small ? { padding: 9 } : { padding: 12 }),
+          ...(small ? { padding: 10 } : { padding: 13 }),
         }
       : {},
   ({ theme, primary, secondary, gray }) => {
diff --git a/code/lib/components/src/icon/icon.stories.tsx b/code/lib/components/src/icon/icon.stories.tsx
index 92892d5e9a1d..128b9f73a32d 100644
--- a/code/lib/components/src/icon/icon.stories.tsx
+++ b/code/lib/components/src/icon/icon.stories.tsx
@@ -1,77 +1,89 @@
 import React from 'react';
-import { styled } from '@storybook/theming';
-import { storiesOf } from '@storybook/react';
+import { styled, css } from '@storybook/theming';
 
 import { Icons } from './icon';
 import { icons, IconKey } from './icons';
 
-const Meta = styled.div({
-  color: '#333',
-  fontSize: 12,
-});
+const Meta = styled.div`
+  color: #666;
+  font-size: 12px;
+`;
 
-interface ItemProps {
-  minimal?: boolean;
-}
+const Item = styled.li<{ minimal?: boolean }>`
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  flex: 0 1 16%;
+  min-width: 120px;
+  margin: 16px;
 
-const Item = styled.div<ItemProps>(
-  {
-    display: 'inline-flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    flex: '0 1 20%',
-    minWidth: 120,
+  svg {
+    margin-right: 6px;
+    width: 14px;
+    height: 14px;
+  }
 
-    padding: '0px 7.5px 20px',
+  ${(props) =>
+    props.minimal &&
+    css`
+      flex: none;
+      min-width: auto;
+      padding: 0;
+      margin: 16px;
 
-    '& svg': {
-      marginRight: 10,
-      width: 24,
-      height: 24,
-    },
-  },
-  ({ minimal }) =>
-    minimal
-      ? {
-          flex: 'none',
-          minWidth: 'auto',
-          padding: 0,
-          background: '#fff',
-          border: '1px solid #666',
+      svg {
+        display: block;
+        margin-right: 0;
+        width: 14px;
+        height: 14px;
+      }
+    `};
+`;
 
-          '& svg': {
-            display: 'block',
-            marginRight: 0,
-            width: 48,
-            height: 48,
-          },
-        }
-      : {}
-);
+const List = styled.ul`
+  display: flex;
+  flex-flow: row wrap;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
+
+const Header = styled.h2`
+  font-size: 16px;
+  margin: 16px;
+`;
 
-const List = styled.div({
-  display: 'flex',
-  flexFlow: 'row wrap',
-});
+export default {
+  title: 'Basics/Icon',
+  component: Icons,
+};
 
-const list = Object.keys(icons).sort() as IconKey[];
+export const Basic = (args) => <Icons {...args} />;
+Basic.args = { icon: 'watch' };
 
-storiesOf('Basics/Icon', module)
-  .add('labels', () => (
+export const Labels = () => (
+  <>
+    <Header>{Object.keys(icons).length} icons</Header>
     <List>
-      {list.map((key) => (
+      {Object.keys(icons).map((key) => (
         <Item key={key}>
-          <Icons icon={key} /> <Meta>{key}</Meta>
+          <Icons icon={key as IconKey} aria-hidden />
+          <Meta>{key}</Meta>
         </Item>
       ))}
     </List>
-  ))
-  .add('no labels', () => (
+  </>
+);
+
+export const NoLabels = () => (
+  <>
+    <Header>{Object.keys(icons).length} icons</Header>
     <List>
-      {list.map((key) => (
+      {Object.keys(icons).map((key) => (
         <Item minimal key={key}>
-          <Icons icon={key} />
+          <Icons icon={key as IconKey} aria-label={key} />
         </Item>
       ))}
     </List>
-  ));
+  </>
+);
diff --git a/code/lib/components/src/icon/icon.tsx b/code/lib/components/src/icon/icon.tsx
index d70111546fa7..aac07647181a 100644
--- a/code/lib/components/src/icon/icon.tsx
+++ b/code/lib/components/src/icon/icon.tsx
@@ -1,39 +1,47 @@
-import React, { ComponentProps, memo } from 'react';
+import React, { FunctionComponent, ComponentProps, memo } from 'react';
 import { styled } from '@storybook/theming';
-import icons, { IconKey } from './icons';
+import { icons, IconKey } from './icons';
 
-import Svg from './svg';
+const Svg = styled.svg`
+  display: inline-block;
+  shape-rendering: inherit;
+  transform: translate3d(0, 0, 0);
+  vertical-align: middle;
 
-const Path = styled.path({
-  fill: 'currentColor',
-});
+  path {
+    fill: currentColor;
+  }
+`;
 
 export interface IconsProps extends ComponentProps<typeof Svg> {
-  icon?: IconKey;
-  symbol?: IconKey;
+  icon: IconType;
+  useSymbol?: boolean;
 }
 
-// TODO: if we can resize the 1024 to 20, we can remove the size attributes
-export const Icons = memo<IconsProps>(({ icon, symbol, ...props }) => (
-  <Svg viewBox="0 0 1024 1024" {...props}>
-    {symbol ? <use xlinkHref={`#icon--${symbol}`} /> : <Path d={icons[icon]} />}
-  </Svg>
-));
+export const Icons: FunctionComponent<IconsProps> = ({ icon, useSymbol, ...props }: IconsProps) => {
+  return (
+    <Svg viewBox="0 0 14 14" width="14px" height="14px" {...props}>
+      {useSymbol ? <use xlinkHref={`#icon--${icon}`} /> : icons[icon]}
+    </Svg>
+  );
+};
+
+export type IconType = keyof typeof icons;
 
 export interface SymbolsProps extends ComponentProps<typeof Svg> {
   icons?: IconKey[];
 }
 
 export const Symbols = memo<SymbolsProps>(({ icons: keys = Object.keys(icons) }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
+  <Svg
+    viewBox="0 0 14 14"
     style={{ position: 'absolute', width: 0, height: 0 }}
     data-chromatic="ignore"
   >
     {keys.map((key: IconKey) => (
       <symbol id={`icon--${key}`} key={key}>
-        <Path d={icons[key]} />
+        {icons[key]}
       </symbol>
     ))}
-  </svg>
+  </Svg>
 ));
diff --git a/code/lib/components/src/icon/icons.tsx b/code/lib/components/src/icon/icons.tsx
index f2a39cb16c1b..fb708da90919 100644
--- a/code/lib/components/src/icon/icons.tsx
+++ b/code/lib/components/src/icon/icons.tsx
@@ -1,316 +1,1429 @@
+import React from 'react';
+
 // Icon paths
 export const icons = {
-  mobile:
-    'M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z',
-  watch:
-    'M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z',
-  tablet:
-    'M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z',
-  browser:
-    'M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z',
-  sidebar:
-    'M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z',
-  sidebaralt:
-    'M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z',
-  bottombar:
-    'M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z',
-  useralt:
-    'M533 960a850 850 0 0 0 386-92v-19c0-117-242-223-306-234-20-3-21-58-21-58s59-58 72-137c35 0 56-84 21-113 2-31 45-243-173-243S337 276 338 307c-34 29-13 113 22 113 13 79 72 137 72 137s-1 55-21 58c-64 11-301 115-306 231a855 855 0 0 0 428 114z',
-  user: 'M814 805a525 525 0 00-217-116c-17-3-17-50-17-50s50-49 61-116c29 0 48-71 18-96 1-26 38-206-147-206S364 401 365 427c-30 25-11 96 18 96 11 67 61 116 61 116s0 47-17 50c-39 6-154 53-217 116a418 418 0 015-590 418 418 0 01594 0 418 418 0 015 590M512 0a512 512 0 100 1024A512 512 0 00512 0',
-  useradd:
-    'M87 859c-30-12-59-27-87-43 5-105 221-200 279-210 19-3 19-53 19-53s-54-53-65-125c-32 0-51-76-20-103-1-28-40-221 158-221 199 0 160 193 158 221 32 27 12 103-19 103-12 72-66 125-66 125s1 50 19 53c59 10 279 107 279 213v18a781 781 0 0 1-655 22zm892-565h-91v-90a45 45 0 1 0-91 0v90h-91a45 45 0 1 0 0 91h91v91a45 45 0 1 0 91 0v-91h91a45 45 0 1 0 0-91z',
-  users:
-    'M360 128c193 0 155 182 154 208 31 25 12 97-19 97-11 67-64 118-64 118s1 47 19 50c57 9 271 100 271 200v16a771 771 0 0 1-637 21c-29-11-57-25-84-40 4-99 215-189 271-197 18-3 18-50 18-50s-52-51-63-118c-31 0-50-72-19-97-1-26-40-208 153-208zm416 66c133 0 107 125 106 144 21 17 8 66-13 66-8 47-44 81-44 81s0 33 12 34c40 6 187 69 187 138v46c-80 27-163 41-249 41l-9-1c-16-31-44-61-83-90a546 546 0 0 0-111-64c47-38 117-66 143-70 12-1 12-34 12-34s-36-34-43-81c-21 0-34-49-13-66-1-19-27-144 105-144z',
-  profile:
-    'M761 631c0-13-10-23-22-23H285c-12 0-22 10-22 23 0 12 10 23 22 23h454c12 0 22-11 22-23zm0 100c0-12-10-22-22-22H285c-12 0-22 10-22 22 0 13 10 23 22 23h454c12 0 22-10 22-23zm0 101c0-13-10-23-22-23H285c-12 0-22 10-22 23s10 23 22 23h454c12 0 22-10 22-23zM832 0c59 0 107 49 107 109v807c-1 60-49 108-107 108H130c-25 0-45-20-45-46V46a45 45 0 0 1 45-46h702zm0 91H174v842h658c10 0 18-9 18-18V110c0-10-8-19-18-19zM384 532l-39-20c2-49 100-93 126-97 8-1 8-25 8-25s-24-24-29-57c-14 0-23-35-9-48-1-13-18-102 71-102s72 89 71 102c14 13 5 48-9 48-5 33-29 57-29 57s0 24 8 25c27 4 126 49 126 98v8a346 346 0 0 1-295 11z',
-  bookmark:
-    'M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z',
-  bookmarkhollow:
-    'M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z',
-  book: 'M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z',
-  repository:
-    'M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z',
-  star: 'M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z',
-  starhollow:
-    'M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z',
-  circle: 'M1024 512A512 512 0 110 512a512 512 0 011024 0z',
-  circlehollow:
-    'M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0z',
-  heart:
-    'M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z',
-  hearthollow:
-    'M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z',
-  facehappy:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 493.7c15.2 0 28.7 7.5 37 19l2.6 3.9a46 46 0 015.8 18l.3 4.9c0 6.6-1.4 13-4 18.7l-2.1 4.1A329 329 0 01232 663l-5.5-9.3a46 46 0 01-2-41.2l2-4.2v-.2a45.6 45.6 0 0176.7-4l2.5 4a237.9 237.9 0 00410 7.7l4.5-7.7a46 46 0 0139.7-22.9zM329.7 292.6a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z',
-  facesad:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm1.1 449.2a329 329 0 01281.1 157.7l5.5 9.2a46 46 0 012 41.3l-2 4.1v.3a45.6 45.6 0 01-76.7 4l-2.6-4a238 238 0 00-410-7.7l-4.5 7.7a46 46 0 01-76.6 4l-2.6-4a46 46 0 01-5.9-18l-.2-5c0-6.6 1.4-12.9 4-18.6l2.1-4.2a329 329 0 01286.4-166.8zm-183.4-248a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z',
-  faceneutral:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 521.2a45.7 45.7 0 014.7 91.2l-4.7.2H266.3a45.7 45.7 0 01-4.7-91.2l4.7-.2H760zm-430.3-320a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z',
-  lock: 'M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z',
-  unlock:
-    'M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z',
-  key: 'M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z',
-  arrowleftalt:
-    'M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z',
-  arrowrightalt:
-    'M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z',
-  sync: 'M135.6 442.5a41 41 0 0130 12l94.9 94.6c16 16 16 42 0 58s-42.1 16-58.2 0l-30.1-30a341.9 341.9 0 0095 178.6c65.3 65 152 101 244.3 101 92.3 0 179-36 244.3-101a345 345 0 0066.8-93.6 41.1 41.1 0 0174.3 35v.2l-.1.2-5.2 10.3a427.8 427.8 0 01-380 230.9A427.5 427.5 0 0190.1 585.8l-20 20c-16 16-42 16-58.2 0a41 41 0 010-58l93.6-93.3a41 41 0 0130-12zm376-357.2c208.9 0 382.8 149.5 420.1 347.1l22-22c16.1-16 42.2-16 58.2 0s16 42 0 58l-93.5 93.4a41 41 0 01-30 12 41 41 0 01-30-12L763.5 467a41 41 0 010-58c16-16 42.1-16 58.2 0l26.8 26.8a342 342 0 00-92.7-167.6c-65.3-65-152-101-244.3-101-92.3 0-179 36-244.2 101a345.2 345.2 0 00-66.9 93.6 41.1 41.1 0 01-74.3-35v-.2l.2-.2c.7-1.7.2-.8 5.1-10.3A427.8 427.8 0 01511.5 85.3z',
-  reply:
-    'M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z',
-  undo: 'M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z',
-  transfer:
-    'M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z',
-  redirect:
-    'M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z',
-  expand:
-    'M433.4 578.8l6.2 5.2a44.8 44.8 0 010 63.3L238.4 849.1h100.3a44.8 44.8 0 018 88.8l-8 .8H130l-6.2-.5 2.7.3h-.3a44.7 44.7 0 01-24.8-10.2l-.3-.3-.3-.2-.3-.4-.3-.2-.3-.2v-.2h-.1l-.2-.1a45.7 45.7 0 01-13.5-24.8l-.3-1.7a45 45 0 01-.5-5.3V685.7a44.8 44.8 0 0189-8.1l.6 8 .1 100L376.3 584a44.8 44.8 0 0157.1-5.2zm157.2 0a44.8 44.8 0 0157.1 5.2L849 785.7v-100l.8-8.1a44.8 44.8 0 0188.9 8V895a45 45 0 01-.5 5.3l-.3 1.7a38.6 38.6 0 01-2.8 9.4 43.4 43.4 0 01-9.6 14.2l-4.7 4.2 2-1.7.7-.6-.3.4a44.1 44.1 0 01-4.4 3.3l-.6.4a45.8 45.8 0 01-20.4 7h-.3.9l1.8-.3-6.2.5H685.3l-8-.8a44.8 44.8 0 018-88.8h100.3L584.4 647.3a44.8 44.8 0 010-63.3zM98.5 925.5l1.3 1.3.1.2.6.4a45 45 0 002 1.7l.7.6-4.7-4.2zM893.9 85.3h.9-.8l6.2.5a45 45 0 00-1.8-.2l-.9-.1h-1l-.5-.1h-1.2 2.7l.3.1a44.7 44.7 0 0125.4 10.7l.3.3v.1l.3.2.3.2v.2h.1l.2.1.6.6.5.6A45.6 45.6 0 01938 122l.3 1.7c.3 1.8.4 3.6.5 5.3v209.2a44.8 44.8 0 01-89 8.1l-.6-8-.1-100L647.7 440a44.8 44.8 0 01-57.1 5.2l-6.2-5.2a44.8 44.8 0 010-63.3l201.2-201.8H685.3a44.8 44.8 0 01-8-88.8l8-.8H894h-.1zm-555.2 0l8 .8a44.8 44.8 0 01-8 88.8H238.4l201.2 201.8a44.8 44.8 0 010 63.3l-6.2 5.2a44.8 44.8 0 01-57.1-5.2L175 238.3v100l-.8 8.1a44.8 44.8 0 01-88.9-8V129c0-1.7.2-3.5.5-5.3l.3-1.7a38.6 38.6 0 012.8-9.4 43.4 43.4 0 019.6-14.2l4.7-4.2-2 1.7.2-.3a43.7 43.7 0 0124.8-10.2h1.3l.3-.1h2.3-.1 208.7zm582 9l4.8 4.2-1.3-1.3-.1-.2-.5-.4h-.1l-.6-.6-1.4-1.1-.7-.6zm-790.7-9h-2l-.5.1h-1l-.9.2c-.6 0-1.2 0-1.8.2l6.2-.5z',
-  expandalt:
-    'M479.7 13.4L205.4 287.6a45.7 45.7 0 1064.7 64.7l242-242 241.8 241.9a45.7 45.7 0 1064.7-64.7L544.4 13.4a45.6 45.6 0 00-64.7 0M512 1024a45.6 45.6 0 01-32.3-13.4L205.4 736.5a45.7 45.7 0 1164.7-64.7l241.8 241.8 242-241.9a45.7 45.7 0 1164.7 64.7l-274.3 274.2c-9 9-20.7 13.4-32.4 13.4',
-  collapse:
-    'M479.7 411L205.4 136.6a45.7 45.7 0 1164.7-64.6L512 314 753.9 72.2a45.7 45.7 0 1164.7 64.6L544.4 411a45.6 45.6 0 01-64.7 0M512 598.3a45.6 45.6 0 00-32.3 13.4L205.4 885.8a45.7 45.7 0 1064.7 64.7l241.8-241.8 242 242a45.7 45.7 0 1064.7-64.7L544.3 611.7c-9-8.9-20.7-13.4-32.4-13.4',
-  grow: 'M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z',
-  arrowleft:
-    'M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z',
-  arrowup:
-    'M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z',
-  arrowdown:
-    'M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z',
-  arrowright:
-    'M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z',
-  chevrondown:
-    'M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z',
-  back: 'M512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6zm0 91.4A512 512 0 10512 0a512 512 0 000 1024zM232.7 542.5l142.8 143.3a45.7 45.7 0 0064.8-64.5L375 555.9h383.7a45.7 45.7 0 000-91.4H375.6l64.6-64.4a45.7 45.7 0 10-64.6-64.8L232.8 477.8a45.7 45.7 0 00-.1 64.6z',
-  download:
-    'M543.8 791.3a45.7 45.7 0 01-64.6 0l-142.5-143a45.6 45.6 0 010-64.6 45.7 45.7 0 0164.7 0l64.5 64.7V265.2a45.7 45.7 0 1191.4 0v383.6l65.4-65.1a45.7 45.7 0 1164.5 64.8L543.8 791.3zM1024 512A512 512 0 110 512a512 512 0 011024 0zm-91.4 0c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512z',
-  upload:
-    'M480.2 232.7a45.7 45.7 0 0164.6 0l142.5 143a45.6 45.6 0 010 64.6 45.7 45.7 0 01-64.7 0L558 375.5v383.2a45.7 45.7 0 11-91.4 0V375.2l-65.4 65.1a45.7 45.7 0 11-64.5-64.8l143.4-142.8zM0 512a512 512 0 111024 0A512 512 0 010 512zm91.4 0c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512z',
-  proceed:
-    'M791.3 480.2L648.5 336.8a45.7 45.7 0 10-64.8 64.5l65.1 65.4H265.2a45.7 45.7 0 100 91.4h383.2l-64.6 64.5a45.7 45.7 0 0064.6 64.7l142.8-142.5a45.7 45.7 0 00.1-64.6M512 0a512 512 0 100 1024A512 512 0 00512 0m0 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4',
-  info: 'M874.04 149.96c199.95 199.95 199.95 524.14 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.94 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.95 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 318.96a45.73 45.73 0 00-45.11 38.3l-.6 7.42v274.28a45.71 45.71 0 0090.83 7.42l.6-7.42V456.11a45.72 45.72 0 00-45.72-45.72zm0-162.25a45.72 45.72 0 100 91.44 45.72 45.72 0 000-91.44z',
-  question:
-    'M874.04 149.96c199.95 199.95 199.95 524.13 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.95 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.96 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 640.9a45.72 45.72 0 100 91.43 45.72 45.72 0 000-91.44zm-1.14-549c-111.3 0-201.52 90.22-201.52 201.52a45.71 45.71 0 0090.84 7.41l.6-7.47c.03-60.68 49.4-110.03 110.08-110.03 60.7 0 110.1 49.38 110.1 110.09 0 60.7-49.4 110.09-110.1 110.09v.17a45.68 45.68 0 00-44.57 45.65v100.58a45.7 45.7 0 1091.42 0v-60.46c88.7-21.12 154.67-100.87 154.67-196.03 0-111.3-90.22-201.52-201.52-201.52z',
-  support:
-    'M512 932.57c-87.57 0-171.05-26.59-241.23-75.93l106-106a273.98 273.98 0 00135.26 35.62c46.7 0 93.41-11.88 135.22-35.6l105.98 105.98c-70.19 49.34-153.66 75.93-241.23 75.93m-344.64-661.8l105.97 105.98c-47.44 83.63-47.43 186.86.02 270.49L167.36 753.22C118.02 683.04 91.43 599.56 91.43 512c0-87.57 26.59-171.05 75.93-241.23m585.87-103.41L647.29 273.3a273.95 273.95 0 00-135.26-35.61c-46.74 0-93.47 11.9-135.3 35.63L270.77 167.36C340.96 118.02 424.43 91.43 512 91.43s171.05 26.59 241.23 75.93m-370.5 473.91c-71.3-71.3-71.3-187.3 0-258.6a181.7 181.7 0 01129.3-53.55h.02c48.83 0 94.74 19.02 129.28 53.56 71.29 71.29 71.29 187.3 0 258.6a181.66 181.66 0 01-129.3 53.55 181.67 181.67 0 01-129.3-53.56m473.91 111.95L750.68 647.27c47.48-83.65 47.48-186.91.02-270.56l105.94-105.94c49.34 70.18 75.93 153.66 75.93 241.23s-26.59 171.04-75.93 241.22m17.4-603.26c-199.95-199.95-524.13-199.95-724.08 0-199.95 199.95-199.95 524.13 0 724.08 199.95 199.95 524.13 199.95 724.08 0 199.95-199.95 199.95-524.13 0-724.08',
-  alert:
-    'M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z',
-  bell: 'M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z',
-  rss: 'M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z',
-  edit: 'M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z',
-  paintbrush:
-    'M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z',
-  close:
-    'M150 150a512 512 0 11724 724 512 512 0 01-724-724zm69.3 64.2A418.5 418.5 0 0095.9 512a418.5 418.5 0 00123.4 297.8A418.5 418.5 0 00517 933.2 418.5 418.5 0 00815 809.8 418.5 418.5 0 00938.4 512 418.5 418.5 0 00815 214.2 418.5 418.5 0 00517 90.8a418.5 418.5 0 00-297.8 123.4zM655 304a46 46 0 0165 65L577 512l143 143a46 46 0 11-65 65L512 577 369 720a46 46 0 11-65-65l143-143-143-143a46 46 0 0165-65l143 143 143-143z',
-  closeAlt:
-    'M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z',
-  trash:
-    'M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z',
-  cross:
-    'M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z',
-  delete:
-    'M874 150A512 512 0 10150 874 512 512 0 00874 150zm-659.4 64.6A417.8 417.8 0 01512 91.4c97 0 188.9 32.6 263.3 92.6L184 775.3A417.4 417.4 0 0191.4 512c0-112.4 43.7-218 123.2-297.4zm594.8 594.8A417.8 417.8 0 01512 932.6c-97 0-189-32.7-263.3-92.6L840 248.7A417.4 417.4 0 01932.6 512c0 112.3-43.8 218-123.2 297.4z',
-  add: 'M512-.2a512 512 0 110 1024 512 512 0 010-1024zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 511.8c0 112.4 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.4c112.3 0 218-43.8 297.4-123.2a417.8 417.8 0 00123.2-297.4c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.2zm1.1 129.2a45.7 45.7 0 0145.7 45.7v201.1H760a45.7 45.7 0 010 91.5H558.8v201.1a45.7 45.7 0 11-91.4 0V558.7H266.3a45.7 45.7 0 110-91.5h201.1V266.1a45.7 45.7 0 0145.7-45.7z',
-  subtract:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm4 94A418 418 0 0094 515a418 418 0 00422 422 418 418 0 00421-422A418 418 0 00516 94zm244 372a46 46 0 010 92H264a46 46 0 110-92z',
-  plus: 'M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z',
-  document:
-    'M764 1c12 0 24 4 32 13l129 132c9 8 13 20 13 31v802c0 24-20 44-45 44H131c-25 0-45-20-45-44V45c0-24 20-44 45-44h633zm-48 89H175v844h674l-1-707h-87c-22 0-40-15-44-36v-8l-1-93zm-16 584a45 45 0 0 1 8 89H324a45 45 0 0 1-8-88l8-1h376zm0-187a45 45 0 0 1 8 89l-8 1H324a45 45 0 0 1-8-89l8-1h376zm0-186a45 45 0 0 1 8 88l-8 1H324a45 45 0 0 1-8-89h384z',
-  folder:
-    'M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z',
-  component:
-    'M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z',
-  calendar:
-    'M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z',
-  graphline:
-    'M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z',
-  docchart:
-    'M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z',
-  doclist:
-    'M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z',
-  category:
-    'M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z',
-  grid: 'M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z',
-  copy: 'M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z',
-  certificate:
-    'M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z',
-  print:
-    'M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z',
-  listunordered:
-    'M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z',
-  graphbar:
-    'M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z',
-  menu: 'M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z',
-  filter:
-    'M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z',
-  ellipsis:
-    'M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z',
-  cog: 'M512 288a224 224 0 0 0 0 448h2a225 225 0 0 0 52-7 47 47 0 0 0-23-90 130 130 0 0 1-31 3 131 131 0 1 1 127-101v1a47 47 0 1 0 91 19 224 224 0 0 0-218-273zM409 0c-67 14-131 40-186 77v98c0 13-6 25-15 33-8 9-20 15-33 15H77C40 278 14 341 0 409l69 68c9 10 14 22 13 34 1 13-4 25-13 34L0 614c14 68 41 132 78 188h97c13 0 25 6 33 15 9 8 15 20 15 33v97c55 37 119 63 187 77l68-69a46 46 0 0 1 36-13c11 0 23 4 32 13l69 69c68-14 131-40 186-77v-98c0-13 6-25 15-34 8-8 20-14 33-14h98c37-56 63-119 77-186l-69-70c-10-9-14-21-14-34 0-12 4-24 14-34l69-69c-14-67-40-129-77-184h-98c-13 0-25-6-33-15-9-8-15-20-15-33V77C746 40 683 14 615 0l-69 69a46 46 0 0 1-35 14c-11 0-23-5-33-14L409 0zm-28 103l32 32c26 26 61 41 98 41h3c37 0 72-15 98-41l32-31c22 7 43 16 64 26v46c0 37 15 73 42 99 26 27 62 42 99 42h45c11 20 19 41 26 63l-31 31c-26 27-41 63-41 100 0 38 15 74 41 100l32 32c-8 22-17 44-27 65h-45c-37 0-73 15-99 42-27 26-42 62-42 99v44c-21 11-42 20-65 27l-31-31c-26-26-61-41-98-41h-3c-37 0-72 15-98 41l-32 32c-22-8-44-17-65-28v-43c0-37-15-73-42-99-26-27-62-42-99-42h-44c-11-21-20-44-28-67l32-31c26-26 41-62 40-100 1-37-14-73-40-100l-31-30c7-23 16-44 26-65h45c37 0 73-15 99-42 27-26 42-62 42-99v-45c21-10 43-19 65-27z',
-  wrench:
-    'M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z',
-  nut: 'M512 286a229 229 0 0 0-233 226c0 124 104 225 233 225h2a240 240 0 0 0 54-7c21-5 35-24 35-45a48 48 0 0 0-59-45 139 139 0 0 1-32 3c-75 0-136-59-136-131 0-73 61-132 136-132a134 134 0 0 1 132 161v1l-2 9c0 26 22 47 49 47a48 48 0 0 0 47-37c4-16 6-33 6-49 0-125-104-226-232-226m0-286c-16 0-33 4-47 12L90 223a91 91 0 0 0-47 79v420c0 33 18 63 47 79l375 211a96 96 0 0 0 94 0l375-211c29-16 47-46 47-79V302c0-33-18-63-47-79L559 12c-14-8-31-12-47-12m0 91l375 211v420L512 933 137 722V302L512 91',
-  camera:
-    'M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z',
-  eye: 'M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z',
-  eyeclose:
-    'M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z',
-  photo:
-    'M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z',
-  video:
-    'M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z',
-  speaker:
-    'M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z',
-  phone:
-    'M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z',
-  flag: 'M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z',
-  pin: 'M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z',
-  compass:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm242.4 178.1a22.9 22.9 0 012.9 28.9L574.9 571.7l-3.2 3.2-273.3 182.4a22.9 22.9 0 01-31.7-31.7l181-271.6c1.7-2.5 3.8-4.6 6.3-6.3l271.6-181c9-6 21.1-4.9 28.8 2.8zM483.2 483.3l-115 172.4 172.5-115-57.5-57.4z',
-  globe:
-    'M533.6 1.6a144.2 144.2 0 00-43.2 0A511.7 511.7 0 000 512.6 511.7 511.7 0 00512 1024c282.8 0 512-229 512-511.4a511.7 511.7 0 00-490.4-511zM930 467H749c-3.6-105.7-20-204.7-47.2-282.5a494.4 494.4 0 00-24.2-58.2 419.3 419.3 0 01131.8 89.3A416.7 416.7 0 01930.2 467zM512 931.5c-75.3 0-137.3-163.3-145.4-373.3h290.8c-8.1 210-70.1 373.3-145.4 373.3zM366.5 467c7.4-200.2 63.7-358.5 134-374.3a406.8 406.8 0 0123 0c70.3 15.9 126.6 174.1 134 374.3h-291zM214.6 215.5A420.7 420.7 0 01346.4 126c-8.7 17.7-16.9 37.1-24.2 58.2-27.1 78-43.6 177-47.2 282.5H94a416.7 416.7 0 01120.7-251.3zM93.9 558.2H275c3.8 104.8 20.2 203 47 280.3a488.6 488.6 0 0025.8 61 420.4 420.4 0 01-133.3-89.9A416.7 416.7 0 0193.9 558.2zm715.5 251.4a420.4 420.4 0 01-133.3 90c9.3-18.4 18-38.8 25.7-61.1 27-77.4 43.3-175.5 47-280.3h181.3a416.7 416.7 0 01-120.7 251.4z',
-  location:
-    'M1024 512a512 512 0 10-512.1 512C643 1024 774 974 874 874s150-231 150-362zM809.4 809.4a417.4 417.4 0 01-251.7 120.7v-153a45.7 45.7 0 00-91.5 0v153a417 417 0 01-251.6-120.7A417.7 417.7 0 0194 557.7h153a45.7 45.7 0 000-91.5h-153a417.3 417.3 0 01120.7-251.6A417.5 417.5 0 01466.2 93.8v153a45.7 45.7 0 0091.4 0v-153a417.4 417.4 0 01251.8 120.7A417.5 417.5 0 01930 466.2H777a45.7 45.7 0 000 91.4h153a417.3 417.3 0 01-120.7 251.7v.1z',
-  search:
-    'M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60',
-  zoom: 'M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z',
-  zoomout:
-    'M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z',
-  zoomreset:
-    'M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z',
-  timer:
-    'M571.5 0a42.7 42.7 0 010 85.3h-16.7l-.2 53.1a441.6 441.6 0 01221.2 84.9l44.7-44.6a42.7 42.7 0 0160.3 60.3l-41.5 41.5a443.8 443.8 0 11-370-142l.1-53.2H452A42.7 42.7 0 01452 0h119.5zM512 221.7a356 356 0 00-253.5 105 356 356 0 00-105 253.5 356 356 0 00105 253.5 356 356 0 00253.5 105 356 356 0 00253.5-105 356.2 356.2 0 00105-253.5 356 356 0 00-105-253.5 356 356 0 00-253.5-105zm-.1 52.7a42.7 42.7 0 0142.6 42.6v206.6a68.2 68.2 0 0125.3 47.3l.2 5.8a68.2 68.2 0 11-110.8-53.4V317a42.7 42.7 0 0142.7-42.6z',
-  time: 'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm0 54.9a45.7 45.7 0 0145.7 45.7v280H759a45.7 45.7 0 010 91.4H512c-6.1 0-12-1.2-17.4-3.4l-.4-.2-2-1c-.7-.3-1.4-.5-2-.9l-.7-.4-3-1.9-.4-.2c-12-8.2-19.8-22-19.8-37.7V192a45.7 45.7 0 0145.7-45.7z',
-  lightning:
-    'M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z',
-  lightningoff:
-    'M310 374L76 150a37 37 0 0 1 0-54c15-14 41-14 56 0l816 778c16 15 16 39 0 54a41 41 0 0 1-56 0L666 712l-57-54-242-230-57-54zm-32 28l57 54-44 38 115 29 78 76-75 254 169-165 57 54-279 271c-8 7-17 11-26 11-7 0-14-2-20-6a41 41 0 0 1-16-46l109-367-203-52c-14-4-25-16-28-30-4-15 1-31 13-40l93-81zm124-108L731 9c13-12 33-12 47-1 14 12 19 32 11 49L627 421l198 52c13 4 24 15 27 29 4 14-1 29-11 39l-89 87-56-54 42-41-118-31-80-76 109-242-190 165-57-55z',
-  dashboard:
-    'M512 85.3a512 512 0 01361 875c-99.5-44-225-70.4-361.6-70.4-136.1 0-261.4 26.2-360.8 70A512 512 0 01512 85.4zm0 91.5c-112.4 0-218 43.7-297.4 123.1A417.8 417.8 0 0091.4 597.3c0 93 30 181.5 85.5 254.2 101-34.8 215.3-53 334.5-53 119.6 0 234.2 18.3 335.5 53.4a417.3 417.3 0 0085.7-254.6c0-112.3-43.8-218-123.2-297.4a417.5 417.5 0 00-275-122.6l-22.4-.5zm219.7 115.7a45.7 45.7 0 0116.7 62.4L580.4 646c6.5 17.1 6.7 36.6-.6 54.3l-4.3 8.7A73.1 73.1 0 11501.3 600l168-291a45.7 45.7 0 0162.4-16.6z',
-  hourglass:
-    'M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z',
-  play: 'M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z',
-  playnext:
-    'M222 136l513 342 12 10V192a64 64 0 01128 0v640a64 64 0 01-128 0V536l-12 10-513 342c-8 5-16 8-23 8-17 0-28-16-28-42V170c0-26 11-42 28-42 7 0 15 3 23 8z',
-  playback:
-    'M823 136L311 478l-12 10V192a64 64 0 00-128 0v640a64 64 0 10128 0V536l12 10 512 342c8 5 16 8 23 8 17 0 29-16 29-42V170c0-26-12-42-29-42-7 0-15 3-23 8z',
-  stop: 'M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0zm471-78H338c-25 0-45-20-45-45V338c0-25 20-45 45-45h348c25 0 45 20 45 45v348c0 25-20 45-45 45z',
-  stopalt:
-    'M894 85H130c-25 0-45 20-45 45v764c0 25 20 45 45 45h764c25 0 45-20 45-45V130c0-25-20-45-45-45z',
-  rewind:
-    'm631.8 642.6 345 245.4c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3V170.3c0-26.8-11-42.3-26.8-42.3-6.4 0-13.7 2.6-21.4 8l-345 245.4v-211c0-26.9-10.9-42.4-26.8-42.4-6.4 0-13.7 2.6-21.4 8L129 459.4V192a64 64 0 0 0-128 0v640a64 64 0 0 0 128 0V564.6L583.6 888c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3v-211Z',
-  fastforward:
-    'M398.2 386.4 53.2 141c-7.7-5.4-15-8-21.4-8C15.9 133 5 148.5 5 175.3v683.4C5 885.5 16 901 31.8 901c6.4 0 13.7-2.6 21.4-8l345-245.4v211c0 26.9 11 42.4 26.8 42.4 6.4 0 13.7-2.6 21.4-8L901 569.6V837a64 64 0 0 0 128 0V197a64 64 0 0 0-128 0v267.4L446.4 141c-7.7-5.4-15-8-21.4-8-15.9 0-26.8 15.5-26.8 42.3v211Z',
-  email:
-    'M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z',
-
-  link: 'M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z',
-  paperclip:
-    'M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z',
-  box: 'M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z',
-  structure:
-    'M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z',
-  cpu: 'M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z',
-  memory:
-    'M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z',
-  database:
-    'M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z',
-  power:
-    'M320 118.3a45.7 45.7 0 0122.5 85.6 384.6 384.6 0 00-120.8 93.4A380.9 380.9 0 00128 548.6c0 102.5 39.9 199 112.4 271.5A381.5 381.5 0 00512 932.5c102.5 0 199-39.9 271.5-112.4a381.5 381.5 0 00112.4-271.5c0-98.1-36.5-190.6-103.1-262l-2-2-9.4-9.5a384.2 384.2 0 00-100-71.2 45.6 45.6 0 0139.6-82.2l.6.3h.2l.1.1h.1l2 1 4 2 1.9 1 3.5 1.9a480.6 480.6 0 0144.9 27l2 1.3v-.3.1a475.4 475.4 0 11-545.3 6.2l3.6-2.6v.1a471.4 471.4 0 0151.7-31.7l3.7-2 1.4-.7.3-.2 6.4-3.1.1-.1h.1l.7-.3c5.2-2.1 11-3.4 17-3.4zM511.8 0c25 0 45.3 20 45.7 45v421.3a45.7 45.7 0 01-91.4.7V45.7A45.7 45.7 0 01511.9 0z',
-  outbox:
-    'M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z',
-  share:
-    'M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z',
-  button:
-    'M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z',
-  form: 'M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z',
-  check:
-    'M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z',
-  batchaccept:
-    'M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z',
-  batchdeny:
-    'M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z',
-  home: 'M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z',
-  admin:
-    'M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z',
-  paragraph:
-    'M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z',
-
-  basket:
-    'M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z',
-  credit:
-    'M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z',
-  shield:
-    'M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z',
-  beaker:
-    'M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z',
-  thumbsup:
-    'M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z',
-  mirror:
-    'M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z',
-  switchalt:
-    'M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z',
-  commit:
-    'M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z',
-  branch:
-    'M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z',
-  merge:
-    'M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z',
-  pullrequest:
-    'M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z',
-  chromatic:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zM368 452v284a144 144 0 00274 59c-10-4-20-8-29-14l-111-64c-6-3-10-10-10-16V523l-124-71zm454 89c-8 7-17 13-26 18L551 701l81 46 1 1a144 144 0 00189-207zm-493-89l-81 47h-1a143 143 0 00-52 196 144 144 0 00137 71c-2-10-3-21-3-32V452zm375-195l-12 1c2 10 3 21 3 32v128c0 7-4 13-10 17l-154 88v144l245-142 2-1a144 144 0 00-74-267zm-384 0c-51 0-99 28-125 72-28 49-25 109 7 154 8-7 17-13 26-18l111-64a20 20 0 0120 0l153 88 124-71-244-141-1-1c-22-12-46-19-71-19zm192-111c-57 0-107 33-130 83 10 4 19 8 29 14l245 141v-96c-2-79-66-142-144-142z',
-  twitter:
-    'M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z',
-  google:
-    'M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z',
-  gdrive:
-    'M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z',
-  youtube:
-    'M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z',
-  facebook:
-    'M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z',
-  medium:
-    'M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z',
-  graphql:
-    'M576 849a85 85 0 0 0-125-2L253 733l1-3h517l2 5-197 114zM451 177l2 2-258 448-3-1V398a85 85 0 0 0 61-107l198-114zm321 114a85 85 0 0 0 61 107v228l-3 1-258-448 2-2 198 114zM254 689a85 85 0 0 0-24-42l259-447a86 86 0 0 0 47 0l259 448a85 85 0 0 0-24 41H254zm643-54c-7-4-15-7-23-9V398a86 86 0 1 0-82-142L595 142a85 85 0 1 0-165 0L233 256a85 85 0 1 0-82 142v228a85 85 0 1 0 82 142l197 114a85 85 0 1 0 164-2l196-114a86 86 0 1 0 107-131z',
-  redux:
-    'M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z',
-  github:
-    'M214.6 809.4A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4-49 49-108 84.3-172.2 104.3v-74.4c0-39.5-13.6-68.6-40.7-87.2a354 354 0 0091.9-19.6c15.8-5.6 30-12.2 42.6-19.9a177.8 177.8 0 0036.3-29.8 175 175 0 0029.1-41.7 228 228 0 0018.6-55.9c4.6-21.7 6.9-45.6 6.9-71.7 0-50.7-16.5-93.8-49.5-129.4 15-39.2 13.4-81.8-4.9-127.9l-12.2-1.4c-8.5-1-23.8 2.6-45.8 10.8-22 8.1-46.8 21.5-74.3 40.1a450.9 450.9 0 00-121-16.1 442 442 0 00-120.5 16.1 419.6 419.6 0 00-49.3-29.1c-15.5-7.7-27.9-13-37.2-15.7a127.6 127.6 0 00-41.4-5.6c-2.3.3-4 .6-4.9 1-18.3 46.3-20 89-4.9 127.8a183.5 183.5 0 00-49.5 129.4c0 26.1 2.3 50 6.9 71.7a228.3 228.3 0 0018.6 56 175 175 0 0029.1 41.6 177.9 177.9 0 0036.3 29.8 223.4 223.4 0 0042.6 19.9A353.2 353.2 0 00432 752c-26.8 18.3-40.2 47.3-40.2 87.2v75.9a418.4 418.4 0 01-177-105.8M512 0a512 512 0 100 1024A512 512 0 00512 0',
-  bitbucket:
-    'M362.3 395l53 276.5h195.4l34-198.4h283l-74.4 457a30 30 0 01-29.7 25.3H210.7a41 41 0 01-40-34.2l-127.6-775a30 30 0 0130-34.9l877.8.2a30 30 0 0130 34.8L940.5 395H362.3z',
-  gitlab:
-    'M186.9 75a18.7 18.7 0 0135.6 0l108.8 333.4h361.4L512 961.8 331.3 408.4H78.1zM78.1 408.5L512 961.8 36.8 618.2a37.1 37.1 0 01-13.6-41.6L78 408.4zm867.8 0l55 168.2c5 15.3-.5 32.1-13.7 41.6L512 961.8l434-553.4zM837.1 75l108.8 333.3H692.7L801.5 75a18.7 18.7 0 0135.6 0z',
-  azuredevops:
-    'M0,378.6 L95.8,252 L454.4,106.2 L454.4,1 L768.8,231 L126.6,355.8 L126.6,706.8 L0,670.2 L0,378.6 Z M1024,188.8 L1024,814 L778.6,1023 L381.8,892.6 L381.8,1023 L126.6,706.6 L769,783.2 L769,231 L1024,188.8 Z',
-  discord:
-    'M371 147c-14 0-126 3-245 91 0 0-126 227-126 507 0 0 74 126 268 132l58-71c-111-34-153-103-153-103l24 15 4 2 8 4a668 668 0 0 0 420 68 629 629 0 0 0 228-89s-44 71-159 103l58 71c194-7 268-133 268-132 0-280-126-507-126-507-126-94-246-91-246-91l-12 14a576 576 0 0 1 218 110 729 729 0 0 0-441-81l-15 1c-31 4-105 14-199 56-33 14-52 24-52 24s72-69 230-114l-9-10h-1zm-23 323c50 0 91 43 90 97 0 53-40 96-90 96-49 0-89-43-89-96 0-54 39-97 89-97zm321 0c49 0 89 43 89 97 0 53-39 96-89 96s-90-43-90-96c0-54 40-97 90-97z',
-  contrast:
-    'M368 713h79l266-266v-79L368 713zm192 0h153V560L560 713zm98-402h-79L311 579v79l347-347zm-192 0H311v155l155-155zm467 402V91H311v128h452c23 0 42 19 42 42v452h128zM713 933V805H261c-23 0-42-19-42-42V311H91v622h622zM982 0c23 0 42 19 42 42v721c0 23-19 42-42 42H805v177c0 23-19 42-42 42H42c-23 0-42-19-42-42V261c0-23 19-42 42-42h177V42c0-23 19-42 42-42h721z',
-  unfold:
-    'M512 645l8 1c21 4 37 22 37 44v181l52-52 6-6a45 45 0 0 1 58 69l-129 129-7 5a45 45 0 0 1-57-5L351 882l-5-6a45 45 0 0 1 5-57l7-6c17-12 41-10 57 6l52 52V690l1-8c4-21 22-37 44-37zM337 275a45 45 0 1 1 0 90H229l91 102h382l91-102H685a45 45 0 1 1 0-90h208c39 0 59 46 34 75L782 512l145 162c25 29 5 75-34 75H685a45 45 0 1 1 0-90h108l-91-102H320l-91 102h108a45 45 0 1 1 0 90H129c-38 0-59-46-33-75l144-162L96 350c-24-27-8-69 26-74l7-1h208zM537 8l7 6 129 129a45 45 0 0 1-58 68l-6-5-52-52v181c0 22-16 40-37 44h-8c-22 0-40-15-44-36l-1-8V153l-52 53a45 45 0 0 1-57 5l-7-5a45 45 0 0 1-5-57l5-6L480 14c16-16 40-18 57-6z',
-  sharealt:
-    'M130 85h332a45 45 0 0 1 8 89l-8 1H175v674h674V557a45 45 0 0 1 89-8l1 8v337c0 22-16 40-37 44l-8 1H130c-22 0-40-16-44-37l-1-8V130c0-22 16-40 37-44l8-1h332-332zm555 0h210l5 1-6-1a45 45 0 0 1 32 13l-5-4 3 3 2 1a46 46 0 0 1 12 24v2l1 5v209a45 45 0 0 1-89 8l-1-8V238L544 544a45 45 0 0 1-57 5l-7-5a45 45 0 0 1 0-64l306-305H685a45 45 0 0 1-8-89l8-1h209-209z',
-  accessibility:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 89.6a422.4 422.4 0 100 844.8 422.4 422.4 0 000-844.8zm262.2 250a40.9 40.9 0 01-27.5 49.3l-169.1 50.7c-8.2 2.7-15.1 11-13.7 20.5 1.3 27.4 1.5 76.5 7 98.4 12.9 59 82.4 214.4 91 233.6a56 56 0 014.9 19 40 40 0 01-40 40c-18 0-30.3-12.7-38.2-28.4A34096 34096 0 01510.9 664l-77.7 165.7-1.3 2.1a40 40 0 01-69.3-39.7c8.6-19 78-174.5 90.8-233.6 5.5-21.9 6-71 7.3-98.4a21 21 0 00-13.7-20.5l-169.1-50.7a40.7 40.7 0 01-27.5-50.7c6.9-20.5 30.2-30.1 50.9-24.6 0 0 154.6 49.3 209.6 49.3s213.8-50.7 213.8-50.7c20.6-5.5 44 6.8 49.5 27.4zm-264-171.2a76.7 76.7 0 110 153.4c-42.6 0-77-34.2-77-76.7 0-41 34.4-76.7 77-76.7z',
-  accessibilityalt:
-    'M512 0a512 512 0 110 1024A512 512 0 01512 0zm262.2 339.6c-5.5-20.6-28.9-32.9-49.5-27.4 0 0-158.8 50.7-213.8 50.7s-209.6-49.3-209.6-49.3c-20.7-5.5-44 4-51 24.6A40.7 40.7 0 00278 389l169 50.7a21 21 0 0113.8 20.5c-1.3 27.4-1.8 76.5-7.3 98.4-12.9 59.1-82.2 214.5-90.8 233.6a40 40 0 1070.6 37.5L511 664a34096 34096 0 0077.7 158.7c7.9 15.7 20.2 28.4 38.2 28.4a40 40 0 0040-40 56 56 0 00-4.8-19c-8.7-19.2-78.2-174.5-91.1-233.6-5.5-21.9-5.7-71-7-98.4-1.4-9.6 5.5-17.8 13.7-20.5l169.1-50.7a40.9 40.9 0 0027.5-49.3zm-264-171.2c-42.6 0-77 35.6-77 76.7a76.7 76.7 0 0077 76.7 76.7 76.7 0 100-153.4z',
-  markup:
-    'M1010.6 479.7L736.4 205.4a45.7 45.7 0 10-64.7 64.6l242 242L671.7 754a45.7 45.7 0 1064.7 64.6l274.1-274.2a45.6 45.6 0 000-64.6M0 511.9c0-11.7 4.5-23.4 13.4-32.3l274.1-274.2a45.7 45.7 0 1164.7 64.6L110.4 512l241.9 241.9a45.7 45.7 0 01-64.7 64.6L13.4 544.2C4.4 535.3 0 523.6 0 512',
-  outline:
-    'M180.1 714.3V844h129.6v94.8h-180c-24.2 0-44-19.5-44.4-43.7V714.3h94.8zM619.3 844v94.8H404.7v-94.8h214.6zm319.4-129.6v180c0 24.2-19.5 44-43.7 44.4H714.3v-94.8H844V714.3h94.8zm0-309.6v214.6h-94.8V404.7h94.8zm-758.6 0v214.6H85.3V404.7h94.8zm331.9 34a73.2 73.2 0 110 146.4 73.2 73.2 0 010-146.3zM894.2 85.4c24.3 0 44 19.5 44.5 43.7V309.7h-94.8V180H714.3V85.3h180zm-584.5 0v94.8H180v129.6H85.3v-180c0-24.2 19.5-44 43.7-44.4H309.7zm309.6 0v94.8H404.7V85.3h214.6z',
-  verified:
-    'M719 66l30 56c12 23 35 40 61 44l62 11c45 8 76 51 70 96l-9 63c-4 26 5 52 23 71l44 46c32 33 32 85 0 118l-44 46a85 85 0 00-23 71l9 63c6 45-25 88-70 96l-62 11c-26 4-49 21-61 44l-30 56a85 85 0 01-113 36l-57-27a85 85 0 00-74 0l-57 27c-42 21-92 4-113-36l-30-56a85 85 0 00-61-44l-62-11c-45-8-76-51-70-96l9-63c4-26-5-52-23-71l-44-46a85 85 0 010-118l44-46c18-19 27-45 23-71l-9-63c-6-45 25-88 70-96l62-11c26-4 49-21 61-44l30-56c21-40 71-57 113-36l57 27c23 12 51 12 74 0l57-27c42-21 92-4 113 36zm70 258a46 46 0 00-59 5L437 622 294 480l-6-5a46 46 0 00-59 69l175 175 6 5c18 13 43 11 59-5l326-325 4-6c13-18 12-43-4-59z',
-  comment:
-    'M936 85l6 1c22 3 39 21 39 44v709c0 8-2 15-5 21l-2 4c-9 12-23 20-38 20H427l-131 127c-9 9-21 13-34 13-25 0-46-20-46-45v-95H88c-25 0-45-20-45-45V130a45 45 0 0145-45zm-46 89H134v620h756V174zM768 544c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44zm0-208c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44z',
-  commentadd:
-    'M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zm-379 97c22 0 40 18 40 40v134h132a40 40 0 010 81H553v132a40 40 0 11-80 0V527H341a40 40 0 110-81h132V312c0-22 18-40 40-40z',
-  requestchange:
-    'M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zM585 310c18-18 47-18 65 0l143 144c18 17 18 46 0 64L650 661a46 46 0 01-65 0 46 46 0 010-65l65-64H266a46 46 0 110-92h384l-65-65a46 46 0 010-65z',
-  comments:
-    'M978.3 92.2a45 45 0 0145.7 44.6v535.6a45.2 45.2 0 01-45.7 44.6h-125v122c0 7.7-2 14.8-5.5 21.3l-2.3 3.7a46.1 46.1 0 01-38 19.6H298.8L168 1011a47 47 0 01-34.3 13.1c-25.2 0-45.7-20-45.7-44.6v-95.8H45.7c-25.2 0-45.7-20-45.7-44.5V303.4A45 45 0 0145.7 259h125v-122a45 45 0 0139.8-44.3c1.3-.1 257.2-.3 767.8-.4zM761.9 348H91.4v446.5H762V348zm-125 264c25.3 0 45.8 20 45.8 44.6A45.2 45.2 0 01637 701H216.4c-25.3 0-45.7-20-45.7-44.5a45.2 45.2 0 0145.7-44.6H637zm295.7-430.7H262V259h505.1l46.3.4a45 45 0 0139.8 44.2v324.3h79.3V181.3zM637 441.3c25.2 0 45.7 20 45.7 44.6a45.2 45.2 0 01-45.7 44.6H216.4c-25.3 0-45.7-20-45.7-44.6a45.2 45.2 0 0145.7-44.5H637z',
-  ruler:
-    'M83 110c-22 0-40 18-40 40v176a40 40 0 0080 0v-49h778v49a40 40 0 0080 0V150a40 40 0 10-80 0v49H123v-49c0-22-18-40-40-40zm40 458v266h778V568h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63zm103-80h691c36 0 64 28 64 64v298c0 36-28 64-64 64H107c-36 0-64-28-64-64V552c0-36 28-64 64-64h119z',
-};
-
-export default icons;
+  user: (
+    <>
+      <path d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM2.67 11.15c.7-1 2.6-1.81 3.2-1.9.22-.04.23-.66.23-.66s-.67-.66-.81-1.55c-.4 0-.63-.94-.24-1.27l-.02-.13c-.06-.6-.28-2.6 1.97-2.6s2.03 2 1.97 2.6l-.02.13c.4.33.15 1.27-.24 1.27-.14.89-.8 1.55-.8 1.55s0 .62.22.66c.6.09 2.5.9 3.2 1.9a6 6 0 1 0-8.66 0Z" />
+    </>
+  ),
+  useralt: (
+    <>
+      <path d="M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z" />
+    </>
+  ),
+  useradd: (
+    <>
+      <path d="M1.18 11.9c-.4-.17-.8-.36-1.18-.58.06-1.44 3.02-2.74 3.82-2.87.25-.04.26-.73.26-.73s-.74-.73-.9-1.7c-.43 0-.7-1.05-.27-1.42l-.01-.14c-.07-.67-.31-2.88 2.18-2.88 2.48 0 2.24 2.2 2.17 2.88l-.01.14c.43.37.16 1.41-.27 1.41-.16.98-.9 1.71-.9 1.71s.01.69.26.73c.8.13 3.82 1.46 3.82 2.91v.24a10.63 10.63 0 0 1-8.97.3ZM11.5 2.16c.28 0 .5.22.5.5v1.5h1.5a.5.5 0 0 1 0 1H12v1.5a.5.5 0 0 1-1 0v-1.5H9.5a.5.5 0 1 1 0-1H11v-1.5c0-.28.22-.5.5-.5Z" />
+    </>
+  ),
+  users: (
+    <>
+      <path d="M9.21 11.62A10.59 10.59 0 0 1 0 11.07c.06-1.35 2.93-2.58 3.7-2.7.25-.03.26-.68.26-.68s-.72-.69-.87-1.6c-.42 0-.68-.99-.26-1.33 0-.03 0-.08-.02-.14-.07-.63-.3-2.71 2.12-2.71 2.41 0 2.18 2.08 2.11 2.71l-.01.14c.42.34.16 1.32-.26 1.32-.16.92-.87 1.6-.87 1.6s0 .66.25.7c.78.11 3.7 1.36 3.7 2.73v.22l-.64.3Z" />
+      <path d="M8.81 8.42a9.64 9.64 0 0 0-.74-.4 5.2 5.2 0 0 1 1.7-.76c.17-.02.17-.47.17-.47s-.49-.47-.6-1.1c-.28 0-.46-.68-.17-.91l-.01-.1c-.05-.43-.2-1.86 1.45-1.86 1.66 0 1.5 1.43 1.45 1.86v.1c.28.23.1.9-.18.9-.11.64-.6 1.11-.6 1.11s0 .45.17.47c.54.08 2.55.94 2.55 1.89v.62a10.6 10.6 0 0 1-3.3.56 2.97 2.97 0 0 0-.58-.88c-.37-.41-.85-.76-1.31-1.03Z" />
+    </>
+  ),
+  profile: (
+    <>
+      <path d="M9.1 7.35a5.06 5.06 0 0 1-4.52-.28C4.6 6.4 6.02 5.77 6.4 5.7c.12-.02.12-.35.12-.35s-.35-.34-.43-.81c-.2 0-.33-.5-.12-.67l-.01-.07C5.93 3.48 5.81 2.42 7 2.42S8.07 3.48 8.04 3.8v.07c.2.17.07.67-.13.67-.08.47-.43.81-.43.81s0 .33.12.35c.38.06 1.82.7 1.82 1.4v.1c-.1.06-.2.1-.31.15Zm-5.35 3.9c0-.14.11-.25.25-.25h6a.25.25 0 1 1 0 .5H4a.25.25 0 0 1-.25-.25ZM4 9a.25.25 0 0 0 0 .5h6a.25.25 0 1 0 0-.5H4Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 .5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V.5ZM2 13V1h10v12H2Z"
+      />
+    </>
+  ),
+  facehappy: (
+    <>
+      <path d="M3.97 8.75a.5.5 0 0 0-.87.5 4.5 4.5 0 0 0 7.8 0 .5.5 0 1 0-.87-.5 3.5 3.5 0 0 1-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  faceneutral: (
+    <>
+      <path d="M4.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  facesad: (
+    <>
+      <path d="M3.97 10.25a.5.5 0 0 1-.87-.5 4.5 4.5 0 0 1 7.8 0 .5.5 0 1 1-.87.5 3.5 3.5 0 0 0-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  accessibility: (
+    <>
+      <path d="M3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z" />
+      <path d="M7 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  accessibilityalt: (
+    <>
+      <path d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM8 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z" />
+    </>
+  ),
+  arrowup: (
+    <>
+      <path d="m7.35 2.9 5.5 5.5a.5.5 0 0 1-.7.7L7 3.96 1.85 9.1a.5.5 0 1 1-.7-.7l5.5-5.5c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  arrowdown: (
+    <>
+      <path d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z" />
+    </>
+  ),
+  arrowleft: (
+    <>
+      <path d="M2.76 7.1c.02.09.06.18.14.25l5.5 5.5a.5.5 0 0 0 .7-.7L3.96 7 9.1 1.85a.5.5 0 1 0-.7-.7l-5.5 5.5a.5.5 0 0 0-.14.45Z" />
+    </>
+  ),
+  arrowright: (
+    <>
+      <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
+    </>
+  ),
+  arrowupalt: (
+    <>
+      <path d="M11.85 4.65 7.35.15a.5.5 0 0 0-.7 0l-4.5 4.5a.5.5 0 1 0 .7.7L6.5 1.71V13.5a.5.5 0 0 0 1 0V1.7l3.65 3.65a.5.5 0 0 0 .7-.7Z" />
+    </>
+  ),
+  arrowdownalt: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0v11.8L2.85 8.64a.5.5 0 1 0-.7.7l4.5 4.5A.5.5 0 0 0 7 14a.5.5 0 0 0 .35-.15l4.5-4.5a.5.5 0 0 0-.7-.7L7.5 12.29V.5Z" />
+    </>
+  ),
+  arrowleftalt: (
+    <>
+      <path d="M5.35 2.15c.2.2.2.5 0 .7L1.71 6.5H13.5a.5.5 0 0 1 0 1H1.7l3.65 3.65a.5.5 0 0 1-.7.7l-4.5-4.5a.5.5 0 0 1 0-.7l4.5-4.5c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  arrowrightalt: (
+    <>
+      <path d="M8.65 2.15c.2-.2.5-.2.7 0l4.5 4.5c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7-.7l3.64-3.65H.5a.5.5 0 0 1 0-1h11.8L8.64 2.85a.5.5 0 0 1 0-.7Z" />
+    </>
+  ),
+  expandalt: (
+    <>
+      <path d="m7.35.15 4 4a.5.5 0 0 1-.7.7L7 1.21 3.35 4.85a.5.5 0 1 1-.7-.7l4-4c.2-.2.5-.2.7 0ZM11.35 9.15c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-4-4a.5.5 0 1 1 .7-.7L7 12.79l3.65-3.64c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  collapse: (
+    <>
+      <path d="M3.354.146a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0-.708-.708L7 3.793 3.354.146Zm3.292 9a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L7 10.207l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4Z" />
+    </>
+  ),
+  expand: (
+    <>
+      <path d="M1.5 1h2a.5.5 0 0 1 0 1h-.8l3.15 3.15a.5.5 0 1 1-.7.7L2 2.71v.79a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 1.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-.8L8.85 5.86a.5.5 0 1 1-.7-.7L11.29 2h-.79a.5.5 0 0 1-.5-.5ZM12.5 10c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.8L8.14 8.85a.5.5 0 1 1 .7-.7L12 11.29v-.79c0-.28.22-.5.5-.5ZM2 11.3v-.8a.5.5 0 0 0-1 0v2c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1h-.8l3.15-3.15a.5.5 0 1 0-.7-.7L2 11.29Z" />
+    </>
+  ),
+  unfold: (
+    <>
+      <path d="m6.65.15-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64V5a.5.5 0 0 0 1 0V1.7l.65.65a.5.5 0 1 0 .7-.7L7.35.15a.5.5 0 0 0-.7 0Z" />
+      <path d="M1.3 4.04a.5.5 0 0 0-.16.82L3.3 7 1.15 9.15a.5.5 0 0 0 .35.85h3a.5.5 0 0 0 0-1H2.7l1.5-1.5h5.6l2.35 2.35a.5.5 0 0 0 .7-.7L10.71 7l2.14-2.15.11-.54-.1.54A.5.5 0 0 0 13 4.5a.5.5 0 0 0-.14-.35.5.5 0 0 0-.36-.15h-3a.5.5 0 0 0 0 1h1.8L9.8 6.5H4.2L2.7 5h1.8a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.2.04Z" />
+      <path d="M7 8.5c.28 0 .5.22.5.5v3.3l.65-.65a.5.5 0 0 1 .7.7l-1.5 1.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 0 1 .7-.7l.65.64V9c0-.28.22-.5.5-.5ZM9 9.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z" />
+    </>
+  ),
+  transfer: (
+    <>
+      <path d="M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z" />
+    </>
+  ),
+  redirect: (
+    <>
+      <path d="M1.5 1c.28 0 .5.22.5.5V10a2 2 0 0 0 4 0V4a3 3 0 0 1 6 0v7.8l1.15-1.15a.5.5 0 0 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L11 11.79V4a2 2 0 1 0-4 0v6a3 3 0 0 1-6 0V1.5c0-.28.22-.5.5-.5Z" />
+    </>
+  ),
+  undo: (
+    <>
+      <path d="M1.15 3.85a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7L2.71 3H9a4 4 0 0 1 0 8H3a.5.5 0 0 1 0-1h6a3 3 0 1 0 0-6H2.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2Z" />
+    </>
+  ),
+  reply: (
+    <>
+      <path d="M4.35 2.15c.2.2.2.5 0 .7L1.71 5.5H9.5A4.5 4.5 0 0 1 14 10v1.5a.5.5 0 0 1-1 0V10a3.5 3.5 0 0 0-3.5-3.5H1.7l2.65 2.65a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  sync: (
+    <>
+      <path d="M5.5 1A.5.5 0 0 0 5 .5H2a.5.5 0 0 0 0 1h1.53a6.5 6.5 0 0 0 2.39 11.91.5.5 0 1 0 .16-.99A5.5 5.5 0 0 1 4.5 2.1V4a.5.5 0 0 0 1 0V1ZM7.5 1a.5.5 0 0 1 .58-.41 6.5 6.5 0 0 1 2.39 11.91H12a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.9A5.5 5.5 0 0 0 7.92 1.58.5.5 0 0 1 7.5 1Z" />
+    </>
+  ),
+  upload: (
+    <>
+      <path d="M8.65 5.85 7.5 4.71v5.79a.5.5 0 0 1-1 0V4.7L5.35 5.86a.5.5 0 1 1-.7-.7l2-2c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  download: (
+    <>
+      <path d="M5.35 8.15 6.5 9.29V3.5a.5.5 0 0 1 1 0v5.8l1.15-1.15a.5.5 0 1 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 1 1 .7-.7Z" />
+      <path
+        fillRule="evenodd"
+        d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm1 0a6 6 0 1 1 12 0A6 6 0 0 1 1 7Z"
+      />
+    </>
+  ),
+  back: (
+    <>
+      <path d="M5.85 5.35 4.71 6.5h5.79a.5.5 0 0 1 0 1H4.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Z"
+      />
+    </>
+  ),
+  proceed: (
+    <>
+      <path d="M3.5 6.5h5.8L8.14 5.35a.5.5 0 1 1 .7-.7l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 1 1-.7-.7L9.29 7.5H3.5a.5.5 0 0 1 0-1Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm0-1A6 6 0 1 1 7 1a6 6 0 0 1 0 12Z"
+      />
+    </>
+  ),
+  refresh: (
+    <>
+      <path d="M7.1.5H7a6.5 6.5 0 1 0 6.41 7.58.5.5 0 1 0-.99-.16A5.47 5.47 0 0 1 7 12.5a5.5 5.5 0 0 1 0-11 5.5 5.5 0 0 1 4.9 3H10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v1.53A6.5 6.5 0 0 0 7.1.5Z" />
+    </>
+  ),
+  globe: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 0 0 7a7 7 0 0 0 14 0Zm-6.53 5.74c-.24.23-.4.26-.47.26-.08 0-.23-.03-.47-.26-.23-.24-.5-.62-.73-1.18A11.57 11.57 0 0 1 5 7.5h4a11.57 11.57 0 0 1-.8 4.06c-.24.56-.5.94-.73 1.18ZM8.99 6.5H5.01c.05-1.62.35-3.04.79-4.06.24-.56.5-.94.73-1.18.24-.23.4-.26.47-.26.08 0 .23.03.47.26.23.24.5.62.73 1.18.44 1.02.74 2.44.8 4.06Zm1 1c-.06 2.18-.56 4.08-1.28 5.25a6 6 0 0 0 4.27-5.25H9.99Zm2.99-1H9.99c-.06-2.18-.56-4.08-1.28-5.25a6 6 0 0 1 4.27 5.25ZM4 6.5c.06-2.18.56-4.08 1.28-5.25A6 6 0 0 0 1.02 6.5h2.99Zm-2.99 1a6 6 0 0 0 4.27 5.25c-.72-1.17-1.22-3.07-1.28-5.25H1.02Z"
+      />
+    </>
+  ),
+  compass: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10.09 3.4 5.95 5.8a.37.37 0 0 0-.11.09.38.38 0 0 0-.04.05l-2.4 4.15a.37.37 0 0 0 0 .38c.1.18.33.24.5.14l4.15-2.4a.37.37 0 0 0 .15-.15l2.4-4.15a.37.37 0 0 0-.03-.44.37.37 0 0 0-.48-.07ZM4.75 9.25 7.6 7.6 6.4 6.4 4.75 9.25Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  location: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z"
+      />
+    </>
+  ),
+  pin: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M12 5A5 5 0 0 0 2 5c0 2.63 2.27 6.15 4.65 8.64.2.2.5.2.7 0C9.73 11.15 12 7.64 12 5ZM7 1a4 4 0 0 1 4 4c0 1.06-.47 2.42-1.3 3.88A21.23 21.23 0 0 1 7 12.55c-1-1.1-1.97-2.39-2.7-3.67A8.46 8.46 0 0 1 3 5a4 4 0 0 1 4-4Z"
+      />
+    </>
+  ),
+  time: (
+    <>
+      <path d="M7 2c.28 0 .5.22.5.5v4H10a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5V2.5c0-.28.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  dashboard: (
+    <>
+      <path d="M9.8 4.1a.5.5 0 0 1 .1.7L7.92 7.58A1 1 0 1 1 7.1 7l2-2.8a.5.5 0 0 1 .7-.12Z" />
+      <path
+        fillRule="evenodd"
+        d="M2.07 12.97a7 7 0 1 1 9.86 0 12.96 12.96 0 0 0-9.86 0Zm9.58-1.18a6 6 0 1 0-9.3 0 13.98 13.98 0 0 1 9.3 0Z"
+      />
+    </>
+  ),
+  timer: (
+    <>
+      <path d="M7.5 4.5a.5.5 0 0 0-1 0v2.63a1 1 0 1 0 1 0V4.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M5.5.5c0-.28.22-.5.5-.5h2a.5.5 0 0 1 0 1h-.5v1.02c1.28.1 2.45.61 3.37 1.4l.78-.77a.5.5 0 0 1 .7.7l-.77.78a6 6 0 1 1-5.08-2.1V1H6a.5.5 0 0 1-.5-.5ZM7 3a5 5 0 1 0 0 10A5 5 0 0 0 7 3Z"
+      />
+    </>
+  ),
+  home: (
+    <>
+      <path d="m7.35 1.15 5.5 5.5a.5.5 0 0 1-.7.7L12 7.21v5.29a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9H6v3.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V7.2l-.15.15a.5.5 0 1 1-.7-.7l1-1 4.5-4.5c.2-.2.5-.2.7 0ZM3 6.2V12h2V8.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V12h2V6.2l-4-4-4 4Z" />
+    </>
+  ),
+  admin: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1.21 4.1a.5.5 0 0 1 .06-.04l5.48-3a.5.5 0 0 1 .5 0l5.48 3a.5.5 0 0 1 .27.39.5.5 0 0 1-.51.55H1.51a.5.5 0 0 1-.3-.9ZM3.46 4h7.08L7 2.07 3.46 4Z"
+      />
+      <path d="M4 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM11 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6ZM5.75 5.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM8.75 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM1.5 12.5c0-.27.22-.5.5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z" />
+    </>
+  ),
+  info: (
+    <>
+      <path d="M7 5.5c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM7 4.5A.75.75 0 1 0 7 3a.75.75 0 0 0 0 1.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  question: (
+    <>
+      <path d="M5.25 5.25A1.75 1.75 0 1 1 7 7a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 1 0V7.95a2.75 2.75 0 1 0-3.25-2.7.5.5 0 0 0 1 0ZM7 11.5A.75.75 0 1 0 7 10a.75.75 0 0 0 0 1.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  support: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.52 4.9a5.97 5.97 0 0 1-6.96 0l1.45-1.45a3.98 3.98 0 0 0 4.06 0l1.45 1.44Zm-.03-2.87 1.44 1.45a5.97 5.97 0 0 0 0-6.96l-1.44 1.45a3.98 3.98 0 0 1 0 4.06ZM9.03 3.55l1.45-1.44a5.97 5.97 0 0 0-6.96 0l1.45 1.44a3.98 3.98 0 0 1 4.06 0ZM3.55 4.97 2.11 3.52a5.97 5.97 0 0 0 0 6.96l1.44-1.45a3.98 3.98 0 0 1 0-4.06ZM10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      />
+    </>
+  ),
+  alert: (
+    <>
+      <path d="M7 4.5c.28 0 .5.22.5.5v3.5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM7.75 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M7.2 1.04a.5.5 0 0 1 .24.21l6.49 11a.5.5 0 0 1-.44.75H.51a.5.5 0 0 1-.5-.45.5.5 0 0 1 .06-.31l6.5-10.99a.5.5 0 0 1 .64-.2ZM7 2.48 1.38 12h11.24L7 2.48Z"
+      />
+    </>
+  ),
+  email: (
+    <>
+      <path d="M0 2.5c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-9Zm1 1.02V11h12V3.52L7.31 7.89a.5.5 0 0 1-.52.07.5.5 0 0 1-.1-.07L1 3.52ZM12.03 3H1.97L7 6.87 12.03 3Z" />
+    </>
+  ),
+  phone: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="m7.76 8.13-.05.05a.2.2 0 0 1-.28.03A6.76 6.76 0 0 1 5.8 6.56a.21.21 0 0 1 .04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 0 0-.51.13A3.23 3.23 0 0 0 .9 3.42c-.13 1.1.26 2.37 1.17 3.78a16.68 16.68 0 0 0 4.55 4.6 6.57 6.57 0 0 0 3.53 1.32A3.2 3.2 0 0 0 13 11.46c.14-.24.24-.64-.07-1.18a7.8 7.8 0 0 0-1.73-1.8c-.64-.5-1.52-1.12-2.13-1.12a.97.97 0 0 0-.34.06c-.47.17-.74.46-.95.69l-.02.02Zm4.32 2.68a6.8 6.8 0 0 0-1.48-1.54h-.02c-.3-.25-.64-.49-.95-.67a2.7 2.7 0 0 0-.56-.24h-.01c-.23.09-.34.21-.56.45l-.02.02-.04.04a1.2 1.2 0 0 1-1.6.15 7.76 7.76 0 0 1-1.86-1.89l-.01-.01-.02-.02a1.21 1.21 0 0 1 .2-1.53l.06-.06.02-.02c.22-.2.35-.31.43-.53v-.02c0-.02 0-.06-.03-.14a3.7 3.7 0 0 0-.5-.88h-.01V3.9c-.23-.33-.65-.87-1.1-1.32H4c-.31-.32-.55-.5-.72-.6a.6.6 0 0 0-.22-.1h-.03a2.23 2.23 0 0 0-1.15 1.66c-.09.78.18 1.8 1.02 3.1a15.68 15.68 0 0 0 4.27 4.33l.02.01.02.02a5.57 5.57 0 0 0 2.97 1.11 2.2 2.2 0 0 0 1.93-1.14h.01v-.05a.57.57 0 0 0-.05-.12Z"
+      />
+    </>
+  ),
+  link: (
+    <>
+      <path d="M11.84 2.16a2.25 2.25 0 0 0-3.18 0l-2.5 2.5c-.88.88-.88 2.3 0 3.18a.5.5 0 0 1-.7.7 3.25 3.25 0 0 1 0-4.59l2.5-2.5a3.25 3.25 0 0 1 4.59 4.6L10.48 8.1c.04-.44.01-.89-.09-1.32l1.45-1.45c.88-.88.88-2.3 0-3.18Z" />
+      <path d="M3.6 7.2c-.1-.42-.12-.87-.08-1.31L1.45 7.95a3.25 3.25 0 1 0 4.6 4.6l2.5-2.5a3.25 3.25 0 0 0 0-4.6.5.5 0 0 0-.7.7c.87.89.87 2.31 0 3.2l-2.5 2.5a2.25 2.25 0 1 1-3.2-3.2l1.46-1.44Z" />
+    </>
+  ),
+  unlink: (
+    <>
+      <path d="m1.45 7.95 1.3-1.3.71.7-1.3 1.3a2.25 2.25 0 1 0 3.18 3.2l1.3-1.31.71.7-1.3 1.3a3.25 3.25 0 0 1-4.6-4.59ZM12.55 6.05l-1.3 1.3-.71-.7 1.3-1.3a2.25 2.25 0 1 0-3.18-3.2l-1.3 1.31-.71-.7 1.3-1.3a3.25 3.25 0 0 1 4.6 4.59ZM1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z" />
+    </>
+  ),
+  bell: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M8 1.11a1 1 0 1 0-1.99 0A4.5 4.5 0 0 0 2.5 5.5v3.88l-.94 1.89a.5.5 0 0 0-.06.3.5.5 0 0 0 .51.43h3.58a1.5 1.5 0 1 0 2.82 0H12a.5.5 0 0 0 .45-.73l-.94-1.89V5.5A4.5 4.5 0 0 0 8 1.11ZM2.8 11h8.4l-.5-1H3.3l-.5 1Zm7.7-2V5.5a3.5 3.5 0 1 0-7 0V9h7Zm-4 3.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"
+      />
+    </>
+  ),
+  rss: (
+    <>
+      <path d="M1.5.5c0-.28.22-.5.5-.5a12 12 0 0 1 12 12 .5.5 0 0 1-1 0A11 11 0 0 0 2 1a.5.5 0 0 1-.5-.5Z" />
+      <path d="M1.5 4.5c0-.28.22-.5.5-.5a8 8 0 0 1 8 8 .5.5 0 0 1-1 0 7 7 0 0 0-7-7 .5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M5 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+      />
+    </>
+  ),
+  sharealt: (
+    <>
+      <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z" />
+      <path d="M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z" />
+    </>
+  ),
+  share: (
+    <>
+      <path d="M6.65.15c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7L7.5 1.72v6.8a.5.5 0 0 1-1 0V1.7L5.35 2.86a.5.5 0 1 1-.7-.71l2-2Z" />
+      <path d="M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9.5a.5.5 0 1 0 0 1H12v7H2V5h2.5a.5.5 0 0 0 0-1H2Z" />
+    </>
+  ),
+  circlehollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M7 13A6 6 0 1 0 7 1a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 7 0a7 7 0 0 0 0 14Z"
+      />
+    </>
+  ),
+  circle: <path d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z" />,
+  bookmarkhollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5ZM4 12.41l2.66-2.28a.45.45 0 0 1 .38-.13c.1.01.2.05.29.12l2.67 2.3V1H4v11.41Z"
+      />
+    </>
+  ),
+  bookmark: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5Z"
+      />
+    </>
+  ),
+  hearthollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59ZM1.2 3.53A2.2 2.2 0 0 1 2.57 2.2M1.2 3.53c-.13.33-.2.72-.2 1.18 0 .22.03.45.1.68a3.97 3.97 0 0 0 .79 1.46c.19.23.38.45.59.65l4.51 4.36 4.52-4.35c.2-.2.4-.4.59-.65.18-.23.34-.47.49-.73.13-.23.23-.48.3-.73.08-.23.11-.46.11-.7 0-.45-.07-.84-.2-1.18-.12-.33-.3-.6-.51-.8v-.01c-.22-.2-.5-.38-.85-.51-.34-.13-.75-.2-1.24-.2-.2 0-.4.03-.6.09a4.95 4.95 0 0 0-1.9 1.22l-.68.67-.7-.65a9.97 9.97 0 0 0-.62-.53c-.2-.16-.42-.3-.63-.42h-.01c-.21-.12-.43-.22-.66-.29C4.2 2.03 4 2 3.77 2c-.48 0-.88.07-1.21.2"
+      />
+    </>
+  ),
+  heart: (
+    <>
+      <path d="M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59Z" />
+    </>
+  ),
+  starhollow: (
+    <>
+      <path d="M6.32.78a.75.75 0 0 1 1.36 0l1.63 3.54 3.87.46c.63.07.89.86.42 1.3l-2.86 2.64.76 3.81a.75.75 0 0 1-1.1.8L7 11.43l-3.4 1.9a.75.75 0 0 1-1.1-.8l.76-3.81L.4 6.07a.75.75 0 0 1 .42-1.3l3.87-.45L6.32.78ZM7 1.7 5.54 4.86c-.11.24-.34.4-.6.43l-3.46.42 2.56 2.37c.2.17.28.44.23.7l-.68 3.42 3.04-1.7c.23-.14.5-.14.74 0l3.04 1.7-.68-3.43a.75.75 0 0 1 .23-.7l2.56-2.36-3.47-.42a.75.75 0 0 1-.59-.43L7 1.7Z" />
+    </>
+  ),
+  star: (
+    <>
+      <path d="M7.68.78a.75.75 0 0 0-1.36 0L4.69 4.32l-3.87.46a.75.75 0 0 0-.42 1.3l2.86 2.64-.76 3.81a.75.75 0 0 0 1.1.8l3.4-1.9 3.4 1.9a.75.75 0 0 0 1.1-.8l-.76-3.81 2.86-2.65a.75.75 0 0 0-.42-1.3L9.3 4.33 7.68.78Z" />
+    </>
+  ),
+  certificate: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10 7.85A4.49 4.49 0 0 0 7 0a4.5 4.5 0 0 0-3 7.85V13a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.15L7 11.21l2.15 2.14A.5.5 0 0 0 10 13V7.85ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.35 2.15c.2-.2.5-.2.7 0L9 11.79V8.53a4.48 4.48 0 0 1-4 0v3.26l1.65-1.64Z"
+      />
+    </>
+  ),
+  verified: (
+    <>
+      <path d="M6.56 13.12a1 1 0 0 1 .88 0l.98.49a1 1 0 0 0 1.31-.43l.52-.97a1 1 0 0 1 .7-.51l1.08-.2a1 1 0 0 0 .81-1.1l-.15-1.1a1 1 0 0 1 .27-.82l.76-.8a1 1 0 0 0 0-1.37l-.76-.79a1 1 0 0 1-.27-.83l.15-1.08a1 1 0 0 0-.8-1.12l-1.09-.19a1 1 0 0 1-.7-.5L9.73.81A1 1 0 0 0 8.43.4l-1 .49a1 1 0 0 1-.87 0L5.58.39a1 1 0 0 0-1.31.43l-.52.97a1 1 0 0 1-.7.51l-1.08.2a1 1 0 0 0-.81 1.1l.15 1.1a1 1 0 0 1-.27.82l-.76.8a1 1 0 0 0 0 1.37l.76.79a1 1 0 0 1 .27.83l-.15 1.08a1 1 0 0 0 .8 1.12l1.09.19a1 1 0 0 1 .7.5l.52.98a1 1 0 0 0 1.3.43l1-.49Zm4.3-8.47c.19.2.19.5 0 .7l-4.5 4.5a.5.5 0 0 1-.71 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  thumbsup: (
+    <>
+      <path d="M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.5 5.5 0 0 1-1.3-.16c-.42-.1-.91-.25-1.47-.45-.3-.12-.63-.21-.95-.27H2.88a.84.84 0 0 1-.62-.26.84.84 0 0 1-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 0 1 .62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 0 1 .62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7a2.94 2.94 0 0 1 .21 1.58 3 3 0 0 1-.3 1h1.2c.47 0 .88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98.07.54-.07 1.08-.4 1.51a1.9 1.9 0 0 1-.57 1.5Zm.47-5.33a.96.96 0 0 0 .03-.25.74.74 0 0 0-.23-.51.68.68 0 0 0-.52-.23H7.93l.73-1.45a2 2 0 0 0 .21-.87c0-.44-.07-.7-.13-.82a.53.53 0 0 0-.24-.24 1.3 1.3 0 0 0-.54-.12.99.99 0 0 0-.14.28c-.08.27-.13.52-.18.76-.06.38-.2.77-.48 1.07v.01l-.02.01c-.2.2-.4.46-.67.8l-.61.76c-.15.17-.35.38-.54.51l-.26.18H5v4.13h.02c.38.08.76.18 1.12.32.53.2.98.33 1.35.42.36.09.71.13 1.07.13h.88c.43 0 .68-.11.87-.29a.9.9 0 0 0 .26-.7l-.02-.37.22-.3c.17-.23.25-.5.2-.78l-.04-.33.17-.3a.97.97 0 0 0 .13-.48c0-.09 0-.13-.02-.15l-.15-.46.26-.4c.1-.15.13-.25.15-.33ZM3.5 10.8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+    </>
+  ),
+  shield: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.76 2.08a.5.5 0 0 1 .24.42v6a.5.5 0 0 1-.17.38l-4.5 3.99a.5.5 0 0 1-.67 0l-4.49-4A.5.5 0 0 1 2 8.5V2.5c0-.18.1-.34.24-.42l.01-.02a2.5 2.5 0 0 1 .3-.16c.22-.1.52-.24.92-.37C4.27 1.26 5.44 1 7 1c1.56 0 2.73.26 3.53.53a6.97 6.97 0 0 1 1.22.53l.01.02ZM3 2.79v5.49l1.07.94 6.59-6.58-.44-.17C9.52 2.24 8.44 2 7 2c-1.44 0-2.52.24-3.22.47-.35.12-.6.24-.78.32Zm4 9.04L4.82 9.9 11 3.71v4.57l-4 3.55Z"
+      />
+    </>
+  ),
+  basket: (
+    <>
+      <path d="M10.35 2.85a.5.5 0 1 0-.7-.7l-3 3a.5.5 0 1 0 .7.7l3-3Z" />
+      <path d="M2.09 6H4.5a.5.5 0 0 0 0-1H1.8a.75.75 0 0 0-.74.87l.8 4.88A1.5 1.5 0 0 0 3.36 12h7.3a1.5 1.5 0 0 0 1.48-1.25l.81-4.88A.75.75 0 0 0 12.2 5H10a.5.5 0 0 0 0 1h1.91l-.76 4.58a.5.5 0 0 1-.5.42h-7.3a.5.5 0 0 1-.5-.42L2.1 6Z" />
+      <path d="M4.5 7c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 7.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2ZM6.5 9.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0Z" />
+    </>
+  ),
+  beaker: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M4.5 2h.75v3.87l-3.03 5.26c-.48.83.12 1.87 1.08 1.87h7.4c.96 0 1.57-1.04 1.08-1.87L8.75 5.87V2h.75a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1Zm1.75 4V2h1.5v4.13l.07.12 1 1.75H5.18l1.01-1.75.07-.12V6ZM4.6 9l-1.52 2.63c-.1.16.03.37.22.37h7.4c.2 0 .31-.2.22-.37L9.4 9H4.6Z"
+      />
+    </>
+  ),
+  hourglass: (
+    <>
+      <path d="M7.5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.5 1a.5.5 0 0 0-.5.5c0 1.06.14 1.9.68 2.97.34.7.86 1.5 1.6 2.53a16.53 16.53 0 0 0-1.8 2.96A6 6 0 0 0 3 12.49v.01a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 6 6 0 0 0-.48-2.54c-.34-.8-.9-1.71-1.8-2.96a19.78 19.78 0 0 0 1.6-2.53c.54-1.08.68-1.9.68-2.97a.5.5 0 0 0-.5-.5h-7Zm6.49 11a4.68 4.68 0 0 0-.39-1.65c-.27-.65-.73-1.4-1.5-2.5a133 133 0 0 1-.75 1 .5.5 0 0 1-.56.1.5.5 0 0 1-.2-.16l-.7-.94a14.36 14.36 0 0 0-1.5 2.5A4.68 4.68 0 0 0 4.02 12H10ZM6.3 6.72l.7.94a90.06 90.06 0 0 0 .7-.96c.49-.67.87-1.22 1.17-1.7H5.13A32.67 32.67 0 0 0 6.3 6.72ZM4.56 4h4.88c.36-.73.5-1.31.55-2H4c.04.69.19 1.27.55 2Z"
+      />
+    </>
+  ),
+  flag: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.5 1h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V8h8.5a.5.5 0 0 0 .35-.85L9.21 4.5l2.64-2.65A.5.5 0 0 0 11.5 1ZM8.15 4.15 10.29 2H3v5h7.3L8.14 4.85a.5.5 0 0 1 0-.7Z"
+      />
+    </>
+  ),
+  cloudhollow: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10 7V6a3 3 0 0 0-5.9-.74l-.18.68-.7.07A2.5 2.5 0 0 0 3.5 11h3.19l.07-.01h.08L7 11h4a2 2 0 1 0 0-4h-1ZM3.12 5.02A3.5 3.5 0 0 0 3.5 12H11a3 3 0 1 0 0-6 4 4 0 0 0-7.88-.98Z"
+      />
+    </>
+  ),
+  cloud: <path d="M7 2a4 4 0 0 1 4 4 3 3 0 1 1 0 6H3.5a3.5 3.5 0 0 1-.38-6.98A4 4 0 0 1 7 2Z" />,
+  edit: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="m13.85 2.15-2-2a.5.5 0 0 0-.7 0l-1.5 1.5-9 9a.5.5 0 0 0-.14.26L0 13.39a.5.5 0 0 0 .14.46.5.5 0 0 0 .46.14l2.48-.5a.5.5 0 0 0 .27-.14l9-9 1.5-1.5a.5.5 0 0 0 0-.7ZM12 3.29l.8-.79-1.3-1.3-.8.8L12 3.3Zm-2-.58L1.7 11 3 12.3 11.3 4 10 2.7ZM1.14 12.86l.17-.85.68.68-.85.17Z"
+      />
+    </>
+  ),
+  cog: (
+    <>
+      <path
+        d="M5.59 5.59a2 2 0 0 1 3.27 2.14.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 1 0-.36-.94A2 2 0 0 1 5.6 5.6Z"
+        fill="#333"
+      />
+      <path
+        fillRule="evenodd"
+        d="M.94 6.53c.13.12.19.3.18.46 0 .17-.05.34-.18.47L0 8.39c.19.94.55 1.81 1.07 2.58h1.32c.18 0 .34.07.46.2.12.11.2.27.2.45v1.32c.76.51 1.62.88 2.55 1.06l.94-.94a.63.63 0 0 1 .45-.19h.03c.16 0 .33.07.45.19l.94.94a7.1 7.1 0 0 0 2.55-1.06v-1.33c0-.18.07-.35.2-.46.11-.12.27-.2.45-.2h1.33A7.1 7.1 0 0 0 14 8.4l-.95-.94a.64.64 0 0 1-.18-.47c0-.17.06-.34.18-.46l.95-.95a7.1 7.1 0 0 0-1.05-2.52h-1.34a.63.63 0 0 1-.46-.2.64.64 0 0 1-.2-.46V1.06A7.1 7.1 0 0 0 8.42 0l-.94.94a.63.63 0 0 1-.45.19H7a.63.63 0 0 1-.45-.19L5.6 0a7.1 7.1 0 0 0-2.56 1.06v1.33c0 .18-.07.34-.2.46a.63.63 0 0 1-.45.2H1.06A7.1 7.1 0 0 0 0 5.59l.94.94Zm.7 1.63c.33-.32.49-.75.48-1.17 0-.42-.15-.85-.47-1.17l-.54-.54c.12-.43.3-.85.51-1.23h.77c.46 0 .87-.2 1.17-.5.3-.29.48-.7.48-1.16v-.77c.4-.22.81-.39 1.25-.52l.54.55c.33.32.75.48 1.16.48h.03c.42 0 .84-.16 1.16-.48l.54-.54c.44.12.85.3 1.24.5v.8c0 .45.19.87.49 1.16.3.3.7.5 1.16.5h.78c.2.37.38.78.5 1.2l-.54.55c-.33.32-.49.75-.48 1.17 0 .42.15.85.48 1.17l.55.55c-.13.44-.3.85-.52 1.24h-.77c-.45 0-.87.2-1.16.5-.3.29-.5.7-.5 1.16v.77c-.38.21-.8.39-1.23.51l-.54-.54a1.64 1.64 0 0 0-1.16-.48H7c-.41 0-.83.16-1.16.48l-.54.55a6.1 6.1 0 0 1-1.25-.52v-.76c0-.45-.19-.87-.48-1.16-.3-.3-.71-.5-1.17-.5h-.76a6.1 6.1 0 0 1-.53-1.25l.55-.55Z"
+      />
+    </>
+  ),
+  nut: (
+    <>
+      <path d="M5.59 8.41a2 2 0 1 1 3.27-.68.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 0 0-.36-.94 2 2 0 0 1-2.14-.45Z" />
+      <path
+        fillRule="evenodd"
+        d="M6.5.29a1 1 0 0 1 1 0l5.06 2.92c.31.18.5.51.5.87v5.84a1 1 0 0 1-.5.87L7.5 13.7a1 1 0 0 1-1 0L1.44 10.8a1 1 0 0 1-.5-.87V4.08a1 1 0 0 1 .5-.87L6.5.3Zm.5.86 5.06 2.93v5.84L7 12.85 1.94 9.92V4.08L7 1.15Z"
+      />
+    </>
+  ),
+  wrench: (
+    <>
+      <path d="M10.5 1c.44 0 .56.52.25.83l-.8.81c-.2.2-.2.52 0 .72l.69.7c.2.2.52.2.72 0l.8-.81c.32-.31.84-.2.84.25a2.5 2.5 0 0 1-3.41 2.33L2.7 12.7a1 1 0 0 1-1.42-1.42l6.88-6.88A2.5 2.5 0 0 1 10.5 1ZM2 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+    </>
+  ),
+  ellipsis: (
+    <>
+      <path d="M4 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" />
+    </>
+  ),
+  check: (
+    <>
+      <path d="M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z" />
+    </>
+  ),
+  form: (
+    <>
+      <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6.4a.5.5 0 0 0-1 0V12H2V2h7.5a.5.5 0 0 0 0-1H2Z" />
+      <path d="m6.35 9.86 7.5-7.5a.5.5 0 0 0-.7-.71L6 8.8 3.85 6.65a.5.5 0 1 0-.7.7l2.5 2.5c.2.2.5.2.7 0Z" />
+    </>
+  ),
+  batchdeny: (
+    <>
+      <path d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.646.646a.5.5 0 0 1 0 .708L5.207 7l3.647 3.646a.5.5 0 0 1-.708.708L4.5 7.707.854 11.354a.5.5 0 0 1-.708-.708L3.793 7 .146 3.354a.5.5 0 1 1 .708-.708L4.5 6.293l3.646-3.647a.5.5 0 0 1 .708 0ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z" />
+    </>
+  ),
+  batchaccept: (
+    <>
+      <path d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z" />
+    </>
+  ),
+  controls: (
+    <>
+      <path d="M10.5 1c.28 0 .5.22.5.5V2h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V3H1.5a.5.5 0 0 1 0-1H10v-.5c0-.28.22-.5.5-.5ZM1.5 11a.5.5 0 0 0 0 1H10v.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H11v-.5a.5.5 0 0 0-1 0v.5H1.5ZM1 7c0-.28.22-.5.5-.5H3V6a.5.5 0 0 1 1 0v.5h8.5a.5.5 0 0 1 0 1H4V8a.5.5 0 0 1-1 0v-.5H1.5A.5.5 0 0 1 1 7Z" />
+    </>
+  ),
+  plus: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0v6h-6a.5.5 0 0 0 0 1h6v6a.5.5 0 0 0 1 0v-6h6a.5.5 0 0 0 0-1h-6v-6Z" />
+    </>
+  ),
+  closeAlt: (
+    <>
+      <path d="M2.03.97A.75.75 0 0 0 .97 2.03L5.94 7 .97 11.97a.75.75 0 1 0 1.06 1.06L7 8.06l4.97 4.97a.75.75 0 1 0 1.06-1.06L8.06 7l4.97-4.97A.75.75 0 0 0 11.97.97L7 5.94 2.03.97Z" />
+    </>
+  ),
+  cross: (
+    <>
+      <path d="M1.85 1.15a.5.5 0 1 0-.7.7L6.29 7l-5.14 5.15a.5.5 0 0 0 .7.7L7 7.71l5.15 5.14a.5.5 0 0 0 .7-.7L7.71 7l5.14-5.15a.5.5 0 0 0-.7-.7L7 6.29 1.85 1.15Z" />
+    </>
+  ),
+  trash: (
+    <>
+      <path d="M5.5 4.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM9 5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V5Z" />
+      <path
+        fillRule="evenodd"
+        d="M4.5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5V2h3a.5.5 0 0 1 0 1H12v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h-.5a.5.5 0 0 1 0-1h3V.5ZM3 3v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3H3Zm2.5-2h3v1h-3V1Z"
+      />
+    </>
+  ),
+  pinalt: (
+    <>
+      <path d="M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5 5H3.66A4 4 0 0 0 .83 6.17l-.48.48a.5.5 0 0 0 0 .7l2.8 2.8-3 3a.5.5 0 0 0 .7.7l3-3 2.8 2.8c.2.2.5.2.7 0l.48-.48A4 4 0 0 0 9 10.34V9l2-2c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM11 5.59l-3 3v1.75a3 3 0 0 1-.88 2.12L7 12.6 1.41 7l.13-.12A3 3 0 0 1 3.66 6H5.4l3-3-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6Z" />
+    </>
+  ),
+  unpin: (
+    <>
+      <path d="M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5.7 4.3l.71.7 2-2-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6l-2 2 .7.7L11 7c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM.83 6.17A4 4 0 0 1 3.59 5l1 1h-.93a3 3 0 0 0-2.12.88L1.4 7 7 12.59l.12-.13A3 3 0 0 0 8 10.34v-.93l1 1a4 4 0 0 1-1.17 2.76l-.48.48a.5.5 0 0 1-.7 0l-2.8-2.8-3 3a.5.5 0 0 1-.7-.7l3-3-2.8-2.8a.5.5 0 0 1 0-.7l.48-.48Zm1.02-5.02a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z" />
+    </>
+  ),
+  add: (
+    <>
+      <path d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  subtract: (
+    <>
+      <path d="M3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  close: (
+    <>
+      <path d="M9.85 4.15c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
+      />
+    </>
+  ),
+  delete: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0a6 6 0 0 1-9.87 4.58l8.45-8.45A5.98 5.98 0 0 1 13 7ZM2.42 10.87l8.45-8.45a6 6 0 0 0-8.46 8.46Z"
+      />
+    </>
+  ),
+  passed: (
+    <>
+      <path d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm3.85-9.35c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  changed: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z"
+      />
+    </>
+  ),
+  failed: (
+    <>
+      <path d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.85-9.85c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z" />
+    </>
+  ),
+  clear: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M5 2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-1.41-.59l-3-3a2 2 0 0 1 0-2.82l3-3A2 2 0 0 1 5 2Zm1.15 3.15c.2-.2.5-.2.7 0L8 6.29l1.15-1.14a.5.5 0 1 1 .7.7L8.71 7l1.14 1.15a.5.5 0 0 1-.7.7L8 7.71 6.85 8.85a.5.5 0 1 1-.7-.7L7.29 7 6.15 5.85a.5.5 0 0 1 0-.7Z"
+      />
+    </>
+  ),
+  comment: (
+    <>
+      <path d="M3.5 5a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-7ZM3 8.5c0-.27.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12.5 12H5.7l-1.85 1.86a.5.5 0 0 1-.35.14.5.5 0 0 1-.5-.5V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5ZM2 11V3h10v8H2Z"
+      />
+    </>
+  ),
+  commentadd: (
+    <>
+      <path d="M7.5 5a.5.5 0 1 0-1 0v1.5H5a.5.5 0 1 0 0 1h1.5V9a.5.5 0 0 0 1 0V7.5H9a.5.5 0 0 0 0-1H7.5V5Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z"
+      />
+    </>
+  ),
+  requestchange: (
+    <>
+      <path d="M9.85 6.65c.2.2.2.51 0 .7l-2 2a.5.5 0 1 1-.7-.7L8.3 7.5H4.5a.5.5 0 0 1 0-1h3.79L7.15 5.36a.5.5 0 1 1 .7-.71l2 2Z" />
+      <path
+        fillRule="evenodd"
+        d="M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z"
+      />
+    </>
+  ),
+  comments: (
+    <>
+      <path d="M8.5 7a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM9 8.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5c.28 0 .5.23.5.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12 11.5V10h1.5a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v8c0 .28.22.5.5.5H2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.14L4.71 12h6.79a.5.5 0 0 0 .5-.5ZM3 3V2h10v7h-1V3.5a.5.5 0 0 0-.5-.5H3Zm-2 8V4h10v7H1Z"
+      />
+    </>
+  ),
+  lock: (
+    <>
+      <path d="M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z" />
+      <path
+        fillRule="evenodd"
+        d="M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z"
+      />
+    </>
+  ),
+  unlock: (
+    <>
+      <path d="M6.5 8.87a1 1 0 1 1 1 0v1.63a.5.5 0 0 1-1 0V8.87Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7 1a3 3 0 0 0-3 3v1h8.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4a4 4 0 0 1 7.76-1.38.5.5 0 0 1-.94.34A3 3 0 0 0 7 1ZM2 6h10v7H2V6Z"
+      />
+    </>
+  ),
+  key: (
+    <>
+      <path d="M11 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
+      <path
+        fillRule="evenodd"
+        d="M7.5 8.53v.97a.5.5 0 0 1-.5.5H5.5v1.5a.5.5 0 0 1-.5.5H3.5v1.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .15-.36l5.12-5.11a4.5 4.5 0 1 1 2.23 2.5ZM6 4.5a3.5 3.5 0 1 1 1.5 2.87c-.29-.2-1-.37-1 .48V9H5a.5.5 0 0 0-.5.5V11H3a.5.5 0 0 0-.5.5V13H1v-1.3l5.2-5.19c.15-.16.18-.4.1-.6A3.47 3.47 0 0 1 6 4.5Z"
+      />
+    </>
+  ),
+  outbox: (
+    <>
+      <path d="M7.35.15a.5.5 0 0 0-.7 0l-2 2a.5.5 0 1 0 .7.7L6.5 1.72v6.8a.5.5 0 0 0 1 0V1.7l1.15 1.15a.5.5 0 1 0 .7-.71l-2-2Z" />
+      <path d="M2 7.5a.5.5 0 1 0-1 0v5c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-1 0V12H2V7.5Z" />
+    </>
+  ),
+  credit: (
+    <>
+      <path d="M2.5 8a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3Z" />
+      <path
+        fillRule="evenodd"
+        d="M0 11.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v9ZM1 3v1h12V3H1Zm0 8h12V6H1v5Z"
+      />
+    </>
+  ),
+  button: (
+    <>
+      <path d="M1 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3.5a.5.5 0 1 0 0-1H1V4h12v5h-1a.5.5 0 0 0 0 1h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Z" />
+      <path d="M6.45 7a.5.5 0 0 1 .3.08l3.48 2.02a.5.5 0 0 1 0 .87l-1.08.62.75 1.3a.75.75 0 0 1-1.3.75l-.75-1.3-1.07.62a.5.5 0 0 1-.67-.13.5.5 0 0 1-.1-.3L6 7.5a.5.5 0 0 1 .45-.5Z" />
+    </>
+  ),
+  type: (
+    <>
+      <path d="M4 1.5c0-.27.22-.5.5-.5h5a.5.5 0 1 1 0 1h-2v10h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2V2h-2a.5.5 0 0 1-.5-.5Z" />
+      <path d="M0 4.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H1v4h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-5ZM9.5 4a.5.5 0 1 0 0 1H13v4H9.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-4Z" />
+    </>
+  ),
+  pointerdefault: (
+    <>
+      <path d="M5.94 12.46c.11 0 .2-.06.25-.15l1.58-3.16 2.54 2.54c.04.05.1.07.19.07a.3.3 0 0 0 .2-.07l.8-.8a.27.27 0 0 0 0-.38L8.9 7.9l3.4-1.7c.06-.03.1-.07.12-.11a.22.22 0 0 0 .04-.14.33.33 0 0 0-.06-.16.17.17 0 0 0-.09-.07h-.02L1.91 1.55a.27.27 0 0 0-.35.36l4.15 10.37c.04.09.12.16.23.17Zm-.03 1h-.02a1.28 1.28 0 0 1-1.1-.8L.62 2.29A1.27 1.27 0 0 1 2.3.63l10.35 4.15c.52.18.79.65.81 1.11.04.53-.27.98-.7 1.2l-2.17 1.08L12.2 9.8c.5.5.5 1.3 0 1.8l-.8.8v.01c-.5.46-1.3.48-1.8-.01l-1.56-1.56-.95 1.92c-.23.45-.68.7-1.15.7h-.03Z" />
+    </>
+  ),
+  pointerhand: (
+    <>
+      <path d="M11.87 6v-.02c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47V5.17a.6.6 0 0 0 0-.05c-.02-.27-.23-.5-.47-.5a.5.5 0 0 0-.52.5v1.65l-.01.1a.49.49 0 0 1-.46.37.48.48 0 0 1-.47-.47V4.62a.6.6 0 0 0 0-.05c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 0 1-.47-.47V1.75c-.02-.27-.22-.5-.47-.5a.5.5 0 0 0-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47v-.26a.78.78 0 0 0-.06-.31.65.65 0 0 0-.16-.22l-.2-.19A6.37 6.37 0 0 0 3.06 7h-.02c-.43-.34-.62-.25-.69-.2-.26.14-.29.5-.13.74l1.73 2.6v.01h-.01l-.04.02.05-.02s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.04-.6.04-1.19.03-1.78V6Zm.97 2.38c-.06 1.29-.26 2.67-1.08 3.72-.88 1.12-2.29 1.65-4.23 1.65a4.64 4.64 0 0 1-3.4-1.62 6.96 6.96 0 0 1-1.05-1.5v-.02L1.4 8.1A1.6 1.6 0 0 1 1.15 7c.05-.38.26-.8.69-1.04.2-.13.48-.23.85-.19.36.05.68.22.98.45.14.1.27.22.4.33v-4.8A1.5 1.5 0 0 1 5.63.25c.93.04 1.43.86 1.43 1.55v1.33c.17-.05.35-.07.53-.06h.02c.5.04.91.33 1.15.71a1.5 1.5 0 0 1 .74-.16c.66.03 1.12.46 1.32.97a1.5 1.5 0 0 1 .64-.1h.02c.85.06 1.39.8 1.39 1.55v.48c0 .6 0 1.24-.03 1.86Z" />
+    </>
+  ),
+  browser: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5H.5Zm.5-1V4h12v8H1Zm1-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+      />
+    </>
+  ),
+  tablet: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 0C2.67 0 2 .68 2 1.5v11c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-11c0-.82-.67-1.5-1.5-1.5h-7Zm0 1h7c.28 0 .5.23.5.5V11H3V1.5c0-.27.22-.5.5-.5ZM6 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H6Z"
+      />
+    </>
+  ),
+  mobile: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 1.5C3 .68 3.67 0 4.5 0h5c.83 0 1.5.68 1.5 1.5v11c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 12.5v-11ZM4 12V2h6v10H4Z"
+      />
+    </>
+  ),
+  watch: (
+    <>
+      <path
+        key="watch"
+        fillRule="evenodd"
+        d="M4 .5c0-.27.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 4 .5ZM9.5 3h-5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5Zm-5-1C3.67 2 3 2.68 3 3.5v7c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-7c0-.82-.67-1.5-1.5-1.5h-5ZM7 4c.28 0 .5.23.5.5v2h1a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5V4.5c0-.27.22-.5.5-.5Zm-2.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z"
+      />
+    </>
+  ),
+  sidebar: (
+    <>
+      <path d="M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2ZM6 2h6v10H6V2Z"
+      />
+    </>
+  ),
+  sidebaralt: (
+    <>
+      <path d="M9.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM10 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h6v10H2ZM9 2h3v10H9V2Z"
+      />
+    </>
+  ),
+  sidebaralttoggle: (
+    <>
+      <path d="M11.5 4.5A.5.5 0 0 0 11 4h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5ZM11 6a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm.5 2.5A.5.5 0 0 0 11 8h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11ZM9 12h3V2H9v10Zm-1 0H2V2h6v4.5H5.2l.66-.65a.5.5 0 1 0-.71-.7l-1.5 1.5a.5.5 0 0 0 0 .7l1.5 1.5a.5.5 0 1 0 .7-.7l-.64-.65H8V12Z"
+      />
+    </>
+  ),
+  sidebartoggle: (
+    <>
+      <path d="M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2Zm4 0V7.5h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6V2h6v10H6Z"
+      />
+    </>
+  ),
+  bottombar: (
+    <>
+      <path d="M3 10.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 8V2h10v6H2Zm10 1v3H2V9h10Z"
+      />
+    </>
+  ),
+  bottombartoggle: (
+    <>
+      <path d="M3.5 10a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 12.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5Zm1-.5V9h10v3H2Zm4.5-4H2V2h10v6H7.5V5.21l.65.65a.5.5 0 1 0 .7-.71l-1.5-1.5a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64v2.8Z"
+      />
+    </>
+  ),
+  cpu: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M5 5.5c0-.27.22-.5.5-.5h3c.28 0 .5.23.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3ZM6 8V6h2v2H6Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M5.5 0c.28 0 .5.23.5.5V2h2V.5a.5.5 0 0 1 1 0V2h2.5c.28 0 .5.23.5.5V5h1.5a.5.5 0 0 1 0 1H12v2h1.5a.5.5 0 0 1 0 1H12v2.5a.5.5 0 0 1-.5.5H9v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12H2.5a.5.5 0 0 1-.5-.5V9H.5a.5.5 0 0 1 0-1H2V6H.5a.5.5 0 0 1 0-1H2V2.5c0-.27.22-.5.5-.5H5V.5c0-.27.22-.5.5-.5ZM11 3H3v8h8V3Z"
+      />
+    </>
+  ),
+  database: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M12 3c0-1.1-2.24-2-5-2s-5 .9-5 2v8c0 .43.26.75.54.98.3.23.68.41 1.12.55.88.3 2.06.47 3.34.47 1.28 0 2.46-.17 3.34-.46.44-.15.83-.33 1.12-.56.28-.23.54-.55.54-.98V3Zm-1.03 0a2.45 2.45 0 0 0-.8-.49A8.88 8.88 0 0 0 7 2c-1.29 0-2.4.21-3.16.51a2.45 2.45 0 0 0-.81.49l.05.05c.13.13.37.28.76.44C4.6 3.79 5.7 4 7 4s2.4-.21 3.16-.51a2.45 2.45 0 0 0 .81-.49ZM11 5.75V4.2A8.9 8.9 0 0 1 7 5a8.98 8.98 0 0 1-4-.8v1.55l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 6.75a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03v-.01ZM3 7.01c.2.1.42.2.66.28.88.29 2.06.46 3.34.46 1.28 0 2.46-.17 3.34-.46.24-.08.46-.17.66-.28V8.5l-.02.04a.62.62 0 0 1-.14.15c-.17.13-.44.27-.82.4A10 10 0 0 1 7 9.5a10 10 0 0 1-3.02-.41 2.76 2.76 0 0 1-.82-.4.62.62 0 0 1-.14-.15.15.15 0 0 1-.02-.03V7Zm0 2.75V11l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 12a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03V9.76c-.2.1-.42.2-.66.28-.88.29-2.06.46-3.34.46-1.28 0-2.46-.17-3.34-.46A4.77 4.77 0 0 1 3 9.76Z"
+      />
+    </>
+  ),
+  memory: (
+    <>
+      <path d="M5 3a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V3Zm2-.5c.28 0 .5.22.5.5v3a.5.5 0 0 1-1 0V3c0-.28.22-.5.5-.5Zm3 2a.5.5 0 1 0-1 0V6a.5.5 0 0 0 1 0V4.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M12 3.54a.5.5 0 0 0-.15-.39l-3-3a.5.5 0 0 0-.38-.14H2.5a.5.5 0 0 0-.5.5v13c0 .27.22.5.5.5h9a.5.5 0 0 0 .5-.5V3.53ZM3 1h5.3L11 3.71v5.3H3V1Zm0 9v3h8v-3H3Z"
+      />
+    </>
+  ),
+  structure: (
+    <>
+      <path d="M8.16 3.45a1.5 1.5 0 1 0-2.33 0l-4.02 6.58A1.5 1.5 0 1 0 2.91 12h8.18a1.5 1.5 0 1 0 1.1-1.97L8.16 3.45Zm-1.47.52a1.5 1.5 0 0 0 .62 0l4.03 6.58c-.11.14-.2.29-.25.45H2.9a1.5 1.5 0 0 0-.25-.45L6.7 3.97Z" />
+    </>
+  ),
+  box: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="m7.21.05 6.49 2.99a.5.5 0 0 1 .3.47v6.98a.5.5 0 0 1-.3.47l-6.47 2.98a.5.5 0 0 1-.46 0L.3 10.96a.5.5 0 0 1-.3-.47V3.5a.5.5 0 0 1 .3-.47L6.79.05a.5.5 0 0 1 .43 0ZM1 4.28v5.9l5.5 2.54v-5.9L1 4.28Zm6.5 8.44 5.5-2.54v-5.9L7.5 6.82v5.9Zm4.8-9.22L7 5.95 1.7 3.5 7 1.05l5.3 2.45Z"
+      />
+    </>
+  ),
+  power: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Z" />
+      <path d="M4.27 2.8a.5.5 0 0 0-.54-.83 6 6 0 1 0 6.54 0 .5.5 0 0 0-.54.84 5 5 0 1 1-5.46 0Z" />
+    </>
+  ),
+  photo: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6.25 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M13 1.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5ZM2 9.3V2h10v5.3L9.85 5.15a.5.5 0 0 0-.7 0L6.5 7.8 5.35 6.65a.5.5 0 0 0-.7 0L2 9.3Zm7.5-3.1L12 8.7V12H2v-1.3l3-3 3.15 3.15a.5.5 0 0 0 .7-.71L7.21 8.5 9.5 6.21Z"
+      />
+    </>
+  ),
+  component: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 1A2.5 2.5 0 0 0 1 3.5v7A2.5 2.5 0 0 0 3.5 13h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 10.5 1h-7ZM12 6.5H7.5V2h3c.83 0 1.5.68 1.5 1.5v3Zm0 1v3c0 .83-.67 1.5-1.5 1.5h-3V7.5H12ZM6.5 12V7.5H2v3c0 .83.67 1.5 1.5 1.5h3ZM2 6.5h4.5V2h-3C2.67 2 2 2.68 2 3.5v3Z"
+      />
+    </>
+  ),
+  grid: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 1.5c0-.27.22-.5.5-.5H6c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5Zm1 4V2h3.5v3.5H2Zm5.5-4c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V1.5Zm1 4V2H12v3.5H8.5Zm-7 2A.5.5 0 0 0 1 8v4.5c0 .28.22.5.5.5H6a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H1.5Zm.5 1V12h3.5V8.5H2ZM7.5 8c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5v4.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V8Zm1 4V8.5H12V12H8.5Z"
+      />
+    </>
+  ),
+  outline: (
+    <>
+      <path d="M2 2v2H1V1.5c0-.27.22-.5.5-.5H4v1H2ZM1 9V5h1v4H1Zm0 1v2.5c0 .28.22.5.5.5H4v-1H2v-2H1Zm9 3h2.5a.5.5 0 0 0 .5-.5V10h-1v2h-2v1Zm2-9h1V1.5a.5.5 0 0 0-.5-.5H10v1h2v2Zm-3 8v1H5v-1h4ZM9 1v1H5V1h4Zm4 8h-1V5h1v4ZM7 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
+    </>
+  ),
+  photodrag: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M8.25 3.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M14 7V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5V6h1V4h2v6.5c0 .28.22.5.5.5H10v2H8v1h2.5a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V7ZM4 1v5.8l1.65-1.65c.2-.2.5-.2.7 0L7.5 6.3l2.65-2.65c.2-.2.5-.2.7 0L13 5.8V1H4Zm9 6.21-2.5-2.5-2.3 2.3 1.15 1.14a.5.5 0 1 1-.7.7L6 6.22l-2 2v1.8h9V7.2Z"
+      />
+      <path d="M0 10V7h1v3H0Zm0 3.5V11h1v2h2v1H.5a.5.5 0 0 1-.5-.5Zm7 .5H4v-1h3v1Z" />
+    </>
+  ),
+  search: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z"
+      />
+    </>
+  ),
+  zoom: (
+    <>
+      <path d="M6 3.5c.28 0 .5.22.5.5v1.5H8a.5.5 0 0 1 0 1H6.5V8a.5.5 0 0 1-1 0V6.5H4a.5.5 0 0 1 0-1h1.5V4c0-.28.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z"
+      />
+    </>
+  ),
+  zoomout: (
+    <>
+      <path d="M4 5.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H4Z" />
+      <path
+        fillRule="evenodd"
+        d="M6 11.5c1.35 0 2.59-.49 3.54-1.3.03.06.06.11.1.15l3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1A5.5 5.5 0 1 0 6 11.5Zm0-1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"
+      />
+    </>
+  ),
+  zoomreset: (
+    <>
+      <path d="M1.5 2.84V1.5a.5.5 0 0 0-1 0V4c0 .28.22.5.5.5h2.5a.5.5 0 0 0 0-1H2.26a4.5 4.5 0 1 1-.5 4.02.5.5 0 1 0-.94.33 5.5 5.5 0 0 0 8.72 2.36l.1.14 3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1 5.5 5.5 0 1 0-8.7-6.7Z" />
+    </>
+  ),
+  eye: (
+    <>
+      <path d="M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
+      <path
+        fillRule="evenodd"
+        d="m14 7-.2.3c-.13.16-3.06 4.2-6.8 4.2C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3C.34 6.55 3.27 2.5 7 2.5c3.74 0 6.67 4.04 6.8 4.2l.2.3ZM2.9 5.3A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8 1.52 0 2.96-.83 4.1-1.8A13 13 0 0 0 12.76 7a13 13 0 0 0-1.66-1.7C9.96 4.33 8.52 3.5 7 3.5c-1.52 0-2.96.83-4.1 1.8Z"
+      />
+    </>
+  ),
+  eyeclose: (
+    <>
+      <path d="M1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11ZM11.1 8.7c-.17.15-.36.3-.55.44l.72.71a13.25 13.25 0 0 0 2.52-2.56L14 7l-.2-.3c-.13-.16-3.06-4.2-6.8-4.2-.89 0-1.73.23-2.5.58l.76.76A4.86 4.86 0 0 1 7 3.5c1.52 0 2.96.83 4.1 1.8A13 13 0 0 1 12.76 7a13 13 0 0 1-1.66 1.7ZM.2 6.7c.08-.09 1.04-1.41 2.53-2.55l.72.71c-.2.14-.38.3-.55.44A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8.6 0 1.18-.13 1.74-.34l.77.76c-.78.35-1.62.58-2.51.58C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3Z" />
+      <path d="M4.5 7c0-.32.06-.63.17-.91l3.24 3.24A2.5 2.5 0 0 1 4.5 7Zm4.83.91L6.09 4.67a2.5 2.5 0 0 1 3.24 3.24Z" />
+    </>
+  ),
+  lightning: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .28.09.5.5 0 0 0 .35-.14L11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L2.52 6.6Zm7.72.63-3.07-.8 1.85-4.14-5.2 4.51 2.94.77-1.27 4.28 4.75-4.62Zm-5.73 6.2.04.02Z"
+      />
+    </>
+  ),
+  lightningoff: (
+    <>
+      <path d="M10.14 8.72 11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L5.46 4.05l.71.7L9.02 2.3 7.38 5.97l.7.7 2.16.56-.8.79.7.7ZM2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .63-.05l3.84-3.74-.7-.7-2.51 2.43 1.13-3.81-.68-.69L3.8 6.8l.85-.73-.71-.7L2.52 6.6Zm-.67-5.45a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z" />
+    </>
+  ),
+  contrast: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z"
+      />
+    </>
+  ),
+  switchalt: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 3V.5c0-.27.22-.5.5-.5h10c.28 0 .5.23.5.5v10a.5.5 0 0 1-.5.5H11v2.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-10c0-.27.22-.5.5-.5H3Zm1 0V1h9v9h-2V3.5a.5.5 0 0 0-.5-.5H4Zm6 8v2H1V4h2v6.5c0 .28.22.5.5.5H10Zm0-1H4V4h6v6Z"
+      />
+    </>
+  ),
+  mirror: (
+    <>
+      <path d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12h10V2L2 12Z" />
+    </>
+  ),
+  grow: (
+    <>
+      <path d="M1.5 1a.5.5 0 1 0 0 1H12v10.5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H1.5Z" />
+      <path d="M1 3.5c0-.27.22-.5.5-.5H10a1 1 0 0 1 1 1v8.5a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM2 6v6h6V6H2Z"
+      />
+    </>
+  ),
+  paintbrush: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.8535.1464a.5.5 0 0 0-.7071 0L2.9827 8.3102a2.2396 2.2396 0 0 0-1.0737.599C.6772 10.141.2402 11.903.0852 12.9978 0 13.5998 0 14.0002 0 14.0002s.4004 0 1.0023-.0853c1.095-.155 2.8569-.5919 4.0887-1.8237.307-.307.5067-.6806.5992-1.0743l8.1633-8.1633a.5.5 0 0 0 0-.7071l-2-2Zm-6.253 9.546L6.543 8.75l-1.293-1.2929-.9424.9424a2.242 2.242 0 0 1 .7835.5097c.23.2302.4.4977.5095.7831ZM7.25 8.0428 12.7929 2.5 11.5 1.2071 5.957 6.75 7.25 8.0429ZM4.3839 9.6163c.4881.4882.4881 1.2796 0 1.7678-.7665.7664-1.832 1.1845-2.7791 1.403a8.6972 8.6972 0 0 1-.49.0982 8.7151 8.7151 0 0 1 .0982-.4899c.2186-.9471.6367-2.0126 1.403-2.779.4882-.4882 1.2797-.4882 1.7679 0Z"
+      />
+    </>
+  ),
+  ruler: (
+    <>
+      <path d="M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 6a.5.5 0 0 0-.5.5v6c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-11ZM2 7v5h10V7h-1v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H7.5v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H4v2.5a.5.5 0 0 1-1 0V7H2Z"
+      />
+    </>
+  ),
+  stop: (
+    <>
+      <path d="M4.5 4a.5.5 0 0 0-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z" />
+      <path
+        fillRule="evenodd"
+        d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z"
+      />
+    </>
+  ),
+  camera: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+      />
+      <path
+        fillRule="evenodd"
+        d="M2.5 1a.5.5 0 0 0-.5.5V2H.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H6v-.5a.5.5 0 0 0-.5-.5h-3ZM1 3v8h12V3H1Z"
+      />
+    </>
+  ),
+  video: (
+    <>
+      <path d="M2.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+      <path
+        fillRule="evenodd"
+        d="M0 4c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v.5l3.19-2.4a.5.5 0 0 1 .81.4v9a.5.5 0 0 1-.8.4L10 9.5v.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm9 0v1.5a.5.5 0 0 0 .8.4L13 3.5v7L9.8 8.1a.5.5 0 0 0-.8.4V10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z"
+      />
+    </>
+  ),
+  speaker: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 4.50004V9.50004C1 9.77618 1.22386 10 1.5 10H4L7.17075 12.7744C7.49404 13.0573 8 12.8277 8 12.3982V1.60192C8 1.17235 7.49404 0.942757 7.17075 1.22564L4 4.00004H1.5C1.22386 4.00004 1 4.2239 1 4.50004ZM4 9.00004V5.00004H2V9.00004H4ZM4.99804 9.54456C4.99934 9.52989 5 9.51505 5 9.50004V4.50004C5 4.48504 4.99934 4.47019 4.99804 4.45552L7 2.70381V11.2963L4.99804 9.54456Z"
+      />
+      <path d="M10.1498 1.75202C9.88637 1.66927 9.60572 1.81577 9.52297 2.07922C9.44023 2.34267 9.58672 2.62332 9.85017 2.70607C11.6763 3.27963 13 4.98596 13 7.00014C13 9.01433 11.6763 10.7207 9.85017 11.2942C9.58672 11.377 9.44023 11.6576 9.52297 11.9211C9.60572 12.1845 9.88637 12.331 10.1498 12.2483C12.3808 11.5476 14 9.4636 14 7.00014C14 4.53669 12.3808 2.45272 10.1498 1.75202Z" />
+      <path d="M10.2504 3.96861C10.0113 3.83033 9.70547 3.91201 9.5672 4.15105C9.42893 4.39008 9.51061 4.69594 9.74964 4.83421C10.4982 5.26723 11 6.07534 11 7.00006C11 7.92479 10.4982 8.7329 9.74964 9.16591C9.51061 9.30418 9.42893 9.61005 9.5672 9.84908C9.70547 10.0881 10.0113 10.1698 10.2504 10.0315C11.2952 9.42711 12 8.29619 12 7.00006C12 5.70394 11.2952 4.57302 10.2504 3.96861Z" />
+    </>
+  ),
+  play: (
+    <>
+      <path d="m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z" />
+    </>
+  ),
+  playback: (
+    <>
+      <path d="M11.24 12.04 3.7 7.42a.5.5 0 0 1-.2-.23v4.05a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0V6.8a.5.5 0 0 1 .2-.23l7.54-4.6a.5.5 0 0 1 .76.42v9.22a.5.5 0 0 1-.76.43Z" />
+    </>
+  ),
+  playnext: (
+    <>
+      <path d="m2.76 12.04 7.54-4.61a.5.5 0 0 0 .2-.23v4.05a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0V6.8a.5.5 0 0 0-.2-.23l-7.54-4.6a.5.5 0 0 0-.76.42v9.22c0 .39.43.63.76.43Z" />
+    </>
+  ),
+  rewind: (
+    <>
+      <path d="M9 2.42v2.32L13.23 2a.5.5 0 0 1 .77.42v9.16a.5.5 0 0 1-.77.42L9 9.26v2.32a.5.5 0 0 1-.77.42L1.5 7.65v3.6a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0v3.6L8.23 2a.5.5 0 0 1 .77.42Z" />
+    </>
+  ),
+  fastforward: (
+    <>
+      <path d="M5 2.42v2.32L.77 2a.5.5 0 0 0-.77.42v9.16c0 .4.44.64.77.42L5 9.26v2.32c0 .4.44.64.77.42l6.73-4.35v3.6a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0v3.6L5.77 2a.5.5 0 0 0-.77.42Z" />
+    </>
+  ),
+  stopalt: (
+    <>
+      <path d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z" />
+    </>
+  ),
+  book: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M13 2a2 2 0 0 0-2-2H1.5a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5H11a2 2 0 0 0 2-2V2ZM3 13h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H7v6a.5.5 0 0 1-.86.36L5.5 6.7l-.65.65A.5.5 0 0 1 4 7V1H3v12ZM5 1v4.8l.15-.15a.5.5 0 0 1 .74.04l.11.1V1H5Z"
+      />
+    </>
+  ),
+  document: (
+    <>
+      <path d="M4 5.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM4.5 7.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 10.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 0a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V3.2a.5.5 0 0 0-.15-.35l-2.7-2.7A.5.5 0 0 0 9.79 0H1.5ZM2 1h7.5v2c0 .28.22.5.5.5h2V13H2V1Z"
+      />
+    </>
+  ),
+  copy: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M11.75.07A.5.5 0 0 0 11.5 0h-6a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h8a.5.5 0 0 0 .5-.5V11h4.5a.5.5 0 0 0 .5-.5V2.51a.5.5 0 0 0-.15-.36l-2-2a.5.5 0 0 0-.1-.08ZM9 10h4V3h-1.5a.5.5 0 0 1-.5-.5V1H6v2h.5a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v4.51ZM1 4v9h7V6H6.5a.5.5 0 0 1-.5-.5V4H1Z"
+      />
+    </>
+  ),
+  category: (
+    <>
+      <path d="M3 1.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-1 2c0-.27.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 5.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7ZM2 12V6h10v6H2Z"
+      />
+    </>
+  ),
+  folder: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6.59 3.5 5.09 2H1v9h12V3.5H6.59Zm.41-1L5.8 1.3a1 1 0 0 0-.71-.3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7Z"
+      />
+    </>
+  ),
+  print: (
+    <>
+      <path d="M4.5 8a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z" />
+      <path
+        fillRule="evenodd"
+        d="M2 1.5c0-.27.22-.5.5-.5h8a.5.5 0 0 1 .36.15l.99 1c.1.09.15.21.15.35v1.51h1.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-.5.5H12v2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10H.5a.5.5 0 0 1-.5-.5v-5c0-.28.22-.5.5-.5H2V1.5ZM13 9h-1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V9H1V5h12v4Zm-2-6v1H3V2h7v.5c0 .28.22.5.5.5h.5Zm-8 9h8V7H3v5Z"
+      />
+    </>
+  ),
+  graphline: (
+    <>
+      <path d="M5.15 6.15c.2-.2.5-.2.7 0L7 7.3l2.15-2.15c.2-.2.5-.2.7 0l1 1a.5.5 0 0 1-.7.7l-.65-.64-2.15 2.15a.5.5 0 0 1-.7 0L5.5 7.2 3.85 8.86a.5.5 0 1 1-.7-.71l2-2Z" />
+      <path
+        fillRule="evenodd"
+        d="M1.5 1a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-11ZM2 2v10h10V2H2Z"
+      />
+    </>
+  ),
+  calendar: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.5 0c.28 0 .5.22.5.5V1h6V.5a.5.5 0 0 1 1 0V1h1.5c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5H3V.5c0-.28.22-.5.5-.5ZM2 4v2.3h3V4H2Zm0 5.2V6.8h3v2.4H2Zm0 .5V12h3V9.7H2Zm3.5 0V12h3V9.7h-3Zm3.5 0V12h3V9.7H9Zm3-.5H9V6.8h3v2.4Zm-3.5 0h-3V6.8h3v2.4ZM9 4v2.3h3V4H9ZM5.5 6.3h3V4h-3v2.3Z"
+      />
+    </>
+  ),
+  graphbar: (
+    <>
+      <path d="M12 2.5a.5.5 0 0 0-1 0v10a.5.5 0 0 0 1 0v-10Zm-3 2a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0v-8ZM5.5 7c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0v-5c0-.28.22-.5.5-.5ZM3 10.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2Z" />
+    </>
+  ),
+  menu: (
+    <>
+      <path d="M13 2a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h12Zm-3 3a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h9Zm1.5 3.5A.5.5 0 0 0 11 8H1a.5.5 0 0 0 0 1h10a.5.5 0 0 0 .5-.5Zm-4 2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h6.5Z" />
+    </>
+  ),
+  menualt: (
+    <>
+      <path d="M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm3 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1H4ZM2.5 8.5c0-.28.22-.5.5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm4 2.5a.5.5 0 0 0 0 1H13a.5.5 0 0 0 0-1H6.5Z" />
+    </>
+  ),
+  filter: (
+    <>
+      <path d="M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm2 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H3Zm1.5 3.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 2.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z" />
+    </>
+  ),
+  docchart: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5V12.5C13 12.7761 12.7761 13 12.5 13H1.5C1.22386 13 1 12.7761 1 12.5V1.5ZM2 4V6.2998H5V4H2ZM2 9.2002V6.7998H5V9.2002H2ZM2 9.7002V12H5V9.7002H2ZM5.5 9.7002V12H8.5V9.7002H5.5ZM9 9.7002V12H12V9.7002H9ZM12 9.2002H9V6.7998H12V9.2002ZM8.5 9.2002H5.5V6.7998H8.5V9.2002ZM9 6.2998H12V4H9V6.2998ZM5.5 6.2998H8.5V4H5.5V6.2998Z"
+      />
+    </>
+  ),
+  doclist: (
+    <>
+      <path d="M3.5 6.5c0-.28.22-.5.5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM4 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H4Z" />
+      <path
+        fillRule="evenodd"
+        d="M1 1.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 4v8h10V4H2Z"
+      />
+    </>
+  ),
+  markup: (
+    <>
+      <path d="M8.98 1.63a.5.5 0 0 0-.96-.26l-3 11a.5.5 0 1 0 .96.26l3-11ZM3.32 3.62a.5.5 0 0 1 .06.7L1.15 7l2.23 2.68a.5.5 0 1 1-.76.64l-2.5-3a.5.5 0 0 1 0-.64l2.5-3a.5.5 0 0 1 .7-.06Zm7.36 0a.5.5 0 0 0-.06.7L12.85 7l-2.23 2.68a.5.5 0 0 0 .76.64l2.5-3a.5.5 0 0 0 0-.64l-2.5-3a.5.5 0 0 0-.7-.06Z" />
+    </>
+  ),
+  bold: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3 2v1.5h1v7H3V12h5a3 3 0 0 0 1.8-5.4A2.74 2.74 0 0 0 8 2H3Zm5 5.5H5.5v3H8a1.5 1.5 0 1 0 0-3Zm-.25-4H5.5V6h2.25a1.25 1.25 0 1 0 0-2.5Z"
+      />
+    </>
+  ),
+  italic: <path d="M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2Z" />,
+  paperclip: (
+    <>
+      <path d="M10.55 2.27a1.5 1.5 0 0 0-2.12 0L2.78 7.92a2.5 2.5 0 0 0 3.53 3.54l3.54-3.54a.5.5 0 1 1 .7.71l-3.53 3.54a3.5 3.5 0 0 1-4.96-4.94v-.01l5.66-5.66h.01a2.5 2.5 0 0 1 3.53 3.53L5.6 10.76a1.5 1.5 0 0 1-2.12-2.12L7.02 5.1a.5.5 0 1 1 .7.7L4.2 9.34a.5.5 0 0 0 .7.7l5.66-5.65a1.5 1.5 0 0 0 0-2.12Z" />
+    </>
+  ),
+  listordered: (
+    <>
+      <path d="M5 2.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-3-9H1v1h1v3h1V2.5a.5.5 0 0 0-.5-.5ZM3 8.5v1a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h1c.28 0 .5.22.5.5Zm-1 2a.5.5 0 0 0-1 0V12h2v-1H2v-.5Z" />
+    </>
+  ),
+  listunordered: (
+    <>
+      <path d="M2.75 2.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.5 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm0 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7ZM2 12.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm-3 .75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" />
+    </>
+  ),
+  paragraph: (
+    <>
+      <path d="M6 7a3 3 0 1 1 0-6h5.5a.5.5 0 0 1 0 1H10v10.5a.5.5 0 0 1-1 0V2H7v10.5a.5.5 0 0 1-1 0V7Z" />
+    </>
+  ),
+  markdown: (
+    <>
+      <path d="M2 4.5h1.5L5 6.38 6.5 4.5H8v5H6.5V7L5 8.88 3.5 7v2.5H2v-5Zm7.75 0h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5ZM1 3v8h12V3H1Z"
+      />
+    </>
+  ),
+  repository: (
+    <>
+      <path d="M5 2.5C5 2.77614 4.77614 3 4.5 3C4.22386 3 4 2.77614 4 2.5C4 2.22386 4.22386 2 4.5 2C4.77614 2 5 2.22386 5 2.5Z" />
+      <path d="M4.5 5C4.77614 5 5 4.77614 5 4.5C5 4.22386 4.77614 4 4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5Z" />
+      <path d="M5 6.5C5 6.77614 4.77614 7 4.5 7C4.22386 7 4 6.77614 4 6.5C4 6.22386 4.22386 6 4.5 6C4.77614 6 5 6.22386 5 6.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M11 0C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H1.5C1.22386 14 1 13.7761 1 13.5V0.5C1 0.223857 1.22386 0 1.5 0H11ZM11 1H3V13H11C11.5523 13 12 12.5523 12 12V2C12 1.44772 11.5523 1 11 1Z"
+      />
+    </>
+  ),
+  commit: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M3.03 7.5a4 4 0 0 0 7.94 0h2.53a.5.5 0 0 0 0-1h-2.53a4 4 0 0 0-7.94 0H.5a.5.5 0 0 0 0 1h2.53ZM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+    </>
+  ),
+  branch: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M6 2.5c0 .65-.42 1.2-1 1.41v4.06A3.36 3.36 0 0 1 7.5 7a2.7 2.7 0 0 0 1.81-.56c.22-.18.38-.4.48-.62a1.5 1.5 0 1 1 1.03.15c-.16.42-.43.87-.86 1.24-.57.47-1.37.79-2.46.79-1.04 0-1.64.42-2 .92-.26.37-.4.8-.47 1.18A1.5 1.5 0 1 1 4 10.09V3.9a1.5 1.5 0 1 1 2-1.4Zm-2 9a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm1-9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+      />
+    </>
+  ),
+  pullrequest: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M8.35 1.35 7.71 2h.79A2.5 2.5 0 0 1 11 4.5v5.59a1.5 1.5 0 1 1-1 0V4.5C10 3.67 9.33 3 8.5 3h-.8l.65.65a.5.5 0 1 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7ZM11 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4 3.91a1.5 1.5 0 1 0-1 0v6.18a1.5 1.5 0 1 0 1 0V3.9ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+      />
+    </>
+  ),
+  merge: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M4.1 3.87a1.5 1.5 0 1 0-1.1.04v6.18a1.5 1.5 0 1 0 1 0V6.4c.26.4.57.77.93 1.08A6.57 6.57 0 0 0 9.08 9a1.5 1.5 0 1 0 0-1 5.57 5.57 0 0 1-3.5-1.25 4.74 4.74 0 0 1-1.47-2.87ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM4 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 6a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+      />
+    </>
+  ),
+  apple: (
+    <>
+      <path d="M11.03 8.1a3.05 3.05 0 0 1-.2-1.74 2.7 2.7 0 0 1 1.4-1.94 3.13 3.13 0 0 0-2.35-1.4c-.84-.08-2.01.56-2.65.57h-.02c-.63 0-1.81-.65-2.64-.57-.42.04-1.75.32-2.55 1.6-.28.44-.5 1.01-.58 1.74a6.36 6.36 0 0 0 .02 1.74 7.5 7.5 0 0 0 1.35 3.33c.7 1.01 1.51 1.6 1.97 1.6.93.02 1.74-.6 2.41-.6l.02.01h.04c.67-.02 1.48.61 2.42.6.45-.02 1.26-.6 1.97-1.6a7.95 7.95 0 0 0 .97-1.86 2.6 2.6 0 0 1-1.58-1.48ZM8.86 2.13c.72-.85.7-2.07.63-2.12-.07-.06-1.25.16-1.99.98a2.78 2.78 0 0 0-.62 2.13c.06.05 1.27-.14 1.98-.99Z" />
+    </>
+  ),
+  linux: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M7 0a3 3 0 0 1 3 3v1.24c.13.13.25.27.36.42l.52.43.2.15c.32.26.7.59 1.09.97A6.28 6.28 0 0 1 14 9.54a.5.5 0 0 1-.35.44c-.31.1-.8.18-1.34.13-.33-.03-.7-.12-1.05-.3-.04.17-.1.34-.17.51a2 2 0 1 1-2.89 2.56 5.5 5.5 0 0 1-2.4 0 2 2 0 1 1-2.9-2.56 5.56 5.56 0 0 1-.16-.51c-.35.18-.72.27-1.05.3a3.4 3.4 0 0 1-1.34-.13.5.5 0 0 1-.35-.44l.01-.14a6.28 6.28 0 0 1 1.82-3.2 13.42 13.42 0 0 1 1.3-1.11c.22-.19.4-.32.5-.43.12-.15.24-.29.37-.42V3a3 3 0 0 1 3-3Zm1 11.9a2 2 0 0 1 2.14-1.9 5.5 5.5 0 0 0 .36-2c0-.51-.1-1.07-.3-1.6l-.03-.02a4.4 4.4 0 0 0-.86-.42 6.71 6.71 0 0 0-1-.31l-.86.64c-.27.2-.63.2-.9 0l-.85-.64a6.72 6.72 0 0 0-1.87.73l-.03.02A4.6 4.6 0 0 0 3.5 8c0 .68.11 1.39.36 2H4a2 2 0 0 1 2 1.9 4.49 4.49 0 0 0 2 0ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.1 4.3a1.5 1.5 0 0 1 1.8 0l.27.2L7 5.38 5.83 4.5l.27-.2ZM8.5 2c.28 0 .5.22.5.5V3a.5.5 0 0 1-1 0v-.5c0-.28.22-.5.5-.5ZM6 2.5a.5.5 0 0 0-1 0V3a.5.5 0 0 0 1 0v-.5Z"
+      />
+    </>
+  ),
+  ubuntu: (
+    <>
+      <path d="M12.26 2.07c0 1.14-.89 2.06-1.99 2.06s-1.99-.92-1.99-2.06c0-1.14.9-2.07 2-2.07s1.98.93 1.98 2.07ZM3.98 6.6c0 1.14-.9 2.07-2 2.07C.9 8.67 0 7.74 0 6.6c0-1.14.9-2.07 1.99-2.07 1.1 0 1.99.93 1.99 2.07ZM6.47 11.92a4.76 4.76 0 0 1-3.3-2.62c-.53.25-1.12.33-1.7.22a6.72 6.72 0 0 0 1.84 2.63 6.38 6.38 0 0 0 4.24 1.58c-.37-.5-.57-1.1-.59-1.73a4.77 4.77 0 0 1-.49-.08ZM11.81 11.93c0 1.14-.89 2.07-1.99 2.07s-1.98-.93-1.98-2.07c0-1.14.89-2.06 1.98-2.06 1.1 0 2 .92 2 2.06ZM12.6 11.17a6.93 6.93 0 0 0 .32-7.93A2.95 2.95 0 0 1 11.8 4.6a5.23 5.23 0 0 1-.16 5.03c.47.4.8.94.95 1.54ZM1.99 3.63h-.15A6.48 6.48 0 0 1 8 .24a3.07 3.07 0 0 0-.6 1.68 4.7 4.7 0 0 0-3.9 2.17c-.46-.3-.98-.45-1.51-.45Z" />
+    </>
+  ),
+  windows: (
+    <>
+      <path d="M6.5 1H1v5.5h5.5V1ZM13 1H7.5v5.5H13V1ZM7.5 7.5H13V13H7.5V7.5ZM6.5 7.5H1V13h5.5V7.5Z" />
+    </>
+  ),
+  storybook: (
+    <>
+      <path d="M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z" />
+    </>
+  ),
+  azuredevops: (
+    <>
+      <path d="m0 5.18 1.31-1.73 4.9-2V.01l4.3 3.15-8.78 1.7v4.8L0 9.16V5.18Zm14-2.6v8.55l-3.36 2.86-5.42-1.79V14L1.73 9.66l8.78 1.05V3.16L14 2.58Z" />
+    </>
+  ),
+  bitbucket: (
+    <>
+      <path d="M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z" />
+    </>
+  ),
+  chrome: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M13.02 3.43a.11.11 0 0 1-.1.17H7a3.4 3.4 0 0 0-3.3 2.55.11.11 0 0 1-.21.03L1.52 2.76a.11.11 0 0 1 0-.12 6.97 6.97 0 0 1 9-1.7c1.03.6 1.9 1.47 2.5 2.5ZM7 9.62a2.62 2.62 0 1 1 0-5.24 2.62 2.62 0 0 1 0 5.24Zm1.03.7a.11.11 0 0 0-.12-.04 3.4 3.4 0 0 1-4-1.84L1.1 3.57a.11.11 0 0 0-.2 0 7 7 0 0 0 5.07 10.35c.04 0 .08-.02.1-.05l1.97-3.42a.11.11 0 0 0 0-.13Zm1.43-5.95h3.95c.05 0 .1.03.1.07a6.97 6.97 0 0 1-1.53 7.48A6.96 6.96 0 0 1 7.08 14a.11.11 0 0 1-.1-.17l2.81-4.88h.01a3.38 3.38 0 0 0-.42-4.38.11.11 0 0 1 .08-.2Z"
+      />
+    </>
+  ),
+  chromatic: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M0 7a7 7 0 1 0 14 0A7 7 0 0 0 0 7Zm5.22-3.87a1.97 1.97 0 0 1 3.75.83v1.29L5.61 3.32a2.49 2.49 0 0 0-.4-.19ZM8.7 5.71 5.35 3.78a1.97 1.97 0 0 0-2.6 2.83c.12-.1.24-.18.37-.26l1.51-.87a.27.27 0 0 1 .27 0L7 6.69l1.7-.98Zm-.32 4.97-1.52-.87a.27.27 0 0 1-.13-.23V7.15l-1.7-.97v3.86a1.97 1.97 0 0 0 3.75.83 2.5 2.5 0 0 1-.4-.19Zm.26-.46a1.97 1.97 0 0 0 2.6-2.83c-.11.1-.23.18-.36.26L7.53 9.58l1.11.64Zm-4.1.26h-.17a1.97 1.97 0 0 1-1.9-2.47 2 2 0 0 1 .92-1.2l1.11-.63v3.86c0 .14.01.29.04.44Zm6.79-5.98a1.97 1.97 0 0 0-1.87-.97c.03.14.04.29.04.43v1.75c0 .1-.05.19-.14.23l-2.1 1.22V9.1l3.35-1.93a1.97 1.97 0 0 0 .72-2.68Z"
+      />
+    </>
+  ),
+  componentdriven: (
+    <>
+      <path d="M10.85 2.18 8.87.2a.69.69 0 0 0-.97 0L3.09 5.01a.69.69 0 0 0 0 .97l2.46 2.46-2.4 2.4a.69.69 0 0 0 0 .98l1.98 1.98c.27.27.7.27.97 0l4.8-4.81a.69.69 0 0 0 0-.97L8.45 5.56l2.4-2.4a.69.69 0 0 0 0-.98Z" />
+    </>
+  ),
+  discord: (
+    <>
+      <path d="M11.85 2.88C10.95 2.48 10 2.18 9 2a7.05 7.05 0 0 0-.4.75 10.66 10.66 0 0 0-3.2 0c-.1-.23-.24-.5-.36-.73A.04.04 0 0 0 4.99 2a11.51 11.51 0 0 0-2.86.9 11.82 11.82 0 0 0-2.05 8 11.6 11.6 0 0 0 3.5 1.77c.01 0 .03 0 .04-.02.27-.36.51-.75.72-1.16a.04.04 0 0 0-.03-.06 7.66 7.66 0 0 1-1.09-.52.04.04 0 0 1 0-.08 5.96 5.96 0 0 0 .26-.17 8.28 8.28 0 0 0 7.08 0l.22.17c.02.02.02.06 0 .08-.36.2-.72.37-1.1.52a.04.04 0 0 0-.02.06c.2.4.45.8.71 1.16.01.02.03.02.05.02a11.57 11.57 0 0 0 3.52-1.8 11.74 11.74 0 0 0-2.09-7.99Zm-7.17 6.4c-.7 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.56 1.42-1.26 1.42Zm4.65 0c-.69 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.55 1.42-1.26 1.42Z" />
+    </>
+  ),
+  facebook: (
+    <>
+      <path d="M7.4 14H5.06V7H3.5V4.59h1.56V3.17C5.06 1.2 5.53 0 7.6 0h1.72v2.41H8.25c-.8 0-.85.34-.85.97v1.2h1.93L9.11 7H7.4l-.01 7Z" />
+    </>
+  ),
+  figma: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M9.2 0H4.8a2.6 2.6 0 0 0-1.4 4.8 2.6 2.6 0 0 0 0 4.4 2.6 2.6 0 1 0 4 2.2V8.89a2.6 2.6 0 1 0 3.2-4.09A2.6 2.6 0 0 0 9.2 0ZM7.4 7A1.8 1.8 0 1 0 11 7a1.8 1.8 0 0 0-3.6 0Zm-.8 2.6H4.8a1.8 1.8 0 1 0 1.8 1.8V9.6ZM4.8 4.4h1.8V.8H4.8a1.8 1.8 0 0 0 0 3.59Zm0 .8a1.8 1.8 0 0 0 0 3.6h1.8V5.2H4.8Zm4.4-.8H7.4V.8h1.8a1.8 1.8 0 1 1 0 3.59Z"
+      />
+    </>
+  ),
+  gdrive: (
+    <>
+      <path d="M6.37 8.77 4.33 12.3h6.75l2.04-3.54H6.38Zm6.18-1-3.5-6.08h-4.1l3.51 6.08h4.09ZM4.38 2.7.88 8.77l2.04 3.54 3.5-6.07L4.38 2.7Z" />
+    </>
+  ),
+  github: (
+    <>
+      <path d="M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z" />
+    </>
+  ),
+  gitlab: (
+    <>
+      <path d="M4.53 5.58H1.07l1.49-4.55a.26.26 0 0 1 .48 0l1.49 4.55ZM7 13.15 1.07 5.58l-.75 2.3a.5.5 0 0 0 .18.57l6.5 4.7Zm0 0 6.5-4.7a.5.5 0 0 0 .18-.57l-.75-2.3L7 13.15l2.47-7.57H4.53L7 13.15Zm2.47-7.57h3.46l-1.49-4.55a.26.26 0 0 0-.48 0L9.47 5.58Z" />
+    </>
+  ),
+  google: (
+    <>
+      <path d="M10.92 1.1H7.26c-1.64 0-3.19 1.24-3.19 2.68 0 1.47 1.12 2.66 2.8 2.66l.33-.01c-.1.2-.18.44-.18.68 0 .41.22.75.5 1.02h-.64c-2.03 0-3.6 1.3-3.6 2.64 0 1.32 1.72 2.15 3.75 2.15 2.32 0 3.6-1.31 3.6-2.64 0-1.06-.31-1.7-1.28-2.38-.33-.23-.96-.8-.96-1.14 0-.39.1-.58.7-1.04a2.46 2.46 0 0 0 1.03-1.92c0-.92-.4-1.82-1.18-2.11h1.17l.81-.6ZM9.6 10.04c.03.13.05.25.05.38 0 1.07-.7 1.9-2.67 1.9-1.4 0-2.42-.88-2.42-1.95 0-1.05 1.26-1.92 2.66-1.9a3 3 0 0 1 .92.14c.76.53 1.3.83 1.46 1.43ZM7.34 6.07c-.94-.03-1.84-1.06-2-2.3-.17-1.24.47-2.19 1.41-2.16.94.03 1.84 1.03 2 2.26.17 1.24-.47 2.23-1.41 2.2Z" />
+    </>
+  ),
+  graphql: (
+    <>
+      <path d="M7.87 11.6a1.17 1.17 0 0 0-1.7-.02l-2.71-1.56.01-.04h7.07l.02.07-2.69 1.56Zm-1.7-9.18.03.03-3.54 6.12h-.04V5.43a1.17 1.17 0 0 0 .84-1.46l2.7-1.56Zm4.38 1.56a1.17 1.17 0 0 0 .84 1.46v3.12l-.04.01-3.54-6.12c.02 0 .03-.02.04-.03l2.7 1.56ZM3.47 9.42a1.17 1.17 0 0 0-.32-.57l3.53-6.12a1.17 1.17 0 0 0 .65 0l3.54 6.12a1.17 1.17 0 0 0-.33.57H3.47Zm8.8-.74c-.1-.05-.21-.1-.32-.12V5.44a1.17 1.17 0 1 0-1.12-1.94l-2.7-1.56a1.17 1.17 0 1 0-2.24 0L3.19 3.5a1.17 1.17 0 1 0-1.13 1.94v3.12a1.17 1.17 0 1 0 1.12 1.94l2.7 1.56a1.17 1.17 0 1 0 2.24-.03l2.69-1.55a1.17 1.17 0 1 0 1.45-1.8Z" />
+    </>
+  ),
+  medium: (
+    <>
+      <path d="M0 0v14h14V0H0Zm11.63 3.32-.75.72a.22.22 0 0 0-.08.2v5.33c0 .07.03.14.08.18l.73.72v.16H7.92v-.16l.76-.74c.08-.07.08-.1.08-.21V5.24l-2.11 5.37h-.29L3.9 5.24v3.67c0 .13.05.25.14.34l.99 1.2v.16h-2.8v-.16l.98-1.2a.48.48 0 0 0 .13-.41V4.65c0-.11-.04-.2-.12-.27l-.88-1.06v-.16h2.73l2.1 4.62 1.86-4.62h2.6v.16Z" />
+    </>
+  ),
+  redux: (
+    <>
+      <path d="M4.06 9.69c.02.49.42.88.91.88H5a.91.91 0 0 0-.03-1.83h-.03c-.03 0-.08 0-.11.02a5.97 5.97 0 0 1-.85-3.62c.06-.98.39-1.82.96-2.52.47-.6 1.39-.9 2-.92 1.73-.03 2.47 2.12 2.51 2.99.22.04.57.16.82.24-.2-2.64-1.83-4-3.4-4-1.46 0-2.81 1.05-3.35 2.61a6.67 6.67 0 0 0 .65 5.68.74.74 0 0 0-.11.47Zm8.28-2.3a6.62 6.62 0 0 0-5.15-2.25h-.26a.9.9 0 0 0-.8-.49H6.1a.91.91 0 0 0 .03 1.83h.03a.92.92 0 0 0 .8-.56h.3c1.23 0 2.4.36 3.47 1.06.81.54 1.4 1.24 1.72 2.09.28.68.26 1.35-.03 1.92a2.4 2.4 0 0 1-2.23 1.34c-.65 0-1.27-.2-1.6-.34-.18.16-.5.42-.73.58.7.33 1.41.5 2.1.5 1.56 0 2.72-.85 3.16-1.72.47-.94.44-2.57-.78-3.96ZM4.9 12.9a4 4 0 0 1-.98.11c-1.2 0-2.3-.5-2.84-1.32C.38 10.6.13 8.3 2.5 6.58c.05.26.15.62.22.83-.31.23-.8.68-1.11 1.3a2.4 2.4 0 0 0 .13 2.53c.36.54.93.86 1.66.96.9.11 1.8-.05 2.66-.5a5.83 5.83 0 0 0 2.67-2.56.91.91 0 0 1 .62-1.55h.03a.92.92 0 0 1 .1 1.82 6.26 6.26 0 0 1-4.56 3.49Z" />
+    </>
+  ),
+  twitter: (
+    <>
+      <path d="M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z" />
+    </>
+  ),
+  youtube: (
+    <>
+      <path d="M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z" />
+    </>
+  ),
+  vscode: (
+    <>
+      <path d="M10.24.04c.13 0 .26.03.38.09L13.5 1.5a.87.87 0 0 1 .5.8v.03-.01 9.39c0 .33-.2.63-.5.78l-2.88 1.38a.87.87 0 0 1-1-.17l-5.5-5.03-2.4 1.83a.58.58 0 0 1-.75-.04l-.77-.7a.58.58 0 0 1 0-.86L2.27 7 .2 5.1a.58.58 0 0 1 0-.86l.77-.7c.21-.2.52-.2.75-.04l2.4 1.83L9.63.3a.87.87 0 0 1 .61-.26Zm.26 3.78L6.32 7l4.18 3.18V3.82Z" />
+    </>
+  ),
+} as const;
 
 export type IconKey = keyof typeof icons;
diff --git a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts
index 7548a537a72e..7b90c5ed9094 100644
--- a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts
+++ b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter-types.ts
@@ -7,6 +7,8 @@ export interface SyntaxHighlighterRendererProps {
   useInlineStyles: boolean;
 }
 
+export type SyntaxHighlighterRenderer = (props: SyntaxHighlighterRendererProps) => ReactNode;
+
 export interface SyntaxHighlighterCustomProps {
   language: string;
   copyable?: boolean;
@@ -15,7 +17,7 @@ export interface SyntaxHighlighterCustomProps {
   format?: SyntaxHighlighterFormatTypes;
   formatter?: (type: SyntaxHighlighterFormatTypes, source: string) => string;
   className?: string;
-  renderer?: (props: SyntaxHighlighterRendererProps) => ReactNode;
+  renderer?: SyntaxHighlighterRenderer;
 }
 
 export type SyntaxHighlighterFormatTypes = boolean | 'dedent' | BuiltInParserName;
diff --git a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index 340c72a62b2e..dedca6be4a31 100644
--- a/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -1,46 +1,45 @@
-import React, {
-  ClipboardEvent,
-  ComponentProps,
-  FC,
-  MouseEvent,
-  useCallback,
-  useState,
-} from 'react';
+import React, { ComponentProps, FC, MouseEvent, useCallback, useState } from 'react';
 import { logger } from '@storybook/client-logger';
 import { styled } from '@storybook/theming';
 import global from 'global';
 import memoize from 'memoizerific';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import bash from 'react-syntax-highlighter/dist/esm/languages/prism/bash';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import css from 'react-syntax-highlighter/dist/esm/languages/prism/css';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import jsExtras from 'react-syntax-highlighter/dist/esm/languages/prism/js-extras';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import json from 'react-syntax-highlighter/dist/esm/languages/prism/json';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import graphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import html from 'react-syntax-highlighter/dist/esm/languages/prism/markup';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import md from 'react-syntax-highlighter/dist/esm/languages/prism/markdown';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import yml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';
+// @ts-expect-error (Converted from ts-ignore)
+import { createElement } from 'react-syntax-highlighter/dist/esm/index';
 
 import { ActionBar } from '../ActionBar/ActionBar';
 import { ScrollArea } from '../ScrollArea/ScrollArea';
 
-import type { SyntaxHighlighterProps } from './syntaxhighlighter-types';
+import type {
+  SyntaxHighlighterProps,
+  SyntaxHighlighterRenderer,
+  SyntaxHighlighterRendererProps,
+} from './syntaxhighlighter-types';
 
 const { navigator, document, window: globalWindow } = global;
 
@@ -83,6 +82,7 @@ export function createCopyToClipboardFunction() {
 export interface WrapperProps {
   bordered?: boolean;
   padded?: boolean;
+  showLineNumbers?: boolean;
 }
 
 const Wrapper = styled.div<WrapperProps>(
@@ -98,6 +98,15 @@ const Wrapper = styled.div<WrapperProps>(
           borderRadius: theme.borderRadius,
           background: theme.background.content,
         }
+      : {},
+  ({ showLineNumbers }) =>
+    showLineNumbers
+      ? {
+          // use the before pseudo element to display line numbers
+          '.react-syntax-highlighter-line-number::before': {
+            content: 'attr(data-line-number)',
+          },
+        }
       : {}
 );
 
@@ -138,6 +147,52 @@ const Code = styled.div(({ theme }) => ({
   opacity: 1,
 }));
 
+const processLineNumber = (row: any) => {
+  const children = [...row.children];
+  const lineNumberNode = children[0];
+  const lineNumber = lineNumberNode.children[0].value;
+  const processedLineNumberNode = {
+    ...lineNumberNode,
+    // empty the line-number element
+    children: [],
+    properties: {
+      ...lineNumberNode.properties,
+      // add a data-line-number attribute to line-number element, so we can access the line number with `content: attr(data-line-number)`
+      'data-line-number': lineNumber,
+      // remove the 'userSelect: none' style, which will produce extra empty lines when copy-pasting in firefox
+      style: { ...lineNumberNode.properties.style, userSelect: 'auto' },
+    },
+  };
+  children[0] = processedLineNumberNode;
+  return { ...row, children };
+};
+
+/**
+ * A custom renderer for handling `span.linenumber` element in each line of code,
+ * which is enabled by default if no renderer is passed in from the parent component
+ */
+const defaultRenderer: SyntaxHighlighterRenderer = ({ rows, stylesheet, useInlineStyles }) => {
+  return rows.map((node: any, i: number) => {
+    return createElement({
+      node: processLineNumber(node),
+      stylesheet,
+      useInlineStyles,
+      key: `code-segement${i}`,
+    });
+  });
+};
+
+const wrapRenderer = (renderer: SyntaxHighlighterRenderer, showLineNumbers: boolean) => {
+  if (!showLineNumbers) {
+    return renderer;
+  }
+  if (renderer) {
+    return ({ rows, ...rest }: SyntaxHighlighterRendererProps) =>
+      renderer({ rows: rows.map((row) => processLineNumber(row)), ...rest });
+  }
+  return defaultRenderer;
+};
+
 export interface SyntaxHighlighterState {
   copied: boolean;
 }
@@ -163,25 +218,24 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
   const highlightableCode = formatter ? formatter(format, children) : children.trim();
   const [copied, setCopied] = useState(false);
 
-  const onClick = useCallback(
-    (e: MouseEvent<HTMLButtonElement> | ClipboardEvent<HTMLDivElement>) => {
-      e.preventDefault();
-
-      const selectedText = globalWindow.getSelection().toString();
-      const textToCopy = e.type !== 'click' && selectedText ? selectedText : highlightableCode;
-
-      copyToClipboard(textToCopy)
-        .then(() => {
-          setCopied(true);
-          globalWindow.setTimeout(() => setCopied(false), 1500);
-        })
-        .catch(logger.error);
-    },
-    []
-  );
+  const onClick = useCallback((e: MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    copyToClipboard(highlightableCode)
+      .then(() => {
+        setCopied(true);
+        globalWindow.setTimeout(() => setCopied(false), 1500);
+      })
+      .catch(logger.error);
+  }, []);
+  const renderer = wrapRenderer(rest.renderer, showLineNumbers);
 
   return (
-    <Wrapper bordered={bordered} padded={padded} className={className} onCopyCapture={onClick}>
+    <Wrapper
+      bordered={bordered}
+      padded={padded}
+      showLineNumbers={showLineNumbers}
+      className={className}
+    >
       <Scroller>
         <ReactSyntaxHighlighter
           padded={padded || bordered}
@@ -193,6 +247,7 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
           CodeTag={Code}
           lineNumberContainerStyle={{}}
           {...rest}
+          renderer={renderer}
         >
           {highlightableCode}
         </ReactSyntaxHighlighter>
diff --git a/code/lib/components/src/tooltip/TooltipLinkList.tsx b/code/lib/components/src/tooltip/TooltipLinkList.tsx
index ef005c420c19..8a998e4c1d19 100644
--- a/code/lib/components/src/tooltip/TooltipLinkList.tsx
+++ b/code/lib/components/src/tooltip/TooltipLinkList.tsx
@@ -8,7 +8,7 @@ const List = styled.div(
     minWidth: 180,
     overflow: 'hidden',
     overflowY: 'auto',
-    maxHeight: 13.5 * 32, // 11.5 items
+    maxHeight: 15.5 * 32, // 11.5 items
   },
   ({ theme }) => ({
     borderRadius: theme.appBorderRadius * 2,
diff --git a/code/lib/components/src/tooltip/WithTooltip.tsx b/code/lib/components/src/tooltip/WithTooltip.tsx
index ad756608327e..5f78da063144 100644
--- a/code/lib/components/src/tooltip/WithTooltip.tsx
+++ b/code/lib/components/src/tooltip/WithTooltip.tsx
@@ -81,7 +81,7 @@ const WithTooltipPure: FC<WithTooltipPureProps> = ({
       )}
     >
       {({ getTriggerProps, triggerRef }) => (
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         <Container ref={triggerRef} {...getTriggerProps()} {...props}>
           {children}
         </Container>
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index f9a2f933d2e9..cc9e151764ee 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -31,26 +31,21 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channel-websocket": "7.0.0-alpha.20",
-    "@storybook/client-api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/channel-postmessage": "7.0.0-alpha.31",
+    "@storybook/channel-websocket": "7.0.0-alpha.31",
+    "@storybook/client-api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/ui": "7.0.0-alpha.20",
-    "ansi-to-html": "^0.6.11",
-    "core-js": "^3.8.2",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
+    "@storybook/ui": "7.0.0-alpha.31",
     "global": "^4.4.0",
-    "lodash": "^4.17.21",
-    "qs": "^6.10.0",
     "regenerator-runtime": "^0.13.7",
-    "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
@@ -64,5 +59,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/core-client/src/globals/polyfills.ts b/code/lib/core-client/src/globals/polyfills.ts
index 2ca8b3e828a0..b535f6a2cc34 100644
--- a/code/lib/core-client/src/globals/polyfills.ts
+++ b/code/lib/core-client/src/globals/polyfills.ts
@@ -1,2 +1 @@
 import 'regenerator-runtime/runtime';
-import 'core-js/features/symbol';
diff --git a/code/lib/core-client/src/preview/start.test.ts b/code/lib/core-client/src/preview/start.test.ts
index 07e33406c06f..199c48c9389b 100644
--- a/code/lib/core-client/src/preview/start.test.ts
+++ b/code/lib/core-client/src/preview/start.test.ts
@@ -8,7 +8,7 @@ import {
   emitter,
   mockChannel,
 } from '@storybook/preview-web/dist/cjs/PreviewWeb.mockdata';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import { WebView } from '@storybook/preview-web/dist/cjs/WebView';
 import { setGlobalRender } from '@storybook/client-api';
 
@@ -19,7 +19,7 @@ jest.spyOn(WebView.prototype, 'prepareForDocs').mockReturnValue('docs-root');
 jest.spyOn(WebView.prototype, 'prepareForStory').mockReturnValue('story-root');
 
 jest.mock('global', () => ({
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   ...jest.requireActual('global'),
   history: { replaceState: jest.fn() },
   document: {
diff --git a/code/lib/core-client/typings.d.ts b/code/lib/core-client/typings.d.ts
index 87e788474eab..3da80ea2d993 100644
--- a/code/lib/core-client/typings.d.ts
+++ b/code/lib/core-client/typings.d.ts
@@ -1,4 +1,3 @@
-declare module 'ansi-to-html';
 declare module '@storybook/preview-web/dist/cjs/PreviewWeb.mockdata';
 
 declare class AnsiToHtml {
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 977736a7a856..b07f19c37ca6 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -43,43 +43,17 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/plugin-proposal-decorators": "^7.12.12",
-    "@babel/plugin-proposal-export-default-from": "^7.12.1",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
-    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
-    "@babel/plugin-proposal-private-methods": "^7.12.1",
-    "@babel/plugin-proposal-private-property-in-object": "^7.12.1",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-arrow-functions": "^7.12.1",
-    "@babel/plugin-transform-block-scoping": "^7.12.12",
-    "@babel/plugin-transform-classes": "^7.12.1",
-    "@babel/plugin-transform-destructuring": "^7.12.1",
-    "@babel/plugin-transform-for-of": "^7.12.1",
-    "@babel/plugin-transform-parameters": "^7.12.1",
-    "@babel/plugin-transform-shorthand-properties": "^7.12.1",
-    "@babel/plugin-transform-spread": "^7.12.1",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
-    "@babel/register": "^7.12.1",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/semver": "^7.3.2",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/pretty-hrtime": "^1.0.0",
-    "babel-loader": "^8.2.5",
-    "babel-plugin-macros": "^3.0.1",
-    "babel-plugin-polyfill-corejs3": "^0.1.0",
     "chalk": "^4.1.0",
-    "core-js": "^3.8.2",
     "esbuild": "^0.14.48",
     "esbuild-register": "^3.3.3",
     "express": "^4.17.1",
@@ -88,7 +62,6 @@
     "fs-extra": "^9.0.1",
     "glob": "^7.1.6",
     "handlebars": "^4.7.7",
-    "json5": "^2.1.3",
     "lazy-universal-dotenv": "^3.0.1",
     "picomatch": "^2.3.0",
     "pkg-dir": "^5.0.0",
@@ -100,7 +73,6 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/compression": "^1.7.0",
     "@types/mock-fs": "^4.13.0",
     "@types/picomatch": "^2.3.0",
     "mock-fs": "^4.13.0",
@@ -125,5 +97,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/core-common/src/index.ts b/code/lib/core-common/src/index.ts
index f3d54fd41312..5b95a7716571 100644
--- a/code/lib/core-common/src/index.ts
+++ b/code/lib/core-common/src/index.ts
@@ -9,6 +9,7 @@ export * from './utils/interpret-files';
 export * from './utils/interpret-require';
 export * from './utils/load-custom-presets';
 export * from './utils/load-main-config';
+export * from './utils/get-framework-name';
 export * from './utils/get-storybook-configuration';
 export * from './utils/get-storybook-info';
 export * from './utils/get-storybook-refs';
@@ -26,6 +27,7 @@ export * from './utils/glob-to-regexp';
 export * from './utils/normalize-stories';
 export * from './utils/readTemplate';
 export * from './utils/findDistEsm';
+export * from './utils/symlinks';
 
 export * from './types';
 
diff --git a/code/lib/core-common/src/presets.ts b/code/lib/core-common/src/presets.ts
index c12ebd0d4933..46c77bee7eb4 100644
--- a/code/lib/core-common/src/presets.ts
+++ b/code/lib/core-common/src/presets.ts
@@ -1,5 +1,6 @@
 import { dedent } from 'ts-dedent';
 import { logger } from '@storybook/node-logger';
+import { dirname } from 'path';
 import {
   CLIOptions,
   LoadedPreset,
@@ -71,8 +72,8 @@ export const resolveAddonName = (
   name: string,
   options: any
 ): ResolvedAddonPreset | ResolvedAddonVirtual | undefined => {
-  const r = name.startsWith('/') ? safeResolve : safeResolveFrom.bind(null, configDir);
-  const resolved = r(name);
+  const resolve = name.startsWith('/') ? safeResolve : safeResolveFrom.bind(null, configDir);
+  const resolved = resolve(name);
 
   if (resolved) {
     if (name.match(/\/(manager|register(-panel)?)(\.(js|ts|tsx|jsx))?$/)) {
@@ -90,13 +91,35 @@ export const resolveAddonName = (
     }
   }
 
+  const absolutePackageJson = resolved && resolve(`${name}/package.json`);
+
+  // We want to absolutize the package name part to a path on disk
+  //   (i.e. '/Users/foo/.../node_modules/@addons/foo') as otherwise
+  // we may not be able to import the package in certain module systems (eg. pnpm, yarn pnp)
+  const absoluteDir = absolutePackageJson && dirname(absolutePackageJson);
+
+  // If the package has an export (e.g. `/preview`), absolutize it, eg. to
+  //    /Users/foo/.../node_modules/@addons/foo/preview
+  // NOTE: this looks like the path of an absolute file, but it DOES NOT exist.
+  //  - However it is importable by webpack.
+  //  - Vite needs to strip off the absolute part to import it though
+  //     (vite cannot import absolute files: https://github.com/vitejs/vite/issues/5494
+  //      this also means vite suffers issues with pnpm etc)
+  const absolutizeExport = (exportName: string) => {
+    if (resolve(`${name}${exportName}`)) return `${absoluteDir}${exportName}`;
+    return undefined;
+  };
+
   const path = name;
 
-  // when user provides full path, we don't need to do anything!
-  const managerFile = r(`${path}/manager`);
-  const registerFile = r(`${path}/register`) || r(`${path}/register-panel`);
-  const previewFile = r(`${path}/preview`);
-  const presetFile = r(`${path}/preset`);
+  // We don't want to resolve an import path (e.g. '@addons/foo/preview') to the file on disk,
+  // because you are not allowed to import arbitrary files in packages in Vite.
+  // Instead we check if the export exists and "absolutize" it.
+  const managerFile = absolutizeExport(`/manager`);
+  const registerFile = absolutizeExport(`/register`) || absolutizeExport(`/register-panel`);
+  const previewFile = absolutizeExport(`/preview`);
+  // Presets are imported by node, so therefore fine to be a path on disk (at this stage anyway)
+  const presetFile = resolve(`${path}/preset`);
 
   if (!(managerFile || previewFile) && presetFile) {
     return {
@@ -170,9 +193,9 @@ export async function loadPreset(
   storybookOptions: InterPresetOptions
 ): Promise<LoadedPreset[]> {
   try {
-    // @ts-ignores
+    // @ts-expect-error (Converted from ts-ignore)
     const name: string = input.name ? input.name : input;
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     const presetOptions = input.options ? input.options : {};
 
     let contents = await getContent(input);
diff --git a/code/lib/core-common/src/types.ts b/code/lib/core-common/src/types.ts
index 9555ffe2747f..f0fa900fc4c0 100644
--- a/code/lib/core-common/src/types.ts
+++ b/code/lib/core-common/src/types.ts
@@ -428,6 +428,15 @@ export interface StorybookConfig {
    * Docs related features in index generation
    */
   docs?: DocsOptions;
+
+  /**
+   * Programmatically modify the preview head/body HTML.
+   * The previewHead and previewBody functions accept a string,
+   * which is the existing head/body, and return a modified string.
+   */
+  previewHead?: (head: string, options: Options) => string;
+
+  previewBody?: (body: string, options: Options) => string;
 }
 
 export type PresetProperty<K, TStorybookConfig = StorybookConfig> =
diff --git a/code/lib/core-common/src/utils/__tests__/normalize-stories.test.ts b/code/lib/core-common/src/utils/__tests__/normalize-stories.test.ts
index 7a8f8faed03c..febe5b16c45d 100644
--- a/code/lib/core-common/src/utils/__tests__/normalize-stories.test.ts
+++ b/code/lib/core-common/src/utils/__tests__/normalize-stories.test.ts
@@ -230,7 +230,7 @@ describe('normalizeStoriesEntry', () => {
       {
         "titlePrefix": "",
         "directory": ".",
-        "files": "**/*.(stories|docs).@(mdx|tsx|ts|jsx|js)",
+        "files": "**/*.@(mdx|stories.mdx|stories.tsx|stories.ts|stories.jsx|stories.js)",
         "importPathMatcher": {}
       }
     `);
@@ -241,7 +241,7 @@ describe('normalizeStoriesEntry', () => {
     expect(specifier).toMatchInlineSnapshot(`
       {
         "titlePrefix": "",
-        "files": "**/*.(stories|docs).@(mdx|tsx|ts|jsx|js)",
+        "files": "**/*.@(mdx|stories.mdx|stories.tsx|stories.ts|stories.jsx|stories.js)",
         "directory": ".",
         "importPathMatcher": {}
       }
@@ -265,7 +265,7 @@ describe('normalizeStoriesEntry', () => {
     expect(specifier).toMatchInlineSnapshot(`
       {
         "titlePrefix": "atoms",
-        "files": "**/*.(stories|docs).@(mdx|tsx|ts|jsx|js)",
+        "files": "**/*.@(mdx|stories.mdx|stories.tsx|stories.ts|stories.jsx|stories.js)",
         "directory": ".",
         "importPathMatcher": {}
       }
diff --git a/code/lib/core-common/src/utils/envs.ts b/code/lib/core-common/src/utils/envs.ts
index bd4ecff92468..7c07b1256d7c 100644
--- a/code/lib/core-common/src/utils/envs.ts
+++ b/code/lib/core-common/src/utils/envs.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error does not have defs, but universal-dotenv is in TS now
 import { getEnvironment } from 'lazy-universal-dotenv';
 import { nodePathsToArray } from './paths';
 
diff --git a/code/lib/core-common/src/utils/get-framework-name.ts b/code/lib/core-common/src/utils/get-framework-name.ts
new file mode 100644
index 000000000000..1e93ea811823
--- /dev/null
+++ b/code/lib/core-common/src/utils/get-framework-name.ts
@@ -0,0 +1,19 @@
+import { dedent } from 'ts-dedent';
+import type { Options } from '../types';
+
+/**
+ * Framework can be a string or an object.  This utility always returns the string name.
+ */
+export async function getFrameworkName(options: Options) {
+  const framework = await options.presets.apply('framework', '', options);
+
+  if (!framework) {
+    throw new Error(dedent`
+      You must specify a framework in '.storybook/main.js' config.
+
+      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#framework-field-mandatory
+    `);
+  }
+
+  return typeof framework === 'object' ? framework.name : framework;
+}
diff --git a/code/lib/core-common/src/utils/get-storybook-info.ts b/code/lib/core-common/src/utils/get-storybook-info.ts
index c9e8369542bb..ea44ad5760df 100644
--- a/code/lib/core-common/src/utils/get-storybook-info.ts
+++ b/code/lib/core-common/src/utils/get-storybook-info.ts
@@ -4,16 +4,21 @@ import { getStorybookConfiguration } from './get-storybook-configuration';
 import { PackageJson } from '../types';
 
 interface StorybookInfo {
-  framework: string;
   version: string;
+  // FIXME: these are renderers for now,
+  // need to update with framework OR fix
+  // the calling code
+  framework: string;
   frameworkPackage: string;
+  renderer: string;
+  rendererPackage: string;
   configDir?: string;
   mainConfig?: string;
   previewConfig?: string;
   managerConfig?: string;
 }
 
-const viewLayers: Record<string, string> = {
+const rendererPackages: Record<string, string> = {
   '@storybook/react': 'react',
   '@storybook/vue': 'vue',
   '@storybook/vue3': 'vue3',
@@ -42,11 +47,11 @@ const findDependency = (
   Object.entries(peerDependencies || {}).find(predicate),
 ];
 
-const getFrameworkInfo = (packageJson: PackageJson) => {
+const getRendererInfo = (packageJson: PackageJson) => {
   // Pull the viewlayer from dependencies in package.json
-  const [dep, devDep, peerDep] = findDependency(packageJson, ([key]) => viewLayers[key]);
+  const [dep, devDep, peerDep] = findDependency(packageJson, ([key]) => rendererPackages[key]);
   const [pkg, version] = dep || devDep || peerDep || [];
-  const framework = pkg ? viewLayers[pkg] : undefined;
+  const renderer = pkg ? rendererPackages[pkg] : undefined;
 
   if (dep && devDep && dep[0] === devDep[0]) {
     logger.warn(
@@ -59,7 +64,13 @@ const getFrameworkInfo = (packageJson: PackageJson) => {
     );
   }
 
-  return { framework, version, frameworkPackage: pkg };
+  return {
+    version,
+    framework: renderer,
+    frameworkPackage: pkg,
+    renderer,
+    rendererPackage: pkg,
+  };
 };
 
 const validConfigExtensions = ['ts', 'js', 'tsx', 'jsx', 'mjs', 'cjs'];
@@ -89,11 +100,11 @@ const getConfigInfo = (packageJson: PackageJson) => {
 };
 
 export const getStorybookInfo = (packageJson: PackageJson) => {
-  const frameworkInfo = getFrameworkInfo(packageJson);
+  const rendererInfo = getRendererInfo(packageJson);
   const configInfo = getConfigInfo(packageJson);
 
   return {
-    ...frameworkInfo,
+    ...rendererInfo,
     ...configInfo,
   } as StorybookInfo;
 };
diff --git a/code/lib/core-common/src/utils/normalize-stories.ts b/code/lib/core-common/src/utils/normalize-stories.ts
index 2346aaf2adfd..b3ab006d7684 100644
--- a/code/lib/core-common/src/utils/normalize-stories.ts
+++ b/code/lib/core-common/src/utils/normalize-stories.ts
@@ -10,12 +10,12 @@ import { normalizeStoryPath } from './paths';
 import { globToRegexp } from './glob-to-regexp';
 
 const DEFAULT_TITLE_PREFIX = '';
-const DEFAULT_FILES = '**/*.(stories|docs).@(mdx|tsx|ts|jsx|js)';
+const DEFAULT_FILES = '**/*.@(mdx|stories.mdx|stories.tsx|stories.ts|stories.jsx|stories.js)';
 
 // TODO: remove - LEGACY support for bad glob patterns we had in SB 5 - remove in SB7
 const fixBadGlob = deprecate(
   (match: RegExpMatchArray) => {
-    // @ts-ignore this will get removed later anyway
+    // @ts-expect-error this will get removed later anyway
     return match.input.replace(match[1], `@${match[1]}`);
   },
   dedent`
diff --git a/code/lib/core-common/src/utils/symlinks.ts b/code/lib/core-common/src/utils/symlinks.ts
new file mode 100644
index 000000000000..22b17af49584
--- /dev/null
+++ b/code/lib/core-common/src/utils/symlinks.ts
@@ -0,0 +1,4 @@
+export function isPreservingSymlinks() {
+  const { NODE_OPTIONS, NODE_PRESERVE_SYMLINKS } = process.env;
+  return !!NODE_PRESERVE_SYMLINKS || NODE_OPTIONS?.includes('--preserve-symlinks');
+}
diff --git a/code/lib/core-common/templates/base-preview-head.html b/code/lib/core-common/templates/base-preview-head.html
index 45c0c3032dac..90be52e51cc0 100644
--- a/code/lib/core-common/templates/base-preview-head.html
+++ b/code/lib/core-common/templates/base-preview-head.html
@@ -2,7 +2,7 @@
 
 <style>
   /* While we aren't showing the main block yet, but still preparing, we want everything the user
-     has rendered, which may or may not be in #root, to be display none */
+     has rendered, which may or may not be in #storybook-root, to be display none */
   .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
     display: none;
   }
@@ -26,7 +26,7 @@
     min-height: 100vh;
   }
 
-  .sb-show-main.sb-main-centered #root {
+  .sb-show-main.sb-main-centered #storybook-root {
     box-sizing: border-box;
     margin: auto;
     padding: 1rem;
diff --git a/code/lib/core-common/templates/preview.ejs b/code/lib/core-common/templates/preview.ejs
index a76cbf5de31f..19d86834ef5a 100644
--- a/code/lib/core-common/templates/preview.ejs
+++ b/code/lib/core-common/templates/preview.ejs
@@ -16,8 +16,8 @@
     <% }); %>
 
     <style>
-      #root[hidden],
-      #docs-root[hidden] {
+      #storybook-root[hidden],
+      #storybook-docs[hidden] {
         display: none !important;
       }
     </style>
@@ -25,8 +25,8 @@
   <body>
     <% if (typeof bodyHtmlSnippet !== 'undefined') { %> <%= bodyHtmlSnippet %> <% } %>
 
-    <div id="root"></div>
-    <div id="docs-root"></div>
+    <div id="storybook-root"></div>
+    <div id="storybook-docs"></div>
 
     <% if (typeof globals !== 'undefined' && Object.keys(globals).length) { %>
     <script>
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index e3e3a4911d50..07bc1f8e661d 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
@@ -39,10 +39,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
-  },
-  "dependencies": {
-    "core-js": "^3.8.2"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
     "typescript": "~4.6.3"
@@ -55,5 +52,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index b729ce9eb3b4..172d0301447b 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -30,22 +30,22 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/builder-manager": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/csf-tools": "7.0.0-alpha.20",
+    "@storybook/csf-tools": "7.0.0-alpha.31",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.20",
-    "@storybook/telemetry": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.31",
+    "@storybook/telemetry": "7.0.0-alpha.31",
     "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -53,9 +53,7 @@
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "cli-table3": "^0.6.1",
-    "commander": "^6.2.1",
     "compression": "^1.7.4",
-    "core-js": "^3.8.2",
     "detect-port": "^1.3.0",
     "express": "^4.17.1",
     "fs-extra": "^9.0.1",
@@ -72,17 +70,18 @@
     "slash": "^3.0.0",
     "telejson": "^6.0.8",
     "ts-dedent": "^2.0.0",
-    "util-deprecate": "^1.0.2",
     "watchpack": "^2.2.0",
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.20",
+    "@storybook/builder-webpack5": "7.0.0-alpha.31",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
     "@types/ws": "^8",
+    "jest-os-detection": "^1.3.1",
     "jest-specific-snapshot": "^4.0.0",
+    "ts-jest": "^26.4.4",
     "typescript": "~4.6.3",
     "webpack": "5"
   },
@@ -101,5 +100,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/core-server/src/build-dev.ts b/code/lib/core-server/src/build-dev.ts
index 365dafb9a734..48f0babcbfcc 100644
--- a/code/lib/core-server/src/build-dev.ts
+++ b/code/lib/core-server/src/build-dev.ts
@@ -83,8 +83,8 @@ export async function buildDevStandalone(options: CLIOptions & LoadOptions & Bui
   presets = await loadAllPresets({
     corePresets: [
       require.resolve('./presets/common-preset'),
-      ...managerBuilder.corePresets,
-      ...previewBuilder.corePresets,
+      ...(managerBuilder.corePresets || []),
+      ...(previewBuilder.corePresets || []),
       ...corePresets,
       require.resolve('./presets/babel-cache-preset'),
     ],
@@ -118,8 +118,8 @@ export async function buildDevStandalone(options: CLIOptions & LoadOptions & Bui
 
   if (options.smokeTest) {
     const warnings: Error[] = [];
-    warnings.push(...((managerStats && managerStats.toJson().warnings) || []));
-    warnings.push(...((managerStats && previewStats.toJson().warnings) || []));
+    warnings.push(...(managerStats?.toJson()?.warnings || []));
+    warnings.push(...(previewStats?.toJson()?.warnings || []));
 
     const problems = warnings
       .filter((warning) => !warning.message.includes(`export 'useInsertionEffect'`))
@@ -128,6 +128,7 @@ export async function buildDevStandalone(options: CLIOptions & LoadOptions & Bui
         (warning) => !warning.message.includes(`Conflicting values for 'process.env.NODE_ENV'`)
       );
 
+    // eslint-disable-next-line no-console
     console.log(problems.map((p) => p.stack));
     process.exit(problems.length > 0 ? 1 : 0);
     return;
diff --git a/code/lib/core-server/src/dev-server.ts b/code/lib/core-server/src/dev-server.ts
index 01819ad63200..8c9b849fde4e 100644
--- a/code/lib/core-server/src/dev-server.ts
+++ b/code/lib/core-server/src/dev-server.ts
@@ -23,7 +23,7 @@ import { openInBrowser } from './utils/open-in-browser';
 import { getBuilders } from './utils/get-builders';
 import { StoryIndexGenerator } from './utils/StoryIndexGenerator';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 export const router: Router = new Router();
 
 export const DEBOUNCE = 100;
@@ -137,7 +137,7 @@ export async function storybookDevServer(options: Options) {
 
   await new Promise<void>((resolve, reject) => {
     // FIXME: Following line doesn't match TypeScript signature at all 🤔
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     server.listen({ port, host }, (error: Error) => (error ? reject(error) : resolve()));
   });
 
diff --git a/code/lib/core-server/src/presets/common-preset.ts b/code/lib/core-server/src/presets/common-preset.ts
index b6269f69208c..34e5c5755871 100644
--- a/code/lib/core-server/src/presets/common-preset.ts
+++ b/code/lib/core-server/src/presets/common-preset.ts
@@ -125,23 +125,18 @@ export const storyIndexers = async (indexers?: StoryIndexer[]) => {
 export const frameworkOptions = async (
   _: never,
   options: Options
-): Promise<StorybookConfig['framework']> => {
+): Promise<Record<string, any> | null> => {
   const config = await options.presets.apply<StorybookConfig['framework']>('framework');
 
   if (typeof config === 'string') {
-    return {
-      name: config,
-      options: {},
-    };
+    return {};
   }
+
   if (typeof config === 'undefined') {
     return null;
   }
 
-  return {
-    name: config.name,
-    options: config.options,
-  };
+  return config.options;
 };
 
 export const docs = (
diff --git a/code/lib/core-server/src/utils/StoryIndexGenerator.ts b/code/lib/core-server/src/utils/StoryIndexGenerator.ts
index 3a96167388b5..b916c8d56d56 100644
--- a/code/lib/core-server/src/utils/StoryIndexGenerator.ts
+++ b/code/lib/core-server/src/utils/StoryIndexGenerator.ts
@@ -426,7 +426,7 @@ export class StoryIndexGenerator {
         return acc;
       }, {} as Record<ComponentTitle, number>);
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       compat = Object.entries(sorted).reduce((acc, entry) => {
         const [id, story] = entry;
         if (story.type === 'docs') return acc;
diff --git a/code/lib/core-server/src/utils/open-in-browser.ts b/code/lib/core-server/src/utils/open-in-browser.ts
index 492fbe781538..8f04d83723b3 100644
--- a/code/lib/core-server/src/utils/open-in-browser.ts
+++ b/code/lib/core-server/src/utils/open-in-browser.ts
@@ -1,8 +1,6 @@
 import { logger } from '@storybook/node-logger';
-// @ts-ignore
 import betterOpn from 'better-opn'; // betterOpn alias used because also loading open
 import open from 'open';
-// @ts-ignore
 import getDefaultBrowser from '@aw-web-design/x-default-browser';
 import { dedent } from 'ts-dedent';
 
diff --git a/code/lib/core-server/src/utils/output-startup-information.ts b/code/lib/core-server/src/utils/output-startup-information.ts
index 3354669423bd..44025b744fe6 100644
--- a/code/lib/core-server/src/utils/output-startup-information.ts
+++ b/code/lib/core-server/src/utils/output-startup-information.ts
@@ -39,7 +39,7 @@ export function outputStartupInformation(options: {
       'right-mid': '',
       middle: '',
     },
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     paddingLeft: 0,
     paddingRight: 0,
     paddingTop: 0,
diff --git a/code/lib/core-server/src/utils/watch-story-specifiers.ts b/code/lib/core-server/src/utils/watch-story-specifiers.ts
index 359bcde90779..86f34924a84c 100644
--- a/code/lib/core-server/src/utils/watch-story-specifiers.ts
+++ b/code/lib/core-server/src/utils/watch-story-specifiers.ts
@@ -1,4 +1,3 @@
-// @ts-ignore
 import Watchpack from 'watchpack';
 import slash from 'slash';
 import fs from 'fs';
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index f4139ad8ad0d..9ab12300f029 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -19,9 +19,17 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "types/**/*",
@@ -31,20 +39,26 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@types/node": "^14.0.10 || ^16.0.0",
-    "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "~4.6.3",
+    "webpack": "5"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "bundler": {
+    "entries": [
+      "./src/index.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index f7d63fbc4ac5..e77ccf5d4977 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -31,24 +31,19 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/core": "^7.12.10",
     "@babel/generator": "^7.12.11",
     "@babel/parser": "^7.12.11",
-    "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@babel/preset-env": "^7.12.11",
     "@babel/traverse": "^7.12.11",
     "@babel/types": "^7.12.11",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
     "core-js": "^3.8.2",
     "fs-extra": "^9.0.1",
-    "global": "^4.4.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "@storybook/mdx2-csf": "^0.0.3",
     "@types/fs-extra": "^9.0.6",
     "js-yaml": "^3.14.1",
     "typescript": "~4.6.3"
@@ -56,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/csf-tools/src/CsfFile.test.ts b/code/lib/csf-tools/src/CsfFile.test.ts
index e9f2cbb73aa1..b813d82cd3a4 100644
--- a/code/lib/csf-tools/src/CsfFile.test.ts
+++ b/code/lib/csf-tools/src/CsfFile.test.ts
@@ -3,7 +3,7 @@ import { dedent } from 'ts-dedent';
 import yaml from 'js-yaml';
 import { loadCsf } from './CsfFile';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 expect.addSnapshotSerializer({
   print: (val: any) => yaml.dump(val).trimEnd(),
   test: (val) => typeof val !== 'string',
diff --git a/code/lib/csf-tools/src/CsfFile.ts b/code/lib/csf-tools/src/CsfFile.ts
index adc5061da874..167005a1aae2 100644
--- a/code/lib/csf-tools/src/CsfFile.ts
+++ b/code/lib/csf-tools/src/CsfFile.ts
@@ -190,7 +190,7 @@ export class CsfFile {
         if (p.key.name === 'title') {
           meta.title = this._parseTitle(p.value);
         } else if (['includeStories', 'excludeStories'].includes(p.key.name)) {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           meta[p.key.name] = parseIncludeExclude(p.value);
         } else if (p.key.name === 'component') {
           const { code } = generate(p.value, {});
diff --git a/code/lib/csf-tools/src/getStorySortParameter.ts b/code/lib/csf-tools/src/getStorySortParameter.ts
index e0c1618b3d96..a73128072453 100644
--- a/code/lib/csf-tools/src/getStorySortParameter.ts
+++ b/code/lib/csf-tools/src/getStorySortParameter.ts
@@ -31,7 +31,7 @@ const parseValue = (expr: t.Expression): any => {
     }, {} as any);
   }
   if (t.isLiteral(expr)) {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     return expr.value;
   }
   throw new Error(`Unknown node type ${expr}`);
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 3c1f212600a1..84acfb8cab1d 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -31,13 +31,12 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/store": "7.0.0-alpha.31",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
   },
@@ -49,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/docs-tools/src/argTypes/convert/flow/convert.ts b/code/lib/docs-tools/src/argTypes/convert/flow/convert.ts
index f8fa7cd69862..5eb262e75fbd 100644
--- a/code/lib/docs-tools/src/argTypes/convert/flow/convert.ts
+++ b/code/lib/docs-tools/src/argTypes/convert/flow/convert.ts
@@ -43,7 +43,6 @@ export const convert = (type: FlowType): SBType | void => {
       return { ...base, ...convertSig(type) };
     case 'union':
       if (type.elements.every(isLiteral)) {
-        // @ts-ignore
         return { ...base, name: 'enum', value: type.elements.map(toEnumOption) };
       }
       return { ...base, name, value: type.elements.map(convert) };
diff --git a/code/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.test.ts b/code/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.test.ts
index 01c0f16cb057..9706d4b0f794 100644
--- a/code/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.test.ts
+++ b/code/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.test.ts
@@ -40,7 +40,7 @@ function createFuncType(typeSystemDef: TypeSystemDef, others: Record<string, any
 
 function createComponent(docgenInfo: Record<string, any>): Component {
   const component = () => {};
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   component.__docgenInfo = {
     [DOCGEN_SECTION]: {
       [PROP_NAME]: {
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index c97c18621da6..fdad0da6dc46 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -23,13 +23,6 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "*": [
-        "dist/ts3.4/*"
-      ]
-    }
-  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -38,12 +31,12 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
@@ -53,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/instrumenter/src/instrumenter.test.ts b/code/lib/instrumenter/src/instrumenter.test.ts
index 5c8025c03dc9..a0a1a0e19d22 100644
--- a/code/lib/instrumenter/src/instrumenter.test.ts
+++ b/code/lib/instrumenter/src/instrumenter.test.ts
@@ -140,7 +140,7 @@ describe('Instrumenter', () => {
         method: 'fn',
         interceptable: false,
         status: 'done',
-        parentId: undefined,
+        ancestors: [],
       })
     );
   });
@@ -216,28 +216,28 @@ describe('Instrumenter', () => {
     });
     fn5();
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [0] fn1', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [0] fn1', ancestors: [] })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2',
-        parentId: 'kind--story [0] fn1',
+        ancestors: ['kind--story [0] fn1'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2 [0] fn3',
-        parentId: 'kind--story [0] fn1 [0] fn2',
+        ancestors: ['kind--story [0] fn1', 'kind--story [0] fn1 [0] fn2'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [1] fn4',
-        parentId: 'kind--story [0] fn1',
+        ancestors: ['kind--story [0] fn1'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [1] fn5', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [1] fn5', ancestors: [] })
     );
   });
 
@@ -247,16 +247,16 @@ describe('Instrumenter', () => {
     await fn1(() => fn2());
     await fn3();
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [0] fn1', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [0] fn1', ancestors: [] })
     );
     expect(callSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'kind--story [0] fn1 [0] fn2',
-        parentId: 'kind--story [0] fn1',
+        ancestors: ['kind--story [0] fn1'],
       })
     );
     expect(callSpy).toHaveBeenCalledWith(
-      expect.objectContaining({ id: 'kind--story [1] fn3', parentId: undefined })
+      expect.objectContaining({ id: 'kind--story [1] fn3', ancestors: [] })
     );
   });
 
@@ -294,8 +294,8 @@ describe('Instrumenter', () => {
     expect(syncSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         logItems: [
-          { callId: 'kind--story [2] fn2', status: 'done' },
-          { callId: 'kind--story [3] fn', status: 'done' },
+          { callId: 'kind--story [2] fn2', status: 'done', ancestors: [] },
+          { callId: 'kind--story [3] fn', status: 'done', ancestors: [] },
         ],
       })
     );
@@ -388,8 +388,8 @@ describe('Instrumenter', () => {
       expect(syncSpy).toHaveBeenCalledWith(
         expect.objectContaining({
           logItems: [
-            { callId: 'kind--story [0] fn1', status: 'done' },
-            { callId: 'kind--story [1] fn2', status: 'done' },
+            { callId: 'kind--story [0] fn1', status: 'done', ancestors: [] },
+            { callId: 'kind--story [1] fn2', status: 'done', ancestors: [] },
           ],
         })
       );
@@ -405,11 +405,11 @@ describe('Instrumenter', () => {
       expect(syncSpy).toHaveBeenCalledWith(
         expect.objectContaining({
           logItems: [
-            { callId: 'kind--story [0] fn1', status: 'done' },
+            { callId: 'kind--story [0] fn1', status: 'done', ancestors: [] },
             {
               callId: 'kind--story [0] fn1 [0] fn2',
               status: 'done',
-              parentId: 'kind--story [0] fn1',
+              ancestors: ['kind--story [0] fn1'],
             },
           ],
         })
diff --git a/code/lib/instrumenter/src/instrumenter.ts b/code/lib/instrumenter/src/instrumenter.ts
index ea41efe879c8..966e7881528e 100644
--- a/code/lib/instrumenter/src/instrumenter.ts
+++ b/code/lib/instrumenter/src/instrumenter.ts
@@ -22,13 +22,13 @@ import {
 } from './types';
 
 export const EVENTS = {
-  CALL: 'instrumenter/call',
-  SYNC: 'instrumenter/sync',
-  START: 'instrumenter/start',
-  BACK: 'instrumenter/back',
-  GOTO: 'instrumenter/goto',
-  NEXT: 'instrumenter/next',
-  END: 'instrumenter/end',
+  CALL: 'storybook/instrumenter/call',
+  SYNC: 'storybook/instrumenter/sync',
+  START: 'storybook/instrumenter/start',
+  BACK: 'storybook/instrumenter/back',
+  GOTO: 'storybook/instrumenter/goto',
+  NEXT: 'storybook/instrumenter/next',
+  END: 'storybook/instrumenter/end',
 };
 
 type PatchedObj<TObj> = {
@@ -78,7 +78,7 @@ const getInitialState = (): State => ({
   shadowCalls: [],
   callRefsByResult: new Map(),
   chainedCallIds: new Set<Call['id']>(),
-  parentId: undefined,
+  ancestors: [],
   playUntil: undefined,
   resolvers: {},
   syncTimeout: undefined,
@@ -110,7 +110,7 @@ export class Instrumenter {
     // Restore state from the parent window in case the iframe was reloaded.
     this.state = global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
 
-    // When called from `start`, isDebugging will be true
+    // When called from `start`, isDebugging will be true.
     const resetState = ({
       storyId,
       isPlaying = true,
@@ -130,9 +130,7 @@ export class Instrumenter {
         isPlaying,
         isDebugging,
       });
-
-      // Don't sync while debugging, as it'll cause flicker.
-      if (!isDebugging) this.sync(storyId);
+      this.sync(storyId);
     };
 
     // A forceRemount might be triggered for debugging (on `start`), or elsewhere in Storybook.
@@ -171,6 +169,8 @@ export class Instrumenter {
 
     const start = ({ storyId, playUntil }: { storyId: string; playUntil?: Call['id'] }) => {
       if (!this.getState(storyId).isDebugging) {
+        // Move everything into shadowCalls (a "carbon copy") and mark them as "waiting", so we keep
+        // a record of the original calls which haven't yet been executed while stepping through.
         this.setState(storyId, ({ calls }) => ({
           calls: [],
           shadowCalls: calls.map((call) => ({ ...call, status: CallStates.WAITING })),
@@ -180,14 +180,13 @@ export class Instrumenter {
 
       const log = this.getLog(storyId);
       this.setState(storyId, ({ shadowCalls }) => {
+        if (playUntil || !log.length) return { playUntil };
         const firstRowIndex = shadowCalls.findIndex((call) => call.id === log[0].callId);
         return {
-          playUntil:
-            playUntil ||
-            shadowCalls
-              .slice(0, firstRowIndex)
-              .filter((call) => call.interceptable && !call.parentId)
-              .slice(-1)[0]?.id,
+          playUntil: shadowCalls
+            .slice(0, firstRowIndex)
+            .filter((call) => call.interceptable && !call.ancestors.length)
+            .slice(-1)[0]?.id,
         };
       });
 
@@ -196,7 +195,7 @@ export class Instrumenter {
     };
 
     const back = ({ storyId }: { storyId: string }) => {
-      const log = this.getLog(storyId).filter((call) => !call.parentId);
+      const log = this.getLog(storyId).filter((call) => !call.ancestors.length);
       const last = log.reduceRight((res, item, index) => {
         if (res >= 0 || item.status === CallStates.WAITING) return res;
         return index;
@@ -285,7 +284,7 @@ export class Instrumenter {
         }
       });
       if ((call.interceptable || call.exception) && !seen.has(call.id)) {
-        acc.unshift({ callId: call.id, status: call.status, parentId: call.parentId });
+        acc.unshift({ callId: call.id, status: call.status, ancestors: call.ancestors });
         seen.add(call.id);
       }
       return acc;
@@ -342,13 +341,13 @@ 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 { cursor, parentId } = this.getState(storyId);
+    const { cursor, ancestors } = this.getState(storyId);
     this.setState(storyId, { cursor: cursor + 1 });
-    const id = `${parentId || storyId} [${cursor}] ${method}`;
+    const id = `${ancestors.slice(-1)[0] || storyId} [${cursor}] ${method}`;
     const { path = [], intercept = false, retain = false } = options;
     const interceptable = typeof intercept === 'function' ? intercept(method, path) : intercept;
-    const call: Call = { id, parentId, storyId, cursor, path, method, args, interceptable, retain };
-    const interceptOrInvoke = interceptable && !parentId ? this.intercept : this.invoke;
+    const call = { id, cursor, storyId, ancestors, path, method, args, interceptable, retain };
+    const interceptOrInvoke = interceptable && !ancestors.length ? this.intercept : this.invoke;
     const result = interceptOrInvoke.call(this, fn, call, options);
     return this.instrument(result, { ...options, mutate: true, path: [{ __callId__: call.id }] });
   }
@@ -459,8 +458,10 @@ export class Instrumenter {
         }));
 
         // Exceptions inside callbacks should bubble up to the parent call.
-        if (call.parentId) {
-          Object.defineProperty(e, 'callId', { value: call.id });
+        if (call.ancestors.length) {
+          if (!Object.prototype.hasOwnProperty.call(e, 'callId')) {
+            Object.defineProperty(e, 'callId', { value: call.id });
+          }
           throw e;
         }
 
@@ -491,18 +492,17 @@ export class Instrumenter {
         if (typeof arg !== 'function' || Object.keys(arg).length) return arg;
 
         return (...args: any) => {
-          // Set the cursor and parentId for calls that happen inside the callback.
-          const { cursor, parentId } = this.getState(call.storyId);
-          this.setState(call.storyId, { cursor: 0, parentId: call.id });
-          const restore = () => this.setState(call.storyId, { cursor, parentId });
+          // Set the cursor and ancestors for calls that happen inside the callback.
+          const { cursor, ancestors } = this.getState(call.storyId);
+          this.setState(call.storyId, { cursor: 0, ancestors: [...ancestors, call.id] });
+          const restore = () => this.setState(call.storyId, { cursor, ancestors });
 
           // Invoke the actual callback function.
           const res = arg(...args);
 
-          // Reset cursor and parentId to their original values before we entered the callback.
-          if (res instanceof Promise) res.then(restore, restore);
-          else restore();
-
+          // Reset cursor and ancestors to their original values before we entered the callback.
+          if (res instanceof Promise) return res.then(restore, restore);
+          restore();
           return res;
         };
       });
@@ -538,10 +538,8 @@ 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.
+  // Sends the call info to the manager and synchronizes the log.
   update(call: Call) {
-    clearTimeout(this.getState(call.storyId).syncTimeout);
     this.channel.emit(EVENTS.CALL, call);
     this.setState(call.storyId, ({ calls }) => {
       // Omit earlier calls for the same ID, which may have been superceded by a later invocation.
@@ -554,39 +552,48 @@ export class Instrumenter {
         calls: Object.values(callsById).sort((a, b) =>
           a.id.localeCompare(b.id, undefined, { numeric: true })
         ),
-        syncTimeout: setTimeout(() => this.sync(call.storyId), 0),
       };
     });
+    this.sync(call.storyId);
   }
 
-  sync(storyId: StoryId) {
-    const { isLocked, isPlaying } = this.getState(storyId);
-    const logItems: LogItem[] = this.getLog(storyId);
-    const pausedAt = logItems
-      .filter(({ parentId }) => !parentId)
-      .find((item) => item.status === CallStates.WAITING)?.callId;
+  // Builds a log of interceptable calls and control states and sends it to the manager.
+  // Uses a 0ms debounce because this might get called many times in one tick.
+  sync(storyId: string) {
+    const synchronize = () => {
+      const { isLocked, isPlaying } = this.getState(storyId);
+      const logItems: LogItem[] = this.getLog(storyId);
+      const pausedAt = logItems
+        .filter(({ ancestors }) => !ancestors.length)
+        .find((item) => item.status === CallStates.WAITING)?.callId;
+
+      const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
+      if (debuggerDisabled || isLocked || hasActive || logItems.length === 0) {
+        const payload: SyncPayload = { controlStates: controlsDisabled, logItems };
+        this.channel.emit(EVENTS.SYNC, payload);
+        return;
+      }
 
-    const hasActive = logItems.some((item) => item.status === CallStates.ACTIVE);
-    if (debuggerDisabled || isLocked || hasActive || logItems.length === 0) {
-      const payload: SyncPayload = { controlStates: controlsDisabled, logItems };
-      this.channel.emit(EVENTS.SYNC, payload);
-      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,
+      };
 
-    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,
+      const payload: SyncPayload = { controlStates, logItems, pausedAt };
+      this.channel.emit(EVENTS.SYNC, payload);
     };
 
-    const payload: SyncPayload = { controlStates, logItems, pausedAt };
-    this.channel.emit(EVENTS.SYNC, payload);
+    this.setState(storyId, ({ syncTimeout }) => {
+      clearTimeout(syncTimeout);
+      return { syncTimeout: setTimeout(synchronize, 0) };
+    });
   }
 }
 
diff --git a/code/lib/instrumenter/src/types.ts b/code/lib/instrumenter/src/types.ts
index d7ca5665d109..f358ecb926e0 100644
--- a/code/lib/instrumenter/src/types.ts
+++ b/code/lib/instrumenter/src/types.ts
@@ -2,9 +2,9 @@ import type { StoryId } from '@storybook/addons';
 
 export interface Call {
   id: string;
-  parentId?: Call['id'];
-  storyId: StoryId;
   cursor: number;
+  storyId: StoryId;
+  ancestors: Call['id'][];
   path: Array<string | CallRef>;
   method: string;
   args: any[];
@@ -52,7 +52,7 @@ export interface ControlStates {
 export interface LogItem {
   callId: Call['id'];
   status: Call['status'];
-  parentId?: Call['id'];
+  ancestors: Call['id'][];
 }
 
 export interface SyncPayload {
@@ -71,7 +71,7 @@ export interface State {
   shadowCalls: Call[];
   callRefsByResult: Map<any, CallRef & { retain: boolean }>;
   chainedCallIds: Set<Call['id']>;
-  parentId?: Call['id'];
+  ancestors: Call['id'][];
   playUntil?: Call['id'];
   resolvers: Record<Call['id'], Function>;
   syncTimeout: ReturnType<typeof setTimeout>;
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index f5f85478381b..ff64b2c43013 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -31,12 +31,11 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@types/npmlog": "^4.1.2",
     "chalk": "^4.1.0",
-    "core-js": "^3.8.2",
     "npmlog": "^5.0.1",
     "pretty-hrtime": "^1.0.3"
   },
@@ -47,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 550d56efc0f7..e832f4e3e562 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
@@ -32,10 +32,7 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
-  },
-  "dependencies": {
-    "core-js": "^3.8.2"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "devDependencies": {
     "jest": "^26.6.3",
@@ -46,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 0ef9cd69ef64..f92b4c2f8043 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -23,13 +23,6 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "*": [
-        "dist/ts3.4/*"
-      ]
-    }
-  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -38,18 +31,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/store": "7.0.0-alpha.31",
     "ansi-to-html": "^0.6.11",
-    "core-js": "^3.8.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "qs": "^6.10.0",
@@ -58,10 +49,13 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
+    "@storybook/channel-postmessage": "7.0.0-alpha.31",
+    "react": "16.14.0",
+    "ts-jest": "^28.0.8",
     "typescript": "~4.6.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/preview-web/src/Preview.tsx b/code/lib/preview-web/src/Preview.tsx
index 87aaaa65ec98..c17ca1fa131b 100644
--- a/code/lib/preview-web/src/Preview.tsx
+++ b/code/lib/preview-web/src/Preview.tsx
@@ -32,10 +32,10 @@ import { StandaloneDocsRender } from './render/StandaloneDocsRender';
 
 const { fetch } = global;
 
-type MaybePromise<T> = Promise<T> | T;
-
 const STORY_INDEX_PATH = './index.json';
 
+export type MaybePromise<T> = Promise<T> | T;
+
 export class Preview<TFramework extends AnyFramework> {
   serverChannel?: Channel;
 
@@ -112,7 +112,7 @@ export class Preview<TFramework extends AnyFramework> {
 
             Perhaps it needs to be upgraded for Storybook 6.4?
 
-            More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field          
+            More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field
           `);
         }
         return projectAnnotations;
@@ -342,7 +342,7 @@ export class Preview<TFramework extends AnyFramework> {
       // In v6 mode, if your preview.js throws, we never get a chance to initialize the preview
       // or store, and the error is simply logged to the browser console. This is the best we can do
       throw new Error(dedent`Failed to initialize Storybook.
-      
+
       Do you have an error in your \`preview.js\`? Check your Storybook's browser console for errors.`);
     }
 
diff --git a/code/lib/preview-web/src/PreviewWeb.integration.test.ts b/code/lib/preview-web/src/PreviewWeb.integration.test.ts
index ab289c58d6aa..cbecd156a67a 100644
--- a/code/lib/preview-web/src/PreviewWeb.integration.test.ts
+++ b/code/lib/preview-web/src/PreviewWeb.integration.test.ts
@@ -29,7 +29,7 @@ jest.mock('./WebView');
 
 const { window, document } = global;
 jest.mock('global', () => ({
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   ...jest.requireActual('global'),
   history: { replaceState: jest.fn() },
   document: {
diff --git a/code/lib/preview-web/src/PreviewWeb.test.ts b/code/lib/preview-web/src/PreviewWeb.test.ts
index 940bd56acfbb..2efa7ab9a64d 100644
--- a/code/lib/preview-web/src/PreviewWeb.test.ts
+++ b/code/lib/preview-web/src/PreviewWeb.test.ts
@@ -1,3 +1,5 @@
+/// <reference types="@types/jest" />;
+import { jest, jest as mockJest, it, describe, beforeEach, afterEach, expect } from '@jest/globals';
 import global from 'global';
 import merge from 'lodash/merge';
 import {
@@ -29,7 +31,6 @@ import { logger } from '@storybook/client-logger';
 import { addons, mockChannel as createMockChannel } from '@storybook/addons';
 import type { AnyFramework } from '@storybook/csf';
 import type { ModuleImportFn, WebProjectAnnotations } from '@storybook/store';
-import { expect } from '@jest/globals';
 import { mocked } from 'ts-jest/utils';
 
 import { PreviewWeb } from './PreviewWeb';
@@ -58,8 +59,8 @@ const mockStoryIndex = jest.fn(() => storyIndex);
 
 let mockFetchResult;
 jest.mock('global', () => ({
-  ...(jest.requireActual('global') as any),
-  history: { replaceState: jest.fn() },
+  ...(mockJest.requireActual('global') as any),
+  history: { replaceState: mockJest.fn() },
   document: {
     location: {
       pathname: 'pathname',
@@ -68,7 +69,7 @@ jest.mock('global', () => ({
   },
   window: {
     location: {
-      reload: jest.fn(),
+      reload: mockJest.fn(),
     },
   },
   FEATURES: {
@@ -347,8 +348,12 @@ describe('PreviewWeb', () => {
       });
 
       describe('after selection changes', () => {
-        beforeEach(() => jest.useFakeTimers());
-        afterEach(() => jest.useRealTimers());
+        beforeEach(() => {
+          jest.useFakeTimers();
+        });
+        afterEach(() => {
+          jest.useRealTimers();
+        });
 
         it('DOES NOT try again if CSF file changes', async () => {
           document.location.search = '?id=component-one--missing';
@@ -524,7 +529,7 @@ describe('PreviewWeb', () => {
 
                           Perhaps it needs to be upgraded for Storybook 6.4?
 
-                          More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field          ]
+                          More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field]
                       `);
       });
 
@@ -1561,49 +1566,140 @@ describe('PreviewWeb', () => {
         expect(teardownRenderToDOM).not.toHaveBeenCalled();
       });
 
-      // For https://github.com/storybookjs/storybook/issues/17214
-      it('does NOT render a second time if preparing', async () => {
-        document.location.search = '?id=component-one--a';
+      describe('while preparing', () => {
+        // For https://github.com/storybookjs/storybook/issues/17214
+        it('does NOT render a second time in story mode', async () => {
+          document.location.search = '?id=component-one--a';
 
-        const [gate, openGate] = createGate();
-        const [importedGate, openImportedGate] = createGate();
-        importFn
-          .mockImplementationOnce(async (...args) => {
-            await gate;
-            return importFn(...args);
-          })
-          .mockImplementationOnce(async (...args) => {
-            // The second time we `import()` we open the "imported" gate
-            openImportedGate();
-            await gate;
-            return importFn(...args);
+          const [gate, openGate] = createGate();
+          const [importedGate, openImportedGate] = createGate();
+          importFn
+            .mockImplementationOnce(async (...args) => {
+              await gate;
+              return importFn(...args);
+            })
+            .mockImplementationOnce(async (...args) => {
+              // The second time we `import()` we open the "imported" gate
+              openImportedGate();
+              await gate;
+              return importFn(...args);
+            });
+
+          const preview = new PreviewWeb();
+          // We can't wait for the initialize function, as it waits for `renderSelection()`
+          // which prepares, but it does emit `CURRENT_STORY_WAS_SET` right before that
+          preview.initialize({ importFn, getProjectAnnotations });
+          await waitForEvents([CURRENT_STORY_WAS_SET]);
+
+          mockChannel.emit.mockClear();
+          projectAnnotations.renderToDOM.mockClear();
+          emitter.emit(SET_CURRENT_STORY, {
+            storyId: 'component-one--a',
+            viewMode: 'story',
           });
+          await importedGate;
+          // We are blocking import so this won't render yet
+          expect(projectAnnotations.renderToDOM).not.toHaveBeenCalled();
 
-        const preview = new PreviewWeb();
-        // We can't wait for the initialize function, as it waits for `renderSelection()`
-        // which prepares, but it does emit `CURRENT_STORY_WAS_SET` right before that
-        preview.initialize({ importFn, getProjectAnnotations });
-        await waitForEvents([CURRENT_STORY_WAS_SET]);
+          mockChannel.emit.mockClear();
+          openGate();
+          await waitForRender();
 
-        mockChannel.emit.mockClear();
-        projectAnnotations.renderToDOM.mockClear();
-        emitter.emit(SET_CURRENT_STORY, {
-          storyId: 'component-one--a',
-          viewMode: 'story',
+          // We should only render *once*
+          expect(projectAnnotations.renderToDOM).toHaveBeenCalledTimes(1);
+
+          // We should not show an error either
+          expect(preview.view.showErrorDisplay).not.toHaveBeenCalled();
         });
-        await importedGate;
-        // We are blocking import so this won't render yet
-        expect(projectAnnotations.renderToDOM).not.toHaveBeenCalled();
 
-        mockChannel.emit.mockClear();
-        openGate();
-        await waitForRender();
+        // For https://github.com/storybookjs/storybook/issues/19015
+        it('does NOT render a second time in template docs mode', async () => {
+          document.location.search = '?id=component-one--docs&viewMode=docs';
 
-        // We should only render *once*
-        expect(projectAnnotations.renderToDOM).toHaveBeenCalledTimes(1);
+          const [gate, openGate] = createGate();
+          const [importedGate, openImportedGate] = createGate();
+          importFn
+            .mockImplementationOnce(async (...args) => {
+              await gate;
+              return importFn(...args);
+            })
+            .mockImplementationOnce(async (...args) => {
+              // The second time we `import()` we open the "imported" gate
+              openImportedGate();
+              await gate;
+              return importFn(...args);
+            });
+
+          const preview = new PreviewWeb();
+          // We can't wait for the initialize function, as it waits for `renderSelection()`
+          // which prepares, but it does emit `CURRENT_STORY_WAS_SET` right before that
+          preview.initialize({ importFn, getProjectAnnotations });
+          await waitForEvents([CURRENT_STORY_WAS_SET]);
 
-        // We should not show an error either
-        expect(preview.view.showErrorDisplay).not.toHaveBeenCalled();
+          mockChannel.emit.mockClear();
+          projectAnnotations.renderToDOM.mockClear();
+          emitter.emit(SET_CURRENT_STORY, {
+            storyId: 'component-one--docs',
+            viewMode: 'docs',
+          });
+          await importedGate;
+          // We are blocking import so this won't render yet
+          expect(docsRenderer.render).not.toHaveBeenCalled();
+
+          mockChannel.emit.mockClear();
+          openGate();
+          await waitForRender();
+
+          // We should only render *once*
+          expect(docsRenderer.render).toHaveBeenCalledTimes(1);
+
+          // We should not show an error either
+          expect(preview.view.showErrorDisplay).not.toHaveBeenCalled();
+        });
+
+        it('does NOT render a second time in standalone docs mode', async () => {
+          document.location.search = '?id=introduction--docs&viewMode=docs';
+
+          const [gate, openGate] = createGate();
+          const [importedGate, openImportedGate] = createGate();
+          importFn
+            .mockImplementationOnce(async (...args) => {
+              await gate;
+              return importFn(...args);
+            })
+            .mockImplementationOnce(async (...args) => {
+              // The second time we `import()` we open the "imported" gate
+              openImportedGate();
+              await gate;
+              return importFn(...args);
+            });
+
+          const preview = new PreviewWeb();
+          // We can't wait for the initialize function, as it waits for `renderSelection()`
+          // which prepares, but it does emit `CURRENT_STORY_WAS_SET` right before that
+          preview.initialize({ importFn, getProjectAnnotations });
+          await waitForEvents([CURRENT_STORY_WAS_SET]);
+
+          mockChannel.emit.mockClear();
+          projectAnnotations.renderToDOM.mockClear();
+          emitter.emit(SET_CURRENT_STORY, {
+            storyId: 'introduction--docs',
+            viewMode: 'docs',
+          });
+          await importedGate;
+          // We are blocking import so this won't render yet
+          expect(docsRenderer.render).not.toHaveBeenCalled();
+
+          mockChannel.emit.mockClear();
+          openGate();
+          await waitForRender();
+
+          // We should only render *once*
+          expect(docsRenderer.render).toHaveBeenCalledTimes(1);
+
+          // We should not show an error either
+          expect(preview.view.showErrorDisplay).not.toHaveBeenCalled();
+        });
       });
     });
 
@@ -2713,8 +2809,12 @@ describe('PreviewWeb', () => {
       });
 
       describe('if it was previously rendered', () => {
-        beforeEach(() => jest.useFakeTimers());
-        afterEach(() => jest.useRealTimers());
+        beforeEach(() => {
+          jest.useFakeTimers();
+        });
+        afterEach(() => {
+          jest.useRealTimers();
+        });
         it('is reloaded when it is re-selected', async () => {
           document.location.search = '?id=component-one--a';
           const preview = await createAndRenderPreview();
diff --git a/code/lib/preview-web/src/PreviewWeb.tsx b/code/lib/preview-web/src/PreviewWeb.tsx
index 6b6014236f9a..49f07856b1b4 100644
--- a/code/lib/preview-web/src/PreviewWeb.tsx
+++ b/code/lib/preview-web/src/PreviewWeb.tsx
@@ -30,11 +30,12 @@ import type {
   WebProjectAnnotations,
 } from '@storybook/store';
 
-import { Preview } from './Preview';
+import { MaybePromise, Preview } from './Preview';
 
 import { UrlStore } from './UrlStore';
 import { WebView } from './WebView';
-import { PREPARE_ABORTED, StoryRender } from './render/StoryRender';
+import { PREPARE_ABORTED } from './render/Render';
+import { StoryRender } from './render/StoryRender';
 import { TemplateDocsRender } from './render/TemplateDocsRender';
 import { StandaloneDocsRender } from './render/StandaloneDocsRender';
 
@@ -45,7 +46,6 @@ function focusInInput(event: Event) {
   return /input|textarea/i.test(target.tagName) || target.getAttribute('contenteditable') !== null;
 }
 
-type MaybePromise<T> = Promise<T> | T;
 type PossibleRender<TFramework extends AnyFramework> =
   | StoryRender<TFramework>
   | TemplateDocsRender<TFramework>
@@ -75,7 +75,7 @@ export class PreviewWeb<TFramework extends AnyFramework> extends Preview<TFramew
     this.urlStore = new UrlStore();
 
     // Add deprecated APIs for back-compat
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.storyStore.getSelection = deprecate(
       () => this.urlStore.selection,
       dedent`
diff --git a/code/lib/preview-web/src/WebView.ts b/code/lib/preview-web/src/WebView.ts
index aee66d07db8e..19608a653117 100644
--- a/code/lib/preview-web/src/WebView.ts
+++ b/code/lib/preview-web/src/WebView.ts
@@ -75,7 +75,7 @@ export class WebView {
   }
 
   storyRoot(): HTMLElement {
-    return document.getElementById('root');
+    return document.getElementById('storybook-root');
   }
 
   prepareForDocs() {
@@ -86,7 +86,7 @@ export class WebView {
   }
 
   docsRoot(): HTMLElement {
-    return document.getElementById('docs-root');
+    return document.getElementById('storybook-docs');
   }
 
   applyLayout(layout: Layout = 'padded') {
diff --git a/code/lib/preview-web/src/index.ts b/code/lib/preview-web/src/index.ts
index c1ae35158ea7..a30759b8b555 100644
--- a/code/lib/preview-web/src/index.ts
+++ b/code/lib/preview-web/src/index.ts
@@ -1,5 +1,6 @@
 // FIXME: breaks builder-vite, remove this in 7.0
 export { composeConfigs } from '@storybook/store';
+export type { WebProjectAnnotations } from '@storybook/store';
 
 export { Preview } from './Preview';
 export { PreviewWeb } from './PreviewWeb';
diff --git a/code/lib/preview-web/src/render/Render.ts b/code/lib/preview-web/src/render/Render.ts
index 64b1458cb885..95d15245336d 100644
--- a/code/lib/preview-web/src/render/Render.ts
+++ b/code/lib/preview-web/src/render/Render.ts
@@ -19,3 +19,5 @@ export interface Render<TFramework extends AnyFramework> {
   torndown: boolean;
   renderToElement: (canvasElement: HTMLElement, renderStoryToElement?: any) => Promise<void>;
 }
+
+export const PREPARE_ABORTED = new Error('prepareAborted');
diff --git a/code/lib/preview-web/src/render/StandaloneDocsRender.test.ts b/code/lib/preview-web/src/render/StandaloneDocsRender.test.ts
new file mode 100644
index 000000000000..492f33dc0bd2
--- /dev/null
+++ b/code/lib/preview-web/src/render/StandaloneDocsRender.test.ts
@@ -0,0 +1,52 @@
+import { jest, describe, it, expect } from '@jest/globals';
+import { Channel } from '@storybook/channels';
+import { AnyFramework } from '@storybook/csf';
+import { StoryStore } from '@storybook/store';
+import type { StandaloneDocsIndexEntry } from '@storybook/store';
+import { PREPARE_ABORTED } from './Render';
+
+import { StandaloneDocsRender } from './StandaloneDocsRender';
+
+const entry = {
+  type: 'docs',
+  id: 'introduction--docs',
+  name: 'Docs',
+  title: 'Introduction',
+  importPath: './Introduction.mdx',
+  storiesImports: [],
+  standalone: true,
+} as StandaloneDocsIndexEntry;
+
+const createGate = (): [Promise<any | undefined>, (_?: any) => void] => {
+  let openGate = (_?: any) => {};
+  const gate = new Promise<any | undefined>((resolve) => {
+    openGate = resolve;
+  });
+  return [gate, openGate];
+};
+
+describe('StandaloneDocsRender', () => {
+  it('throws PREPARE_ABORTED if torndown during prepare', async () => {
+    const [importGate, openImportGate] = createGate();
+    const mockStore = {
+      loadEntry: jest.fn(async () => {
+        await importGate;
+        return {};
+      }),
+    };
+
+    const render = new StandaloneDocsRender(
+      new Channel(),
+      mockStore as unknown as StoryStore<AnyFramework>,
+      entry
+    );
+
+    const preparePromise = render.prepare();
+
+    render.teardown();
+
+    openImportGate();
+
+    await expect(preparePromise).rejects.toThrowError(PREPARE_ABORTED);
+  });
+});
diff --git a/code/lib/preview-web/src/render/StandaloneDocsRender.ts b/code/lib/preview-web/src/render/StandaloneDocsRender.ts
index c6d99edef02a..27581c2ad9b3 100644
--- a/code/lib/preview-web/src/render/StandaloneDocsRender.ts
+++ b/code/lib/preview-web/src/render/StandaloneDocsRender.ts
@@ -3,7 +3,7 @@ import { CSFFile, ModuleExports, StoryStore } from '@storybook/store';
 import { Channel, IndexEntry } from '@storybook/addons';
 import { DOCS_RENDERED } from '@storybook/core-events';
 
-import { Render, RenderType } from './Render';
+import { Render, RenderType, PREPARE_ABORTED } from './Render';
 import type { DocsContextProps } from '../docs-context/DocsContextProps';
 import type { DocsRenderFunction } from '../docs-context/DocsRenderFunction';
 import { DocsContext } from '../docs-context/DocsContext';
@@ -26,7 +26,7 @@ export class StandaloneDocsRender<TFramework extends AnyFramework> implements Re
 
   public rerender?: () => Promise<void>;
 
-  public teardown?: (options: { viewModeChanged?: boolean }) => Promise<void>;
+  public teardownRender?: (options: { viewModeChanged?: boolean }) => Promise<void>;
 
   public torndown = false;
 
@@ -51,6 +51,8 @@ export class StandaloneDocsRender<TFramework extends AnyFramework> implements Re
   async prepare() {
     this.preparing = true;
     const { entryExports, csfFiles = [] } = await this.store.loadEntry(this.id);
+    if (this.torndown) throw PREPARE_ABORTED;
+
     this.csfFiles = csfFiles;
     this.exports = entryExports;
 
@@ -96,7 +98,7 @@ export class StandaloneDocsRender<TFramework extends AnyFramework> implements Re
     };
 
     this.rerender = async () => renderDocs();
-    this.teardown = async ({ viewModeChanged }: { viewModeChanged?: boolean } = {}) => {
+    this.teardownRender = async ({ viewModeChanged }: { viewModeChanged?: boolean } = {}) => {
       if (!viewModeChanged || !canvasElement) return;
       renderer.unmount(canvasElement);
       this.torndown = true;
@@ -104,4 +106,9 @@ export class StandaloneDocsRender<TFramework extends AnyFramework> implements Re
 
     return renderDocs();
   }
+
+  async teardown({ viewModeChanged }: { viewModeChanged?: boolean } = {}) {
+    this.teardownRender?.({ viewModeChanged });
+    this.torndown = true;
+  }
 }
diff --git a/code/lib/preview-web/src/render/StoryRender.test.ts b/code/lib/preview-web/src/render/StoryRender.test.ts
new file mode 100644
index 000000000000..7ec87a7d1506
--- /dev/null
+++ b/code/lib/preview-web/src/render/StoryRender.test.ts
@@ -0,0 +1,54 @@
+import { jest, describe, it, expect } from '@jest/globals';
+import { Channel } from '@storybook/channels';
+import { AnyFramework } from '@storybook/csf';
+import { StoryStore } from '@storybook/store';
+import type { StoryIndexEntry } from '@storybook/store';
+import { PREPARE_ABORTED } from './Render';
+
+import { StoryRender } from './StoryRender';
+
+const entry = {
+  type: 'story',
+  id: 'component--a',
+  name: 'A',
+  title: 'component',
+  importPath: './component.stories.ts',
+} as StoryIndexEntry;
+
+const createGate = (): [Promise<any | undefined>, (_?: any) => void] => {
+  let openGate = (_?: any) => {};
+  const gate = new Promise<any | undefined>((resolve) => {
+    openGate = resolve;
+  });
+  return [gate, openGate];
+};
+
+describe('StoryRender', () => {
+  it('throws PREPARE_ABORTED if torndown during prepare', async () => {
+    const [importGate, openImportGate] = createGate();
+    const mockStore = {
+      loadStory: jest.fn(async () => {
+        await importGate;
+        return {};
+      }),
+      cleanupStory: jest.fn(),
+    };
+
+    const render = new StoryRender(
+      new Channel(),
+      mockStore as unknown as StoryStore<AnyFramework>,
+      jest.fn(),
+      {} as any,
+      entry.id,
+      'story'
+    );
+
+    const preparePromise = render.prepare();
+
+    render.teardown();
+
+    openImportGate();
+
+    await expect(preparePromise).rejects.toThrowError(PREPARE_ABORTED);
+  });
+});
diff --git a/code/lib/preview-web/src/render/StoryRender.ts b/code/lib/preview-web/src/render/StoryRender.ts
index 70b6b8fd86a0..0074e28f9c01 100644
--- a/code/lib/preview-web/src/render/StoryRender.ts
+++ b/code/lib/preview-web/src/render/StoryRender.ts
@@ -20,7 +20,7 @@ import {
   STORY_RENDERED,
   PLAY_FUNCTION_THREW_EXCEPTION,
 } from '@storybook/core-events';
-import { Render, RenderType } from './Render';
+import { Render, RenderType, PREPARE_ABORTED } from './Render';
 
 const { AbortController } = global;
 
@@ -40,7 +40,7 @@ function createController(): AbortController {
   return {
     signal: { aborted: false },
     abort() {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       this.signal.aborted = true;
     },
   } as AbortController;
@@ -60,8 +60,6 @@ export type RenderContextCallbacks<TFramework extends AnyFramework> = Pick<
   'showMain' | 'showError' | 'showException'
 >;
 
-export const PREPARE_ABORTED = new Error('prepareAborted');
-
 export class StoryRender<TFramework extends AnyFramework> implements Render<TFramework> {
   public type: RenderType = 'story';
 
@@ -275,7 +273,7 @@ export class StoryRender<TFramework extends AnyFramework> implements Render<TFra
     this.abortController?.abort();
   }
 
-  async teardown(options: {} = {}) {
+  async teardown() {
     this.torndown = true;
     this.cancelRender();
 
diff --git a/code/lib/preview-web/src/render/TemplateDocsRender.test.ts b/code/lib/preview-web/src/render/TemplateDocsRender.test.ts
new file mode 100644
index 000000000000..572fb3541b9a
--- /dev/null
+++ b/code/lib/preview-web/src/render/TemplateDocsRender.test.ts
@@ -0,0 +1,52 @@
+import { jest, describe, it, expect } from '@jest/globals';
+import { Channel } from '@storybook/channels';
+import { AnyFramework } from '@storybook/csf';
+import { StoryStore } from '@storybook/store';
+import type { TemplateDocsIndexEntry } from '@storybook/store';
+import { PREPARE_ABORTED } from './Render';
+
+import { TemplateDocsRender } from './TemplateDocsRender';
+
+const entry = {
+  type: 'docs',
+  id: 'component--docs',
+  name: 'Docs',
+  title: 'Component',
+  importPath: './Component.stories.ts',
+  storiesImports: [],
+  standalone: false,
+} as TemplateDocsIndexEntry;
+
+const createGate = (): [Promise<any | undefined>, (_?: any) => void] => {
+  let openGate = (_?: any) => {};
+  const gate = new Promise<any | undefined>((resolve) => {
+    openGate = resolve;
+  });
+  return [gate, openGate];
+};
+
+describe('TemplateDocsRender', () => {
+  it('throws PREPARE_ABORTED if torndown during prepare', async () => {
+    const [importGate, openImportGate] = createGate();
+    const mockStore = {
+      loadEntry: jest.fn(async () => {
+        await importGate;
+        return {};
+      }),
+    };
+
+    const render = new TemplateDocsRender(
+      new Channel(),
+      mockStore as unknown as StoryStore<AnyFramework>,
+      entry
+    );
+
+    const preparePromise = render.prepare();
+
+    render.teardown();
+
+    openImportGate();
+
+    await expect(preparePromise).rejects.toThrowError(PREPARE_ABORTED);
+  });
+});
diff --git a/code/lib/preview-web/src/render/TemplateDocsRender.ts b/code/lib/preview-web/src/render/TemplateDocsRender.ts
index 7399ca734965..1d3be018ae83 100644
--- a/code/lib/preview-web/src/render/TemplateDocsRender.ts
+++ b/code/lib/preview-web/src/render/TemplateDocsRender.ts
@@ -3,7 +3,7 @@ import { CSFFile, Story, StoryStore } from '@storybook/store';
 import { Channel, IndexEntry } from '@storybook/addons';
 import { DOCS_RENDERED } from '@storybook/core-events';
 
-import { Render, RenderType } from './Render';
+import { Render, RenderType, PREPARE_ABORTED } from './Render';
 import type { DocsContextProps } from '../docs-context/DocsContextProps';
 import type { DocsRenderFunction } from '../docs-context/DocsRenderFunction';
 import { DocsContext } from '../docs-context/DocsContext';
@@ -29,7 +29,7 @@ export class TemplateDocsRender<TFramework extends AnyFramework> implements Rend
 
   public rerender?: () => Promise<void>;
 
-  public teardown?: (options: { viewModeChanged?: boolean }) => Promise<void>;
+  public teardownRender?: (options: { viewModeChanged?: boolean }) => Promise<void>;
 
   public torndown = false;
 
@@ -54,9 +54,10 @@ export class TemplateDocsRender<TFramework extends AnyFramework> implements Rend
   async prepare() {
     this.preparing = true;
     const { entryExports, csfFiles = [] } = await this.store.loadEntry(this.id);
+    if (this.torndown) throw PREPARE_ABORTED;
 
     const { importPath, title } = this.entry;
-    const primaryCsfFile = await this.store.processCSFFileWithCache<TFramework>(
+    const primaryCsfFile = this.store.processCSFFileWithCache<TFramework>(
       entryExports,
       importPath,
       title
@@ -112,12 +113,16 @@ export class TemplateDocsRender<TFramework extends AnyFramework> implements Rend
     };
 
     this.rerender = async () => renderDocs();
-    this.teardown = async ({ viewModeChanged }: { viewModeChanged?: boolean } = {}) => {
+    this.teardownRender = async ({ viewModeChanged }: { viewModeChanged?: boolean }) => {
       if (!viewModeChanged || !canvasElement) return;
       renderer.unmount(canvasElement);
-      this.torndown = true;
     };
 
     return renderDocs();
   }
+
+  async teardown({ viewModeChanged }: { viewModeChanged?: boolean } = {}) {
+    this.teardownRender?.({ viewModeChanged });
+    this.torndown = true;
+  }
 }
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index 559857abeb0a..74d846139c8c 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -31,20 +31,17 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "ts-node ../../../scripts/prebundle.ts"
+    "prep": "ts-node ../../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/client-logger": "7.0.0-alpha.31",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
   },
   "devDependencies": {
     "dequal": "^2.0.2",
     "global": "^4.4.0",
-    "history": "5.0.0",
     "lodash": "^4.17.21",
-    "react-router": "6.0.2",
     "react-router-dom": "6.0.2",
     "ts-dedent": "^2.0.0",
     "ts-node": "^10.4.0",
@@ -58,5 +55,5 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 953c09b2813a..d23993866fc3 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -32,19 +32,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "core-js": "^3.8.2",
     "estraverse": "^5.2.0",
-    "global": "^4.4.0",
     "lodash": "^4.17.21",
     "prettier": ">=2.2.1 <=2.3.0"
   },
   "devDependencies": {
+    "jest-specific-snapshot": "^4.0.0",
     "typescript": "~4.6.3"
   },
   "peerDependencies": {
@@ -54,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap b/code/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
index 413752f99083..fe9a7c7180fb 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
+++ b/code/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
@@ -97,7 +97,6 @@ exports[`inject-decorator injectDecorator option is false does not inject storie
 "import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
 
 import { DocgenButton } from '../components/DocgenButton';
 import FlowTypeButton from '../components/FlowTypeButton';
@@ -109,19 +108,19 @@ storiesOf('Addons|Info.React Docgen', module)
     'Comments from PropType declarations',
     withInfo(
       'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label=\\"Docgen Button\\" />)
+    )(() => <DocgenButton label=\\"Docgen Button\\" />)
   )
   .add(
     'Comments from Flow declarations',
     withInfo(
       'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label=\\"Flow Typed Button\\" />)
+    )(() => <FlowTypeButton label=\\"Flow Typed Button\\" />)
   )
   .add(
     'Comments from component declaration',
     withInfo(
       'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
+    )(() => <BaseButton label=\\"Button\\" />)
   );
 
 const markdownDescription = \`
@@ -137,7 +136,7 @@ Maybe include a [link](http://storybook.js.org) to your project as well.
 
 storiesOf('Addons|Info.Markdown', module).add(
   'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
+  withInfo(markdownDescription)(() => <BaseButton label=\\"Button\\" />)
 );
 
 storiesOf('Addons|Info.Options.inline', module).add(
@@ -417,253 +416,253 @@ Object {
   "1814": Object {
     "endBody": Object {
       "col": 4,
-      "line": 152,
+      "line": 151,
     },
     "endLoc": Object {
       "col": 4,
-      "line": 152,
+      "line": 151,
     },
     "startBody": Object {
       "col": 2,
-      "line": 147,
+      "line": 146,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 146,
+      "line": 145,
     },
   },
   "comments-from-component-declaration": Object {
     "endBody": Object {
-      "col": 70,
-      "line": 28,
+      "col": 42,
+      "line": 27,
     },
     "endLoc": Object {
-      "col": 70,
-      "line": 28,
+      "col": 42,
+      "line": 27,
     },
     "startBody": Object {
       "col": 4,
-      "line": 26,
+      "line": 25,
     },
     "startLoc": Object {
       "col": 4,
-      "line": 25,
+      "line": 24,
     },
   },
   "comments-from-flow-declarations": Object {
     "endBody": Object {
-      "col": 85,
-      "line": 22,
+      "col": 57,
+      "line": 21,
     },
     "endLoc": Object {
-      "col": 85,
-      "line": 22,
+      "col": 57,
+      "line": 21,
     },
     "startBody": Object {
       "col": 4,
-      "line": 20,
+      "line": 19,
     },
     "startLoc": Object {
       "col": 4,
-      "line": 19,
+      "line": 18,
     },
   },
   "comments-from-proptype-declarations": Object {
     "endBody": Object {
-      "col": 79,
-      "line": 16,
+      "col": 51,
+      "line": 15,
     },
     "endLoc": Object {
-      "col": 79,
-      "line": 16,
+      "col": 51,
+      "line": 15,
     },
     "startBody": Object {
       "col": 4,
-      "line": 14,
+      "line": 13,
     },
     "startLoc": Object {
       "col": 4,
-      "line": 13,
+      "line": 12,
     },
   },
   "displays-markdown-in-description": Object {
     "endBody": Object {
-      "col": 96,
-      "line": 44,
+      "col": 68,
+      "line": 43,
     },
     "endLoc": Object {
-      "col": 96,
-      "line": 44,
+      "col": 68,
+      "line": 43,
     },
     "startBody": Object {
       "col": 2,
-      "line": 44,
+      "line": 43,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 43,
+      "line": 42,
     },
   },
   "exclude-component-from-prop-tables": Object {
     "endBody": Object {
       "col": 4,
-      "line": 89,
+      "line": 88,
     },
     "endLoc": Object {
       "col": 4,
-      "line": 89,
+      "line": 88,
     },
     "startBody": Object {
       "col": 2,
-      "line": 81,
+      "line": 80,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 80,
+      "line": 79,
     },
   },
   "extend-info-styles-with-an-object": Object {
     "endBody": Object {
       "col": 43,
-      "line": 108,
+      "line": 107,
     },
     "endLoc": Object {
       "col": 43,
-      "line": 108,
+      "line": 107,
     },
     "startBody": Object {
       "col": 4,
-      "line": 95,
+      "line": 94,
     },
     "startLoc": Object {
       "col": 4,
-      "line": 94,
+      "line": 93,
     },
   },
   "full-control-over-styles-using-a-function": Object {
     "endBody": Object {
       "col": 43,
-      "line": 123,
+      "line": 122,
     },
     "endLoc": Object {
       "col": 43,
-      "line": 123,
+      "line": 122,
     },
     "startBody": Object {
       "col": 4,
-      "line": 112,
+      "line": 111,
     },
     "startLoc": Object {
       "col": 4,
-      "line": 111,
+      "line": 110,
     },
   },
   "inlines-component-inside-story": Object {
     "endBody": Object {
       "col": 41,
-      "line": 52,
+      "line": 51,
     },
     "endLoc": Object {
       "col": 41,
-      "line": 52,
+      "line": 51,
     },
     "startBody": Object {
       "col": 2,
-      "line": 49,
+      "line": 48,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 48,
+      "line": 47,
     },
   },
   "shows-additional-component-prop-tables": Object {
     "endBody": Object {
       "col": 41,
-      "line": 76,
+      "line": 75,
     },
     "endLoc": Object {
       "col": 41,
-      "line": 76,
+      "line": 75,
     },
     "startBody": Object {
       "col": 2,
-      "line": 73,
+      "line": 72,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 72,
+      "line": 71,
     },
   },
   "shows-or-hides-info-addon-header": Object {
     "endBody": Object {
       "col": 41,
-      "line": 60,
+      "line": 59,
     },
     "endLoc": Object {
       "col": 41,
-      "line": 60,
+      "line": 59,
     },
     "startBody": Object {
       "col": 2,
-      "line": 57,
+      "line": 56,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 56,
+      "line": 55,
     },
   },
   "shows-or-hides-info-addon-source": Object {
     "endBody": Object {
       "col": 41,
-      "line": 68,
+      "line": 67,
     },
     "endLoc": Object {
       "col": 41,
-      "line": 68,
+      "line": 67,
     },
     "startBody": Object {
       "col": 2,
-      "line": 65,
+      "line": 64,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 64,
+      "line": 63,
     },
   },
   "use-a-custom-component-for-the-table": Object {
     "endBody": Object {
       "col": 41,
-      "line": 130,
+      "line": 129,
     },
     "endLoc": Object {
       "col": 41,
-      "line": 130,
+      "line": 129,
     },
     "startBody": Object {
       "col": 2,
-      "line": 128,
+      "line": 127,
     },
     "startLoc": Object {
       "col": 2,
-      "line": 127,
+      "line": 126,
     },
   },
   "use-info-as-story-decorator": Object {
     "endBody": Object {
       "col": 73,
-      "line": 137,
+      "line": 136,
     },
     "endLoc": Object {
       "col": 73,
-      "line": 137,
+      "line": 136,
     },
     "startBody": Object {
       "col": 38,
-      "line": 137,
+      "line": 136,
     },
     "startLoc": Object {
       "col": 7,
-      "line": 137,
+      "line": 136,
     },
   },
 }
@@ -673,7 +672,6 @@ exports[`inject-decorator positive injects stories decorator after the all "stor
 "import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
 
 import { DocgenButton } from '../components/DocgenButton';
 import FlowTypeButton from '../components/FlowTypeButton';
@@ -685,19 +683,19 @@ storiesOf('Addons|Info.React Docgen', module).addParameters({ storySource: { sou
     'Comments from PropType declarations',
     withInfo(
       'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label=\\"Docgen Button\\" />)
+    )(() => <DocgenButton label=\\"Docgen Button\\" />)
   )
   .add(
     'Comments from Flow declarations',
     withInfo(
       'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label=\\"Flow Typed Button\\" />)
+    )(() => <FlowTypeButton label=\\"Flow Typed Button\\" />)
   )
   .add(
     'Comments from component declaration',
     withInfo(
       'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
+    )(() => <BaseButton label=\\"Button\\" />)
   );
 
 const markdownDescription = \`
@@ -713,7 +711,7 @@ Maybe include a [link](http://storybook.js.org) to your project as well.
 
 storiesOf('Addons|Info.Markdown', module).addParameters({ storySource: { source: __STORY__, locationsMap: __LOCATIONS_MAP__ } }).add(
   'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
+  withInfo(markdownDescription)(() => <BaseButton label=\\"Button\\" />)
 );
 
 storiesOf('Addons|Info.Options.inline', module).addParameters({ storySource: { source: __STORY__, locationsMap: __LOCATIONS_MAP__ } }).add(
diff --git a/code/lib/source-loader/src/build.js b/code/lib/source-loader/src/build.js
index 96bda39b6cd8..8511fac4cba6 100644
--- a/code/lib/source-loader/src/build.js
+++ b/code/lib/source-loader/src/build.js
@@ -16,9 +16,9 @@ export async function transform(inputSource) {
   const preamble = `
     /* eslint-disable */
     // @ts-nocheck
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     var __STORY__ = ${sourceJson};
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     var __LOCATIONS_MAP__ = ${JSON.stringify(addsMap)};
     `;
   return `${preamble}\n${source}`;
diff --git a/code/lib/source-loader/src/index.ts b/code/lib/source-loader/src/index.ts
index af610e494c3e..b05f22ffec89 100644
--- a/code/lib/source-loader/src/index.ts
+++ b/code/lib/source-loader/src/index.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import { transform } from './build';
 
 export * from './types';
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 5b20a014bed0..d337ee9f4071 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "",
   "keywords": [
     "storybook"
@@ -23,13 +23,6 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "*": [
-        "dist/ts3.4/*"
-      ]
-    }
-  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -38,20 +31,18 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "core-js": "^3.8.2",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
     "slash": "^3.0.0",
-    "stable": "^0.1.8",
     "synchronous-promise": "^2.0.15",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
@@ -66,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/store/src/csf/composeConfigs.test.ts b/code/lib/store/src/csf/composeConfigs.test.ts
index ce35ddd4c444..97c920c7993c 100644
--- a/code/lib/store/src/csf/composeConfigs.test.ts
+++ b/code/lib/store/src/csf/composeConfigs.test.ts
@@ -157,4 +157,22 @@ describe('composeConfigs', () => {
       runStep: expect.any(Function),
     });
   });
+
+  it('composes step runners', () => {
+    const fn = jest.fn();
+
+    const { runStep } = composeConfigs([
+      { runStep: (label, play, context) => fn(`${label}1`, play(context)) },
+      { runStep: (label, play, context) => fn(`${label}2`, play(context)) },
+      { runStep: (label, play, context) => fn(`${label}3`, play(context)) },
+    ]);
+
+    // @ts-expect-error We don't care about the context value here
+    runStep('Label', () => {}, {});
+
+    expect(fn).toHaveBeenCalledTimes(3);
+    expect(fn).toHaveBeenNthCalledWith(1, 'Label3', expect.anything());
+    expect(fn).toHaveBeenNthCalledWith(2, 'Label2', expect.anything());
+    expect(fn).toHaveBeenNthCalledWith(3, 'Label1', expect.anything());
+  });
 });
diff --git a/code/lib/store/src/csf/composeConfigs.ts b/code/lib/store/src/csf/composeConfigs.ts
index dc2cc97c0cec..f43aed164704 100644
--- a/code/lib/store/src/csf/composeConfigs.ts
+++ b/code/lib/store/src/csf/composeConfigs.ts
@@ -36,6 +36,7 @@ export function composeConfigs<TFramework extends AnyFramework>(
   moduleExportList: ModuleExports[]
 ): WebProjectAnnotations<TFramework> {
   const allArgTypeEnhancers = getArrayField(moduleExportList, 'argTypesEnhancers');
+  const stepRunners = getField(moduleExportList, 'runStep');
 
   return {
     parameters: combineParameters(...getField(moduleExportList, 'parameters')),
@@ -53,6 +54,6 @@ export function composeConfigs<TFramework extends AnyFramework>(
     render: getSingletonField(moduleExportList, 'render'),
     renderToDOM: getSingletonField(moduleExportList, 'renderToDOM'),
     applyDecorators: getSingletonField(moduleExportList, 'applyDecorators'),
-    runStep: composeStepRunners<TFramework>(getArrayField(moduleExportList, 'runStep')),
+    runStep: composeStepRunners<TFramework>(stepRunners),
   };
 }
diff --git a/code/lib/store/src/csf/index.ts b/code/lib/store/src/csf/index.ts
index 00cdb73c4794..4b3aa8fa8c97 100644
--- a/code/lib/store/src/csf/index.ts
+++ b/code/lib/store/src/csf/index.ts
@@ -6,4 +6,5 @@ export * from './normalizeComponentAnnotations';
 export * from './normalizeProjectAnnotations';
 export * from './getValuesFromArgTypes';
 export * from './composeConfigs';
+export * from './stepRunners';
 export * from './testing-utils';
diff --git a/code/lib/store/src/csf/prepareStory.test.ts b/code/lib/store/src/csf/prepareStory.test.ts
index f943f61889a5..81ae1314eab3 100644
--- a/code/lib/store/src/csf/prepareStory.test.ts
+++ b/code/lib/store/src/csf/prepareStory.test.ts
@@ -641,7 +641,7 @@ describe('playFunction', () => {
       expect(context.step).toEqual(expect.any(Function));
     });
     const play = jest.fn(async ({ step }) => {
-      step('label', stepPlay);
+      await step('label', stepPlay);
     });
     const runStep = jest.fn((label, p, c) => p(c));
     const { playFunction } = prepareStory(
diff --git a/code/lib/store/src/sortStories.ts b/code/lib/store/src/sortStories.ts
index bcc8a7222b6a..f817fca96bcf 100644
--- a/code/lib/store/src/sortStories.ts
+++ b/code/lib/store/src/sortStories.ts
@@ -1,6 +1,10 @@
-import stable from 'stable';
 import { dedent } from 'ts-dedent';
-import type { Comparator, StorySortParameter, StorySortParameterV7 } from '@storybook/addons';
+import type {
+  Comparator,
+  IndexEntryLegacy,
+  StorySortParameter,
+  StorySortParameterV7,
+} from '@storybook/addons';
 import { storySort } from './storySort';
 import type { Story, StoryIndexEntry, IndexEntry, Path, Parameters } from './types';
 
@@ -16,10 +20,9 @@ const sortStoriesCommon = (
     } else {
       sortFn = storySort(storySortParameter);
     }
-    stable.inplace(stories, sortFn);
+    stories.sort(sortFn as (a: IndexEntry, b: IndexEntry) => number);
   } else {
-    stable.inplace(
-      stories,
+    stories.sort(
       (s1, s2) => fileNameOrder.indexOf(s1.importPath) - fileNameOrder.indexOf(s2.importPath)
     );
   }
@@ -57,7 +60,7 @@ export const sortStoriesV6 = (
   fileNameOrder: Path[]
 ) => {
   if (storySortParameter && typeof storySortParameter === 'function') {
-    stable.inplace(stories, storySortParameter);
+    stories.sort(storySortParameter as (a: IndexEntryLegacy, b: IndexEntryLegacy) => number);
     return stories.map((s) => toIndexEntry(s[1]));
   }
 
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 5b377cecd54a..3471bad83a7b 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -31,17 +31,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js"
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-common": "7.0.0-alpha.20",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
     "chalk": "^4.1.0",
-    "core-js": "^3.8.2",
     "detect-package-manager": "^2.0.1",
     "fetch-retry": "^5.0.2",
     "fs-extra": "^9.0.1",
-    "global": "^4.4.0",
     "isomorphic-unfetch": "^3.1.0",
     "nanoid": "^3.3.1",
     "read-pkg-up": "^7.0.1"
@@ -52,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/telemetry/src/storybook-metadata.ts b/code/lib/telemetry/src/storybook-metadata.ts
index a9449de8637c..da3727d261f3 100644
--- a/code/lib/telemetry/src/storybook-metadata.ts
+++ b/code/lib/telemetry/src/storybook-metadata.ts
@@ -181,6 +181,8 @@ export const computeStorybookMetadata = async ({
 
   const hasStorybookEslint = !!allDependencies['eslint-plugin-storybook'];
 
+  // FIXME: resolve framework/renderer split in 7.0
+  //        OR should be getting this from mainConfig instead?
   const storybookInfo = getStorybookInfo(packageJson);
 
   const storybookVersion =
diff --git a/code/lib/telemetry/src/typings.d.ts b/code/lib/telemetry/src/typings.d.ts
deleted file mode 100644
index 2f4eb9cf4fd9..000000000000
--- a/code/lib/telemetry/src/typings.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module 'global';
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 4a0c550ba8cf..5bc1bd78f6a0 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -44,11 +44,10 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/client-logger": "7.0.0-alpha.31",
     "memoizerific": "^1.11.3"
   },
   "devDependencies": {
@@ -63,7 +62,6 @@
     "global": "^4.4.0",
     "polished": "^4.2.2",
     "ts-dedent": "^2.0.0",
-    "ts-node": "^10.4.0",
     "typescript": "~4.6.3"
   },
   "peerDependencies": {
@@ -80,5 +78,5 @@
     ],
     "post": "./scripts/fix-theme-type-export.ts"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/theming/scripts/fix-theme-type-export.ts b/code/lib/theming/scripts/fix-theme-type-export.ts
index 9e5ff7cb5973..81d6f2b40238 100644
--- a/code/lib/theming/scripts/fix-theme-type-export.ts
+++ b/code/lib/theming/scripts/fix-theme-type-export.ts
@@ -3,7 +3,7 @@ import { readFile, writeFile } from 'fs-extra';
 import { dedent } from 'ts-dedent';
 import { join } from 'path';
 
-const run = async () => {
+async function editIndexTypeDefinitionsFile() {
   const target = join(process.cwd(), 'dist', 'index.d.ts');
   const contents = await readFile(target, 'utf8');
 
@@ -20,6 +20,20 @@ const run = async () => {
   `;
 
   await writeFile(target, newContents);
+}
+
+async function editIndexESMFile() {
+  const target = join(process.cwd(), 'dist', 'index.mjs');
+  const contents = await readFile(target, 'utf8');
+
+  const newContents = contents.replace(/\.useInsertionEffect/g, `['useInsertion'+'Effect']`);
+
+  await writeFile(target, newContents);
+}
+
+const run = async () => {
+  await editIndexTypeDefinitionsFile();
+  await editIndexESMFile();
 };
 
 run().catch((e) => {
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index c3dcba6bbb29..3dc305ed03a0 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -49,30 +49,26 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.10",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/channel-postmessage": "7.0.0-alpha.20",
-    "@storybook/channel-websocket": "7.0.0-alpha.20",
-    "@storybook/channels": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/components": "7.0.0-alpha.20",
-    "@storybook/core-events": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/channel-postmessage": "7.0.0-alpha.31",
+    "@storybook/channel-websocket": "7.0.0-alpha.31",
+    "@storybook/channels": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/components": "7.0.0-alpha.31",
+    "@storybook/core-events": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/router": "7.0.0-alpha.20",
+    "@storybook/router": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "7.0.0-alpha.20",
+    "@storybook/theming": "7.0.0-alpha.31",
     "@testing-library/react": "^11.2.2",
     "copy-to-clipboard": "^3.3.1",
-    "core-js": "^3.8.2",
-    "core-js-pure": "^3.8.2",
     "downshift": "^6.0.15",
     "enzyme": "^3.11.0",
-    "flush-promises": "^1.0.2",
     "fs-extra": "^9.0.1",
     "fuse.js": "^3.6.1",
     "global": "^4.4.0",
@@ -90,8 +86,7 @@
     "shelljs": "^0.8.5",
     "store2": "^2.12.0",
     "ts-dedent": "^2.0.0",
-    "typescript": "~4.6.3",
-    "util": "^0.12.4"
+    "typescript": "~4.6.3"
   },
   "publishConfig": {
     "access": "public"
@@ -104,5 +99,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/lib/ui/src/FakeProvider.tsx b/code/lib/ui/src/FakeProvider.tsx
index 37ae3143dfdb..f16632ea6c08 100644
--- a/code/lib/ui/src/FakeProvider.tsx
+++ b/code/lib/ui/src/FakeProvider.tsx
@@ -7,9 +7,9 @@ export class FakeProvider extends Provider {
   constructor() {
     super();
 
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.addons = addons;
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     this.channel = {
       on: () => {},
       off: () => {},
@@ -19,7 +19,7 @@ export class FakeProvider extends Provider {
     };
   }
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   getElements(type) {
     return addons.getElements(type);
   }
@@ -28,12 +28,12 @@ export class FakeProvider extends Provider {
     return <div>This is from a 'renderPreview' call from FakeProvider</div>;
   }
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   handleAPI(api) {
     addons.loadAddons(api);
   }
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   getConfig() {
     return {};
   }
diff --git a/code/lib/ui/src/__tests__/index.test.ts b/code/lib/ui/src/__tests__/index.test.ts
index 30561817a8d6..60bd0492a31c 100644
--- a/code/lib/ui/src/__tests__/index.test.ts
+++ b/code/lib/ui/src/__tests__/index.test.ts
@@ -4,7 +4,7 @@ describe('Main API', () => {
   it('should fail if provider is not extended from the base Provider', () => {
     const run = () => {
       const fakeProvider = {};
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       renderStorybookUI(null, fakeProvider);
     };
 
diff --git a/code/lib/ui/src/components/layout/container.tsx b/code/lib/ui/src/components/layout/container.tsx
index 6418925b0134..7cc44ef9627b 100644
--- a/code/lib/ui/src/components/layout/container.tsx
+++ b/code/lib/ui/src/components/layout/container.tsx
@@ -7,11 +7,11 @@ import * as persistence from './persist';
 import { Draggable, Handle, DraggableData, DraggableEvent } from './draggers';
 
 const MIN_NAV_WIDTH = 200; // visually there's an additional 10px due to the canvas' left margin
-const MIN_CANVAS_WIDTH = 200; // visually it's 10px less due to the canvas' left margin
+const MIN_CANVAS_WIDTH = 200;
 const MIN_CANVAS_HEIGHT = 200; // visually it's 50px less due to the canvas toolbar and top margin
-const MIN_PANEL_WIDTH = 200; // visually it's 10px less due to the canvas' right margin
-const MIN_PANEL_HEIGHT = 200; // visually it's 50px less due to the panel toolbar and bottom margin
-const DEFAULT_NAV_WIDTH = 220;
+const MIN_PANEL_WIDTH = 220;
+const MIN_PANEL_HEIGHT = 200; // visually it's 50px less due to the panel toolbar
+const DEFAULT_NAV_WIDTH = 230;
 const DEFAULT_PANEL_WIDTH = 400;
 
 const Pane = styled.div<{
@@ -95,9 +95,13 @@ const Paper = styled.div<{ isFullscreen: boolean }>(
           borderRadius: 0,
         }
       : {
-          borderRadius: theme.appBorderRadius,
+          borderTopLeftRadius:
+            theme.appBorderRadius === 0 ? theme.appBorderRadius : theme.appBorderRadius + 1,
+          borderBottomLeftRadius:
+            theme.appBorderRadius === 0 ? theme.appBorderRadius : theme.appBorderRadius + 1,
           overflow: 'hidden',
-          boxShadow: '0 1px 5px 0 rgba(0, 0, 0, 0.1)',
+          boxShadow: '0 1px 3px 1px rgba(0, 0, 0, 0.05), 0px 0 0px 1px rgba(0, 0, 0, 0.05)',
+          transform: 'translateZ(0)',
         }
 );
 
@@ -492,7 +496,7 @@ class Layout extends Component<LayoutProps, LayoutState> {
     const { children, bounds, options, theme, viewMode, panelCount } = this.props;
     const { isDragging, resizerNav, resizerPanel } = this.state;
 
-    const margin = theme.layoutMargin;
+    const margin = 0;
     const isNavHidden = options.isFullscreen || !options.showNav;
     const isPanelHidden =
       options.isFullscreen || !options.showPanel || viewMode !== 'story' || panelCount === 0;
@@ -559,14 +563,13 @@ class Layout extends Component<LayoutProps, LayoutState> {
                   ? {
                       left: navX + margin,
                       width: bounds.width - navX - 2 * margin,
-                      marginTop: -margin,
+                      marginTop: -10,
                     }
                   : {
-                      marginLeft: 1,
+                      marginLeft: -10,
                     }
               }
               axis={isPanelBottom ? 'y' : 'x'}
-              reverse
             />
           </Draggable>
         )}
diff --git a/code/lib/ui/src/components/layout/draggers.tsx b/code/lib/ui/src/components/layout/draggers.tsx
index 6fe6dfed7a32..35cd32c4d41a 100644
--- a/code/lib/ui/src/components/layout/draggers.tsx
+++ b/code/lib/ui/src/components/layout/draggers.tsx
@@ -4,7 +4,7 @@ import { styled } from '@storybook/theming';
 export type Axis = 'x' | 'y';
 
 const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }>(
-  ({ theme, isDragging }) => ({
+  ({ theme }) => ({
     zIndex: 10,
     position: 'absolute',
     top: 0,
@@ -13,31 +13,26 @@ const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }
     justifyContent: 'center',
     alignItems: 'center',
 
-    color: isDragging ? theme.color.secondary : theme.appBorderColor,
-
     overflow: 'hidden',
     transition:
       'color 0.2s linear, background-size 0.2s linear, background 0.2s linear, background-position 0s linear',
-    '&:hover': {
-      color: theme.color.secondary,
-    },
   }),
   ({ axis }) => ({
     cursor: axis === 'x' ? 'col-resize' : 'row-resize',
   }),
-  ({ theme, axis }) =>
+  ({ axis }) =>
     axis === 'x'
       ? {
           height: '100%',
-          width: theme.layoutMargin,
-          marginLeft: 0,
+          width: 10,
+          marginLeft: -10,
         }
       : {
-          height: theme.layoutMargin,
+          height: 10,
           width: '100%',
-          marginTop: 0,
+          marginTop: -10,
         },
-  ({ axis, isDragging, reverse = false }) => {
+  ({ axis, isDragging }) => {
     if (axis === 'y') {
       const style = {
         backgroundImage: `radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)`,
@@ -57,7 +52,7 @@ const Handle = styled.div<{ isDragging: boolean; axis: Axis; reverse?: boolean }
       const style = {
         backgroundImage: `radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)`,
         backgroundSize: '50px 100%',
-        backgroundPosition: reverse ? '100% 50%' : '0 50%',
+        backgroundPosition: '0 50%',
         backgroundRepeat: 'no-repeat',
       };
       return isDragging
diff --git a/code/lib/ui/src/components/notifications/NotificationItem.tsx b/code/lib/ui/src/components/notifications/NotificationItem.tsx
index 0ff2813f0ead..c60dacfd2950 100644
--- a/code/lib/ui/src/components/notifications/NotificationItem.tsx
+++ b/code/lib/ui/src/components/notifications/NotificationItem.tsx
@@ -85,6 +85,7 @@ const ItemContent: FC<Pick<State['notifications'][0], 'icon' | 'content'>> = ({
         <Icons
           icon={icon.name as IconsProps['icon']}
           width={16}
+          height={16}
           color={icon.color || DEFAULT_ICON_COLOUR}
         />
       </NotificationIconWrapper>
diff --git a/code/lib/ui/src/components/preview/FramesRenderer.tsx b/code/lib/ui/src/components/preview/FramesRenderer.tsx
index 88d4fc509fa9..1c51b45010df 100644
--- a/code/lib/ui/src/components/preview/FramesRenderer.tsx
+++ b/code/lib/ui/src/components/preview/FramesRenderer.tsx
@@ -57,12 +57,12 @@ export const FramesRenderer: FC<FramesRendererProps> = ({
   const active = getActive(refId);
 
   const styles = useMemo<CSSObject>(() => {
-    // add #root to make the selector high enough in specificity
+    // add #storybook-root to make the selector high enough in specificity
     return {
-      '#root [data-is-storybook="false"]': {
+      '#storybook-root [data-is-storybook="false"]': {
         display: 'none',
       },
-      '#root [data-is-storybook="true"]': {
+      '#storybook-root [data-is-storybook="true"]': {
         display: 'block',
       },
     };
diff --git a/code/lib/ui/src/components/preview/preview.tsx b/code/lib/ui/src/components/preview/preview.tsx
index 67c9c2f2f8c4..cf53461d7720 100644
--- a/code/lib/ui/src/components/preview/preview.tsx
+++ b/code/lib/ui/src/components/preview/preview.tsx
@@ -188,7 +188,7 @@ const Preview = React.memo<PreviewProps>((props) => {
         />
         <S.FrameWrap key="frame" offset={showToolbar ? 40 : 0}>
           {tabs.map(({ render: Render, match, ...t }, i) => {
-            // @ts-ignore
+            // @ts-expect-error (Converted from ts-ignore)
             const key = t.id || t.key || i;
             return (
               <Fragment key={key}>
@@ -224,10 +224,10 @@ function filterTabs(panels: Addon[], parameters: Record<string, any>) {
       .map((panel, index) => ({ ...panel, index } as Addon))
       .sort((p1, p2) => {
         const tab_1 = arrTabs.find((tab) => tab.id === p1.id);
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const index_1 = tab_1 ? tab_1.index : arrTabs.length + p1.index;
         const tab_2 = arrTabs.find((tab) => tab.id === p2.id);
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const index_2 = tab_2 ? tab_2.index : arrTabs.length + p2.index;
         return index_1 - index_2;
       })
diff --git a/code/lib/ui/src/components/preview/toolbar.tsx b/code/lib/ui/src/components/preview/toolbar.tsx
index 704cdb93055d..8c7832ee148b 100644
--- a/code/lib/ui/src/components/preview/toolbar.tsx
+++ b/code/lib/ui/src/components/preview/toolbar.tsx
@@ -171,7 +171,7 @@ export const ToolbarComp = React.memo<ToolData>((props) => (
 export const Tools = React.memo<{ list: Addon[] }>(({ list }) => (
   <>
     {list.filter(Boolean).map(({ render: Render, id, ...t }, index) => (
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       <Render key={id || t.key || `f-${index}`} />
     ))}
   </>
diff --git a/code/lib/ui/src/components/sidebar/Heading.tsx b/code/lib/ui/src/components/sidebar/Heading.tsx
index 7017231c1e87..c6642b5f9c25 100644
--- a/code/lib/ui/src/components/sidebar/Heading.tsx
+++ b/code/lib/ui/src/components/sidebar/Heading.tsx
@@ -45,7 +45,7 @@ const SkipToCanvasLink = styled(Button)(({ theme }) => ({
     width: '100%',
     padding: '10px 15px',
     fontSize: theme.typography.size.s1,
-    zIndex: 1,
+    zIndex: 3,
     transform: 'translate(0,-100px)',
     '&:focus': {
       transform: 'translate(0)',
diff --git a/code/lib/ui/src/components/sidebar/Menu.stories.tsx b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
index c5abe034dcac..1e47d08ba335 100644
--- a/code/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -1,8 +1,10 @@
+import { expect } from '@storybook/jest';
 import React, { Fragment, FunctionComponent } from 'react';
 
 import { WithTooltip, TooltipLinkList, Icons } from '@storybook/components';
 import { styled } from '@storybook/theming';
-import { MenuItemIcon, SidebarMenu, ToolbarMenu, MenuButton, SidebarMenuList } from './Menu';
+import { within, userEvent, screen } from '@storybook/testing-library';
+import { MenuItemIcon, SidebarMenu, ToolbarMenu } from './Menu';
 import { useMenu } from '../../containers/menu';
 
 export default {
@@ -34,31 +36,15 @@ export const Real = () => <SidebarMenu menu={fakemenu} isHighlighted />;
 export const Toolbar = () => <ToolbarMenu menu={fakemenu} />;
 
 const DoubleThemeRenderingHack = styled.div({
-  '#root > [data-side="left"] > &': {
+  '#storybook-root > [data-side="left"] > &': {
     textAlign: 'right',
   },
 });
 
-const ExpandedMenu: FunctionComponent<{ menu: any }> = ({ menu }) => (
-  <DoubleThemeRenderingHack>
-    <WithTooltip
-      placement="bottom"
-      trigger="click"
-      closeOnClick
-      startOpen
-      tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
-    >
-      <MenuButton outline small containsIcon highlighted={false} title="Shortcuts">
-        <Icons icon="ellipsis" />
-      </MenuButton>
-    </WithTooltip>
-  </DoubleThemeRenderingHack>
-);
-
 export const Expanded = () => {
   const menu = useMenu(
     {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       getShortcutKeys: () => ({}),
       getAddonsShortcuts: () => ({}),
       versionUpdateAvailable: () => false,
@@ -70,13 +56,24 @@ export const Expanded = () => {
     false,
     false
   );
-  return <ExpandedMenu menu={menu} />;
+  return (
+    <DoubleThemeRenderingHack>
+      <SidebarMenu menu={menu} isHighlighted />
+    </DoubleThemeRenderingHack>
+  );
+};
+Expanded.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const menuButton = await canvas.findByRole('button');
+  await userEvent.click(menuButton);
+  const aboutStorybookBtn = await screen.findByText(/About your Storybook/);
+  await expect(aboutStorybookBtn).toBeInTheDocument();
 };
 
 export const ExpandedWithoutReleaseNotes = () => {
   const menu = useMenu(
     {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       getShortcutKeys: () => ({}),
       getAddonsShortcuts: () => ({}),
       versionUpdateAvailable: () => false,
@@ -88,5 +85,16 @@ export const ExpandedWithoutReleaseNotes = () => {
     false,
     false
   );
-  return <ExpandedMenu menu={menu} />;
+
+  return (
+    <DoubleThemeRenderingHack>
+      <SidebarMenu menu={menu} />
+    </DoubleThemeRenderingHack>
+  );
+};
+ExpandedWithoutReleaseNotes.play = async (context) => {
+  const canvas = within(context.canvasElement);
+  await Expanded.play(context);
+  const releaseNotes = await canvas.queryByText(/Release notes/);
+  await expect(releaseNotes).not.toBeInTheDocument();
 };
diff --git a/code/lib/ui/src/components/sidebar/Menu.tsx b/code/lib/ui/src/components/sidebar/Menu.tsx
index 1096620ef8e5..01730871edbd 100644
--- a/code/lib/ui/src/components/sidebar/Menu.tsx
+++ b/code/lib/ui/src/components/sidebar/Menu.tsx
@@ -1,6 +1,7 @@
-import React, { useMemo, ComponentProps, FC } from 'react';
+import React, { useMemo, useState, ComponentProps, FC } from 'react';
 
 import { styled } from '@storybook/theming';
+import { transparentize } from 'polished';
 import { WithTooltip, TooltipLinkList, Button, Icons, IconButton } from '@storybook/components';
 
 export type MenuList = ComponentProps<typeof TooltipLinkList>['links'];
@@ -17,6 +18,44 @@ const Icon = styled(Icons)(sharedStyles, ({ theme }) => ({
   color: theme.color.secondary,
 }));
 
+export const SidebarIconButton: FC<ComponentProps<typeof Button> & { highlighted: boolean }> =
+  styled(IconButton)<
+    ComponentProps<typeof Button> & {
+      highlighted: boolean;
+    }
+  >(({ highlighted, theme }) => ({
+    position: 'relative',
+    overflow: 'visible',
+    color: theme.color.mediumdark,
+    marginTop: 0,
+    zIndex: 1,
+
+    ...(highlighted && {
+      '&:before, &:after': {
+        content: '""',
+        position: 'absolute',
+        top: 6,
+        right: 6,
+        width: 5,
+        height: 5,
+        zIndex: 2,
+        borderRadius: '50%',
+        background: theme.background.app,
+        border: `1px solid ${theme.background.app}`,
+        boxShadow: `0 0 0 2px ${theme.background.app}`,
+      },
+      '&:after': {
+        background: theme.color.positive,
+        border: `1px solid rgba(0, 0, 0, 0.1)`,
+        boxShadow: `0 0 0 2px ${theme.background.app}`,
+      },
+
+      '&:hover:after, &:focus-visible:after': {
+        boxShadow: `0 0 0 2px ${transparentize(0.88, theme.color.secondary)}`,
+      },
+    }),
+  }));
+
 const Img = styled.img(sharedStyles);
 const Placeholder = styled.div(sharedStyles);
 
@@ -35,50 +74,9 @@ export const MenuItemIcon = ({ icon, imgSrc }: ListItemIconProps) => {
   return <Placeholder />;
 };
 
-export const MenuButton: FC<ComponentProps<typeof Button> & { highlighted: boolean }> = styled(
-  Button
-)<
-  ComponentProps<typeof Button> & {
-    highlighted: boolean;
-  }
->(({ highlighted, theme }) => ({
-  position: 'relative',
-  overflow: 'visible',
-  padding: 7,
-  transition: 'none', // prevents button border from flashing when focused/blurred
-  '&:focus': {
-    background: theme.barBg,
-    boxShadow: 'none',
-  },
-  // creates a pseudo border that does not affect the box model, but is accessible in high contrast mode
-  '&:focus:before': {
-    content: '""',
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    borderRadius: '100%',
-    border: `1px solid ${theme.color.secondary}`,
-  },
-
-  ...(highlighted && {
-    '&:after': {
-      content: '""',
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      width: 8,
-      height: 8,
-      borderRadius: 8,
-      background: theme.color.positive,
-    },
-  }),
-}));
-
 type ClickHandler = ComponentProps<typeof TooltipLinkList>['links'][number]['onClick'];
 
-export const SidebarMenuList: FC<{
+const SidebarMenuList: FC<{
   menu: MenuList;
   onHide: () => void;
 }> = ({ menu, onHide }) => {
@@ -98,8 +96,8 @@ export const SidebarMenuList: FC<{
 
 export const SidebarMenu: FC<{
   menu: MenuList;
-  isHighlighted: boolean;
-}> = ({ isHighlighted, menu }) => {
+  isHighlighted?: boolean;
+}> = ({ menu, isHighlighted }) => {
   return (
     <WithTooltip
       placement="top"
@@ -107,9 +105,9 @@ export const SidebarMenu: FC<{
       closeOnClick
       tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
     >
-      <MenuButton outline small containsIcon highlighted={isHighlighted} title="Shortcuts">
-        <Icons icon="ellipsis" />
-      </MenuButton>
+      <SidebarIconButton title="Shortcuts" aria-label="Shortcuts" highlighted={isHighlighted}>
+        <Icons icon="cog" />
+      </SidebarIconButton>
     </WithTooltip>
   );
 };
diff --git a/code/lib/ui/src/components/sidebar/RefIndicator.tsx b/code/lib/ui/src/components/sidebar/RefIndicator.tsx
index 569a952247ba..7d1601e685e2 100644
--- a/code/lib/ui/src/components/sidebar/RefIndicator.tsx
+++ b/code/lib/ui/src/components/sidebar/RefIndicator.tsx
@@ -157,7 +157,7 @@ const CurrentVersion: FC<CurrentVersionProps> = ({ url, versions }) => {
   return (
     <Version>
       <span>{currentVersionId}</span>
-      <Icons icon="chevrondown" />
+      <Icons icon="arrowdown" />
     </Version>
   );
 };
diff --git a/code/lib/ui/src/components/sidebar/Search.tsx b/code/lib/ui/src/components/sidebar/Search.tsx
index 02ed05e93764..85ec15b385b6 100644
--- a/code/lib/ui/src/components/sidebar/Search.tsx
+++ b/code/lib/ui/src/components/sidebar/Search.tsx
@@ -56,8 +56,8 @@ const SearchIcon = styled(Icons)(({ theme }) => ({
   width: 12,
   height: 12,
   position: 'absolute',
-  top: 8,
-  left: 10,
+  top: 10,
+  left: 12,
   zIndex: 1,
   pointerEvents: 'none',
   color: theme.textMutedColor,
@@ -74,13 +74,13 @@ const SearchField = styled.div(({ theme }) => ({
 
 const Input = styled.input(({ theme }) => ({
   appearance: 'none',
-  height: 28,
-  paddingLeft: 28,
-  paddingRight: 28,
+  height: 32,
+  paddingLeft: 30,
+  paddingRight: 32,
   border: `1px solid ${transparentize(0.6, theme.color.mediumdark)}`,
   background: 'transparent',
-  borderRadius: 28,
-  fontSize: `${theme.typography.size.s1}px`,
+  borderRadius: 32,
+  fontSize: `${theme.typography.size.s1 + 1}px`,
   fontFamily: 'inherit',
   transition: 'all 150ms',
   color: theme.color.defaultText,
@@ -112,8 +112,8 @@ const Input = styled.input(({ theme }) => ({
 
 const FocusKey = styled.code(({ theme }) => ({
   position: 'absolute',
-  top: 6,
-  right: 12,
+  top: 8,
+  right: 16,
   width: 16,
   height: 16,
   zIndex: 1,
@@ -122,7 +122,7 @@ const FocusKey = styled.code(({ theme }) => ({
   fontSize: '11px',
   background: 'rgba(0,0,0,0.1)',
   color: theme.textMutedColor,
-  borderRadius: 2,
+  borderRadius: 3,
   userSelect: 'none',
   pointerEvents: 'none',
 }));
@@ -132,8 +132,8 @@ const ClearIcon = styled(Icons)(({ theme }) => ({
   height: 16,
   padding: 4,
   position: 'absolute',
-  top: 6,
-  right: 8,
+  top: 8,
+  right: 16,
   zIndex: 1,
   background: 'rgba(0,0,0,0.1)',
   borderRadius: 16,
@@ -291,7 +291,7 @@ export const Search = React.memo<{
       <Downshift<DownshiftItem>
         initialInputValue={initialQuery}
         stateReducer={stateReducer}
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         itemToString={(result) => result?.item?.name || ''}
       >
         {({
diff --git a/code/lib/ui/src/components/sidebar/TreeNode.tsx b/code/lib/ui/src/components/sidebar/TreeNode.tsx
index 29af6f0c6a92..04c47c700831 100644
--- a/code/lib/ui/src/components/sidebar/TreeNode.tsx
+++ b/code/lib/ui/src/components/sidebar/TreeNode.tsx
@@ -147,7 +147,7 @@ export const GroupNode: FunctionComponent<
 > = React.memo(({ children, isExpanded = false, isExpandable = false, ...props }) => (
   <BranchNode isExpandable={isExpandable} tabIndex={-1} {...props}>
     {isExpandable ? <CollapseIcon isExpanded={isExpanded} /> : null}
-    <TypeIcon symbol="folder" color="primary" />
+    <TypeIcon icon="folder" useSymbol color="primary" />
     {children}
   </BranchNode>
 ));
@@ -156,7 +156,7 @@ export const ComponentNode: FunctionComponent<ComponentProps<typeof BranchNode>>
   ({ theme, children, isExpanded, isExpandable, isSelected, ...props }) => (
     <BranchNode isExpandable={isExpandable} tabIndex={-1} {...props}>
       {isExpandable && <CollapseIcon isExpanded={isExpanded} />}
-      <TypeIcon symbol="component" color="secondary" />
+      <TypeIcon icon="component" useSymbol color="secondary" />
       {children}
     </BranchNode>
   )
@@ -166,7 +166,7 @@ export const DocumentNode: FunctionComponent<
   ComponentProps<typeof LeafNode> & { docsMode: boolean }
 > = React.memo(({ theme, children, docsMode, ...props }) => (
   <LeafNode tabIndex={-1} {...props}>
-    <TypeIcon symbol="document" docsMode={docsMode} />
+    <TypeIcon icon="document" useSymbol docsMode={docsMode} />
     {children}
   </LeafNode>
 ));
@@ -174,7 +174,7 @@ export const DocumentNode: FunctionComponent<
 export const StoryNode: FunctionComponent<ComponentProps<typeof LeafNode>> = React.memo(
   ({ theme, children, ...props }) => (
     <LeafNode tabIndex={-1} {...props}>
-      <TypeIcon symbol="bookmarkhollow" />
+      <TypeIcon icon="bookmarkhollow" useSymbol />
       {children}
     </LeafNode>
   )
diff --git a/code/lib/ui/src/index.tsx b/code/lib/ui/src/index.tsx
index 1eaef8b297c6..5da1ffea94dd 100644
--- a/code/lib/ui/src/index.tsx
+++ b/code/lib/ui/src/index.tsx
@@ -23,12 +23,11 @@ import Provider from './provider';
 const emotionCache = createCache({ key: 'sto' });
 emotionCache.compat = true;
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 ThemeProvider.displayName = 'ThemeProvider';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 HelmetProvider.displayName = 'HelmetProvider';
 
-// @ts-ignore
 const Container = process.env.XSTORYBOOK_EXAMPLE_APP ? React.StrictMode : React.Fragment;
 
 export interface RootProps {
diff --git a/code/lib/ui/src/settings/release_notes.tsx b/code/lib/ui/src/settings/release_notes.tsx
index 4e279fde172a..b15bde0c204c 100644
--- a/code/lib/ui/src/settings/release_notes.tsx
+++ b/code/lib/ui/src/settings/release_notes.tsx
@@ -44,7 +44,8 @@ const AlertIcon = styled(((props) => <Icons icon="alert" {...props} />) as FC<
   Omit<ComponentProps<typeof Icons>, 'icon'>
 >)(({ theme }) => ({
   color: theme.color.mediumdark,
-  width: 40,
+  width: 32,
+  height: 32,
   margin: '0 auto',
 }));
 
diff --git a/code/lib/ui/src/settings/shortcuts.tsx b/code/lib/ui/src/settings/shortcuts.tsx
index 562c7da0a476..6ffb0d391784 100644
--- a/code/lib/ui/src/settings/shortcuts.tsx
+++ b/code/lib/ui/src/settings/shortcuts.tsx
@@ -274,7 +274,7 @@ class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenSta
           className="modalInput"
           onBlur={this.onBlur}
           onFocus={this.onFocus(feature)}
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           onKeyDown={this.onKeyDown}
           value={shortcut ? shortcutToHumanString(shortcut) : ''}
           placeholder="Type keys"
diff --git a/code/migrations.json b/code/migrations.json
new file mode 100644
index 000000000000..413ee1178099
--- /dev/null
+++ b/code/migrations.json
@@ -0,0 +1,100 @@
+{
+  "migrations": [
+    {
+      "version": "12.5.0-beta.1",
+      "description": "Rename the workspace-schematic script into workspace-generator script",
+      "factory": "./src/migrations/update-12-5-0/add-target-dependencies",
+      "cli": "nx",
+      "package": "@nrwl/workspace",
+      "name": "add-target-dependencies"
+    },
+    {
+      "version": "13.0.0-beta.1",
+      "description": "Add default base to nx.json if its not currently set",
+      "factory": "./src/migrations/update-13-0-0/set-default-base-if-not-set",
+      "cli": "nx",
+      "package": "@nrwl/workspace",
+      "name": "set-default-base-if-not-set"
+    },
+    {
+      "version": "13.0.0-beta.4",
+      "description": "Move global settings into nx.json, and project specific settings into workspace.json",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-0-0/config-locations/config-locations",
+      "package": "@nrwl/workspace",
+      "name": "13-0-0-config-locations"
+    },
+    {
+      "version": "13.2.0",
+      "description": "Set --parallel=1 for existing repos to preserve the existing behavior",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-2-0/set-parallel-default",
+      "package": "@nrwl/workspace",
+      "name": "set-parallel-default"
+    },
+    {
+      "version": "13.3.0-beta.0",
+      "description": "@nrwl/workspace:tsc is now @nrwl/js:tsc",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-3-0/update-tsc-executor-location",
+      "package": "@nrwl/workspace",
+      "name": "13-3-0-tsc-location"
+    },
+    {
+      "version": "13.6.0-beta.0",
+      "description": "Remove old options that are no longer used",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-6-0/remove-old-task-runner-options",
+      "package": "@nrwl/workspace",
+      "name": "13-6-0-remove-old-task-runner-options"
+    },
+    {
+      "version": "13.9.0-beta.0",
+      "description": "Replace @nrwl/tao with nx",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-9-0/replace-tao-with-nx",
+      "package": "@nrwl/workspace",
+      "name": "13-9-0-replace-tao-with-nx"
+    },
+    {
+      "version": "13.10.0-beta.0",
+      "description": "Update the decorate-angular-cli script to require nx instead of @nrwl/cli",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-10-0/update-decorate-cli",
+      "package": "@nrwl/workspace",
+      "name": "13-10-0-update-decorate-cli"
+    },
+    {
+      "version": "13.10.0-beta.0",
+      "description": "Update the tasks runner property to import it from the nx package instead of @nrwl/worksapce",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-13-10-0/update-tasks-runner",
+      "package": "@nrwl/workspace",
+      "name": "13-10-0-update-tasks-runner"
+    },
+    {
+      "version": "14.0.0-beta.0",
+      "description": "Changes the presets in nx.json to come from the nx package",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-14-0-0/change-nx-json-presets",
+      "package": "@nrwl/workspace",
+      "name": "14-0-0-change-nx-json-presets"
+    },
+    {
+      "version": "14.0.0-beta.0",
+      "description": "Migrates from @nrwl/workspace:run-script to nx:run-script",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-14-0-0/change-npm-script-executor",
+      "package": "@nrwl/workspace",
+      "name": "14-0-0-change-npm-script-executor"
+    },
+    {
+      "version": "14.2.0",
+      "description": "Explicitly enable sourceAnalysis for all workspaces extending from npm.json or core.json (this was default behavior prior to 14.2)",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-14-2-0/enable-source-analysis",
+      "package": "@nrwl/workspace",
+      "name": "14-2-0-enable-source-analysis"
+    }
+  ]
+}
diff --git a/code/nx.json b/code/nx.json
index 238750d72cae..6c80268ee6f0 100644
--- a/code/nx.json
+++ b/code/nx.json
@@ -10,116 +10,40 @@
     "default": {
       "runner": "@nrwl/nx-cloud",
       "options": {
-        "cacheableOperations": ["build", "test", "lint", "package", "prepare"],
-        "strictlyOrderedTargets": ["build", "package", "prepare"],
+        "cacheableOperations": ["build", "test", "lint", "package", "prep"],
         "accessToken": "NGVmYTkxMmItYzY3OS00MjkxLTk1ZDktZDFmYTFmNmVlNGY4fHJlYWQ=",
         "canTrackAnalytics": false,
-        "showUsageWarnings": true
+        "showUsageWarnings": true,
+        "parallel": 1
       }
     }
   },
-  "projects": {
-    "@storybook/addon-a11y": { "implicitDependencies": [] },
-    "@storybook/addon-actions": { "implicitDependencies": [] },
-    "@storybook/addon-backgrounds": { "implicitDependencies": [] },
-    "@storybook/addon-controls": { "implicitDependencies": [] },
-    "@storybook/addon-docs": { "implicitDependencies": [] },
-    "@storybook/addon-essentials": { "implicitDependencies": [] },
-    "@storybook/addon-highlight": { "implicitDependencies": [] },
-    "@storybook/addon-interactions": { "implicitDependencies": [] },
-    "@storybook/addon-jest": { "implicitDependencies": [] },
-    "@storybook/addon-links": { "implicitDependencies": [] },
-    "@storybook/addon-measure": { "implicitDependencies": [] },
-    "@storybook/addon-outline": { "implicitDependencies": [] },
-    "@storybook/addon-storyshots": { "implicitDependencies": [] },
-    "@storybook/addon-storyshots-puppeteer": { "implicitDependencies": [] },
-    "@storybook/addon-storysource": { "implicitDependencies": [] },
-    "@storybook/addon-toolbars": { "implicitDependencies": [] },
-    "@storybook/addon-viewport": { "implicitDependencies": [] },
-
-    "angular-cli": { "implicitDependencies": [] },
-    "cra-kitchen-sink": { "implicitDependencies": [] },
-    "cra-ts-essentials": { "implicitDependencies": [] },
-    "cra-ts-kitchen-sink": { "implicitDependencies": [] },
-    "ember-example": { "implicitDependencies": [] },
-    "html-kitchen-sink": { "implicitDependencies": [] },
-    "official-storybook": { "implicitDependencies": [] },
-    "preact-example": { "implicitDependencies": [] },
-    "@storybook/example-react-ts": { "implicitDependencies": [] },
-    "server-kitchen-sink": { "implicitDependencies": [] },
-    "standalone-preview": { "implicitDependencies": [] },
-    "svelte-example": { "implicitDependencies": [] },
-    "vue-3-cli-example": { "implicitDependencies": [] },
-    "vue-cli-example": { "implicitDependencies": [] },
-    "vue-example": { "implicitDependencies": [] },
-    "web-components-kitchen-sink": { "implicitDependencies": [] },
-    "@storybook/external-docs": { "implicitDependencies": [] },
-    "@storybook/example-doc-blocks": { "implicitDependencies": [] },
-
-    "@storybook/angular": { "implicitDependencies": [] },
-    "@storybook/docs-tools": { "implicitDependencies": [] },
-    "@storybook/ember": { "implicitDependencies": [] },
-    "@storybook/html": { "implicitDependencies": [] },
-    "@storybook/preact": { "implicitDependencies": [] },
-    "@storybook/react": { "implicitDependencies": [] },
-    "@storybook/server": { "implicitDependencies": [] },
-    "@storybook/svelte": { "implicitDependencies": [] },
-    "@storybook/vue": { "implicitDependencies": [] },
-    "@storybook/vue3": { "implicitDependencies": [] },
-    "@storybook/web-components": { "implicitDependencies": [] },
-
-    "@storybook/preset-html-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-preact-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-react-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-server-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-svelte-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-vue-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-vue3-webpack": { "implicitDependencies": [] },
-    "@storybook/preset-web-components-webpack": { "implicitDependencies": [] },
-
-    "@storybook/core-webpack": { "implicitDependencies": [] },
-    "@storybook/core-client": { "implicitDependencies": [] },
-    "@storybook/core-common": { "implicitDependencies": [] },
-    "@storybook/core-events": { "implicitDependencies": [] },
-    "@storybook/core-server": { "implicitDependencies": [] },
-    "@storybook/csf-tools": { "implicitDependencies": [] },
-
-    "@storybook/builder-manager": { "implicitDependencies": [] },
-    "@storybook/addons": { "implicitDependencies": [] },
-    "@storybook/api": { "implicitDependencies": [] },
-    "@storybook/builder-webpack5": { "implicitDependencies": [] },
-    "@storybook/channel-postmessage": { "implicitDependencies": [] },
-    "@storybook/channel-websocket": { "implicitDependencies": [] },
-    "@storybook/channels": { "implicitDependencies": [] },
-    "@storybook/cli": { "implicitDependencies": [] },
-    "sb": { "implicitDependencies": [] },
-    "storybook": { "implicitDependencies": [] },
-    "@storybook/client-api": { "implicitDependencies": [] },
-    "@storybook/client-logger": { "implicitDependencies": [] },
-    "@storybook/codemod": { "implicitDependencies": [] },
-    "@storybook/components": { "implicitDependencies": [] },
-    "@storybook/instrumenter": { "implicitDependencies": [] },
-    "@storybook/node-logger": { "implicitDependencies": [] },
-    "@storybook/postinstall": { "implicitDependencies": [] },
-    "@storybook/store": { "implicitDependencies": [] },
-    "@storybook/router": { "implicitDependencies": [] },
-    "@storybook/source-loader": { "implicitDependencies": [] },
-    "@storybook/telemetry": { "implicitDependencies": [] },
-    "@storybook/theming": { "implicitDependencies": [] },
-    "@storybook/ui": { "implicitDependencies": [] },
-    "@storybook/preview-web": { "implicitDependencies": [] },
-    "@storybook/blocks": { "implicitDependencies": [] },
-
-    "@storybook/html-webpack5": { "implicitDependencies": [] },
-    "@storybook/preact-webpack5": { "implicitDependencies": [] },
-    "@storybook/react-webpack5": { "implicitDependencies": [] },
-    "@storybook/server-webpack5": { "implicitDependencies": [] },
-    "@storybook/svelte-webpack5": { "implicitDependencies": [] },
-    "@storybook/vue-webpack5": { "implicitDependencies": [] },
-    "@storybook/vue3-webpack5": { "implicitDependencies": [] },
-    "@storybook/web-components-webpack5": { "implicitDependencies": [] }
-  },
   "affected": {
     "defaultBase": "next"
+  },
+  "targetDependencies": {
+    "build": [
+      {
+        "target": "build",
+        "projects": "dependencies"
+      }
+    ],
+    "package": [
+      {
+        "target": "package",
+        "projects": "dependencies"
+      }
+    ],
+    "prep": [
+      {
+        "target": "prep",
+        "projects": "dependencies"
+      }
+    ]
+  },
+  "targetDefaults": {
+    "prep": {
+      "outputs": ["{projectRoot}/dist"]
+    }
   }
 }
diff --git a/code/package.json b/code/package.json
index 2086cc26476f..41f132c2da8b 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "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": [
@@ -59,7 +59,6 @@
     "changelog": "pr-log --sloppy --cherry-pick",
     "changelog:next": "pr-log --sloppy --since-prerelease",
     "check": "NODE_ENV=production node ../scripts/check-package.js",
-    "clean:dist": "del **/dist",
     "coverage": "codecov",
     "create-built-sandboxes-index": "ts-node ../scripts/create-built-sandboxes-index",
     "danger": "danger",
@@ -75,7 +74,7 @@
     "lint:md": "remark -q .",
     "lint:other": "prettier --write '**/*.{css,html,json,md,yml}'",
     "lint:package": "sort-package-json",
-    "local-registry": "ts-node --project=../scripts/tsconfig.json ../scripts/run-registry.ts --port 6000",
+    "local-registry": "ts-node --project=../scripts/tsconfig.json ../scripts/run-registry.ts --port 6001",
     "publish-repros": "ts-node ../scripts/next-repro-generators/publish.ts",
     "publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push",
     "publish:latest": "lerna publish --exact --concurrency 1 --force-publish",
@@ -117,7 +116,7 @@
     "defaults"
   ],
   "resolutions": {
-    "@nrwl/cli": "12.3.4",
+    "@nrwl/cli": "14.6.1",
     "@typescript-eslint/eslint-plugin": "^5.15.0",
     "@typescript-eslint/experimental-utils": "5.3.0",
     "@typescript-eslint/parser": "^5.15.0",
@@ -151,10 +150,9 @@
     "@emotion/jest": "^11.8.0",
     "@linear/sdk": "^1.21.0",
     "@nicolo-ribaudo/chokidar-2": "^2.1.8",
-    "@nrwl/cli": "12.3.4",
-    "@nrwl/nx-cloud": "12.1.1",
-    "@nrwl/tao": "12.3.4",
-    "@nrwl/workspace": "12.3.4",
+    "@nrwl/cli": "14.6.1",
+    "@nrwl/nx-cloud": "14.6.0",
+    "@nrwl/workspace": "14.6.1",
     "@playwright/test": "^1.24.2",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^21.0.1",
@@ -183,6 +181,9 @@
     "@storybook/api": "workspace:*",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
     "@storybook/blocks": "workspace:*",
+    "@storybook/builder-manager": "workspace:*",
+    "@storybook/builder-vite": "workspace:*",
+    "@storybook/builder-webpack5": "workspace:*",
     "@storybook/channel-postmessage": "workspace:*",
     "@storybook/channel-websocket": "workspace:*",
     "@storybook/channels": "workspace:*",
@@ -191,7 +192,10 @@
     "@storybook/client-logger": "workspace:*",
     "@storybook/codemod": "workspace:*",
     "@storybook/components": "workspace:*",
+    "@storybook/core-client": "workspace:*",
+    "@storybook/core-common": "workspace:*",
     "@storybook/core-events": "workspace:*",
+    "@storybook/core-server": "workspace:*",
     "@storybook/core-webpack": "workspace:*",
     "@storybook/csf-tools": "workspace:*",
     "@storybook/docs-tools": "workspace:*",
@@ -216,6 +220,7 @@
     "@storybook/preset-web-components-webpack": "workspace:*",
     "@storybook/preview-web": "workspace:*",
     "@storybook/react": "workspace:*",
+    "@storybook/react-vite": "workspace:*",
     "@storybook/react-webpack5": "workspace:*",
     "@storybook/router": "workspace:*",
     "@storybook/semver": "^7.3.2",
@@ -232,6 +237,7 @@
     "@storybook/vue": "workspace:*",
     "@storybook/vue-webpack5": "workspace:*",
     "@storybook/vue3": "workspace:*",
+    "@storybook/vue3-vite": "workspace:*",
     "@storybook/vue3-webpack5": "workspace:*",
     "@storybook/web-components": "workspace:*",
     "@storybook/web-components-webpack5": "workspace:*",
@@ -273,10 +279,8 @@
     "codecov": "^3.8.1",
     "commander": "^6.2.1",
     "concurrently": "^5.3.0",
-    "core-js": "^3.21.1",
     "cross-env": "^7.0.3",
     "danger": "^10.6.2",
-    "del-cli": "^4.0.1",
     "detect-port": "^1.3.0",
     "dts-bundle-generator": "^6.2.0",
     "ejs-lint": "^1.2.2",
@@ -318,10 +322,12 @@
     "node-fetch": "^2.6.1",
     "node-gyp": "^8.4.0",
     "npmlog": "^5.0.1",
+    "nx": "14.6.1",
     "p-limit": "^3.1.0",
     "playwright": "^1.24.2",
     "postcss-loader": "^6.2.1",
-    "prettier": ">=2.2.1 <=2.3.0",
+    "prettier": "2.7.1",
+    "process": "^0.11.10",
     "prompts": "^2.4.0",
     "raf": "^3.4.1",
     "read-pkg-up": "^7.0.1",
@@ -333,7 +339,6 @@
     "rollup": "^2.60.2",
     "rollup-plugin-extensions": "^0.1.0",
     "rollup-plugin-jsx": "^1.0.3",
-    "rollup-plugin-node-polyfills": "^0.2.1",
     "rollup-plugin-terser": "^7.0.2",
     "serve-static": "^1.14.1",
     "shelljs": "^0.8.5",
@@ -344,8 +349,9 @@
     "ts-dedent": "^2.0.0",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
-    "tsup": "^6.1.2",
-    "typescript": "~4.6.3",
+    "tsup": "^6.2.2",
+    "typescript": "4.7.4",
+    "util": "^0.12.4",
     "wait-on": "^5.2.1",
     "web-component-analyzer": "^1.1.6",
     "webpack": "5",
@@ -357,12 +363,6 @@
     "@compodoc/compodoc": {
       "built": false
     },
-    "core-js": {
-      "built": false
-    },
-    "core-js-pure": {
-      "built": false
-    },
     "ejs": {
       "built": false
     },
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 30e246de9853..3f811f5b8e6f 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,12 +47,11 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "html-loader": "^3.1.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -76,5 +75,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 1476cce3d451..b3bcc0e970ca 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -47,13 +47,12 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -77,5 +76,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 7a9985e3f541..d50b09adbd7b 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -68,22 +68,21 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/preset-flow": "^7.12.1",
     "@babel/preset-react": "^7.12.10",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "@storybook/react": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
+    "@storybook/react": "7.0.0-alpha.31",
     "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
     "@storybook/semver": "^7.3.2",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-react-docgen": "^4.2.1",
-    "core-js": "^3.8.2",
     "fs-extra": "^9.0.1",
     "react-refresh": "^0.11.0"
   },
@@ -123,5 +122,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts
index 171bf9c7960e..0a4afb50fbe3 100644
--- a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts
+++ b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts
@@ -16,7 +16,7 @@ describe('framework-preset-react-docgen', () => {
 
       const config = await preset.babel(babelConfig, {
         presets: {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           apply: async () =>
             ({
               check: false,
@@ -55,7 +55,7 @@ describe('framework-preset-react-docgen', () => {
 
       const config = await preset.webpackFinal(webpackConfig, {
         presets: {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           apply: async () =>
             ({
               check: false,
@@ -85,7 +85,7 @@ describe('framework-preset-react-docgen', () => {
 
       const outputBabelconfig = await preset.babel(babelConfig, {
         presets: {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           apply: async () =>
             ({
               check: false,
@@ -96,7 +96,7 @@ describe('framework-preset-react-docgen', () => {
       });
       const outputWebpackconfig = await preset.webpackFinal(webpackConfig, {
         presets: {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           apply: async () =>
             ({
               check: false,
@@ -131,7 +131,7 @@ describe('framework-preset-react-docgen', () => {
 
       const outputBabelconfig = await preset.babel(babelConfig, {
         presets: {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           apply: async () =>
             ({
               check: false,
@@ -142,7 +142,7 @@ describe('framework-preset-react-docgen', () => {
       });
       const outputWebpackconfig = await preset.webpackFinal(webpackConfig, {
         presets: {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           apply: async () =>
             ({
               check: false,
diff --git a/code/presets/react-webpack/src/framework-preset-react.test.ts b/code/presets/react-webpack/src/framework-preset-react.test.ts
index eef1b1039580..adf443a51c06 100644
--- a/code/presets/react-webpack/src/framework-preset-react.test.ts
+++ b/code/presets/react-webpack/src/framework-preset-react.test.ts
@@ -23,7 +23,7 @@ describe('framework-preset-react', () => {
   const storybookOptions: Partial<Options> = {
     configType: 'DEVELOPMENT',
     presets: {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       apply: async () => ({
         name: '@storybook/react',
         options: {
@@ -37,7 +37,7 @@ describe('framework-preset-react', () => {
   const storybookOptionsDisabledRefresh: Partial<Options> = {
     configType: 'DEVELOPMENT',
     presets: {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       apply: async () => ({
         name: '@storybook/react',
         options: {
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index b3044752c23f..d1efaec58273 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -52,14 +52,13 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.0.0-alpha.20",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/server": "7.0.0-alpha.20",
+    "@storybook/core-server": "7.0.0-alpha.31",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
+    "@storybook/server": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -86,5 +85,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 938924636a82..e096c1ad6826 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -62,15 +62,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/node-logger": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "sveltedoc-parser": "4.1.0",
+    "sveltedoc-parser": "^4.2.1",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
@@ -98,5 +97,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/svelte-webpack/src/svelte-docgen-loader.ts b/code/presets/svelte-webpack/src/svelte-docgen-loader.ts
index f02a8646b1c0..12c12b77f28f 100644
--- a/code/presets/svelte-webpack/src/svelte-docgen-loader.ts
+++ b/code/presets/svelte-webpack/src/svelte-docgen-loader.ts
@@ -75,7 +75,7 @@ export default async function svelteDocgen(this: any, source: string) {
 
   try {
     // FIXME
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     const componentDoc = await svelteDoc.parse(options);
 
     // get filename for source content
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 76097e3b93c8..047f5df57e86 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -57,13 +57,12 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "ts-loader": "^9.2.8",
@@ -100,5 +99,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 6298927f0993..676e391c64c5 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -50,7 +50,6 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "bin/**/*",
     "dist/**/*",
     "README.md",
     "*.js",
@@ -58,13 +57,12 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.0.0-alpha.20",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "ts-loader": "^9.2.8",
@@ -98,5 +96,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index b7c1adc75c51..9644ca43f421 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-web-components-webpack",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -49,17 +49,16 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/core-webpack": "7.0.0-alpha.20",
+    "@storybook/core-webpack": "7.0.0-alpha.31",
     "@types/node": "^14.14.20 || ^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1",
-    "core-js": "^3.8.2",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -82,5 +81,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 0b12acd717b4..56f23ab75ed2 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -47,16 +47,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -81,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/html/src/docs/sourceDecorator.test.ts b/code/renderers/html/src/docs/sourceDecorator.test.ts
index 9d32199cc949..64326d245c7f 100644
--- a/code/renderers/html/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/html/src/docs/sourceDecorator.test.ts
@@ -35,7 +35,7 @@ describe('sourceDecorator', () => {
   let mockChannel: { on: jest.Mock; emit?: jest.Mock };
   beforeEach(() => {
     mockedAddons.getChannel.mockReset();
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     mockedUseEffect.mockImplementation((cb) => setTimeout(cb, 0));
 
     mockChannel = { on: jest.fn(), emit: jest.fn() };
diff --git a/code/renderers/html/src/docs/sourceDecorator.ts b/code/renderers/html/src/docs/sourceDecorator.ts
index 65f4f1c0d85f..fc247fff84f1 100644
--- a/code/renderers/html/src/docs/sourceDecorator.ts
+++ b/code/renderers/html/src/docs/sourceDecorator.ts
@@ -30,7 +30,7 @@ function defaultTransformSource(source: string) {
 function applyTransformSource(source: string, context: StoryContext): string {
   const docs = context.parameters.docs ?? {};
   const transformSource = docs.transformSource ?? defaultTransformSource;
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   return transformSource(source, context);
 }
 
diff --git a/code/renderers/html/src/globals.ts b/code/renderers/html/src/globals.ts
index 08091285dab0..e8dbbd88c1c4 100644
--- a/code/renderers/html/src/globals.ts
+++ b/code/renderers/html/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/html/src/render.ts b/code/renderers/html/src/render.ts
index dff9b49ea7f8..5fc59b80554f 100644
--- a/code/renderers/html/src/render.ts
+++ b/code/renderers/html/src/render.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-param-reassign */
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import { dedent } from 'ts-dedent';
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 7fb425c7b7ca..b4f96303137f 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -47,14 +47,13 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -80,5 +79,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/preact/src/globals.ts b/code/renderers/preact/src/globals.ts
index bc0da9131093..02a952c2aac0 100644
--- a/code/renderers/preact/src/globals.ts
+++ b/code/renderers/preact/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/preact/src/render.tsx b/code/renderers/preact/src/render.tsx
index fa587c68b17d..0ed43f5ebf06 100644
--- a/code/renderers/preact/src/render.tsx
+++ b/code/renderers/preact/src/render.tsx
@@ -6,7 +6,7 @@ import type { StoryFnPreactReturnType, PreactFramework } from './types';
 let renderedStory: Element;
 
 function preactRender(story: StoryFnPreactReturnType | null, domElement: Element): void {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   if (preact.Fragment) {
     // Preact 10 only:
     preact.render(story, domElement);
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 4df3506af678..96cbbc4c7223 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -48,40 +48,39 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
-    "core-js": "^3.8.2",
     "escodegen": "^2.0.0",
     "global": "^4.4.0",
     "html-tags": "^3.1.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
-    "react-element-to-jsx-string": "^14.3.4",
+    "react-element-to-jsx-string": "^15.0.0",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.11.5",
     "@types/util-deprecate": "^1.0.0",
+    "jest-specific-snapshot": "^4.0.0",
+    "require-from-string": "^2.0.2",
     "typescript": "~4.6.3"
   },
   "peerDependencies": {
-    "jest-specific-snapshot": "^4.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "require-from-string": "^2.0.2"
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -101,5 +100,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/react/src/docs/extractProps.ts b/code/renderers/react/src/docs/extractProps.ts
index c7d7a77e4a48..8efd89ea7869 100644
--- a/code/renderers/react/src/docs/extractProps.ts
+++ b/code/renderers/react/src/docs/extractProps.ts
@@ -14,7 +14,7 @@ export interface PropDefMap {
 const propTypesMap = new Map();
 
 Object.keys(PropTypes).forEach((typeName) => {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const type = PropTypes[typeName];
 
   propTypesMap.set(type, typeName);
diff --git a/code/renderers/react/src/docs/jsxDecorator.test.tsx b/code/renderers/react/src/docs/jsxDecorator.test.tsx
index 6089148f9880..04a684649def 100644
--- a/code/renderers/react/src/docs/jsxDecorator.test.tsx
+++ b/code/renderers/react/src/docs/jsxDecorator.test.tsx
@@ -47,7 +47,7 @@ describe('renderJsx', () => {
   });
   it('large objects', () => {
     const obj = Array.from({ length: 20 }).reduce((acc, _, i) => {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       acc[`key_${i}`] = `val_${i}`;
       return acc;
     }, {});
@@ -159,7 +159,7 @@ describe('renderJsx', () => {
   });
 });
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 const makeContext = (name: string, parameters: any, args: any, extra?: object): StoryContext => ({
   id: `jsx-test--${name}`,
   kind: 'js-text',
@@ -173,7 +173,7 @@ describe('jsxDecorator', () => {
   let mockChannel: { on: jest.Mock; emit?: jest.Mock };
   beforeEach(() => {
     mockedAddons.getChannel.mockReset();
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     mockedUseEffect.mockImplementation((cb) => setTimeout(cb, 0));
 
     mockChannel = { on: jest.fn(), emit: jest.fn() };
@@ -272,7 +272,7 @@ describe('jsxDecorator', () => {
   it('renders MDX properly', async () => {
     // FIXME: generate this from actual MDX
     const mdxElement: ReturnType<typeof createElement> = {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       type: { displayName: 'MDXCreateElement' },
       props: {
         mdxType: 'div',
diff --git a/code/renderers/react/src/docs/jsxDecorator.tsx b/code/renderers/react/src/docs/jsxDecorator.tsx
index f075b0feca03..64bed62bfd74 100644
--- a/code/renderers/react/src/docs/jsxDecorator.tsx
+++ b/code/renderers/react/src/docs/jsxDecorator.tsx
@@ -69,7 +69,7 @@ export const renderJsx = (code: React.ReactElement, options: JSXOptions) => {
   let renderedJSX = code;
   const Type = renderedJSX.type;
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   for (let i = 0; i < options.skip; i += 1) {
     if (typeof renderedJSX === 'undefined') {
       logger.warn('Cannot skip undefined element');
@@ -120,12 +120,12 @@ export const renderJsx = (code: React.ReactElement, options: JSXOptions) => {
   };
 
   const result = React.Children.map(code, (c) => {
-    // @ts-ignore FIXME: workaround react-element-to-jsx-string
+    // @ts-expect-error FIXME: workaround react-element-to-jsx-string
     const child = typeof c === 'number' ? c.toString() : c;
     const toJSXString =
       typeof reactElementToJSXString === 'function'
         ? reactElementToJSXString
-        : // @ts-ignore
+        : // @ts-expect-error (Converted from ts-ignore)
           reactElementToJSXString.default;
     let string = applyBeforeRender(toJSXString(child, opts as Options), options);
 
diff --git a/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts b/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts
index 541df4b42cf6..d76800870209 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts
@@ -2,7 +2,6 @@
 import isPlainObject from 'lodash/isPlainObject';
 import isFunction from 'lodash/isFunction';
 import isString from 'lodash/isString';
-// @ts-ignore
 import reactElementToJSXString from 'react-element-to-jsx-string';
 import {
   PropDef,
@@ -138,7 +137,7 @@ const functionResolver: TypeResolver = (rawDefaultProp, propDef) => {
       inspectionResult = inspectValue(rawDefaultProp.toString());
     }
 
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     const { hasParams } = inspectionResult.inferredType as InspectionFunction;
 
     return createSummaryValue(getPrettyFuncIdentifier(funcName, hasParams));
diff --git a/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts b/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts
index 58299e1f26df..585fafc8a9d7 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts
@@ -17,10 +17,10 @@ export function getPrettyIdentifier(inferredType: InspectionIdentifiableInferedT
 
   switch (type) {
     case InspectionType.FUNCTION:
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       return getPrettyFuncIdentifier(identifier, (inferredType as InspectionFunction).hasParams);
     case InspectionType.ELEMENT:
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       return getPrettyElementIdentifier(identifier);
     default:
       return identifier;
diff --git a/code/renderers/react/src/docs/lib/inspection/acornParser.ts b/code/renderers/react/src/docs/lib/inspection/acornParser.ts
index d309974a91b5..92f5845f92da 100644
--- a/code/renderers/react/src/docs/lib/inspection/acornParser.ts
+++ b/code/renderers/react/src/docs/lib/inspection/acornParser.ts
@@ -21,7 +21,7 @@ interface ParsingResult<T> {
 }
 
 const ACORN_WALK_VISITORS = {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   ...acornWalk.base,
   JSXElement: () => {},
 };
@@ -41,7 +41,7 @@ function calculateNodeDepth(node: estree.Expression): number {
   const depths: number[] = [];
 
   acornWalk.ancestor(
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     node,
     {
       ObjectExpression(_: any, ancestors: estree.Node[]) {
@@ -81,7 +81,7 @@ function parseFunction(
 
   // If there is at least a JSXElement in the body of the function, then it's a React component.
   acornWalk.simple(
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     funcNode.body,
     {
       JSXElement(node: any) {
@@ -117,7 +117,7 @@ function parseClass(
 
   // If there is at least a JSXElement in the body of the class, then it's a React component.
   acornWalk.simple(
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     classNode.body,
     {
       JSXElement(node: any) {
diff --git a/code/renderers/react/src/docs/propTypes/createType.ts b/code/renderers/react/src/docs/propTypes/createType.ts
index 058070e32c32..9160ecab3439 100644
--- a/code/renderers/react/src/docs/propTypes/createType.ts
+++ b/code/renderers/react/src/docs/propTypes/createType.ts
@@ -183,10 +183,10 @@ function generateFunc(extractedProp: ExtractedProp): TypeDef {
     if (jsDocTags.params != null || jsDocTags.returns != null) {
       return createTypeDef({
         name: PropTypesType.FUNC,
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         short: generateShortFuncSignature(jsDocTags.params, jsDocTags.returns),
         compact: null,
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         full: generateFuncSignature(jsDocTags.params, jsDocTags.returns),
       });
     }
diff --git a/code/renderers/react/src/docs/propTypes/handleProp.test.tsx b/code/renderers/react/src/docs/propTypes/handleProp.test.tsx
index 84dfecd350e0..1e950ea2a21d 100644
--- a/code/renderers/react/src/docs/propTypes/handleProp.test.tsx
+++ b/code/renderers/react/src/docs/propTypes/handleProp.test.tsx
@@ -47,7 +47,7 @@ function createComponent({ propTypes = {}, defaultProps = {}, docgenInfo = {} })
   component.propTypes = propTypes;
   component.defaultProps = defaultProps;
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   component.__docgenInfo = createDocgenSection(docgenInfo);
 
   return component;
@@ -1296,7 +1296,7 @@ describe('enhancePropTypesProp', () => {
       it('should support React element with props', () => {
         const component = createTestComponent(null);
 
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const defaultProp = <ReactComponent className="toto" />;
         // Simulate babel-plugin-add-react-displayname.
         defaultProp.type.displayName = 'ReactComponent';
diff --git a/code/renderers/react/src/docs/typeScript/handleProp.test.tsx b/code/renderers/react/src/docs/typeScript/handleProp.test.tsx
index e00a21df83d8..396cbcc49879 100644
--- a/code/renderers/react/src/docs/typeScript/handleProp.test.tsx
+++ b/code/renderers/react/src/docs/typeScript/handleProp.test.tsx
@@ -47,7 +47,7 @@ function createComponent({ propTypes = {}, defaultProps = {}, docgenInfo = {} })
   component.propTypes = propTypes;
   component.defaultProps = defaultProps;
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   component.__docgenInfo = createDocgenSection(docgenInfo);
 
   return component;
@@ -408,7 +408,7 @@ describe('enhanceTypeScriptProp', () => {
       it('should support React element with props', () => {
         const component = createTestComponent(null);
 
-        // @ts-ignore
+        // @ts-expect-error (Converted from ts-ignore)
         const defaultProp = <ReactComponent className="toto" />;
         // Simulate babel-plugin-add-react-displayname.
         defaultProp.type.displayName = 'ReactComponent';
diff --git a/code/renderers/react/src/globals.ts b/code/renderers/react/src/globals.ts
index 9e524d8b1022..e50560a3c9fe 100644
--- a/code/renderers/react/src/globals.ts
+++ b/code/renderers/react/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/react/src/render.tsx b/code/renderers/react/src/render.tsx
index df56d64da981..54260e7825aa 100644
--- a/code/renderers/react/src/render.tsx
+++ b/code/renderers/react/src/render.tsx
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import React, {
diff --git a/code/renderers/react/src/testing-api.ts b/code/renderers/react/src/testing-api.ts
index 88e5beaf007f..fa2fd40b21c7 100644
--- a/code/renderers/react/src/testing-api.ts
+++ b/code/renderers/react/src/testing-api.ts
@@ -119,7 +119,7 @@ export function composeStories<TModule extends CSFExports<ReactFramework>>(
   csfExports: TModule,
   projectAnnotations?: ProjectAnnotations<ReactFramework>
 ) {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
 
   return composedStories as unknown as Omit<
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 58365b2db0e4..d67fde4ea8d4 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -47,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -77,5 +76,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/server/src/globals.ts b/code/renderers/server/src/globals.ts
index f2791bf93edf..58f494cf5e56 100644
--- a/code/renderers/server/src/globals.ts
+++ b/code/renderers/server/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/server/src/render.ts b/code/renderers/server/src/render.ts
index 158d483036d4..ae35a8a6d138 100644
--- a/code/renderers/server/src/render.ts
+++ b/code/renderers/server/src/render.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-param-reassign */
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import { dedent } from 'ts-dedent';
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 4e3cb2a4531f..d9324e70f4d7 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -51,20 +51,19 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "sveltedoc-parser": "4.1.0"
+    "sveltedoc-parser": "^4.2.1"
   },
   "devDependencies": {
     "svelte": "^3.31.2",
@@ -87,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/svelte/preview.js b/code/renderers/svelte/preview.js
index fe48d8883ba4..f00f03b4e2e4 100644
--- a/code/renderers/svelte/preview.js
+++ b/code/renderers/svelte/preview.js
@@ -1 +1 @@
-export * from './dist/config';
+export * from './dist/config.mjs';
diff --git a/code/renderers/svelte/src/docs/extractArgTypes.ts b/code/renderers/svelte/src/docs/extractArgTypes.ts
index a8c13b621ec9..900d55b336a2 100644
--- a/code/renderers/svelte/src/docs/extractArgTypes.ts
+++ b/code/renderers/svelte/src/docs/extractArgTypes.ts
@@ -110,7 +110,7 @@ const parseTypeToControl = (type: JSDocType | undefined): any => {
         return { type: type.type };
     }
   } else if (type.kind === 'union') {
-    // @ts-ignore TODO: fix, this seems like a broke in package update
+    // @ts-expect-error TODO: fix, this seems like a broke in package update
     if (Array.isArray(type.type) && !type.type.find((t) => t.type !== 'string')) {
       return {
         type: 'radio',
diff --git a/code/renderers/svelte/src/globals.ts b/code/renderers/svelte/src/globals.ts
index ef11f3f311d0..aabe0fd8fb42 100644
--- a/code/renderers/svelte/src/globals.ts
+++ b/code/renderers/svelte/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/svelte/src/render.ts b/code/renderers/svelte/src/render.ts
index 757511aa4544..e436d26b41f0 100644
--- a/code/renderers/svelte/src/render.ts
+++ b/code/renderers/svelte/src/render.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import type { ArgsStoryFn } from '@storybook/csf';
@@ -25,7 +25,7 @@ export function renderToDOM(
 ) {
   cleanUpPreviousStory();
 
-  const target = domElement || document.getElementById('root');
+  const target = domElement || document.getElementById('storybook-root');
 
   target.innerHTML = '';
 
diff --git a/code/renderers/svelte/template/components/Button.svelte b/code/renderers/svelte/template/components/Button.svelte
new file mode 100644
index 000000000000..310697fe2c9b
--- /dev/null
+++ b/code/renderers/svelte/template/components/Button.svelte
@@ -0,0 +1,43 @@
+<script>
+  import './button.css';
+  import { createEventDispatcher } from 'svelte';
+  /**
+   * Is this the principal call to action on the page?
+   */
+  export let primary = false;
+
+  /**
+   * What background color to use
+   */
+  export let backgroundColor;
+  /**
+   * How large should the button be?
+   */
+  export let size = 'medium';
+  /**
+   * Button contents
+   */
+  export let children = '';
+
+  let mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+  let style = backgroundColor ? `background-color: ${backgroundColor}` : '';
+
+  const dispatch = createEventDispatcher();
+
+  /**
+   * Optional click handler
+   */
+  function onClick(event) {
+    dispatch('click', event);
+  }
+</script>
+
+<button
+  type="button"
+  class={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+  {style}
+  on:click={onClick}
+>
+  {children}
+</button>
diff --git a/code/renderers/svelte/template/components/button.css b/code/renderers/svelte/template/components/button.css
new file mode 100644
index 000000000000..dc91dc76370b
--- /dev/null
+++ b/code/renderers/svelte/template/components/button.css
@@ -0,0 +1,30 @@
+.storybook-button {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+.storybook-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+.storybook-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+.storybook-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}
diff --git a/code/renderers/svelte/template/components/index.js b/code/renderers/svelte/template/components/index.js
new file mode 100644
index 000000000000..d2e5d492126f
--- /dev/null
+++ b/code/renderers/svelte/template/components/index.js
@@ -0,0 +1,5 @@
+import globalThis from 'global';
+
+import Button from './Button.svelte';
+
+globalThis.Components = { Button };
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 651c6c2afbc1..f947d0f01e11 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -47,16 +47,15 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -85,5 +84,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/vue/src/decorateStory.ts b/code/renderers/vue/src/decorateStory.ts
index 735cc1b0c118..9ef7a2d34be9 100644
--- a/code/renderers/vue/src/decorateStory.ts
+++ b/code/renderers/vue/src/decorateStory.ts
@@ -22,22 +22,22 @@ function prepare(
     return null;
   }
 
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   // eslint-disable-next-line no-underscore-dangle
   if (!story._isVue) {
     if (innerStory) {
       story.components = { ...(story.components || {}), story: innerStory };
     }
     story = Vue.extend(story);
-    // @ts-ignore // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824
+    // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824
   } else if (story.options[WRAPS]) {
     return story as VueConstructor;
   }
 
   return Vue.extend({
-    // @ts-ignore // https://github.com/storybookjs/storybook/pull/7578#discussion_r307985279
+    // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307985279
     [WRAPS]: story,
-    // @ts-ignore // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824
+    // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824
     [VALUES]: { ...(innerStory ? innerStory.options[VALUES] : {}), ...extractProps(story) },
     functional: true,
     render(h, { data, parent, children }) {
@@ -45,7 +45,7 @@ function prepare(
         story,
         {
           ...data,
-          // @ts-ignore // https://github.com/storybookjs/storybook/pull/7578#discussion_r307986196
+          // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307986196
           props: { ...(data.props || {}), ...parent.$root[VALUES] },
         },
         children
diff --git a/code/renderers/vue/src/docs/extractArgTypes.ts b/code/renderers/vue/src/docs/extractArgTypes.ts
index d2838be75cd9..509b1439d3a4 100644
--- a/code/renderers/vue/src/docs/extractArgTypes.ts
+++ b/code/renderers/vue/src/docs/extractArgTypes.ts
@@ -11,7 +11,7 @@ const SECTIONS = ['props', 'events', 'slots', 'methods'];
 function isEnum(propDef: PropDef, docgenInfo: DocgenInfo): false | PropDef {
   // cast as any, since "values" doesn't exist in DocgenInfo type
   const { type, values } = docgenInfo as any;
-  const matched = Array.isArray(values) && values.length && type?.name !== 'enum';
+  const matched = Array.isArray(values) && values.length && type?.name === 'enum';
 
   if (!matched) {
     return false;
diff --git a/code/renderers/vue/src/globals.ts b/code/renderers/vue/src/globals.ts
index 59cd596fcbee..e80d65427f47 100644
--- a/code/renderers/vue/src/globals.ts
+++ b/code/renderers/vue/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/vue/src/render.ts b/code/renderers/vue/src/render.ts
index b44e14d34a20..22fec5d8bdbf 100644
--- a/code/renderers/vue/src/render.ts
+++ b/code/renderers/vue/src/render.ts
@@ -32,21 +32,17 @@ const getRoot = (domElement: Element): Instance => {
     },
     data() {
       return {
-        // @ts-ignore
         [COMPONENT]: undefined,
         [VALUES]: {},
       };
     },
-    // @ts-ignore
     render(h) {
-      // @ts-ignore
       map.set(domElement, instance);
       const children = this[COMPONENT] ? [h(this[COMPONENT])] : undefined;
-      return h('div', { attrs: { id: 'root' } }, children);
+      return h('div', { attrs: { id: 'storybook-root' } }, children);
     },
   });
 
-  // @ts-ignore
   return instance;
 };
 
@@ -67,8 +63,7 @@ export const render: ArgsStoryFn<VueFramework> = (props, context) => {
 
   // if there is a name property, we either use it or preprend with sb- in case it's an invalid name
   if (component.name) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore isReservedTag is an internal function from Vue, might be changed in future releases
+    // @ts-expect-error isReservedTag is an internal function from Vue, might be changed in future releases
     const isReservedTag = Vue.config.isReservedTag && Vue.config.isReservedTag(component.name);
 
     componentName = isReservedTag ? `sb-${component.name}` : component.name;
@@ -117,7 +112,7 @@ export function renderToDOM(
     root[COMPONENT] = element;
   }
 
-  // @ts-ignore https://github.com/storybookjs/storrybook/pull/7578#discussion_r307986139
+  // @ts-expect-error https://github.com/storybookjs/storrybook/pull/7578#discussion_r307986139
   root[VALUES] = { ...element.options[VALUES], ...args };
 
   if (!map.has(domElement)) {
diff --git a/code/renderers/vue/src/util.ts b/code/renderers/vue/src/util.ts
index 91fa05edabf8..1ef5ac83b39f 100644
--- a/code/renderers/vue/src/util.ts
+++ b/code/renderers/vue/src/util.ts
@@ -17,7 +17,7 @@ function resolveDefault({ type, default: def }: any) {
 }
 
 export function extractProps(component: VueConstructor) {
-  // @ts-ignore this options business seems not good according to the types
+  // @ts-expect-error this options business seems not good according to the types
   return Object.entries(component.options.props || {})
     .map(([name, prop]) => ({ [name]: resolveDefault(prop) }))
     .reduce((wrap, prop) => ({ ...wrap, ...prop }), {});
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index f772b2f25f5f..c123bfc44e91 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -40,7 +40,6 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "bin/**/*",
     "dist/**/*",
     "README.md",
     "*.js",
@@ -48,15 +47,14 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -65,7 +63,7 @@
   "devDependencies": {
     "@digitak/esrun": "^3.2.2",
     "typescript": "~4.6.3",
-    "vue": "3.0.0"
+    "vue": "^3.0.0"
   },
   "peerDependencies": {
     "@babel/core": "*",
@@ -85,5 +83,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/vue3/preview.js b/code/renderers/vue3/preview.js
index fe48d8883ba4..f00f03b4e2e4 100644
--- a/code/renderers/vue3/preview.js
+++ b/code/renderers/vue3/preview.js
@@ -1 +1 @@
-export * from './dist/config';
+export * from './dist/config.mjs';
diff --git a/code/renderers/vue3/src/globals.ts b/code/renderers/vue3/src/globals.ts
index 2e6bd7ad85df..ab2c948bafd1 100644
--- a/code/renderers/vue3/src/globals.ts
+++ b/code/renderers/vue3/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/vue3/src/render.ts b/code/renderers/vue3/src/render.ts
index 94e1158583ec..f6e08da07c64 100644
--- a/code/renderers/vue3/src/render.ts
+++ b/code/renderers/vue3/src/render.ts
@@ -57,7 +57,7 @@ export function renderToDOM(
   showMain();
 
   if (map.has(domElement)) {
-    map.get(domElement).unmount(domElement);
+    map.get(domElement).unmount();
   }
 
   storybookApp.mount(domElement);
diff --git a/code/renderers/vue3/template/components/Button.vue b/code/renderers/vue3/template/components/Button.vue
new file mode 100644
index 000000000000..b35d40db56b3
--- /dev/null
+++ b/code/renderers/vue3/template/components/Button.vue
@@ -0,0 +1,52 @@
+<template>
+  <button type="button" :class="classes" @click="onClick" :style="style">{{ children }}</button>
+</template>
+
+<script>
+import './button.css';
+import { reactive, computed } from 'vue';
+
+export default {
+  name: 'my-button',
+
+  props: {
+    children: {
+      type: String,
+      required: true,
+    },
+    primary: {
+      type: Boolean,
+      default: false,
+    },
+    size: {
+      type: String,
+      validator: function (value) {
+        return ['small', 'medium', 'large'].indexOf(value) !== -1;
+      },
+    },
+    backgroundColor: {
+      type: String,
+    },
+  },
+
+  emits: ['click'],
+
+  setup(props, { emit }) {
+    props = reactive(props);
+    return {
+      classes: computed(() => ({
+        'storybook-button': true,
+        'storybook-button--primary': props.primary,
+        'storybook-button--secondary': !props.primary,
+        [`storybook-button--${props.size || 'medium'}`]: true,
+      })),
+      style: computed(() => ({
+        backgroundColor: props.backgroundColor,
+      })),
+      onClick() {
+        emit('click');
+      }
+    }
+  },
+};
+</script>
diff --git a/code/renderers/vue3/template/components/button.css b/code/renderers/vue3/template/components/button.css
new file mode 100644
index 000000000000..dc91dc76370b
--- /dev/null
+++ b/code/renderers/vue3/template/components/button.css
@@ -0,0 +1,30 @@
+.storybook-button {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+.storybook-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+.storybook-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+.storybook-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}
diff --git a/code/renderers/vue3/template/components/index.js b/code/renderers/vue3/template/components/index.js
new file mode 100644
index 000000000000..bcf11c4fef18
--- /dev/null
+++ b/code/renderers/vue3/template/components/index.js
@@ -0,0 +1,5 @@
+import globalThis from 'global';
+
+import Button from './Button.vue';
+
+globalThis.Components = { Button };
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 3d7db15f728f..3cf434f2452a 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.20",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -49,18 +49,17 @@
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.20",
-    "@storybook/api": "7.0.0-alpha.20",
-    "@storybook/client-logger": "7.0.0-alpha.20",
-    "@storybook/core-client": "7.0.0-alpha.20",
+    "@storybook/addons": "7.0.0-alpha.31",
+    "@storybook/api": "7.0.0-alpha.31",
+    "@storybook/client-logger": "7.0.0-alpha.31",
+    "@storybook/core-client": "7.0.0-alpha.31",
     "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.20",
-    "@storybook/preview-web": "7.0.0-alpha.20",
-    "@storybook/store": "7.0.0-alpha.20",
-    "core-js": "^3.8.2",
+    "@storybook/docs-tools": "7.0.0-alpha.31",
+    "@storybook/preview-web": "7.0.0-alpha.31",
+    "@storybook/store": "7.0.0-alpha.31",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -86,5 +85,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "a6c00d2ebed21da54b4772b4a4f7fed9258f0ab4"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }
diff --git a/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js b/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js
index 2856e5980397..c6b473069c87 100644
--- a/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js
+++ b/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js
@@ -1,5 +1,5 @@
 /* eslint-disable import/no-unresolved */
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import { LitElement, html, css } from 'lit-element';
diff --git a/code/renderers/web-components/src/docs/custom-elements.test.ts b/code/renderers/web-components/src/docs/custom-elements.test.ts
index 6f28b30dbc46..89bcc338473a 100644
--- a/code/renderers/web-components/src/docs/custom-elements.test.ts
+++ b/code/renderers/web-components/src/docs/custom-elements.test.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-underscore-dangle */
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import { extractArgTypes } from './custom-elements';
diff --git a/code/renderers/web-components/src/framework-api.ts b/code/renderers/web-components/src/framework-api.ts
index a72b94cbcef2..3f1d6c37385a 100644
--- a/code/renderers/web-components/src/framework-api.ts
+++ b/code/renderers/web-components/src/framework-api.ts
@@ -30,16 +30,16 @@ export function isValidMetaData(customElements: any) {
  * @param customElements any for now as spec is not super stable yet
  */
 export function setCustomElements(customElements: any) {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   window.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
 }
 
 export function setCustomElementsManifest(customElements: any) {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
 }
 
 export function getCustomElements() {
-  // @ts-ignore
+  // @ts-expect-error (Converted from ts-ignore)
   return window.__STORYBOOK_CUSTOM_ELEMENTS__ || window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
 }
diff --git a/code/renderers/web-components/src/globals.ts b/code/renderers/web-components/src/globals.ts
index 4fcf455937c1..30001b894cf2 100644
--- a/code/renderers/web-components/src/globals.ts
+++ b/code/renderers/web-components/src/globals.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/web-components/src/index.ts b/code/renderers/web-components/src/index.ts
index 85a17dca3663..e0a88fea3b48 100644
--- a/code/renderers/web-components/src/index.ts
+++ b/code/renderers/web-components/src/index.ts
@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window, EventSource } = global;
diff --git a/code/renderers/web-components/src/render.ts b/code/renderers/web-components/src/render.ts
index 795706a972c5..8347d2002397 100644
--- a/code/renderers/web-components/src/render.ts
+++ b/code/renderers/web-components/src/render.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-param-reassign */
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 import { dedent } from 'ts-dedent';
diff --git a/code/workspace.json b/code/workspace.json
index f5f67f24ee49..54ce50462e8e 100644
--- a/code/workspace.json
+++ b/code/workspace.json
@@ -1,118 +1,495 @@
 {
   "version": 2,
   "projects": {
-    "@storybook/addon-a11y": { "root": "addons/a11y", "type": "library" },
-    "@storybook/addon-actions": { "root": "addons/actions", "type": "library" },
-    "@storybook/addon-backgrounds": { "root": "addons/backgrounds", "type": "library" },
-    "@storybook/addon-controls": { "root": "addons/controls", "type": "library" },
-    "@storybook/addon-docs": { "root": "addons/docs", "type": "library" },
-    "@storybook/addon-essentials": { "root": "addons/essentials", "type": "library" },
-    "@storybook/addon-highlight": { "root": "addons/highlight", "type": "library" },
-    "@storybook/addon-interactions": { "root": "addons/interactions", "type": "library" },
-    "@storybook/addon-jest": { "root": "addons/jest", "type": "library" },
-    "@storybook/addon-links": { "root": "addons/links", "type": "library" },
-    "@storybook/addon-measure": { "root": "addons/measure", "type": "library" },
-    "@storybook/addon-outline": { "root": "addons/outline", "type": "library" },
+    "@storybook/addon-a11y": {
+      "root": "addons/a11y",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-actions": {
+      "root": "addons/actions",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-backgrounds": {
+      "root": "addons/backgrounds",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-controls": {
+      "root": "addons/controls",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-docs": {
+      "root": "addons/docs",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-essentials": {
+      "root": "addons/essentials",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-highlight": {
+      "root": "addons/highlight",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-interactions": {
+      "root": "addons/interactions",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-jest": {
+      "root": "addons/jest",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-links": {
+      "root": "addons/links",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-measure": {
+      "root": "addons/measure",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-outline": {
+      "root": "addons/outline",
+      "type": "library",
+      "implicitDependencies": []
+    },
     "@storybook/addon-storyshots": {
       "root": "addons/storyshots/storyshots-core",
-      "type": "library"
+      "type": "library",
+      "implicitDependencies": []
     },
     "@storybook/addon-storyshots-puppeteer": {
       "root": "addons/storyshots/storyshots-puppeteer",
-      "type": "library"
-    },
-    "@storybook/addon-storysource": { "root": "addons/storysource", "type": "library" },
-    "@storybook/addon-toolbars": { "root": "addons/toolbars", "type": "library" },
-    "@storybook/addon-viewport": { "root": "addons/viewport", "type": "library" },
-
-    "@storybook/angular": { "root": "frameworks/angular", "type": "library" },
-    "@storybook/docs-tools": { "root": "lib/docs-tools", "type": "library" },
-    "@storybook/ember": { "root": "frameworks/ember", "type": "library" },
-    "@storybook/html-webpack5": { "root": "frameworks/html-webpack5", "type": "library" },
-    "@storybook/builder-manager": { "root": "lib/builder-manager", "type": "library" },
-    "@storybook/preact-webpack5": { "root": "frameworks/preact-webpack5", "type": "library" },
-    "@storybook/react-webpack5": { "root": "frameworks/react-webpack5", "type": "library" },
-    "@storybook/server-webpack5": { "root": "frameworks/server-webpack5", "type": "library" },
-    "@storybook/svelte-webpack5": { "root": "frameworks/svelte-webpack5", "type": "library" },
-    "@storybook/vue-webpack5": { "root": "frameworks/vue-webpack5", "type": "library" },
-    "@storybook/vue3-webpack5": { "root": "frameworks/vue3-webpack5", "type": "library" },
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-storysource": {
+      "root": "addons/storysource",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-toolbars": {
+      "root": "addons/toolbars",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addon-viewport": {
+      "root": "addons/viewport",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/addons": {
+      "root": "lib/addons",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/angular": {
+      "root": "frameworks/angular",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/api": {
+      "root": "lib/api",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/blocks": {
+      "root": "lib/blocks",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/builder-manager": {
+      "root": "lib/builder-manager",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/builder-vite": {
+      "root": "lib/builder-vite",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/builder-webpack5": {
+      "root": "lib/builder-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/channel-postmessage": {
+      "root": "lib/channel-postmessage",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/channel-websocket": {
+      "root": "lib/channel-websocket",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/channels": {
+      "root": "lib/channels",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/cli": {
+      "root": "lib/cli",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/client-api": {
+      "root": "lib/client-api",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/client-logger": {
+      "root": "lib/client-logger",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/codemod": {
+      "root": "lib/codemod",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/components": {
+      "root": "lib/components",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/core-client": {
+      "root": "lib/core-client",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/core-common": {
+      "root": "lib/core-common",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/core-events": {
+      "root": "lib/core-events",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/core-server": {
+      "root": "lib/core-server",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/core-vite": {
+      "root": "lib/core-vite",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/core-webpack": {
+      "root": "lib/core-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/csf-tools": {
+      "root": "lib/csf-tools",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/docs-tools": {
+      "root": "lib/docs-tools",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/ember": {
+      "root": "frameworks/ember",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/example-doc-blocks": {
+      "root": "examples/doc-blocks",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/example-react-ts": {
+      "root": "examples/react-ts",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/external-docs": {
+      "root": "examples/external-docs",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/html": {
+      "root": "renderers/html",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/html-webpack5": {
+      "root": "frameworks/html-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/instrumenter": {
+      "root": "lib/instrumenter",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/node-logger": {
+      "root": "lib/node-logger",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/postinstall": {
+      "root": "lib/postinstall",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preact": {
+      "root": "renderers/preact",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preact-webpack5": {
+      "root": "frameworks/preact-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-html-webpack": {
+      "root": "presets/html-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-preact-webpack": {
+      "root": "presets/preact-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-react-webpack": {
+      "root": "presets/react-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-server-webpack": {
+      "root": "presets/server-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-svelte-webpack": {
+      "root": "presets/svelte-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-vue-webpack": {
+      "root": "presets/vue-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-vue3-webpack": {
+      "root": "presets/vue3-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preset-web-components-webpack": {
+      "root": "presets/web-components-webpack",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/preview-web": {
+      "root": "lib/preview-web",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/react": {
+      "root": "renderers/react",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/react-vite": {
+      "root": "frameworks/react-vite",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/react-webpack5": {
+      "root": "frameworks/react-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/router": {
+      "root": "lib/router",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/server": {
+      "root": "renderers/server",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/server-webpack5": {
+      "root": "frameworks/server-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/source-loader": {
+      "root": "lib/source-loader",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/store": {
+      "root": "lib/store",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/svelte": {
+      "root": "renderers/svelte",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/svelte-vite": {
+      "root": "frameworks/svelte-vite",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/svelte-webpack5": {
+      "root": "frameworks/svelte-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/telemetry": {
+      "root": "lib/telemetry",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/theming": {
+      "root": "lib/theming",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/ui": {
+      "root": "lib/ui",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/vue": {
+      "root": "renderers/vue",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/vue-webpack5": {
+      "root": "frameworks/vue-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/vue3": {
+      "root": "renderers/vue3",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/vue3-vite": {
+      "root": "frameworks/vue3-vite",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/vue3-webpack5": {
+      "root": "frameworks/vue3-webpack5",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "@storybook/web-components": {
+      "root": "renderers/web-components",
+      "type": "library",
+      "implicitDependencies": []
+    },
     "@storybook/web-components-webpack5": {
       "root": "frameworks/web-components-webpack5",
-      "type": "library"
-    },
-    "@storybook/core-webpack": { "root": "lib/core-webpack", "type": "library" },
-
-    "angular-cli": { "root": "examples/angular-cli", "type": "library" },
-    "cra-kitchen-sink": { "root": "examples/cra-kitchen-sink", "type": "library" },
-    "cra-ts-essentials": { "root": "examples/cra-ts-essentials", "type": "library" },
-    "cra-ts-kitchen-sink": { "root": "examples/cra-ts-kitchen-sink", "type": "library" },
-    "ember-example": { "root": "examples/ember-cli", "type": "library" },
-    "html-kitchen-sink": { "root": "examples/html-kitchen-sink", "type": "library" },
-    "official-storybook": { "root": "examples/official-storybook", "type": "library" },
-    "preact-example": { "root": "examples/preact-kitchen-sink", "type": "library" },
-    "@storybook/example-react-ts": { "root": "examples/react-ts", "type": "library" },
-    "server-kitchen-sink": { "root": "examples/server-kitchen-sink", "type": "library" },
-    "standalone-preview": { "root": "examples/standalone-preview", "type": "library" },
-    "svelte-example": { "root": "examples/svelte-kitchen-sink", "type": "library" },
-    "vue-3-cli-example": { "root": "examples/vue-3-cli", "type": "library" },
-    "vue-cli-example": { "root": "examples/vue-cli", "type": "library" },
-    "vue-example": { "root": "examples/vue-kitchen-sink", "type": "library" },
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "angular-cli": {
+      "root": "examples/angular-cli",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "cra-kitchen-sink": {
+      "root": "examples/cra-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "cra-ts-essentials": {
+      "root": "examples/cra-ts-essentials",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "cra-ts-kitchen-sink": {
+      "root": "examples/cra-ts-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "ember-example": {
+      "root": "examples/ember-cli",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "html-kitchen-sink": {
+      "root": "examples/html-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "official-storybook": {
+      "root": "examples/official-storybook",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "preact-example": {
+      "root": "examples/preact-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "sb": {
+      "root": "lib/cli-sb",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "server-kitchen-sink": {
+      "root": "examples/server-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "standalone-preview": {
+      "root": "examples/standalone-preview",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "storybook": {
+      "root": "lib/cli-storybook",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "svelte-example": {
+      "root": "examples/svelte-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "vue-3-cli-example": {
+      "root": "examples/vue-3-cli",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "vue-cli-example": {
+      "root": "examples/vue-cli",
+      "type": "library",
+      "implicitDependencies": []
+    },
+    "vue-example": {
+      "root": "examples/vue-kitchen-sink",
+      "type": "library",
+      "implicitDependencies": []
+    },
     "web-components-kitchen-sink": {
       "root": "examples/web-components-kitchen-sink",
-      "type": "library"
-    },
-    "@storybook/external-docs": { "root": "examples/external-docs", "type": "library" },
-    "@storybook/example-doc-blocks": { "root": "examples/doc-blocks", "type": "library" },
-
-    "@storybook/addons": { "root": "lib/addons", "type": "library" },
-    "@storybook/api": { "root": "lib/api", "type": "library" },
-    "@storybook/builder-webpack5": { "root": "lib/builder-webpack5", "type": "library" },
-    "@storybook/channel-postmessage": { "root": "lib/channel-postmessage", "type": "library" },
-    "@storybook/channel-websocket": { "root": "lib/channel-websocket", "type": "library" },
-    "@storybook/channels": { "root": "lib/channels", "type": "library" },
-    "@storybook/cli": { "root": "lib/cli", "type": "library" },
-    "sb": { "root": "lib/cli-sb", "type": "library" },
-    "storybook": { "root": "lib/cli-storybook", "type": "library" },
-    "@storybook/client-api": { "root": "lib/client-api", "type": "library" },
-    "@storybook/client-logger": { "root": "lib/client-logger", "type": "library" },
-    "@storybook/codemod": { "root": "lib/codemod", "type": "library" },
-    "@storybook/components": { "root": "lib/components", "type": "library" },
-    "@storybook/core-client": { "root": "lib/core-client", "type": "library" },
-    "@storybook/core-common": { "root": "lib/core-common", "type": "library" },
-    "@storybook/core-events": { "root": "lib/core-events", "type": "library" },
-    "@storybook/core-server": { "root": "lib/core-server", "type": "library" },
-    "@storybook/instrumenter": { "root": "lib/instrumenter", "type": "library" },
-    "@storybook/node-logger": { "root": "lib/node-logger", "type": "library" },
-    "@storybook/postinstall": { "root": "lib/postinstall", "type": "library" },
-    "@storybook/router": { "root": "lib/router", "type": "library" },
-    "@storybook/source-loader": { "root": "lib/source-loader", "type": "library" },
-    "@storybook/store": { "root": "lib/store", "type": "library" },
-    "@storybook/telemetry": { "root": "lib/telemetry", "type": "library" },
-    "@storybook/theming": { "root": "lib/theming", "type": "library" },
-    "@storybook/csf-tools": { "root": "lib/csf-tools", "type": "library" },
-    "@storybook/ui": { "root": "lib/ui", "type": "library" },
-    "@storybook/preview-web": { "root": "lib/preview-web", "type": "library" },
-    "@storybook/blocks": { "root": "lib/blocks", "type": "library" },
-
-    "@storybook/preset-html-webpack": { "root": "presets/html-webpack", "type": "library" },
-    "@storybook/preset-preact-webpack": { "root": "presets/preact-webpack", "type": "library" },
-    "@storybook/preset-react-webpack": { "root": "presets/react-webpack", "type": "library" },
-    "@storybook/preset-server-webpack": { "root": "presets/server-webpack", "type": "library" },
-    "@storybook/preset-svelte-webpack": { "root": "presets/svelte-webpack", "type": "library" },
-    "@storybook/preset-vue-webpack": { "root": "presets/vue-webpack", "type": "library" },
-    "@storybook/preset-vue3-webpack": { "root": "presets/vue3-webpack", "type": "library" },
-    "@storybook/preset-web-components-webpack": {
-      "root": "presets/web-components-webpack",
-      "type": "library"
-    },
-
-    "@storybook/html": { "root": "renderers/html", "type": "library" },
-    "@storybook/preact": { "root": "renderers/preact", "type": "library" },
-    "@storybook/react": { "root": "renderers/react", "type": "library" },
-    "@storybook/server": { "root": "renderers/server", "type": "library" },
-    "@storybook/svelte": { "root": "renderers/svelte", "type": "library" },
-    "@storybook/vue": { "root": "renderers/vue", "type": "library" },
-    "@storybook/vue3": { "root": "renderers/vue3", "type": "library" },
-    "@storybook/web-components": { "root": "renderers/web-components", "type": "library" }
+      "type": "library",
+      "implicitDependencies": []
+    }
   }
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index 9d98e70f6a3c..7151741a7735 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -16,6 +16,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@adobe/css-tools@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@adobe/css-tools@npm:4.0.1"
+  checksum: daabd77ae881e4d6fe218c370d1d10fb95a5b7b437fc2f61d8b8aae68a20dfadc7954df88772404b0eb4c50dd8ad0f5c5721f1064a1dd0635536cd2cb16f92b6
+  languageName: node
+  linkType: hard
+
 "@aduh95/viz.js@npm:^3.1.0":
   version: 3.7.0
   resolution: "@aduh95/viz.js@npm:3.7.0"
@@ -361,19 +368,19 @@ __metadata:
   linkType: hard
 
 "@axe-core/puppeteer@npm:^4.2.0":
-  version: 4.4.3
-  resolution: "@axe-core/puppeteer@npm:4.4.3"
+  version: 4.4.4
+  resolution: "@axe-core/puppeteer@npm:4.4.4"
   dependencies:
-    axe-core: ^4.4.1
+    axe-core: ^4.4.2
   peerDependencies:
-    puppeteer: ">=1.10.0 <= 13"
-  checksum: 9c5602676c075ccc1e1602cc9c426823467472caa86a62b142c8e09604064e87f89b757c907166ea3c78fd41428d0ba8b26fadb62af7f3250014d6551c7e6543
+    puppeteer: ">=1.10.0 <= 16"
+  checksum: 4e0f802725509499665e186e1420f25e124767d41388498399adaaee90f7c7e8c186fae3806f8b2a10b57aace67e4b394c5ba8d3265a13807e03b80c6011d300
   languageName: node
   linkType: hard
 
 "@babel/cli@npm:^7.17.6":
-  version: 7.18.9
-  resolution: "@babel/cli@npm:7.18.9"
+  version: 7.18.10
+  resolution: "@babel/cli@npm:7.18.10"
   dependencies:
     "@jridgewell/trace-mapping": ^0.3.8
     "@nicolo-ribaudo/chokidar-2": 2.1.8-no-fsevents.3
@@ -381,7 +388,7 @@ __metadata:
     commander: ^4.0.1
     convert-source-map: ^1.1.0
     fs-readdir-recursive: ^1.1.0
-    glob: ^7.0.0
+    glob: ^7.2.0
     make-dir: ^2.1.0
     slash: ^2.0.0
   peerDependencies:
@@ -394,7 +401,7 @@ __metadata:
   bin:
     babel: ./bin/babel.js
     babel-external-helpers: ./bin/babel-external-helpers.js
-  checksum: 24a18d405118c6b63832857fa23757b59ee37f9bb8b8a91ce88335d90ac2d04f67c6b74ee3f1833b25721cec95bbfef2092b184b907b59163f2d51d93a971179
+  checksum: f1abd28e271e7047653253383cb898d0c09b7a7d012efe057328a6b70808aefcce79ee76a21373a1d86c0211261100299c83ba55cea36f9fbd6efc27490761c9
   languageName: node
   linkType: hard
 
@@ -416,10 +423,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.16.8, @babel/compat-data@npm:^7.18.8":
-  version: 7.18.8
-  resolution: "@babel/compat-data@npm:7.18.8"
-  checksum: b82a9f61e194bd6e5267899a2697902a9bb965a042a7b3986fe30ea234d3217b702c6a6aa4ddb2d1bfad337208170b5b1f816881a46d4eece6c1806bdbba3978
+"@babel/compat-data@npm:^7.16.8, @babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.18.8, @babel/compat-data@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/compat-data@npm:7.19.0"
+  checksum: 8f47613f082fe8990bab19fe93ab7d2d8ee52a44b011589ee5ab6979f1ef8772f2db07e5bb502aad289783ecbd825899b94833f5e5e5f07831e0308b9c485856
   languageName: node
   linkType: hard
 
@@ -493,26 +500,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.5, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.16, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.13.16, @babel/core@npm:^7.16.0, @babel/core@npm:^7.17.2, @babel/core@npm:^7.17.5, @babel/core@npm:^7.3.4, @babel/core@npm:^7.7.2, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.0":
-  version: 7.18.9
-  resolution: "@babel/core@npm:7.18.9"
+"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.5, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.16, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.13.16, @babel/core@npm:^7.16.0, @babel/core@npm:^7.17.2, @babel/core@npm:^7.17.5, @babel/core@npm:^7.18.13, @babel/core@npm:^7.3.4, @babel/core@npm:^7.7.2, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.0":
+  version: 7.19.0
+  resolution: "@babel/core@npm:7.19.0"
   dependencies:
     "@ampproject/remapping": ^2.1.0
     "@babel/code-frame": ^7.18.6
-    "@babel/generator": ^7.18.9
-    "@babel/helper-compilation-targets": ^7.18.9
-    "@babel/helper-module-transforms": ^7.18.9
-    "@babel/helpers": ^7.18.9
-    "@babel/parser": ^7.18.9
-    "@babel/template": ^7.18.6
-    "@babel/traverse": ^7.18.9
-    "@babel/types": ^7.18.9
+    "@babel/generator": ^7.19.0
+    "@babel/helper-compilation-targets": ^7.19.0
+    "@babel/helper-module-transforms": ^7.19.0
+    "@babel/helpers": ^7.19.0
+    "@babel/parser": ^7.19.0
+    "@babel/template": ^7.18.10
+    "@babel/traverse": ^7.19.0
+    "@babel/types": ^7.19.0
     convert-source-map: ^1.7.0
     debug: ^4.1.0
     gensync: ^1.0.0-beta.2
     json5: ^2.2.1
     semver: ^6.3.0
-  checksum: fc0f9d56798987a1422ce3f074cc3bed2bb7b0cce73aa861783c7487394dc29812db5db9e299c9efa1cda31ba630aabd7921defc61a358e2a07afa85b0c4f919
+  checksum: 0200e66829fbb36a831c0ed39907b791b830a474b23207a169bd3cb871d01a8e8bfa8a4507315ea2a260e492b6a58d5cd5f38ced9868b5a96ecc1308f6541126
   languageName: node
   linkType: hard
 
@@ -541,14 +548,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.12.11, @babel/generator@npm:^7.12.5, @babel/generator@npm:^7.16.8, @babel/generator@npm:^7.18.9, @babel/generator@npm:^7.4.0, @babel/generator@npm:^7.7.2, @babel/generator@npm:^7.8.7":
-  version: 7.18.9
-  resolution: "@babel/generator@npm:7.18.9"
+"@babel/generator@npm:^7.12.11, @babel/generator@npm:^7.12.5, @babel/generator@npm:^7.16.8, @babel/generator@npm:^7.19.0, @babel/generator@npm:^7.4.0, @babel/generator@npm:^7.7.2, @babel/generator@npm:^7.8.7":
+  version: 7.19.0
+  resolution: "@babel/generator@npm:7.19.0"
   dependencies:
-    "@babel/types": ^7.18.9
+    "@babel/types": ^7.19.0
     "@jridgewell/gen-mapping": ^0.3.2
     jsesc: ^2.5.1
-  checksum: 8fb777551ad13fd6e2b6b96487c3a4b6e903b77664e96435add5a348a85f99dda21efb709b0eaad0fc2acf4769799fea59426d3b6b9ec383a50d2e686b8fe525
+  checksum: 84308049e15851ef33d361a6d4e4847b169d9cf490633e5820adbcba95dc9b837afc7aeee5ccac6f0bf883a88cb5a84b64c45a68d07c24da8f47b1ddd5d1652e
   languageName: node
   linkType: hard
 
@@ -580,86 +587,66 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.12.0, @babel/helper-compilation-targets@npm:^7.12.16, @babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.16.7, @babel/helper-compilation-targets@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-compilation-targets@npm:7.18.9"
+"@babel/helper-compilation-targets@npm:^7.12.0, @babel/helper-compilation-targets@npm:^7.12.16, @babel/helper-compilation-targets@npm:^7.16.7, @babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.18.9, @babel/helper-compilation-targets@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/helper-compilation-targets@npm:7.19.0"
   dependencies:
-    "@babel/compat-data": ^7.18.8
+    "@babel/compat-data": ^7.19.0
     "@babel/helper-validator-option": ^7.18.6
     browserslist: ^4.20.2
     semver: ^6.3.0
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: f4c851a7301288028bec5650bf3fa4e60c467015cd07a2ce2cde4df4bdbf97537c787727dbfd142fa24222bf214cdd0106408543af6ec73639064b886bc0b381
+  checksum: c7831f1943e19eb6ad6fb582d01e8691316105dc4fa0e1882a14e9d4f01ae396a2e97606a724713ac58d0af44aa313efdbc8b2e0266a2f42c3b3ae1a9638a4f0
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.18.9"
+"@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.19.0"
   dependencies:
     "@babel/helper-annotate-as-pure": ^7.18.6
     "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-function-name": ^7.18.9
+    "@babel/helper-function-name": ^7.19.0
     "@babel/helper-member-expression-to-functions": ^7.18.9
     "@babel/helper-optimise-call-expression": ^7.18.6
     "@babel/helper-replace-supers": ^7.18.9
     "@babel/helper-split-export-declaration": ^7.18.6
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: a5a10eaa776963c1a93a986f6f6f97d6c522f1c1bb168afae5f35ca1e569f29ecd4b81d70c3d0c41cccae22b5bf8c52a79210537892b9ce6981ddc2b1f835920
+  checksum: f61b98942d40d904e697c14fb24f30975c639f7d40e011a80b22fb22f5e423abe857ad7bba56318592a268420426d82c94a9193e8f761a8cd0717080549ca7ac
   languageName: node
   linkType: hard
 
-"@babel/helper-create-regexp-features-plugin@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.18.6"
+"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.19.0"
   dependencies:
     "@babel/helper-annotate-as-pure": ^7.18.6
     regexpu-core: ^5.1.0
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 5151ae268376d9cd9a5fd97263dc2cf21f2c5043076331c9d0b4e4d7bbf8ae83ed1b0d366c5ddcb17c06329f9ed38e10e75b1dbc2dc040bbfab7d5604eada886
-  languageName: node
-  linkType: hard
-
-"@babel/helper-define-polyfill-provider@npm:^0.1.5":
-  version: 0.1.5
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.1.5"
-  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: b83aa728cc2fd4882a82ce67c300407024a05adc3f88c461a02438b2ab50c66e711f8ba36ef622637eb7af4d40aaafa0d70e77e0da9adc5710f190a686082f94
+  checksum: 30621e5bb6646cc68cd3504fe8e126fcc7efe0da8bafaf52f7ab3b347c6ad0d84dc2e16b1bef4b5c39f9ba44dfde2f64ad9d8f0942450ac46eb81abb1bda759a
   languageName: node
   linkType: hard
 
-"@babel/helper-define-polyfill-provider@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.3.1"
+"@babel/helper-define-polyfill-provider@npm:^0.3.1, @babel/helper-define-polyfill-provider@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.3.2"
   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
+    "@babel/helper-compilation-targets": ^7.17.7
+    "@babel/helper-plugin-utils": ^7.16.7
     debug: ^4.1.1
     lodash.debounce: ^4.0.8
     resolve: ^1.14.2
     semver: ^6.1.2
   peerDependencies:
     "@babel/core": ^7.4.0-0
-  checksum: 1daf68e594bd7d32429693c4083e3cda78f34ebc8b716f54a8bb65b5786a88653e7e0182f98099473599f7717e0da3e96afe1b7f04c420465f3a4c43b2663389
+  checksum: b4cfce62a1e847d3d3d5a5a5e5f315a53b1665fb57bca59b1f34a4baaeda2639a0304fc26032c414f977a028002289123334cf9b99305e69026a6026c0105c94
   languageName: node
   linkType: hard
 
-"@babel/helper-environment-visitor@npm:^7.18.6, @babel/helper-environment-visitor@npm:^7.18.9":
+"@babel/helper-environment-visitor@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-environment-visitor@npm:7.18.9"
   checksum: a69dd50ea91d8143b899a40ca7a387fa84dbaa02e606d8692188c7c59bd4007bcd632c189f7b7dab72cb7a016e159557a6fccf7093ab9b584d87cf2ea8cf36b7
@@ -675,13 +662,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-function-name@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-function-name@npm:7.18.9"
+"@babel/helper-function-name@npm:^7.18.9, @babel/helper-function-name@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/helper-function-name@npm:7.19.0"
   dependencies:
-    "@babel/template": ^7.18.6
-    "@babel/types": ^7.18.9
-  checksum: 8ca19a36b2b4d6ec4bc19c885b4db38930a4fe21e4737f9f38698709e2fad2609b2645572662efea5f6251c84b1d4dc7e2dfde6e64c224b6c2dbe3b925e2c26d
+    "@babel/template": ^7.18.10
+    "@babel/types": ^7.19.0
+  checksum: a4181d23274d926df3a8032fb2ff210b8a27c83fedd9e7bd148a6877cb4070be4caf69ddae1bf29447e1e84da807ff769a31ca661ef55ecd4d4d672073a68c48
   languageName: node
   linkType: hard
 
@@ -712,19 +699,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.12.1, @babel/helper-module-transforms@npm:^7.16.7, @babel/helper-module-transforms@npm:^7.18.6, @babel/helper-module-transforms@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-module-transforms@npm:7.18.9"
+"@babel/helper-module-transforms@npm:^7.12.1, @babel/helper-module-transforms@npm:^7.16.7, @babel/helper-module-transforms@npm:^7.18.6, @babel/helper-module-transforms@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/helper-module-transforms@npm:7.19.0"
   dependencies:
     "@babel/helper-environment-visitor": ^7.18.9
     "@babel/helper-module-imports": ^7.18.6
     "@babel/helper-simple-access": ^7.18.6
     "@babel/helper-split-export-declaration": ^7.18.6
     "@babel/helper-validator-identifier": ^7.18.6
-    "@babel/template": ^7.18.6
-    "@babel/traverse": ^7.18.9
-    "@babel/types": ^7.18.9
-  checksum: 68cf02fc0848c5fc991ac0e77b1b10152696b18b02a17cc09cabd78df7575644a5198ba633023ea85e7a5149c6d3f211b86ffe7f7367ca2a1c197f4b77e97d2c
+    "@babel/template": ^7.18.10
+    "@babel/traverse": ^7.19.0
+    "@babel/types": ^7.19.0
+  checksum: 8a36ad46a144cf779e300e4a620c46ddad27d68353769d522c220731c8f33d8823ae9a6c9e207b330ecb1d044180ad8f7c129f1191ccf09fae978cddcb31061b
   languageName: node
   linkType: hard
 
@@ -744,14 +731,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.13.0, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
-  version: 7.18.9
-  resolution: "@babel/helper-plugin-utils@npm:7.18.9"
-  checksum: cefb9032c901abc536a34a4b741ea440e46b3251ddc1abf3ef8b3a673ef1b343f856b1faa5c78ad73fc44c97b143d6531a63c0420e4c3c8959571ea2eabeba62
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.19.0, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
+  version: 7.19.0
+  resolution: "@babel/helper-plugin-utils@npm:7.19.0"
+  checksum: 9ae9c09cf7e3b6023be2bb66f3ca3b5fa8c2b21b58bd09819d494fcd7ab2a1844056c8dfd609ffb474e3c857a1bc979fa7a60931b0c71d69a3e939ba724498ac
   languageName: node
   linkType: hard
 
-"@babel/helper-remap-async-to-generator@npm:^7.16.8, @babel/helper-remap-async-to-generator@npm:^7.18.6":
+"@babel/helper-remap-async-to-generator@npm:^7.16.8, @babel/helper-remap-async-to-generator@npm:^7.18.6, @babel/helper-remap-async-to-generator@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-remap-async-to-generator@npm:7.18.9"
   dependencies:
@@ -805,6 +792,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-string-parser@npm:^7.18.10":
+  version: 7.18.10
+  resolution: "@babel/helper-string-parser@npm:7.18.10"
+  checksum: d32cba5466806e79a8e6242773619fd72dd504e5f432752811c143e7d721c18c5143322a583f18ea0e8ba579de8a5ea32552dc79ef14f76fb2990d5b71fa06ef
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-validator-identifier@npm:7.18.6"
@@ -820,25 +814,25 @@ __metadata:
   linkType: hard
 
 "@babel/helper-wrap-function@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-wrap-function@npm:7.18.9"
+  version: 7.19.0
+  resolution: "@babel/helper-wrap-function@npm:7.19.0"
   dependencies:
-    "@babel/helper-function-name": ^7.18.9
-    "@babel/template": ^7.18.6
-    "@babel/traverse": ^7.18.9
-    "@babel/types": ^7.18.9
-  checksum: 347533c5cb9641a4a9c622b208e31401fe2575854518314558dbe17d4d3b962c9101447a7009fc2297996fd6531abc153425c22aabf52695b0f3a3e12656eeb9
+    "@babel/helper-function-name": ^7.19.0
+    "@babel/template": ^7.18.10
+    "@babel/traverse": ^7.19.0
+    "@babel/types": ^7.19.0
+  checksum: ea08ce61cdce9e5de8c279e2a71700b1ba4c78713292ab775563d24bd3ec6891f97b1d37b7193264bd5deafe6237a0c721ef2cbbe103cda69d98a1748c752f2a
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.12.5, @babel/helpers@npm:^7.16.7, @babel/helpers@npm:^7.18.9, @babel/helpers@npm:^7.8.4":
-  version: 7.18.9
-  resolution: "@babel/helpers@npm:7.18.9"
+"@babel/helpers@npm:^7.12.5, @babel/helpers@npm:^7.16.7, @babel/helpers@npm:^7.19.0, @babel/helpers@npm:^7.8.4":
+  version: 7.19.0
+  resolution: "@babel/helpers@npm:7.19.0"
   dependencies:
-    "@babel/template": ^7.18.6
-    "@babel/traverse": ^7.18.9
-    "@babel/types": ^7.18.9
-  checksum: 9008e38a476d7ea45647a33e547fda424b766a59d295d9321a0179d60d1c5aa71f22a0e5420cead42ef6107d0f4e1cf509cfef2f94b7650e74dffb36f1b04578
+    "@babel/template": ^7.18.10
+    "@babel/traverse": ^7.19.0
+    "@babel/types": ^7.19.0
+  checksum: 810d9b7927d56b2e2dad07b899d0503bf6d1fa9fa84df9dccb2283509033f1eb494c48ad1e67516293f6c40e16ae8c3528402e6c9060119bb987665396606a6e
   languageName: node
   linkType: hard
 
@@ -853,12 +847,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.11.5, @babel/parser@npm:^7.12.11, @babel/parser@npm:^7.12.7, @babel/parser@npm:^7.13.12, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.16.12, @babel/parser@npm:^7.16.4, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.18.4, @babel/parser@npm:^7.18.6, @babel/parser@npm:^7.18.9, @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.8.6, @babel/parser@npm:^7.8.7, @babel/parser@npm:^7.9.6":
-  version: 7.18.9
-  resolution: "@babel/parser@npm:7.18.9"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.11.5, @babel/parser@npm:^7.12.11, @babel/parser@npm:^7.12.7, @babel/parser@npm:^7.13.12, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.16.12, @babel/parser@npm:^7.16.4, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.18.10, @babel/parser@npm:^7.18.4, @babel/parser@npm:^7.19.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.8.6, @babel/parser@npm:^7.8.7, @babel/parser@npm:^7.9.6":
+  version: 7.19.0
+  resolution: "@babel/parser@npm:7.19.0"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 787f81a4f33feae0d113e869e95b47086820a7bb64d4e8d1c522c1b44ee14dd782aa0ff5ea51e032d1685af63d1fc86a279f860f9bbcb519d775c3388cdd1643
+  checksum: 89d0bf982434e3b08a8c6dbef8762b1bf8f96dae0301e1bce74ecb02b3a63c204e7db62887f594220ddece0d95e3abcb9815e5901e087610a57531d52f1f3457
   languageName: node
   linkType: hard
 
@@ -899,21 +893,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-async-generator-functions@npm:^7.16.8, @babel/plugin-proposal-async-generator-functions@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.18.6"
+"@babel/plugin-proposal-async-generator-functions@npm:^7.16.8, @babel/plugin-proposal-async-generator-functions@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.19.0"
   dependencies:
-    "@babel/helper-environment-visitor": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/helper-remap-async-to-generator": ^7.18.6
+    "@babel/helper-environment-visitor": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.19.0
+    "@babel/helper-remap-async-to-generator": ^7.18.9
     "@babel/plugin-syntax-async-generators": ^7.8.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f5ffade285a50fedf0f7e8ada16aac9b4992e43ee1977aa28f871bd514fb0c023f45b07374dd53c880968b5e736afe60de8705f203ec28532cb105d2c66b35a2
+  checksum: b1746804ec1704d2898bf5c5c9074b218c18c2c6458961b9ee7adb2a14e4a704d0ea6db67c239e8064bca6f2ad3e7a5cb8d0ce79779f1bbca9554a63e018efa2
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-properties@npm:^7.1.0, @babel/plugin-proposal-class-properties@npm:^7.12.1, @babel/plugin-proposal-class-properties@npm:^7.12.13, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.16.0, @babel/plugin-proposal-class-properties@npm:^7.16.5, @babel/plugin-proposal-class-properties@npm:^7.16.7, @babel/plugin-proposal-class-properties@npm:^7.18.6":
+"@babel/plugin-proposal-class-properties@npm:^7.1.0, @babel/plugin-proposal-class-properties@npm:^7.12.13, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.16.0, @babel/plugin-proposal-class-properties@npm:^7.16.5, @babel/plugin-proposal-class-properties@npm:^7.16.7, @babel/plugin-proposal-class-properties@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
   dependencies:
@@ -938,18 +932,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-decorators@npm:^7.12.12, @babel/plugin-proposal-decorators@npm:^7.12.13, @babel/plugin-proposal-decorators@npm:^7.13.5, @babel/plugin-proposal-decorators@npm:^7.16.4, @babel/plugin-proposal-decorators@npm:^7.17.2":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-decorators@npm:7.18.9"
+"@babel/plugin-proposal-decorators@npm:^7.12.13, @babel/plugin-proposal-decorators@npm:^7.13.5, @babel/plugin-proposal-decorators@npm:^7.16.4, @babel/plugin-proposal-decorators@npm:^7.17.2":
+  version: 7.19.0
+  resolution: "@babel/plugin-proposal-decorators@npm:7.19.0"
   dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.9
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-create-class-features-plugin": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/helper-replace-supers": ^7.18.9
     "@babel/helper-split-export-declaration": ^7.18.6
-    "@babel/plugin-syntax-decorators": ^7.18.6
+    "@babel/plugin-syntax-decorators": ^7.19.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 9defb120be5b635f674814d4437ba95a8a71bcafc0143253c784111cdfa6cd4620520d1beeae477e3be9af1dc74bde87d820dd634db9c2c6b3afbc858a509d73
+  checksum: 7e63983c640b1aeef73101e25c41b52a55ec90de21bd7c3ec03b4bc782ca16f6998e57f6c6b239e28e11fc5a0137878d6262ed69ceb0a540e53384d66a7f548c
   languageName: node
   linkType: hard
 
@@ -965,15 +959,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-export-default-from@npm:^7.12.1, @babel/plugin-proposal-export-default-from@npm:^7.16.7":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-export-default-from@npm:7.18.9"
+"@babel/plugin-proposal-export-default-from@npm:^7.16.7":
+  version: 7.18.10
+  resolution: "@babel/plugin-proposal-export-default-from@npm:7.18.10"
   dependencies:
     "@babel/helper-plugin-utils": ^7.18.9
     "@babel/plugin-syntax-export-default-from": ^7.18.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 9201fd42ba86d6073dd683709d8c792cea142e236652b509c2b35bcfbd8b60b1920d884018b18694c7bce89123c2b45918eec178f21f9db56adf0358125178bd
+  checksum: 9ac33f8784e7a6ad0e74dabc5f45ff3aff06b57154e83f3e7fa867c45653820ec4796bf87af886bfebbf4d0762fa9efa8bfa03f7485710bbdca1c595bf698a58
   languageName: node
   linkType: hard
 
@@ -1013,7 +1007,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.12.1, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
   dependencies:
@@ -1050,7 +1044,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-object-rest-spread@npm:^7.12.1, @babel/plugin-proposal-object-rest-spread@npm:^7.16.7, @babel/plugin-proposal-object-rest-spread@npm:^7.17.3, @babel/plugin-proposal-object-rest-spread@npm:^7.18.9":
+"@babel/plugin-proposal-object-rest-spread@npm:^7.16.7, @babel/plugin-proposal-object-rest-spread@npm:^7.17.3, @babel/plugin-proposal-object-rest-spread@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.18.9"
   dependencies:
@@ -1077,7 +1071,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-optional-chaining@npm:^7.12.7, @babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.16.0, @babel/plugin-proposal-optional-chaining@npm:^7.16.7, @babel/plugin-proposal-optional-chaining@npm:^7.18.9":
+"@babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.16.0, @babel/plugin-proposal-optional-chaining@npm:^7.16.7, @babel/plugin-proposal-optional-chaining@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/plugin-proposal-optional-chaining@npm:7.18.9"
   dependencies:
@@ -1090,7 +1084,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-private-methods@npm:^7.12.1, @babel/plugin-proposal-private-methods@npm:^7.16.0, @babel/plugin-proposal-private-methods@npm:^7.16.11, @babel/plugin-proposal-private-methods@npm:^7.16.5, @babel/plugin-proposal-private-methods@npm:^7.18.6":
+"@babel/plugin-proposal-private-methods@npm:^7.16.0, @babel/plugin-proposal-private-methods@npm:^7.16.11, @babel/plugin-proposal-private-methods@npm:^7.16.5, @babel/plugin-proposal-private-methods@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-private-methods@npm:7.18.6"
   dependencies:
@@ -1102,7 +1096,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-private-property-in-object@npm:^7.12.1, @babel/plugin-proposal-private-property-in-object@npm:^7.16.0, @babel/plugin-proposal-private-property-in-object@npm:^7.16.5, @babel/plugin-proposal-private-property-in-object@npm:^7.16.7, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
+"@babel/plugin-proposal-private-property-in-object@npm:^7.16.0, @babel/plugin-proposal-private-property-in-object@npm:^7.16.5, @babel/plugin-proposal-private-property-in-object@npm:^7.16.7, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6"
   dependencies:
@@ -1172,14 +1166,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-decorators@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-decorators@npm:7.18.6"
+"@babel/plugin-syntax-decorators@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/plugin-syntax-decorators@npm:7.19.0"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.19.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 115877c3cb4288c2dbebd2e22cfab7ee7e38cfad96cb38d14b1358893a36ef14ca5e16efa31319dcc4468217f53732e5cf20b385a9e210db6509c569d9b94343
+  checksum: 5b3fb71592fe91c68f13dbe7285471adb144583dd80f2274954250501e3f362ebfdab482f8886857f03c8b970c428a572ccbc3a59e2439f6ab92ec0d91c3874b
   languageName: node
   linkType: hard
 
@@ -1271,7 +1265,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.12.13, @babel/plugin-syntax-jsx@npm:^7.18.6, @babel/plugin-syntax-jsx@npm:^7.2.0":
+"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.12.13, @babel/plugin-syntax-jsx@npm:^7.17.12, @babel/plugin-syntax-jsx@npm:^7.18.6, @babel/plugin-syntax-jsx@npm:^7.2.0":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-jsx@npm:7.18.6"
   dependencies:
@@ -1381,7 +1375,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-arrow-functions@npm:^7.12.1, @babel/plugin-transform-arrow-functions@npm:^7.16.7, @babel/plugin-transform-arrow-functions@npm:^7.18.6":
+"@babel/plugin-transform-arrow-functions@npm:^7.16.7, @babel/plugin-transform-arrow-functions@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-transform-arrow-functions@npm:7.18.6"
   dependencies:
@@ -1429,7 +1423,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.12.12, @babel/plugin-transform-block-scoping@npm:^7.16.7, @babel/plugin-transform-block-scoping@npm:^7.18.9, @babel/plugin-transform-block-scoping@npm:^7.8.3":
+"@babel/plugin-transform-block-scoping@npm:^7.16.7, @babel/plugin-transform-block-scoping@npm:^7.18.9, @babel/plugin-transform-block-scoping@npm:^7.8.3":
   version: 7.18.9
   resolution: "@babel/plugin-transform-block-scoping@npm:7.18.9"
   dependencies:
@@ -1440,21 +1434,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.12.1, @babel/plugin-transform-classes@npm:^7.16.7, @babel/plugin-transform-classes@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-classes@npm:7.18.9"
+"@babel/plugin-transform-classes@npm:^7.16.7, @babel/plugin-transform-classes@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-classes@npm:7.19.0"
   dependencies:
     "@babel/helper-annotate-as-pure": ^7.18.6
+    "@babel/helper-compilation-targets": ^7.19.0
     "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-function-name": ^7.18.9
+    "@babel/helper-function-name": ^7.19.0
     "@babel/helper-optimise-call-expression": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/helper-replace-supers": ^7.18.9
     "@babel/helper-split-export-declaration": ^7.18.6
     globals: ^11.1.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 792a8dae7dacb3e50021a40c3bb1a928dc9a2c37b3e766c64e7f8e0ab9995c83a74c3e3924f729dc8090185d556851399b99426908f5480f35e43d1ae4b452c2
+  checksum: 843db7da466b6e40f9da96827051d970ed7800c1acccb24b702ddc8b05e87cfbbbf53bd4b0f3ffd5b8365db03ea97a5cd6e9efc3ec176a7697a1a4601d7071e8
   languageName: node
   linkType: hard
 
@@ -1469,14 +1464,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.12.1, @babel/plugin-transform-destructuring@npm:^7.16.7, @babel/plugin-transform-destructuring@npm:^7.17.3, @babel/plugin-transform-destructuring@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-destructuring@npm:7.18.9"
+"@babel/plugin-transform-destructuring@npm:^7.16.7, @babel/plugin-transform-destructuring@npm:^7.17.3, @babel/plugin-transform-destructuring@npm:^7.18.13":
+  version: 7.18.13
+  resolution: "@babel/plugin-transform-destructuring@npm:7.18.13"
   dependencies:
     "@babel/helper-plugin-utils": ^7.18.9
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: d894fa122d71e77117957be0fac3d2a7099d2abfae8768f09c0513123ccbf701881f9546204569473b846374b2e72eac0e9bbe7d442e6871bc25e6d20a8b6669
+  checksum: fd6ccf9242d9d12f3d42d0a274aa668608d8805675e72729e04b2fafa9a6613872d548847f8c9359629a0a00ab0a433385e173e99f00991161afb9c577c3bfe0
   languageName: node
   linkType: hard
 
@@ -1516,18 +1511,18 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-flow-strip-types@npm:^7.16.0, @babel/plugin-transform-flow-strip-types@npm:^7.18.6":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.18.9"
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.19.0"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/plugin-syntax-flow": ^7.18.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 5c5b2c40e78a6c8c0dcca835c9eb0e3255ceab17d2f56888250651709ad371ce3c47ac527e6b567328e4522e5b6269f5e1840bdc2277ad39cb6ce4ef1a2cef27
+  checksum: 9b330e14f9e570c33ad7c99d3b250cfa8272df542dcb0cdbd8ad3c62668b651c8c0ca643063ad68a7bebb73b492cc3335a6e6276a48b82f949565c58d614be26
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.12.1, @babel/plugin-transform-for-of@npm:^7.16.7, @babel/plugin-transform-for-of@npm:^7.18.8":
+"@babel/plugin-transform-for-of@npm:^7.16.7, @babel/plugin-transform-for-of@npm:^7.18.8":
   version: 7.18.8
   resolution: "@babel/plugin-transform-for-of@npm:7.18.8"
   dependencies:
@@ -1600,18 +1595,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.16.7, @babel/plugin-transform-modules-systemjs@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.18.9"
+"@babel/plugin-transform-modules-systemjs@npm:^7.16.7, @babel/plugin-transform-modules-systemjs@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.19.0"
   dependencies:
     "@babel/helper-hoist-variables": ^7.18.6
-    "@babel/helper-module-transforms": ^7.18.9
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-module-transforms": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/helper-validator-identifier": ^7.18.6
     babel-plugin-dynamic-import-node: ^2.3.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: ab1e10be15a96c9cdaa05f954d5983523c627e9f701c0989fedf9bff8ff5873461f3035a73e87e4546a31b163897c6f36c5c567d4c1c3edc24ec395d56462715
+  checksum: 45e3529ddb53c222f806d225dac725366f2c80863b2f19ee2d794b71cd8b799e62743dffa241593848b7333f36ede712872a4997bf9d803d9e27e8a5f259573e
   languageName: node
   linkType: hard
 
@@ -1627,15 +1622,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.16.8, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.18.6"
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.16.8, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.19.0"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-create-regexp-features-plugin": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.19.0
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 6695fc0469fa2dbe8133e36f8f5a281fc67a2b565481a13f5f50b95f86f4967d36c2ef8244d2ade09c0adbcd5dc98fddf8d61dd4bb56d6953c0523d11d9e0e5a
+  checksum: c164af90bc77ec21ffa7700725fe1c6bcc165c56f43ea65390f33a0d160574a917158901935814a529311bcdcffe358a8278d641dd7201da55f53a85b9c24ffd
   languageName: node
   linkType: hard
 
@@ -1696,13 +1691,13 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-react-constant-elements@npm:^7.12.1":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.18.9"
+  version: 7.18.12
+  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.18.12"
   dependencies:
     "@babel/helper-plugin-utils": ^7.18.9
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: afa27957f54722208090eb53c0f2229c6f45046e8fe9d1b494775e4baf651209e80614ec82c4dd499e6e181fec36bba855f68113050951e0c5ad9257ce2612c5
+  checksum: 5982513369837038d6cfa17a6c85e029462c1cdc30843a3d5056b738d0ba90f35a01a552e546fabdf67a9333a2092863a2c8493a97e8baf9660c6ee2051a2bed
   languageName: node
   linkType: hard
 
@@ -1728,18 +1723,40 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx@npm:^7.12.12, @babel/plugin-transform-react-jsx@npm:^7.18.6":
+"@babel/plugin-transform-react-jsx-self@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-transform-react-jsx-self@npm:7.18.6"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.18.6
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3fb17ae87eb264f77c5d1b30f4687f863f849bf4e8892159aee8e6bd069ff66d909f378dffdb7e6e157f9424cfbfe7c48e884aceac39e33f6a8abbdb04f83303
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx-source@npm:^7.18.6":
   version: 7.18.6
-  resolution: "@babel/plugin-transform-react-jsx@npm:7.18.6"
+  resolution: "@babel/plugin-transform-react-jsx-source@npm:7.18.6"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.18.6
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: af95477936a29f6c8c33277d6f1c8484309f7c8ddd2cb19a8e90d0ea944eb6a988d2ba21f4b9948918aa801cd0aaddbae6cea57a076f8cae2126fd5a43dbf57a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx@npm:^7.12.12, @babel/plugin-transform-react-jsx@npm:^7.18.10, @babel/plugin-transform-react-jsx@npm:^7.18.6":
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.19.0"
   dependencies:
     "@babel/helper-annotate-as-pure": ^7.18.6
     "@babel/helper-module-imports": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/plugin-syntax-jsx": ^7.18.6
-    "@babel/types": ^7.18.6
+    "@babel/types": ^7.19.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 4c42c4b65aaa16b0ae50fdc0499ea7905e7ee36cc674f605a45a4c6619e6934bc4ee8cce123240d54abea3a10835827645be973eed85f9bc1c30a02ca07dc73d
+  checksum: ee0b44e67a3e4aa4046ee24c39c3eb241d206857f4f5f639f24698f67d393a86ee2964326c14c7c2cb920d56b3687dca277ba07a4662d254844b2d2676e42370
   languageName: node
   linkType: hard
 
@@ -1795,22 +1812,22 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-runtime@npm:^7.12.15, @babel/plugin-transform-runtime@npm:^7.13.9, @babel/plugin-transform-runtime@npm:^7.16.4":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-runtime@npm:7.18.9"
+  version: 7.18.10
+  resolution: "@babel/plugin-transform-runtime@npm:7.18.10"
   dependencies:
     "@babel/helper-module-imports": ^7.18.6
     "@babel/helper-plugin-utils": ^7.18.9
-    babel-plugin-polyfill-corejs2: ^0.3.1
-    babel-plugin-polyfill-corejs3: ^0.5.2
-    babel-plugin-polyfill-regenerator: ^0.3.1
+    babel-plugin-polyfill-corejs2: ^0.3.2
+    babel-plugin-polyfill-corejs3: ^0.5.3
+    babel-plugin-polyfill-regenerator: ^0.4.0
     semver: ^6.3.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 4583d800f715d14bf71b5ee3db29e23fddda31c80c27160dda7ecb7e77d859ed337b1c47242380d1f3a8acf37dc360bd6ffd4dd29744749c1181a8d8c3ad6a25
+  checksum: 156410efc22ca5105bafad83d257758d25da80d3820eaa73ae2d9db4dfaf66bed308479c88ebff795bd5a963dd50572ca5857fe4adc04fbabb2d9abbfb6f8dcf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-shorthand-properties@npm:^7.12.1, @babel/plugin-transform-shorthand-properties@npm:^7.16.7, @babel/plugin-transform-shorthand-properties@npm:^7.18.6":
+"@babel/plugin-transform-shorthand-properties@npm:^7.16.7, @babel/plugin-transform-shorthand-properties@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-transform-shorthand-properties@npm:7.18.6"
   dependencies:
@@ -1821,15 +1838,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.12.1, @babel/plugin-transform-spread@npm:^7.16.7, @babel/plugin-transform-spread@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-spread@npm:7.18.9"
+"@babel/plugin-transform-spread@npm:^7.16.7, @babel/plugin-transform-spread@npm:^7.19.0":
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-spread@npm:7.19.0"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/helper-skip-transparent-expression-wrappers": ^7.18.9
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b208ba03d2e0f4e49d0e634f31ded67cd4a76fafc53838e674b535eb993b2a03a4a87717a241ff5c44d41164b74493d197378811a757965cf9bbc95f32aaab2a
+  checksum: 3dea53dab5a25ab8d319dece5dd49824e9e637b886175d0255530dde41331c09d4de8ac64099c4ba8574832303af2f65220b7fd52c63173147b62e0fc7e2e913
   languageName: node
   linkType: hard
 
@@ -1867,15 +1884,15 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-typescript@npm:^7.13.0, @babel/plugin-transform-typescript@npm:^7.18.6":
-  version: 7.18.8
-  resolution: "@babel/plugin-transform-typescript@npm:7.18.8"
+  version: 7.19.0
+  resolution: "@babel/plugin-transform-typescript@npm:7.19.0"
   dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-create-class-features-plugin": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/plugin-syntax-typescript": ^7.18.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f4a4a1c079297bd5bbd4e96c000b7a1e838da3268460eaee8b523278b9a5611a3701494bcee1c5555bc9b6c93de0a73e7b907181172cc4960ff16488f2e952da
+  checksum: 04973305fc498dba165bcd31cac871f36733cfd6235a275b13b09178ec3c446ccad22a3cd9d3d22d18033ded1e74cb0531140de011350b4b2f4164997311b6b1
   languageName: node
   linkType: hard
 
@@ -1891,14 +1908,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-escapes@npm:^7.16.7, @babel/plugin-transform-unicode-escapes@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.18.6"
+"@babel/plugin-transform-unicode-escapes@npm:^7.16.7, @babel/plugin-transform-unicode-escapes@npm:^7.18.10":
+  version: 7.18.10
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.18.10"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.18.9
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: d28fdde094209002d2a0bc6242abd7e768802f809acac89ea2aa88b61ab5103548e4822740f00cf0fc76f2e12fadc0a06a01661fa1805e0338d3350b18b5f7ce
+  checksum: 1587c3497549a4ad1b75d5b63f1d6ced839d4078dc7df3b5df362c8669f3e9cbed975d5c55632bf8c574847d8df03553851e1b85d1e81a568fdfd2466fcd4198
   languageName: node
   linkType: hard
 
@@ -2009,16 +2026,16 @@ __metadata:
   linkType: hard
 
 "@babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.12.1, @babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.12.16, @babel/preset-env@npm:^7.16.11, @babel/preset-env@npm:^7.16.4, @babel/preset-env@npm:^7.16.5, @babel/preset-env@npm:^7.17.10":
-  version: 7.18.9
-  resolution: "@babel/preset-env@npm:7.18.9"
+  version: 7.19.0
+  resolution: "@babel/preset-env@npm:7.19.0"
   dependencies:
-    "@babel/compat-data": ^7.18.8
-    "@babel/helper-compilation-targets": ^7.18.9
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/compat-data": ^7.19.0
+    "@babel/helper-compilation-targets": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.19.0
     "@babel/helper-validator-option": ^7.18.6
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.18.6
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.18.9
-    "@babel/plugin-proposal-async-generator-functions": ^7.18.6
+    "@babel/plugin-proposal-async-generator-functions": ^7.19.0
     "@babel/plugin-proposal-class-properties": ^7.18.6
     "@babel/plugin-proposal-class-static-block": ^7.18.6
     "@babel/plugin-proposal-dynamic-import": ^7.18.6
@@ -2052,9 +2069,9 @@ __metadata:
     "@babel/plugin-transform-async-to-generator": ^7.18.6
     "@babel/plugin-transform-block-scoped-functions": ^7.18.6
     "@babel/plugin-transform-block-scoping": ^7.18.9
-    "@babel/plugin-transform-classes": ^7.18.9
+    "@babel/plugin-transform-classes": ^7.19.0
     "@babel/plugin-transform-computed-properties": ^7.18.9
-    "@babel/plugin-transform-destructuring": ^7.18.9
+    "@babel/plugin-transform-destructuring": ^7.18.13
     "@babel/plugin-transform-dotall-regex": ^7.18.6
     "@babel/plugin-transform-duplicate-keys": ^7.18.9
     "@babel/plugin-transform-exponentiation-operator": ^7.18.6
@@ -2064,9 +2081,9 @@ __metadata:
     "@babel/plugin-transform-member-expression-literals": ^7.18.6
     "@babel/plugin-transform-modules-amd": ^7.18.6
     "@babel/plugin-transform-modules-commonjs": ^7.18.6
-    "@babel/plugin-transform-modules-systemjs": ^7.18.9
+    "@babel/plugin-transform-modules-systemjs": ^7.19.0
     "@babel/plugin-transform-modules-umd": ^7.18.6
-    "@babel/plugin-transform-named-capturing-groups-regex": ^7.18.6
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.19.0
     "@babel/plugin-transform-new-target": ^7.18.6
     "@babel/plugin-transform-object-super": ^7.18.6
     "@babel/plugin-transform-parameters": ^7.18.8
@@ -2074,22 +2091,22 @@ __metadata:
     "@babel/plugin-transform-regenerator": ^7.18.6
     "@babel/plugin-transform-reserved-words": ^7.18.6
     "@babel/plugin-transform-shorthand-properties": ^7.18.6
-    "@babel/plugin-transform-spread": ^7.18.9
+    "@babel/plugin-transform-spread": ^7.19.0
     "@babel/plugin-transform-sticky-regex": ^7.18.6
     "@babel/plugin-transform-template-literals": ^7.18.9
     "@babel/plugin-transform-typeof-symbol": ^7.18.9
-    "@babel/plugin-transform-unicode-escapes": ^7.18.6
+    "@babel/plugin-transform-unicode-escapes": ^7.18.10
     "@babel/plugin-transform-unicode-regex": ^7.18.6
     "@babel/preset-modules": ^0.1.5
-    "@babel/types": ^7.18.9
-    babel-plugin-polyfill-corejs2: ^0.3.1
-    babel-plugin-polyfill-corejs3: ^0.5.2
-    babel-plugin-polyfill-regenerator: ^0.3.1
+    "@babel/types": ^7.19.0
+    babel-plugin-polyfill-corejs2: ^0.3.2
+    babel-plugin-polyfill-corejs3: ^0.5.3
+    babel-plugin-polyfill-regenerator: ^0.4.0
     core-js-compat: ^3.22.1
     semver: ^6.3.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 536c6e2c44fabc98434de2014477220b6284d3fa1f1edf615b092e5e213544fc42c97b2fbac4ccb282875d5587cc5dac3438e62999c03031859688bb6c063a38
+  checksum: e46f4dfad19e6cc307150bf380b12e033054a2eb001344585f0b67977568ff386ea6381cac802fa4347a83accd5bd7500f185b0d6650ccd4e128df7bc72d1a8d
   languageName: node
   linkType: hard
 
@@ -2150,7 +2167,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/register@npm:^7.12.1, @babel/register@npm:^7.13.16":
+"@babel/register@npm:^7.13.16":
   version: 7.18.9
   resolution: "@babel/register@npm:7.18.9"
   dependencies:
@@ -2166,12 +2183,12 @@ __metadata:
   linkType: hard
 
 "@babel/runtime-corejs3@npm:^7.10.2":
-  version: 7.18.9
-  resolution: "@babel/runtime-corejs3@npm:7.18.9"
+  version: 7.19.0
+  resolution: "@babel/runtime-corejs3@npm:7.19.0"
   dependencies:
     core-js-pure: ^3.20.2
     regenerator-runtime: ^0.13.4
-  checksum: 5218e4df9b52b60231afa1e3f5c0e54d6c2167a466d1ecbc1603b19c7a6f73fb755d4bd021f87f3706d704029f7cd2e20a13445dd3b0a62886bb3b041fc6623d
+  checksum: cd852856cf78025c57579d1067831dcfec9e6d144a8f51078076af9792cfd24a9a866d28cd04c5ab7d3173d9db5afbdba3351639fd75979ef9f5da315522ffad
   languageName: node
   linkType: hard
 
@@ -2202,12 +2219,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.0, @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.18.9
-  resolution: "@babel/runtime@npm:7.18.9"
+"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.0, @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.19.0
+  resolution: "@babel/runtime@npm:7.19.0"
   dependencies:
     regenerator-runtime: ^0.13.4
-  checksum: f996fca79e2cd3c80289c2655e95358254f0437ca28cf10ec4343498dd4a59002fc506d5ce6f37019f1a961e8f26ce43523844ee5a87412d32c17a8ef2f608ee
+  checksum: 42d4f11d6a5bfcf5a3d05346e7f1aef79a53b9e1968b4dc54a0682df60284300c97de3be63f4d5dd47b404d3a1022a8a57444b5d150822ec8974757de7233f6e
   languageName: node
   linkType: hard
 
@@ -2242,42 +2259,43 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.0.0, @babel/template@npm:^7.12.7, @babel/template@npm:^7.16.7, @babel/template@npm:^7.18.6, @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.18.6
-  resolution: "@babel/template@npm:7.18.6"
+"@babel/template@npm:^7.0.0, @babel/template@npm:^7.12.7, @babel/template@npm:^7.16.7, @babel/template@npm:^7.18.10, @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.18.10
+  resolution: "@babel/template@npm:7.18.10"
   dependencies:
     "@babel/code-frame": ^7.18.6
-    "@babel/parser": ^7.18.6
-    "@babel/types": ^7.18.6
-  checksum: 9fc04d4e68d77d5988931ad53d2b3b42763e25d21208fc4d04ebc873853d7659ac7d4af05d229cf4e9906af39ea4726533f1a712717e66b27a570d26961f4984
+    "@babel/parser": ^7.18.10
+    "@babel/types": ^7.18.10
+  checksum: d807944427b8899125e71687d2f631731e44a64a155d39e479ff9d1eaf5341de78c5c19cf64d3341bd676e16f779f13b588aac0ec75bf65f822d8936ee227490
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.0.0, @babel/traverse@npm:^7.1.0, @babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.12.11, @babel/traverse@npm:^7.12.9, @babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.16.10, @babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.4.3, @babel/traverse@npm:^7.4.5, @babel/traverse@npm:^7.7.0, @babel/traverse@npm:^7.7.2, @babel/traverse@npm:^7.8.6":
-  version: 7.18.9
-  resolution: "@babel/traverse@npm:7.18.9"
+"@babel/traverse@npm:^7.0.0, @babel/traverse@npm:^7.1.0, @babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.12.11, @babel/traverse@npm:^7.12.9, @babel/traverse@npm:^7.16.10, @babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.4.3, @babel/traverse@npm:^7.4.5, @babel/traverse@npm:^7.7.0, @babel/traverse@npm:^7.7.2, @babel/traverse@npm:^7.8.6":
+  version: 7.19.0
+  resolution: "@babel/traverse@npm:7.19.0"
   dependencies:
     "@babel/code-frame": ^7.18.6
-    "@babel/generator": ^7.18.9
+    "@babel/generator": ^7.19.0
     "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-function-name": ^7.18.9
+    "@babel/helper-function-name": ^7.19.0
     "@babel/helper-hoist-variables": ^7.18.6
     "@babel/helper-split-export-declaration": ^7.18.6
-    "@babel/parser": ^7.18.9
-    "@babel/types": ^7.18.9
+    "@babel/parser": ^7.19.0
+    "@babel/types": ^7.19.0
     debug: ^4.1.0
     globals: ^11.1.0
-  checksum: b7d272a4df6667e59bf451d0477af521305e3e781b64eeec4a5a39e559c1bcbfca853f7e5da7451b6499558edb76a03ac8bc4850bbc43c185a8719d10657420a
+  checksum: ea982dfe9b6edfbbb3314fd5bf2ed146937c90e70ddb90b54d6c2c2d77a2099287686485aba9a732134d0d1e587642d72b396b94bad9f54d8dec052302d4bb61
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.13.12, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.2.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.8.7, @babel/types@npm:^7.9.6":
-  version: 7.18.9
-  resolution: "@babel/types@npm:7.18.9"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.8, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.2.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.8.7, @babel/types@npm:^7.9.6":
+  version: 7.19.0
+  resolution: "@babel/types@npm:7.19.0"
   dependencies:
+    "@babel/helper-string-parser": ^7.18.10
     "@babel/helper-validator-identifier": ^7.18.6
     to-fast-properties: ^2.0.0
-  checksum: 4391ac535976ffca0b55403e6b50f6c1cbdae116b02693b10853e0e3f7d888deaf0bbd7c097d6dabf256607aa6648df990d7423e2d89f50aa551e7a5fa3067df
+  checksum: 36b9360aa2d29fe515963b7c7014de3d66eb8c17315d00c65d82ab46b44482d5ba898aa3b5bc84887e6304b5456f2dbfe46e21851ca514f98106d8d47fbc3a0f
   languageName: node
   linkType: hard
 
@@ -2422,19 +2440,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-cascade-layers@npm:^1.0.4":
-  version: 1.0.5
-  resolution: "@csstools/postcss-cascade-layers@npm:1.0.5"
+"@csstools/postcss-cascade-layers@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "@csstools/postcss-cascade-layers@npm:1.0.6"
   dependencies:
     "@csstools/selector-specificity": ^2.0.2
     postcss-selector-parser: ^6.0.10
   peerDependencies:
     postcss: ^8.2
-  checksum: 07bd538de3332dabfcdc0498a870244a956e5eac1748cd7c8f8523af11e7c44a0a6cfa208fa5852d239eaa84adab60437275f7785482922d8e8371693fa0583f
+  checksum: 1225076da359bc38a05eadee559ab3cf0e2af318b2904c6bd81545ec53585c0a92c4e145478a0d832c1d6d8563cd3af293a960df18023de7deae4dd1a31f6cd1
   languageName: node
   linkType: hard
 
-"@csstools/postcss-color-function@npm:^1.1.0":
+"@csstools/postcss-color-function@npm:^1.1.1":
   version: 1.1.1
   resolution: "@csstools/postcss-color-function@npm:1.1.1"
   dependencies:
@@ -2446,7 +2464,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-font-format-keywords@npm:^1.0.0":
+"@csstools/postcss-font-format-keywords@npm:^1.0.1":
   version: 1.0.1
   resolution: "@csstools/postcss-font-format-keywords@npm:1.0.1"
   dependencies:
@@ -2457,7 +2475,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-hwb-function@npm:^1.0.1":
+"@csstools/postcss-hwb-function@npm:^1.0.2":
   version: 1.0.2
   resolution: "@csstools/postcss-hwb-function@npm:1.0.2"
   dependencies:
@@ -2468,7 +2486,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-ic-unit@npm:^1.0.0":
+"@csstools/postcss-ic-unit@npm:^1.0.1":
   version: 1.0.1
   resolution: "@csstools/postcss-ic-unit@npm:1.0.1"
   dependencies:
@@ -2480,7 +2498,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-is-pseudo-class@npm:^2.0.6":
+"@csstools/postcss-is-pseudo-class@npm:^2.0.7":
   version: 2.0.7
   resolution: "@csstools/postcss-is-pseudo-class@npm:2.0.7"
   dependencies:
@@ -2492,7 +2510,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-normalize-display-values@npm:^1.0.0":
+"@csstools/postcss-nested-calc@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@csstools/postcss-nested-calc@npm:1.0.0"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.2
+  checksum: b737ed55581282c9c23b65e6b6fbc7be26f354f384c617f1f73cc252f5d9f4b3386f9b3eef5267efc84452c329895dd438864b6e4f46b0fc7d37045e00a4408c
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-normalize-display-values@npm:^1.0.1":
   version: 1.0.1
   resolution: "@csstools/postcss-normalize-display-values@npm:1.0.1"
   dependencies:
@@ -2503,7 +2532,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-oklab-function@npm:^1.1.0":
+"@csstools/postcss-oklab-function@npm:^1.1.1":
   version: 1.1.1
   resolution: "@csstools/postcss-oklab-function@npm:1.1.1"
   dependencies:
@@ -2526,7 +2555,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-stepped-value-functions@npm:^1.0.0":
+"@csstools/postcss-stepped-value-functions@npm:^1.0.1":
   version: 1.0.1
   resolution: "@csstools/postcss-stepped-value-functions@npm:1.0.1"
   dependencies:
@@ -2537,7 +2566,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-trigonometric-functions@npm:^1.0.1":
+"@csstools/postcss-text-decoration-shorthand@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@csstools/postcss-text-decoration-shorthand@npm:1.0.0"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.2
+  checksum: 1aadbc9d7966af0bc7d459cdf34d9814e721635210d1082df277ea623820d6119058d519f6f0f027ec03026793568c7c7adf831479faafc6ff8de76a3d866a31
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-trigonometric-functions@npm:^1.0.2":
   version: 1.0.2
   resolution: "@csstools/postcss-trigonometric-functions@npm:1.0.2"
   dependencies:
@@ -2548,7 +2588,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-unset-value@npm:^1.0.1":
+"@csstools/postcss-unset-value@npm:^1.0.2":
   version: 1.0.2
   resolution: "@csstools/postcss-unset-value@npm:1.0.2"
   peerDependencies:
@@ -2601,8 +2641,8 @@ __metadata:
   linkType: hard
 
 "@cypress/webpack-preprocessor@npm:^5.9.1":
-  version: 5.12.0
-  resolution: "@cypress/webpack-preprocessor@npm:5.12.0"
+  version: 5.12.2
+  resolution: "@cypress/webpack-preprocessor@npm:5.12.2"
   dependencies:
     bluebird: 3.7.1
     debug: ^4.3.2
@@ -2612,7 +2652,7 @@ __metadata:
     "@babel/preset-env": ^7.0.0
     babel-loader: ^8.0.2
     webpack: ^4 || ^5
-  checksum: 529e7d39bd4d3194892e696ccbe58105ed4e4caa8c60c2679c06a81227052fd9c309f760a633fcc441962b3406cd5e5c97aae0b264f197369663fa67ae6d161e
+  checksum: d295234d9802b6aaf37014fdcc7199d799e68d746c42f180b59f0f586f76ac91527b2570cbb29a6987a7bf59bd8f6a196c352e3e4f3948ff1625e1d58a61ce7a
   languageName: node
   linkType: hard
 
@@ -2693,22 +2733,22 @@ __metadata:
   linkType: hard
 
 "@digitak/esrun@npm:^3.2.2":
-  version: 3.2.8
-  resolution: "@digitak/esrun@npm:3.2.8"
+  version: 3.2.11
+  resolution: "@digitak/esrun@npm:3.2.11"
   dependencies:
     "@digitak/grubber": ^3.1.1
     chokidar: ^3.5.1
     esbuild: ^0.14.47
   bin:
     esrun: bin.js
-  checksum: 1f18617923f6cb623291f79c462ae48c7d0d2fe0d548ed054a59e975114ef411cc14e73812ba22a20087c33a0c4459a5ee9b2d4c650684c84caed3fd94b505b5
+  checksum: ec3fa94e6d77b757b25d5f9c614c7a3e2f1145d54a73f7e4af2a8e45bda0d7bfcfa4d9d8c0b2f59ae6e1de63e42a202ecc76ae85c544ae6166235afaac922805
   languageName: node
   linkType: hard
 
 "@digitak/grubber@npm:^3.1.1":
-  version: 3.1.2
-  resolution: "@digitak/grubber@npm:3.1.2"
-  checksum: 80b463d77b94949064da81ffb8af6eb53a9787d33b700ea248feebf6eecb4ac39c5d12c627bd5c1c8fa4e77136852c276d1c6b953738e00efe621e222bc1f788
+  version: 3.1.3
+  resolution: "@digitak/grubber@npm:3.1.3"
+  checksum: c6d4570af921e006f7db0bab5c0f156a6238a0eda817df2029f2aade622ccc9c9923ba457a70eaa55b315c4940392a81b1af5133b3fa75c6c600f4eb25fbe70b
   languageName: node
   linkType: hard
 
@@ -2719,7 +2759,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@discoveryjs/json-ext@npm:^0.5.0, @discoveryjs/json-ext@npm:^0.5.3":
+"@discoveryjs/json-ext@npm:^0.5.0, @discoveryjs/json-ext@npm:^0.5.3, @discoveryjs/json-ext@npm:^0.5.7":
   version: 0.5.7
   resolution: "@discoveryjs/json-ext@npm:0.5.7"
   checksum: e10f1b02b78e4812646ddf289b7d9f2cb567d336c363b266bd50cd223cf3de7c2c74018d91cd2613041568397ef3a4a2b500aba588c6e5bd78c38374ba68f38c
@@ -2754,17 +2794,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/babel-plugin@npm:^11.7.1, @emotion/babel-plugin@npm:^11.7.2":
-  version: 11.9.2
-  resolution: "@emotion/babel-plugin@npm:11.9.2"
+"@emotion/babel-plugin@npm:^11.10.0, @emotion/babel-plugin@npm:^11.7.2":
+  version: 11.10.2
+  resolution: "@emotion/babel-plugin@npm:11.10.2"
   dependencies:
-    "@babel/helper-module-imports": ^7.12.13
-    "@babel/plugin-syntax-jsx": ^7.12.13
-    "@babel/runtime": ^7.13.10
-    "@emotion/hash": ^0.8.0
-    "@emotion/memoize": ^0.7.5
-    "@emotion/serialize": ^1.0.2
-    babel-plugin-macros: ^2.6.1
+    "@babel/helper-module-imports": ^7.16.7
+    "@babel/plugin-syntax-jsx": ^7.17.12
+    "@babel/runtime": ^7.18.3
+    "@emotion/hash": ^0.9.0
+    "@emotion/memoize": ^0.8.0
+    "@emotion/serialize": ^1.1.0
+    babel-plugin-macros: ^3.1.0
     convert-source-map: ^1.5.0
     escape-string-regexp: ^4.0.0
     find-root: ^1.1.0
@@ -2772,37 +2812,37 @@ __metadata:
     stylis: 4.0.13
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 337d683a657f14fd9f30a50561794e9b7b986c4dfa3de4747defb38f7f352eedae56bf73b1ff6e315f05e938b7e6c11e100c3a1485722d9bcdc4018f32b9b9a1
+  checksum: 571876a4b1445c07c1a54721ab5ae72dbe4194586bceacf2b1891dce5e86755bff7e84c00af9fd047d8b96bf6a407ad8d6fcc2c788174857f84ec3c316c5c35c
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.7.1, @emotion/cache@npm:^11.9.3":
-  version: 11.9.3
-  resolution: "@emotion/cache@npm:11.9.3"
+"@emotion/cache@npm:^11.10.0, @emotion/cache@npm:^11.7.1":
+  version: 11.10.3
+  resolution: "@emotion/cache@npm:11.10.3"
   dependencies:
-    "@emotion/memoize": ^0.7.4
-    "@emotion/sheet": ^1.1.1
-    "@emotion/utils": ^1.0.0
-    "@emotion/weak-memoize": ^0.2.5
+    "@emotion/memoize": ^0.8.0
+    "@emotion/sheet": ^1.2.0
+    "@emotion/utils": ^1.2.0
+    "@emotion/weak-memoize": ^0.3.0
     stylis: 4.0.13
-  checksum: 8592bc55bfe331ce8bd1bc4900a0fec801dc916d191400b8a4b10551ca37b05d3a21aa53cddd23929469f9e5361ef0591b03b6963da66cfe5d282df82e26e0a6
+  checksum: 5dde04418566adbd0c83042acb1b85f354dc40bad83e33f951694a36d00559ceea2dfcf533b9d9381f1bb5df8dbb436a94725b6558762da7c83f3171f1c0dbbe
   languageName: node
   linkType: hard
 
-"@emotion/css-prettifier@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "@emotion/css-prettifier@npm:1.0.1"
+"@emotion/css-prettifier@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@emotion/css-prettifier@npm:1.1.0"
   dependencies:
-    "@emotion/memoize": ^0.7.4
+    "@emotion/memoize": ^0.8.0
     stylis: 4.0.13
-  checksum: bb5490433ede97e344ec7b374308cbb793d271d9044565bb735e1adf8ad28e2376e837bb020d7d58772ffeaee3360bced225c8bbc92f8c64b5b91bc9a56490c4
+  checksum: 0ca881d7096678de456ed74ca2a28ed7f7a473829f7b91f8d9480d1404afb14f36adfbe8a5f789ef7cfabd08ac3dd9aa56d6285babd6b6ed031f2e92dc23fe1b
   languageName: node
   linkType: hard
 
-"@emotion/hash@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@emotion/hash@npm:0.8.0"
-  checksum: 706303d35d416217cd7eb0d36dbda4627bb8bdf4a32ea387e8dd99be11b8e0a998e10af21216e8a5fade518ad955ff06aa8890f20e694ce3a038ae7fc1000556
+"@emotion/hash@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "@emotion/hash@npm:0.9.0"
+  checksum: 0910d3e9ec46cc780f691c96fb6f6f67b4f080b50ecf4f441bc4b33b5906e28099f530a368fe0b31c6bad38a857ac44df3c36f8978be603789d71330ac01af12
   languageName: node
   linkType: hard
 
@@ -2815,21 +2855,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/is-prop-valid@npm:^1.1.2, @emotion/is-prop-valid@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@emotion/is-prop-valid@npm:1.1.3"
+"@emotion/is-prop-valid@npm:^1.1.2, @emotion/is-prop-valid@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@emotion/is-prop-valid@npm:1.2.0"
   dependencies:
-    "@emotion/memoize": ^0.7.4
-  checksum: 29b57699b1db1d6f0efdc86a65d161ffd7e715c17c14884fdbc31562c28166d0814284e3e79865bf1ffa21ca84aca3fa2a4b0d6cb68cde3c6b85faf16fa1727f
+    "@emotion/memoize": ^0.8.0
+  checksum: 098bfde166ddbc3ad635157dff8dd8b90ceb5ee2804b3dbc9ffbffcac33955390d6c6e94dc36b1fde8c90f49dc1e1359dfdcd967906b006a3966382dbe8cc90b
   languageName: node
   linkType: hard
 
 "@emotion/jest@npm:^11.8.0":
-  version: 11.9.4
-  resolution: "@emotion/jest@npm:11.9.4"
+  version: 11.10.0
+  resolution: "@emotion/jest@npm:11.10.0"
   dependencies:
-    "@babel/runtime": ^7.13.10
-    "@emotion/css-prettifier": ^1.0.1
+    "@babel/runtime": ^7.18.3
+    "@emotion/css-prettifier": ^1.1.0
     chalk: ^4.1.0
     specificity: ^0.4.1
     stylis: 4.0.13
@@ -2841,7 +2881,7 @@ __metadata:
       optional: true
     enzyme-to-json:
       optional: true
-  checksum: 9a4649153cd8cbc87ced484e3c399c81daeaddb61f801c30f7b1fb1973794f4bda0a32e86dac0000f4d1490baeb7ff6226553cf0795a4eb3a8a7f04db764d10d
+  checksum: d1d566e3958fb17d1bc3fe37b398546bdfc92666a34c0281a27108d7630219af0c90ec05633ec7fc55794a5f714d517d1ee9489435620b40ec9982136ad6e16a
   languageName: node
   linkType: hard
 
@@ -2852,23 +2892,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/memoize@npm:^0.7.4, @emotion/memoize@npm:^0.7.5":
-  version: 0.7.5
-  resolution: "@emotion/memoize@npm:0.7.5"
-  checksum: 28d061ec9fb9b8c495d58b4e2dcc62207d75d4e8d8f4e6a0b42342d6e7c649d41461e807363d1a0a2c33d2235f6ee59dd6394fbec88b7da65e3d5852fc34387e
+"@emotion/memoize@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@emotion/memoize@npm:0.8.0"
+  checksum: 246087ec09b32b295af67a094253831f398aabd953d03d14f186acb8607ed2a755e944f5e20b5ccebb461f15c2e5ccbf8fe977bcf3be951cf10961c504e1e65b
   languageName: node
   linkType: hard
 
 "@emotion/react@npm:^11.8.1":
-  version: 11.9.3
-  resolution: "@emotion/react@npm:11.9.3"
-  dependencies:
-    "@babel/runtime": ^7.13.10
-    "@emotion/babel-plugin": ^11.7.1
-    "@emotion/cache": ^11.9.3
-    "@emotion/serialize": ^1.0.4
-    "@emotion/utils": ^1.1.0
-    "@emotion/weak-memoize": ^0.2.5
+  version: 11.10.4
+  resolution: "@emotion/react@npm:11.10.4"
+  dependencies:
+    "@babel/runtime": ^7.18.3
+    "@emotion/babel-plugin": ^11.10.0
+    "@emotion/cache": ^11.10.0
+    "@emotion/serialize": ^1.1.0
+    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
+    "@emotion/utils": ^1.2.0
+    "@emotion/weak-memoize": ^0.3.0
     hoist-non-react-statics: ^3.3.1
   peerDependencies:
     "@babel/core": ^7.0.0
@@ -2878,39 +2919,40 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: f32dbae3110d4c391d6ec51d8c3d86235303d858c8ebf1e90b3d35bcadeb73c0f4557e73ba824e9dbf7f269d0413bc2877e3f4bc2e2b1157b08fbb10b51e18eb
+  checksum: da447676d10050b14534f9e903d8a058d4cdfa82f58caf4da5c150a55b2019a8b45187989085faa4b075db92f7df7abe188eb76fe5377a57516631ccf299367b
   languageName: node
   linkType: hard
 
-"@emotion/serialize@npm:^1.0.2, @emotion/serialize@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "@emotion/serialize@npm:1.0.4"
+"@emotion/serialize@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@emotion/serialize@npm:1.1.0"
   dependencies:
-    "@emotion/hash": ^0.8.0
-    "@emotion/memoize": ^0.7.4
-    "@emotion/unitless": ^0.7.5
-    "@emotion/utils": ^1.0.0
+    "@emotion/hash": ^0.9.0
+    "@emotion/memoize": ^0.8.0
+    "@emotion/unitless": ^0.8.0
+    "@emotion/utils": ^1.2.0
     csstype: ^3.0.2
-  checksum: ad2d5aba32177ae305918ccebd1e7a8d1d2886dc2083d9a031853169f9713012aee998ddd8a3d62d63eade1cfa4c077de5b260ed664a77583428d3df65dd193a
+  checksum: a122fc4c34425bc76d0c72b14c8e0617ccc72709fbbed695c506ca493dc478df15eba0c1ec45807e7dd248430b2e0dbf8ba8fe9035832087138e0f8e51ac4100
   languageName: node
   linkType: hard
 
-"@emotion/sheet@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@emotion/sheet@npm:1.1.1"
-  checksum: be65c618965123b9012eb9535e256a6ba172bd67389f91de8a38dd4db00bed2534e8f5a2b22e2ab2fabb41946259bedc1c18c09acd24021490484aeed9bb1f90
+"@emotion/sheet@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@emotion/sheet@npm:1.2.0"
+  checksum: 8d759a5211e09ef260604fd97737641b00c4bc476974202f298dfc0ad3b1c42838b512ad55547296d0082a50ce9be68251a276d7d0cf97c93a53d287a087a1e5
   languageName: node
   linkType: hard
 
 "@emotion/styled@npm:^11.8.1":
-  version: 11.9.3
-  resolution: "@emotion/styled@npm:11.9.3"
+  version: 11.10.4
+  resolution: "@emotion/styled@npm:11.10.4"
   dependencies:
-    "@babel/runtime": ^7.13.10
-    "@emotion/babel-plugin": ^11.7.1
-    "@emotion/is-prop-valid": ^1.1.3
-    "@emotion/serialize": ^1.0.4
-    "@emotion/utils": ^1.1.0
+    "@babel/runtime": ^7.18.3
+    "@emotion/babel-plugin": ^11.10.0
+    "@emotion/is-prop-valid": ^1.2.0
+    "@emotion/serialize": ^1.1.0
+    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
+    "@emotion/utils": ^1.2.0
   peerDependencies:
     "@babel/core": ^7.0.0
     "@emotion/react": ^11.0.0-rc.0
@@ -2920,28 +2962,51 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: 0f80eecde2a36cc1bc7065232ead9b4a4a9cba9a48fa8c508c8ae5cdcbfef36cce997f8087f47b008301f9b63ede76e5e43d2e7264a5a0548b8d179c492a41bc
+  checksum: 8067243991d31025967e993410298ca4c558e05e3b99e319d2734b022478001ac5b0fae7a010ba7fd5a74b762d264a17e5bddffbe09841c19857ab9b077077f3
   languageName: node
   linkType: hard
 
-"@emotion/unitless@npm:^0.7.0, @emotion/unitless@npm:^0.7.5":
+"@emotion/unitless@npm:^0.7.0":
   version: 0.7.5
   resolution: "@emotion/unitless@npm:0.7.5"
   checksum: 4d0d94f53cb97b4481bbfa394953e1899a0b877644642ba9dd7247c27eb8c48e14e22aeb11411d7d9874685ad85dd5fb5b50eb78c6d8840eb56a84b92dcef2f4
   languageName: node
   linkType: hard
 
-"@emotion/utils@npm:^1.0.0, @emotion/utils@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@emotion/utils@npm:1.1.0"
-  checksum: 4659bb4c447fa8c5303fae5cae829c22ce29ba0d9e0a8fb1f3f33b8bfd9304a435af327abccbf133040eeb1771a572fad3e68decd267e26459b8ea6ea1f2ba68
+"@emotion/unitless@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@emotion/unitless@npm:0.8.0"
+  checksum: 1f2cfb7c0ccb83c20b1c6d8d92a74a93da4b2a440f9a0d49ded08647faf299065a2ffde17e1335920fa10397b85f8635bbfe14f3cd29222a59ea81d978478072
   languageName: node
   linkType: hard
 
-"@emotion/weak-memoize@npm:^0.2.5":
-  version: 0.2.5
-  resolution: "@emotion/weak-memoize@npm:0.2.5"
-  checksum: cabfaaecabbb407d323098afc0bb2dd2ec9aaea0672f8f2c54b84b99d5f8cc680356cf166583fd5593330ceef29f2c26554c2c65dff06c0a8f5f8c7da69d89f1
+"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.0"
+  peerDependencies:
+    react: ">=16.8.0"
+  checksum: 0c5fbd36a4f416a5abaf428ba3dca6e79018c4c74016ecb4e3991a11cf8b5dbd306d7770fee09692971335e33f97e3b555deda595e5ae7831841505078bd07d7
+  languageName: node
+  linkType: hard
+
+"@emotion/utils@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@emotion/utils@npm:1.2.0"
+  checksum: 7051cec83bb49688549667484058d3a19a30001fa3692c23f7a2e727c05121f952854e1196feb9ece4fa36914705ebf474edba833a2178bdc133c654b5e3ca7d
+  languageName: node
+  linkType: hard
+
+"@emotion/weak-memoize@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@emotion/weak-memoize@npm:0.3.0"
+  checksum: 1771687cc3b3280371de12698f1b78756c64654fc7d15ce76e1fb5d4adf9fd49d4411e41276bbfd5b521ef9cef647196aa9dca26f936c466fb80bf48491fa844
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "@esbuild/linux-loong64@npm:0.14.54"
+  conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
@@ -3221,7 +3286,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/console@npm:^28.1.3":
+"@jest/console@npm:^28.1.1, @jest/console@npm:^28.1.3":
   version: 28.1.3
   resolution: "@jest/console@npm:28.1.3"
   dependencies:
@@ -3360,6 +3425,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/expect-utils@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/expect-utils@npm:28.1.3"
+  dependencies:
+    jest-get-type: ^28.0.2
+  checksum: 6cb424bf24c9a20d7420601fb5599a563f09c1771cc8df3399a291f77f3cb512cfa06e6b0bce23b8b078d333d2713572fae298c6a017ca9bbe26d6b05f7bae46
+  languageName: node
+  linkType: hard
+
+"@jest/expect-utils@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "@jest/expect-utils@npm:29.0.2"
+  dependencies:
+    jest-get-type: ^29.0.0
+  checksum: 170125c120659bd0e4aeb59e1e162f9aba96374e1e3487f43ecce25fbd401d5a8c76f91b84e4bf05f38cac69fa0b745024f2b6f6cc89d6e81497fac4d630fe36
+  languageName: node
+  linkType: hard
+
+"@jest/expect@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/expect@npm:28.1.3"
+  dependencies:
+    expect: ^28.1.3
+    jest-snapshot: ^28.1.3
+  checksum: 6000cd5322bca35b9e920a822f3e093d01d646508e5eb639f0a2577f203f15143315b93e79e412525e7312a2290e1bac979b26f6417ebaf50799a3a38eb6d011
+  languageName: node
+  linkType: hard
+
 "@jest/fake-timers@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/fake-timers@npm:24.9.0"
@@ -3435,41 +3528,52 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/reporters@npm:27.5.1, @jest/reporters@npm:^27.5.1":
-  version: 27.5.1
-  resolution: "@jest/reporters@npm:27.5.1"
+"@jest/globals@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/globals@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/expect": ^28.1.3
+    "@jest/types": ^28.1.3
+  checksum: de95367a5e7312b643bfa5f6ac760fbfa4ac626abec11444702bc08506c32e9da44fc5ad5bf3049115b0757533cb0f4b90be3eb7fcea5d4ef06c31fe8ed0b579
+  languageName: node
+  linkType: hard
+
+"@jest/reporters@npm:28.1.1":
+  version: 28.1.1
+  resolution: "@jest/reporters@npm:28.1.1"
   dependencies:
     "@bcoe/v8-coverage": ^0.2.3
-    "@jest/console": ^27.5.1
-    "@jest/test-result": ^27.5.1
-    "@jest/transform": ^27.5.1
-    "@jest/types": ^27.5.1
+    "@jest/console": ^28.1.1
+    "@jest/test-result": ^28.1.1
+    "@jest/transform": ^28.1.1
+    "@jest/types": ^28.1.1
+    "@jridgewell/trace-mapping": ^0.3.7
     "@types/node": "*"
     chalk: ^4.0.0
     collect-v8-coverage: ^1.0.0
     exit: ^0.1.2
-    glob: ^7.1.2
+    glob: ^7.1.3
     graceful-fs: ^4.2.9
     istanbul-lib-coverage: ^3.0.0
     istanbul-lib-instrument: ^5.1.0
     istanbul-lib-report: ^3.0.0
     istanbul-lib-source-maps: ^4.0.0
     istanbul-reports: ^3.1.3
-    jest-haste-map: ^27.5.1
-    jest-resolve: ^27.5.1
-    jest-util: ^27.5.1
-    jest-worker: ^27.5.1
+    jest-message-util: ^28.1.1
+    jest-util: ^28.1.1
+    jest-worker: ^28.1.1
     slash: ^3.0.0
-    source-map: ^0.6.0
     string-length: ^4.0.1
+    strip-ansi: ^6.0.0
     terminal-link: ^2.0.0
-    v8-to-istanbul: ^8.1.0
+    v8-to-istanbul: ^9.0.0
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: fd66b17ca8af0464759d12525cfd84ae87403132da61f18ee76a2f07ecd64427797f7ad6e56d338ffa9f956cce153444edf1e5775093e9be2903aaf4d0e049bc
+  checksum: b3f7049fa53471fa413dade6b87cd2ba812d3ad5b4cb6d52c21f01572e944af736f4aaf82650d7827a9216f7cf1617db21d1fffd837144a515ef5ae8ea91bab1
   languageName: node
   linkType: hard
 
@@ -3509,6 +3613,44 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/reporters@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/reporters@npm:27.5.1"
+  dependencies:
+    "@bcoe/v8-coverage": ^0.2.3
+    "@jest/console": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    collect-v8-coverage: ^1.0.0
+    exit: ^0.1.2
+    glob: ^7.1.2
+    graceful-fs: ^4.2.9
+    istanbul-lib-coverage: ^3.0.0
+    istanbul-lib-instrument: ^5.1.0
+    istanbul-lib-report: ^3.0.0
+    istanbul-lib-source-maps: ^4.0.0
+    istanbul-reports: ^3.1.3
+    jest-haste-map: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-util: ^27.5.1
+    jest-worker: ^27.5.1
+    slash: ^3.0.0
+    source-map: ^0.6.0
+    string-length: ^4.0.1
+    terminal-link: ^2.0.0
+    v8-to-istanbul: ^8.1.0
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  checksum: fd66b17ca8af0464759d12525cfd84ae87403132da61f18ee76a2f07ecd64427797f7ad6e56d338ffa9f956cce153444edf1e5775093e9be2903aaf4d0e049bc
+  languageName: node
+  linkType: hard
+
 "@jest/schemas@npm:^28.1.3":
   version: 28.1.3
   resolution: "@jest/schemas@npm:28.1.3"
@@ -3518,6 +3660,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/schemas@npm:^29.0.0":
+  version: 29.0.0
+  resolution: "@jest/schemas@npm:29.0.0"
+  dependencies:
+    "@sinclair/typebox": ^0.24.1
+  checksum: 08c2f6b0237f52ab9448eb6633561ee1e499871082ac41a51b581e91571f6da317b4be0529307caf4cb3fd50798f7c096665db6bb2b5dde999a2c0c08b8775c9
+  languageName: node
+  linkType: hard
+
 "@jest/source-map@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/source-map@npm:24.9.0"
@@ -3551,15 +3702,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:27.5.1, @jest/test-result@npm:^27.5.1":
-  version: 27.5.1
-  resolution: "@jest/test-result@npm:27.5.1"
+"@jest/source-map@npm:^28.1.2":
+  version: 28.1.2
+  resolution: "@jest/source-map@npm:28.1.2"
   dependencies:
-    "@jest/console": ^27.5.1
-    "@jest/types": ^27.5.1
+    "@jridgewell/trace-mapping": ^0.3.13
+    callsites: ^3.0.0
+    graceful-fs: ^4.2.9
+  checksum: 535036de941aa98bff1c46a77fb2e98ec1f78f5b101a8c8b3c1a7e3e863a1a71ea3aef111afc4ef9d44c39b4e7e7c8384412d0a685138a92c6d522fdb8cd5b3b
+  languageName: node
+  linkType: hard
+
+"@jest/test-result@npm:28.1.1":
+  version: 28.1.1
+  resolution: "@jest/test-result@npm:28.1.1"
+  dependencies:
+    "@jest/console": ^28.1.1
+    "@jest/types": ^28.1.1
     "@types/istanbul-lib-coverage": ^2.0.0
     collect-v8-coverage: ^1.0.0
-  checksum: 4fb8cbefda8f645c57e2fc0d0df169b0bf5f6cb456b42dc09f5138595b736e800d8d83e3fd36a47fd801a2359988c841792d7fc46784bec908c88b39b6581749
+  checksum: f79c3324b15e0afe761720b263c864540ac65a356fb40646fe2c6a11cba49417d61ff1e3efef579ad495c69596d88bcf1f8e74c28345300aa9438bbcd39229b1
   languageName: node
   linkType: hard
 
@@ -3586,7 +3748,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:^28.1.3":
+"@jest/test-result@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/test-result@npm:27.5.1"
+  dependencies:
+    "@jest/console": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/istanbul-lib-coverage": ^2.0.0
+    collect-v8-coverage: ^1.0.0
+  checksum: 4fb8cbefda8f645c57e2fc0d0df169b0bf5f6cb456b42dc09f5138595b736e800d8d83e3fd36a47fd801a2359988c841792d7fc46784bec908c88b39b6581749
+  languageName: node
+  linkType: hard
+
+"@jest/test-result@npm:^28.1.1, @jest/test-result@npm:^28.1.3":
   version: 28.1.3
   resolution: "@jest/test-result@npm:28.1.3"
   dependencies:
@@ -3623,6 +3797,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/test-sequencer@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "@jest/test-sequencer@npm:28.1.3"
+  dependencies:
+    "@jest/test-result": ^28.1.3
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    slash: ^3.0.0
+  checksum: 7401537789902edc9c0cf2333a5052e8f8d936aa45ac4074fa1dc0af928c8a53e4b21802019bc4b6c01a66be2aba6d9aaa04ab97c6729a123476d9cf4f69eace
+  languageName: node
+  linkType: hard
+
 "@jest/transform@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/transform@npm:24.9.0"
@@ -3693,6 +3879,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/transform@npm:^28.1.1, @jest/transform@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/transform@npm:28.1.3"
+  dependencies:
+    "@babel/core": ^7.11.6
+    "@jest/types": ^28.1.3
+    "@jridgewell/trace-mapping": ^0.3.13
+    babel-plugin-istanbul: ^6.1.1
+    chalk: ^4.0.0
+    convert-source-map: ^1.4.0
+    fast-json-stable-stringify: ^2.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    jest-regex-util: ^28.0.2
+    jest-util: ^28.1.3
+    micromatch: ^4.0.4
+    pirates: ^4.0.4
+    slash: ^3.0.0
+    write-file-atomic: ^4.0.1
+  checksum: d4211fb30ad17a450a86ab1af488762742b00480c4f76684ba0ad9b2ffc34a0d309a922514775de36a5b74aa8e22ec833e38600565dbbd0596a041fbe9ecf44c
+  languageName: node
+  linkType: hard
+
 "@jest/types@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/types@npm:24.9.0"
@@ -3742,7 +3951,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^28.1.3":
+"@jest/types@npm:^28.1.1, @jest/types@npm:^28.1.3":
   version: 28.1.3
   resolution: "@jest/types@npm:28.1.3"
   dependencies:
@@ -3756,6 +3965,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/types@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "@jest/types@npm:29.0.2"
+  dependencies:
+    "@jest/schemas": ^29.0.0
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^17.0.8
+    chalk: ^4.0.0
+  checksum: f817dc8447f3b2273a60ed7bfcbe1ba2386383e5c88198ac9f6214b2b7a0f27bdf5696aba95f2d473555a6510b343aa28180f59a2d06baed1740cb8d6a94bfc1
+  languageName: node
+  linkType: hard
+
+"@joshwooding/vite-plugin-react-docgen-typescript@npm:0.0.5, @joshwooding/vite-plugin-react-docgen-typescript@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "@joshwooding/vite-plugin-react-docgen-typescript@npm:0.0.5"
+  dependencies:
+    "@rollup/pluginutils": ^4.2.1
+    glob: ^7.2.0
+    glob-promise: ^4.2.0
+    magic-string: ^0.26.1
+    react-docgen-typescript: ^2.1.1
+  peerDependencies:
+    typescript: ">= 4.3.x"
+    vite: ">2.0.0-0"
+  checksum: 075dc5a98122e66ef4203550fb4050a283a0c889d55cce729219b0707ddc703162c07dafd188363e398bdbd5c3604aa9b310d845c37402dffb284ff1669394e1
+  languageName: node
+  linkType: hard
+
 "@jridgewell/gen-mapping@npm:^0.1.0":
   version: 0.1.1
   resolution: "@jridgewell/gen-mapping@npm:0.1.1"
@@ -3818,13 +4057,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.7, @jridgewell/trace-mapping@npm:^0.3.8, @jridgewell/trace-mapping@npm:^0.3.9":
-  version: 0.3.14
-  resolution: "@jridgewell/trace-mapping@npm:0.3.14"
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.13, @jridgewell/trace-mapping@npm:^0.3.14, @jridgewell/trace-mapping@npm:^0.3.7, @jridgewell/trace-mapping@npm:^0.3.8, @jridgewell/trace-mapping@npm:^0.3.9":
+  version: 0.3.15
+  resolution: "@jridgewell/trace-mapping@npm:0.3.15"
   dependencies:
     "@jridgewell/resolve-uri": ^3.0.3
     "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: 54824bf17cc25b741c434f24ded7bcc5a2fd1f67da009829266eb2eb04152883f5f13e0e6ca0392e59a2bb7db4fe2930e105c9488827a2b78c78eb6253c3c9d1
+  checksum: 2de2dc1ec5038b1e5470b04c32713a690d4439e1174ff761af332798cb940b3f2846393b2775fd31a9bcaa931df7e462dbb1b7aef8e3c9fd254afa4f81b7da17
   languageName: node
   linkType: hard
 
@@ -4708,14 +4947,14 @@ __metadata:
   linkType: hard
 
 "@mdx-js/loader@npm:^2.0.0-next.9":
-  version: 2.1.2
-  resolution: "@mdx-js/loader@npm:2.1.2"
+  version: 2.1.3
+  resolution: "@mdx-js/loader@npm:2.1.3"
   dependencies:
     "@mdx-js/mdx": ^2.0.0
     source-map: ^0.7.0
   peerDependencies:
     webpack: ">=4"
-  checksum: 7ca947bceb6bd9d845f204ea395ec45ed632520fdecfeee7db48cedb3644e2cae2058f18f5238dc1cb959c0c9fec8f2d79ec4f5823b842a71ca4f72fa9ef6a2f
+  checksum: a253c8b1ee24601fbc1b8e0a0567879e6c304351e5d34c7489932a999b6bd2e91021b61e4e59ef41ac1927b3727ae599299d30ff146bb2a67313b78073920ee7
   languageName: node
   linkType: hard
 
@@ -4747,14 +4986,14 @@ __metadata:
   linkType: hard
 
 "@mdx-js/mdx@npm:^2.0.0":
-  version: 2.1.2
-  resolution: "@mdx-js/mdx@npm:2.1.2"
+  version: 2.1.3
+  resolution: "@mdx-js/mdx@npm:2.1.3"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
     "@types/mdx": ^2.0.0
-    astring: ^1.6.0
     estree-util-build-jsx: ^2.0.0
     estree-util-is-identifier-name: ^2.0.0
+    estree-util-to-js: ^1.1.0
     estree-walker: ^3.0.0
     hast-util-to-estree: ^2.0.0
     markdown-extensions: ^1.0.0
@@ -4767,7 +5006,7 @@ __metadata:
     unist-util-stringify-position: ^3.0.0
     unist-util-visit: ^4.0.0
     vfile: ^5.0.0
-  checksum: 5c4c1a5aa8020e52ae31f2e55bfa99e42bf0ba8c40f9664dfe7a5ca5cc123629841b8ff8965cc49e6b5efc1de69704ccf772f1b2032a6598cbe21f6590d9e204
+  checksum: 88af4abae71729b9252eb77ee7bc7ce117862b4957d0f663dbe48fc8965080ba19d53438dc1e6f189f2fb08472cc4270e4f7261645c777a30624c357a422cb77
   languageName: node
   linkType: hard
 
@@ -4808,52 +5047,52 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@msgpackr-extract/msgpackr-extract-darwin-arm64@npm:2.0.2":
-  version: 2.0.2
-  resolution: "@msgpackr-extract/msgpackr-extract-darwin-arm64@npm:2.0.2"
+"@msgpackr-extract/msgpackr-extract-darwin-arm64@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@msgpackr-extract/msgpackr-extract-darwin-arm64@npm:2.1.2"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@msgpackr-extract/msgpackr-extract-darwin-x64@npm:2.0.2":
-  version: 2.0.2
-  resolution: "@msgpackr-extract/msgpackr-extract-darwin-x64@npm:2.0.2"
+"@msgpackr-extract/msgpackr-extract-darwin-x64@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@msgpackr-extract/msgpackr-extract-darwin-x64@npm:2.1.2"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@msgpackr-extract/msgpackr-extract-linux-arm64@npm:2.0.2":
-  version: 2.0.2
-  resolution: "@msgpackr-extract/msgpackr-extract-linux-arm64@npm:2.0.2"
+"@msgpackr-extract/msgpackr-extract-linux-arm64@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@msgpackr-extract/msgpackr-extract-linux-arm64@npm:2.1.2"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@msgpackr-extract/msgpackr-extract-linux-arm@npm:2.0.2":
-  version: 2.0.2
-  resolution: "@msgpackr-extract/msgpackr-extract-linux-arm@npm:2.0.2"
+"@msgpackr-extract/msgpackr-extract-linux-arm@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@msgpackr-extract/msgpackr-extract-linux-arm@npm:2.1.2"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@msgpackr-extract/msgpackr-extract-linux-x64@npm:2.0.2":
-  version: 2.0.2
-  resolution: "@msgpackr-extract/msgpackr-extract-linux-x64@npm:2.0.2"
+"@msgpackr-extract/msgpackr-extract-linux-x64@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@msgpackr-extract/msgpackr-extract-linux-x64@npm:2.1.2"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@msgpackr-extract/msgpackr-extract-win32-x64@npm:2.0.2":
-  version: 2.0.2
-  resolution: "@msgpackr-extract/msgpackr-extract-win32-x64@npm:2.0.2"
+"@msgpackr-extract/msgpackr-extract-win32-x64@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@msgpackr-extract/msgpackr-extract-win32-x64@npm:2.1.2"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/env@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/env@npm:12.2.2"
-  checksum: b31eca5436e2ee818576c7af70f89a295149881f9f7c20e1e77e765fb50d08e16ddab02cb52fac4c7ec5789fba246219558966a1516ac14c94dab1f086e91f8e
+"@next/env@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/env@npm:12.2.5"
+  checksum: 359aeabfbe0967a023cd43754c6197c62ae3ba45fa971b64eda90c118b5bc3fdb0cccfa08a700134fb764a0d541aebe7c6cc1b40386f3602a8f5429ac9c47206
   languageName: node
   linkType: hard
 
@@ -4866,93 +5105,93 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-android-arm-eabi@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-android-arm-eabi@npm:12.2.2"
+"@next/swc-android-arm-eabi@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-android-arm-eabi@npm:12.2.5"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@next/swc-android-arm64@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-android-arm64@npm:12.2.2"
+"@next/swc-android-arm64@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-android-arm64@npm:12.2.5"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-darwin-arm64@npm:12.2.2"
+"@next/swc-darwin-arm64@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-darwin-arm64@npm:12.2.5"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-darwin-x64@npm:12.2.2"
+"@next/swc-darwin-x64@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-darwin-x64@npm:12.2.5"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-freebsd-x64@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-freebsd-x64@npm:12.2.2"
+"@next/swc-freebsd-x64@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-freebsd-x64@npm:12.2.5"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm-gnueabihf@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-linux-arm-gnueabihf@npm:12.2.2"
+"@next/swc-linux-arm-gnueabihf@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-linux-arm-gnueabihf@npm:12.2.5"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-linux-arm64-gnu@npm:12.2.2"
+"@next/swc-linux-arm64-gnu@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-linux-arm64-gnu@npm:12.2.5"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-linux-arm64-musl@npm:12.2.2"
+"@next/swc-linux-arm64-musl@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-linux-arm64-musl@npm:12.2.5"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-linux-x64-gnu@npm:12.2.2"
+"@next/swc-linux-x64-gnu@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-linux-x64-gnu@npm:12.2.5"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-linux-x64-musl@npm:12.2.2"
+"@next/swc-linux-x64-musl@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-linux-x64-musl@npm:12.2.5"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-win32-arm64-msvc@npm:12.2.2"
+"@next/swc-win32-arm64-msvc@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-win32-arm64-msvc@npm:12.2.5"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-win32-ia32-msvc@npm:12.2.2"
+"@next/swc-win32-ia32-msvc@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-win32-ia32-msvc@npm:12.2.5"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:12.2.2":
-  version: 12.2.2
-  resolution: "@next/swc-win32-x64-msvc@npm:12.2.2"
+"@next/swc-win32-x64-msvc@npm:12.2.5":
+  version: 12.2.5
+  resolution: "@next/swc-win32-x64-msvc@npm:12.2.5"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -5050,12 +5289,12 @@ __metadata:
   linkType: hard
 
 "@npmcli/fs@npm:^2.1.0":
-  version: 2.1.1
-  resolution: "@npmcli/fs@npm:2.1.1"
+  version: 2.1.2
+  resolution: "@npmcli/fs@npm:2.1.2"
   dependencies:
     "@gar/promisify": ^1.1.3
     semver: ^7.3.5
-  checksum: a553c45cef26b846170ee10c04a177d915aaf3ac128ac4ff7e4afb2619aad4b4aef37a945f1e6bfdeaf60a56dec0a3fd75031e082ea0b930182a50bf648ca09b
+  checksum: c50d087733d0d8df23be24f700f104b19922a28677aa66fdbe06ff6af6431cc4a5bb1e27683cbc661a5dafa9bafdc603e6a0378121506dfcd394b2b6dd76a187
   languageName: node
   linkType: hard
 
@@ -5098,12 +5337,12 @@ __metadata:
   linkType: hard
 
 "@npmcli/move-file@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@npmcli/move-file@npm:2.0.0"
+  version: 2.0.1
+  resolution: "@npmcli/move-file@npm:2.0.1"
   dependencies:
     mkdirp: ^1.0.4
     rimraf: ^3.0.2
-  checksum: 3a1920e02fa05c1c06c63b7a9614f440403942ce849cc59a2b2aed3e29f2871c4009fdf17de29d84bea3c43f2c370fbcf78d8bcb051339939eaf7cdcb7fb7132
+  checksum: 11b2151e6d1de6f6eb23128de5aa8a429fd9097d839a5190cb77aa47a6b627022c42d50fa7c47a00f1c9f8f0c1560092b09b061855d293fa0741a2a94cfb174d
   languageName: node
   linkType: hard
 
@@ -5135,105 +5374,59 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nrwl/cli@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/cli@npm:12.3.4"
-  dependencies:
-    "@nrwl/tao": 12.3.4
-    chalk: 4.1.0
-    v8-compile-cache: 2.3.0
-    yargs: 15.4.1
-    yargs-parser: 20.0.0
-  bin:
-    nx: bin/nx.js
-  checksum: 2d8f6101856ee036a4b38e86d5e2f28f35e1cc7807e63666e986b3370c23642eacfcbf842c4fcb2922ae446c7f6ed85aa827b78fa3cf79c1da76bb519f64484a
-  languageName: node
-  linkType: hard
-
-"@nrwl/devkit@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/devkit@npm:12.3.4"
+"@nrwl/cli@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/cli@npm:14.6.1"
   dependencies:
-    "@nrwl/tao": 12.3.4
-    ejs: ^3.1.5
-    ignore: ^5.0.4
-    semver: 7.3.4
-    strip-json-comments: ^3.1.1
-    tslib: ^2.0.0
-  checksum: 6246b1faa97e72d48e5cb7b9fecf5d4f4edaf4c40471845430dd8b2cd1bd731bfc39d2e4a0da2f6a7b106d0cac9cc3aefaa29c982ba94c981d04202dbd0afb81
+    nx: 14.6.1
+  checksum: b1595e7346d3806f7f0fd55f0371ba9461201c62e1734484b6a4982e39174320712faba88c41069ac41399966a89e68c43e0527812b122020a3f50b173bf00d8
   languageName: node
   linkType: hard
 
-"@nrwl/devkit@npm:14.4.3":
-  version: 14.4.3
-  resolution: "@nrwl/devkit@npm:14.4.3"
+"@nrwl/devkit@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/devkit@npm:14.6.1"
   dependencies:
+    "@phenomnomnominal/tsquery": 4.1.1
     ejs: ^3.1.7
     ignore: ^5.0.4
-    rxjs: ^6.5.4
     semver: 7.3.4
     tslib: ^2.3.0
   peerDependencies:
     nx: ">= 13.10 <= 15"
-  checksum: bcf0c152ad9a76abd1cb922597c44a70d37c0bb6aedafe95e606b7fae3d10e4aaa665f5e3b02762b399ebe3470a1ec854e98c31ca9d30a05586aecc3206e929c
+  checksum: 6cee651f3decb259a8f955e9dcf59f4fc58fd5bc71b8a2295edb9ed06a0e77a413c79af79ad2148299d502f3631b217da792f5e4cd57f9d39fdb73f84703f2f5
   languageName: node
   linkType: hard
 
-"@nrwl/jest@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/jest@npm:12.3.4"
+"@nrwl/jest@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/jest@npm:14.6.1"
   dependencies:
-    "@nrwl/devkit": 12.3.4
-    jest-resolve: ^26.6.2
-    rxjs: ^6.5.4
-    strip-json-comments: ^3.1.1
-    tslib: ^2.0.0
-  checksum: a14796c6a5c4ec0460590d1bf519d2bca1b8bfcc1a223c033a7ec9fc552314dcc2bb56392c44297c9cd55329f5a0808797e0db617acc8658ff37de833b611ba5
-  languageName: node
-  linkType: hard
-
-"@nrwl/jest@npm:14.4.3":
-  version: 14.4.3
-  resolution: "@nrwl/jest@npm:14.4.3"
-  dependencies:
-    "@jest/reporters": 27.5.1
-    "@jest/test-result": 27.5.1
-    "@nrwl/devkit": 14.4.3
+    "@jest/reporters": 28.1.1
+    "@jest/test-result": 28.1.1
+    "@nrwl/devkit": 14.6.1
     "@phenomnomnominal/tsquery": 4.1.1
     chalk: 4.1.0
     dotenv: ~10.0.0
     identity-obj-proxy: 3.0.0
-    jest-config: 27.5.1
-    jest-resolve: 27.5.1
-    jest-util: 27.5.1
+    jest-config: 28.1.1
+    jest-resolve: 28.1.1
+    jest-util: 28.1.1
     resolve.exports: 1.1.0
     rxjs: ^6.5.4
     tslib: ^2.3.0
-  checksum: 81fd036f57a62c4415fb7e45484951d2e9d23caee25a0a132ecec021cf4e50ec419d788f93936da1ecca895f472f2bceb8c1c8880079fc97079961caac55cb88
+  checksum: f4b11439a12e436208c793de7b3d368d1147456370cc4aaa7422bd801ce3b3e3b60b72bab0c4c4c2604252acc1177cd7274ca815a61d28d54d6524a324c1c3d5
   languageName: node
   linkType: hard
 
-"@nrwl/linter@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/linter@npm:12.3.4"
+"@nrwl/linter@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/linter@npm:14.6.1"
   dependencies:
-    "@nrwl/devkit": 12.3.4
-    glob: 7.1.4
-    minimatch: 3.0.4
-    tmp: ~0.2.1
-    tslib: ^2.0.0
-  checksum: a0bca2cdfc24705d54a8c377d770e86618680643d14e987af9a1739611865dc356c987db531cd0ee2429bfc46c291a0b8c39f77267dc4c65d977d002ff73dadd
-  languageName: node
-  linkType: hard
-
-"@nrwl/linter@npm:14.4.3":
-  version: 14.4.3
-  resolution: "@nrwl/linter@npm:14.4.3"
-  dependencies:
-    "@nrwl/devkit": 14.4.3
-    "@nrwl/jest": 14.4.3
+    "@nrwl/devkit": 14.6.1
+    "@nrwl/jest": 14.6.1
     "@phenomnomnominal/tsquery": 4.1.1
-    nx: 14.4.3
+    nx: 14.6.1
     tmp: ~0.2.1
     tslib: ^2.3.0
   peerDependencies:
@@ -5241,98 +5434,45 @@ __metadata:
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: a7c2fe522cca2829ea3d7593ec7cf640d1d3c0c8a39b79c20bc7e333acc8ba834290563c8bfdf82ecb6b0a21bba4a50aac617c641c7ece1805245cd913138ebb
+  checksum: cc6e37a0a1601cd012f3a766c2a7669d814c42a0c7f32afabd4b5b7e9941770bae562a7c437985ae139e0c9ef1f0f88bb56c27090337ff918579c968842ad982
   languageName: node
   linkType: hard
 
-"@nrwl/nx-cloud@npm:12.1.1":
-  version: 12.1.1
-  resolution: "@nrwl/nx-cloud@npm:12.1.1"
+"@nrwl/nx-cloud@npm:14.6.0":
+  version: 14.6.0
+  resolution: "@nrwl/nx-cloud@npm:14.6.0"
   dependencies:
     axios: ^0.21.1
     chalk: 4.1.0
+    dotenv: ~10.0.0
     node-machine-id: ^1.1.12
-    rxjs: 6.5.5
     strip-json-comments: ^3.1.1
-    tar: 5.0.5
-    uuid: ^3.3.3
+    tar: 6.1.11
+    yargs-parser: ">=21.0.1"
   bin:
     nx-cloud: bin/nx-cloud.js
-  checksum: 0ece114978bb4bb04381a62910151f1e7f5977ac795ce15b1f1c12abea89d2d5893650dadc489db124ed291dabee436de103ac660180aa454f7c73793f5c8a96
+  checksum: a9f766fa01fd90ddada823ec205e866e8d486ae699378a99ca0fb98de14ffa006d98f2197495fbac235f2b3fdc69e4eaeda0c524ede7dfe69d7c6ab56f13aa51
   languageName: node
   linkType: hard
 
-"@nrwl/tao@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/tao@npm:12.3.4"
+"@nrwl/tao@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/tao@npm:14.6.1"
   dependencies:
-    chalk: 4.1.0
-    enquirer: ~2.3.6
-    fs-extra: ^9.1.0
-    rxjs: ^6.5.4
-    rxjs-for-await: 0.0.2
-    semver: 7.3.4
-    strip-json-comments: ^3.1.1
-    tmp: ~0.2.1
-    tslib: ^2.0.0
-    yargs-parser: 20.0.0
-  bin:
-    tao: index.js
-  checksum: 43e47e57fb34dfb6fe430eeed28ee9ddc4376fdf4a2d1fc8b8013b619020d13a9c055c5c9d435bbf75e5a2f64573455a4683610008166ee2e204db4a9d1e7b39
-  languageName: node
-  linkType: hard
-
-"@nrwl/tao@npm:14.4.3":
-  version: 14.4.3
-  resolution: "@nrwl/tao@npm:14.4.3"
-  dependencies:
-    nx: 14.4.3
+    nx: 14.6.1
   bin:
     tao: index.js
-  checksum: bd3de3135f26ab74b25c74a48f871ceca1624c35f7b96a5450e3501c8d6f3f41a26db39b478c0226d8c9e32d28f488d927082ef7d7f755d8fd14b4219b968a1a
+  checksum: 881593c6ff55ebaf085f36f9bba67bca4713d7381516473ee7bf9a9859e032ac0335d0f4e4850cb47ecb6929c6d9d970a10806e29e4321c181dac0142f26daa2
   languageName: node
   linkType: hard
 
-"@nrwl/workspace@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/workspace@npm:12.3.4"
+"@nrwl/workspace@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/workspace@npm:14.6.1"
   dependencies:
-    "@nrwl/cli": 12.3.4
-    "@nrwl/devkit": 12.3.4
-    "@nrwl/jest": 12.3.4
-    "@nrwl/linter": 12.3.4
-    chalk: 4.1.0
-    cosmiconfig: ^4.0.0
-    dotenv: 8.2.0
-    enquirer: ~2.3.6
-    flat: ^5.0.2
-    fs-extra: ^9.1.0
-    glob: 7.1.4
-    ignore: ^5.0.4
-    minimatch: 3.0.4
-    npm-run-all: ^4.1.5
-    open: ^7.4.2
-    resolve: 1.17.0
-    rxjs: ^6.5.4
-    semver: 7.3.4
-    strip-json-comments: ^3.1.1
-    tmp: ~0.2.1
-    tslib: ^2.0.0
-    yargs: 15.4.1
-    yargs-parser: 20.0.0
-  peerDependencies:
-    prettier: ^2.0.4
-  checksum: 94e494bd3c648b817356596deee94f215bafaecf68a9b2ce45bb46926dba580397392349744c6885254a5c7a20ec3597bc87f0acfb59eb098c5f397ac9d5ed12
-  languageName: node
-  linkType: hard
-
-"@nrwl/workspace@npm:^14.1.4":
-  version: 14.4.3
-  resolution: "@nrwl/workspace@npm:14.4.3"
-  dependencies:
-    "@nrwl/devkit": 14.4.3
-    "@nrwl/jest": 14.4.3
-    "@nrwl/linter": 14.4.3
+    "@nrwl/devkit": 14.6.1
+    "@nrwl/jest": 14.6.1
+    "@nrwl/linter": 14.6.1
     "@parcel/watcher": 2.0.4
     chalk: 4.1.0
     chokidar: ^3.5.1
@@ -5347,7 +5487,7 @@ __metadata:
     ignore: ^5.0.4
     minimatch: 3.0.5
     npm-run-path: ^4.0.1
-    nx: 14.4.3
+    nx: 14.6.1
     open: ^8.4.0
     rxjs: ^6.5.4
     semver: 7.3.4
@@ -5360,7 +5500,7 @@ __metadata:
   peerDependenciesMeta:
     prettier:
       optional: true
-  checksum: 023d702d065c9318b66c06ffbd247a2dc5ee2210dba7d2ba07984f8eddc4ef545a446ae6de737326360e32d24ab20e6074066f2304996ec1418641af001d7fc9
+  checksum: 573cd6ed892ac397a137d079a847e85efe849ecab7d77aca6595baba4bdd53e9bf34eed200ce1f3847c22e3bf106e11426e34faab6ea017b52a1e685d1d1b16d
   languageName: node
   linkType: hard
 
@@ -5424,10 +5564,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@octokit/openapi-types@npm:^12.10.0":
-  version: 12.10.1
-  resolution: "@octokit/openapi-types@npm:12.10.1"
-  checksum: d2d4df57ae148fd880db039b9303eb26627d2e310c4f6d9ec3d75bbd0b0f1d83c98157858d1f85ddfaf60a796c72fe360e3739b6b3758c9b9651d862854d8196
+"@octokit/openapi-types@npm:^12.11.0":
+  version: 12.11.0
+  resolution: "@octokit/openapi-types@npm:12.11.0"
+  checksum: b3bb3684d9686ef948d8805ab56f85818f36e4cb64ef97b8e48dc233efefef22fe0bddd9da705fb628ea618a1bebd62b3d81b09a3f7dce9522f124d998041896
   languageName: node
   linkType: hard
 
@@ -5448,13 +5588,13 @@ __metadata:
   linkType: hard
 
 "@octokit/plugin-paginate-rest@npm:^2.16.8, @octokit/plugin-paginate-rest@npm:^2.2.0":
-  version: 2.21.2
-  resolution: "@octokit/plugin-paginate-rest@npm:2.21.2"
+  version: 2.21.3
+  resolution: "@octokit/plugin-paginate-rest@npm:2.21.3"
   dependencies:
-    "@octokit/types": ^6.39.0
+    "@octokit/types": ^6.40.0
   peerDependencies:
-    "@octokit/core": ">=4"
-  checksum: f40c50df8fc8d84e2e0ffb2310c7c5fe96abb918bc325860fa1662f4314b2be64b9197cbd4f4f106217cedb6d18f32cb94645163dcd48d483d3123d9642bfee6
+    "@octokit/core": ">=2"
+  checksum: a16f7ed56db00ea9b72f77735e8d9463ddc84d017cb95c2767026c60a209f7c4176502c592847cf61613eb2f25dafe8d5437c01ad296660ebbfb2c821ef805e9
   languageName: node
   linkType: hard
 
@@ -5610,118 +5750,118 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@octokit/types@npm:^6.0.3, @octokit/types@npm:^6.16.1, @octokit/types@npm:^6.39.0":
-  version: 6.40.0
-  resolution: "@octokit/types@npm:6.40.0"
+"@octokit/types@npm:^6.0.3, @octokit/types@npm:^6.16.1, @octokit/types@npm:^6.39.0, @octokit/types@npm:^6.40.0":
+  version: 6.41.0
+  resolution: "@octokit/types@npm:6.41.0"
   dependencies:
-    "@octokit/openapi-types": ^12.10.0
-  checksum: 88a227dbf7f42a3e408ef433d8e0160dc2e72ee29faa1de4e10d61d249bd712ff1b535003887ed953d9675655e4eea0177a6a20a58fbed8cdd2c29915843ab15
+    "@octokit/openapi-types": ^12.11.0
+  checksum: 81cfa58e5524bf2e233d75a346e625fd6e02a7b919762c6ddb523ad6fb108943ef9d34c0298ff3c5a44122e449d9038263bc22959247fd6ff8894a48888ac705
   languageName: node
   linkType: hard
 
-"@parcel/bundler-default@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/bundler-default@npm:2.6.2"
+"@parcel/bundler-default@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/bundler-default@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
-  checksum: 244a262d2fff4b16972796c876efdd6ca98d7a0e01eb6cb92788063fc767b4d1fb6f0593fc7a1daebc5b20fd5bcfe1c51eec78327e7c52f19f03c67cd1a4ad86
+  checksum: cf65722fbdb8ae355233f21ec85433dca6e804a4db27091143eb61aae6769df37b46208c8969594f23a33887ee08fdac9af1dfe9be9dc222378fc77568bbd446
   languageName: node
   linkType: hard
 
-"@parcel/cache@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/cache@npm:2.6.2"
+"@parcel/cache@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/cache@npm:2.7.0"
   dependencies:
-    "@parcel/fs": 2.6.2
-    "@parcel/logger": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/fs": 2.7.0
+    "@parcel/logger": 2.7.0
+    "@parcel/utils": 2.7.0
     lmdb: 2.5.2
   peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: 0bb04bb25235610caf6fcb377b7af18507f9819504d51a750a8f8278e0e517323444062a601a6476c33c57c2342669647b9e045f88cac413bdfa5807aefa83e7
+    "@parcel/core": ^2.7.0
+  checksum: 50206359a485c315faa96325d6583ae8ea8558451daac2c289c9d089181536feecb831f03148803f9e8f0e9424a2bffc98bd67280404acd2e2fe565026748945
   languageName: node
   linkType: hard
 
-"@parcel/codeframe@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/codeframe@npm:2.6.2"
+"@parcel/codeframe@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/codeframe@npm:2.7.0"
   dependencies:
     chalk: ^4.1.0
-  checksum: 7ed1a401173ebc7ea2370c0df74ae02f7ef9a1594ee04d4843420e6261f75f15761859264095ff820e6c293f32bf50039be117f77bf6526ba9c4f785e5b03654
+  checksum: 80907cb89895d41a58f39255788206cd259c4fbbd49d1282b0cc1ea22c0d6b4fd302b5aa1aa52e8df9df3128c4601c55b74550b688a39b693633871b3f923333
   languageName: node
   linkType: hard
 
-"@parcel/compressor-raw@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/compressor-raw@npm:2.6.2"
+"@parcel/compressor-raw@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/compressor-raw@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-  checksum: cb9f7f944ecbb96c589766d059f819f883f79c46a754713d7d85f9fc2966bc1da6447347b729b46bc35d6fd734fe315cba02296fae05db1256446557f95c9b64
+    "@parcel/plugin": 2.7.0
+  checksum: db0001a354d18d9bc9837371611493f9ecee9e41dab1624b1ebabcce910b9204ed457dbca679e083a513e6b359053c5ec1e5614d7a0d1bd0a13e49285afa2d40
   languageName: node
   linkType: hard
 
 "@parcel/config-default@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/config-default@npm:2.6.2"
-  dependencies:
-    "@parcel/bundler-default": 2.6.2
-    "@parcel/compressor-raw": 2.6.2
-    "@parcel/namer-default": 2.6.2
-    "@parcel/optimizer-css": 2.6.2
-    "@parcel/optimizer-htmlnano": 2.6.2
-    "@parcel/optimizer-image": 2.6.2
-    "@parcel/optimizer-svgo": 2.6.2
-    "@parcel/optimizer-terser": 2.6.2
-    "@parcel/packager-css": 2.6.2
-    "@parcel/packager-html": 2.6.2
-    "@parcel/packager-js": 2.6.2
-    "@parcel/packager-raw": 2.6.2
-    "@parcel/packager-svg": 2.6.2
-    "@parcel/reporter-dev-server": 2.6.2
-    "@parcel/resolver-default": 2.6.2
-    "@parcel/runtime-browser-hmr": 2.6.2
-    "@parcel/runtime-js": 2.6.2
-    "@parcel/runtime-react-refresh": 2.6.2
-    "@parcel/runtime-service-worker": 2.6.2
-    "@parcel/transformer-babel": 2.6.2
-    "@parcel/transformer-css": 2.6.2
-    "@parcel/transformer-html": 2.6.2
-    "@parcel/transformer-image": 2.6.2
-    "@parcel/transformer-js": 2.6.2
-    "@parcel/transformer-json": 2.6.2
-    "@parcel/transformer-postcss": 2.6.2
-    "@parcel/transformer-posthtml": 2.6.2
-    "@parcel/transformer-raw": 2.6.2
-    "@parcel/transformer-react-refresh-wrap": 2.6.2
-    "@parcel/transformer-svg": 2.6.2
-  peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: 6e176fd0f948ecd6019a2518e1664941e73b4575303da430e59e742603cd854d34ff0b5879b39bf49298e115978057af3d23813470c72f4d7c2a3279ce9c3366
+  version: 2.7.0
+  resolution: "@parcel/config-default@npm:2.7.0"
+  dependencies:
+    "@parcel/bundler-default": 2.7.0
+    "@parcel/compressor-raw": 2.7.0
+    "@parcel/namer-default": 2.7.0
+    "@parcel/optimizer-css": 2.7.0
+    "@parcel/optimizer-htmlnano": 2.7.0
+    "@parcel/optimizer-image": 2.7.0
+    "@parcel/optimizer-svgo": 2.7.0
+    "@parcel/optimizer-terser": 2.7.0
+    "@parcel/packager-css": 2.7.0
+    "@parcel/packager-html": 2.7.0
+    "@parcel/packager-js": 2.7.0
+    "@parcel/packager-raw": 2.7.0
+    "@parcel/packager-svg": 2.7.0
+    "@parcel/reporter-dev-server": 2.7.0
+    "@parcel/resolver-default": 2.7.0
+    "@parcel/runtime-browser-hmr": 2.7.0
+    "@parcel/runtime-js": 2.7.0
+    "@parcel/runtime-react-refresh": 2.7.0
+    "@parcel/runtime-service-worker": 2.7.0
+    "@parcel/transformer-babel": 2.7.0
+    "@parcel/transformer-css": 2.7.0
+    "@parcel/transformer-html": 2.7.0
+    "@parcel/transformer-image": 2.7.0
+    "@parcel/transformer-js": 2.7.0
+    "@parcel/transformer-json": 2.7.0
+    "@parcel/transformer-postcss": 2.7.0
+    "@parcel/transformer-posthtml": 2.7.0
+    "@parcel/transformer-raw": 2.7.0
+    "@parcel/transformer-react-refresh-wrap": 2.7.0
+    "@parcel/transformer-svg": 2.7.0
+  peerDependencies:
+    "@parcel/core": ^2.7.0
+  checksum: 74a3445cfae9f975f3330ae3b536b1a857986e1a6ad6c5cb8fb58d057c78c97b7ce7265c530697501c5ca2b299bed0680bde2d71d46aebff3d005a1defab4469
   languageName: node
   linkType: hard
 
 "@parcel/core@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/core@npm:2.6.2"
+  version: 2.7.0
+  resolution: "@parcel/core@npm:2.7.0"
   dependencies:
     "@mischnic/json-sourcemap": ^0.1.0
-    "@parcel/cache": 2.6.2
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/events": 2.6.2
-    "@parcel/fs": 2.6.2
-    "@parcel/graph": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/logger": 2.6.2
-    "@parcel/package-manager": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/cache": 2.7.0
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/events": 2.7.0
+    "@parcel/fs": 2.7.0
+    "@parcel/graph": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/logger": 2.7.0
+    "@parcel/package-manager": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
-    "@parcel/workers": 2.6.2
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
+    "@parcel/workers": 2.7.0
     abortcontroller-polyfill: ^1.1.9
     base-x: ^3.0.8
     browserslist: ^4.6.6
@@ -5732,78 +5872,78 @@ __metadata:
     msgpackr: ^1.5.4
     nullthrows: ^1.1.1
     semver: ^5.7.1
-  checksum: 98d4a573bf2ac4ce66562c2ac5f68427a53ace19da80e5c0b497144e530d5e6f04ebe307d86e1d38a9accc920bb56b26af752c4f928220d0c704228d8438482a
+  checksum: 86c0b9d75eb5fabde912c77eab4d8313bd9cf13d8ed9df958c70ffd5bb8d979e0e3d43a2650caddb8636082922f5f910aea1439796965f52bbe91998b5eafc32
   languageName: node
   linkType: hard
 
-"@parcel/css-darwin-arm64@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-darwin-arm64@npm:1.12.0"
+"@parcel/css-darwin-arm64@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-darwin-arm64@npm:1.13.1"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@parcel/css-darwin-x64@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-darwin-x64@npm:1.12.0"
+"@parcel/css-darwin-x64@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-darwin-x64@npm:1.13.1"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-arm-gnueabihf@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.12.0"
+"@parcel/css-linux-arm-gnueabihf@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.13.1"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-arm64-gnu@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-linux-arm64-gnu@npm:1.12.0"
+"@parcel/css-linux-arm64-gnu@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-linux-arm64-gnu@npm:1.13.1"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-arm64-musl@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-linux-arm64-musl@npm:1.12.0"
+"@parcel/css-linux-arm64-musl@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-linux-arm64-musl@npm:1.13.1"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-x64-gnu@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-linux-x64-gnu@npm:1.12.0"
+"@parcel/css-linux-x64-gnu@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-linux-x64-gnu@npm:1.13.1"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-x64-musl@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-linux-x64-musl@npm:1.12.0"
+"@parcel/css-linux-x64-musl@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-linux-x64-musl@npm:1.13.1"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@parcel/css-win32-x64-msvc@npm:1.12.0":
-  version: 1.12.0
-  resolution: "@parcel/css-win32-x64-msvc@npm:1.12.0"
+"@parcel/css-win32-x64-msvc@npm:1.13.1":
+  version: 1.13.1
+  resolution: "@parcel/css-win32-x64-msvc@npm:1.13.1"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@parcel/css@npm:^1.10.1":
-  version: 1.12.0
-  resolution: "@parcel/css@npm:1.12.0"
-  dependencies:
-    "@parcel/css-darwin-arm64": 1.12.0
-    "@parcel/css-darwin-x64": 1.12.0
-    "@parcel/css-linux-arm-gnueabihf": 1.12.0
-    "@parcel/css-linux-arm64-gnu": 1.12.0
-    "@parcel/css-linux-arm64-musl": 1.12.0
-    "@parcel/css-linux-x64-gnu": 1.12.0
-    "@parcel/css-linux-x64-musl": 1.12.0
-    "@parcel/css-win32-x64-msvc": 1.12.0
+"@parcel/css@npm:^1.12.2":
+  version: 1.13.1
+  resolution: "@parcel/css@npm:1.13.1"
+  dependencies:
+    "@parcel/css-darwin-arm64": 1.13.1
+    "@parcel/css-darwin-x64": 1.13.1
+    "@parcel/css-linux-arm-gnueabihf": 1.13.1
+    "@parcel/css-linux-arm64-gnu": 1.13.1
+    "@parcel/css-linux-arm64-musl": 1.13.1
+    "@parcel/css-linux-x64-gnu": 1.13.1
+    "@parcel/css-linux-x64-musl": 1.13.1
+    "@parcel/css-win32-x64-msvc": 1.13.1
     detect-libc: ^1.0.3
   dependenciesMeta:
     "@parcel/css-darwin-arm64":
@@ -5822,341 +5962,341 @@ __metadata:
       optional: true
     "@parcel/css-win32-x64-msvc":
       optional: true
-  checksum: b2985f502a53da6ef68dd3d04130b9d595860c63980db4108dc28703e1b55f597d406c5de15fa2be92994b27c525598375e675a6965d19865e4e0132355a1636
+  checksum: 6a3f242d820cf69bd3fc8fc8760dec772e875404d352e55f6fc37cd30382308ce9c552bfc94d7d90b4693f3b443fbdeed9f1bc999480558e4dcd337ea05c34f3
   languageName: node
   linkType: hard
 
-"@parcel/diagnostic@npm:2.6.2, @parcel/diagnostic@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/diagnostic@npm:2.6.2"
+"@parcel/diagnostic@npm:2.7.0, @parcel/diagnostic@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/diagnostic@npm:2.7.0"
   dependencies:
     "@mischnic/json-sourcemap": ^0.1.0
     nullthrows: ^1.1.1
-  checksum: 9944d2af549bc7ba43932c10710c35f19bb30cb531714bfb600824da92af10a1f251b41631cdebf9f3c7c39c7ab11fa06f87a647acbb25511a20a90ce5a754c9
+  checksum: b1a88d298fb76aad766381d240ae823e9559736ea9241850604b921b4e449af2bd2d0a33b48229f208e960f769bd792b75b4807a73227655252d3da4e4243f98
   languageName: node
   linkType: hard
 
-"@parcel/events@npm:2.6.2, @parcel/events@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/events@npm:2.6.2"
-  checksum: e1d79dffc2d10d5367451a458f3d3d14fa149980a27362def69ba3f3ffb1afedf582efdb521bc2ac33dec3cf11809693fe419f8edcb947d655ebdb9b75d6b4ed
+"@parcel/events@npm:2.7.0, @parcel/events@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/events@npm:2.7.0"
+  checksum: 389b7aa672235d690c398845f421f6a2327411d0932a3c66fd25bc5e608388424c95aca362f171b759c041d470c3c22a710b007a0c03063fd7ccacecf588ad0e
   languageName: node
   linkType: hard
 
-"@parcel/fs-search@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/fs-search@npm:2.6.2"
+"@parcel/fs-search@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/fs-search@npm:2.7.0"
   dependencies:
     detect-libc: ^1.0.3
-  checksum: f078f24f2938cd2824e0f4892c3437c638d20f3da6f822d74d5c62e57459b5414f08afc88af51bb988d297b037d767d5a57f84d209174c07189018d3174a98b4
+  checksum: 9999cee151f88c6a46cce91177df81c3abd9f8285461e424f2d8c3b47ce4fc3e646b71c5d36af99509bceabb5af307903d3aab8f363745bdb7dc9c291f62520c
   languageName: node
   linkType: hard
 
-"@parcel/fs@npm:2.6.2, @parcel/fs@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/fs@npm:2.6.2"
+"@parcel/fs@npm:2.7.0, @parcel/fs@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/fs@npm:2.7.0"
   dependencies:
-    "@parcel/fs-search": 2.6.2
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/fs-search": 2.7.0
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
     "@parcel/watcher": ^2.0.0
-    "@parcel/workers": 2.6.2
+    "@parcel/workers": 2.7.0
   peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: 605e8cadd1c937a43f2669cbf68287264077673a0ccdd8fb506872e4fafbce186cab72657e7fc5e618a883879e56f788bb83891a5ce8bba76ae4e61f56b28214
+    "@parcel/core": ^2.7.0
+  checksum: 32000df7d443688a7edae194b07fe675fec0e1543d318adabb9610e5f3fedef60d491521ebc5270c2f243c2b2080904e0a9a931b25401ec2dfbf09881f03e507
   languageName: node
   linkType: hard
 
-"@parcel/graph@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/graph@npm:2.6.2"
+"@parcel/graph@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/graph@npm:2.7.0"
   dependencies:
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
-  checksum: 29082e80ffcc2e945a5357c0eda3bb32094f080439e266a745bf37653469dd669cc58f770ac21f4bfa46632877efa8e640a8f543468041db1070fd25f007ba52
+  checksum: 559d89605e001f0c2d8e0b20dc06155193bd505f9742dd3bd16e9b854d7f3cc6fc40ed539447930ead0a01fbeb5a6d3d23952bc5524e62be100194546f117764
   languageName: node
   linkType: hard
 
-"@parcel/hash@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/hash@npm:2.6.2"
+"@parcel/hash@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/hash@npm:2.7.0"
   dependencies:
     detect-libc: ^1.0.3
     xxhash-wasm: ^0.4.2
-  checksum: 79ab7d03325ca81f6d72d954e2ada52bc32319f9d88564a959e53217be5c5ed47e6e4d619db3c4d13f52f1794c7819251cf9052b87bbc9b5267131557036e452
+  checksum: 36e8a6546316fdca86bb184e356df9f326c6385de5a9c271de9186442fd8836d9b618f3f195670bc709332c3557eec203f7dff865f5ec95ca01e2e3b51b4ad5c
   languageName: node
   linkType: hard
 
-"@parcel/logger@npm:2.6.2, @parcel/logger@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/logger@npm:2.6.2"
+"@parcel/logger@npm:2.7.0, @parcel/logger@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/logger@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/events": 2.6.2
-  checksum: b21fcfe55515712b3089ecc10a16c9c465f4f0734e8a7b13e275b4ab8e7218a0e4c1c161202b13251b82f615e478e834fd95d3018a7e25699f1d2361d07be677
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/events": 2.7.0
+  checksum: cdeac5bb94c655f5dee6cb8673b24c43637514d84b0d808ef43cc1426da84749e4afb79a1b18dcc17eec28e7de70b6b760d7011f4de90ec0111ab2572c36eea8
   languageName: node
   linkType: hard
 
-"@parcel/markdown-ansi@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/markdown-ansi@npm:2.6.2"
+"@parcel/markdown-ansi@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/markdown-ansi@npm:2.7.0"
   dependencies:
     chalk: ^4.1.0
-  checksum: 87369502e32956ce81af59b86fa20106e0487ee352d1a98167347ff3daf2bf5de13d1017113f63ad6f25941e371e5102a61dfb1b009c8344334d9ad291b138da
+  checksum: 4e5db8d413283d359f9980b04d19f89ee04d9b2943b12f001578f42e1a45aae99afd4d94a3a4d4841b12db3cd50e732191761c861da8be286abd2f3c46c73155
   languageName: node
   linkType: hard
 
-"@parcel/namer-default@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/namer-default@npm:2.6.2"
+"@parcel/namer-default@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/namer-default@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
     nullthrows: ^1.1.1
-  checksum: 595f9a84610d166e28382323fd50426f1f525afa85e845824d78bf10d478b2d8b20c954b4d86ef1fc007fb8e4d467e0415d15768bfa6d2189973e3d0f17938a0
+  checksum: fbe7f5f29e08a79e8e6a13379241185d00a1aa712d66c6d731a4fae2ae9263d94247f65ca6d230cfcaad7979206fb0b8ce455a71502275a5acf94f104a4015fb
   languageName: node
   linkType: hard
 
-"@parcel/node-resolver-core@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/node-resolver-core@npm:2.6.2"
+"@parcel/node-resolver-core@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/node-resolver-core@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
     semver: ^5.7.1
-  checksum: 3296cdcd16da61fc24da0bebbda7c93bbb508ac7fd78128621390f4c64b9275e1dfdf33563797f46210db5720fa446c6e823164c9fc2d521fd967181e779b97a
+  checksum: 0bf6d67c801b1d5812e7510d566da2d8518fffc9667b59a34d6129fda026b107402ff3d98da6b47b187b4bad7d3caab49b3a8fe36965d94a59013fbb2cdd5f04
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-css@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/optimizer-css@npm:2.6.2"
+"@parcel/optimizer-css@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/optimizer-css@npm:2.7.0"
   dependencies:
-    "@parcel/css": ^1.10.1
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/css": ^1.12.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     browserslist: ^4.6.6
     nullthrows: ^1.1.1
-  checksum: e9495cd45e1ff3b1f500245facdbe3e23059c422b8e1ac46198aa63624be8f39b0f2e039a6038fd7fbc0a88c5a58b72e9b7aa3271f5dd99d9f4b9ea1d3718dcb
+  checksum: a6af5fc085827f5fbce56635225ae0f4ef11a1059300fad740ebf221360bd9e2196e8e7f87c746ddcc38520a3873bc5abe6fdd9220e6e42bacea82e5b4e0187c
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-htmlnano@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/optimizer-htmlnano@npm:2.6.2"
+"@parcel/optimizer-htmlnano@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/optimizer-htmlnano@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
+    "@parcel/plugin": 2.7.0
     htmlnano: ^2.0.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     svgo: ^2.4.0
-  checksum: 75f5820ba58d979e732b9e48338d1c2df39feb3ab21ebf32120c06f35f43a65d0ef7a255c449fd9aa409d6b60be2f6ecd1a2ae08f191848340ba21ec1b5d448a
+  checksum: f3f070d1a0f76208e5023cbe738e4ffb3598be142f41efd35bf651ce679716c3d640f690ed878676509a333348e6c48d8f978738676ea90ba0f4400aa2ec6b50
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-image@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/optimizer-image@npm:2.6.2"
+"@parcel/optimizer-image@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/optimizer-image@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
-    "@parcel/workers": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
+    "@parcel/workers": 2.7.0
     detect-libc: ^1.0.3
-  checksum: e0633c00b36c4d0f0b07a686c59b8daa376ba355f137579f96619cd68f3645f5b44bb304464d4b0a3c047822cbde9eecdd5c942942e0860420643d4f8e2437b1
+  checksum: e52692ef95895ff057eb7bb2ccc201b39fac541156993e58155ab3f886966853454e9138a4c7701e2cca6e81bf16405fd8a347fc1169cdf70ec92bcd7d5e3065
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-svgo@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/optimizer-svgo@npm:2.6.2"
+"@parcel/optimizer-svgo@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/optimizer-svgo@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     svgo: ^2.4.0
-  checksum: a7b6b1807c7c1b5561e6d2146247da6bf85eae00f43632f9b09692eb0b305edd1b7006a226a7663918022c370161c93f4879245814279ca1ea792b71780caa82
+  checksum: 3fcc272735197eabfc9a1c217fe6409ad85757ede7a831361538104f2d9fff514cad1155a6eafc6e249840b423018177181d8690a9eb23a1c3c7351a70ee6737
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-terser@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/optimizer-terser@npm:2.6.2"
+"@parcel/optimizer-terser@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/optimizer-terser@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
     terser: ^5.2.0
-  checksum: 41a1521402d51e4eef3e04d13dc80a785c01e7539a3cf10a6fdaed793c0510fcc98889a7b50fd3ef8742522be04a620d9b1608438e989925abbfc517b223c562
+  checksum: 1008cc336cc4ade4d777a58448248f4186334bbf2e7938ec836c04778b2a9f2e5eaeaf7ba856eda004da126b4f639407784eef79b49a8f61de720d6bd10ea3ce
   languageName: node
   linkType: hard
 
-"@parcel/package-manager@npm:2.6.2, @parcel/package-manager@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/package-manager@npm:2.6.2"
-  dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/fs": 2.6.2
-    "@parcel/logger": 2.6.2
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
-    "@parcel/workers": 2.6.2
+"@parcel/package-manager@npm:2.7.0, @parcel/package-manager@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/package-manager@npm:2.7.0"
+  dependencies:
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/fs": 2.7.0
+    "@parcel/logger": 2.7.0
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
+    "@parcel/workers": 2.7.0
     semver: ^5.7.1
   peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: 042bdc279fd89f097a29a313d0310c4e70748ca373e6afac7612d2078d56fd58d8bfc52bfcc2d71515076d996a348962eab6093d9827cfbdf2840140c8d556ad
+    "@parcel/core": ^2.7.0
+  checksum: cbf69e0cd24485346e0b80bf2056c971d2cf25398afea00840bf34582694f725d8e0548aae76ce6dbbc0a8b543418ce7fb2138072d5d1c18433b03e472cfac85
   languageName: node
   linkType: hard
 
-"@parcel/packager-css@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/packager-css@npm:2.6.2"
+"@parcel/packager-css@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/packager-css@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
-  checksum: a6e43c400a9a86791f3a36e45cada3d4d8e8c93c9756ebdd58ca0fd0751f7cbeb47d6a9207c7bc3718757d7a608dcfe9f83c69073e90f9e3a6f8cb3b3afbb16e
+  checksum: 596395574c513ae182e16479877cee1cd9097f7978bc107f5d58b9b8ce0738c55b1a0d911636c3629857d570828ca37af0ea05885c1d32f2735320bc1301af54
   languageName: node
   linkType: hard
 
-"@parcel/packager-html@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/packager-html@npm:2.6.2"
+"@parcel/packager-html@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/packager-html@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
-  checksum: 57700c130c9e8fa7b8ec3213f72fd578cf848447913ce80cd73d4e6b58fa2988dd1c6502341547dc77d15e221b4d44d9e4ae1e7fcf2ae0f2154fee4e479c2f95
+  checksum: 282d99892182a8a16d05f5345c5c4d6ede8c848dd8c609709d07c410c7d3a7a16acb73eab177a284e15a7df8adbc5a40a40ecfcd46f86212e14b5b1a6be2f9bf
   languageName: node
   linkType: hard
 
-"@parcel/packager-js@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/packager-js@npm:2.6.2"
+"@parcel/packager-js@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/packager-js@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     globals: ^13.2.0
     nullthrows: ^1.1.1
-  checksum: 27695f08b029e3bb31675c789240c54c9bbe104db37fb8f537aaf475a53f0905296a4268a8db5ace082bd04dfd772ed348ca3dc8c9cdcebc3b16372548eb2b02
+  checksum: e89810f379805ee5728d7c63e3072abbf68c4660a3360b47e093e591e320a1739f88733c532faea7f1582e020d45b9565c7a537fdb9d899477ee668f2be2b29b
   languageName: node
   linkType: hard
 
-"@parcel/packager-raw@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/packager-raw@npm:2.6.2"
+"@parcel/packager-raw@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/packager-raw@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-  checksum: cd82b6ff37a1f5f37154648fc8b3a759e888006e6fd2641c04adc6ba0cfde7b17e444273b29c678d57dc9ff02bde1fb70d3283fef38753acf4eeb1cb762d15ed
+    "@parcel/plugin": 2.7.0
+  checksum: 1cc152684f651b8a7f934deb6bd2668f85f79f39256fcace4a9f243b5b9481a0d56f075ff4bf0f8138ada449fa04985e3a9f65e4c8a1839e6d228c3c27834d08
   languageName: node
   linkType: hard
 
-"@parcel/packager-svg@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/packager-svg@npm:2.6.2"
+"@parcel/packager-svg@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/packager-svg@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
     posthtml: ^0.16.4
-  checksum: 8d57b48b33298434f484bf7bb30f9e10925dea57c01312188de6ebae7e78a114c1add5255ec415d29139aca93058ce2eb7bf51aeeb3460eae8f10c719fef216d
+  checksum: 5743832e492faf8548c9b05a3b98bcdf15c92a27d3f1ee440f58c906408606cc268426a24e858950abe98501a92e2f6b976149d1c5daac31227d3c17354a767b
   languageName: node
   linkType: hard
 
-"@parcel/plugin@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/plugin@npm:2.6.2"
+"@parcel/plugin@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/plugin@npm:2.7.0"
   dependencies:
-    "@parcel/types": 2.6.2
-  checksum: f662896f6cbf4fdc4987dc6e96f9f035242ae62c786003c86a3c7c7ece7542f8e93e98f8ba54af1b4fcd9c205acc5df8121386281c9bd99b8ac087645523437b
+    "@parcel/types": 2.7.0
+  checksum: c7860291d1d4d09d73d45b40355198fa58197526541f5e6614025410997c94913cc8f0ac6a66a5e6fdcf8a39eb407bc46227788854fb4b83d7395419628da6aa
   languageName: node
   linkType: hard
 
 "@parcel/reporter-cli@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/reporter-cli@npm:2.6.2"
+  version: 2.7.0
+  resolution: "@parcel/reporter-cli@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
     chalk: ^4.1.0
     term-size: ^2.2.1
-  checksum: da90091a5d3585897a2cc2139c6880766bb132d9fe3cc6de9e5029593fe15f8c889ea730bb8a10dfcc6669e54d1e621231f2cb5f4b6bf168fbea64108f3ec19d
+  checksum: c0cca1f366ed70d21865eaad4cda1da543f7521bdeadcf7e69040ef0fab6b73cc6f7697b1db0f5d9b886884669bf1a58506f182d471a0bd86e129a3895cf5961
   languageName: node
   linkType: hard
 
-"@parcel/reporter-dev-server@npm:2.6.2, @parcel/reporter-dev-server@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/reporter-dev-server@npm:2.6.2"
+"@parcel/reporter-dev-server@npm:2.7.0, @parcel/reporter-dev-server@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/reporter-dev-server@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
-  checksum: b7df7522052b88824756e9c915ccb89a13da22c37e2c3f7116f93ed0850e33c379aeeee36044daed3ae58890a6ca60e68ae4058ee6bdcd43b4254205b43be519
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
+  checksum: c7b434b16e28ad2959f30fd8e441295bbb84db1e86725f6464462a15c9fe0c0187148ca2caf7f7eb5d05656d93d525b4a19e1f5965976338de967bb848627490
   languageName: node
   linkType: hard
 
-"@parcel/resolver-default@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/resolver-default@npm:2.6.2"
+"@parcel/resolver-default@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/resolver-default@npm:2.7.0"
   dependencies:
-    "@parcel/node-resolver-core": 2.6.2
-    "@parcel/plugin": 2.6.2
-  checksum: b904a0baf1752f8ff9f672a455cc3a60e365fecc86542e8ef3ff93d0e89268e55f63281da227ebf3fa9e52fdb3a49f55868597102af75d7f2c99bdd8636b7aba
+    "@parcel/node-resolver-core": 2.7.0
+    "@parcel/plugin": 2.7.0
+  checksum: 6ee1c82d284718e3fb24e0ebad27e889bb81904ba2a4930a8c1194b5cffb49dd0e120bd304945b07e0e05f0728e169be60e2aa32870511aca988d9056eba17dc
   languageName: node
   linkType: hard
 
-"@parcel/runtime-browser-hmr@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/runtime-browser-hmr@npm:2.6.2"
+"@parcel/runtime-browser-hmr@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/runtime-browser-hmr@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
-  checksum: e5e559037a4df454575efe6b54ccd4819d8bf4658a263f0af4dac81b82c696618bad4228b869c9bd41db6375436b935ae0abe5f2cc051f223d1099567e1d0521
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
+  checksum: c93ad5a3c5f9794c7d1469e58901b60fdebe678a0205189d1866ef18224dbe24911eb6666a4c079463b1b7e0aaa993c5ccb0827e1e9dda0cb24d1fd17c6e4fd0
   languageName: node
   linkType: hard
 
-"@parcel/runtime-js@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/runtime-js@npm:2.6.2"
+"@parcel/runtime-js@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/runtime-js@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
-  checksum: 46aafc84ccd1332307bfc31f1c3f7ea8349eb544ce27233042753d78772b8dd9e15046e3f89bb39d5bca73a0b43d5ed4305096d1427feddeebb1666ac0b9dfa8
+  checksum: 8d07cdff4df51add101b0a4e8540986999a0e9f84f62649e6f91a70839d30a05b25796fa3ce1d255fd5d1a76a3d9b50e2e68a855a6fe1b658c718d75115db2f1
   languageName: node
   linkType: hard
 
-"@parcel/runtime-react-refresh@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/runtime-react-refresh@npm:2.6.2"
+"@parcel/runtime-react-refresh@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/runtime-react-refresh@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     react-error-overlay: 6.0.9
     react-refresh: ^0.9.0
-  checksum: a29aff51d814fd37b86dba8c64e87cbfe153eafc8300b60696eefda076d121f069ba5f5914fa9f8c8cc71070e05163cbbca7bf92e93d351cfbb967a21871976a
+  checksum: 3189261ef8bf67321fc9b19edec284ec291b515bd77c4f37198efe08751f570fc80b59d2cb396ac81399ffcba91b0f48c3f4e58ddb96e98e9cc03fce85f368a6
   languageName: node
   linkType: hard
 
-"@parcel/runtime-service-worker@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/runtime-service-worker@npm:2.6.2"
+"@parcel/runtime-service-worker@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/runtime-service-worker@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
-  checksum: 7b8b42434287fddafe0f7389156179ac02e360713d8f09122f57786e0fee170b20117461e44a27b67f4a62d1d4e60163442b11dceeb6ec84edfb5fe508c90a74
+  checksum: 2bd445476a147b9d27742ee4d34f539cf0258f27992fbde80cd2f8f9b1710bce1c702f13e05e3b039ee305d7240bead2714222734e7a07c172b5a457c70d1f46
   languageName: node
   linkType: hard
 
@@ -6169,75 +6309,76 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/transformer-babel@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-babel@npm:2.6.2"
+"@parcel/transformer-babel@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-babel@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     browserslist: ^4.6.6
     json5: ^2.2.0
     nullthrows: ^1.1.1
     semver: ^5.7.0
-  checksum: 770b7c44a873c2aee1263c069c0bea439066a65ac03fad6ed59aeb520d91e673ff06767d9becab6edaa614a2165972b6b8341fd5e8fa1dde016fcbd10d72c44c
+  checksum: f176804e6d62584bfca47a0a367402ac96f769cbd1de7593efb91ab85407cd68bfa95d80ceb45e4aa232091450c948546b597fb89e7c0075b25bc9867d3f3f0a
   languageName: node
   linkType: hard
 
-"@parcel/transformer-css@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-css@npm:2.6.2"
+"@parcel/transformer-css@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-css@npm:2.7.0"
   dependencies:
-    "@parcel/css": ^1.10.1
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/css": ^1.12.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
+    "@parcel/utils": 2.7.0
     browserslist: ^4.6.6
     nullthrows: ^1.1.1
-  checksum: dd38a0b0c9063b62bd15473be5a9a6e7241320ff050188a811ff24e865c5ec64e66aa6228b647bc1a1f6d7828eb3746c432943434dab323ebcbccab53a76cc52
+  checksum: 2e4c74fd56c7468802b4131606a264a1f88d4a815fd3428c757ad61f826643a042cd062b889b27fd005af9ac12336f1f61efef784fd5776721357877e034e698
   languageName: node
   linkType: hard
 
-"@parcel/transformer-html@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-html@npm:2.6.2"
+"@parcel/transformer-html@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-html@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/plugin": 2.7.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     posthtml-parser: ^0.10.1
     posthtml-render: ^3.0.0
     semver: ^5.7.1
-  checksum: 1119575980b4c1335b3d8a148902fdf4e712b0242b31688d7c2d091ae8a9d8e350f30d7a5a0ab7d7dc10b27dfc1a894b2f92b3b9d4c3e7fa903a913aa17c2d4c
+  checksum: 92a4094e0c04349b8b31c6a93edc20797e5f663c36184ff252e9fe63e3b3c810fd9a5cbedb74c391b32a3e8d823cb580c6251c99cc85d08fe17898021ab459ff
   languageName: node
   linkType: hard
 
-"@parcel/transformer-image@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-image@npm:2.6.2"
+"@parcel/transformer-image@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-image@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/workers": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
+    "@parcel/workers": 2.7.0
     nullthrows: ^1.1.1
   peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: 91dea732d876228b2736c47160904983bf3624fe228d6337b16bb107b9f0a5866a6015a5d4f5c22336cafed14534ccc768d27e2f10ef8cff579cfd5004d3da6f
+    "@parcel/core": ^2.7.0
+  checksum: 565a50f769fed4a5d636338ec8213106bcecd883e6f6c6e9fac25a6d7ed41aed47114c14defaa4a74b0ac3bdaaaf97eb0d807a18b84a48e100a2145e8ee2bcfd
   languageName: node
   linkType: hard
 
-"@parcel/transformer-js@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-js@npm:2.6.2"
+"@parcel/transformer-js@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-js@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/plugin": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.6.2
-    "@parcel/workers": 2.6.2
+    "@parcel/utils": 2.7.0
+    "@parcel/workers": 2.7.0
     "@swc/helpers": ^0.4.2
     browserslist: ^4.6.6
     detect-libc: ^1.0.3
@@ -6245,115 +6386,115 @@ __metadata:
     regenerator-runtime: ^0.13.7
     semver: ^5.7.1
   peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: e96fc7c49d6892d3f02c28ecbaf8f9624cc64a491d70451e66349f4f3e0ae6054ba7563f054272d60174e171b2c26c04367b98d662f37162e1a153254f06c10d
+    "@parcel/core": ^2.7.0
+  checksum: 4c84b79f02dbe0b812417052ee6bf5988275c7b1956fa58de34909550726eb03bfb4f78e34e49a8bf3c1119582f61d158d06db1b0c2dadf6f1db25f6b4c267cb
   languageName: node
   linkType: hard
 
-"@parcel/transformer-json@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-json@npm:2.6.2"
+"@parcel/transformer-json@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-json@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
+    "@parcel/plugin": 2.7.0
     json5: ^2.2.0
-  checksum: 801ed3ab8c893fc85e23c2062c630fa2046edfd13b5ad27dc09eba41ce26c8737326f8490806580d928880b49c04f7210d6b8ae589f2d26b86d5eb6b02525617
+  checksum: 9de5b460d7ca4574e4f58e28c4e9b5aefab20ba97a9c83e0dabf374378ebfe313e371f07a35b2e177f53b51878daa9c3025d24efcc201dedb806f2086f7c2074
   languageName: node
   linkType: hard
 
-"@parcel/transformer-postcss@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-postcss@npm:2.6.2"
+"@parcel/transformer-postcss@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-postcss@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     clone: ^2.1.1
     nullthrows: ^1.1.1
     postcss-value-parser: ^4.2.0
     semver: ^5.7.1
-  checksum: 5f06c8dd17fbb0b5adc9c63abd99e907d7ccbfc2f4e42956801c481c3680160cc9b632452dcf9571611fe7fe4207f370b9aacf568f68d28c751fc83d0f2c9367
+  checksum: e0de8b5afdd2dcac5a1303c2a835b75522551d29d6b1b2529e999d68530996c0b923e3d174980494c662ee42ab59b4293c892136b2c992af3b4e5d0eac43d511
   languageName: node
   linkType: hard
 
-"@parcel/transformer-posthtml@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-posthtml@npm:2.6.2"
+"@parcel/transformer-posthtml@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-posthtml@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     posthtml-parser: ^0.10.1
     posthtml-render: ^3.0.0
     semver: ^5.7.1
-  checksum: ada6b9027103cb90f701afe76dfe6ea2d798ebda6f060edad267a127d99bd15bb3cab9018e0d105a92fec985fff632784103f17cdb1c4960fd847886a5245cde
+  checksum: 717817c4aa303f81476daf2cee675f481fb4b558fa9eafad31f4afa3a6b3f5628d00237c2a2e081428f8d8c3f3f126b48259eb3f7f6c66f9d0c093d73ce28bc8
   languageName: node
   linkType: hard
 
-"@parcel/transformer-raw@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-raw@npm:2.6.2"
+"@parcel/transformer-raw@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-raw@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-  checksum: 2dfaf031f4793ff27dd5370475cbc0106f61406009ac3d4be039731be1428b56d5d41ed365098ab511a05a24c2e3042d5c59b3f85a4097cce0fcdbb04341f6fd
+    "@parcel/plugin": 2.7.0
+  checksum: 0ebdcce175022da0e5fe01b612f41182ed0c505f4ef5b05a1ef222627a8259e0394f3c756e5512954982bd104540478ae7fc112ae1d85d970e9366c0c32ebbd7
   languageName: node
   linkType: hard
 
-"@parcel/transformer-react-refresh-wrap@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.6.2"
+"@parcel/transformer-react-refresh-wrap@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.7.0"
   dependencies:
-    "@parcel/plugin": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/plugin": 2.7.0
+    "@parcel/utils": 2.7.0
     react-refresh: ^0.9.0
-  checksum: a5213381f7ab82417bde5ff4431973e9710e32d2409457b3caba2b79cc1ed297569004551a8b6c380c930ee2b2bd8a2fefec56e3e5e3d4ce051c20c63e782c9b
+  checksum: 81b3dd38d76ae371a2a546c3cea89bf464e7c6f227c08032b9224b98e7266d99c60cb56e401ce9d12fdd8ac180a6f35ba0d35092f876fad6e6caefc49181f944
   languageName: node
   linkType: hard
 
-"@parcel/transformer-svg@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/transformer-svg@npm:2.6.2"
+"@parcel/transformer-svg@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/transformer-svg@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/plugin": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/plugin": 2.7.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     posthtml-parser: ^0.10.1
     posthtml-render: ^3.0.0
     semver: ^5.7.1
-  checksum: da70ed004277f559fec9b5a8d758931dbad5cf8898943a16ac73cc9a39ecf234d4bac8b8b3b39d9057ad59a234aba60ed21f15cc26656f00538502b89bd63084
+  checksum: a3d9a3676ef27334b43bfb392c82b845e32a2d502ba4bb5b925496b0260c8f026b7a431c63f3f375f592243186fd6553b1845da2e49bd7310bd2d1059315ed10
   languageName: node
   linkType: hard
 
-"@parcel/types@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/types@npm:2.6.2"
+"@parcel/types@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/types@npm:2.7.0"
   dependencies:
-    "@parcel/cache": 2.6.2
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/fs": 2.6.2
-    "@parcel/package-manager": 2.6.2
+    "@parcel/cache": 2.7.0
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/fs": 2.7.0
+    "@parcel/package-manager": 2.7.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/workers": 2.6.2
+    "@parcel/workers": 2.7.0
     utility-types: ^3.10.0
-  checksum: 15c491f93e18ee05ae23c0946cb71ccd549891073db7b495e9ee537b9880f54af55eebf1730a6c552fd7f3b813b59a247b7ad93a5b6207810486909d092c2ba3
+  checksum: eb0fbe46f5c35325fab14e05f67b3b6257dc33c801aefb90150069a0cdb9af366329008eba88feef2e2dfaf19f7058b0f8c00d80c5554142ddef918bb9601dc1
   languageName: node
   linkType: hard
 
-"@parcel/utils@npm:2.6.2, @parcel/utils@npm:^2.0.1":
-  version: 2.6.2
-  resolution: "@parcel/utils@npm:2.6.2"
+"@parcel/utils@npm:2.7.0, @parcel/utils@npm:^2.0.1":
+  version: 2.7.0
+  resolution: "@parcel/utils@npm:2.7.0"
   dependencies:
-    "@parcel/codeframe": 2.6.2
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/hash": 2.6.2
-    "@parcel/logger": 2.6.2
-    "@parcel/markdown-ansi": 2.6.2
+    "@parcel/codeframe": 2.7.0
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/hash": 2.7.0
+    "@parcel/logger": 2.7.0
+    "@parcel/markdown-ansi": 2.7.0
     "@parcel/source-map": ^2.0.0
     chalk: ^4.1.0
-  checksum: 6e31037e7e7d2e6525a4b32df3c51bdc807f1bdfac47676d260ff50d8bb86928ede1ebe26b44ce0ea478d377fefc55226dcce8db087329ed353eeb6c71f32d1d
+  checksum: 59db0f90c832e6ccf75c21d642c126e81f8ccfa591056c2b2c399e42bb0fcff0d5fedf84d0582f31fda414c7dc06194a7ce946739b583273dd641f4e51984562
   languageName: node
   linkType: hard
 
@@ -6379,19 +6520,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/workers@npm:2.6.2":
-  version: 2.6.2
-  resolution: "@parcel/workers@npm:2.6.2"
+"@parcel/workers@npm:2.7.0":
+  version: 2.7.0
+  resolution: "@parcel/workers@npm:2.7.0"
   dependencies:
-    "@parcel/diagnostic": 2.6.2
-    "@parcel/logger": 2.6.2
-    "@parcel/types": 2.6.2
-    "@parcel/utils": 2.6.2
+    "@parcel/diagnostic": 2.7.0
+    "@parcel/logger": 2.7.0
+    "@parcel/types": 2.7.0
+    "@parcel/utils": 2.7.0
     chrome-trace-event: ^1.0.2
     nullthrows: ^1.1.1
   peerDependencies:
-    "@parcel/core": ^2.6.2
-  checksum: ecc0ade7bce62617d3ed59a1d702e97732affba93f71a44443ea4473452d92ae178d1e58e35fc8e76e1e9aa916569d623254f3bb6ce405d332b7d87b92f26029
+    "@parcel/core": ^2.7.0
+  checksum: 60e0f4b43e9a62a6fb41fd0a81645d5156ceb9716d0a7a4bab0351ae74406ad03fdff9266864880dc55b83af24f48e39dd9e8a1f858528ddce936f497bb936fe
   languageName: node
   linkType: hard
 
@@ -6407,14 +6548,14 @@ __metadata:
   linkType: hard
 
 "@playwright/test@npm:^1.24.2":
-  version: 1.24.2
-  resolution: "@playwright/test@npm:1.24.2"
+  version: 1.25.2
+  resolution: "@playwright/test@npm:1.25.2"
   dependencies:
     "@types/node": "*"
-    playwright-core: 1.24.2
+    playwright-core: 1.25.2
   bin:
     playwright: cli.js
-  checksum: 87e943149510fd7ad1369b7e1c07b67a86f31f09c0a2ddf61c48b0e7f56f8f9542b8541d2aed9e8e08b7c3aa93459329f5af01337e00f8136202ecf93fb3ffd9
+  checksum: 3f94187d3943c2ac10a120b5ba7858526806d1f31afee4b65ec93d2e870d54ace662fd473538a644a9eb5ce61071e4dc12f7b737847d253e1f2a45deed1ad143
   languageName: node
   linkType: hard
 
@@ -6465,9 +6606,9 @@ __metadata:
   linkType: hard
 
 "@popperjs/core@npm:^2.5.4, @popperjs/core@npm:^2.6.0":
-  version: 2.11.5
-  resolution: "@popperjs/core@npm:2.11.5"
-  checksum: 1253c23004dbd69a48f6d0c2febbb9fca2173deab2bdb1d34f46f9870f913b121e7d113a852088544bb2ec175ff6db645169ffc84fad6febc1b533fa052804e1
+  version: 2.11.6
+  resolution: "@popperjs/core@npm:2.11.6"
+  checksum: 90b1361ab1a19cd351e482a88cb6cf13cf25973e20797bf9b97223e64b87bde8d9668ab2f33be24475e2a092d362ac256c361b16ea4e4ab5b21f2aeaef5f9bb7
   languageName: node
   linkType: hard
 
@@ -6588,8 +6729,8 @@ __metadata:
   linkType: hard
 
 "@rollup/plugin-typescript@npm:^8.3.0":
-  version: 8.3.3
-  resolution: "@rollup/plugin-typescript@npm:8.3.3"
+  version: 8.5.0
+  resolution: "@rollup/plugin-typescript@npm:8.5.0"
   dependencies:
     "@rollup/pluginutils": ^3.1.0
     resolve: ^1.17.0
@@ -6600,7 +6741,7 @@ __metadata:
   peerDependenciesMeta:
     tslib:
       optional: true
-  checksum: ae12ceb66f89b1974cc3fe8067ea32dc4368ddc402d1fb8f2c688860c3b34f2ade5729aac9804a3cc622cfd9bb0237649820cb3e5c59685d69ddb7a686124557
+  checksum: 5754571abadf915244bc5b6c62f8aa3f7fe43009a3e9b5a174e11b7f635efbaf379f87fa169914be959d38bea675ab61d380d394d3da637a27f46471f9e47ab6
   languageName: node
   linkType: hard
 
@@ -6617,6 +6758,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/pluginutils@npm:^4.2.0, @rollup/pluginutils@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@rollup/pluginutils@npm:4.2.1"
+  dependencies:
+    estree-walker: ^2.0.1
+    picomatch: ^2.2.2
+  checksum: 3ee56b2c8f1ed8dfd0a92631da1af3a2dfdd0321948f089b3752b4de1b54dc5076701eadd0e5fc18bd191b77af594ac1db6279e83951238ba16bf8a414c64c48
+  languageName: node
+  linkType: hard
+
 "@rushstack/eslint-patch@npm:^1.0.8, @rushstack/eslint-patch@npm:^1.1.0":
   version: 1.1.4
   resolution: "@rushstack/eslint-patch@npm:1.1.4"
@@ -6659,9 +6810,9 @@ __metadata:
   linkType: hard
 
 "@sinclair/typebox@npm:^0.24.1":
-  version: 0.24.20
-  resolution: "@sinclair/typebox@npm:0.24.20"
-  checksum: c1e69fae5f226407a834c225cf078daf6a39126f8513d9a140d103b1f7a24218397c37f33b73a78f26505b5278ccb6bde00e400a64f09cd4cbf481eae9729a85
+  version: 0.24.38
+  resolution: "@sinclair/typebox@npm:0.24.38"
+  checksum: db1317e03b4371ce593174c7156c217786a878c7b9f256b73618fcd21b1cad6e0230765b0000b60f9b55bde67004348971cae5a56b9b7f2bc86c8c899857e602
   languageName: node
   linkType: hard
 
@@ -6731,6 +6882,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@socket.io/component-emitter@npm:~3.1.0":
+  version: 3.1.0
+  resolution: "@socket.io/component-emitter@npm:3.1.0"
+  checksum: b838ccccf74c36fa7d3ed89a7efb5858cba1a84db4d08250c2fc44d8235140f10d31875bde71517d8503cb3fb08fcd34d3b7a3d0d89058ca3f74f7c816f0fb9c
+  languageName: node
+  linkType: hard
+
 "@soda/friendly-errors-webpack-plugin@npm:^1.8.0":
   version: 1.8.1
   resolution: "@soda/friendly-errors-webpack-plugin@npm:1.8.1"
@@ -6752,22 +6910,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-a11y@7.0.0-alpha.20, @storybook/addon-a11y@workspace:*, @storybook/addon-a11y@workspace:addons/a11y":
+"@storybook/addon-a11y@7.0.0-alpha.31, @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/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
-    core-js: ^3.8.2
     global: ^4.4.0
     lodash: ^4.17.21
     react-sizeme: ^3.0.1
@@ -6785,25 +6942,24 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.0.0-alpha.20, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/lodash": ^4.14.167
-    core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     polished: ^4.2.2
     prop-types: ^15.7.2
-    react-inspector: ^5.1.0
+    react-inspector: ^6.0.0
     telejson: ^6.0.8
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
@@ -6820,18 +6976,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.0.0-alpha.20, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/theming": 7.0.0-alpha.31
     global: ^4.4.0
     memoizerific: ^1.11.3
     ts-dedent: ^2.0.0
@@ -6848,21 +7003,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.0.0-alpha.20, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/blocks": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/blocks": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
   peerDependencies:
@@ -6876,7 +7030,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.0.0-alpha.20, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.0.0-alpha.31, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
@@ -6885,26 +7039,25 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@jest/transform": ^26.6.2
     "@mdx-js/react": ^1.6.22
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/blocks": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/blocks": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/csf-tools": 7.0.0-alpha.31
+    "@storybook/docs-tools": 7.0.0-alpha.31
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/postinstall": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/postinstall": 7.0.0-alpha.31
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/source-loader": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
-    core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
@@ -6927,27 +7080,26 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-essentials@7.0.0-alpha.20, @storybook/addon-essentials@workspace:*, @storybook/addon-essentials@workspace:addons/essentials":
+"@storybook/addon-essentials@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-measure": 7.0.0-alpha.20
-    "@storybook/addon-outline": 7.0.0-alpha.20
-    "@storybook/addon-toolbars": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-measure": 7.0.0-alpha.31
+    "@storybook/addon-outline": 7.0.0-alpha.31
+    "@storybook/addon-toolbars": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/vue": 7.0.0-alpha.31
     "@types/jest": ^26.0.16
-    core-js: ^3.8.2
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
   peerDependencies:
@@ -6980,35 +7132,34 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.0.0-alpha.20, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.0.0-alpha.31, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-highlight@workspace:addons/highlight"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@types/webpack-env": ^1.16.0
-    core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-interactions@7.0.0-alpha.20, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
+"@storybook/addon-interactions@7.0.0-alpha.31, @storybook/addon-interactions@workspace:*, @storybook/addon-interactions@workspace:addons/interactions":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-interactions@workspace:addons/interactions"
   dependencies:
     "@devtools-ds/object-inspector": ^1.1.2
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/instrumenter": 7.0.0-alpha.20
+    "@storybook/instrumenter": 7.0.0-alpha.31
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     core-js: ^3.8.2
     formik: ^2.2.9
     global: ^4.4.0
@@ -7027,17 +7178,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-jest@7.0.0-alpha.20, @storybook/addon-jest@workspace:*, @storybook/addon-jest@workspace:addons/jest":
+"@storybook/addon-jest@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     global: ^4.4.0
     react-sizeme: ^3.0.1
     typescript: ~4.6.3
@@ -7053,16 +7203,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-links@7.0.0-alpha.20, @storybook/addon-links@workspace:*, @storybook/addon-links@workspace:addons/links":
+"@storybook/addon-links@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/router": 7.0.0-alpha.31
     global: ^4.4.0
     prop-types: ^15.7.2
     ts-dedent: ^2.0.0
@@ -7078,17 +7227,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.0.0-alpha.20, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
   peerDependencies:
@@ -7102,17 +7250,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.0.0-alpha.20, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    core-js: ^3.8.2
     global: ^4.4.0
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
@@ -7140,20 +7287,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.20, @storybook/addon-storyshots-puppeteer@workspace:*, @storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer":
+"@storybook/addon-storyshots-puppeteer@7.0.0-alpha.31, @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.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.31
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
-    core-js: ^3.8.2
     jest-image-snapshot: ^4.3.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -7161,7 +7307,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storyshots@7.0.0-alpha.20, @storybook/addon-storyshots@workspace:*, @storybook/addon-storyshots@workspace:addons/storyshots/storyshots-core":
+"@storybook/addon-storyshots@7.0.0-alpha.31, @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:
@@ -7169,18 +7315,18 @@ __metadata:
     "@angular/platform-browser-dynamic": ^13.3.6
     "@emotion/jest": ^11.8.0
     "@jest/transform": ^26.6.2
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/angular": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/angular": 7.0.0-alpha.31
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-webpack": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
-    "@storybook/vue3": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/vue": 7.0.0-alpha.31
+    "@storybook/vue3": 7.0.0-alpha.31
     "@types/glob": ^7.1.3
     "@types/jest": ^26.0.16
     "@types/jest-specific-snapshot": ^0.5.3
@@ -7251,20 +7397,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-storysource@7.0.0-alpha.20, @storybook/addon-storysource@workspace:*, @storybook/addon-storysource@workspace:addons/storysource":
+"@storybook/addon-storysource@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/router": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/router": 7.0.0-alpha.31
+    "@storybook/source-loader": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/react": ^16.14.23
     "@types/react-syntax-highlighter": 11.0.5
-    core-js: ^3.8.2
     estraverse: ^5.2.0
     prop-types: ^15.7.2
     react-syntax-highlighter: ^15.5.0
@@ -7280,16 +7425,31 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.0.0-alpha.20, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-svelte-csf@npm:^2.0.0":
+  version: 2.0.7
+  resolution: "@storybook/addon-svelte-csf@npm:2.0.7"
+  dependencies:
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    "@storybook/svelte": ">=6.4.20"
+    svelte: ^3.46.6
+    svelte-loader: ^3.1.2
+  peerDependenciesMeta:
+    svelte-loader:
+      optional: true
+  checksum: 93a1412ed0a886aeb584249e8e37fbb2079e6e361bfbb464bb5cd2d6d4b6e73db13aebac3ff3c78c5c3d4b80a8c124e3603f7dc33c97ffb7873ad0392bfb057a
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-toolbars@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     typescript: ~4.6.3
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7302,17 +7462,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.0.0-alpha.20, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     global: ^4.4.0
     memoizerific: ^1.11.3
     prop-types: ^15.7.2
@@ -7328,19 +7487,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.0.0-alpha.20, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
+"@storybook/addons@7.0.0-alpha.31, @storybook/addons@workspace:*, @storybook/addons@workspace:lib/addons":
   version: 0.0.0-use.local
   resolution: "@storybook/addons@workspace:lib/addons"
   dependencies:
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
-    "@types/webpack-env": ^1.16.4
-    core-js: ^3.8.2
+    "@storybook/router": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     global: ^4.4.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7348,17 +7505,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@npm:6.5.9":
-  version: 6.5.9
-  resolution: "@storybook/addons@npm:6.5.9"
+"@storybook/addons@npm:6.5.10":
+  version: 6.5.10
+  resolution: "@storybook/addons@npm:6.5.10"
   dependencies:
-    "@storybook/api": 6.5.9
-    "@storybook/channels": 6.5.9
-    "@storybook/client-logger": 6.5.9
-    "@storybook/core-events": 6.5.9
+    "@storybook/api": 6.5.10
+    "@storybook/channels": 6.5.10
+    "@storybook/client-logger": 6.5.10
+    "@storybook/core-events": 6.5.10
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/router": 6.5.9
-    "@storybook/theming": 6.5.9
+    "@storybook/router": 6.5.10
+    "@storybook/theming": 6.5.10
     "@types/webpack-env": ^1.16.0
     core-js: ^3.8.2
     global: ^4.4.0
@@ -7366,11 +7523,11 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 3ee3e61abc7bff6b481374597cc6717936685222b187d173462483d77d9b284fe5650e9764f7232ae80678e4718440d712f182c01c16887d53c77a1abe262616
+  checksum: 5a251420e585d75197302b50063da9fb1fd90bd3d106c69913c06b5d48383cb8d08ef34139c2689343e22e2db3c4616b3f48e04d375b8e3d77c1c114dcb5b217
   languageName: node
   linkType: hard
 
-"@storybook/angular@7.0.0-alpha.20, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.0.0-alpha.31, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -7386,20 +7543,20 @@ __metadata:
     "@angular/forms": ^13.3.6
     "@angular/platform-browser": ^13.3.6
     "@angular/platform-browser-dynamic": ^13.3.6
-    "@nrwl/workspace": ^14.1.4
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/core-server": 7.0.0-alpha.20
+    "@nrwl/workspace": 14.6.1
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
+    "@storybook/core-server": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.31
     "@types/autoprefixer": ^9.7.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -7444,7 +7601,7 @@ __metadata:
     "@angular/platform-browser": ">=6.0.0"
     "@angular/platform-browser-dynamic": ">=6.0.0"
     "@babel/core": "*"
-    "@nrwl/workspace": ">=11.1.0"
+    "@nrwl/workspace": 14.6.1
     rxjs: ^6.0.0 || ^7.4.0
     typescript: ^4.0.0
     zone.js: ^0.8.29 || ^0.9.0 || ^0.10.0 || ^0.11.0
@@ -7456,27 +7613,26 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.0.0-alpha.20, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
+"@storybook/api@7.0.0-alpha.31, @storybook/api@workspace:*, @storybook/api@workspace:lib/api":
   version: 0.0.0-use.local
   resolution: "@storybook/api@workspace:lib/api"
   dependencies:
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@jest/globals": ^26.6.2
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.31
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
-    "@types/semver": ^7.3.4
-    core-js: ^3.8.2
     dequal: ^2.0.2
     flush-promises: ^1.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     memoizerific: ^1.11.3
-    preval.macro: ^5.0.0
     qs: ^6.10.1
     store2: ^2.12.0
     telejson: ^6.0.8
@@ -7489,17 +7645,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@npm:6.5.9":
-  version: 6.5.9
-  resolution: "@storybook/api@npm:6.5.9"
+"@storybook/api@npm:6.5.10":
+  version: 6.5.10
+  resolution: "@storybook/api@npm:6.5.10"
   dependencies:
-    "@storybook/channels": 6.5.9
-    "@storybook/client-logger": 6.5.9
-    "@storybook/core-events": 6.5.9
+    "@storybook/channels": 6.5.10
+    "@storybook/client-logger": 6.5.10
+    "@storybook/core-events": 6.5.10
     "@storybook/csf": 0.0.2--canary.4566f4d.1
-    "@storybook/router": 6.5.9
+    "@storybook/router": 6.5.10
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 6.5.9
+    "@storybook/theming": 6.5.10
     core-js: ^3.8.2
     fast-deep-equal: ^3.1.3
     global: ^4.4.0
@@ -7513,7 +7669,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 6f3aaed66c27715740397ff80a01fda1e363e75165c90cb5f50e4effc00e91b2d1f58b506d2279e83a905f794988e9aaaa75d5b7380c192c954f8c6520368d67
+  checksum: 77f8caf4a5039f3009b4d08ce2bf97a5bc87e149b8c3719033b116868aa4d6919be49dc8a4412c5977f1a0b34c9f23057774f75f42f244801ec373f873521102
   languageName: node
   linkType: hard
 
@@ -7524,23 +7680,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.0.0-alpha.20, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
+"@storybook/blocks@7.0.0-alpha.31, @storybook/blocks@workspace:*, @storybook/blocks@workspace:lib/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:lib/blocks"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
+    "@types/color-convert": ^2.0.0
     color-convert: ^2.0.1
-    core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
@@ -7555,50 +7712,84 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.0.0-alpha.20, @storybook/builder-manager@workspace:lib/builder-manager":
+"@storybook/builder-manager@7.0.0-alpha.31, @storybook/builder-manager@workspace:*, @storybook/builder-manager@workspace:lib/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:lib/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/ui": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/ui": 7.0.0-alpha.31
     "@types/ejs": ^3.1.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
     browser-assert: ^1.2.1
-    chalk: ^4.1.0
     ejs: ^3.1.8
     esbuild: ^0.14.48
     esbuild-plugin-alias: ^0.2.1
     express: ^4.17.1
     fs-extra: ^9.0.1
-    rollup-plugin-node-polyfills: ^0.2.1
+    process: ^0.11.10
+    typescript: ~4.6.3
+    util: ^0.12.4
+  languageName: unknown
+  linkType: soft
+
+"@storybook/builder-vite@7.0.0-alpha.31, @storybook/builder-vite@workspace:*, @storybook/builder-vite@workspace:lib/builder-vite":
+  version: 0.0.0-use.local
+  resolution: "@storybook/builder-vite@workspace:lib/builder-vite"
+  dependencies:
+    "@joshwooding/vite-plugin-react-docgen-typescript": 0.0.5
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/channel-postmessage": 7.0.0-alpha.31
+    "@storybook/channel-websocket": 7.0.0-alpha.31
+    "@storybook/client-api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
+    "@storybook/mdx2-csf": ^0.0.3
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/source-loader": 7.0.0-alpha.31
+    "@types/express": ^4.17.13
+    "@types/node": ^17.0.23
+    "@vitejs/plugin-react": ^2.0.0
+    es-module-lexer: ^0.9.3
+    glob: ^7.2.0
+    glob-promise: ^4.2.0
+    magic-string: ^0.26.1
+    slash: ^3.0.0
     typescript: ~4.6.3
+    vite: ^3.1.0
+  peerDependencies:
+    "@storybook/mdx2-csf": ^0.0.3
+  peerDependenciesMeta:
+    "@storybook/mdx2-csf":
+      optional: true
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.0.0-alpha.20, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
+"@storybook/builder-webpack5@7.0.0-alpha.31, @storybook/builder-webpack5@workspace:*, @storybook/builder-webpack5@workspace:lib/builder-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-webpack5@workspace:lib/builder-webpack5"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channel-websocket": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/channel-postmessage": 7.0.0-alpha.31
+    "@storybook/channel-websocket": 7.0.0-alpha.31
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
+    "@storybook/core-webpack": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/router": 7.0.0-alpha.31
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/terser-webpack-plugin": ^5.2.0
     "@types/webpack-dev-middleware": ^5.3.0
@@ -7608,16 +7799,12 @@ __metadata:
     babel-plugin-named-exports-order: ^0.0.2
     browser-assert: ^1.2.1
     case-sensitive-paths-webpack-plugin: ^2.4.0
-    core-js: ^3.8.2
     css-loader: ^6.7.1
     fork-ts-checker-webpack-plugin: ^7.2.8
-    glob: ^7.1.6
-    glob-promise: ^3.4.0
     global: ^4.4.0
     html-webpack-plugin: ^5.5.0
     path-browserify: ^1.0.1
     process: ^0.11.10
-    stable: ^0.1.8
     style-loader: ^3.3.1
     terser-webpack-plugin: ^5.3.1
     ts-dedent: ^2.0.0
@@ -7637,14 +7824,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.0.0-alpha.20, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:lib/channel-postmessage":
+"@storybook/channel-postmessage@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     global: ^4.4.0
     qs: ^6.10.0
     telejson: ^6.0.8
@@ -7652,55 +7838,53 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-websocket@7.0.0-alpha.20, @storybook/channel-websocket@workspace:*, @storybook/channel-websocket@workspace:lib/channel-websocket":
+"@storybook/channel-websocket@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
     global: ^4.4.0
     telejson: ^6.0.8
     typescript: ~4.6.3
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.0.0-alpha.20, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.0.0-alpha.31, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
-    core-js: ^3.8.2
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
     util-deprecate: ^1.0.2
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@npm:6.5.9":
-  version: 6.5.9
-  resolution: "@storybook/channels@npm:6.5.9"
+"@storybook/channels@npm:6.5.10":
+  version: 6.5.10
+  resolution: "@storybook/channels@npm:6.5.10"
   dependencies:
     core-js: ^3.8.2
     ts-dedent: ^2.0.0
     util-deprecate: ^1.0.2
-  checksum: 3011663b754fe9028076b2a27573c6ca2040eb227918c315b9e6ea4d23298b1ac305e26aa4e89c02c9120ddd475d0f49d42bcb287b84cb37953c5f99606c3ed1
+  checksum: 9326d73ac80c7e13fe706ce7b37ecfbf0e260d5502fbe539b6d4aeeb03dc12ae0115530195d303d30e944792651757d94450ff892050ce986af19dd34347a793
   languageName: node
   linkType: hard
 
-"@storybook/cli@7.0.0-alpha.20, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/codemod": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-server": 7.0.0-alpha.20
-    "@storybook/csf-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/client-api": 7.0.0-alpha.31
+    "@storybook/codemod": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-server": 7.0.0-alpha.31
+    "@storybook/csf-tools": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
     "@storybook/semver": ^7.3.2
-    "@storybook/telemetry": 7.0.0-alpha.20
+    "@storybook/telemetry": 7.0.0-alpha.31
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
     "@types/prompts": ^2.0.9
@@ -7721,9 +7905,7 @@ __metadata:
     fs-extra: ^9.0.1
     get-port: ^5.1.1
     globby: ^11.0.2
-    js-yaml: ^3.14.1
     jscodeshift: ^0.13.1
-    json5: ^2.1.3
     leven: ^3.1.0
     prompts: ^2.4.0
     puppeteer-core: ^2.1.1
@@ -7739,26 +7921,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.0.0-alpha.20, @storybook/client-api@workspace:*, @storybook/client-api@workspace:lib/client-api":
+"@storybook/client-api@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.31
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
-    core-js: ^3.8.2
-    dequal: ^2.0.2
     global: ^4.4.0
-    lodash: ^4.17.21
-    memoizerific: ^1.11.3
     qs: ^6.10.0
-    store2: ^2.12.0
     synchronous-promise: ^2.0.15
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
@@ -7769,36 +7944,34 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.0.0-alpha.20, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.0.0-alpha.31, @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:
-    core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@npm:6.5.9, @storybook/client-logger@npm:^6.4.0, @storybook/client-logger@npm:^6.4.0 || >=6.5.0-0":
-  version: 6.5.9
-  resolution: "@storybook/client-logger@npm:6.5.9"
+"@storybook/client-logger@npm:6.5.10, @storybook/client-logger@npm:^6.4.0, @storybook/client-logger@npm:^6.4.0 || >=6.5.0-0":
+  version: 6.5.10
+  resolution: "@storybook/client-logger@npm:6.5.10"
   dependencies:
     core-js: ^3.8.2
     global: ^4.4.0
-  checksum: 764aacff6859c2cfe93f90498504e6628d8c7606490f1eec835639e21f177b10f0e93cad605dadf0ca6e08f6d5e62153597de6c80570ae65d76b4c71b6884e09
+  checksum: 57d558b501ba0ae5586937f69dea8a61c2ed6a01cd46dac97a59a1a3288a029aae3a3b904a542679a40617a419a28176daeec60051cec124a504e0db88beabf3
   languageName: node
   linkType: hard
 
-"@storybook/codemod@7.0.0-alpha.20, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.0.0-alpha.31, @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.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/csf-tools": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
     cross-spawn: ^7.0.3
     globby: ^11.0.2
     jest: ^26.6.3
@@ -7811,36 +7984,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.0.0-alpha.20, @storybook/components@workspace:*, @storybook/components@workspace:lib/components":
+"@storybook/components@7.0.0-alpha.31, @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": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/theming": 7.0.0-alpha.20
-    "@testing-library/jest-dom": ^5.16.4
-    "@types/color-convert": ^2.0.0
-    "@types/lodash": ^4.14.182
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/overlayscrollbars": ^1.12.0
-    "@types/qs": ^6.9.7
     "@types/react-syntax-highlighter": 11.0.5
     "@types/util-deprecate": ^1.0.0
-    color-convert: ^2.0.1
-    core-js: ^3.8.2
     css: ^3.0.0
-    dequal: ^2.0.2
     global: ^4.4.0
-    jest: ^26.6.3
-    lodash: ^4.17.21
-    markdown-to-jsx: ^7.1.3
     memoizerific: ^1.11.3
     overlayscrollbars: ^1.13.1
     polished: ^4.2.2
     prettier: ">=2.2.1 <=2.3.0"
-    prop-types: ^15.7.2
-    qs: ^6.10.0
-    react-colorful: ^5.1.2
     react-popper-tooltip: ^3.1.1
     react-syntax-highlighter: ^15.4.5
     react-textarea-autosize: ^8.3.0
@@ -7853,27 +8013,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.0.0-alpha.20, @storybook/core-client@workspace:lib/core-client":
+"@storybook/core-client@7.0.0-alpha.31, @storybook/core-client@workspace:*, @storybook/core-client@workspace:lib/core-client":
   version: 0.0.0-use.local
   resolution: "@storybook/core-client@workspace:lib/core-client"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channel-websocket": 7.0.0-alpha.20
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/channel-postmessage": 7.0.0-alpha.31
+    "@storybook/channel-websocket": 7.0.0-alpha.31
+    "@storybook/client-api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/ui": 7.0.0-alpha.20
-    ansi-to-html: ^0.6.11
-    core-js: ^3.8.2
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
+    "@storybook/ui": 7.0.0-alpha.31
     global: ^4.4.0
-    lodash: ^4.17.21
-    qs: ^6.10.0
     regenerator-runtime: ^0.13.7
-    ts-dedent: ^2.0.0
     typescript: ~4.6.3
     util-deprecate: ^1.0.2
   peerDependenciesMeta:
@@ -7882,47 +8037,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.0.0-alpha.20, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.0.0-alpha.31, @storybook/core-common@workspace:*, @storybook/core-common@workspace:lib/core-common":
   version: 0.0.0-use.local
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
     "@babel/core": ^7.12.10
-    "@babel/plugin-proposal-class-properties": ^7.12.1
-    "@babel/plugin-proposal-decorators": ^7.12.12
-    "@babel/plugin-proposal-export-default-from": ^7.12.1
-    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1
-    "@babel/plugin-proposal-object-rest-spread": ^7.12.1
-    "@babel/plugin-proposal-optional-chaining": ^7.12.7
-    "@babel/plugin-proposal-private-methods": ^7.12.1
-    "@babel/plugin-proposal-private-property-in-object": ^7.12.1
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
-    "@babel/plugin-transform-arrow-functions": ^7.12.1
-    "@babel/plugin-transform-block-scoping": ^7.12.12
-    "@babel/plugin-transform-classes": ^7.12.1
-    "@babel/plugin-transform-destructuring": ^7.12.1
-    "@babel/plugin-transform-for-of": ^7.12.1
-    "@babel/plugin-transform-parameters": ^7.12.1
-    "@babel/plugin-transform-shorthand-properties": ^7.12.1
-    "@babel/plugin-transform-spread": ^7.12.1
-    "@babel/preset-env": ^7.12.11
-    "@babel/preset-react": ^7.12.10
-    "@babel/preset-typescript": ^7.12.7
-    "@babel/register": ^7.12.1
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/semver": ^7.3.2
+    "@storybook/node-logger": 7.0.0-alpha.31
     "@types/babel__core": ^7.0.0
-    "@types/compression": ^1.7.0
     "@types/express": ^4.7.0
     "@types/mock-fs": ^4.13.0
     "@types/node": ^14.0.10 || ^16.0.0
     "@types/picomatch": ^2.3.0
     "@types/pretty-hrtime": ^1.0.0
-    babel-loader: ^8.2.5
-    babel-plugin-macros: ^3.0.1
-    babel-plugin-polyfill-corejs3: ^0.1.0
     chalk: ^4.1.0
-    core-js: ^3.8.2
     esbuild: ^0.14.48
     esbuild-register: ^3.3.3
     express: ^4.17.1
@@ -7931,7 +8059,6 @@ __metadata:
     fs-extra: ^9.0.1
     glob: ^7.1.6
     handlebars: ^4.7.7
-    json5: ^2.1.3
     lazy-universal-dotenv: ^3.0.1
     mock-fs: ^4.13.0
     picomatch: ^2.3.0
@@ -7953,42 +8080,41 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.0.0-alpha.20, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.0.0-alpha.31, @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:
-    core-js: ^3.8.2
     typescript: ~4.6.3
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@npm:6.5.9":
-  version: 6.5.9
-  resolution: "@storybook/core-events@npm:6.5.9"
+"@storybook/core-events@npm:6.5.10":
+  version: 6.5.10
+  resolution: "@storybook/core-events@npm:6.5.10"
   dependencies:
     core-js: ^3.8.2
-  checksum: 5d9eb651ef528330bebe9048eec61d4e3af29fabcf3cc8d7572a94f199e2220dfa738c19d65a761de5ec377d7933316af5eb2bfd0dc8c4027cd7dd57951552bd
+  checksum: e6220fd670d09d36e7a677b31e541aa36496226b70b26966f44bc80840c9d5a1ff9e66a396ddf93771a572f7a6102a3e508293c27f5d91f2dad48b3a63bb09c6
   languageName: node
   linkType: hard
 
-"@storybook/core-server@7.0.0-alpha.20, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.0.0-alpha.31, @storybook/core-server@workspace:*, @storybook/core-server@workspace:lib/core-server":
   version: 0.0.0-use.local
   resolution: "@storybook/core-server@workspace:lib/core-server"
   dependencies:
     "@aw-web-design/x-default-browser": 1.4.88
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/builder-manager": 7.0.0-alpha.31
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/csf-tools": 7.0.0-alpha.20
+    "@storybook/csf-tools": 7.0.0-alpha.31
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.31
     "@storybook/semver": ^7.3.2
-    "@storybook/store": 7.0.0-alpha.20
-    "@storybook/telemetry": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.31
+    "@storybook/telemetry": 7.0.0-alpha.31
     "@types/compression": ^1.7.0
     "@types/ip": ^1.1.0
     "@types/node": ^14.0.10 || ^16.0.0
@@ -8000,15 +8126,14 @@ __metadata:
     boxen: ^5.1.2
     chalk: ^4.1.0
     cli-table3: ^0.6.1
-    commander: ^6.2.1
     compression: ^1.7.4
-    core-js: ^3.8.2
     detect-port: ^1.3.0
     express: ^4.17.1
     fs-extra: ^9.0.1
     global: ^4.4.0
     globby: ^11.0.2
     ip: ^2.0.0
+    jest-os-detection: ^1.3.1
     jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
     node-fetch: ^2.6.7
@@ -8020,8 +8145,8 @@ __metadata:
     slash: ^3.0.0
     telejson: ^6.0.8
     ts-dedent: ^2.0.0
+    ts-jest: ^26.4.4
     typescript: ~4.6.3
-    util-deprecate: ^1.0.2
     watchpack: ^2.2.0
     webpack: 5
     ws: ^8.2.3
@@ -8036,36 +8161,31 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.0.0-alpha.20, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.0.0-alpha.31, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/core-webpack@workspace:lib/core-webpack"
   dependencies:
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
     "@types/node": ^14.0.10 || ^16.0.0
-    core-js: ^3.8.2
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
+    webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.0.0-alpha.20, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.0.0-alpha.31, @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:
-    "@babel/core": ^7.12.10
     "@babel/generator": ^7.12.11
     "@babel/parser": ^7.12.11
-    "@babel/plugin-transform-react-jsx": ^7.12.12
-    "@babel/preset-env": ^7.12.11
     "@babel/traverse": ^7.12.11
     "@babel/types": ^7.12.11
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/mdx2-csf": ^0.0.3
     "@types/fs-extra": ^9.0.6
     core-js: ^3.8.2
     fs-extra: ^9.0.1
-    global: ^4.4.0
     js-yaml: ^3.14.1
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
@@ -8134,14 +8254,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.0.0-alpha.20, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.0.0-alpha.31, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
   version: 0.0.0-use.local
   resolution: "@storybook/docs-tools@workspace:lib/docs-tools"
   dependencies:
     "@babel/core": ^7.12.10
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/store": 7.0.0-alpha.31
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
@@ -8162,16 +8281,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/ember@7.0.0-alpha.20, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
+"@storybook/ember@7.0.0-alpha.31, @storybook/ember@workspace:*, @storybook/ember@workspace:frameworks/ember":
   version: 0.0.0-use.local
   resolution: "@storybook/ember@workspace:frameworks/ember"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
@@ -8203,14 +8321,14 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/cli": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/babel__preset-env": ^7
     "@types/react": ^16.14.23
     "@types/react-dom": ^16.9.14
@@ -8218,7 +8336,7 @@ __metadata:
     lodash: ^4.17.21
     react: 16.14.0
     react-dom: 16.14.0
-    sb: 7.0.0-alpha.20
+    sb: 7.0.0-alpha.31
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8231,15 +8349,15 @@ __metadata:
     "@babel/preset-env": ^7.12.11
     "@babel/preset-react": ^7.12.10
     "@babel/preset-typescript": ^7.12.7
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/cli": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     "@testing-library/dom": ^7.31.2
     "@testing-library/react": 12.1.2
     "@testing-library/user-event": ^13.1.9
@@ -8252,7 +8370,7 @@ __metadata:
     prop-types: 15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
@@ -8272,15 +8390,15 @@ __metadata:
   resolution: "@storybook/external-docs@workspace:examples/external-docs"
   dependencies:
     "@babel/preset-env": ^7.17.10
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/blocks": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-essentials": 7.0.0-alpha.31
+    "@storybook/blocks": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     "@types/babel__preset-env": ^7
@@ -8296,22 +8414,21 @@ __metadata:
     prop-types: ^15.8.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     typescript: ~4.6.3
     webpack: 5
   languageName: unknown
   linkType: soft
 
-"@storybook/html-webpack5@7.0.0-alpha.20, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
+"@storybook/html-webpack5@7.0.0-alpha.31, @storybook/html-webpack5@workspace:*, @storybook/html-webpack5@workspace:frameworks/html-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/html-webpack5@workspace:frameworks/html-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/html": 7.0.0-alpha.20
-    "@storybook/preset-html-webpack": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/html": 7.0.0-alpha.31
+    "@storybook/preset-html-webpack": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
@@ -8321,17 +8438,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.0.0-alpha.20, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.0.0-alpha.31, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
   version: 0.0.0-use.local
   resolution: "@storybook/html@workspace:renderers/html"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
@@ -8342,13 +8458,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.0.0-alpha.20, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.0.0-alpha.31, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
   version: 0.0.0-use.local
   resolution: "@storybook/instrumenter@workspace:lib/instrumenter"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     core-js: ^3.8.2
     global: ^4.4.0
     typescript: ~4.6.3
@@ -8356,15 +8472,15 @@ __metadata:
   linkType: soft
 
 "@storybook/instrumenter@npm:^6.4.0, @storybook/instrumenter@npm:^6.4.0 || >=6.5.0-0":
-  version: 6.5.9
-  resolution: "@storybook/instrumenter@npm:6.5.9"
+  version: 6.5.10
+  resolution: "@storybook/instrumenter@npm:6.5.10"
   dependencies:
-    "@storybook/addons": 6.5.9
-    "@storybook/client-logger": 6.5.9
-    "@storybook/core-events": 6.5.9
+    "@storybook/addons": 6.5.10
+    "@storybook/client-logger": 6.5.10
+    "@storybook/core-events": 6.5.10
     core-js: ^3.8.2
     global: ^4.4.0
-  checksum: df6e535759540c09cb0addd65250121a10767ea7f43d6452417208eb09f565250f52c4417c707c964b61da063ee06d15c7aa3baaa86a0a585768fc94cdb8f31d
+  checksum: c29f70f2d2f776f31ec77a45bddc20d29cc38a70e74a2e500ba37c8db49866755ac04b0197ecc693eaa6a46debbc7fe2bccdabb5ebdd90bc4304e5d4e11366e3
   languageName: node
   linkType: hard
 
@@ -8460,14 +8576,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@7.0.0-alpha.20, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.0.0-alpha.31, @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:
     "@types/npmlog": ^4.1.2
     "@types/pretty-hrtime": ^1.0.0
     chalk: ^4.1.0
-    core-js: ^3.8.2
     npmlog: ^5.0.1
     pretty-hrtime: ^1.0.3
     typescript: ~4.6.3
@@ -8475,23 +8590,22 @@ __metadata:
   linkType: soft
 
 "@storybook/node-logger@npm:^6.1.14":
-  version: 6.5.9
-  resolution: "@storybook/node-logger@npm:6.5.9"
+  version: 6.5.10
+  resolution: "@storybook/node-logger@npm:6.5.10"
   dependencies:
     "@types/npmlog": ^4.1.2
     chalk: ^4.1.0
     core-js: ^3.8.2
     npmlog: ^5.0.1
     pretty-hrtime: ^1.0.3
-  checksum: fecbd08d347926cb1a428a7454481c8e372b6b761fe762bf98b85ce6b0764f7dcb0d77fe4c1bbcf441385d201f3db1b95111b39475bc27da2baa0c7435d0b149
+  checksum: 6e96de76ca02f1358312ee749f29127f20430207bfb7670a9bf330c130042a949ef7fb9d02d0f7699f1c9682ed2ae89b6052d5efdb8326ac907a2d0d6fafe666
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@7.0.0-alpha.20, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.0.0-alpha.31, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
-    core-js: ^3.8.2
     jest: ^26.6.3
     jest-specific-snapshot: ^4.0.0
     jscodeshift: ^0.13.1
@@ -8499,16 +8613,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.20, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@7.0.0-alpha.31, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/preact-webpack5@workspace:frameworks/preact-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preact": 7.0.0-alpha.20
-    "@storybook/preset-preact-webpack": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/preact": 7.0.0-alpha.31
+    "@storybook/preset-preact-webpack": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     preact: ^10.5.13
     react: 16.14.0
     react-dom: 16.14.0
@@ -8519,15 +8632,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.0.0-alpha.20, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.0.0-alpha.31, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
   version: 0.0.0-use.local
   resolution: "@storybook/preact@workspace:renderers/preact"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     preact: ^10.5.13
     react: 16.14.0
@@ -8558,13 +8670,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-html-webpack@7.0.0-alpha.20, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.0.0-alpha.31, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-html-webpack@workspace:presets/html-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     html-loader: ^3.1.0
     react: 16.14.0
     react-dom: 16.14.0
@@ -8575,14 +8686,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.0.0-alpha.20, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.0.0-alpha.31, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-preact-webpack@workspace:presets/preact-webpack"
   dependencies:
     "@babel/plugin-transform-react-jsx": ^7.12.12
-    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     preact: ^10.5.13
     react: 16.14.0
     react-dom: 16.14.0
@@ -8593,24 +8703,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.0.0-alpha.20, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.0.0-alpha.31, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-react-webpack@workspace:presets/react-webpack"
   dependencies:
     "@babel/preset-flow": ^7.12.1
     "@babel/preset-react": ^7.12.10
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.31
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
     "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
     "@storybook/semver": ^7.3.2
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
     babel-plugin-add-react-displayname: ^0.0.5
     babel-plugin-react-docgen: ^4.2.1
-    core-js: ^3.8.2
     fs-extra: ^9.0.1
     react-refresh: ^0.11.0
     typescript: ~4.6.3
@@ -8640,15 +8749,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preset-server-webpack@7.0.0-alpha.20, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.0.0-alpha.31, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-server-webpack@workspace:presets/server-webpack"
   dependencies:
-    "@storybook/core-server": 7.0.0-alpha.20
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/server": 7.0.0-alpha.20
+    "@storybook/core-server": 7.0.0-alpha.31
+    "@storybook/core-webpack": 7.0.0-alpha.31
+    "@storybook/server": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     fs-extra: ^9.0.1
     global: ^4.4.0
     jest-specific-snapshot: ^4.0.0
@@ -8662,18 +8770,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.0.0-alpha.20, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.0.0-alpha.31, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-svelte-webpack@workspace:presets/svelte-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/core-webpack": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
     react: 16.14.0
     react-dom: 16.14.0
     svelte: ^3.31.2
     svelte-loader: ^3.1.2
-    sveltedoc-parser: 4.1.0
+    sveltedoc-parser: ^4.2.1
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
   peerDependencies:
@@ -8683,14 +8790,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.0.0-alpha.20, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.0.0-alpha.31, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-vue-webpack@workspace:presets/vue-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.31
+    "@storybook/docs-tools": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
     ts-loader: ^9.2.8
@@ -8711,15 +8817,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.0.0-alpha.20, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.0.0-alpha.31, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-vue3-webpack@workspace:presets/vue3-webpack"
   dependencies:
-    "@storybook/core-webpack": 7.0.0-alpha.20
-    "@storybook/docs-tools": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.31
+    "@storybook/docs-tools": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
-    core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
     ts-loader: ^9.2.8
@@ -8737,18 +8842,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.0.0-alpha.20, @storybook/preset-web-components-webpack@workspace:*, @storybook/preset-web-components-webpack@workspace:presets/web-components-webpack":
+"@storybook/preset-web-components-webpack@7.0.0-alpha.31, @storybook/preset-web-components-webpack@workspace:*, @storybook/preset-web-components-webpack@workspace:presets/web-components-webpack":
   version: 0.0.0-use.local
   resolution: "@storybook/preset-web-components-webpack@workspace:presets/web-components-webpack"
   dependencies:
     "@babel/plugin-syntax-dynamic-import": ^7.8.3
     "@babel/plugin-syntax-import-meta": ^7.10.4
     "@babel/preset-env": ^7.12.11
-    "@storybook/core-webpack": 7.0.0-alpha.20
+    "@storybook/core-webpack": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
-    core-js: ^3.8.2
     lit-html: 2.0.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -8758,24 +8862,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.0.0-alpha.20, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:lib/preview-web":
+"@storybook/preview-web@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/channel-postmessage": 7.0.0-alpha.31
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/store": 7.0.0-alpha.31
     ansi-to-html: ^0.6.11
-    core-js: ^3.8.2
     global: ^4.4.0
     lodash: ^4.17.21
     qs: ^6.10.0
+    react: 16.14.0
     synchronous-promise: ^2.0.15
     ts-dedent: ^2.0.0
+    ts-jest: ^28.0.8
     typescript: ~4.6.3
     util-deprecate: ^1.0.2
   languageName: unknown
@@ -8799,15 +8904,35 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-webpack5@7.0.0-alpha.20, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
+"@storybook/react-vite@workspace:*, @storybook/react-vite@workspace:frameworks/react-vite":
+  version: 0.0.0-use.local
+  resolution: "@storybook/react-vite@workspace:frameworks/react-vite"
+  dependencies:
+    "@joshwooding/vite-plugin-react-docgen-typescript": ^0.0.5
+    "@rollup/pluginutils": ^4.2.0
+    "@storybook/builder-vite": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
+    "@types/node": ^14.14.20 || ^16.0.0
+    "@vitejs/plugin-react": ^2.0.1
+    ast-types: ^0.14.2
+    magic-string: ^0.26.1
+    react-docgen: ^6.0.0-alpha.3
+    typescript: ~4.6.3
+    vite: ^3.1.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  languageName: unknown
+  linkType: soft
+
+"@storybook/react-webpack5@7.0.0-alpha.31, @storybook/react-webpack5@workspace:*, @storybook/react-webpack5@workspace:frameworks/react-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/react-webpack5@workspace:frameworks/react-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/preset-react-webpack": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/preset-react-webpack": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     jest-specific-snapshot: ^4.0.0
     typescript: ~4.6.3
   peerDependencies:
@@ -8822,38 +8947,37 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.0.0-alpha.20, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.0.0-alpha.31, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
   version: 0.0.0-use.local
   resolution: "@storybook/react@workspace:renderers/react"
   dependencies:
     "@babel/core": ^7.11.5
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     "@types/estree": ^0.0.51
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/util-deprecate": ^1.0.0
     acorn: ^7.4.1
     acorn-jsx: ^5.3.1
     acorn-walk: ^7.2.0
-    core-js: ^3.8.2
     escodegen: ^2.0.0
     global: ^4.4.0
     html-tags: ^3.1.0
+    jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
     prop-types: ^15.7.2
-    react-element-to-jsx-string: ^14.3.4
+    react-element-to-jsx-string: ^15.0.0
+    require-from-string: ^2.0.2
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
     util-deprecate: ^1.0.2
   peerDependencies:
-    jest-specific-snapshot: ^4.0.0
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    require-from-string: ^2.0.2
   peerDependenciesMeta:
     typescript:
       optional: true
@@ -8888,10 +9012,9 @@ __metadata:
     "@emotion/jest": ^11.8.0
     "@linear/sdk": ^1.21.0
     "@nicolo-ribaudo/chokidar-2": ^2.1.8
-    "@nrwl/cli": 12.3.4
-    "@nrwl/nx-cloud": 12.1.1
-    "@nrwl/tao": 12.3.4
-    "@nrwl/workspace": 12.3.4
+    "@nrwl/cli": 14.6.1
+    "@nrwl/nx-cloud": 14.6.0
+    "@nrwl/workspace": 14.6.1
     "@playwright/test": ^1.24.2
     "@rollup/plugin-babel": ^5.3.1
     "@rollup/plugin-commonjs": ^21.0.1
@@ -8920,6 +9043,9 @@ __metadata:
     "@storybook/api": "workspace:*"
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/blocks": "workspace:*"
+    "@storybook/builder-manager": "workspace:*"
+    "@storybook/builder-vite": "workspace:*"
+    "@storybook/builder-webpack5": "workspace:*"
     "@storybook/channel-postmessage": "workspace:*"
     "@storybook/channel-websocket": "workspace:*"
     "@storybook/channels": "workspace:*"
@@ -8928,7 +9054,10 @@ __metadata:
     "@storybook/client-logger": "workspace:*"
     "@storybook/codemod": "workspace:*"
     "@storybook/components": "workspace:*"
+    "@storybook/core-client": "workspace:*"
+    "@storybook/core-common": "workspace:*"
     "@storybook/core-events": "workspace:*"
+    "@storybook/core-server": "workspace:*"
     "@storybook/core-webpack": "workspace:*"
     "@storybook/csf-tools": "workspace:*"
     "@storybook/docs-tools": "workspace:*"
@@ -8953,6 +9082,7 @@ __metadata:
     "@storybook/preset-web-components-webpack": "workspace:*"
     "@storybook/preview-web": "workspace:*"
     "@storybook/react": "workspace:*"
+    "@storybook/react-vite": "workspace:*"
     "@storybook/react-webpack5": "workspace:*"
     "@storybook/router": "workspace:*"
     "@storybook/semver": ^7.3.2
@@ -8969,6 +9099,7 @@ __metadata:
     "@storybook/vue": "workspace:*"
     "@storybook/vue-webpack5": "workspace:*"
     "@storybook/vue3": "workspace:*"
+    "@storybook/vue3-vite": "workspace:*"
     "@storybook/vue3-webpack5": "workspace:*"
     "@storybook/web-components": "workspace:*"
     "@storybook/web-components-webpack5": "workspace:*"
@@ -9010,11 +9141,9 @@ __metadata:
     codecov: ^3.8.1
     commander: ^6.2.1
     concurrently: ^5.3.0
-    core-js: ^3.21.1
     cross-env: ^7.0.3
     cypress: 8.7.0
     danger: ^10.6.2
-    del-cli: ^4.0.1
     detect-port: ^1.3.0
     dts-bundle-generator: ^6.2.0
     ejs-lint: ^1.2.2
@@ -9056,10 +9185,12 @@ __metadata:
     node-fetch: ^2.6.1
     node-gyp: ^8.4.0
     npmlog: ^5.0.1
+    nx: 14.6.1
     p-limit: ^3.1.0
     playwright: ^1.24.2
     postcss-loader: ^6.2.1
-    prettier: ">=2.2.1 <=2.3.0"
+    prettier: 2.7.1
+    process: ^0.11.10
     prompts: ^2.4.0
     puppeteer: ^2.1.1
     raf: ^3.4.1
@@ -9072,7 +9203,6 @@ __metadata:
     rollup: ^2.60.2
     rollup-plugin-extensions: ^0.1.0
     rollup-plugin-jsx: ^1.0.3
-    rollup-plugin-node-polyfills: ^0.2.1
     rollup-plugin-terser: ^7.0.2
     serve-static: ^1.14.1
     shelljs: ^0.8.5
@@ -9084,8 +9214,9 @@ __metadata:
     ts-jest: ^26.4.4
     ts-loader: ^9.2.8
     ts-node: ^10.4.0
-    tsup: ^6.1.2
-    typescript: ~4.6.3
+    tsup: ^6.2.2
+    typescript: 4.7.4
+    util: ^0.12.4
     verdaccio: ^4.10.0
     verdaccio-auth-memory: ^9.7.2
     wait-on: ^5.2.1
@@ -9101,10 +9232,6 @@ __metadata:
       optional: true
     "@cypress/webpack-preprocessor":
       optional: true
-    core-js:
-      built: false
-    core-js-pure:
-      built: false
     cypress:
       optional: true
     ejs:
@@ -9135,19 +9262,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.0.0-alpha.20, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.0.0-alpha.31, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
   version: 0.0.0-use.local
   resolution: "@storybook/router@workspace:lib/router"
   dependencies:
-    "@storybook/client-logger": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/client-logger": 7.0.0-alpha.31
     dequal: ^2.0.2
     global: ^4.4.0
-    history: 5.0.0
     lodash: ^4.17.21
     memoizerific: ^1.11.3
     qs: ^6.10.0
-    react-router: 6.0.2
     react-router-dom: 6.0.2
     ts-dedent: ^2.0.0
     ts-node: ^10.4.0
@@ -9158,11 +9282,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@npm:6.5.9":
-  version: 6.5.9
-  resolution: "@storybook/router@npm:6.5.9"
+"@storybook/router@npm:6.5.10":
+  version: 6.5.10
+  resolution: "@storybook/router@npm:6.5.10"
   dependencies:
-    "@storybook/client-logger": 6.5.9
+    "@storybook/client-logger": 6.5.10
     core-js: ^3.8.2
     memoizerific: ^1.11.3
     qs: ^6.10.0
@@ -9170,7 +9294,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 765977adbcaa1d06958489bd1316056c35f712f04c603a3848ed04dea3155f65369a085759913ccf19ffda3de41d429f455fbc330c3bcf7b3fdc65e9a3ddd320
+  checksum: 204383ca78609db39ce7a573be4c5b446a6e6989e792623821d3f1487ebbbf7402fbec2f27e338051cd2209d7b690cde54506429baebfa8618178195f451a32c
   languageName: node
   linkType: hard
 
@@ -9186,32 +9310,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/server-webpack5@7.0.0-alpha.20, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
+"@storybook/server-webpack5@7.0.0-alpha.31, @storybook/server-webpack5@workspace:*, @storybook/server-webpack5@workspace:frameworks/server-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/server-webpack5@workspace:frameworks/server-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-server-webpack": 7.0.0-alpha.20
-    "@storybook/server": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/preset-server-webpack": 7.0.0-alpha.31
+    "@storybook/server": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
     typescript: ~4.6.3
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.0.0-alpha.20, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.0.0-alpha.31, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
   version: 0.0.0-use.local
   resolution: "@storybook/server@workspace:renderers/server"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
@@ -9220,16 +9342,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.0.0-alpha.20, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.0.0-alpha.31, @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": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    core-js: ^3.8.2
     estraverse: ^5.2.0
-    global: ^4.4.0
+    jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
     prettier: ">=2.2.1 <=2.3.0"
     typescript: ~4.6.3
@@ -9239,21 +9358,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.0.0-alpha.20, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
+"@storybook/store@7.0.0-alpha.31, @storybook/store@workspace:*, @storybook/store@workspace:lib/store":
   version: 0.0.0-use.local
   resolution: "@storybook/store@workspace:lib/store"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    core-js: ^3.8.2
     dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     memoizerific: ^1.11.3
     slash: ^3.0.0
-    stable: ^0.1.8
     synchronous-promise: ^2.0.15
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
@@ -9264,15 +9381,32 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-webpack5@7.0.0-alpha.20, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
+"@storybook/svelte-vite@workspace:frameworks/svelte-vite":
+  version: 0.0.0-use.local
+  resolution: "@storybook/svelte-vite@workspace:frameworks/svelte-vite"
+  dependencies:
+    "@storybook/addon-svelte-csf": ^2.0.0
+    "@storybook/builder-vite": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/svelte": 7.0.0-alpha.31
+    "@sveltejs/vite-plugin-svelte": ^1.0.0
+    "@types/node": ^14.14.20 || ^16.0.0
+    magic-string: ^0.26.1
+    svelte: ^3.0.0
+    sveltedoc-parser: ^4.2.1
+    typescript: ~4.6.3
+    vite: ^3.1.0
+  languageName: unknown
+  linkType: soft
+
+"@storybook/svelte-webpack5@7.0.0-alpha.31, @storybook/svelte-webpack5@workspace:*, @storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-svelte-webpack": 7.0.0-alpha.20
-    "@storybook/svelte": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/preset-svelte-webpack": 7.0.0-alpha.31
+    "@storybook/svelte": 7.0.0-alpha.31
     react: 16.14.0
     react-dom: 16.14.0
     svelte: ^3.48.0
@@ -9285,22 +9419,21 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.0.0-alpha.20, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.0.0-alpha.31, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte@workspace:renderers/svelte"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
     svelte: ^3.31.2
-    sveltedoc-parser: 4.1.0
+    sveltedoc-parser: ^4.2.1
     typescript: ~4.6.3
   peerDependencies:
     "@babel/core": "*"
@@ -9308,18 +9441,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.0.0-alpha.20, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.0.0-alpha.31, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
   version: 0.0.0-use.local
   resolution: "@storybook/telemetry@workspace:lib/telemetry"
   dependencies:
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
     chalk: ^4.1.0
-    core-js: ^3.8.2
     detect-package-manager: ^2.0.1
     fetch-retry: ^5.0.2
     fs-extra: ^9.0.1
-    global: ^4.4.0
     isomorphic-unfetch: ^3.1.0
     nanoid: ^3.3.1
     read-pkg-up: ^7.0.1
@@ -9353,7 +9484,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.0.0-alpha.20, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.0.0-alpha.31, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -9361,17 +9492,15 @@ __metadata:
     "@emotion/is-prop-valid": ^1.1.2
     "@emotion/react": ^11.8.1
     "@emotion/styled": ^11.8.1
-    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/client-logger": 7.0.0-alpha.31
     "@types/fs-extra": ^9.0.6
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     deep-object-diff: ^1.1.0
     fs-extra: ^9.0.1
     global: ^4.4.0
     memoizerific: ^1.11.3
     polished: ^4.2.2
     ts-dedent: ^2.0.0
-    ts-node: ^10.4.0
     typescript: ~4.6.3
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -9379,46 +9508,42 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/theming@npm:6.5.9":
-  version: 6.5.9
-  resolution: "@storybook/theming@npm:6.5.9"
+"@storybook/theming@npm:6.5.10":
+  version: 6.5.10
+  resolution: "@storybook/theming@npm:6.5.10"
   dependencies:
-    "@storybook/client-logger": 6.5.9
+    "@storybook/client-logger": 6.5.10
     core-js: ^3.8.2
     memoizerific: ^1.11.3
     regenerator-runtime: ^0.13.7
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 28b2626ab2ef4396d3e8d0fad651bf13b323318028e7b01a99c9b999f368655d7aa78dd8154396753828746d934cfbaee1575c890307893d6a3cca9655c9a60e
+  checksum: 4204427df565835125042fbd47f04a58166d000d56dcf88988d3e06e6a668eb01a92847f34e3881089af016b511a14cd331af36d9652bda234fe02b178f4e3a0
   languageName: node
   linkType: hard
 
-"@storybook/ui@7.0.0-alpha.20, @storybook/ui@workspace:*, @storybook/ui@workspace:lib/ui":
+"@storybook/ui@7.0.0-alpha.31, @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
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/channel-postmessage": 7.0.0-alpha.20
-    "@storybook/channel-websocket": 7.0.0-alpha.20
-    "@storybook/channels": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/channel-postmessage": 7.0.0-alpha.31
+    "@storybook/channel-websocket": 7.0.0-alpha.31
+    "@storybook/channels": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/router": 7.0.0-alpha.20
+    "@storybook/router": 7.0.0-alpha.31
     "@storybook/semver": ^7.3.2
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     "@testing-library/react": ^11.2.2
     copy-to-clipboard: ^3.3.1
-    core-js: ^3.8.2
-    core-js-pure: ^3.8.2
     downshift: ^6.0.15
     enzyme: ^3.11.0
-    flush-promises: ^1.0.2
     fs-extra: ^9.0.1
     fuse.js: ^3.6.1
     global: ^4.4.0
@@ -9437,20 +9562,18 @@ __metadata:
     store2: ^2.12.0
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
-    util: ^0.12.4
   languageName: unknown
   linkType: soft
 
-"@storybook/vue-webpack5@7.0.0-alpha.20, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
+"@storybook/vue-webpack5@7.0.0-alpha.31, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/vue-webpack5@workspace:frameworks/vue-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-vue-webpack": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/preset-vue-webpack": 7.0.0-alpha.31
+    "@storybook/vue": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
     typescript: ~4.6.3
@@ -9467,17 +9590,32 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3-webpack5@7.0.0-alpha.20, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
+"@storybook/vue3-vite@workspace:*, @storybook/vue3-vite@workspace:frameworks/vue3-vite":
+  version: 0.0.0-use.local
+  resolution: "@storybook/vue3-vite@workspace:frameworks/vue3-vite"
+  dependencies:
+    "@storybook/builder-vite": 7.0.0-alpha.31
+    "@storybook/core-server": 7.0.0-alpha.31
+    "@storybook/vue3": 7.0.0-alpha.31
+    "@types/node": ^14.14.20 || ^16.0.0
+    "@vitejs/plugin-vue": ^3.0.3
+    magic-string: ^0.26.1
+    typescript: ~4.6.3
+    vite: ^3.1.0
+    vue-docgen-api: ^4.40.0
+  languageName: unknown
+  linkType: soft
+
+"@storybook/vue3-webpack5@7.0.0-alpha.31, @storybook/vue3-webpack5@workspace:*, @storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-vue3-webpack": 7.0.0-alpha.20
-    "@storybook/vue3": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/preset-vue3-webpack": 7.0.0-alpha.31
+    "@storybook/vue3": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
     "@vue/compiler-sfc": 3.0.0
-    core-js: ^3.8.2
     react: 16.14.0
     react-dom: 16.14.0
     typescript: ~4.6.3
@@ -9490,23 +9628,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.0.0-alpha.20, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.0.0-alpha.31, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
   version: 0.0.0-use.local
   resolution: "@storybook/vue3@workspace:renderers/vue3"
   dependencies:
     "@digitak/esrun": ^3.2.2
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
-    vue: 3.0.0
+    vue: ^3.0.0
   peerDependencies:
     "@babel/core": "*"
     babel-loader: ^7.0.0 || ^8.0.0
@@ -9514,17 +9651,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.0.0-alpha.20, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.0.0-alpha.31, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
   version: 0.0.0-use.local
   resolution: "@storybook/vue@workspace:renderers/vue"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
@@ -9544,12 +9680,11 @@ __metadata:
   resolution: "@storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5"
   dependencies:
     "@babel/preset-env": ^7.12.11
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/core-common": 7.0.0-alpha.20
-    "@storybook/preset-web-components-webpack": 7.0.0-alpha.20
-    "@storybook/web-components": 7.0.0-alpha.20
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/core-common": 7.0.0-alpha.31
+    "@storybook/preset-web-components-webpack": 7.0.0-alpha.31
+    "@storybook/web-components": 7.0.0-alpha.31
     "@types/node": ^14.14.20 || ^16.0.0
-    core-js: ^3.8.2
     lit-html: 2.0.2
     react: 16.14.0
     react-dom: 16.14.0
@@ -9559,19 +9694,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.0.0-alpha.20, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.0.0-alpha.31, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
   version: 0.0.0-use.local
   resolution: "@storybook/web-components@workspace:renderers/web-components"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/api": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
-    "@storybook/core-client": 7.0.0-alpha.20
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/api": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
+    "@storybook/core-client": 7.0.0-alpha.31
     "@storybook/csf": 0.0.2--canary.0899bb7.0
-    "@storybook/docs-tools": 7.0.0-alpha.20
-    "@storybook/preview-web": 7.0.0-alpha.20
-    "@storybook/store": 7.0.0-alpha.20
-    core-js: ^3.8.2
+    "@storybook/docs-tools": 7.0.0-alpha.31
+    "@storybook/preview-web": 7.0.0-alpha.31
+    "@storybook/store": 7.0.0-alpha.31
     global: ^4.4.0
     lit-html: 2.0.2
     react: 16.14.0
@@ -9602,6 +9736,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sveltejs/vite-plugin-svelte@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "@sveltejs/vite-plugin-svelte@npm:1.0.5"
+  dependencies:
+    "@rollup/pluginutils": ^4.2.1
+    debug: ^4.3.4
+    deepmerge: ^4.2.2
+    kleur: ^4.1.5
+    magic-string: ^0.26.3
+    svelte-hmr: ^0.14.12
+  peerDependencies:
+    diff-match-patch: ^1.0.5
+    svelte: ^3.44.0
+    vite: ^3.0.0
+  peerDependenciesMeta:
+    diff-match-patch:
+      optional: true
+  checksum: 7116b8ab40239958b1800c5175e16af2ef3625e2ef40b31bb8e17416abcc617615c5a86b8aaa72cdbae99a4ba49bd6990fca93b530f2c020e6d5f5e0cce8f480
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-add-jsx-attribute@npm:^5.4.0":
   version: 5.4.0
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:5.4.0"
@@ -9733,21 +9888,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.4.2":
-  version: 0.4.2
-  resolution: "@swc/helpers@npm:0.4.2"
+"@swc/helpers@npm:0.4.3":
+  version: 0.4.3
+  resolution: "@swc/helpers@npm:0.4.3"
   dependencies:
     tslib: ^2.4.0
-  checksum: 8dc23813599516bb82141c438394be613f169cd5acd683358e057b5f57903fa1765da8096beec19dd83814bea58904cbe5e26c8f722a0b02d3141f6a2bed33c1
+  checksum: d9c5f24184b99461d9519dbe21681b18323fe20a8ab5d6fc9cc6f5b0255435f6f1ce4fa91ebcd6b701148b1d69f067f0333b0d27113ce7e7f0891cd56a20677b
   languageName: node
   linkType: hard
 
 "@swc/helpers@npm:^0.4.2":
-  version: 0.4.3
-  resolution: "@swc/helpers@npm:0.4.3"
+  version: 0.4.11
+  resolution: "@swc/helpers@npm:0.4.11"
   dependencies:
     tslib: ^2.4.0
-  checksum: d9c5f24184b99461d9519dbe21681b18323fe20a8ab5d6fc9cc6f5b0255435f6f1ce4fa91ebcd6b701148b1d69f067f0333b0d27113ce7e7f0891cd56a20677b
+  checksum: 8806dda1f3cc243d80b1270405142563ed425350f9f4c7cfdd84967ead094878a3135b7ca1185052af0faef99982e57bb22e7f5fa80f1e9a3dab20e9e1051dfc
   languageName: node
   linkType: hard
 
@@ -9777,8 +9932,8 @@ __metadata:
   linkType: hard
 
 "@testing-library/dom@npm:^8.0.0, @testing-library/dom@npm:^8.3.0":
-  version: 8.16.0
-  resolution: "@testing-library/dom@npm:8.16.0"
+  version: 8.17.1
+  resolution: "@testing-library/dom@npm:8.17.1"
   dependencies:
     "@babel/code-frame": ^7.10.4
     "@babel/runtime": ^7.12.5
@@ -9788,24 +9943,24 @@ __metadata:
     dom-accessibility-api: ^0.5.9
     lz-string: ^1.4.4
     pretty-format: ^27.0.2
-  checksum: 4a4b7e2ee1d3543b2935e60a0d85ac041ebe36fc6fbb3cbdf86898cd9947410ca75ad78f88e91b6eb146fb76f3ef102a1e24495761e1a5b8fe60aa82d3edd874
+  checksum: 2db3a96a7694ba06056fea41474aa47ad6e82b21d4bcb2a34c7655692dc5a51a21b0b90fe3b9d4be1aa2340e18a9911bf129e4e8a134131acbc44f4b48caa28b
   languageName: node
   linkType: hard
 
-"@testing-library/jest-dom@npm:^5.11.9, @testing-library/jest-dom@npm:^5.16.2, @testing-library/jest-dom@npm:^5.16.4":
-  version: 5.16.4
-  resolution: "@testing-library/jest-dom@npm:5.16.4"
+"@testing-library/jest-dom@npm:^5.11.9, @testing-library/jest-dom@npm:^5.16.2":
+  version: 5.16.5
+  resolution: "@testing-library/jest-dom@npm:5.16.5"
   dependencies:
+    "@adobe/css-tools": ^4.0.1
     "@babel/runtime": ^7.9.2
     "@types/testing-library__jest-dom": ^5.9.1
     aria-query: ^5.0.0
     chalk: ^3.0.0
-    css: ^3.0.0
     css.escape: ^1.5.1
     dom-accessibility-api: ^0.5.6
     lodash: ^4.17.15
     redent: ^3.0.0
-  checksum: c34016bbc4865f8f9912d62ac63b409b87e785ff281a50f6eae8c1bc2364963c0831541da8a185bbd8b5964a6e3371fb623c339e8128d84706eb06f93f145801
+  checksum: 0925fda78096cca355d164d5358b84b9371c4fb6ba60ce60c2263446ac6d9c6aaca75e2792cdb42699fe78c379924c53db672a3510361b577ebb89a0c6e1c629
   languageName: node
   linkType: hard
 
@@ -9933,7 +10088,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.12, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.1.7":
+"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.1.7":
   version: 7.1.19
   resolution: "@types/babel__core@npm:7.1.19"
   dependencies:
@@ -9973,11 +10128,11 @@ __metadata:
   linkType: hard
 
 "@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.4, @types/babel__traverse@npm:^7.0.6":
-  version: 7.17.1
-  resolution: "@types/babel__traverse@npm:7.17.1"
+  version: 7.18.1
+  resolution: "@types/babel__traverse@npm:7.18.1"
   dependencies:
     "@babel/types": ^7.3.0
-  checksum: 2ec77e5307473c1accc1cb7fe65332fe4c873374cde16ffdc631951372be9fdffbb9fe9d7251efdff52ae4f73634f4bff80d808cb90513abbeb61945c02e1866
+  checksum: f9bd5c16c1a178489394235826e3793da6be2f50fe9abd3ce29b6a53a554575d88d20a4a377a4d9e8cab4a25243bc4dc8b9b68d9f65dc212b8e0a7ccaf5f10e8
   languageName: node
   linkType: hard
 
@@ -10017,9 +10172,9 @@ __metadata:
   linkType: hard
 
 "@types/chai@npm:*, @types/chai@npm:^4.2.9":
-  version: 4.3.1
-  resolution: "@types/chai@npm:4.3.1"
-  checksum: 1735099ea33e22ee18885de48d6961e9d030adea046a07b8a89f5e02a364c85ab0519fde9aeb81e49b7edfbcf8d7534db8fbff59e2e45643b83ea520a7d2c390
+  version: 4.3.3
+  resolution: "@types/chai@npm:4.3.3"
+  checksum: 4129cb6119d65166cc082cecca97ddcf7d24785a4a55de2e06f3f1dc4c9543340168833ebdbc16685838cdea388854badc1453393dc90597725decfc20e05aff
   languageName: node
   linkType: hard
 
@@ -10048,13 +10203,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/component-emitter@npm:^1.2.10":
-  version: 1.2.11
-  resolution: "@types/component-emitter@npm:1.2.11"
-  checksum: 1d1b9d028db7cd0758751976a44dfdf47dbbabaec90a6be21f9d863a7b990050a5a776489e56a575021d7b79b014e6dded259ca36df07dd9a95c71f5a67c578b
-  languageName: node
-  linkType: hard
-
 "@types/compression@npm:^1.7.0":
   version: 1.7.2
   resolution: "@types/compression@npm:1.7.2"
@@ -10097,13 +10245,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/core-js@npm:^2.5.4":
-  version: 2.5.5
-  resolution: "@types/core-js@npm:2.5.5"
-  checksum: 3ad6081d5ef92bc1a30e055a0846101924251f664d5293b997e3bdc2ef1ba8b961333227c34f1f462d353876455e7a299a07db95febae388ba862f998cd8a4e9
-  languageName: node
-  linkType: hard
-
 "@types/cors@npm:^2.8.12":
   version: 2.8.12
   resolution: "@types/cors@npm:2.8.12"
@@ -10185,25 +10326,25 @@ __metadata:
   linkType: hard
 
 "@types/eslint@npm:*, @types/eslint@npm:^7.29.0 || ^8.4.1":
-  version: 8.4.5
-  resolution: "@types/eslint@npm:8.4.5"
+  version: 8.4.6
+  resolution: "@types/eslint@npm:8.4.6"
   dependencies:
     "@types/estree": "*"
     "@types/json-schema": "*"
-  checksum: 81d4f9920d0ef0f694555fefe8c8b5f81cd0dfe52f4455afdc63eb724bbb0e033fc19a8bc580fb5674b6fbc8be2a2a516c370f020bbd3dd0d309cb716b1c70d6
+  checksum: 0f11bc8623ec4238ad999d7a1d05d57e28c962c0b127b3e632b9f9ba72dc882f45aa84191c6b4e19db65d4f31ee46841eea6b44cad91e08ff8dfb69da4ee4b88
   languageName: node
   linkType: hard
 
-"@types/estree-jsx@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "@types/estree-jsx@npm:0.0.1"
+"@types/estree-jsx@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@types/estree-jsx@npm:1.0.0"
   dependencies:
     "@types/estree": "*"
-  checksum: b506c1dbfe3e01fdc8229f050bfad254dfd86d3e862defab1ad948a0d9d18ec173a65a576b2b4ab2f3a6989b487754068d3891fb0c202e99300f9f6d78f182e0
+  checksum: faca4c8924cbc36095e11ac7677dce1875583cf8ea99b67911affbbcc2a06ef99e585c02fc7160e55406d3c127b447df5a8ba3b23c211e5bbaad45dd278cde97
   languageName: node
   linkType: hard
 
-"@types/estree@npm:*":
+"@types/estree@npm:*, @types/estree@npm:^1.0.0":
   version: 1.0.0
   resolution: "@types/estree@npm:1.0.0"
   checksum: 4e73ff606bf7c7ccdaa66092de650c410a4ad2ecc388fdbed8242cac9dbcad72407e1ceff041b7da691babb02ff74ab885d6231fb09368fdd1eabbf1b5253d49
@@ -10225,13 +10366,13 @@ __metadata:
   linkType: hard
 
 "@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^4.17.18":
-  version: 4.17.29
-  resolution: "@types/express-serve-static-core@npm:4.17.29"
+  version: 4.17.30
+  resolution: "@types/express-serve-static-core@npm:4.17.30"
   dependencies:
     "@types/node": "*"
     "@types/qs": "*"
     "@types/range-parser": "*"
-  checksum: 6b63bb05adcc496adf0b7c54d3f05a0b42127ebe9b9b895befb34e2d813a9008f07ea1e80688326e7d34dea4eb659b1853bc5611384f7a71c8547343ed1661cc
+  checksum: e2e42223370357ec7a97ee6311f5485f7a8a2def62b9e831cb9e1341538b492da6cd5900588b46fb57f7c95a4bd4167d4ad41cbe673fa4050e3fea979b3ce06a
   languageName: node
   linkType: hard
 
@@ -10274,7 +10415,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/glob@npm:*, @types/glob@npm:^7.1.1, @types/glob@npm:^7.1.3":
+"@types/glob@npm:*":
+  version: 8.0.0
+  resolution: "@types/glob@npm:8.0.0"
+  dependencies:
+    "@types/minimatch": "*"
+    "@types/node": "*"
+  checksum: 7a906724c49cbb7e9279a0ddb7051ba39e1944924d5a0cadce7b2656b138465351b5d658cb5658be1964b865464fa66eb3a4a2f3e19ceb4559a4f3d52e08e055
+  languageName: node
+  linkType: hard
+
+"@types/glob@npm:^7.1.1, @types/glob@npm:^7.1.3":
   version: 7.2.0
   resolution: "@types/glob@npm:7.2.0"
   dependencies:
@@ -10284,7 +10435,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/graceful-fs@npm:^4.1.2":
+"@types/graceful-fs@npm:^4.1.2, @types/graceful-fs@npm:^4.1.3":
   version: 4.1.5
   resolution: "@types/graceful-fs@npm:4.1.5"
   dependencies:
@@ -10390,12 +10541,12 @@ __metadata:
   linkType: hard
 
 "@types/jest@npm:*, @types/jest@npm:>=26.0.0":
-  version: 28.1.6
-  resolution: "@types/jest@npm:28.1.6"
+  version: 29.0.0
+  resolution: "@types/jest@npm:29.0.0"
   dependencies:
-    jest-matcher-utils: ^28.0.0
-    pretty-format: ^28.0.0
-  checksum: d9af6da4b25f4a62c8f0d92feecdb62fc673308e0bfad63fefb3212693e9e6c6af8641b94fbdc90a7957b8eced3146cafa5a16dc613705890690874cc5300dd9
+    expect: ^29.0.0
+    pretty-format: ^29.0.0
+  checksum: 86cdb71397b6c353ab8752adde6bd494a0340b22e01598e2cccfc8ce76f5824cd702188436b369457f6d9ac8b68d84d9adeabf971bbc2006ab3c62f140765d0a
   languageName: node
   linkType: hard
 
@@ -10460,10 +10611,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4.14.167, @types/lodash@npm:^4.14.182":
-  version: 4.14.182
-  resolution: "@types/lodash@npm:4.14.182"
-  checksum: d6bd4789dfb3be631d5e3277e6a1be5becb21440f3364f5d15b982c2e6b6bb1f8048d46fc5bff5ef0f90bebaf4d07c49b2919ba369d07af72d3beb3fea70c61a
+"@types/lodash@npm:^4.14.167":
+  version: 4.14.184
+  resolution: "@types/lodash@npm:4.14.184"
+  checksum: 35e81d477603b319179b335b839865f7bc837afcfd08b5fedfe7e01a0a0f192599f7567ffa45dbf95bfa793f1e9f9bc4666f57f47f0b00fe171e857b9178aed9
   languageName: node
   linkType: hard
 
@@ -10497,14 +10648,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/mime@npm:^1":
-  version: 1.3.2
-  resolution: "@types/mime@npm:1.3.2"
-  checksum: 61d144e5170c6cdf6de334ec0ee4bb499b1a0fb0233834a9e8cec6d289b0e3042bedf35cbc1c995d71a247635770dae3f13a9ddae69098bb54b933429bc08d35
+"@types/mime@npm:*":
+  version: 3.0.1
+  resolution: "@types/mime@npm:3.0.1"
+  checksum: c4c0fc89042822a3b5ffd6ef0da7006513454ee8376ffa492372d17d2925a4e4b1b194c977b718c711df38b33eb9d06deb5dbf9f851bcfb7e5e65f06b2a87f97
+  languageName: node
+  linkType: hard
+
+"@types/minimatch@npm:*":
+  version: 5.1.2
+  resolution: "@types/minimatch@npm:5.1.2"
+  checksum: 83cf1c11748891b714e129de0585af4c55dd4c2cafb1f1d5233d79246e5e1e19d1b5ad9e8db449667b3ffa2b6c80125c429dbee1054e9efb45758dbc4e118562
   languageName: node
   linkType: hard
 
-"@types/minimatch@npm:*, @types/minimatch@npm:^3.0.3":
+"@types/minimatch@npm:^3.0.3":
   version: 3.0.5
   resolution: "@types/minimatch@npm:3.0.5"
   checksum: a1a19ba342d6f39b569510f621ae4bbe972dc9378d15e9a5e47904c440ee60744f5b09225bc73be1c6490e3a9c938eee69eb53debf55ce1f15761201aa965f97
@@ -10551,28 +10709,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:>=10.0.0":
-  version: 18.0.6
-  resolution: "@types/node@npm:18.0.6"
-  checksum: 720178d0c14aa4fc20db299f1446163fbe8b5d97ed54ab697135ab5685352e468f99735d319a081b55436bf66ed8a84ea234876317ca4b71998be9e09c1ef170
+"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:>=10.0.0, @types/node@npm:^18.6.3":
+  version: 18.7.15
+  resolution: "@types/node@npm:18.7.15"
+  checksum: e9b4a79220482430cc3826b66db6b540d2a5733b07c9ec565eb82cdbaea2d699810f7fb719f1474fffb930653277c8c8f839208d0a05a96b80c17283dd451fdd
   languageName: node
   linkType: hard
 
 "@types/node@npm:^14.0.10 || ^16.0.0, @types/node@npm:^14.14.20 || ^16.0.0":
-  version: 16.11.45
-  resolution: "@types/node@npm:16.11.45"
-  checksum: aed8bc8cf929fdb9f1a5afd942bd496c127c36c300f41e46d1e7f3f9e32db1b6f4a9dbf3e13bbdb681c58782bf659caecde40060ba2a193d153e055d7bb4093e
+  version: 16.11.57
+  resolution: "@types/node@npm:16.11.57"
+  checksum: 6c2d1d9601586f040b9c4794dbdf7b507a8b3055e8153eb4a6031fda010079ec49612aa146d297bf7186868b05c7dcca99daf942a6e2dda4347115876d3f8f09
   languageName: node
   linkType: hard
 
 "@types/node@npm:^14.14.31":
-  version: 14.18.22
-  resolution: "@types/node@npm:14.18.22"
-  checksum: 6ade9441d9ad57c1a32351f57ca81a9f721809fb91574fd214fcedcf4d60c24194db412d35f3bdfa8ad94b2fbcc38aaa417e9602dbdb649d4c84d6a54342f924
+  version: 14.18.27
+  resolution: "@types/node@npm:14.18.27"
+  checksum: a7eb0707ece5537b77e0e4541159f4fad0dcc42364f53d3f02c95358be324072100e67a55b5767af4ab74295791beff7d8b21b372bdaeac847073cc7c5a1a344
   languageName: node
   linkType: hard
 
-"@types/node@npm:^17.0":
+"@types/node@npm:^17.0.23":
   version: 17.0.45
   resolution: "@types/node@npm:17.0.45"
   checksum: 0db377133d709b33a47892581a21a41cd7958f22723a3cc6c71d55ac018121382de42fbfc7970d5ae3e7819dbe5f40e1c6a5174aedf7e7964e9cb8fa72b580b0
@@ -10645,9 +10803,9 @@ __metadata:
   linkType: hard
 
 "@types/prettier@npm:^2.0.0, @types/prettier@npm:^2.1.5":
-  version: 2.6.3
-  resolution: "@types/prettier@npm:2.6.3"
-  checksum: ac51e59ef24793d7e747483c417706d62408ef406962e077ff89d10f009e42ab7bf0452d9a406493fd5bc37b4f1b71f507b045d775083d6987526bc7a74f01ea
+  version: 2.7.0
+  resolution: "@types/prettier@npm:2.7.0"
+  checksum: 7416351864a6cd41fdb79683b720dc1b6bdc59da81edb52a85674135b385ef6e1a49c7780b0fe9fba2c5383df4ab195769d3cfc9e3a4f831e5bab4143ed5dd38
   languageName: node
   linkType: hard
 
@@ -10743,7 +10901,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/qs@npm:*, @types/qs@npm:^6, @types/qs@npm:^6.9.5, @types/qs@npm:^6.9.7":
+"@types/qs@npm:*, @types/qs@npm:^6, @types/qs@npm:^6.9.5":
   version: 6.9.7
   resolution: "@types/qs@npm:6.9.7"
   checksum: 157eb05f4c75790b0ebdcf7b0547ff117feabc8cda03c3cac3d3ea82bb19a1912e76a411df3eb0bdd01026a9770f07bc0e7e3fbe39ebb31c1be4564c16be35f1
@@ -10794,24 +10952,24 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:*, @types/react@npm:^16, @types/react@npm:^16.14.23":
-  version: 16.14.28
-  resolution: "@types/react@npm:16.14.28"
+  version: 16.14.31
+  resolution: "@types/react@npm:16.14.31"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: 9f9c2ab60c7f82fd81264810052c12e7cf8224a77a14afeef89598594b0c9c12531dc1b2f32d7297e56432b67dddbc0338605b66238820db94a4d757047a060a
+  checksum: 52efdefacd0f9a4b70322d488af9a1c3f80f56a896db4a9d371cafab5248c9c9e9c2977955716f825c3af4aebbf6f365cf709dc205b6d2c89aa22edaebcafe0f
   languageName: node
   linkType: hard
 
 "@types/react@npm:^17, @types/react@npm:^17.0.39":
-  version: 17.0.47
-  resolution: "@types/react@npm:17.0.47"
+  version: 17.0.49
+  resolution: "@types/react@npm:17.0.49"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: 110ebdc1bc5524e4698ed653b86084cb78b338df7d23042752d13253eb3ed5a291462a4f93d8bdceb1237330b4b0c7e9c65bf9ab39c341a54d7da3d703f76010
+  checksum: a189cc86a9205b5c818377a32b5092041154ed60f250e0347c0e9f6840a87d7e55a0efdf9e1eb2ff8a50fafc67bfa83621478778e03220255c1c68dc98dd840f
   languageName: node
   linkType: hard
 
@@ -10874,9 +11032,9 @@ __metadata:
   linkType: hard
 
 "@types/semver@npm:^7.3.4":
-  version: 7.3.10
-  resolution: "@types/semver@npm:7.3.10"
-  checksum: 3d496351cb7b6c7ace6a6173ce9717c12c9ba36bd4c049b2adb236ca4d9d8ac9b867799672ba815efb9cd401dac51e731584e8ace99716f42146859f5c57c06f
+  version: 7.3.12
+  resolution: "@types/semver@npm:7.3.12"
+  checksum: bd76432b8f58f6d853d0aa938377d7da623b21ae477797940cc84445203669b7acea042c66336976db3c26a7c27e8afc71707fec01ec1d83d5e4d191ea008182
   languageName: node
   linkType: hard
 
@@ -10899,12 +11057,12 @@ __metadata:
   linkType: hard
 
 "@types/serve-static@npm:*, @types/serve-static@npm:^1.13.10, @types/serve-static@npm:^1.13.8":
-  version: 1.13.10
-  resolution: "@types/serve-static@npm:1.13.10"
+  version: 1.15.0
+  resolution: "@types/serve-static@npm:1.15.0"
   dependencies:
-    "@types/mime": ^1
+    "@types/mime": "*"
     "@types/node": "*"
-  checksum: 7f3de245cbb11f3a9d7977b6e763585c6022ebfc079fa746f8d824411bb6b343521c1cff5407edc0d5196f4b7d6fea431fb36455843f4a6717d295c235065cf2
+  checksum: 2bdf7561c74175cc57c912d360fe763af0fc77a078f67d22cb515fa5b23db937314ffe1b5f96ca77c5e9de55b9d94277b7a3d288ff07067d6b2f83d004027430
   languageName: node
   linkType: hard
 
@@ -11030,11 +11188,11 @@ __metadata:
   linkType: hard
 
 "@types/uglify-js@npm:*":
-  version: 3.16.0
-  resolution: "@types/uglify-js@npm:3.16.0"
+  version: 3.17.0
+  resolution: "@types/uglify-js@npm:3.17.0"
   dependencies:
     source-map: ^0.6.1
-  checksum: 6a209f3741f379654713077fa88b1b1f7e824450816bd03b70e3e51a2faf7ad6eb045b8a6d645c9cc857e8c4823615e284f009ae4e8efeca7c28b8064b2d0b32
+  checksum: ee6d4a8ff6b1dcc080638c0380f54fccd00fd577100a37375b7f365bc78c2f328564132abba494963bcce11d6a6a2b54c2cdb3eb31b18556d26cafa9eb223fd8
   languageName: node
   linkType: hard
 
@@ -11079,9 +11237,9 @@ __metadata:
   linkType: hard
 
 "@types/webpack-env@npm:^1.15.2, @types/webpack-env@npm:^1.16.0, @types/webpack-env@npm:^1.16.4, @types/webpack-env@npm:^1.17.0":
-  version: 1.17.0
-  resolution: "@types/webpack-env@npm:1.17.0"
-  checksum: 306cd550d6f799322fe2be2dba90f587ecbf2b6a848025007e4507835ee0730597c61b2e1818b74d3f73c2e0eaefef95b7f67635cbac4b981108f84a8b826e9c
+  version: 1.18.0
+  resolution: "@types/webpack-env@npm:1.18.0"
+  checksum: ac2e91b025ea31b98b0271ccb40da789c5b54693c1efb18265a54c03b303b750501f080a44e99d7ce0a5422d68d535e600e851df4b8f2240444eca7ac3159719
   languageName: node
   linkType: hard
 
@@ -11181,11 +11339,11 @@ __metadata:
   linkType: hard
 
 "@types/yargs@npm:^17.0.8":
-  version: 17.0.10
-  resolution: "@types/yargs@npm:17.0.10"
+  version: 17.0.12
+  resolution: "@types/yargs@npm:17.0.12"
   dependencies:
     "@types/yargs-parser": "*"
-  checksum: eb46d2c0dc7b3e1ccbf5a06ac217dc761ec8b9817c1fe6a15474476f86e90abc29c693f33221c28b0f20fa5f3028f44a0b1f040fc9f91f0124b9a88a7d2462a7
+  checksum: a0ba2dde56b4e5cd9666c6119ed5c519d5efa838ef37d1ce4b5d08643c3edd827b2b584a43daf6cb09a891d9171706f61aeffc235bf81079d50f470fd73751d3
   languageName: node
   linkType: hard
 
@@ -11199,12 +11357,12 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/eslint-plugin@npm:^5.15.0":
-  version: 5.30.7
-  resolution: "@typescript-eslint/eslint-plugin@npm:5.30.7"
+  version: 5.36.2
+  resolution: "@typescript-eslint/eslint-plugin@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.30.7
-    "@typescript-eslint/type-utils": 5.30.7
-    "@typescript-eslint/utils": 5.30.7
+    "@typescript-eslint/scope-manager": 5.36.2
+    "@typescript-eslint/type-utils": 5.36.2
+    "@typescript-eslint/utils": 5.36.2
     debug: ^4.3.4
     functional-red-black-tree: ^1.0.1
     ignore: ^5.2.0
@@ -11217,7 +11375,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 45a65caf3a0d53ca5f71a533d45b2a5c9256bb62572b49d409332ffa6b00036337bc0d2f165c994d3abb96a74e4e790b2d31a3bc46b02332b671c74ccd6e2bb2
+  checksum: d76a3c99d84509085b1e3c06488266a12c86c0645410b8f34cc1b92df4d58d45797dad398baf54a435e33aba7b1db9789f710a89457fbb23f56b13bd0baae089
   languageName: node
   linkType: hard
 
@@ -11238,19 +11396,19 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/parser@npm:^5.15.0":
-  version: 5.30.7
-  resolution: "@typescript-eslint/parser@npm:5.30.7"
+  version: 5.36.2
+  resolution: "@typescript-eslint/parser@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.30.7
-    "@typescript-eslint/types": 5.30.7
-    "@typescript-eslint/typescript-estree": 5.30.7
+    "@typescript-eslint/scope-manager": 5.36.2
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/typescript-estree": 5.36.2
     debug: ^4.3.4
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: f8bbb2206faae7f2278bc7c684db027772dc9f7f52ae39ec4a3ab1d8cef59b9f5ea763a117a2b923c1cdbf3ff0b870dfe7d6e6fd63b95fe255ff7c34c026ecc4
+  checksum: 3a840dc72e3051b64cd030f64a539e6f239b72a06b75999b6133b3b17885fdf5066a7c316989fe7c85dfa4d164064d365e2e88a77ec56db65eea3609f3647f42
   languageName: node
   linkType: hard
 
@@ -11264,21 +11422,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:5.30.7":
-  version: 5.30.7
-  resolution: "@typescript-eslint/scope-manager@npm:5.30.7"
+"@typescript-eslint/scope-manager@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/scope-manager@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/types": 5.30.7
-    "@typescript-eslint/visitor-keys": 5.30.7
-  checksum: 09f42220251149660724577ea4d90c8a8289dff1ca519c977a5be515aeef93a88d577a48c03d6c095c87818046fdc81f9ec0846e5e5741b85b9dd3c51d3a6218
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/visitor-keys": 5.36.2
+  checksum: 64b2427a7f10fb10b3782b82fb0ee45cd79d1a11d2ebac6e08390fc765617894b278e544ee1326ba7ad3dbd3dadcb2cdfc83468660660fda183f86ebf0d5e276
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:5.30.7":
-  version: 5.30.7
-  resolution: "@typescript-eslint/type-utils@npm:5.30.7"
+"@typescript-eslint/type-utils@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/type-utils@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/utils": 5.30.7
+    "@typescript-eslint/typescript-estree": 5.36.2
+    "@typescript-eslint/utils": 5.36.2
     debug: ^4.3.4
     tsutils: ^3.21.0
   peerDependencies:
@@ -11286,7 +11445,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 1427004f2991d8f949dcf3984b31ec01701ec2175fb63a279c643581759e1d746bebf94b4e0d5f950928a9cab93e9f7045426a7595c8fa846c1ab1648b2d7f81
+  checksum: 1b22a2b7386153e8788d91f0fc38c18d81480eae537de8afccb14f957bf1b5d992e2a26cbd1782645f331f3b9717e4d0c6df117bcf78ca7703e8dc6bd0da920d
   languageName: node
   linkType: hard
 
@@ -11297,10 +11456,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.30.7":
-  version: 5.30.7
-  resolution: "@typescript-eslint/types@npm:5.30.7"
-  checksum: 2e6401d6b82ef5924a6c96450911c6193627aed16eac0c5b3b89c22f8944c171cb651c26133e2c7c907cb418abfa16861980d976249caec58a86424c4fd84b4f
+"@typescript-eslint/types@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/types@npm:5.36.2"
+  checksum: 73202539d7c759697b458bcf230678e3a37abfd05c4e7a2affff88671f12d0fe045cc6cd272c065fbacdb9759cbdf5b31bcf9c9cc807cdaeb381cbb058768540
   languageName: node
   linkType: hard
 
@@ -11322,12 +11481,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.30.7":
-  version: 5.30.7
-  resolution: "@typescript-eslint/typescript-estree@npm:5.30.7"
+"@typescript-eslint/typescript-estree@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/typescript-estree@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/types": 5.30.7
-    "@typescript-eslint/visitor-keys": 5.30.7
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/visitor-keys": 5.36.2
     debug: ^4.3.4
     globby: ^11.1.0
     is-glob: ^4.0.3
@@ -11336,23 +11495,23 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 9b004137db86a03534dca5f4b4e2fdb0b298c80849e28107b19277004d5c6b0adf75486461df37ba54a3a2a8da8a6814b6da51cf42c9548f2ee622a015fa840c
+  checksum: a887f2515528bd09fded97f723b8d309feb667a32f209d490835913a4ea3afb52b1b1231410c6fa6f19de89723b67631982aa9c89d0a4c0e977ebe514dcf4de1
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:5.30.7, @typescript-eslint/utils@npm:^5.13.0":
-  version: 5.30.7
-  resolution: "@typescript-eslint/utils@npm:5.30.7"
+"@typescript-eslint/utils@npm:5.36.2, @typescript-eslint/utils@npm:^5.13.0":
+  version: 5.36.2
+  resolution: "@typescript-eslint/utils@npm:5.36.2"
   dependencies:
     "@types/json-schema": ^7.0.9
-    "@typescript-eslint/scope-manager": 5.30.7
-    "@typescript-eslint/types": 5.30.7
-    "@typescript-eslint/typescript-estree": 5.30.7
+    "@typescript-eslint/scope-manager": 5.36.2
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/typescript-estree": 5.36.2
     eslint-scope: ^5.1.1
     eslint-utils: ^3.0.0
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: d720229c332743e2a20ed92428ce667420e6b7ceb68713cc928fa6e96013d4b5fa8f0f9732c4846ad64106a6a0c44e742ce7515243e0c916c38df0ebd3709715
+  checksum: 9fc774aee1ba6d8d126bd79f11387a7e105a06e4109a10a2f6d576ab7347a19a43f8629b5e93cd3b5ea5004c94067b7abd3aa45fd50866492d97ef9965b9f06e
   languageName: node
   linkType: hard
 
@@ -11366,13 +11525,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:5.30.7":
-  version: 5.30.7
-  resolution: "@typescript-eslint/visitor-keys@npm:5.30.7"
+"@typescript-eslint/visitor-keys@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/visitor-keys@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/types": 5.30.7
+    "@typescript-eslint/types": 5.36.2
     eslint-visitor-keys: ^3.3.0
-  checksum: 7f19651aafb4a9aa470347d9c864aa6404c39deee0b5d66ff5915b422ed6d6d708467e5d63da91c3df3f6cc4454136ebd0f08bb25d019ec8ca48fe9caf9eef6f
+  checksum: 4c904f61dc28c433059c45bdae62d3d3be9c35099343235fbe96193ccbf8484b57e527e2bf2d0e299e8b136980787e7ad1f4efb93b8b093bd24dafad874a0c18
   languageName: node
   linkType: hard
 
@@ -11435,10 +11594,37 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/babel-helper-vue-jsx-merge-props@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@vue/babel-helper-vue-jsx-merge-props@npm:1.2.1"
-  checksum: adefa7dbeb793aba0acded979b83136b63b8c25d76c2a6875df9cc95b75b440efdd2f769579ca636fc26ed0229a16129680e5d5edb36816d4d8ffcf8ebacd61e
+"@vitejs/plugin-react@npm:^2.0.0, @vitejs/plugin-react@npm:^2.0.1":
+  version: 2.1.0
+  resolution: "@vitejs/plugin-react@npm:2.1.0"
+  dependencies:
+    "@babel/core": ^7.18.13
+    "@babel/plugin-transform-react-jsx": ^7.18.10
+    "@babel/plugin-transform-react-jsx-development": ^7.18.6
+    "@babel/plugin-transform-react-jsx-self": ^7.18.6
+    "@babel/plugin-transform-react-jsx-source": ^7.18.6
+    magic-string: ^0.26.2
+    react-refresh: ^0.14.0
+  peerDependencies:
+    vite: ^3.0.0
+  checksum: e63e973e4de450e55215d5de705a388c1d72f08bacae44810225386fbed2ec49f8257603e9f86c2d6aa443e4b36d9f10a4d39b5aa2f566ed682d01836ddf65c8
+  languageName: node
+  linkType: hard
+
+"@vitejs/plugin-vue@npm:^3.0.3":
+  version: 3.1.0
+  resolution: "@vitejs/plugin-vue@npm:3.1.0"
+  peerDependencies:
+    vite: ^3.0.0
+    vue: ^3.2.25
+  checksum: 21d473aa078ddd2443ad86c74fb9b15f215af631c93761a6a72107c724e9ab26565c4a491c5c345ee77d6f43fd6b2ed4ba76515a29c8f44480ce3fab8d4a4070
+  languageName: node
+  linkType: hard
+
+"@vue/babel-helper-vue-jsx-merge-props@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-helper-vue-jsx-merge-props@npm:1.4.0"
+  checksum: 176a75390b5d41599ecc9120a155a3a85b0559afc8b3aa32555c758c6c17e38a7373b068c3e74f9ba314e61529de8a75d262efe4bd441dfa35b531072ce30e4c
   languageName: node
   linkType: hard
 
@@ -11466,19 +11652,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/babel-plugin-transform-vue-jsx@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@vue/babel-plugin-transform-vue-jsx@npm:1.2.1"
+"@vue/babel-plugin-transform-vue-jsx@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-plugin-transform-vue-jsx@npm:1.4.0"
   dependencies:
     "@babel/helper-module-imports": ^7.0.0
     "@babel/plugin-syntax-jsx": ^7.2.0
-    "@vue/babel-helper-vue-jsx-merge-props": ^1.2.1
+    "@vue/babel-helper-vue-jsx-merge-props": ^1.4.0
     html-tags: ^2.0.0
     lodash.kebabcase: ^4.1.1
     svg-tags: ^1.0.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6eecf13ddf379a36444f495554ebbcd88a3d8c51d8c7e7b373c3f433044cd9402b4702ab143a878a11fd0159a585db62a0f84a536454b5a5308aa6f0bab0c9c9
+  checksum: 791d0f252947f634bebe975816e0c17a4bf942460492bcde5dd8c663819949c2c54181712154470adbe7d023016ae989ab886ac6ac7519674e53b714ee690525
   languageName: node
   linkType: hard
 
@@ -11516,97 +11702,97 @@ __metadata:
   linkType: hard
 
 "@vue/babel-preset-jsx@npm:^1.1.2, @vue/babel-preset-jsx@npm:^1.2.4":
-  version: 1.3.0
-  resolution: "@vue/babel-preset-jsx@npm:1.3.0"
+  version: 1.4.0
+  resolution: "@vue/babel-preset-jsx@npm:1.4.0"
   dependencies:
-    "@vue/babel-helper-vue-jsx-merge-props": ^1.2.1
-    "@vue/babel-plugin-transform-vue-jsx": ^1.2.1
-    "@vue/babel-sugar-composition-api-inject-h": ^1.3.0
-    "@vue/babel-sugar-composition-api-render-instance": ^1.3.0
-    "@vue/babel-sugar-functional-vue": ^1.2.2
-    "@vue/babel-sugar-inject-h": ^1.2.2
-    "@vue/babel-sugar-v-model": ^1.3.0
-    "@vue/babel-sugar-v-on": ^1.3.0
+    "@vue/babel-helper-vue-jsx-merge-props": ^1.4.0
+    "@vue/babel-plugin-transform-vue-jsx": ^1.4.0
+    "@vue/babel-sugar-composition-api-inject-h": ^1.4.0
+    "@vue/babel-sugar-composition-api-render-instance": ^1.4.0
+    "@vue/babel-sugar-functional-vue": ^1.4.0
+    "@vue/babel-sugar-inject-h": ^1.4.0
+    "@vue/babel-sugar-v-model": ^1.4.0
+    "@vue/babel-sugar-v-on": ^1.4.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-    vue: 2.x
+    vue: "*"
   peerDependenciesMeta:
     vue:
       optional: true
-  checksum: 982611294a67b490b6780d16d6c8cf524cb3affd490025a32fe8bb84e0810105c82a47b331d5cf630748b93c07820cc549d6e3bcd3fc7f35c63eafc06c2a7fb4
+  checksum: 20ab15ccd012788f81f656f4671bfce2216e39ee6e0d6e9f3beb6ddc26150fe9505efd92fc62238dc67eb98d8adc548fe077fa6a68c39003014156e2a3b6c641
   languageName: node
   linkType: hard
 
-"@vue/babel-sugar-composition-api-inject-h@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@vue/babel-sugar-composition-api-inject-h@npm:1.3.0"
+"@vue/babel-sugar-composition-api-inject-h@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-sugar-composition-api-inject-h@npm:1.4.0"
   dependencies:
     "@babel/plugin-syntax-jsx": ^7.2.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 13a039f36a36bf40ed74c7c48d111e53270135cd8658a92901e4dcdf86901a440af2323f2ed2c11cdbdcfb23291cae5fea3de1430cec1698fdeeae8a19456422
+  checksum: c8b1fd5693ef99ba5358a954db0208588760022d9591006467f15da21b14b7e1f679a290e9ff0deca54696f22a63d799715d9305a7e48de4762cfc6337e6fe78
   languageName: node
   linkType: hard
 
-"@vue/babel-sugar-composition-api-render-instance@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@vue/babel-sugar-composition-api-render-instance@npm:1.3.0"
+"@vue/babel-sugar-composition-api-render-instance@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-sugar-composition-api-render-instance@npm:1.4.0"
   dependencies:
     "@babel/plugin-syntax-jsx": ^7.2.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: c818487478ce9e33b126e2958b99200702cfca221e4204eea8c057e279f6cd86d213f4bba7774bcd4287e4766c0e49043c724ed740c20cf660f0b707ba012a48
+  checksum: 3ef9cd71b721557a56259f20320c457165802cad60d957d21fdabb4e8fabf2e55a7851ea8f4382278bf0e0bbec27a64700f5c668bf16993124f2b58dc3bf2376
   languageName: node
   linkType: hard
 
-"@vue/babel-sugar-functional-vue@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "@vue/babel-sugar-functional-vue@npm:1.2.2"
+"@vue/babel-sugar-functional-vue@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-sugar-functional-vue@npm:1.4.0"
   dependencies:
     "@babel/plugin-syntax-jsx": ^7.2.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e6d683cd80dc4be462acc41378fdc13e1e4eb810d4d6b85b5d3f01af2117744fe488209a3d87e43a3586e0bd58acc5f86a7bc441ffb0187df92d523b540550c2
+  checksum: 2e2c470ea31bc0f2a2b82f37406ddf02387b0e6b0e14d6905b989e956d0727283375f8147bd1d71afa138277b8380ff6b5d1d3e9639a420fdd9ffdb520d1d70e
   languageName: node
   linkType: hard
 
-"@vue/babel-sugar-inject-h@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "@vue/babel-sugar-inject-h@npm:1.2.2"
+"@vue/babel-sugar-inject-h@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-sugar-inject-h@npm:1.4.0"
   dependencies:
     "@babel/plugin-syntax-jsx": ^7.2.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 271b0860c1d9911b7ea1c6f842f0feb8961bac70dab20621fb6eb9d8ac7c3f13ae7b9c2f562db48e73d19814d059c3c463389ba96fd41dc2017c32de4caf7726
+  checksum: 364823f4d4b122c7740de2e9d6e50dbdd25f5c55b7cd2053e10c388543bf536ada26b038669388727d333277009f3a404aac15658aef0f017890c60a8e0115c1
   languageName: node
   linkType: hard
 
-"@vue/babel-sugar-v-model@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@vue/babel-sugar-v-model@npm:1.3.0"
+"@vue/babel-sugar-v-model@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-sugar-v-model@npm:1.4.0"
   dependencies:
     "@babel/plugin-syntax-jsx": ^7.2.0
-    "@vue/babel-helper-vue-jsx-merge-props": ^1.2.1
-    "@vue/babel-plugin-transform-vue-jsx": ^1.2.1
+    "@vue/babel-helper-vue-jsx-merge-props": ^1.4.0
+    "@vue/babel-plugin-transform-vue-jsx": ^1.4.0
     camelcase: ^5.0.0
     html-tags: ^2.0.0
     svg-tags: ^1.0.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: a85e7c4cb3951551c9863c37b85a1444dda461c01606cb80caedc729458d6d8bb28da3b5f90d0e4082c5ccba55bcd6625af85c1e10e9be51bd9c0224633af27d
+  checksum: 10cf44f2e7699487b1aeaa093ffa2721f0f046cdb958261e2df53fe82e39bf3e59bddcbbca527f69f7db97e518e40e55ec0314357052b84d8f948bce76aaa676
   languageName: node
   linkType: hard
 
-"@vue/babel-sugar-v-on@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@vue/babel-sugar-v-on@npm:1.3.0"
+"@vue/babel-sugar-v-on@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@vue/babel-sugar-v-on@npm:1.4.0"
   dependencies:
     "@babel/plugin-syntax-jsx": ^7.2.0
-    "@vue/babel-plugin-transform-vue-jsx": ^1.2.1
+    "@vue/babel-plugin-transform-vue-jsx": ^1.4.0
     camelcase: ^5.0.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: bc167e556730a4b165583aa8ede60bf2cfba63c7ece3811ac1005c9feb94ff8fb15df8863297095c7d6841dd6bde7bb1243cb72718d0bf29aff16b43f3bf6c9d
+  checksum: 2b60535a7cf27574bbfb36777181ce11d76081b96ac8ac1a71e341146a8a2d7f83a1400ada1e2b54023fa1ec90e9d1c0ff2f353870401c70b74fe988844f6c9b
   languageName: node
   linkType: hard
 
@@ -11799,15 +11985,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/compiler-core@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/compiler-core@npm:3.2.37"
+"@vue/compiler-core@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/compiler-core@npm:3.2.38"
   dependencies:
     "@babel/parser": ^7.16.4
-    "@vue/shared": 3.2.37
+    "@vue/shared": 3.2.38
     estree-walker: ^2.0.2
     source-map: ^0.6.1
-  checksum: d50c7cb75d3229a10f02eac1b899300a0413f586f0c1eebe4cd931cfd1a709308c93211e7fb1b995c66c68cbdf3fd934ad23d967af6c156f72fdc84ad195e136
+  checksum: 8830f7cde022280d6645cdda384c0b402ccf1d9f40ec3d9e7df9638016b09d86a8919ca6288329e45dbc5d943c0654ef0a04a760d071f7a7a3fd17533064fd4c
   languageName: node
   linkType: hard
 
@@ -11821,24 +12007,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/compiler-dom@npm:3.2.37, @vue/compiler-dom@npm:^3.2.0":
-  version: 3.2.37
-  resolution: "@vue/compiler-dom@npm:3.2.37"
+"@vue/compiler-dom@npm:3.2.38, @vue/compiler-dom@npm:^3.2.0":
+  version: 3.2.38
+  resolution: "@vue/compiler-dom@npm:3.2.38"
   dependencies:
-    "@vue/compiler-core": 3.2.37
-    "@vue/shared": 3.2.37
-  checksum: e50ac1deff28acdc92247606daacc852055a0915839ff467c18bccc0c988ae252982547dc1bc0f07d41bedc8eea25961e5caa6ccbb7eef123a35a3e02c542929
+    "@vue/compiler-core": 3.2.38
+    "@vue/shared": 3.2.38
+  checksum: b5e06be6d3268ad26c650f6e23b9c325cae2788aba23e1a7370c1f9cf971b70252395dec9d63eeb0cdbdb5b4d035adbe1e922dc22a6c925070d27cee99676964
   languageName: node
   linkType: hard
 
-"@vue/compiler-sfc@npm:2.7.7":
-  version: 2.7.7
-  resolution: "@vue/compiler-sfc@npm:2.7.7"
+"@vue/compiler-sfc@npm:2.7.10":
+  version: 2.7.10
+  resolution: "@vue/compiler-sfc@npm:2.7.10"
   dependencies:
     "@babel/parser": ^7.18.4
     postcss: ^8.4.14
     source-map: ^0.6.1
-  checksum: 1148125fbe27f2150f7a42d67e52f00aa06bd95a036446329cae459916f389ed6a4198ee25bb6f7821930fb362db636272694681f5a36ee2943adce2414a2a56
+  checksum: 54118cc771e18ae2804aa39c2bcca889f7758bfb85392d96a9b94a494a3b6c12fc00984eb0ae8ef861dcedf6481e0933dd9774211ef9c2579fe7a7e7ffe97876
   languageName: node
   linkType: hard
 
@@ -11868,21 +12054,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/compiler-sfc@npm:3.2.37, @vue/compiler-sfc@npm:^3.2.0, @vue/compiler-sfc@npm:^3.2.33, @vue/compiler-sfc@npm:^3.2.36":
-  version: 3.2.37
-  resolution: "@vue/compiler-sfc@npm:3.2.37"
+"@vue/compiler-sfc@npm:3.2.38, @vue/compiler-sfc@npm:^3.2.0, @vue/compiler-sfc@npm:^3.2.33, @vue/compiler-sfc@npm:^3.2.36":
+  version: 3.2.38
+  resolution: "@vue/compiler-sfc@npm:3.2.38"
   dependencies:
     "@babel/parser": ^7.16.4
-    "@vue/compiler-core": 3.2.37
-    "@vue/compiler-dom": 3.2.37
-    "@vue/compiler-ssr": 3.2.37
-    "@vue/reactivity-transform": 3.2.37
-    "@vue/shared": 3.2.37
+    "@vue/compiler-core": 3.2.38
+    "@vue/compiler-dom": 3.2.38
+    "@vue/compiler-ssr": 3.2.38
+    "@vue/reactivity-transform": 3.2.38
+    "@vue/shared": 3.2.38
     estree-walker: ^2.0.2
     magic-string: ^0.25.7
     postcss: ^8.1.10
     source-map: ^0.6.1
-  checksum: 08d4c0d837a8ee29547c77ba855ca313920267b00b51288907d3932ea99bd835b8a1e61753a5bc1ca870d1b49744611c0b741fdb7b084eb7f5fc63424d5fcb32
+  checksum: 8e4b6e6db3d1522b4d907914406e90daf5d87e99bd1da3cb29a076acd2c06747bb7f6f62bec1ffa4fb0722148efea3b7cc5e58738592133ed5f7a3514d6f540f
   languageName: node
   linkType: hard
 
@@ -11896,13 +12082,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/compiler-ssr@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/compiler-ssr@npm:3.2.37"
+"@vue/compiler-ssr@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/compiler-ssr@npm:3.2.38"
   dependencies:
-    "@vue/compiler-dom": 3.2.37
-    "@vue/shared": 3.2.37
-  checksum: f92a843b94df90f10082bc712527bb61e4ab3780d44eff0c048a802837f0b8105147dbd2311f621a7a17f258e3ceaa781cb89d5bf91134f749af9f0998f9b937
+    "@vue/compiler-dom": 3.2.38
+    "@vue/shared": 3.2.38
+  checksum: 519ecb24f324f3ad9b5941852ceb51892d099f5cdbd42e508e0993e5766cd8acc85649fd3e7410f18c16c8136828aa3329f4144d400bccd0835d242b05fe1172
   languageName: node
   linkType: hard
 
@@ -11926,16 +12112,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/reactivity-transform@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/reactivity-transform@npm:3.2.37"
+"@vue/reactivity-transform@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/reactivity-transform@npm:3.2.38"
   dependencies:
     "@babel/parser": ^7.16.4
-    "@vue/compiler-core": 3.2.37
-    "@vue/shared": 3.2.37
+    "@vue/compiler-core": 3.2.38
+    "@vue/shared": 3.2.38
     estree-walker: ^2.0.2
     magic-string: ^0.25.7
-  checksum: 5868beef6efff1fa20496e2e4a3aad461389f773bb8ae1285932a461541471a1e6085f9ce1372b4fd25caa1b61acb762998a9dc4b83ee471ccafd76009dcfc32
+  checksum: 562168e01bbd3bc2b43c9c9308a5e278e5b78f4bc611940d8452c470224f9437661117ef97c103a5ba4a58b548fe2597b915db9fa9d2a4ce314d7f871772465a
   languageName: node
   linkType: hard
 
@@ -11948,12 +12134,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/reactivity@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/reactivity@npm:3.2.37"
+"@vue/reactivity@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/reactivity@npm:3.2.38"
   dependencies:
-    "@vue/shared": 3.2.37
-  checksum: c071fc40e3b29af5758b321c875b427fce8f953877e6c32b71facd4f0a761388cbf5d762a4c90d0e2e7bfb4b33febeea4985d2c0ceeaab9ef1b4c5fc21928e38
+    "@vue/shared": 3.2.38
+  checksum: 867fc400bc408e254145d89d11d8556c6feb1c047ebde8bbf5bbaff9b24ebb8eb5e321e304d3b2d1f597b1036e563a2060cdae2971f1e31d0e25b2a87111900f
   languageName: node
   linkType: hard
 
@@ -11967,13 +12153,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/runtime-core@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/runtime-core@npm:3.2.37"
+"@vue/runtime-core@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/runtime-core@npm:3.2.38"
   dependencies:
-    "@vue/reactivity": 3.2.37
-    "@vue/shared": 3.2.37
-  checksum: b08fe2d0db843a50862e8b57d147020f09058ffc9490c1a257b0a3778b146febf764dfc9d16423eba1be78c71d57fd08702125ed7e3ac4f6e1b4c1a0e012d36b
+    "@vue/reactivity": 3.2.38
+    "@vue/shared": 3.2.38
+  checksum: 14f64891d1eff0a61c53648c8835319c6115d5268b7743d72fd5c5f7379b99f7cb199cc54bb4a697a3fffd2971c08b7a8fdc814b4cc9ba38d74d6ff2e615c926
   languageName: node
   linkType: hard
 
@@ -11988,26 +12174,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/runtime-dom@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/runtime-dom@npm:3.2.37"
+"@vue/runtime-dom@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/runtime-dom@npm:3.2.38"
   dependencies:
-    "@vue/runtime-core": 3.2.37
-    "@vue/shared": 3.2.37
+    "@vue/runtime-core": 3.2.38
+    "@vue/shared": 3.2.38
     csstype: ^2.6.8
-  checksum: cfcdf830c0a123e4366f8c77dd1181ad8a372d815bc2fb94c0207dbde667eb2200b347f93e1023bde0ed92acdfc82118432703f76d8e6743d9d952ded3ff5b42
+  checksum: b197e3b8272da89468ecb875936d20c81a61341de9e760286f3bd57cd4cc33d33851c8780a475697f9cc48635c2559d813838bdd894ea400929eea45847f2aa1
   languageName: node
   linkType: hard
 
-"@vue/server-renderer@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/server-renderer@npm:3.2.37"
+"@vue/server-renderer@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/server-renderer@npm:3.2.38"
   dependencies:
-    "@vue/compiler-ssr": 3.2.37
-    "@vue/shared": 3.2.37
+    "@vue/compiler-ssr": 3.2.38
+    "@vue/shared": 3.2.38
   peerDependencies:
-    vue: 3.2.37
-  checksum: 1946cce6178da88f4e276454818c554df5f3223086f62cd28ad54a893470c56618c73aadae9b68a2745ced284637f7724513f62eca87b7ed3557a18f772b5afa
+    vue: 3.2.38
+  checksum: c6067b1bbfc8cab924725cf3fdb86568313b578439c75f0c1e2b06d38a1893679b0c469dd56518f8940d306b7920a7df4b201b9182d7a5edfee383fa16b310c2
   languageName: node
   linkType: hard
 
@@ -12018,10 +12204,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/shared@npm:3.2.37":
-  version: 3.2.37
-  resolution: "@vue/shared@npm:3.2.37"
-  checksum: f1ffbe5e72a2f673641948ebd1864e9898da8718a6c2a95cd37387a3b9797a10f5d4a402a36da6b13846ee31d106fd4f2e08ee51787e85147e54c519fdbb001a
+"@vue/shared@npm:3.2.38":
+  version: 3.2.38
+  resolution: "@vue/shared@npm:3.2.38"
+  checksum: 435bbecaf77227d10e2fe05c4a589644d5cbfa22b6b4d8b0f770b7f608ed568447f779064867990231046f6181e27a50a7e8425a6b9a60d0f25d82b2bc96f6b3
   languageName: node
   linkType: hard
 
@@ -12266,13 +12452,13 @@ __metadata:
   linkType: hard
 
 "@yarnpkg/esbuild-plugin-pnp@npm:^3.0.0-rc.10":
-  version: 3.0.0-rc.12
-  resolution: "@yarnpkg/esbuild-plugin-pnp@npm:3.0.0-rc.12"
+  version: 3.0.0-rc.15
+  resolution: "@yarnpkg/esbuild-plugin-pnp@npm:3.0.0-rc.15"
   dependencies:
-    tslib: ^1.13.0
+    tslib: ^2.4.0
   peerDependencies:
     esbuild: ">=0.10.0"
-  checksum: 58d33bf525faca84a0f71d0710e8a0f4cfdcf22f54f0acc64e27d7f261e692c3f7199684d9c6a18c557245b817832ac10f92122f8161324b213b7a0354f8b055
+  checksum: 5095bc316862971add31ca1fadb0095b6ad15f25120f6ab3a06086bb6a7be93c2f3c45bff80d5976689fc89b0e9bf82bd3d410e205c852739874d32d050c4e57
   languageName: node
   linkType: hard
 
@@ -12411,7 +12597,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-jsx@npm:^5.0.0, acorn-jsx@npm:^5.2.0, acorn-jsx@npm:^5.3.1":
+"acorn-jsx@npm:^5.0.0, acorn-jsx@npm:^5.3.1":
   version: 5.3.2
   resolution: "acorn-jsx@npm:5.3.2"
   peerDependencies:
@@ -12470,7 +12656,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^7.0.0, acorn@npm:^7.1.0, acorn@npm:^7.1.1, acorn@npm:^7.3.1, acorn@npm:^7.4.0, acorn@npm:^7.4.1":
+"acorn@npm:^7.0.0, acorn@npm:^7.1.0, acorn@npm:^7.1.1, acorn@npm:^7.4.0, acorn@npm:^7.4.1":
   version: 7.4.1
   resolution: "acorn@npm:7.4.1"
   bin:
@@ -12479,12 +12665,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.0.0, acorn@npm:^8.0.4, acorn@npm:^8.0.5, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0":
-  version: 8.7.1
-  resolution: "acorn@npm:8.7.1"
+"acorn@npm:^8.0.0, acorn@npm:^8.0.4, acorn@npm:^8.0.5, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.6.0, acorn@npm:^8.7.1":
+  version: 8.8.0
+  resolution: "acorn@npm:8.8.0"
   bin:
     acorn: bin/acorn
-  checksum: d9ff126ba128ac56fd5c54a4295e68bf95b923d1ce728152d9dd1980bd9f35eaac5771c0072a840ee6296323c3c9891186cd29c7541579dcb5b4d4c74bfef379
+  checksum: 5efce4f59554e0ab766f32932cba34b86cc2ecdf24fcd27463beff41d8a1b1b9575c21f92c1b9f7f82b93374a9d5aed33c91f93e2d0cb1bdf3f1e06ec131e816
   languageName: node
   linkType: hard
 
@@ -12699,29 +12885,27 @@ __metadata:
     "@angular/platform-browser-dynamic": ^13.3.6
     "@compodoc/compodoc": ^1.1.18
     "@ngrx/store": ^13.2.0
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/angular": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-interactions": 7.0.0-alpha.31
+    "@storybook/addon-jest": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/angular": 7.0.0-alpha.31
     "@storybook/babel-plugin-require-context-hook": 1.0.1
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.31
     "@storybook/testing-library": 0.0.14-next.0
-    "@types/core-js": ^2.5.4
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/sass": ^1
     "@webcomponents/custom-elements": ^1.4.3
-    core-js: ^3.8.2
     global: ^4.4.0
     jasmine-core: ~3.6.0
     jasmine-spec-reporter: ~5.0.2
@@ -12730,7 +12914,7 @@ __metadata:
     protractor: ~7.0.0
     rxjs: ^6.6.7
     sass: ^1.43.4
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     storybook-addon-angular-ivy: ^0.0.1
     telejson: ^6.0.8
     ts-jest: ^26.4.4
@@ -12996,12 +13180,12 @@ __metadata:
   linkType: hard
 
 "are-we-there-yet@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "are-we-there-yet@npm:3.0.0"
+  version: 3.0.1
+  resolution: "are-we-there-yet@npm:3.0.1"
   dependencies:
     delegates: ^1.0.0
     readable-stream: ^3.6.0
-  checksum: 91cd4ad8a914437720bd726a36304ae279209fb13ce0f7e183ae752ae6d0070b56717a06a96b186728f9e74cb90837e5ee167a717119367b0ff3c4d2cef389ff
+  checksum: 8373f289ba42e4b5ec713bb585acdac14b5702c75f2a458dc985b9e4fa5762bc5b46b40a21b72418a3ed0cfb5e35bdc317ef1ae132f3035f633d581dd03168c3
   languageName: node
   linkType: hard
 
@@ -13070,9 +13254,9 @@ __metadata:
   linkType: hard
 
 "aria-query@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "aria-query@npm:5.0.0"
-  checksum: d8508a793e70bc8ef793c6df0adae1b337b60cd978974931e1a405e30b1356c822355950c9ad58271ea0353608a47d3b3a317667850d9c0ce227b0e88a8b2371
+  version: 5.0.2
+  resolution: "aria-query@npm:5.0.2"
+  checksum: fe1ce894c408b58a6bc9c905c7400ccf278944b1cc67be9766124324f1a2a78afdb07b90569faa2420a4f360dca7f641d3511ef42871b857b8079ac856a3b1bd
   languageName: node
   linkType: hard
 
@@ -13366,6 +13550,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ast-types@npm:0.15.2":
+  version: 0.15.2
+  resolution: "ast-types@npm:0.15.2"
+  dependencies:
+    tslib: ^2.0.1
+  checksum: 5b26e3656e9e8d1db8c8d14971d0cb88ca0138aacce72171cb4cd4555fc8dc53c07e821c568e57fe147366931708fefd25cb9d7e880d42ce9cb569947844c962
+  languageName: node
+  linkType: hard
+
 "ast-types@npm:0.9.6":
   version: 0.9.6
   resolution: "ast-types@npm:0.9.6"
@@ -13387,7 +13580,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"astring@npm:^1.6.0":
+"astring@npm:^1.8.0":
   version: 1.8.3
   resolution: "astring@npm:1.8.3"
   bin:
@@ -13458,7 +13651,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"async@npm:^2.4.1, async@npm:^2.6.2":
+"async@npm:^2.4.1, async@npm:^2.6.4":
   version: 2.6.4
   resolution: "async@npm:2.6.4"
   dependencies:
@@ -13518,12 +13711,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"autoprefixer@npm:^10.0.1, autoprefixer@npm:^10.2.4, autoprefixer@npm:^10.4.2, autoprefixer@npm:^10.4.7":
-  version: 10.4.7
-  resolution: "autoprefixer@npm:10.4.7"
+"autoprefixer@npm:^10.0.1, autoprefixer@npm:^10.2.4, autoprefixer@npm:^10.4.2, autoprefixer@npm:^10.4.8":
+  version: 10.4.8
+  resolution: "autoprefixer@npm:10.4.8"
   dependencies:
-    browserslist: ^4.20.3
-    caniuse-lite: ^1.0.30001335
+    browserslist: ^4.21.3
+    caniuse-lite: ^1.0.30001373
     fraction.js: ^4.2.0
     normalize-range: ^0.1.2
     picocolors: ^1.0.0
@@ -13532,7 +13725,7 @@ __metadata:
     postcss: ^8.1.0
   bin:
     autoprefixer: bin/autoprefixer
-  checksum: 80efba20a1884598098eb718c625020f3d234a285e562997c17a5f78560b307b0494051b8851b03862e58a78bafc9e4c9c0d1828293e438a22c935834b6d629e
+  checksum: 4dabc6166053831fbd786df493b07fe553cb68753815c3e9c775c514c8fafb1877c7330150e36a88944ce50196da1c47ff26fcb208a1a84956aa07276cc74f47
   languageName: node
   linkType: hard
 
@@ -13581,7 +13774,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axe-core@npm:^4.2.0, axe-core@npm:^4.4.1, axe-core@npm:^4.4.2":
+"axe-core@npm:^4.2.0, axe-core@npm:^4.4.2, axe-core@npm:^4.4.3":
   version: 4.4.3
   resolution: "axe-core@npm:4.4.3"
   checksum: 01ed3d23b86f48c595e7a077ca472b35b53e6b76e93996e91d8447f0ab68d7a5318534af6cb5e60ffd575f75ac742570192dc3de7223493bbeee9acaf2f6c520
@@ -13665,6 +13858,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-jest@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "babel-jest@npm:28.1.3"
+  dependencies:
+    "@jest/transform": ^28.1.3
+    "@types/babel__core": ^7.1.14
+    babel-plugin-istanbul: ^6.1.1
+    babel-preset-jest: ^28.1.3
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    slash: ^3.0.0
+  peerDependencies:
+    "@babel/core": ^7.8.0
+  checksum: 612a6317c176d2d890d9e7c5fc1379a6b2aca784522c1242db9dbcc6e18f2cdaa793e3d649346d37333576b37953fadd53a415787e32ec0fac8b79c35aaafd11
+  languageName: node
+  linkType: hard
+
 "babel-loader@npm:8.2.5, babel-loader@npm:^7.0.0 || ^8.0.0, babel-loader@npm:^8.2.2, babel-loader@npm:^8.2.3, babel-loader@npm:^8.2.5":
   version: 8.2.5
   resolution: "babel-loader@npm:8.2.5"
@@ -13824,7 +14034,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-macros@npm:^2.6.1, babel-plugin-macros@npm:^2.8.0":
+"babel-plugin-jest-hoist@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "babel-plugin-jest-hoist@npm:28.1.3"
+  dependencies:
+    "@babel/template": ^7.3.3
+    "@babel/types": ^7.3.3
+    "@types/babel__core": ^7.1.14
+    "@types/babel__traverse": ^7.0.6
+  checksum: 4a47f1673bdfcc15b0968d5577119b1abc6eb199a2d627be56c60872fba7b65455cbc7d631896d33e6ec27831bf43600a1d66616d3bc3a37a8784c1596339eeb
+  languageName: node
+  linkType: hard
+
+"babel-plugin-macros@npm:^2.8.0":
   version: 2.8.0
   resolution: "babel-plugin-macros@npm:2.8.0"
   dependencies:
@@ -13888,44 +14110,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs2@npm:^0.3.0, babel-plugin-polyfill-corejs2@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.3.1"
+"babel-plugin-polyfill-corejs2@npm:^0.3.0, babel-plugin-polyfill-corejs2@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.3.2"
   dependencies:
-    "@babel/compat-data": ^7.13.11
-    "@babel/helper-define-polyfill-provider": ^0.3.1
+    "@babel/compat-data": ^7.17.7
+    "@babel/helper-define-polyfill-provider": ^0.3.2
     semver: ^6.1.1
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 55b9394c954eed189b43b2c92c8fa1a0f811bcfced63aee741d26e9df8c8f4e18ec278a5353015afb66b47833d2dd2597e5e1c54310774416ebc67ec34ae8410
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-corejs3@npm:^0.1.0":
-  version: 0.1.7
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.1.7"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.1.5
-    core-js-compat: ^3.8.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d31c7f0c210994593e2cc57d202ada8539cbbff1a112f52aa3607c8c9ba23b64e03fa52fbdc243dccbce8b8052f29f8d541bc4151e3055738cb03647708c0f42
+  checksum: 704c9cefc0c447a8bc6376a51ba81829429cc1a92459ed089b8832829063ccabd64df81e9c10dd369353e345f75a342343ffac0db43a546ad48c2f9751d2916e
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs3@npm:^0.5.0, babel-plugin-polyfill-corejs3@npm:^0.5.2":
-  version: 0.5.2
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.5.2"
+"babel-plugin-polyfill-corejs3@npm:^0.5.0, babel-plugin-polyfill-corejs3@npm:^0.5.3":
+  version: 0.5.3
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.5.3"
   dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.3.1
+    "@babel/helper-define-polyfill-provider": ^0.3.2
     core-js-compat: ^3.21.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 4b6c36934e1b80629abcb35a8b2e0749e9f3df5ba911447a1726b30ff6eeb76e5858b83477e844abf33fea25da2220e820a1d7a10035d88f63c98544d1d66723
+  checksum: 87f9eb8be5e8e115b930624c8e3e91b5396eca8d563120b0cd03853960addf587fd4cab8776ecf3a59ec94a774f214f2321a96c354a667a62fa2dc5eb122eaa0
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-regenerator@npm:^0.3.0, babel-plugin-polyfill-regenerator@npm:^0.3.1":
+"babel-plugin-polyfill-regenerator@npm:^0.3.0":
   version: 0.3.1
   resolution: "babel-plugin-polyfill-regenerator@npm:0.3.1"
   dependencies:
@@ -13936,15 +14146,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-preval@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "babel-plugin-preval@npm:5.1.0"
+"babel-plugin-polyfill-regenerator@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.4.0"
   dependencies:
-    "@babel/runtime": ^7.12.5
-    "@types/babel__core": ^7.1.12
-    babel-plugin-macros: ^3.0.1
-    require-from-string: ^2.0.2
-  checksum: d40814ca18f24df818a87e71ad8c1dc559cf69c0e44218bb9f5aef24680431a04e4bad8e96dc2679282b50b16a55c9597e37130d6bd5489b3eddab97d020ae5e
+    "@babel/helper-define-polyfill-provider": ^0.3.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b5a8837e41bf6767c6f68fb37459363c84b54e40e787f8b6461cb32fe13d16b6d6ca380bf2f941e521c48d4be41ec10ee42c9f3cdb9433b8885929d808a598e5
   languageName: node
   linkType: hard
 
@@ -14043,6 +14252,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-preset-jest@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "babel-preset-jest@npm:28.1.3"
+  dependencies:
+    babel-plugin-jest-hoist: ^28.1.3
+    babel-preset-current-node-syntax: ^1.0.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: b30f4102012f9474be4649ea8dba848614ae995418173c5d4a0e606785f03320aea1e8889b5f163f0336c06d5901100b47cd77a45c54fcbf149ff06ad4fa907c
+  languageName: node
+  linkType: hard
+
 "babel-preset-react-app@npm:^10.0.1":
   version: 10.0.1
   resolution: "babel-preset-react-app@npm:10.0.1"
@@ -14415,14 +14636,14 @@ __metadata:
   linkType: hard
 
 "bonjour-service@npm:^1.0.11":
-  version: 1.0.13
-  resolution: "bonjour-service@npm:1.0.13"
+  version: 1.0.14
+  resolution: "bonjour-service@npm:1.0.14"
   dependencies:
     array-flatten: ^2.1.2
     dns-equal: ^1.0.0
     fast-deep-equal: ^3.1.3
     multicast-dns: ^7.2.5
-  checksum: 7cf20e24fa233dda79fd637785827cec3f7ea1c4ba4dbecb878e1d50c11c021f411217f0efe0ede74daa9765390222156be07c0e5b9b5945d3c942a3377dba37
+  checksum: 1c90164ac8c54eec34d1c19c4167c94d0fec037a781a445dd85bd506ef2afde29e39e57452db767687f2d0921f60ab2576209e706571ed3df3c6ab964a3309b7
   languageName: node
   linkType: hard
 
@@ -15154,17 +15375,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.0.0, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6, browserslist@npm:^4.18.1, browserslist@npm:^4.19.1, browserslist@npm:^4.20.2, browserslist@npm:^4.20.3, browserslist@npm:^4.21.0, browserslist@npm:^4.21.2, browserslist@npm:^4.6.6, browserslist@npm:^4.9.1":
-  version: 4.21.2
-  resolution: "browserslist@npm:4.21.2"
+"browserslist@npm:^4.0.0, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6, browserslist@npm:^4.18.1, browserslist@npm:^4.19.1, browserslist@npm:^4.20.2, browserslist@npm:^4.20.3, browserslist@npm:^4.21.3, browserslist@npm:^4.6.6, browserslist@npm:^4.9.1":
+  version: 4.21.3
+  resolution: "browserslist@npm:4.21.3"
   dependencies:
-    caniuse-lite: ^1.0.30001366
-    electron-to-chromium: ^1.4.188
+    caniuse-lite: ^1.0.30001370
+    electron-to-chromium: ^1.4.202
     node-releases: ^2.0.6
-    update-browserslist-db: ^1.0.4
+    update-browserslist-db: ^1.0.5
   bin:
     browserslist: cli.js
-  checksum: 216fc277813ef9691b1959d24937d30dd97cbb0a0b5cb2fed1b16f6b2e868a928845636d5775478aa632984213e168d4846327d9b7bc578cddbd12304d9ff3f0
+  checksum: 1012070e49470b1e2bfd7b376ba0990a2f01be25ca8a0cc3bc7bd5307ca13f664efc63bbf23f60304777e592c7c931e37ed19df0623a284c5f9d7cf573c26239
   languageName: node
   linkType: hard
 
@@ -15271,7 +15492,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"builtin-modules@npm:^3.0.0, builtin-modules@npm:^3.1.0":
+"builtin-modules@npm:^3.1.0, builtin-modules@npm:^3.3.0":
   version: 3.3.0
   resolution: "builtin-modules@npm:3.3.0"
   checksum: 2cb3448b4f7306dc853632a4fcddc95e8d4e4b9868c139400027b71938fc6806d4ff44007deffb362ac85724bd40c2c6452fb6a0aa4531650eeddb98d8e5ee8a
@@ -15285,14 +15506,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bundle-require@npm:^3.0.2":
-  version: 3.0.4
-  resolution: "bundle-require@npm:3.0.4"
+"bundle-require@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "bundle-require@npm:3.1.0"
   dependencies:
     load-tsconfig: ^0.2.0
   peerDependencies:
     esbuild: ">=0.13"
-  checksum: f66f821f61b6fb914524ce5ad8488e16006fc045837bb36fdf6bf4eabaa9bed3dc3a5618f1d4b3a96fe17780046713ac663caebd8b5a170439f9da28a5e0c8a5
+  checksum: 6bd8f68caeb191dfa7348d9da75f9599989babf335c67c8dc1a5372c773967c76010bdd8971cae19c6bc807e82a540314cb89abfbe6fa1d9c27e14e093b6d0ec
   languageName: node
   linkType: hard
 
@@ -15384,9 +15605,9 @@ __metadata:
   linkType: hard
 
 "cac@npm:^6.7.12":
-  version: 6.7.12
-  resolution: "cac@npm:6.7.12"
-  checksum: 8e80007301876ca51ceb515722cc6ebb752982b1a70db93f4bacc9cdf9114cefb9e36f1908160ee78795667c629aa6c03bc5c9d80862aa54b63d3554526a07de
+  version: 6.7.14
+  resolution: "cac@npm:6.7.14"
+  checksum: 4ee06aaa7bab8981f0d54e5f5f9d4adcd64058e9697563ce336d8a3878ed018ee18ebe5359b2430eceae87e0758e62ea2019c3f52ae6e211b1bd2e133856cd10
   languageName: node
   linkType: hard
 
@@ -15440,8 +15661,8 @@ __metadata:
   linkType: hard
 
 "cacache@npm:^16.1.0":
-  version: 16.1.1
-  resolution: "cacache@npm:16.1.1"
+  version: 16.1.3
+  resolution: "cacache@npm:16.1.3"
   dependencies:
     "@npmcli/fs": ^2.1.0
     "@npmcli/move-file": ^2.0.0
@@ -15460,8 +15681,8 @@ __metadata:
     rimraf: ^3.0.2
     ssri: ^9.0.0
     tar: ^6.1.11
-    unique-filename: ^1.1.1
-  checksum: 8f257699d9bfe41c40340522cb4920ce88b35d07ea7733f92c5e56ead390ae43468035627385a3d6019ad89dd96e8bc3eeca646980290921406ec1fa9199ba7d
+    unique-filename: ^2.0.0
+  checksum: cdf6836e1c457d2a5616abcaf5d8240c0346b1f5bd6fdb8866b9d84b6dff0b54e973226dc11e0d099f35394213d24860d1989c8358d2a41b39eb912b3000e749
   languageName: node
   linkType: hard
 
@@ -15633,18 +15854,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase-keys@npm:^7.0.0":
-  version: 7.0.2
-  resolution: "camelcase-keys@npm:7.0.2"
-  dependencies:
-    camelcase: ^6.3.0
-    map-obj: ^4.1.0
-    quick-lru: ^5.1.1
-    type-fest: ^1.2.1
-  checksum: ae86a51168643e9e8a2f2c7bfa17850729979ec3dafc5253056a7d97931cbb0e3ef5b4185e59d54b7a56c54405dee2874b0c82033498d8626e512ff9034cb05c
-  languageName: node
-  linkType: hard
-
 "camelcase@npm:^2.0.0":
   version: 2.1.1
   resolution: "camelcase@npm:2.1.1"
@@ -15666,7 +15875,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0, camelcase@npm:^6.2.1, camelcase@npm:^6.3.0":
+"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0, camelcase@npm:^6.2.1":
   version: 6.3.0
   resolution: "camelcase@npm:6.3.0"
   checksum: 0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710
@@ -15703,10 +15912,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001299, caniuse-lite@npm:^1.0.30001332, caniuse-lite@npm:^1.0.30001335, caniuse-lite@npm:^1.0.30001366":
-  version: 1.0.30001368
-  resolution: "caniuse-lite@npm:1.0.30001368"
-  checksum: 663f4f56eb6d5e52239cfff3b2ffeb1ee28e4789f6f780ce35a03a7c011bf77717a1cdd49c18c8da51c4c21bed6857db5fe0f83ea5d00bff5782ff5ebdd88012
+"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001299, caniuse-lite@npm:^1.0.30001332, caniuse-lite@npm:^1.0.30001370, caniuse-lite@npm:^1.0.30001373":
+  version: 1.0.30001390
+  resolution: "caniuse-lite@npm:1.0.30001390"
+  checksum: f431c705f3a3d17e594bc11e643b20a924ed8f5a352d55b1be29b7be1dab6da37761d095441878c5f2f07e908ff2239eeec75a3a0b30b6f4393f69277fd32849
   languageName: node
   linkType: hard
 
@@ -16018,7 +16227,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chownr@npm:^1.1.1, chownr@npm:^1.1.2, chownr@npm:^1.1.3, chownr@npm:^1.1.4":
+"chownr@npm:^1.1.1, chownr@npm:^1.1.2, chownr@npm:^1.1.4":
   version: 1.1.4
   resolution: "chownr@npm:1.1.4"
   checksum: ed57952a84cc0c802af900cf7136de643d3aba2eecb59d29344bc2f3f9bf703a301b9d84cdc71f82c3ffc9ccde831b0d92f5b45f91727d6c9da62f23aef9d9db
@@ -16033,15 +16242,16 @@ __metadata:
   linkType: hard
 
 "chromatic@npm:^6.0.2":
-  version: 6.7.0
-  resolution: "chromatic@npm:6.7.0"
+  version: 6.9.0
+  resolution: "chromatic@npm:6.9.0"
   dependencies:
+    "@discoveryjs/json-ext": ^0.5.7
     "@types/webpack-env": ^1.17.0
   bin:
     chroma: bin/main.cjs
     chromatic: bin/main.cjs
     chromatic-cli: bin/main.cjs
-  checksum: 84be3315fe0949ab56bd6502c7428ec2a7d8633260391538a2dba2b3e614baa832b872640a06b6958d489f5bfa2fbba8c8a1fdd8b43b47842138b7a828314634
+  checksum: fcf8d9466d1aca336b83d110dc62f3dccbef3f628fa8e1442a04af3f9593ba0c999bf685d963b2d02968c851e171be5f9b42618130974c3f4adf4284c4eefdfe
   languageName: node
   linkType: hard
 
@@ -16209,13 +16419,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-spinners@npm:2.6.1, cli-spinners@npm:^2.0.0, cli-spinners@npm:^2.5.0":
+"cli-spinners@npm:2.6.1":
   version: 2.6.1
   resolution: "cli-spinners@npm:2.6.1"
   checksum: 6abcdfef59aa68e6b51376d87d257f9120a0a7120a39dd21633702d24797decb6dc747dff2217c88732710db892b5053c5c672d221b6c4d13bbcb5372e203596
   languageName: node
   linkType: hard
 
+"cli-spinners@npm:^2.0.0, cli-spinners@npm:^2.5.0":
+  version: 2.7.0
+  resolution: "cli-spinners@npm:2.7.0"
+  checksum: 5c781ace5c8f304ae4d138837f19cf88f03a97de3c3e388f9d1d6434146f06f6ce2a161d6237b3bb86448a05fbcbb20084f3fea96077e42a655b273e39c6f08d
+  languageName: node
+  linkType: hard
+
 "cli-table3@npm:^0.6.1, cli-table3@npm:~0.6.0":
   version: 0.6.2
   resolution: "cli-table3@npm:0.6.2"
@@ -16410,9 +16627,9 @@ __metadata:
   linkType: hard
 
 "code-block-writer@npm:^11.0.0":
-  version: 11.0.2
-  resolution: "code-block-writer@npm:11.0.2"
-  checksum: e0430e442ea36010bedccb69d45bec3d479161811e8e99bf0e635deecd54664bbdb33ac8375871b1b1f7e44d0fdaaf25dcc37c6d3a76847401022ba83567bc7a
+  version: 11.0.3
+  resolution: "code-block-writer@npm:11.0.3"
+  checksum: 12fe4c02152a2b607e8913b39dcc31dcb5240f7c8933a3335d4e42a5418af409bf7ed454c80d6d8c12f9c59bb685dd88f9467874b46be62236dfbed446d03fd6
   languageName: node
   linkType: hard
 
@@ -16504,9 +16721,9 @@ __metadata:
   linkType: hard
 
 "colord@npm:^2.9.1":
-  version: 2.9.2
-  resolution: "colord@npm:2.9.2"
-  checksum: ff2de0fa956526abfc6d08ddb5696b09659fac26dc40917e7eed006689cc5181447fad819ccef3b8e73cbe1be056074b1422a2a84831515678022cbc49cc699c
+  version: 2.9.3
+  resolution: "colord@npm:2.9.3"
+  checksum: 9699e956894d8996b28c686afe8988720785f476f59335c80ce852ded76ab3ebe252703aec53d9bef54f6219aea6b960fb3d9a8300058a1d0c0d4026460cd110
   languageName: node
   linkType: hard
 
@@ -16695,7 +16912,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"component-emitter@npm:^1.2.1, component-emitter@npm:~1.3.0":
+"component-emitter@npm:^1.2.1":
   version: 1.3.0
   resolution: "component-emitter@npm:1.3.0"
   checksum: 68774a0a3754fb6c0ba53c2e88886dfbd0c773931066abb1d7fd1b0c893b2a838d8f088ab4dca1f18cc1a4fc2e6932019eba3ded2d931b5ba2241ce40e93a24f
@@ -17107,11 +17324,11 @@ __metadata:
   linkType: hard
 
 "copy-to-clipboard@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "copy-to-clipboard@npm:3.3.1"
+  version: 3.3.2
+  resolution: "copy-to-clipboard@npm:3.3.2"
   dependencies:
     toggle-selection: ^1.0.6
-  checksum: cc38a2a07ec22b1b60c6bd1648a21178fade4d972b43e4c2570f36f8df59ca2b7e9f8a6125d271cf2927367d3ec4012c92deaf244c12cd79509244d5c7f0f4dd
+  checksum: 295b987e47d3e89a421db4a6060276167bee0f14245e0e447613c060a9af806610a2958a0b9bc4512c7329a1d38fb4baf903979b443c63b03d2bc9968ce66ab6
   languageName: node
   linkType: hard
 
@@ -17147,20 +17364,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.20.2, core-js-compat@npm:^3.21.0, core-js-compat@npm:^3.22.1, core-js-compat@npm:^3.8.1, core-js-compat@npm:^3.8.3":
-  version: 3.23.5
-  resolution: "core-js-compat@npm:3.23.5"
+"core-js-compat@npm:^3.20.2, core-js-compat@npm:^3.21.0, core-js-compat@npm:^3.22.1, core-js-compat@npm:^3.8.3":
+  version: 3.25.0
+  resolution: "core-js-compat@npm:3.25.0"
   dependencies:
-    browserslist: ^4.21.2
+    browserslist: ^4.21.3
     semver: 7.0.0
-  checksum: 43755c1363135b850c6c35ef8f7d49edf276dd4fea36ec3855d2ef4e356b950d2349a6382288d20db00fa84ec063bdf52e70c638c0522d46a5478cd1e4c88265
+  checksum: 09aa99d4007fcf689b22d67d25049661db0051dea319d045b7b4c740f6a0fdee585428036078185861947b3e7fa71f1a5d09134532e461c43275fd8af297cd12
   languageName: node
   linkType: hard
 
-"core-js-pure@npm:^3.20.2, core-js-pure@npm:^3.8.1, core-js-pure@npm:^3.8.2":
-  version: 3.23.5
-  resolution: "core-js-pure@npm:3.23.5"
-  checksum: c63d48ba02dcb334846c34e7defa2f1472e4d67a455dcc4b574db096a6e19f8bceb79fe78ba8fe85a608516f90a8f72d572cf0131b2e2661af6d186ad84c5921
+"core-js-pure@npm:^3.20.2, core-js-pure@npm:^3.8.1":
+  version: 3.25.0
+  resolution: "core-js-pure@npm:3.25.0"
+  checksum: 987639f66d06ca514fa33a0691231d31bf834dd4521c659be20dea7d4c23edb4b4e5305d78f3b45c3221c3041ea770e80f14cfddde191e4bc5ef18a87cae90a0
   languageName: node
   linkType: hard
 
@@ -17178,10 +17395,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js@npm:^3.0.4, core-js@npm:^3.19.2, core-js@npm:^3.21.1, core-js@npm:^3.6.5, core-js@npm:^3.8.2, core-js@npm:^3.8.3":
-  version: 3.23.5
-  resolution: "core-js@npm:3.23.5"
-  checksum: ab9b483ede285b3949e2411f9190d147ac589d111b0aa3a4b2999a1bf2755b3e930529c2a22ff550efd4fc154c7cfae700bee858dedff905a09f35ddbcc6425f
+"core-js@npm:^3.0.4, core-js@npm:^3.19.2, core-js@npm:^3.6.5, core-js@npm:^3.8.2, core-js@npm:^3.8.3":
+  version: 3.25.0
+  resolution: "core-js@npm:3.25.0"
+  checksum: 471c2706eaca7aca8c9021fdc714f818c27dc9a1d8e429dbad9f4e8e41884f74d32f2862951044c7b531d99c9b4cf32829790a478ffe21bcac9100afb3222096
   languageName: node
   linkType: hard
 
@@ -17225,18 +17442,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "cosmiconfig@npm:4.0.0"
-  dependencies:
-    is-directory: ^0.3.1
-    js-yaml: ^3.9.0
-    parse-json: ^4.0.0
-    require-from-string: ^2.0.1
-  checksum: e4596d290d9690ca5123677f153a57279441bf74f148e303fc33b137553b65defc96c0ffa5d762f79a870fa6c4b3be32245d038e20bf881d3de0c50653a931da
-  languageName: node
-  linkType: hard
-
 "cosmiconfig@npm:^5.1.0":
   version: 5.2.1
   resolution: "cosmiconfig@npm:5.2.1"
@@ -17280,28 +17485,28 @@ __metadata:
   resolution: "cra-kitchen-sink@workspace:examples/cra-kitchen-sink"
   dependencies:
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/client-logger": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-jest": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/client-logger": 7.0.0-alpha.31
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
+    "@storybook/theming": 7.0.0-alpha.31
     global: ^4.4.0
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
     react-lifecycles-compat: ^3.0.4
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -17310,15 +17515,16 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-ts-essentials@workspace:examples/cra-ts-essentials"
   dependencies:
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
+    "@storybook/addon-essentials": 7.0.0-alpha.31
+    "@storybook/addon-interactions": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
     "@storybook/testing-library": ^0.0.9
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     "@types/jest": ^26.0.16
     "@types/node": ^14.14.20 || ^16.0.0
     "@types/react": ^16.14.23
@@ -17328,7 +17534,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17339,16 +17545,16 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/builder-webpack5": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/builder-webpack5": 7.0.0-alpha.31
     "@storybook/preset-create-react-app": ^4.1.0
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
     "@types/enzyme": ^3.10.8
     "@types/jest": 25.2.3
     "@types/node": ^14.14.20 || ^16.0.0
@@ -17363,7 +17569,7 @@ __metadata:
     react-dom: 16.14.0
     react-moment-proptypes: ^1.7.0
     react-scripts: ^5.0.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     ts-node: ^10.4.0
     typescript: ~4.6.3
     webpack: 5
@@ -17414,7 +17620,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^6.0.0, cross-spawn@npm:^6.0.5":
+"cross-spawn@npm:^6.0.0":
   version: 6.0.5
   resolution: "cross-spawn@npm:6.0.5"
   dependencies:
@@ -17482,11 +17688,11 @@ __metadata:
   linkType: hard
 
 "css-declaration-sorter@npm:^6.3.0":
-  version: 6.3.0
-  resolution: "css-declaration-sorter@npm:6.3.0"
+  version: 6.3.1
+  resolution: "css-declaration-sorter@npm:6.3.1"
   peerDependencies:
     postcss: ^8.0.9
-  checksum: 57dfcccd44955a098412b354c749e5544cecca94d640f835752fde7b0b6bf7fa2ba14cd31dbf3afb7e5c5590ff315b67df434ec3bc70c2cf6286db15f578de45
+  checksum: fc9aa675736eb1c8fc20fd9b8b6abb483c0344a6f1c659d1a9292596bbfe26150a8745a6da23bfa82b0c8a979b6a9ba5d235da0663873f39da1ca42b06caa5c9
   languageName: node
   linkType: hard
 
@@ -17725,10 +17931,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cssdb@npm:^6.6.3":
-  version: 6.6.3
-  resolution: "cssdb@npm:6.6.3"
-  checksum: a8bd55c609f1c08c2d69c11e846d054f700557bbfcf6a4dc5676a7ff4d7f32c719aa3b6197533ba3af47168109d4de95619299655a0565cc3b439d1bfb770949
+"cssdb@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "cssdb@npm:7.0.1"
+  checksum: f01b20bc2fbd23b79a88661602b0023186b242920c2fa87fdee4a934b783fde378a75b466bf0ec9503dab90deacdab2870802f88046f510221024debd5fb3377
   languageName: node
   linkType: hard
 
@@ -17790,15 +17996,15 @@ __metadata:
   linkType: hard
 
 "cssnano@npm:^5.0.0, cssnano@npm:^5.0.6":
-  version: 5.1.12
-  resolution: "cssnano@npm:5.1.12"
+  version: 5.1.13
+  resolution: "cssnano@npm:5.1.13"
   dependencies:
     cssnano-preset-default: ^5.2.12
     lilconfig: ^2.0.3
     yaml: ^1.10.2
   peerDependencies:
     postcss: ^8.2.15
-  checksum: fb1acb2b914d2d5f02fe1f79e3d13cea9424e4409490e402a113775fe42ec0f8d75f69bcd51340633801dc2688173663ccafa0f2e9dafbb65d3ac350da962c75
+  checksum: 69f9649365040b174f7c8ac87e3a9fd939c689288dcb02b5cfa130f1f895d0741ee41462d351132952df2d5395754979b28759e1a38c4691680cf4039a4efe8e
   languageName: node
   linkType: hard
 
@@ -18083,9 +18289,9 @@ __metadata:
   linkType: hard
 
 "date-fns@npm:^2.0.1":
-  version: 2.28.0
-  resolution: "date-fns@npm:2.28.0"
-  checksum: ecdacd36326e7f5f8c4f1e78ae931a8997109f1c841f5163053b866585ca899521b0e7a114eeb48a9fe5135a550787bd4bbd8baa321cded0b4d823f847889a80
+  version: 2.29.2
+  resolution: "date-fns@npm:2.29.2"
+  checksum: 731880219eb69f53ab8bdaf6b77eb6ac7e26478319d5e08d0d1bc663e8addc7ddabce8050fd385a735d448c48224789442d31d18313060f5d9a77db80132f935
   languageName: node
   linkType: hard
 
@@ -18104,9 +18310,9 @@ __metadata:
   linkType: hard
 
 "dayjs@npm:^1.10.4":
-  version: 1.11.4
-  resolution: "dayjs@npm:1.11.4"
-  checksum: 60331f315fb2cfb36b4593b2a205023482db104758912b60593ca911f6ba7990f06215d65f168607ebec264b4ba3571e465d3d2893ad02a9f5573adb63525a32
+  version: 1.11.5
+  resolution: "dayjs@npm:1.11.5"
+  checksum: 1d719b3c821254cbcee93879030c581dee41249ba9b825119881a941656bb885554b03094e2265c2f646945a4e23c3f05a6af5b4ff4d5a51c3e0e962669ee94b
   languageName: node
   linkType: hard
 
@@ -18159,7 +18365,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:^3.0.1, debug@npm:^3.1.0, debug@npm:^3.1.1, debug@npm:^3.2.6, debug@npm:^3.2.7":
+"debug@npm:^3.0.1, debug@npm:^3.1.0, debug@npm:^3.2.6, debug@npm:^3.2.7":
   version: 3.2.7
   resolution: "debug@npm:3.2.7"
   dependencies:
@@ -18201,17 +18407,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decamelize@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "decamelize@npm:5.0.1"
-  checksum: 3da71022bc1e85487810fa0833138effb599fa331ca21e179650e93a765d0c4dabeb1ecdd6ad1474fa0bacd2457953c63ea335afb6e53b35f2b4bf779514e2a3
-  languageName: node
-  linkType: hard
-
 "decimal.js@npm:^10.2.1, decimal.js@npm:^10.3.1":
-  version: 10.3.1
-  resolution: "decimal.js@npm:10.3.1"
-  checksum: 510964a02a4102eb55173bf3f4f853f8d9184ab3f660b28163d4aab45f2f41ebfde6f71806afef7be59da10d6488db75613b6f4cbbda49d6ba198ad7b56e81cf
+  version: 10.4.0
+  resolution: "decimal.js@npm:10.4.0"
+  checksum: 36c8700cf177e84e7c4093a1b607dd703381890e4829845977d1b2fb32db3533c65a3c43ae2a7514c45451e1d8b7a2aeb59a2793ddff3b3b130840a702f22aed
   languageName: node
   linkType: hard
 
@@ -18481,19 +18680,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"del-cli@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "del-cli@npm:4.0.1"
-  dependencies:
-    del: ^6.0.0
-    meow: ^10.1.0
-  bin:
-    del: cli.js
-    del-cli: cli.js
-  checksum: 01d314de214e7d96159f99d385186d90a71e0494a9262d98b8da15d144a22b894e0fae4d99d7c707cf3a50990f0513263c0e5b5b72ce5ad92f1ab1c7140e0f70
-  languageName: node
-  linkType: hard
-
 "del@npm:^2.2.0":
   version: 2.2.2
   resolution: "del@npm:2.2.2"
@@ -18765,6 +18951,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"diff-sequences@npm:^29.0.0":
+  version: 29.0.0
+  resolution: "diff-sequences@npm:29.0.0"
+  checksum: 345f899af91ef981c4b02adb1d41ed001eb74743120ffdb751c942b39e8cbf37ece60d7c120977ef7ce48538d60f5a63b17e7d13e6797e4c5dcd91d2fe5cd215
+  languageName: node
+  linkType: hard
+
 "diff@npm:^4.0.1, diff@npm:^4.0.2":
   version: 4.0.2
   resolution: "diff@npm:4.0.2"
@@ -19012,7 +19205,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dommatrix@npm:^1.0.1":
+"dommatrix@npm:^1.0.3":
   version: 1.0.3
   resolution: "dommatrix@npm:1.0.3"
   checksum: 498e630888ba138c1d140cbb25ca8dbd9ed747486aa0693dcc7a8318f910e4791d6b0fa4ef4c383c419b72e119fa2c26d9ee15a3c7b0e8088979cf02092e2a18
@@ -19020,9 +19213,9 @@ __metadata:
   linkType: hard
 
 "dompurify@npm:^2.2.6":
-  version: 2.3.10
-  resolution: "dompurify@npm:2.3.10"
-  checksum: 602b9e23b2653c0757b9ed862ec5523df6211f5a97b47bbc7ea243c0945fa9637fe3b07b7d7a950b70471259b6aae3f50c1707f3418b29ec98f2dc8b946df6dc
+  version: 2.4.0
+  resolution: "dompurify@npm:2.4.0"
+  checksum: b091e8f1a5106a7bcfc9947ea654a91e1c7fc28c9264578c0ccca3527d62f4ec9b6df8cfd91b3c21696d5182950a37b1b79e3c5d669256c7730107cb6d9c64f1
   languageName: node
   linkType: hard
 
@@ -19102,13 +19295,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dotenv@npm:8.2.0":
-  version: 8.2.0
-  resolution: "dotenv@npm:8.2.0"
-  checksum: b6a07a2c400b13ad4e59c34e4682256e6bb846469781a3963b36861ee608ed312e6125c4a7635a9edcf957bb294a6966e218f0e26b82ff0bda9184211d4bc141
-  languageName: node
-  linkType: hard
-
 "dotenv@npm:^10.0.0, dotenv@npm:~10.0.0":
   version: 10.0.0
   resolution: "dotenv@npm:10.0.0"
@@ -19150,8 +19336,8 @@ __metadata:
   linkType: hard
 
 "downshift@npm:^6.0.15":
-  version: 6.1.7
-  resolution: "downshift@npm:6.1.7"
+  version: 6.1.9
+  resolution: "downshift@npm:6.1.9"
   dependencies:
     "@babel/runtime": ^7.14.8
     compute-scroll-into-view: ^1.0.17
@@ -19160,7 +19346,7 @@ __metadata:
     tslib: ^2.3.0
   peerDependencies:
     react: ">=16.12.0"
-  checksum: d1c3c0071c5916c696db90987cf9c6b685aa5964a3c3cd4f9d3b6ade5007779066b5e81af2e05d1d6c4c3806f13df7e2fac5423a096ffcc0640e96e43f7e3f34
+  checksum: 49de4337054971d8ec1c7fc9643dd298f2eb3ead5ed032563c09cc6b0ee0fe0c84e94020c52e4bf1795bc5cb81bce1ca481cbb715fb8ad7bcbf0105bd6dd9edc
   languageName: node
   linkType: hard
 
@@ -19175,14 +19361,14 @@ __metadata:
   linkType: hard
 
 "dts-bundle-generator@npm:^6.2.0":
-  version: 6.12.0
-  resolution: "dts-bundle-generator@npm:6.12.0"
+  version: 6.13.0
+  resolution: "dts-bundle-generator@npm:6.13.0"
   dependencies:
     typescript: ">=3.0.1"
     yargs: ^17.2.1
   bin:
     dts-bundle-generator: dist/bin/dts-bundle-generator.js
-  checksum: 5eb97bc7b3d4aa3979641adb131371fca767dc57bcaa0296f1505ef263e31ed47d4d3e25fcb89fbb570152116314d1f5d4a9ad0f1b1b1d5ce9b91a216223f28e
+  checksum: 10dad909da40fb81db6caf131a0ea1b354d76f78feeb68eaacdf3a6897d02f8bbfb5215fadc5386fcc982ce63d2d4b66252b73d4f4b652a1039ec3b1c7562147
   languageName: node
   linkType: hard
 
@@ -19311,7 +19497,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ejs@npm:^3.1.5, ejs@npm:^3.1.6, ejs@npm:^3.1.7, ejs@npm:^3.1.8":
+"ejs@npm:^3.1.6, ejs@npm:^3.1.7, ejs@npm:^3.1.8":
   version: 3.1.8
   resolution: "ejs@npm:3.1.8"
   dependencies:
@@ -19322,10 +19508,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.4.188":
-  version: 1.4.196
-  resolution: "electron-to-chromium@npm:1.4.196"
-  checksum: e4443dfe719090d04fb182a7380aeb4a872cddd21360220d97e3b2ca40c05cfcf3fea92d513d70bb493b4c6f57c1afe8714ad56b11a18268bfd0f2648136054e
+"electron-to-chromium@npm:^1.4.202":
+  version: 1.4.243
+  resolution: "electron-to-chromium@npm:1.4.243"
+  checksum: 4f3daad145f56998717e29129d89f6f50ee4170245ca7ae34a31c30258699084f5970fb905ac83a04a5b9418394f38c330921fac33c648067d31cd3e6d1b7da2
   languageName: node
   linkType: hard
 
@@ -19706,19 +19892,19 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@ember/optional-features": ^2.0.0
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/ember": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/ember": 7.0.0-alpha.31
     "@storybook/ember-cli-storybook": ^0.2.1
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.31
     babel-loader: ^8.2.5
     broccoli-asset-rev: ^3.0.0
     browserify-zlib: ^0.2.0
@@ -19740,7 +19926,7 @@ __metadata:
     loader.js: ^4.7.0
     os-browserify: ^0.3.0
     shx: ^0.3.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     stream-browserify: ^3.0.0
     vm-browserify: ^1.1.2
     webpack: 5
@@ -19976,7 +20162,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.7.0, enhanced-resolve@npm:^5.9.3":
+"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.10.0, enhanced-resolve@npm:^5.7.0":
   version: 5.10.0
   resolution: "enhanced-resolve@npm:5.10.0"
   dependencies:
@@ -20023,10 +20209,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.2.0, entities@npm:^4.3.0":
-  version: 4.3.1
-  resolution: "entities@npm:4.3.1"
-  checksum: 48401fa6f63e0dddce9f78bf9989d2ae2314564a86406d5176e5bd8912b0dc210b785e81125bd61ed5763e2f39940d530ebe6857ab577604f30c9a29ededca59
+"entities@npm:^4.2.0, entities@npm:^4.3.0, entities@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "entities@npm:4.4.0"
+  checksum: b7971419897622d3996bbbff99249e166caaaf3ea95d3841d6dc5d3bf315f133b649fbe932623e3cc527d871112e7563a8284e24f23e472126aa90c4e9c3215b
   languageName: node
   linkType: hard
 
@@ -20236,14 +20422,14 @@ __metadata:
   linkType: hard
 
 "es-abstract@npm:^1.17.2, es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.0, es-abstract@npm:^1.20.1":
-  version: 1.20.1
-  resolution: "es-abstract@npm:1.20.1"
+  version: 1.20.2
+  resolution: "es-abstract@npm:1.20.2"
   dependencies:
     call-bind: ^1.0.2
     es-to-primitive: ^1.2.1
     function-bind: ^1.1.1
     function.prototype.name: ^1.1.5
-    get-intrinsic: ^1.1.1
+    get-intrinsic: ^1.1.2
     get-symbol-description: ^1.0.0
     has: ^1.0.3
     has-property-descriptors: ^1.0.0
@@ -20255,14 +20441,14 @@ __metadata:
     is-shared-array-buffer: ^1.0.2
     is-string: ^1.0.7
     is-weakref: ^1.0.2
-    object-inspect: ^1.12.0
+    object-inspect: ^1.12.2
     object-keys: ^1.1.1
-    object.assign: ^4.1.2
+    object.assign: ^4.1.4
     regexp.prototype.flags: ^1.4.3
     string.prototype.trimend: ^1.0.5
     string.prototype.trimstart: ^1.0.5
     unbox-primitive: ^1.0.2
-  checksum: 1598f86d4e778032ef2be6ca573202689e08f8262121aff7fdb54682d9170465d49a10197db0704d4b71249ab95a1804f1666a19ac839f271c120d4662889060
+  checksum: 86c68bbbb286a5d6bd4a9fdf04f4a9e664c84cd51e4b91d35ec8bfe674e5b34c3fbc6c7ac231a13ae24c82cac63405ca43162c7be7161bf339a9055830830374
   languageName: node
   linkType: hard
 
@@ -20273,7 +20459,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-module-lexer@npm:^0.9.0":
+"es-module-lexer@npm:^0.9.0, es-module-lexer@npm:^0.9.3":
   version: 0.9.3
   resolution: "es-module-lexer@npm:0.9.3"
   checksum: be77d73aee709fdc68d22b9938da81dfee3bc45e8d601629258643fe5bfdab253d6e2540035e035cfa8cf52a96366c1c19b46bcc23b4507b1d44e5907d2e7f6c
@@ -20300,18 +20486,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es5-ext@npm:^0.10.35, es5-ext@npm:^0.10.50, es5-ext@npm:~0.10.14":
-  version: 0.10.61
-  resolution: "es5-ext@npm:0.10.61"
+"es5-ext@npm:^0.10.35, es5-ext@npm:^0.10.50, es5-ext@npm:^0.10.62, es5-ext@npm:~0.10.14":
+  version: 0.10.62
+  resolution: "es5-ext@npm:0.10.62"
   dependencies:
     es6-iterator: ^2.0.3
     es6-symbol: ^3.1.3
     next-tick: ^1.1.0
-  checksum: fceee484bbf3d7b064b8b3b9ad9095fa64e8736de322f8b48abd162f215bdd503390a3bb8c3cdeebae619825111f7eff83e1e4400fe232733da027ade8e1823e
+  checksum: 72dfbec5e4bce24754be9f2c2a1c67c01de3fe000103c115f52891f6a51f44a59674c40a1f6bd2390fcd43987746dccb76efafea91c7bb6295bdca8d63ba3db4
   languageName: node
   linkType: hard
 
-"es6-iterator@npm:^2.0.3, es6-iterator@npm:~2.0.1":
+"es6-iterator@npm:^2.0.3, es6-iterator@npm:~2.0.1, es6-iterator@npm:~2.0.3":
   version: 2.0.3
   resolution: "es6-iterator@npm:2.0.3"
   dependencies:
@@ -20360,25 +20546,16 @@ __metadata:
   linkType: hard
 
 "es6-set@npm:^0.1.5, es6-set@npm:~0.1.5":
-  version: 0.1.5
-  resolution: "es6-set@npm:0.1.5"
-  dependencies:
-    d: 1
-    es5-ext: ~0.10.14
-    es6-iterator: ~2.0.1
-    es6-symbol: 3.1.1
-    event-emitter: ~0.3.5
-  checksum: a1fe925f77bd529b7b5135ca1a8bc9ff378fa0e3fd9686f3ac1b8e87eb00fbffc100e81a3c44262cd324cbfcc772d7a75ca5471e3fb24247ac85c5beb6af0d14
-  languageName: node
-  linkType: hard
-
-"es6-symbol@npm:3.1.1":
-  version: 3.1.1
-  resolution: "es6-symbol@npm:3.1.1"
+  version: 0.1.6
+  resolution: "es6-set@npm:0.1.6"
   dependencies:
-    d: 1
-    es5-ext: ~0.10.14
-  checksum: eb4ec788a99dc2c04e5e9abd90f478991425a881eced99a7165eada0c832bfc9a8fbb76b688c3c3b6e103f94d23e8e19addf9cf18abb537fb918d066d5ce1d7f
+    d: ^1.0.1
+    es5-ext: ^0.10.62
+    es6-iterator: ~2.0.3
+    es6-symbol: ^3.1.3
+    event-emitter: ^0.3.5
+    type: ^2.7.2
+  checksum: 50416775e45350b5c55b35aeb18dc25e6c2017af0ec056336b8e9e7c57e73d8342df398557909e815c523779628c842fbf1b0126c4483a9fbf42b0414358866a
   languageName: node
   linkType: hard
 
@@ -20392,109 +20569,109 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild-android-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-android-64@npm:0.14.49"
+"esbuild-android-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-android-64@npm:0.14.54"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"esbuild-android-arm64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-android-arm64@npm:0.14.49"
+"esbuild-android-arm64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-android-arm64@npm:0.14.54"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"esbuild-darwin-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-darwin-64@npm:0.14.49"
+"esbuild-darwin-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-darwin-64@npm:0.14.54"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"esbuild-darwin-arm64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-darwin-arm64@npm:0.14.49"
+"esbuild-darwin-arm64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-darwin-arm64@npm:0.14.54"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"esbuild-freebsd-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-freebsd-64@npm:0.14.49"
+"esbuild-freebsd-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-freebsd-64@npm:0.14.54"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"esbuild-freebsd-arm64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-freebsd-arm64@npm:0.14.49"
+"esbuild-freebsd-arm64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-freebsd-arm64@npm:0.14.54"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"esbuild-linux-32@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-32@npm:0.14.49"
+"esbuild-linux-32@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-32@npm:0.14.54"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"esbuild-linux-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-64@npm:0.14.49"
+"esbuild-linux-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-64@npm:0.14.54"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"esbuild-linux-arm64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-arm64@npm:0.14.49"
+"esbuild-linux-arm64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-arm64@npm:0.14.54"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"esbuild-linux-arm@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-arm@npm:0.14.49"
+"esbuild-linux-arm@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-arm@npm:0.14.54"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"esbuild-linux-mips64le@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-mips64le@npm:0.14.49"
+"esbuild-linux-mips64le@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-mips64le@npm:0.14.54"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"esbuild-linux-ppc64le@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-ppc64le@npm:0.14.49"
+"esbuild-linux-ppc64le@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-ppc64le@npm:0.14.54"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"esbuild-linux-riscv64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-riscv64@npm:0.14.49"
+"esbuild-linux-riscv64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-riscv64@npm:0.14.54"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"esbuild-linux-s390x@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-linux-s390x@npm:0.14.49"
+"esbuild-linux-s390x@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-linux-s390x@npm:0.14.54"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
 "esbuild-loader@npm:^2.19.0":
-  version: 2.19.0
-  resolution: "esbuild-loader@npm:2.19.0"
+  version: 2.20.0
+  resolution: "esbuild-loader@npm:2.20.0"
   dependencies:
-    esbuild: ^0.14.39
+    esbuild: ^0.15.6
     joycon: ^3.0.1
     json5: ^2.2.0
     loader-utils: ^2.0.0
@@ -20502,20 +20679,20 @@ __metadata:
     webpack-sources: ^2.2.0
   peerDependencies:
     webpack: ^4.40.0 || ^5.0.0
-  checksum: 309b4bd169ffd1d743ad7099182323a179dec789cd5eb4f5f0258c1c13034a154917679e2402bfcedd90c9b03d06d773e97fe4aa1056274dc43d30633c5707e1
+  checksum: 42c3d4ae00409048020079c6a28b70bd21e708624550941b32aa3c673ef58de4c080b23f32d48908eac164631a404cc2f6b0a325c7cff93369a163b86f787894
   languageName: node
   linkType: hard
 
-"esbuild-netbsd-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-netbsd-64@npm:0.14.49"
+"esbuild-netbsd-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-netbsd-64@npm:0.14.54"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"esbuild-openbsd-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-openbsd-64@npm:0.14.49"
+"esbuild-openbsd-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-openbsd-64@npm:0.14.54"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -20536,9 +20713,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild-sunos-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-sunos-64@npm:0.14.49"
+"esbuild-sunos-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-sunos-64@npm:0.14.54"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
@@ -20553,60 +20730,63 @@ __metadata:
   linkType: hard
 
 "esbuild-wasm@npm:>=0.13.8":
-  version: 0.14.49
-  resolution: "esbuild-wasm@npm:0.14.49"
+  version: 0.15.7
+  resolution: "esbuild-wasm@npm:0.15.7"
   bin:
     esbuild: bin/esbuild
-  checksum: c5b90a38d8869e02508f5bc3ab6fd689f57a15a11d564eb400b45ed4a3006c02e558cafc8cfba2f732c51c29a372eec92f1a5a5055cf770101fd26a403fd2da7
+  checksum: c80c5664dbe6925b891cce63a05307b94e42cd494d30f763ef6d2325e718e482ee5556564707b37c5a5e0d3489974864eda0905375bd3d40932bd64e68cb2781
   languageName: node
   linkType: hard
 
-"esbuild-windows-32@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-windows-32@npm:0.14.49"
+"esbuild-windows-32@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-windows-32@npm:0.14.54"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"esbuild-windows-64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-windows-64@npm:0.14.49"
+"esbuild-windows-64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-windows-64@npm:0.14.54"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"esbuild-windows-arm64@npm:0.14.49":
-  version: 0.14.49
-  resolution: "esbuild-windows-arm64@npm:0.14.49"
+"esbuild-windows-arm64@npm:0.14.54":
+  version: 0.14.54
+  resolution: "esbuild-windows-arm64@npm:0.14.54"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
 "esbuild@npm:^0.14.48":
-  version: 0.14.49
-  resolution: "esbuild@npm:0.14.49"
-  dependencies:
-    esbuild-android-64: 0.14.49
-    esbuild-android-arm64: 0.14.49
-    esbuild-darwin-64: 0.14.49
-    esbuild-darwin-arm64: 0.14.49
-    esbuild-freebsd-64: 0.14.49
-    esbuild-freebsd-arm64: 0.14.49
-    esbuild-linux-32: 0.14.49
-    esbuild-linux-64: 0.14.49
-    esbuild-linux-arm: 0.14.49
-    esbuild-linux-arm64: 0.14.49
-    esbuild-linux-mips64le: 0.14.49
-    esbuild-linux-ppc64le: 0.14.49
-    esbuild-linux-riscv64: 0.14.49
-    esbuild-linux-s390x: 0.14.49
-    esbuild-netbsd-64: 0.14.49
-    esbuild-openbsd-64: 0.14.49
-    esbuild-sunos-64: 0.14.49
-    esbuild-windows-32: 0.14.49
-    esbuild-windows-64: 0.14.49
-    esbuild-windows-arm64: 0.14.49
+  version: 0.14.54
+  resolution: "esbuild@npm:0.14.54"
+  dependencies:
+    "@esbuild/linux-loong64": 0.14.54
+    esbuild-android-64: 0.14.54
+    esbuild-android-arm64: 0.14.54
+    esbuild-darwin-64: 0.14.54
+    esbuild-darwin-arm64: 0.14.54
+    esbuild-freebsd-64: 0.14.54
+    esbuild-freebsd-arm64: 0.14.54
+    esbuild-linux-32: 0.14.54
+    esbuild-linux-64: 0.14.54
+    esbuild-linux-arm: 0.14.54
+    esbuild-linux-arm64: 0.14.54
+    esbuild-linux-mips64le: 0.14.54
+    esbuild-linux-ppc64le: 0.14.54
+    esbuild-linux-riscv64: 0.14.54
+    esbuild-linux-s390x: 0.14.54
+    esbuild-netbsd-64: 0.14.54
+    esbuild-openbsd-64: 0.14.54
+    esbuild-sunos-64: 0.14.54
+    esbuild-windows-32: 0.14.54
+    esbuild-windows-64: 0.14.54
+    esbuild-windows-arm64: 0.14.54
   dependenciesMeta:
+    "@esbuild/linux-loong64":
+      optional: true
     esbuild-android-64:
       optional: true
     esbuild-android-arm64:
@@ -20649,7 +20829,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 20430a370781008020f5966dd4cf7c8a8bcf7c99a100f8c4cc9461db75df4b0ca5670ad7d6c7cf7df3c90e5e6a3d3fdce827619f912f44f89f3d09bb25044219
+  checksum: 1df3cf7c5175ebee284fd027f287385a07ce8a0f0460a4412881aeff707577d91e55302f220ee8397b3b5aa17f4ceeb80eac16f36fc676532ff1b744e5965f2d
   languageName: node
   linkType: hard
 
@@ -20870,12 +21050,14 @@ __metadata:
   linkType: hard
 
 "eslint-module-utils@npm:^2.7.3":
-  version: 2.7.3
-  resolution: "eslint-module-utils@npm:2.7.3"
+  version: 2.7.4
+  resolution: "eslint-module-utils@npm:2.7.4"
   dependencies:
     debug: ^3.2.7
-    find-up: ^2.1.0
-  checksum: d04498ed7d320fe49a8b510c408bbc6f5ebd56f492ad362a2516984583a179432af13c337240af0260de04b15c3d148c9eb6d88e7c29db411989edbbedc922a5
+  peerDependenciesMeta:
+    eslint:
+      optional: true
+  checksum: a14368a03d01824e4780e76df08460bbd5dcbf9d58944faf8660079559d169ab2b163b9b1b21fa2955c31c76f4ad348fdcde1bf0ef50cda7e14b89f6257b0eda
   languageName: node
   linkType: hard
 
@@ -20988,25 +21170,25 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-jsx-a11y@npm:^6.2.1, eslint-plugin-jsx-a11y@npm:^6.5.1":
-  version: 6.6.0
-  resolution: "eslint-plugin-jsx-a11y@npm:6.6.0"
+  version: 6.6.1
+  resolution: "eslint-plugin-jsx-a11y@npm:6.6.1"
   dependencies:
-    "@babel/runtime": ^7.18.3
+    "@babel/runtime": ^7.18.9
     aria-query: ^4.2.2
     array-includes: ^3.1.5
     ast-types-flow: ^0.0.7
-    axe-core: ^4.4.2
+    axe-core: ^4.4.3
     axobject-query: ^2.2.0
     damerau-levenshtein: ^1.0.8
     emoji-regex: ^9.2.2
     has: ^1.0.3
-    jsx-ast-utils: ^3.3.1
+    jsx-ast-utils: ^3.3.2
     language-tags: ^1.0.5
     minimatch: ^3.1.2
     semver: ^6.3.0
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: 1a0482b65409d95f51e233f611233d4cab5728dac36f567f3daf70900289eccc4c638bf4794c6d123a6d637b1a501a60c93e99a7828b4ed87cd7347fc0e0b55b
+  checksum: 7095a78f538e92d046ff67ba27a6b8ba75e7baba273cda348ed2893018b4cce0628fe85e5bf529251f394cd61b21d7a172c697b296e3917cc170f80f6419e9b3
   languageName: node
   linkType: hard
 
@@ -21035,8 +21217,8 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-react@npm:^7.19.0, eslint-plugin-react@npm:^7.22.0, eslint-plugin-react@npm:^7.27.0, eslint-plugin-react@npm:^7.27.1":
-  version: 7.30.1
-  resolution: "eslint-plugin-react@npm:7.30.1"
+  version: 7.31.7
+  resolution: "eslint-plugin-react@npm:7.31.7"
   dependencies:
     array-includes: ^3.1.5
     array.prototype.flatmap: ^1.3.0
@@ -21054,7 +21236,7 @@ __metadata:
     string.prototype.matchall: ^4.0.7
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: da8189b16723fca914756bc24f76c158fc24c19ba02574081e67d2349db19285747700ec7f6110c2d2f4b427b800f5eef78167f633354fde7895b45179075653
+  checksum: 2bf81b5ce6dde691df6a27f1464f73f7a0af85fadf25041299fd38fc7aeb38272a2dba05af12299b9926fad5813f2c8c60b5707fb248b2103862c389b81f62ce
   languageName: node
   linkType: hard
 
@@ -21072,13 +21254,13 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-testing-library@npm:^5.0.1":
-  version: 5.5.1
-  resolution: "eslint-plugin-testing-library@npm:5.5.1"
+  version: 5.6.2
+  resolution: "eslint-plugin-testing-library@npm:5.6.2"
   dependencies:
     "@typescript-eslint/utils": ^5.13.0
   peerDependencies:
     eslint: ^7.5.0 || ^8.0.0
-  checksum: f6d2a5c8ac89ea026c4bf9f9096dfe13026bf7715cd49b571e69bf5166c980adfb17ce0ac65406042026dd50c8192380d50b9ab5f9691f4aa22c6f70a14d6c5c
+  checksum: 9011f1e249aed8782ac162a66022f6922429f6bfa4268c071f9711a20b97345c8b08b2b6f25d77c6f9b78194acf6f7c843891bf202014a76bc2b24debe53f875
   languageName: node
   linkType: hard
 
@@ -21126,7 +21308,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^3.0.0, eslint-visitor-keys@npm:^3.3.0":
+"eslint-visitor-keys@npm:^3.0.0, eslint-visitor-keys@npm:^3.1.0, eslint-visitor-keys@npm:^3.3.0":
   version: 3.3.0
   resolution: "eslint-visitor-keys@npm:3.3.0"
   checksum: fc6a9b5bdee8d90e35e7564fd9db10fdf507a2c089a4f0d4d3dd091f7f4ac6790547c8b1b7a760642ef819f875ef86dd5bcb8cdf01b0775f57a699f4e6a20a18
@@ -21206,14 +21388,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"espree@npm:7.2.0":
-  version: 7.2.0
-  resolution: "espree@npm:7.2.0"
+"espree@npm:9.2.0":
+  version: 9.2.0
+  resolution: "espree@npm:9.2.0"
   dependencies:
-    acorn: ^7.3.1
-    acorn-jsx: ^5.2.0
-    eslint-visitor-keys: ^1.3.0
-  checksum: c18d11a61f6fbd402773c1fd073b3d92bcf8d56456a62bed3ba1be154383b1fbec7987c069b79077cda19e4c477eb6671e2d3feafebb303d507c75b3a0ed558f
+    acorn: ^8.6.0
+    acorn-jsx: ^5.3.1
+    eslint-visitor-keys: ^3.1.0
+  checksum: fa0acceb6bf151193b873379ba8ee3771c93ce3b656aeb9fe4a36adcf170e315925096e8addddd2d347ae6026ab18febc5892e314e6b109b61a9c3be75f88dc0
   languageName: node
   linkType: hard
 
@@ -21356,22 +21538,22 @@ __metadata:
   linkType: hard
 
 "estree-util-attach-comments@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "estree-util-attach-comments@npm:2.0.1"
+  version: 2.1.0
+  resolution: "estree-util-attach-comments@npm:2.1.0"
   dependencies:
-    "@types/estree": ^0.0.51
-  checksum: 7162fc2a13cbd0f8bbb050d0cf33c8fa41c63d827910088a80aa956624522db1a74c6b362e02c8d913517a59afadee08c60f12459df6c49b197eac239d9d102b
+    "@types/estree": ^1.0.0
+  checksum: 168dc114faf40077f5deaa3cc19e8ed2b0e11f257b952a2f1416161c42f2b94735bcf2bdf478985c2f09f790a0f9c82a8a2b49dfd4743197d5b5d89e4aed902c
   languageName: node
   linkType: hard
 
 "estree-util-build-jsx@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "estree-util-build-jsx@npm:2.1.0"
+  version: 2.2.0
+  resolution: "estree-util-build-jsx@npm:2.2.0"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
     estree-util-is-identifier-name: ^2.0.0
     estree-walker: ^3.0.0
-  checksum: 7b6a5980f5b373d6788309089681e76b075eff31de4b31135d22a00fa73d81030a1c34f8eb792ceae5bb4cd566d4678440fe1de59292733d08fc4bfc92b7608e
+  checksum: 99dccb857132519001e9fa71e059f2fab6d43b8bebe10f5955da68e2cb0dcac49722091a8638ae8f3af592b4020696a9c440bbab3b5a1ac547cde3fe6d2c2d8b
   languageName: node
   linkType: hard
 
@@ -21382,13 +21564,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estree-util-visit@npm:^1.0.0":
+"estree-util-to-js@npm:^1.1.0":
   version: 1.1.0
-  resolution: "estree-util-visit@npm:1.1.0"
+  resolution: "estree-util-to-js@npm:1.1.0"
+  dependencies:
+    "@types/estree-jsx": ^1.0.0
+    astring: ^1.8.0
+    source-map: ^0.7.0
+  checksum: be9b1cc609f1d3dc060bbf1ee0162323a1959996919dceedf1235d2dea290d57c3eb349c92d5d84dc91875ce01931f255a735a5847a57c341871a3b482e908aa
+  languageName: node
+  linkType: hard
+
+"estree-util-visit@npm:^1.0.0":
+  version: 1.2.0
+  resolution: "estree-util-visit@npm:1.2.0"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
     "@types/unist": ^2.0.0
-  checksum: dbbe08dbe7ac4a30376c4fa555915e364a2da844631d75e16d5b39dd82801e724ed713516adcbb9b831ab1e29a5be839bb2f6423c6eebc2e64b26e8e2d6d369c
+  checksum: c0c2331d31ea3eebebc85eea4e556f5ca1bcced1d1005e07b771c9b60e0b93b3c9a7cff28a3c5d9a72eefd4a003ac1fb062bfd71b79992bc261475235bd17518
   languageName: node
   linkType: hard
 
@@ -21399,13 +21592,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estree-walker@npm:^0.6.1":
-  version: 0.6.1
-  resolution: "estree-walker@npm:0.6.1"
-  checksum: 6dabc855faa04a1ffb17b6a9121b6008ba75ab5a163ad9dc3d7fca05cfda374c5f5e91418d783496620ca75e99a73c40874d8b75f23b4117508cc8bde78e7b41
-  languageName: node
-  linkType: hard
-
 "estree-walker@npm:^1.0.1":
   version: 1.0.1
   resolution: "estree-walker@npm:1.0.1"
@@ -21448,7 +21634,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"event-emitter@npm:~0.3.5":
+"event-emitter@npm:^0.3.5, event-emitter@npm:~0.3.5":
   version: 0.3.5
   resolution: "event-emitter@npm:0.3.5"
   dependencies:
@@ -21510,9 +21696,9 @@ __metadata:
   linkType: hard
 
 "eventemitter2@npm:^6.4.3":
-  version: 6.4.6
-  resolution: "eventemitter2@npm:6.4.6"
-  checksum: 5f5e28d5c86080991ae87fc1a4679d56a4e988ba4aeb47159a6e5c3bead4ba200b6733950290ae8e6d8dd08a59cfbebef56c27eef00a22b49bbe12d4b6dd3482
+  version: 6.4.8
+  resolution: "eventemitter2@npm:6.4.8"
+  checksum: a0c93cf931dac6380f59f2b6c6fc8e799285552440a3e3c66c93985500ae3b407f35c6ae5ad48ae70d045ea57ca2003790e1dc3e85f63b02c7047bbffb68ef98
   languageName: node
   linkType: hard
 
@@ -21705,6 +21891,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expect@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "expect@npm:28.1.3"
+  dependencies:
+    "@jest/expect-utils": ^28.1.3
+    jest-get-type: ^28.0.2
+    jest-matcher-utils: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-util: ^28.1.3
+  checksum: fce8aa5462294fc7a32b17eef697e9999989b383e62f88b76e69badc59d4abb231dd6131aebaf27c4683be2fb0aa345e125bf2f15545e30a31dc85ec98673608
+  languageName: node
+  linkType: hard
+
+"expect@npm:^29.0.0":
+  version: 29.0.2
+  resolution: "expect@npm:29.0.2"
+  dependencies:
+    "@jest/expect-utils": ^29.0.2
+    jest-get-type: ^29.0.0
+    jest-matcher-utils: ^29.0.2
+    jest-message-util: ^29.0.2
+    jest-util: ^29.0.2
+  checksum: 3147ea90c9e26517b1d111a3426f9447c262eb00a37b2cd55d1190e4a285742fc51cbbdbaa882c5fb0b877802a28812bd2f990fee4ec763631eb93eac887214c
+  languageName: node
+  linkType: hard
+
 "express@npm:4.17.1":
   version: 4.17.1
   resolution: "express@npm:4.17.1"
@@ -21840,11 +22052,11 @@ __metadata:
   linkType: hard
 
 "ext@npm:^1.1.2":
-  version: 1.6.0
-  resolution: "ext@npm:1.6.0"
+  version: 1.7.0
+  resolution: "ext@npm:1.7.0"
   dependencies:
-    type: ^2.5.0
-  checksum: d6ff29ca86fbe4e69743d10702ece124e0239faa435a6c3b2833282787b9eace2c8cbf5d8439d0c85312255d5472d251bf3cd4c4d1b9de8f8a8090e6b43db948
+    type: ^2.7.2
+  checksum: a8e5f34e12214e9eee3a4af3b5c9d05ba048f28996450975b369fc86e5d0ef13b6df0615f892f5396a9c65d616213c25ec5b0ad17ef42eac4a500512a19da6c7
   languageName: node
   linkType: hard
 
@@ -22091,9 +22303,9 @@ __metadata:
   linkType: hard
 
 "fastest-levenshtein@npm:^1.0.12":
-  version: 1.0.14
-  resolution: "fastest-levenshtein@npm:1.0.14"
-  checksum: c206947d3da9de570291bbf835f317866f6080e4372846d55b5f313078fc570332d3f40be12e66ed577c724d8654d9dd6ab36a15f178a426a3d45b4f5e24a3d8
+  version: 1.0.16
+  resolution: "fastest-levenshtein@npm:1.0.16"
+  checksum: 7e3d8ae812a7f4fdf8cad18e9cde436a39addf266a5986f653ea0d81e0de0900f50c0f27c6d5aff3f686bcb48acbd45be115ae2216f36a6a13a7dbbf5cad878b
   languageName: node
   linkType: hard
 
@@ -22568,16 +22780,16 @@ __metadata:
   linkType: hard
 
 "flatted@npm:^3.1.0":
-  version: 3.2.6
-  resolution: "flatted@npm:3.2.6"
-  checksum: cc86d6c699de3557ede84ae31d4a23f24f7800fd40904e1a1645f9a6a8f23d0267a0661fcbde801e7f36e065a481a512cb2ed53d150280d2049abd0a876d4e8b
+  version: 3.2.7
+  resolution: "flatted@npm:3.2.7"
+  checksum: 207a87c7abfc1ea6928ea16bac84f9eaa6d44d365620ece419e5c41cf44a5e9902b4c1f59c9605771b10e4565a0cb46e99d78e0464e8aabb42c97de880642257
   languageName: node
   linkType: hard
 
 "flow-parser@npm:0.*":
-  version: 0.183.0
-  resolution: "flow-parser@npm:0.183.0"
-  checksum: fab6dd7f9994f5ffe9d092f5f57d6e790608e7188910b38e235240302c8271e41ea41498adc3fee633ec106783a4c8dfc2312307f1fda7c90e6e6114cad40be3
+  version: 0.186.0
+  resolution: "flow-parser@npm:0.186.0"
+  checksum: 4f8c476cd64ab1df9eb67338a29ee3c6c32fd8fb8f72dc16703d2f18812be3c307084faf9b9d266b8ff653247cb1573351193edee86e156ae2e1bce17b4bd507
   languageName: node
   linkType: hard
 
@@ -23227,7 +23439,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.0.2, get-intrinsic@npm:^1.1.0, get-intrinsic@npm:^1.1.1":
+"get-intrinsic@npm:^1.0.2, get-intrinsic@npm:^1.1.0, get-intrinsic@npm:^1.1.1, get-intrinsic@npm:^1.1.2":
   version: 1.1.2
   resolution: "get-intrinsic@npm:1.1.2"
   dependencies:
@@ -23531,14 +23743,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-promise@npm:^3.4.0":
-  version: 3.4.0
-  resolution: "glob-promise@npm:3.4.0"
+"glob-promise@npm:^4.2.0":
+  version: 4.2.2
+  resolution: "glob-promise@npm:4.2.2"
   dependencies:
-    "@types/glob": "*"
+    "@types/glob": ^7.1.3
   peerDependencies:
-    glob: "*"
-  checksum: 8862e309f46a97c9491d35900257c9174f72b8358a8f485cdba88eb2d5b0f9cf496dfe635711bbd871e89165f50ec3acd435cbef5bfc5efbc14508abced778ac
+    glob: ^7.1.6
+  checksum: 3eb01bed2901539365df6a4d27800afb8788840647d01f9bf3500b3de756597f2ff4b8c823971ace34db228c83159beca459dc42a70968d4e9c8200ed2cc96bd
   languageName: node
   linkType: hard
 
@@ -24272,10 +24484,11 @@ __metadata:
   linkType: hard
 
 "hast-util-to-estree@npm:^2.0.0, hast-util-to-estree@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "hast-util-to-estree@npm:2.0.2"
+  version: 2.1.0
+  resolution: "hast-util-to-estree@npm:2.1.0"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree": ^1.0.0
+    "@types/estree-jsx": ^1.0.0
     "@types/hast": ^2.0.0
     "@types/unist": ^2.0.0
     comma-separated-tokens: ^2.0.0
@@ -24289,7 +24502,7 @@ __metadata:
     style-to-object: ^0.3.0
     unist-util-position: ^4.0.0
     zwitch: ^2.0.0
-  checksum: 4297170fdc93618c3dc76018d83015c9bda5313eab148d57f1c1d861dac3d67079cd9e108788c85fb1231fd9eb57d103421560857dcd18dafca69c1ea958c9f3
+  checksum: 23bff70dd554b2ba29d6c4933621655c5345168c68a6600819c67279316fb1356d8580744d609f2ccbc6ee5d3d6fdedf719b913e112f66b65fe3ccf597d56b92
   languageName: node
   linkType: hard
 
@@ -24418,15 +24631,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"history@npm:5.0.0":
-  version: 5.0.0
-  resolution: "history@npm:5.0.0"
-  dependencies:
-    "@babel/runtime": ^7.7.6
-  checksum: 6e1a0880c1d67a9040117e5b426e71bc35642488485354d378cb635f194c2177979558b6fb537972840c6993d92c1ae971ab6c33bf77be1b1f135349ea65cde0
-  languageName: node
-  linkType: hard
-
 "history@npm:^5.1.0":
   version: 5.3.0
   resolution: "history@npm:5.3.0"
@@ -24558,31 +24762,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "html-kitchen-sink@workspace:examples/html-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-jest": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
     "@storybook/addon-postcss": ^2.0.0
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/client-api": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
-    "@storybook/html": 7.0.0-alpha.20
-    "@storybook/html-webpack5": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/client-api": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
+    "@storybook/html": 7.0.0-alpha.31
+    "@storybook/html-webpack5": 7.0.0-alpha.31
+    "@storybook/source-loader": 7.0.0-alpha.31
     autoprefixer: ^10.0.1
     eventemitter3: ^4.0.7
     format-json: ^1.0.3
     global: ^4.4.0
     postcss: ^8.2.4
     postcss-color-rebeccapurple: ^6.0.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
   languageName: unknown
   linkType: soft
 
@@ -25102,11 +25306,11 @@ __metadata:
   linkType: hard
 
 "i18next@npm:^21.6.11":
-  version: 21.8.14
-  resolution: "i18next@npm:21.8.14"
+  version: 21.9.1
+  resolution: "i18next@npm:21.9.1"
   dependencies:
     "@babel/runtime": ^7.17.2
-  checksum: f627c1f6abd3be534aecfa0cec5bf90a44506b5c50b20d993b51bf8c356a82fc7ecdd7e8015884925568b4816aae7f8938e245191292e8c5bc1a5a7e08d2966e
+  checksum: 9acdb7cd16d07b0639a233d4c66ac2e7e53ee718232d7fffcaac3ccb7a3c002bbf8b92cd06cd234e86cc1ae05585ab298f4b9f1fb14bfca7e08e2f5248a5f878
   languageName: node
   linkType: hard
 
@@ -25153,10 +25357,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"idb@npm:^6.1.4":
-  version: 6.1.5
-  resolution: "idb@npm:6.1.5"
-  checksum: 189dfe760ea66780e02c68cb14d2eccdfb18996176c604a85fa987b90fbb613d224cd90fdc0f700378dd4c1abaf1175d22eb149ab7aef5f90e2e1a8787d8f3b9
+"idb@npm:^7.0.1":
+  version: 7.0.2
+  resolution: "idb@npm:7.0.2"
+  checksum: cbb15125f03e0d96393a9eceb805a9caf8f4b04ad28c591b1fbe61c7f45d24ef7d038200a1ef9b0d909cf38b64912a8cf4c858ba7a1a10344871f9b9af4a2ab1
   languageName: node
   linkType: hard
 
@@ -25372,13 +25576,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"indent-string@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "indent-string@npm:5.0.0"
-  checksum: 8ee77b57d92e71745e133f6f444d6fa3ed503ad0e1bcd7e80c8da08b42375c07117128d670589725ed07b1978065803fa86318c309ba45415b7fe13e7f170220
-  languageName: node
-  linkType: hard
-
 "infer-owner@npm:^1.0.3, infer-owner@npm:^1.0.4":
   version: 1.0.4
   resolution: "infer-owner@npm:1.0.4"
@@ -25775,11 +25972,11 @@ __metadata:
   linkType: hard
 
 "is-builtin-module@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "is-builtin-module@npm:3.1.0"
+  version: 3.2.0
+  resolution: "is-builtin-module@npm:3.2.0"
   dependencies:
-    builtin-modules: ^3.0.0
-  checksum: 3e6c74d1af635bfcb95474aabb1b626bbf816c47719acab99e97eae7771a7b600df2241fddead1fc610c6c3e6c3c43f59b7964fcf3c8d4d94cd78928b3e71bfd
+    builtin-modules: ^3.3.0
+  checksum: dd911ba5b5e9615d4da19fad3bbd839bcce8f279b28e094ff0883147a70e36fa4fd2d2aebc85886585106f8fc11d45ca60234afc4e3fa261ad58f013a26d3f1a
   languageName: node
   linkType: hard
 
@@ -25813,11 +26010,11 @@ __metadata:
   linkType: hard
 
 "is-core-module@npm:^2.5.0, is-core-module@npm:^2.8.1, is-core-module@npm:^2.9.0":
-  version: 2.9.0
-  resolution: "is-core-module@npm:2.9.0"
+  version: 2.10.0
+  resolution: "is-core-module@npm:2.10.0"
   dependencies:
     has: ^1.0.3
-  checksum: 056fe4c5f9f383dc1c1b0dc3250c300880b9b1e17e1885077d64a1667926ecc11ba696776597616bfd2fd7f87c7476c01b127a0c842b4821bee2414d0e296e6e
+  checksum: af7c3b24cb3375688a84306dcfa71c9305fd03af6548aaeb51ed345f85abafe22e071835b3a5f4bb1e87b434404410ec31ee45749f617a7acf2a4dcb9f677ae7
   languageName: node
   linkType: hard
 
@@ -25900,16 +26097,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-dom@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "is-dom@npm:1.1.0"
-  dependencies:
-    is-object: ^1.0.1
-    is-window: ^1.0.2
-  checksum: 0645d388bed188e827b4440af7c2f4c454ad6e6fd4c395d46eae404ca8b64f1bb45e3f33f1a60fbc7f59ca10fb0e5351589b49b3d3bac1b3c5aeec70e2e5be07
-  languageName: node
-  linkType: hard
-
 "is-empty@npm:^1.0.0":
   version: 1.2.0
   resolution: "is-empty@npm:1.2.0"
@@ -26450,13 +26637,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-window@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "is-window@npm:1.0.2"
-  checksum: f954f21c9fce64e6c72f8a908c3aaefa8fd6d1ef819acdfa1be007de70e5424bd2ac774950b38b523fd8ff4b581899efc1156cc6b0505040072e8ff25e57ec18
-  languageName: node
-  linkType: hard
-
 "is-windows@npm:^1.0.0, is-windows@npm:^1.0.1, is-windows@npm:^1.0.2":
   version: 1.0.2
   resolution: "is-windows@npm:1.0.2"
@@ -26784,6 +26964,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-circus@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "jest-circus@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/expect": ^28.1.3
+    "@jest/test-result": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    co: ^4.6.0
+    dedent: ^0.7.0
+    is-generator-fn: ^2.0.0
+    jest-each: ^28.1.3
+    jest-matcher-utils: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-runtime: ^28.1.3
+    jest-snapshot: ^28.1.3
+    jest-util: ^28.1.3
+    p-limit: ^3.1.0
+    pretty-format: ^28.1.3
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: 6f20ff8b5f100c7bafb6f71a2bd42e81804f0af848d628864508340239c56957a731bcdd83dba3e962a81c1f05ce9daa4ecee207a02e0ec73a908a2ec62f1f19
+  languageName: node
+  linkType: hard
+
 "jest-cli@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-cli@npm:26.6.3"
@@ -26834,40 +27041,41 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-config@npm:27.5.1, jest-config@npm:^27.5.1":
-  version: 27.5.1
-  resolution: "jest-config@npm:27.5.1"
+"jest-config@npm:28.1.1":
+  version: 28.1.1
+  resolution: "jest-config@npm:28.1.1"
   dependencies:
-    "@babel/core": ^7.8.0
-    "@jest/test-sequencer": ^27.5.1
-    "@jest/types": ^27.5.1
-    babel-jest: ^27.5.1
+    "@babel/core": ^7.11.6
+    "@jest/test-sequencer": ^28.1.1
+    "@jest/types": ^28.1.1
+    babel-jest: ^28.1.1
     chalk: ^4.0.0
     ci-info: ^3.2.0
     deepmerge: ^4.2.2
-    glob: ^7.1.1
+    glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-circus: ^27.5.1
-    jest-environment-jsdom: ^27.5.1
-    jest-environment-node: ^27.5.1
-    jest-get-type: ^27.5.1
-    jest-jasmine2: ^27.5.1
-    jest-regex-util: ^27.5.1
-    jest-resolve: ^27.5.1
-    jest-runner: ^27.5.1
-    jest-util: ^27.5.1
-    jest-validate: ^27.5.1
+    jest-circus: ^28.1.1
+    jest-environment-node: ^28.1.1
+    jest-get-type: ^28.0.2
+    jest-regex-util: ^28.0.2
+    jest-resolve: ^28.1.1
+    jest-runner: ^28.1.1
+    jest-util: ^28.1.1
+    jest-validate: ^28.1.1
     micromatch: ^4.0.4
     parse-json: ^5.2.0
-    pretty-format: ^27.5.1
+    pretty-format: ^28.1.1
     slash: ^3.0.0
     strip-json-comments: ^3.1.1
   peerDependencies:
+    "@types/node": "*"
     ts-node: ">=9.0.0"
   peerDependenciesMeta:
+    "@types/node":
+      optional: true
     ts-node:
       optional: true
-  checksum: 28867b165f0e25b711a2ade5f261a1b1606b476704ff68a50688eaf3b9c853f69542645cc7e0dab38079ed74e3acc99e38628faf736c1739e44fc869c62c6051
+  checksum: 24590b094cb2678ba51d8ab270c465f1598a374588a4b4e7dd63fef2a86d2c3a52fea4943b3e41e5864bc30997908f0b602e503199e54c65894c625b31f4bc5b
   languageName: node
   linkType: hard
 
@@ -26902,6 +27110,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-config@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-config@npm:27.5.1"
+  dependencies:
+    "@babel/core": ^7.8.0
+    "@jest/test-sequencer": ^27.5.1
+    "@jest/types": ^27.5.1
+    babel-jest: ^27.5.1
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    deepmerge: ^4.2.2
+    glob: ^7.1.1
+    graceful-fs: ^4.2.9
+    jest-circus: ^27.5.1
+    jest-environment-jsdom: ^27.5.1
+    jest-environment-node: ^27.5.1
+    jest-get-type: ^27.5.1
+    jest-jasmine2: ^27.5.1
+    jest-regex-util: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-runner: ^27.5.1
+    jest-util: ^27.5.1
+    jest-validate: ^27.5.1
+    micromatch: ^4.0.4
+    parse-json: ^5.2.0
+    pretty-format: ^27.5.1
+    slash: ^3.0.0
+    strip-json-comments: ^3.1.1
+  peerDependencies:
+    ts-node: ">=9.0.0"
+  peerDependenciesMeta:
+    ts-node:
+      optional: true
+  checksum: 28867b165f0e25b711a2ade5f261a1b1606b476704ff68a50688eaf3b9c853f69542645cc7e0dab38079ed74e3acc99e38628faf736c1739e44fc869c62c6051
+  languageName: node
+  linkType: hard
+
 "jest-diff@npm:^25.2.1":
   version: 25.5.0
   resolution: "jest-diff@npm:25.5.0"
@@ -26950,6 +27195,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-diff@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "jest-diff@npm:29.0.2"
+  dependencies:
+    chalk: ^4.0.0
+    diff-sequences: ^29.0.0
+    jest-get-type: ^29.0.0
+    pretty-format: ^29.0.2
+  checksum: 7c515cb4dbae844f2eef386145cb157ad5cc3128b1f22db2f1857e558c430989ec6ae7422c2456aca79b43288b3b3a703564ca81ab0f8121651cfbf2fff20db5
+  languageName: node
+  linkType: hard
+
 "jest-docblock@npm:^26.0.0":
   version: 26.0.0
   resolution: "jest-docblock@npm:26.0.0"
@@ -26968,6 +27225,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-docblock@npm:^28.1.1":
+  version: 28.1.1
+  resolution: "jest-docblock@npm:28.1.1"
+  dependencies:
+    detect-newline: ^3.0.0
+  checksum: 147b7e537ff025c0be2909192c56fb9bfda09bc2603075491798bd0315d503687efa7c75131f2909a0fde30af9dc309b7ef58eb21413e2380c471b3db133949a
+  languageName: node
+  linkType: hard
+
 "jest-each@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-each@npm:26.6.2"
@@ -26994,6 +27260,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-each@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-each@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    chalk: ^4.0.0
+    jest-get-type: ^28.0.2
+    jest-util: ^28.1.3
+    pretty-format: ^28.1.3
+  checksum: 63e1ecf86297085527b369a517af3dba8614937adc1870de041f6f0c3d5dff4d60d94be32949cf9945d9ce401bd28bea2c5efa9e090c39777cfd1627b71d6bc7
+  languageName: node
+  linkType: hard
+
 "jest-environment-enzyme@npm:^7.1.2":
   version: 7.1.2
   resolution: "jest-environment-enzyme@npm:7.1.2"
@@ -27106,6 +27385,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-environment-node@npm:^28.1.1, jest-environment-node@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-environment-node@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/fake-timers": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    jest-mock: ^28.1.3
+    jest-util: ^28.1.3
+  checksum: d7d313ee28d6063f0740cf5dd94f3ae206f0897ac8e562e52159ec1b26c24233c75893b3cbf1b885dcc8abb50e82a20d07f77c28917be8fd20156dd15602892f
+  languageName: node
+  linkType: hard
+
 "jest-enzyme@npm:^7.1.2":
   version: 7.1.2
   resolution: "jest-enzyme@npm:7.1.2"
@@ -27148,6 +27441,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-get-type@npm:^29.0.0":
+  version: 29.0.0
+  resolution: "jest-get-type@npm:29.0.0"
+  checksum: 953a32cef3034764c0e2ac53e8192fe1fa3e5e56465086f0b57cd1a45aebbfceecca1f8cf890004be41b99fa7c4585b3c183a2dee5017c088a8a5b760dca31d0
+  languageName: node
+  linkType: hard
+
 "jest-haste-map@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-haste-map@npm:24.9.0"
@@ -27220,6 +27520,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-haste-map@npm:^28.1.1, jest-haste-map@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-haste-map@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    "@types/graceful-fs": ^4.1.3
+    "@types/node": "*"
+    anymatch: ^3.0.3
+    fb-watchman: ^2.0.0
+    fsevents: ^2.3.2
+    graceful-fs: ^4.2.9
+    jest-regex-util: ^28.0.2
+    jest-util: ^28.1.3
+    jest-worker: ^28.1.3
+    micromatch: ^4.0.4
+    walker: ^1.0.8
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 6a2beedd31f5d67b508d57fbfdd8858cfbd2f59a61737fc74cac4b9f60120faeda8c40189afba331324b08e10bc2281521292cdb6713fb3cab7770828f4e83d9
+  languageName: node
+  linkType: hard
+
 "jest-image-snapshot@npm:^4.3.0":
   version: 4.5.1
   resolution: "jest-image-snapshot@npm:4.5.1"
@@ -27322,6 +27645,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-leak-detector@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-leak-detector@npm:28.1.3"
+  dependencies:
+    jest-get-type: ^28.0.2
+    pretty-format: ^28.1.3
+  checksum: 038cca2fa8cb24ede34834308c86eca40a6c20f02ad5b81d059072c444c421c60058c2610107bd6a50043ef3fe6283d63ddb0946dea4d2a8a874ceb1281a009e
+  languageName: node
+  linkType: hard
+
 "jest-matcher-utils@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-matcher-utils@npm:26.6.2"
@@ -27346,7 +27679,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^28.0.0":
+"jest-matcher-utils@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-matcher-utils@npm:28.1.3"
   dependencies:
@@ -27358,6 +27691,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-matcher-utils@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "jest-matcher-utils@npm:29.0.2"
+  dependencies:
+    chalk: ^4.0.0
+    jest-diff: ^29.0.2
+    jest-get-type: ^29.0.0
+    pretty-format: ^29.0.2
+  checksum: dbf3f75fff853085c64b923434271d1d4db864dd6a2b0c620b12e0af2293bc21fb5ab645df34b601711b2345ff85554dc5be03db0a1996a1cf372d4938785134
+  languageName: node
+  linkType: hard
+
 "jest-message-util@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-message-util@npm:24.9.0"
@@ -27408,7 +27753,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^28.1.3":
+"jest-message-util@npm:^28.1.1, jest-message-util@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-message-util@npm:28.1.3"
   dependencies:
@@ -27425,6 +27770,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-message-util@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "jest-message-util@npm:29.0.2"
+  dependencies:
+    "@babel/code-frame": ^7.12.13
+    "@jest/types": ^29.0.2
+    "@types/stack-utils": ^2.0.0
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    micromatch: ^4.0.4
+    pretty-format: ^29.0.2
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: 03ac5e1e5c32e2a92d6c671bea0445640ee2485eb6578946219a0deb20cce147700986b432eda17419fe4a890f3ad6ae8f204242cd670fc2b0ea35e47aa6739d
+  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"
@@ -27484,8 +27846,8 @@ __metadata:
   linkType: hard
 
 "jest-preset-angular@npm:^12.0.0":
-  version: 12.2.0
-  resolution: "jest-preset-angular@npm:12.2.0"
+  version: 12.2.2
+  resolution: "jest-preset-angular@npm:12.2.2"
   dependencies:
     bs-logger: ^0.2.6
     esbuild: ">=0.13.8"
@@ -27503,7 +27865,7 @@ __metadata:
   dependenciesMeta:
     esbuild:
       optional: true
-  checksum: 0ff9576d8ba6ed87b1ce1a005a1a831e9afeae50b8a203cff4211d248f4f665bda274ce3d5015945079fa2b3a9f90f01c244cfc468cefc6b244d44c5123bb659
+  checksum: 3ae0d3cd203e464eb18e46c060f74c789803edc6d88994ac89eab7b475470f5428077ebb0205a94ce60d71d053f5824e58cabf42da96d0a380059d23aa7fa122
   languageName: node
   linkType: hard
 
@@ -27549,7 +27911,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^28.0.0":
+"jest-regex-util@npm:^28.0.0, jest-regex-util@npm:^28.0.2":
   version: 28.0.2
   resolution: "jest-regex-util@npm:28.0.2"
   checksum: d79d255b8a2217bdb0b638cbb5e61a41ab788e62a6217fce5276ab9763c1327b9e0a4f10ebdb230c76848125aa9cc97c8751cfad15db7ec0441d44acfbaf5084
@@ -27578,21 +27940,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:27.5.1, jest-resolve@npm:^27.4.2, jest-resolve@npm:^27.5.1":
-  version: 27.5.1
-  resolution: "jest-resolve@npm:27.5.1"
+"jest-resolve@npm:28.1.1":
+  version: 28.1.1
+  resolution: "jest-resolve@npm:28.1.1"
   dependencies:
-    "@jest/types": ^27.5.1
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^27.5.1
+    jest-haste-map: ^28.1.1
     jest-pnp-resolver: ^1.2.2
-    jest-util: ^27.5.1
-    jest-validate: ^27.5.1
+    jest-util: ^28.1.1
+    jest-validate: ^28.1.1
     resolve: ^1.20.0
     resolve.exports: ^1.1.0
     slash: ^3.0.0
-  checksum: 5f9577e424346881964683f22472bd12bd9cfd70e49cb1800ccd31f2e88b0985ed353ca5cc7fb02de9093be2c733ab32de526c99a1192455ddb167afe916efd1
+  checksum: 3e58e75ff90b54a24039689e407b59688f2495d18e2ae15e686cdf9c8a7e745b1ab292741afdac0f166a28b8a6e538c5dde3efb5a0b223da6e6a259fd74ccde4
   languageName: node
   linkType: hard
 
@@ -27612,6 +27973,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-resolve@npm:^27.4.2, jest-resolve@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-resolve@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^27.5.1
+    jest-pnp-resolver: ^1.2.2
+    jest-util: ^27.5.1
+    jest-validate: ^27.5.1
+    resolve: ^1.20.0
+    resolve.exports: ^1.1.0
+    slash: ^3.0.0
+  checksum: 5f9577e424346881964683f22472bd12bd9cfd70e49cb1800ccd31f2e88b0985ed353ca5cc7fb02de9093be2c733ab32de526c99a1192455ddb167afe916efd1
+  languageName: node
+  linkType: hard
+
+"jest-resolve@npm:^28.1.1, jest-resolve@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-resolve@npm:28.1.3"
+  dependencies:
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    jest-pnp-resolver: ^1.2.2
+    jest-util: ^28.1.3
+    jest-validate: ^28.1.3
+    resolve: ^1.20.0
+    resolve.exports: ^1.1.0
+    slash: ^3.0.0
+  checksum: 3d37b33137266eadc9febb5c8f6ab59030818bf4cc426cf013e260a79189d49e48dee004a796ce48d631e1353bc03463bd630f55ce01af0cffef73c3d23d6f91
+  languageName: node
+  linkType: hard
+
 "jest-runner@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-runner@npm:26.6.3"
@@ -27669,6 +28065,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-runner@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "jest-runner@npm:28.1.3"
+  dependencies:
+    "@jest/console": ^28.1.3
+    "@jest/environment": ^28.1.3
+    "@jest/test-result": ^28.1.3
+    "@jest/transform": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    emittery: ^0.10.2
+    graceful-fs: ^4.2.9
+    jest-docblock: ^28.1.1
+    jest-environment-node: ^28.1.3
+    jest-haste-map: ^28.1.3
+    jest-leak-detector: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-resolve: ^28.1.3
+    jest-runtime: ^28.1.3
+    jest-util: ^28.1.3
+    jest-watcher: ^28.1.3
+    jest-worker: ^28.1.3
+    p-limit: ^3.1.0
+    source-map-support: 0.5.13
+  checksum: 423dd2b4d7c61e27572bb558f68ac838f94927131626e709489636224593d274ad7b8ced6c7abecd2c0075ac9d01bf4e7ef09f1a60c495f66ad855f093575ced
+  languageName: node
+  linkType: hard
+
 "jest-runtime@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-runtime@npm:26.6.3"
@@ -27736,6 +28161,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-runtime@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-runtime@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/fake-timers": ^28.1.3
+    "@jest/globals": ^28.1.3
+    "@jest/source-map": ^28.1.2
+    "@jest/test-result": ^28.1.3
+    "@jest/transform": ^28.1.3
+    "@jest/types": ^28.1.3
+    chalk: ^4.0.0
+    cjs-module-lexer: ^1.0.0
+    collect-v8-coverage: ^1.0.0
+    execa: ^5.0.0
+    glob: ^7.1.3
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-mock: ^28.1.3
+    jest-regex-util: ^28.0.2
+    jest-resolve: ^28.1.3
+    jest-snapshot: ^28.1.3
+    jest-util: ^28.1.3
+    slash: ^3.0.0
+    strip-bom: ^4.0.0
+  checksum: f315b5dafd1af501afb643b274311fc906cd27236ba87bc004cf0494619fd4fad70bbc8d1b30a7335a17531367cefac0b0941cfd35c255d6ce4aecd686e76508
+  languageName: node
+  linkType: hard
+
 "jest-serializer-html@npm:^7.0.0":
   version: 7.1.0
   resolution: "jest-serializer-html@npm:7.1.0"
@@ -27826,6 +28281,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-snapshot@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-snapshot@npm:28.1.3"
+  dependencies:
+    "@babel/core": ^7.11.6
+    "@babel/generator": ^7.7.2
+    "@babel/plugin-syntax-typescript": ^7.7.2
+    "@babel/traverse": ^7.7.2
+    "@babel/types": ^7.3.3
+    "@jest/expect-utils": ^28.1.3
+    "@jest/transform": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/babel__traverse": ^7.0.6
+    "@types/prettier": ^2.1.5
+    babel-preset-current-node-syntax: ^1.0.0
+    chalk: ^4.0.0
+    expect: ^28.1.3
+    graceful-fs: ^4.2.9
+    jest-diff: ^28.1.3
+    jest-get-type: ^28.0.2
+    jest-haste-map: ^28.1.3
+    jest-matcher-utils: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-util: ^28.1.3
+    natural-compare: ^1.4.0
+    pretty-format: ^28.1.3
+    semver: ^7.3.5
+  checksum: 2dcf7a7e7a2ffff8decfab61e4a9b7c333ad4766a21cfb77d63d5bd01c298df31c511ac5c0754715e280e4cdeae9ca91f2c765c86e8764a59c142063bcc8dee6
+  languageName: node
+  linkType: hard
+
 "jest-specific-snapshot@npm:^4.0.0":
   version: 4.0.0
   resolution: "jest-specific-snapshot@npm:4.0.0"
@@ -27848,17 +28334,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:27.5.1, jest-util@npm:^27.5.1":
-  version: 27.5.1
-  resolution: "jest-util@npm:27.5.1"
+"jest-util@npm:28.1.1":
+  version: 28.1.1
+  resolution: "jest-util@npm:28.1.1"
   dependencies:
-    "@jest/types": ^27.5.1
+    "@jest/types": ^28.1.1
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: 0f60cd2a2e09a6646ccd4ff489f1970282c0694724104979e897bd5164f91204726f5408572bf5e759d09e59d5c4e4dc65a643d2b630e06a10402bba07bf2a2e
+  checksum: 24f311d1b0c46f7ae9f37b020ee2932551d27882256b259768d3ce9915b43861808f1a40711344c4e567013858f11e11fc9ca19509e2c17810310e927185c705
   languageName: node
   linkType: hard
 
@@ -27896,7 +28382,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^28.0.0, jest-util@npm:^28.1.3":
+"jest-util@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-util@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: 0f60cd2a2e09a6646ccd4ff489f1970282c0694724104979e897bd5164f91204726f5408572bf5e759d09e59d5c4e4dc65a643d2b630e06a10402bba07bf2a2e
+  languageName: node
+  linkType: hard
+
+"jest-util@npm:^28.0.0, jest-util@npm:^28.1.1, jest-util@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-util@npm:28.1.3"
   dependencies:
@@ -27910,6 +28410,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-util@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "jest-util@npm:29.0.2"
+  dependencies:
+    "@jest/types": ^29.0.2
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: eb76e9e9cb60c2e2d68bc198a83fba8fd366464b35040f71ec4214816a5f83be71bb459f6842152992f8688136a8f4cfb1a9e0ffdc846842106dc0ec54f85d70
+  languageName: node
+  linkType: hard
+
 "jest-validate@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-validate@npm:26.6.2"
@@ -27938,6 +28452,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-validate@npm:^28.1.1, jest-validate@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-validate@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    camelcase: ^6.2.0
+    chalk: ^4.0.0
+    jest-get-type: ^28.0.2
+    leven: ^3.1.0
+    pretty-format: ^28.1.3
+  checksum: 57a69c560f7ea8b69d0b26fb895f43de1e46f361c512cb74495b17a10d2999a341dba6a83b67dd3d8899a86242662db113ef8f3e0bc5cbf032a9982535b378e0
+  languageName: node
+  linkType: hard
+
 "jest-vue-preprocessor@npm:^1.7.1":
   version: 1.7.1
   resolution: "jest-vue-preprocessor@npm:1.7.1"
@@ -28017,7 +28545,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^28.0.0":
+"jest-watcher@npm:^28.0.0, jest-watcher@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-watcher@npm:28.1.3"
   dependencies:
@@ -28065,7 +28593,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^28.0.2":
+"jest-worker@npm:^28.0.2, jest-worker@npm:^28.1.1, jest-worker@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-worker@npm:28.1.3"
   dependencies:
@@ -28153,9 +28681,9 @@ __metadata:
   linkType: hard
 
 "jquery@npm:^3.5.0":
-  version: 3.6.0
-  resolution: "jquery@npm:3.6.0"
-  checksum: 45a63f8376a8918087c0277b2394dd382fcacff765c41ccbb5009a9336f8c971bf41c6a0519062edc1dff6333d96959c3a3ec55c95eb6c94d5372253d6cbf82f
+  version: 3.6.1
+  resolution: "jquery@npm:3.6.1"
+  checksum: 5867ba6c9f4eecb8e55965288799b2569f83cdac5f97602d6ae17959c3ff17e728dc7c6f75e607e00d235bfb41d6c730b61953a0052046e67784e2fb5edd151c
   languageName: node
   linkType: hard
 
@@ -28187,7 +28715,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"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":
+"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":
   version: 3.14.1
   resolution: "js-yaml@npm:3.14.1"
   dependencies:
@@ -28541,7 +29069,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:2.x, json5@npm:^2.0.0, json5@npm:^2.1.0, json5@npm:^2.1.2, json5@npm:^2.1.3, json5@npm:^2.2.0, json5@npm:^2.2.1":
+"json5@npm:2.x, json5@npm:^2.0.0, json5@npm:^2.1.0, json5@npm:^2.1.2, json5@npm:^2.2.0, json5@npm:^2.2.1":
   version: 2.2.1
   resolution: "json5@npm:2.2.1"
   bin:
@@ -28578,9 +29106,9 @@ __metadata:
   linkType: hard
 
 "jsonc-parser@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "jsonc-parser@npm:3.1.0"
-  checksum: c39b66b96c4ecb269187f4cd24fb3400b43d944eb023f5df9d9f4ab87cd396e26541d521b22379621458156badaf96a2520a75511e14fc15be8ad33eb88cbc91
+  version: 3.2.0
+  resolution: "jsonc-parser@npm:3.2.0"
+  checksum: 5a12d4d04dad381852476872a29dcee03a57439574e4181d91dca71904fcdcc5e8e4706c0a68a2c61ad9810e1e1c5806b5100d52d3e727b78f5cdc595401045b
   languageName: node
   linkType: hard
 
@@ -28709,13 +29237,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.1":
-  version: 3.3.2
-  resolution: "jsx-ast-utils@npm:3.3.2"
+"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.2":
+  version: 3.3.3
+  resolution: "jsx-ast-utils@npm:3.3.3"
   dependencies:
     array-includes: ^3.1.5
-    object.assign: ^4.1.2
-  checksum: 97aa29b544aafbf46574b63a2e27f172f88d2b4f6180034a4908efddeffaa1ac3108063f59af39bfb549ed6f0aa84ddbb81d21ad3f487b273dc1d08dc55d4e69
+    object.assign: ^4.1.3
+  checksum: fb69ce100931e50d42c8f72a01495b7d090064824ce481cf7746449609c148a29aae6984624cf9066ac14bdf7978f8774461e120d5b50fa90b3bfe0a0e21ff77
   languageName: node
   linkType: hard
 
@@ -28731,14 +29259,14 @@ __metadata:
   linkType: hard
 
 "jszip@npm:^3.1.3":
-  version: 3.10.0
-  resolution: "jszip@npm:3.10.0"
+  version: 3.10.1
+  resolution: "jszip@npm:3.10.1"
   dependencies:
     lie: ~3.3.0
     pako: ~1.0.2
     readable-stream: ~2.3.6
     setimmediate: ^1.0.5
-  checksum: 4b38746e353d4d73406fbe29c3bc3659f92b4ee7f93e4c677fc86ea72e3e967354a4cc51dfa47698fc32880e83a9c6e17d892806321d02a469a2dc7408f6ef21
+  checksum: 58e01ec9c4960383fb8b38dd5f67b83ccc1ec215bf74c8a5b32f42b6e5fb79fada5176842a11409c4051b5b94275044851814a31076bf49e1be218d3ef57c863
   languageName: node
   linkType: hard
 
@@ -28845,7 +29373,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"kleur@npm:^4.0.3":
+"kleur@npm:^4.0.3, kleur@npm:^4.1.5":
   version: 4.1.5
   resolution: "kleur@npm:4.1.5"
   checksum: e9de6cb49657b6fa70ba2d1448fd3d691a5c4370d8f7bbf1c2f64c24d461270f2117e1b0afe8cb3114f13bbd8e51de158c2a224953960331904e636a5e4c0f2a
@@ -28904,21 +29432,21 @@ __metadata:
   linkType: hard
 
 "launch-editor-middleware@npm:^2.2.1":
-  version: 2.4.0
-  resolution: "launch-editor-middleware@npm:2.4.0"
+  version: 2.6.0
+  resolution: "launch-editor-middleware@npm:2.6.0"
   dependencies:
-    launch-editor: ^2.4.0
-  checksum: e79d39aac0192ea350dc6b933b3a683b5f43413c5e182c4a5451cb9738ab8497e0657a6b087f30f67a89398af21162e4b818559c0fb90b36861dd5af5e5caa77
+    launch-editor: ^2.6.0
+  checksum: 9c909198ce9e6f6c45168acde7fedb702e301418f05d7d9ca0e78c3851e873c9b51cc4c8fb22cf9c2d21d7c1661fb58e6b3b58ca20282a4fdaafbd1d9fe22a1a
   languageName: node
   linkType: hard
 
-"launch-editor@npm:^2.2.1, launch-editor@npm:^2.4.0":
-  version: 2.4.0
-  resolution: "launch-editor@npm:2.4.0"
+"launch-editor@npm:^2.2.1, launch-editor@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "launch-editor@npm:2.6.0"
   dependencies:
     picocolors: ^1.0.0
-    shell-quote: ^1.6.1
-  checksum: 160590586d92d777b43f08a1d7858860070c25c86a3cec6e12fbb74161c09d9583af6afe57fc3f8817d1b51bc0737227f801cdf845592cfcc13bd50c997fa2da
+    shell-quote: ^1.7.3
+  checksum: 4802b9569d8a1d477f8279a994094b415d89eb39dadbc568193bc366d64ac13827c8860539ee336fa6135a06596a9b8c8265cebac35c3fa36a2214d0eea38890
   languageName: node
   linkType: hard
 
@@ -29208,7 +29736,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5":
+"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5, lilconfig@npm:^2.0.6":
   version: 2.0.6
   resolution: "lilconfig@npm:2.0.6"
   checksum: 52bcb478586c629a78b9b06de72de897cd6d771725e70ee91ec16605721afebf43cf54b4d20b6bf904ca70877ddd9531b9578494c694072d1573a6d4aba1545a
@@ -30062,9 +30590,9 @@ __metadata:
   linkType: hard
 
 "lru-cache@npm:^7.7.1":
-  version: 7.13.1
-  resolution: "lru-cache@npm:7.13.1"
-  checksum: 72034557cdb0d2ae32e5c1db928ee32b6d2b3a3e7b5aae2860f4f4c7272fefd4ebc5292a9df1dde10d07a78517836c49d84d8b101df13c100343bba80839c6cf
+  version: 7.14.0
+  resolution: "lru-cache@npm:7.14.0"
+  checksum: 88f1a8c2fd3bafc69121104740dcebc71e4ace97fb03f0ccf3b7d52df7dc10eedb78951af74f08437cf5fdb8c50d5956a0bcc944a073540f027efd8357f87cd1
   languageName: node
   linkType: hard
 
@@ -30134,7 +30662,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.25.0, magic-string@npm:^0.25.3, magic-string@npm:^0.25.7":
+"magic-string@npm:^0.25.0, magic-string@npm:^0.25.7":
   version: 0.25.9
   resolution: "magic-string@npm:0.25.9"
   dependencies:
@@ -30143,12 +30671,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.26.0":
-  version: 0.26.2
-  resolution: "magic-string@npm:0.26.2"
+"magic-string@npm:^0.26.0, magic-string@npm:^0.26.1, magic-string@npm:^0.26.2, magic-string@npm:^0.26.3":
+  version: 0.26.3
+  resolution: "magic-string@npm:0.26.3"
   dependencies:
     sourcemap-codec: ^1.4.8
-  checksum: abffa31439bccebdce3554ae496331c130af4d97f8cb96f4753ef5a4b7d5eb03d346107a0673b55187d7cbd67eb512ddc4424f82849a297dba571769896053ca
+  checksum: 9393155a0f2054baa6c178c0c9ff8e20590a0c182d76e39c220e0e35cab346c0440f81a19bca1d1a4d0c7c9910c71f11bf24b12c753cf722f0ef4c988d652fe7
   languageName: node
   linkType: hard
 
@@ -30188,8 +30716,8 @@ __metadata:
   linkType: hard
 
 "make-fetch-happen@npm:^10.0.1, make-fetch-happen@npm:^10.0.3":
-  version: 10.2.0
-  resolution: "make-fetch-happen@npm:10.2.0"
+  version: 10.2.1
+  resolution: "make-fetch-happen@npm:10.2.1"
   dependencies:
     agentkeepalive: ^4.2.1
     cacache: ^16.1.0
@@ -30207,7 +30735,7 @@ __metadata:
     promise-retry: ^2.0.1
     socks-proxy-agent: ^7.0.0
     ssri: ^9.0.0
-  checksum: ec51ded78f2d47be39aab4c4c1091e1850cf32b66472e252fc8927e26ad393c5c582178a95d5e77153566e9b2584909f2a7427ca5963f034b8ff0ba9c9f6518d
+  checksum: 28ec392f63ab93511f400839dcee83107eeecfaad737d1e8487ea08b4332cd89a8f3319584222edd9f6f1d0833cf516691469496d46491863f9e88c658013949
   languageName: node
   linkType: hard
 
@@ -30284,7 +30812,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"map-obj@npm:^4.0.0, map-obj@npm:^4.1.0":
+"map-obj@npm:^4.0.0":
   version: 4.3.0
   resolution: "map-obj@npm:4.3.0"
   checksum: 1c19e1c88513c8abdab25c316367154c6a0a6a0f77e3e8c391bb7c0e093aefed293f539d026dc013d86219e5e4c25f23b0003ea588be2101ccd757bacc12d43b
@@ -30430,11 +30958,11 @@ __metadata:
   linkType: hard
 
 "marked@npm:^4.0.12":
-  version: 4.0.18
-  resolution: "marked@npm:4.0.18"
+  version: 4.1.0
+  resolution: "marked@npm:4.1.0"
   bin:
     marked: bin/marked.js
-  checksum: 19be43882da313db65ef13f54d4bc1f250844a9183e0936ada920fc7792aad1b8652c1c5ec9bba5bc242da43edda93eb3ee4f03033fcfe3bbedbfb62dc836d65
+  checksum: 6cabf22cf3a2f9eac8ddf1222adccf4da4210f3ce5caa75e712dcacc337cbf4810301ea946128882a34114389555b125d2b6ab59648d08d65480ecf7c53de432
   languageName: node
   linkType: hard
 
@@ -30616,23 +31144,23 @@ __metadata:
   linkType: hard
 
 "mdast-util-mdx-expression@npm:^1.0.0":
-  version: 1.2.1
-  resolution: "mdast-util-mdx-expression@npm:1.2.1"
+  version: 1.3.0
+  resolution: "mdast-util-mdx-expression@npm:1.3.0"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
     "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
     mdast-util-from-markdown: ^1.0.0
     mdast-util-to-markdown: ^1.0.0
-  checksum: 9e52e46ca870dc4906248706ce8a810bc34a789e049070950ebf836ec513aaee71d20c9b9663d73782b1b67076d56c9a8974b06b65bfd0d4618e81a62c3442d5
+  checksum: 3fb390191bc347c2c8e460fd2961091032e1196878177f586a714a13a3569e0656ace194f952a813aa1bf713dc0bc4f8079f53f6dfddb377bf0aba3895726a04
   languageName: node
   linkType: hard
 
 "mdast-util-mdx-jsx@npm:^2.0.0":
-  version: 2.0.2
-  resolution: "mdast-util-mdx-jsx@npm:2.0.2"
+  version: 2.1.0
+  resolution: "mdast-util-mdx-jsx@npm:2.1.0"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
     "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
     ccount: ^2.0.0
@@ -30642,7 +31170,7 @@ __metadata:
     unist-util-remove-position: ^4.0.0
     unist-util-stringify-position: ^3.0.0
     vfile-message: ^3.0.0
-  checksum: 5045a76357ae0cb1242df918705327d4499824f7347551fd118eed30e68d793fed15b244ae50fd20b1207f38d92c715287558eed7d970aa4ece21331c01603af
+  checksum: a6e152a6f3f45e149a4a0047636691e5389c4e7e855503869e1c204e297a201175732b33b816f756d35394463c712af11e33a10e6ee9082115b57c6a931d62e7
   languageName: node
   linkType: hard
 
@@ -30658,15 +31186,15 @@ __metadata:
   linkType: hard
 
 "mdast-util-mdxjs-esm@npm:^1.0.0":
-  version: 1.2.1
-  resolution: "mdast-util-mdxjs-esm@npm:1.2.1"
+  version: 1.3.0
+  resolution: "mdast-util-mdxjs-esm@npm:1.3.0"
   dependencies:
-    "@types/estree-jsx": ^0.0.1
+    "@types/estree-jsx": ^1.0.0
     "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
     mdast-util-from-markdown: ^1.0.0
     mdast-util-to-markdown: ^1.0.0
-  checksum: a9279b918906c58d627649a324750ff5bb294b8c41ae7ddddf4d62e1ce0ee7774bebca387e47e76b2e3d0ad4172d83f59ea48a35b5a98ef71f49716ae4117c82
+  checksum: 55ca3f7fd7b65445107fae2e2c4c539de385ef9db3e0708e8eba5925274523bbeb9883d62e4886f8c68bf78ef3ed122c893eb292095bb8e76b07712d0f73ed22
   languageName: node
   linkType: hard
 
@@ -30687,8 +31215,8 @@ __metadata:
   linkType: hard
 
 "mdast-util-to-hast@npm:^12.1.0":
-  version: 12.1.2
-  resolution: "mdast-util-to-hast@npm:12.1.2"
+  version: 12.2.1
+  resolution: "mdast-util-to-hast@npm:12.2.1"
   dependencies:
     "@types/hast": ^2.0.0
     "@types/mdast": ^3.0.0
@@ -30701,7 +31229,7 @@ __metadata:
     unist-util-generated: ^2.0.0
     unist-util-position: ^4.0.0
     unist-util-visit: ^4.0.0
-  checksum: 9fa8c038201e63c06feddb93ed852e4c008662f539be93e7905e0f18826de801dfe71f803b4ec1e5a4e74ad87c50ed86ea2a2d4598cfbdf399dda7538a794116
+  checksum: 16cc4c2ed6798cb07a125383bf83e8c1de6bc7cd5ded38bc44f90607675fce755392ef8f75dbcd740efd0df5fcc1856a9cd80305bee62256e1c0fbf720b3c53a
   languageName: node
   linkType: hard
 
@@ -30833,33 +31361,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"memorystream@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "memorystream@npm:0.3.1"
-  checksum: 4bd164657711d9747ff5edb0508b2944414da3464b7fe21ac5c67cf35bba975c4b446a0124bd0f9a8be54cfc18faf92e92bd77563a20328b1ccf2ff04e9f39b9
-  languageName: node
-  linkType: hard
-
-"meow@npm:^10.1.0":
-  version: 10.1.3
-  resolution: "meow@npm:10.1.3"
-  dependencies:
-    "@types/minimist": ^1.2.2
-    camelcase-keys: ^7.0.0
-    decamelize: ^5.0.0
-    decamelize-keys: ^1.1.0
-    hard-rejection: ^2.1.0
-    minimist-options: 4.1.0
-    normalize-package-data: ^3.0.2
-    read-pkg-up: ^8.0.0
-    redent: ^4.0.0
-    trim-newlines: ^4.0.2
-    type-fest: ^1.2.2
-    yargs-parser: ^20.2.9
-  checksum: 83370487875a4280268fcffc0d979ce4f90c1c020c6f5523890a5aae363712c00e1f692a81a625b289801a1555f8a2a7101521af498ef89de575aab53c54ef24
-  languageName: node
-  linkType: hard
-
 "meow@npm:^3.3.0":
   version: 3.7.0
   resolution: "meow@npm:3.7.0"
@@ -31290,17 +31791,17 @@ __metadata:
   linkType: hard
 
 "micromark-util-events-to-acorn@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-events-to-acorn@npm:1.1.0"
+  version: 1.2.0
+  resolution: "micromark-util-events-to-acorn@npm:1.2.0"
   dependencies:
     "@types/acorn": ^4.0.0
-    "@types/estree": ^0.0.51
+    "@types/estree": ^1.0.0
     estree-util-visit: ^1.0.0
     micromark-util-types: ^1.0.0
     uvu: ^0.5.0
     vfile-location: ^4.0.0
     vfile-message: ^3.0.0
-  checksum: 5e05937ad5b6d9be9a3148e7d93cb1ddb6fc501e62c46f2f8abb3f1e360f36fcc48ca8fb53ed0ea6c3dd40732c8ade2d86561d896154fa0add855b88493b0ed4
+  checksum: 7802cf8db0206a2b55a29e8c933677efb1d190c8c16eb0aaed8e2a4f5aa22bab47095aa2e68bccc66a6eaf3161a9bddac08be4dc3e0069502cb77d2eadf54c90
   languageName: node
   linkType: hard
 
@@ -31519,7 +32020,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"min-indent@npm:^1.0.0, min-indent@npm:^1.0.1":
+"min-indent@npm:^1.0.0":
   version: 1.0.1
   resolution: "min-indent@npm:1.0.1"
   checksum: 7e207bd5c20401b292de291f02913230cb1163abca162044f7db1d951fa245b174dc00869d40dd9a9f32a885ad6a5f3e767ee104cf278f399cb4e92d3f582d5c
@@ -31651,8 +32152,8 @@ __metadata:
   linkType: hard
 
 "minipass-fetch@npm:^2.0.3":
-  version: 2.1.0
-  resolution: "minipass-fetch@npm:2.1.0"
+  version: 2.1.2
+  resolution: "minipass-fetch@npm:2.1.2"
   dependencies:
     encoding: ^0.1.13
     minipass: ^3.1.6
@@ -31661,7 +32162,7 @@ __metadata:
   dependenciesMeta:
     encoding:
       optional: true
-  checksum: 42c033fc1dfc245bd0d673922780dd68b769d3f9f973aeea2f03dd9fe37854a0a2892aa86c4db67e8179d2a271437212027419a866b91e5e2345fc56f9d1f71e
+  checksum: 33ab2c5bdb3d91b9cb8bc6ae42d7418f4f00f7f7beae14b3bb21ea18f9224e792f560a6e17b6f1be12bbeb70dbe99a269f4204c60e5d99130a0777b153505c43
   languageName: node
   linkType: hard
 
@@ -31713,11 +32214,11 @@ __metadata:
   linkType: hard
 
 "minipass@npm:^3.0.0, minipass@npm:^3.1.0, minipass@npm:^3.1.1, minipass@npm:^3.1.3, minipass@npm:^3.1.6":
-  version: 3.3.4
-  resolution: "minipass@npm:3.3.4"
+  version: 3.3.5
+  resolution: "minipass@npm:3.3.5"
   dependencies:
     yallist: ^4.0.0
-  checksum: 942522f16a60b651de81031a095149206ebb8647f7d029f5eb4eed23b04e4f872a93ffec5f7dceb6defb00fa80cc413dd5aa1131471a480a24d7167f8264a273
+  checksum: f1bb39af4d6ce60f8a1e02e7ef7f09fffd882c83decb7edd5cb1711b6eff93b34833d1845b7883864f8fca2d2498b62c882fec735deff759c91444bf6e821266
   languageName: node
   linkType: hard
 
@@ -31730,7 +32231,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minizlib@npm:^2.0.0, minizlib@npm:^2.1.0, minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
+"minizlib@npm:^2.0.0, minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
   version: 2.1.2
   resolution: "minizlib@npm:2.1.2"
   dependencies:
@@ -31804,7 +32305,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mkdirp@npm:^0.5.0, mkdirp@npm:^0.5.1, mkdirp@npm:^0.5.4, mkdirp@npm:^0.5.5, mkdirp@npm:~0.5.1":
+"mkdirp@npm:^0.5.0, mkdirp@npm:^0.5.1, mkdirp@npm:^0.5.4, mkdirp@npm:^0.5.5, mkdirp@npm:^0.5.6, mkdirp@npm:~0.5.1":
   version: 0.5.6
   resolution: "mkdirp@npm:0.5.6"
   dependencies:
@@ -31961,17 +32462,17 @@ __metadata:
   linkType: hard
 
 "msgpackr-extract@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "msgpackr-extract@npm:2.0.2"
-  dependencies:
-    "@msgpackr-extract/msgpackr-extract-darwin-arm64": 2.0.2
-    "@msgpackr-extract/msgpackr-extract-darwin-x64": 2.0.2
-    "@msgpackr-extract/msgpackr-extract-linux-arm": 2.0.2
-    "@msgpackr-extract/msgpackr-extract-linux-arm64": 2.0.2
-    "@msgpackr-extract/msgpackr-extract-linux-x64": 2.0.2
-    "@msgpackr-extract/msgpackr-extract-win32-x64": 2.0.2
+  version: 2.1.2
+  resolution: "msgpackr-extract@npm:2.1.2"
+  dependencies:
+    "@msgpackr-extract/msgpackr-extract-darwin-arm64": 2.1.2
+    "@msgpackr-extract/msgpackr-extract-darwin-x64": 2.1.2
+    "@msgpackr-extract/msgpackr-extract-linux-arm": 2.1.2
+    "@msgpackr-extract/msgpackr-extract-linux-arm64": 2.1.2
+    "@msgpackr-extract/msgpackr-extract-linux-x64": 2.1.2
+    "@msgpackr-extract/msgpackr-extract-win32-x64": 2.1.2
     node-gyp: latest
-    node-gyp-build-optional-packages: 5.0.2
+    node-gyp-build-optional-packages: 5.0.3
   dependenciesMeta:
     "@msgpackr-extract/msgpackr-extract-darwin-arm64":
       optional: true
@@ -31985,19 +32486,21 @@ __metadata:
       optional: true
     "@msgpackr-extract/msgpackr-extract-win32-x64":
       optional: true
-  checksum: dab2246a8c66a860d94fe3ad3632fe6c13fac1613a47d9a12953c790cde8ee932107808ec5c4e59eaac2176563987838206b2756fc5c27188d3c7a2f58e64323
+  bin:
+    download-msgpackr-prebuilds: bin/download-prebuilds.js
+  checksum: 1fc1e951d66030cb064fac25cd356a5322eb19d82ad892d180fcc05d07a05e04f470f7ff8dbf27c33c7298aa6b30408683c9e99bb32fa65e1d840c2dc4830a78
   languageName: node
   linkType: hard
 
 "msgpackr@npm:^1.5.4":
-  version: 1.6.1
-  resolution: "msgpackr@npm:1.6.1"
+  version: 1.6.2
+  resolution: "msgpackr@npm:1.6.2"
   dependencies:
     msgpackr-extract: ^2.0.2
   dependenciesMeta:
     msgpackr-extract:
       optional: true
-  checksum: 2c2e19db882c022157a7b0213f475a0529a89f2125160998b967ab9951dc5af990e7afd925161e7f914b01c33c0885165ee490591ea2e643e3aabc41dd2abb22
+  checksum: 9fc8f3d0aa1ce9d0c21ed23a2855edc3ab636c592ff2d4c29cbd8bbcc8aa5641d6a6986e537eafae61cff0d8601fdb8b879dd80c6c61d0aba61dd9f292b13fba
   languageName: node
   linkType: hard
 
@@ -32223,28 +32726,28 @@ __metadata:
   linkType: hard
 
 "next@npm:^12.1.0":
-  version: 12.2.2
-  resolution: "next@npm:12.2.2"
-  dependencies:
-    "@next/env": 12.2.2
-    "@next/swc-android-arm-eabi": 12.2.2
-    "@next/swc-android-arm64": 12.2.2
-    "@next/swc-darwin-arm64": 12.2.2
-    "@next/swc-darwin-x64": 12.2.2
-    "@next/swc-freebsd-x64": 12.2.2
-    "@next/swc-linux-arm-gnueabihf": 12.2.2
-    "@next/swc-linux-arm64-gnu": 12.2.2
-    "@next/swc-linux-arm64-musl": 12.2.2
-    "@next/swc-linux-x64-gnu": 12.2.2
-    "@next/swc-linux-x64-musl": 12.2.2
-    "@next/swc-win32-arm64-msvc": 12.2.2
-    "@next/swc-win32-ia32-msvc": 12.2.2
-    "@next/swc-win32-x64-msvc": 12.2.2
-    "@swc/helpers": 0.4.2
+  version: 12.2.5
+  resolution: "next@npm:12.2.5"
+  dependencies:
+    "@next/env": 12.2.5
+    "@next/swc-android-arm-eabi": 12.2.5
+    "@next/swc-android-arm64": 12.2.5
+    "@next/swc-darwin-arm64": 12.2.5
+    "@next/swc-darwin-x64": 12.2.5
+    "@next/swc-freebsd-x64": 12.2.5
+    "@next/swc-linux-arm-gnueabihf": 12.2.5
+    "@next/swc-linux-arm64-gnu": 12.2.5
+    "@next/swc-linux-arm64-musl": 12.2.5
+    "@next/swc-linux-x64-gnu": 12.2.5
+    "@next/swc-linux-x64-musl": 12.2.5
+    "@next/swc-win32-arm64-msvc": 12.2.5
+    "@next/swc-win32-ia32-msvc": 12.2.5
+    "@next/swc-win32-x64-msvc": 12.2.5
+    "@swc/helpers": 0.4.3
     caniuse-lite: ^1.0.30001332
-    postcss: 8.4.5
-    styled-jsx: 5.0.2
-    use-sync-external-store: 1.1.0
+    postcss: 8.4.14
+    styled-jsx: 5.0.4
+    use-sync-external-store: 1.2.0
   peerDependencies:
     fibers: ">= 3.1.0"
     node-sass: ^6.0.0 || ^7.0.0
@@ -32287,7 +32790,7 @@ __metadata:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: 12f227a2a8e67a0ac1c960daf24871c2d35cea34c49b127487755245c80f5d3088bc4a8a759a950d2a30fb18b241855515fe81d5c4b406dd7982654acdb4bba7
+  checksum: 7ecd475fa65c379a3247154e641d096b2b1be86d4d88248f9e20ca18b2fb93526d3573c18a023e3b27932fa18453e9a19fbe085bfbdd7f84485e84c26dfd163b
   languageName: node
   linkType: hard
 
@@ -32422,6 +32925,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-fetch@npm:3.2.8":
+  version: 3.2.8
+  resolution: "node-fetch@npm:3.2.8"
+  dependencies:
+    data-uri-to-buffer: ^4.0.0
+    fetch-blob: ^3.1.4
+    formdata-polyfill: ^4.0.10
+  checksum: 9984fc1de39d2c05bb42e5795b85a63c20069632b28f8dab97e84b4d4720b995ff87cc5f8c49691c65cbaab3d10af89590002aeecd8844e6dccd0b4be1223ec7
+  languageName: node
+  linkType: hard
+
 "node-fetch@npm:^2.5.0, node-fetch@npm:^2.6.0, node-fetch@npm:^2.6.1, node-fetch@npm:^2.6.7":
   version: 2.6.7
   resolution: "node-fetch@npm:2.6.7"
@@ -32436,17 +32950,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-fetch@npm:^3.2.6":
-  version: 3.2.9
-  resolution: "node-fetch@npm:3.2.9"
-  dependencies:
-    data-uri-to-buffer: ^4.0.0
-    fetch-blob: ^3.1.4
-    formdata-polyfill: ^4.0.10
-  checksum: 05882a725c9a8bb497b9cb67eec378688f6ba48093c68c8a8793851e03ea3bb27b1255a4915b84cb8a5c318516ff924f22ee2e041016145b66e1da5b9f9212cc
-  languageName: node
-  linkType: hard
-
 "node-forge@npm:^1":
   version: 1.3.1
   resolution: "node-forge@npm:1.3.1"
@@ -32454,17 +32957,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-gyp-build-optional-packages@npm:5.0.2":
-  version: 5.0.2
-  resolution: "node-gyp-build-optional-packages@npm:5.0.2"
-  bin:
-    node-gyp-build-optional: optional.js
-    node-gyp-build-optional-packages: bin.js
-    node-gyp-build-test: build-test.js
-  checksum: 073bfb4650cb6777b68aa8d8c2e01097b010e64545bb22133bdae144873c9b76c2288f3e7fb8e938eeecc8502ba7d5e67ca35af0be2b563faad54970e9771217
-  languageName: node
-  linkType: hard
-
 "node-gyp-build-optional-packages@npm:5.0.3":
   version: 5.0.3
   resolution: "node-gyp-build-optional-packages@npm:5.0.3"
@@ -32701,7 +33193,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-package-data@npm:^3.0.0, normalize-package-data@npm:^3.0.2":
+"normalize-package-data@npm:^3.0.0":
   version: 3.0.3
   resolution: "normalize-package-data@npm:3.0.3"
   dependencies:
@@ -32887,27 +33379,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"npm-run-all@npm:^4.1.5":
-  version: 4.1.5
-  resolution: "npm-run-all@npm:4.1.5"
-  dependencies:
-    ansi-styles: ^3.2.1
-    chalk: ^2.4.1
-    cross-spawn: ^6.0.5
-    memorystream: ^0.3.1
-    minimatch: ^3.0.4
-    pidtree: ^0.3.0
-    read-pkg: ^3.0.0
-    shell-quote: ^1.6.1
-    string.prototype.padend: ^3.0.0
-  bin:
-    npm-run-all: bin/npm-run-all/index.js
-    run-p: bin/run-p/index.js
-    run-s: bin/run-s/index.js
-  checksum: 736ee39bd35454d3efaa4a2e53eba6c523e2e17fba21a18edcce6b221f5cab62000bef16bb6ae8aff9e615831e6b0eb25ab51d52d60e6fa6f4ea880e4c6d31f4
-  languageName: node
-  linkType: hard
-
 "npm-run-path@npm:^2.0.0":
   version: 2.0.2
   resolution: "npm-run-path@npm:2.0.2"
@@ -33011,18 +33482,18 @@ __metadata:
   linkType: hard
 
 "nwsapi@npm:^2.0.7, nwsapi@npm:^2.0.9, nwsapi@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "nwsapi@npm:2.2.1"
-  checksum: 1412f557f5acb72a15dcc59374b7c917f1c65c7d56c6c542da69afc7756ab3e99fe9744302f92a699f600cf664e3ce5de08e74e2aedacd836cd5b7a889136e23
+  version: 2.2.2
+  resolution: "nwsapi@npm:2.2.2"
+  checksum: f7c4fedb0dc0786204ee99f440e9827d6e01a0c0322e93b5c9a9a382dd0bd9650d98ca3d1967a77554e3ec1f9a46a20cfea80a41fb00e91c5101c53d8b2c9aed
   languageName: node
   linkType: hard
 
-"nx@npm:14.4.3":
-  version: 14.4.3
-  resolution: "nx@npm:14.4.3"
+"nx@npm:14.6.1":
+  version: 14.6.1
+  resolution: "nx@npm:14.6.1"
   dependencies:
-    "@nrwl/cli": 14.4.3
-    "@nrwl/tao": 14.4.3
+    "@nrwl/cli": 14.6.1
+    "@nrwl/tao": 14.6.1
     "@parcel/watcher": 2.0.4
     chalk: 4.1.0
     chokidar: ^3.5.1
@@ -33061,7 +33532,7 @@ __metadata:
       optional: true
   bin:
     nx: bin/nx.js
-  checksum: 9130bcbfcf8bdf7d99ce0725271486c7bed291b279d67489bcb37ea4d28ceb7c25518a22553a34f94f28b4bcd6448f2ea74b76201605b1d2cae6e3a5bbc6199e
+  checksum: 9f448a1f0e171d8b735a9a6e6930b8b199183ff9e224e6b6acac8ecd64d2eaf67261dca86a848befc96c60134096377f9d20b96b8c2829d658622603a718a01d
   languageName: node
   linkType: hard
 
@@ -33118,7 +33589,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-inspect@npm:^1.12.0, object-inspect@npm:^1.6.0, object-inspect@npm:^1.7.0, object-inspect@npm:^1.9.0":
+"object-inspect@npm:^1.12.2, object-inspect@npm:^1.6.0, object-inspect@npm:^1.7.0, object-inspect@npm:^1.9.0":
   version: 1.12.2
   resolution: "object-inspect@npm:1.12.2"
   checksum: e1bd625f4c44a2f733bd69cfccce6469f71333fb09c6de151f4f346c16d658ef7555727b12652c108e20c2afb908ae7cd165f52ca53745a1d6cbf228cdb46ebe
@@ -33151,15 +33622,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.assign@npm:^4.1.0, object.assign@npm:^4.1.2":
-  version: 4.1.2
-  resolution: "object.assign@npm:4.1.2"
+"object.assign@npm:^4.1.0, object.assign@npm:^4.1.2, object.assign@npm:^4.1.3, object.assign@npm:^4.1.4":
+  version: 4.1.4
+  resolution: "object.assign@npm:4.1.4"
   dependencies:
-    call-bind: ^1.0.0
-    define-properties: ^1.1.3
-    has-symbols: ^1.0.1
+    call-bind: ^1.0.2
+    define-properties: ^1.1.4
+    has-symbols: ^1.0.3
     object-keys: ^1.1.1
-  checksum: ee0e796fad8952f05644d11632f046dc4b424f9a41d3816e11a612163b12a873c800456be9acdaec6221b72590ab5267e5fe4bf4cf1c67f88b05f82f133ac829
+  checksum: 2f286118c023e557757620e647b02e7c88d3d417e0c568fca0820de8ec9cca68928304854d5b03e99763eddad6e78a6716e2930f7e6372e4b9b843f3fd3056f3
   languageName: node
   linkType: hard
 
@@ -33254,33 +33725,33 @@ __metadata:
   dependencies:
     "@emotion/jest": ^11.8.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-jest": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-toolbars": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/components": 7.0.0-alpha.20
-    "@storybook/core-events": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-interactions": 7.0.0-alpha.31
+    "@storybook/addon-jest": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storyshots-puppeteer": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addon-toolbars": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/cli": 7.0.0-alpha.31
+    "@storybook/components": 7.0.0-alpha.31
+    "@storybook/core-events": 7.0.0-alpha.31
     "@storybook/design-system": ^5.4.7
     "@storybook/jest": ^0.0.10
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
-    "@storybook/router": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
+    "@storybook/router": 7.0.0-alpha.31
+    "@storybook/source-loader": 7.0.0-alpha.31
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/theming": 7.0.0-alpha.20
+    "@storybook/theming": 7.0.0-alpha.31
     "@testing-library/dom": ^7.31.2
     "@testing-library/user-event": ^13.1.9
     chromatic: ^6.0.2
@@ -33296,7 +33767,7 @@ __metadata:
     prop-types: ^15.7.2
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     terser-webpack-plugin: ^5.3.1
     uuid-browser: ^3.1.0
     webpack: 5
@@ -33368,7 +33839,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:^7.0.3, open@npm:^7.4.2":
+"open@npm:^7.0.3":
   version: 7.4.2
   resolution: "open@npm:7.4.2"
   dependencies:
@@ -33979,7 +34450,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-path@npm:^4.0.4":
+"parse-path@npm:^4.0.0":
   version: 4.0.4
   resolution: "parse-path@npm:4.0.4"
   dependencies:
@@ -33992,14 +34463,14 @@ __metadata:
   linkType: hard
 
 "parse-url@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "parse-url@npm:6.0.2"
+  version: 6.0.5
+  resolution: "parse-url@npm:6.0.5"
   dependencies:
     is-ssh: ^1.3.0
     normalize-url: ^6.1.0
-    parse-path: ^4.0.4
+    parse-path: ^4.0.0
     protocols: ^1.4.0
-  checksum: 6cbd150a2a89d4ea03985fa29a5e04c484a24945cec7f7fa9ad3615438896337e79f75bbf556a4c99a1893b4c9be2fd31435cf22e8067c3c95c5cce39b306585
+  checksum: b57884955daa61e1a610414e0754c0565e118127b1a4ad0f5c2247c8351dc23abbe3b56c64aa35ee2d9fd04189faed8e416c9a1269b2880a436c0a67906c222c
   languageName: node
   linkType: hard
 
@@ -34070,11 +34541,11 @@ __metadata:
   linkType: hard
 
 "parse5@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "parse5@npm:7.0.0"
+  version: 7.1.1
+  resolution: "parse5@npm:7.1.1"
   dependencies:
-    entities: ^4.3.0
-  checksum: 10fc17755a7b81279da53988f56d2d0d8b1b832dd1c4df14e2f25d4f15cd363e9ee781428785da3780b32114c8e9eec11a2b68e00e0cea16e9ee839756118c41
+    entities: ^4.4.0
+  checksum: 20d4ffb1eccad4a2d6c320d2d98b07814f43ab7762e11ffea247b0d54981646f99eeba4da16e06c568877e532ca32a6b5c5e4fafc4eb87daf890957050482435
   languageName: node
   linkType: hard
 
@@ -34167,7 +34638,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-parse@npm:^1.0.6, path-parse@npm:^1.0.7":
+"path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
   checksum: 11ce261f9d294cc7a58d6a574b7f1b935842355ec66fba3c3fd79e0f036462eaf07d0aa95bb74ff432f9afef97ce1926c720988c6a7451d8a584930ae7de86e1
@@ -34252,17 +34723,17 @@ __metadata:
   linkType: hard
 
 "pdfjs-dist@npm:^2.12.313":
-  version: 2.14.305
-  resolution: "pdfjs-dist@npm:2.14.305"
+  version: 2.16.105
+  resolution: "pdfjs-dist@npm:2.16.105"
   dependencies:
-    dommatrix: ^1.0.1
+    dommatrix: ^1.0.3
     web-streams-polyfill: ^3.2.1
   peerDependencies:
     worker-loader: ^3.0.8
   peerDependenciesMeta:
     worker-loader:
       optional: true
-  checksum: c91d9b1e4fd9e55abb2a4864df928c3adc96f5280864131256adcf8b10fface549a275a46d9f911b58b04447e367113bfe890d64660a8f0d6809d044a88fbfe7
+  checksum: 903a2d95fb3b8a2ec66fb3164813e6181512a144abc39b7f87a735fbcf3384b1d2ee3c6ed8dde70bfbe87c8ae5f87fea8c799c22a2ebe2669ed8573bc076d1f6
   languageName: node
   linkType: hard
 
@@ -34323,15 +34794,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pidtree@npm:^0.3.0":
-  version: 0.3.1
-  resolution: "pidtree@npm:0.3.1"
-  bin:
-    pidtree: bin/pidtree.js
-  checksum: cd69b0182f749f45ab48584e3442c48c5dc4512502c18d5b0147a33b042c41a4db4269b9ce2f7c48f11833ee5e79d81f5ebc6f7bf8372d4ea55726f60dc505a1
-  languageName: node
-  linkType: hard
-
 "pify@npm:^2.0.0, pify@npm:^2.2.0, pify@npm:^2.3.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -34461,23 +34923,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playwright-core@npm:1.24.2":
-  version: 1.24.2
-  resolution: "playwright-core@npm:1.24.2"
+"playwright-core@npm:1.25.2":
+  version: 1.25.2
+  resolution: "playwright-core@npm:1.25.2"
   bin:
     playwright: cli.js
-  checksum: ecd60ece818f1d57bf34685dd812c56f3b8cf7d8ca8e14074e1743fac56387f16791121901b34cf519d3ef5f9360968656ab661c7b589e55500144eb2cf69448
+  checksum: 9c5fb23220a824e755d9bca4055ba85fe08538722f0837b9012505a76f387103eee4e30e4cebe0d704904b5e7a5d9d33cfc3f67181d6fd1a8488cb5ffbeb469b
   languageName: node
   linkType: hard
 
 "playwright@npm:^1.24.2":
-  version: 1.24.2
-  resolution: "playwright@npm:1.24.2"
+  version: 1.25.2
+  resolution: "playwright@npm:1.25.2"
   dependencies:
-    playwright-core: 1.24.2
+    playwright-core: 1.25.2
   bin:
     playwright: cli.js
-  checksum: c5e4cfd57f8030f15e019c101c867a5ce3f1d12c3a6d8a32a9fb34897746470faced7935d5cc920c85082c0aec0bcf5bb23174ba55f6eabf942d38707a40d1f0
+  checksum: f8c5647dd680dd6f15d1f7bb19f2afec9a62b7331721b0860b3777bb8f1e653fa2fb737a8e79564557805505c0d8e255fbdedb2c1cc9dd219f1b8c1f7141a744
   languageName: node
   linkType: hard
 
@@ -34560,13 +35022,13 @@ __metadata:
   linkType: hard
 
 "portfinder@npm:^1.0.25, portfinder@npm:^1.0.26, portfinder@npm:^1.0.28":
-  version: 1.0.28
-  resolution: "portfinder@npm:1.0.28"
+  version: 1.0.32
+  resolution: "portfinder@npm:1.0.32"
   dependencies:
-    async: ^2.6.2
-    debug: ^3.1.1
-    mkdirp: ^0.5.5
-  checksum: fefd3d65a6464b498e0e9b4a4b82f29489441bb1892a3350403cfdf6e591e583d9e75bac1c6ae8ca2cdf1a942ae18890831a0a855bb1bb977678acdf9e5a560f
+    async: ^2.6.4
+    debug: ^3.2.7
+    mkdirp: ^0.5.6
+  checksum: cef8b567b78aabccc59fe8e103bac8b394bb45a6a69be626608f099f454124c775aaf47b274c006332c07ab3f501cde55e49aaeb9d49d78d90362d776a565cbf
   languageName: node
   linkType: hard
 
@@ -34577,7 +35039,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-attribute-case-insensitive@npm:^5.0.0, postcss-attribute-case-insensitive@npm:^5.0.1":
+"postcss-attribute-case-insensitive@npm:^5.0.0, postcss-attribute-case-insensitive@npm:^5.0.2":
   version: 5.0.2
   resolution: "postcss-attribute-case-insensitive@npm:5.0.2"
   dependencies:
@@ -34621,7 +35083,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-color-functional-notation@npm:^4.2.1, postcss-color-functional-notation@npm:^4.2.3":
+"postcss-color-functional-notation@npm:^4.2.1, postcss-color-functional-notation@npm:^4.2.4":
   version: 4.2.4
   resolution: "postcss-color-functional-notation@npm:4.2.4"
   dependencies:
@@ -34653,7 +35115,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-color-rebeccapurple@npm:^7.0.2, postcss-color-rebeccapurple@npm:^7.1.0":
+"postcss-color-rebeccapurple@npm:^7.0.2, postcss-color-rebeccapurple@npm:^7.1.1":
   version: 7.1.1
   resolution: "postcss-color-rebeccapurple@npm:7.1.1"
   dependencies:
@@ -34723,7 +35185,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-dir-pseudo-class@npm:^6.0.3, postcss-dir-pseudo-class@npm:^6.0.4":
+"postcss-dir-pseudo-class@npm:^6.0.3, postcss-dir-pseudo-class@npm:^6.0.5":
   version: 6.0.5
   resolution: "postcss-dir-pseudo-class@npm:6.0.5"
   dependencies:
@@ -34770,7 +35232,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-double-position-gradients@npm:^3.0.4, postcss-double-position-gradients@npm:^3.1.1":
+"postcss-double-position-gradients@npm:^3.0.4, postcss-double-position-gradients@npm:^3.1.2":
   version: 3.1.2
   resolution: "postcss-double-position-gradients@npm:3.1.2"
   dependencies:
@@ -34833,7 +35295,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-gap-properties@npm:^3.0.2, postcss-gap-properties@npm:^3.0.3":
+"postcss-gap-properties@npm:^3.0.2, postcss-gap-properties@npm:^3.0.5":
   version: 3.0.5
   resolution: "postcss-gap-properties@npm:3.0.5"
   peerDependencies:
@@ -34842,7 +35304,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-image-set-function@npm:^4.0.4, postcss-image-set-function@npm:^4.0.6":
+"postcss-image-set-function@npm:^4.0.4, postcss-image-set-function@npm:^4.0.7":
   version: 4.0.7
   resolution: "postcss-image-set-function@npm:4.0.7"
   dependencies:
@@ -34899,7 +35361,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-lab-function@npm:^4.0.3, postcss-lab-function@npm:^4.2.0":
+"postcss-lab-function@npm:^4.0.3, postcss-lab-function@npm:^4.2.1":
   version: 4.2.1
   resolution: "postcss-lab-function@npm:4.2.1"
   dependencies:
@@ -35164,7 +35626,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-nesting@npm:^10.1.2, postcss-nesting@npm:^10.1.9":
+"postcss-nesting@npm:^10.1.10, postcss-nesting@npm:^10.1.2":
   version: 10.1.10
   resolution: "postcss-nesting@npm:10.1.10"
   dependencies:
@@ -35308,7 +35770,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-overflow-shorthand@npm:^3.0.2, postcss-overflow-shorthand@npm:^3.0.3":
+"postcss-overflow-shorthand@npm:^3.0.2, postcss-overflow-shorthand@npm:^3.0.4":
   version: 3.0.4
   resolution: "postcss-overflow-shorthand@npm:3.0.4"
   dependencies:
@@ -35328,7 +35790,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-place@npm:^7.0.3, postcss-place@npm:^7.0.4":
+"postcss-place@npm:^7.0.3, postcss-place@npm:^7.0.5":
   version: 7.0.5
   resolution: "postcss-place@npm:7.0.5"
   dependencies:
@@ -35383,63 +35845,65 @@ __metadata:
   linkType: hard
 
 "postcss-preset-env@npm:^7.0.1":
-  version: 7.7.2
-  resolution: "postcss-preset-env@npm:7.7.2"
-  dependencies:
-    "@csstools/postcss-cascade-layers": ^1.0.4
-    "@csstools/postcss-color-function": ^1.1.0
-    "@csstools/postcss-font-format-keywords": ^1.0.0
-    "@csstools/postcss-hwb-function": ^1.0.1
-    "@csstools/postcss-ic-unit": ^1.0.0
-    "@csstools/postcss-is-pseudo-class": ^2.0.6
-    "@csstools/postcss-normalize-display-values": ^1.0.0
-    "@csstools/postcss-oklab-function": ^1.1.0
+  version: 7.8.1
+  resolution: "postcss-preset-env@npm:7.8.1"
+  dependencies:
+    "@csstools/postcss-cascade-layers": ^1.0.6
+    "@csstools/postcss-color-function": ^1.1.1
+    "@csstools/postcss-font-format-keywords": ^1.0.1
+    "@csstools/postcss-hwb-function": ^1.0.2
+    "@csstools/postcss-ic-unit": ^1.0.1
+    "@csstools/postcss-is-pseudo-class": ^2.0.7
+    "@csstools/postcss-nested-calc": ^1.0.0
+    "@csstools/postcss-normalize-display-values": ^1.0.1
+    "@csstools/postcss-oklab-function": ^1.1.1
     "@csstools/postcss-progressive-custom-properties": ^1.3.0
-    "@csstools/postcss-stepped-value-functions": ^1.0.0
-    "@csstools/postcss-trigonometric-functions": ^1.0.1
-    "@csstools/postcss-unset-value": ^1.0.1
-    autoprefixer: ^10.4.7
-    browserslist: ^4.21.0
+    "@csstools/postcss-stepped-value-functions": ^1.0.1
+    "@csstools/postcss-text-decoration-shorthand": ^1.0.0
+    "@csstools/postcss-trigonometric-functions": ^1.0.2
+    "@csstools/postcss-unset-value": ^1.0.2
+    autoprefixer: ^10.4.8
+    browserslist: ^4.21.3
     css-blank-pseudo: ^3.0.3
     css-has-pseudo: ^3.0.4
     css-prefers-color-scheme: ^6.0.3
-    cssdb: ^6.6.3
-    postcss-attribute-case-insensitive: ^5.0.1
+    cssdb: ^7.0.1
+    postcss-attribute-case-insensitive: ^5.0.2
     postcss-clamp: ^4.1.0
-    postcss-color-functional-notation: ^4.2.3
+    postcss-color-functional-notation: ^4.2.4
     postcss-color-hex-alpha: ^8.0.4
-    postcss-color-rebeccapurple: ^7.1.0
+    postcss-color-rebeccapurple: ^7.1.1
     postcss-custom-media: ^8.0.2
     postcss-custom-properties: ^12.1.8
     postcss-custom-selectors: ^6.0.3
-    postcss-dir-pseudo-class: ^6.0.4
-    postcss-double-position-gradients: ^3.1.1
+    postcss-dir-pseudo-class: ^6.0.5
+    postcss-double-position-gradients: ^3.1.2
     postcss-env-function: ^4.0.6
     postcss-focus-visible: ^6.0.4
     postcss-focus-within: ^5.0.4
     postcss-font-variant: ^5.0.0
-    postcss-gap-properties: ^3.0.3
-    postcss-image-set-function: ^4.0.6
+    postcss-gap-properties: ^3.0.5
+    postcss-image-set-function: ^4.0.7
     postcss-initial: ^4.0.1
-    postcss-lab-function: ^4.2.0
+    postcss-lab-function: ^4.2.1
     postcss-logical: ^5.0.4
     postcss-media-minmax: ^5.0.0
-    postcss-nesting: ^10.1.9
+    postcss-nesting: ^10.1.10
     postcss-opacity-percentage: ^1.1.2
-    postcss-overflow-shorthand: ^3.0.3
+    postcss-overflow-shorthand: ^3.0.4
     postcss-page-break: ^3.0.4
-    postcss-place: ^7.0.4
-    postcss-pseudo-class-any-link: ^7.1.5
+    postcss-place: ^7.0.5
+    postcss-pseudo-class-any-link: ^7.1.6
     postcss-replace-overflow-wrap: ^4.0.0
-    postcss-selector-not: ^6.0.0
+    postcss-selector-not: ^6.0.1
     postcss-value-parser: ^4.2.0
   peerDependencies:
     postcss: ^8.2
-  checksum: 75c9423b1ee4316ec3c01352f30a2ab6d29458c2836d52ef57437968237022f1994f1b537be8614a8a1b45de799f573966334616b50fe814ef45b4d82a509fe2
+  checksum: 298880ddfae3148e8877450b02266f8c7799c97f65e820aafeb5ffba8ec7f37bb88f8ca84bcd3b76f0e1c3051d90800da9dad578ec73539057064094c9ece24e
   languageName: node
   linkType: hard
 
-"postcss-pseudo-class-any-link@npm:^7.0.2, postcss-pseudo-class-any-link@npm:^7.1.5":
+"postcss-pseudo-class-any-link@npm:^7.0.2, postcss-pseudo-class-any-link@npm:^7.1.6":
   version: 7.1.6
   resolution: "postcss-pseudo-class-any-link@npm:7.1.6"
   dependencies:
@@ -35493,7 +35957,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-not@npm:^6.0.0":
+"postcss-selector-not@npm:^6.0.1":
   version: 6.0.1
   resolution: "postcss-selector-not@npm:6.0.1"
   dependencies:
@@ -35573,6 +36037,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:8.4.14":
+  version: 8.4.14
+  resolution: "postcss@npm:8.4.14"
+  dependencies:
+    nanoid: ^3.3.4
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.2
+  checksum: 2a4cfa28e2f1bfd358313501f7771bd596e494487c7b735c492e2f8b1faf493d24fcb43e2e6ad825863fc65a77abb949ca8f228602ae46a022f02dc812c4ac8b
+  languageName: node
+  linkType: hard
+
 "postcss@npm:8.4.5":
   version: 8.4.5
   resolution: "postcss@npm:8.4.5"
@@ -35584,14 +36059,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.1.10, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.2.4, postcss@npm:^8.2.6, postcss@npm:^8.3.5, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.4, postcss@npm:^8.4.7":
-  version: 8.4.14
-  resolution: "postcss@npm:8.4.14"
+"postcss@npm:^8.1.10, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.2.4, postcss@npm:^8.2.6, postcss@npm:^8.3.5, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.16, postcss@npm:^8.4.4, postcss@npm:^8.4.7":
+  version: 8.4.16
+  resolution: "postcss@npm:8.4.16"
   dependencies:
     nanoid: ^3.3.4
     picocolors: ^1.0.0
     source-map-js: ^1.0.2
-  checksum: 2a4cfa28e2f1bfd358313501f7771bd596e494487c7b735c492e2f8b1faf493d24fcb43e2e6ad825863fc65a77abb949ca8f228602ae46a022f02dc812c4ac8b
+  checksum: 971e10b5492ffce3d30e39ffba1b4f135d0c751bf774493babe4cb89ddb4995aabb2ce290f48bbf1d9ae60016a6ad492535e614b22b15322f977c7744e800fa2
   languageName: node
   linkType: hard
 
@@ -35662,18 +36137,18 @@ __metadata:
   resolution: "preact-example@workspace:examples/preact-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
-    "@storybook/preact": 7.0.0-alpha.20
-    "@storybook/preact-webpack5": 7.0.0-alpha.20
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
+    "@storybook/preact": 7.0.0-alpha.31
+    "@storybook/preact-webpack5": 7.0.0-alpha.31
+    "@storybook/source-loader": 7.0.0-alpha.31
     "@types/prop-types": ^15.7.3
     "@types/react": ^17
     "@types/react-dom": ^17
@@ -35688,7 +36163,7 @@ __metadata:
     raw-loader: ^4.0.2
     react: ^17.0.2
     react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     svg-url-loader: ^7.1.1
     webpack: 5
     webpack-dev-server: ^4.8.1
@@ -35707,13 +36182,13 @@ __metadata:
   linkType: hard
 
 "preact-render-to-string@npm:^5.1.19":
-  version: 5.2.1
-  resolution: "preact-render-to-string@npm:5.2.1"
+  version: 5.2.3
+  resolution: "preact-render-to-string@npm:5.2.3"
   dependencies:
     pretty-format: ^3.8.0
   peerDependencies:
     preact: ">=10"
-  checksum: 81fd59eeaa5f1b810536e6eab41cb98fe5911b96319f49f859f503c61608f81c5dd84e45f819590022ea7fea4b5c89d96fb0131be0d44f0f7d5c738a69607207
+  checksum: c7695dd034a2dc50e3fd44621fd55e2d41854ab0abbcbc833a81feb3593a22a011596049de5a2486f71483323467a827adc7d6077cbbb1d154c0089fd8ab4cd7
   languageName: node
   linkType: hard
 
@@ -35727,9 +36202,9 @@ __metadata:
   linkType: hard
 
 "preact@npm:^10.5.13":
-  version: 10.10.0
-  resolution: "preact@npm:10.10.0"
-  checksum: ec464e59aed31810a4c8a914284ca8888dc23541d90bea07321113a54a12c98c7352b58068e0deeab4b141cb61302365cb80b6d76f0fbee485113de5feb4b141
+  version: 10.10.6
+  resolution: "preact@npm:10.10.6"
+  checksum: c2d645285dd02f76cc0e1eb461ee5e530d290a3cadc1059da47d067e6d3e04ed4dd057679ab0b8d076f6136a85a935be8f8437fc9713ae863937cc800283ee47
   languageName: node
   linkType: hard
 
@@ -35763,21 +36238,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:>=2.2.1 <=2.3.0":
-  version: 2.3.0
-  resolution: "prettier@npm:2.3.0"
+"prettier@npm:2.7.1, prettier@npm:^1.18.2 || ^2.0.0":
+  version: 2.7.1
+  resolution: "prettier@npm:2.7.1"
   bin:
     prettier: bin-prettier.js
-  checksum: b9f434af2f25a37aad0b133894827e980885eb8bf317444c9dde0401ed2c7f463f9996d691f5ee5a0a4450ab46a894cd6557516b561e2522821522ce1f4c6668
+  checksum: 359d2b7ecf36bd52924a48331cae506d335f18637fde6c686212f952b9ce678ce9f554a80571049b36ec2897a8a6c40094b776dea371cc5c04c481cf5b78504b
   languageName: node
   linkType: hard
 
-"prettier@npm:^1.18.2 || ^2.0.0":
-  version: 2.7.1
-  resolution: "prettier@npm:2.7.1"
+"prettier@npm:>=2.2.1 <=2.3.0":
+  version: 2.3.0
+  resolution: "prettier@npm:2.3.0"
   bin:
     prettier: bin-prettier.js
-  checksum: 359d2b7ecf36bd52924a48331cae506d335f18637fde6c686212f952b9ce678ce9f554a80571049b36ec2897a8a6c40094b776dea371cc5c04c481cf5b78504b
+  checksum: b9f434af2f25a37aad0b133894827e980885eb8bf317444c9dde0401ed2c7f463f9996d691f5ee5a0a4450ab46a894cd6557516b561e2522821522ce1f4c6668
   languageName: node
   linkType: hard
 
@@ -35833,7 +36308,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^28.0.0, pretty-format@npm:^28.1.3":
+"pretty-format@npm:^28.0.0, pretty-format@npm:^28.1.1, pretty-format@npm:^28.1.3":
   version: 28.1.3
   resolution: "pretty-format@npm:28.1.3"
   dependencies:
@@ -35845,6 +36320,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pretty-format@npm:^29.0.0, pretty-format@npm:^29.0.2":
+  version: 29.0.2
+  resolution: "pretty-format@npm:29.0.2"
+  dependencies:
+    "@jest/schemas": ^29.0.0
+    ansi-styles: ^5.0.0
+    react-is: ^18.0.0
+  checksum: 35e942285ab11cc873256817d7a542e0776d05c8eea869a6ed40c94d36dd0e28cbbc269788dc19d8e6eb12d717d74f7b423b57be86306385839786780f2e0a51
+  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"
@@ -35871,15 +36357,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"preval.macro@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "preval.macro@npm:5.0.0"
-  dependencies:
-    babel-plugin-preval: ^5.0.0
-  checksum: cee971359aa216190928bfff3c9b58f01b536bd6ded216f6f59b6f5405cfe32bb9535238d0e32afa7e68c0d0688e2cef5e894e19063c4a648d92c734fe218f6f
-  languageName: node
-  linkType: hard
-
 "printf@npm:^0.6.1":
   version: 0.6.1
   resolution: "printf@npm:0.6.1"
@@ -35909,9 +36386,9 @@ __metadata:
   linkType: hard
 
 "prismjs@npm:^1.27.0":
-  version: 1.28.0
-  resolution: "prismjs@npm:1.28.0"
-  checksum: bf879309e74188b424cf8bb3962f9df9e7004a71f44f82a3cfbd26f884c9a0bb91f529db79503c1bc0b570ed7b94a10c3303153642da533c1e10f51779c0617f
+  version: 1.29.0
+  resolution: "prismjs@npm:1.29.0"
+  checksum: d906c4c4d01b446db549b4f57f72d5d7e6ccaca04ecc670fb85cea4d4b1acc1283e945a9cbc3d81819084a699b382f970e02f9d1378e14af9808d366d9ed7ec6
   languageName: node
   linkType: hard
 
@@ -36032,11 +36509,11 @@ __metadata:
   linkType: hard
 
 "promise@npm:^8.1.0":
-  version: 8.1.0
-  resolution: "promise@npm:8.1.0"
+  version: 8.2.0
+  resolution: "promise@npm:8.2.0"
   dependencies:
     asap: ~2.0.6
-  checksum: bd6594e66b200a0c5aa18b46502e859d5abe7daeae2f9edaaf4e440628e6f960158ca0b9a12763d845ea7532e832566eee6fcceaa52b6862cc90908a51c4eca8
+  checksum: 058589c7b2ded3ddb7db0d3f3771e0814f73fc5181786ad338bb090e95e1aa93e2a07cb9b7ece53b45b619026c77508442959c867d951634215e73e75da0d02f
   languageName: node
   linkType: hard
 
@@ -36081,7 +36558,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.0.0, prop-types@npm:^15.5.10, prop-types@npm:^15.5.4, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.5.10, prop-types@npm:^15.5.4, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -36580,6 +37057,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"querystringify@npm:^2.1.1":
+  version: 2.2.0
+  resolution: "querystringify@npm:2.2.0"
+  checksum: 3258bc3dbdf322ff2663619afe5947c7926a6ef5fb78ad7d384602974c467fadfc8272af44f5eb8cddd0d011aae8fabf3a929a8eee4b86edcc0a21e6bd10f9aa
+  languageName: node
+  linkType: hard
+
 "queue-microtask@npm:^1.2.2":
   version: 1.2.3
   resolution: "queue-microtask@npm:1.2.3"
@@ -36775,12 +37259,12 @@ __metadata:
   linkType: hard
 
 "react-colorful@npm:^5.1.2":
-  version: 5.5.1
-  resolution: "react-colorful@npm:5.5.1"
+  version: 5.6.1
+  resolution: "react-colorful@npm:5.6.1"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: f5991c675f82d204d73638b49077d710934cc1e6a47f95a6fc8a14761d926bd416346cedc7ac4da98a942561e053b675fa0ab0d52120ec9fbdb25027502d2dde
+  checksum: 48eb73cf71e10841c2a61b6b06ab81da9fffa9876134c239bfdebcf348ce2a47e56b146338e35dfb03512c85966bfc9a53844fc56bc50154e71f8daee59ff6f0
   languageName: node
   linkType: hard
 
@@ -36845,6 +37329,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-docgen@npm:^6.0.0-alpha.3":
+  version: 6.0.0-alpha.3
+  resolution: "react-docgen@npm:6.0.0-alpha.3"
+  dependencies:
+    "@babel/core": ^7.7.5
+    "@babel/generator": ^7.12.11
+    ast-types: ^0.14.2
+    commander: ^2.19.0
+    doctrine: ^3.0.0
+    estree-to-babel: ^3.1.0
+    neo-async: ^2.6.1
+    node-dir: ^0.1.10
+    resolve: ^1.17.0
+    strip-indent: ^3.0.0
+  bin:
+    react-docgen: bin/react-docgen.js
+  checksum: 284bba5528d5e9084c3ed36b2d2fec8fc5d55f3fb8ca544ec3a0d1ab98c39001ecb7db6e03a1088b82eb3d750c1343cde2fc9b7729540277eda40e10f38912d8
+  languageName: node
+  linkType: hard
+
 "react-dom@npm:16.14.0, react-dom@npm:^16.14.0, react-dom@npm:^16.8.0":
   version: 16.14.0
   resolution: "react-dom@npm:16.14.0"
@@ -36885,17 +37389,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-element-to-jsx-string@npm:^14.3.4":
-  version: 14.3.4
-  resolution: "react-element-to-jsx-string@npm:14.3.4"
+"react-element-to-jsx-string@npm:^15.0.0":
+  version: 15.0.0
+  resolution: "react-element-to-jsx-string@npm:15.0.0"
   dependencies:
     "@base2/pretty-print-object": 1.0.1
     is-plain-object: 5.0.0
-    react-is: 17.0.2
+    react-is: 18.1.0
   peerDependencies:
-    react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
-    react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
-  checksum: 4ead664b2e26e76af57c9ce2f2a46e79fda1d3a408afb5f34d03357d195b7f41a1a86bb9286b6d6ba76c9c2611fe56bc038665cf27fdb56f571d235ddfce9ffb
+    react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
+    react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
+  checksum: 0d60a0ea758529c32a706d0c69d70b69fb94de3c46442fffdee34f08f51ffceddbb5395b41dfd1565895653e9f60f98ca525835be9d5db1f16d6b22be12f4cd4
   languageName: node
   linkType: hard
 
@@ -36962,23 +37466,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-inspector@npm:^5.1.0":
-  version: 5.1.1
-  resolution: "react-inspector@npm:5.1.1"
-  dependencies:
-    "@babel/runtime": ^7.0.0
-    is-dom: ^1.0.0
-    prop-types: ^15.0.0
+"react-inspector@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "react-inspector@npm:6.0.1"
   peerDependencies:
-    react: ^16.8.4 || ^17.0.0
-  checksum: 64282953f1e9318501ae9ff64dc955845fce0b543577fcc5b6a5cf786d9a1872edadc5df5821d830a8510ecf629e9a220b323e5cd45b091508939f71ea332239
+    react: ^16.8.4 || ^17.0.0 || ^18.0.0
+  checksum: 34b0ba6e8c718aa0bbde3bc325531bc94b1e536eb226579e57cb912065693ff70611308c8e567c8e5703b0513655eb5258e5c3ac447e6a5003a44559abc84fa7
   languageName: node
   linkType: hard
 
-"react-is@npm:17.0.2, react-is@npm:^17.0.1, react-is@npm:^17.0.2":
-  version: 17.0.2
-  resolution: "react-is@npm:17.0.2"
-  checksum: 2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
+"react-is@npm:18.1.0":
+  version: 18.1.0
+  resolution: "react-is@npm:18.1.0"
+  checksum: 558874e4c3bd9805a9294426e090919ee6901be3ab07f80b997c36b5a01a8d691112802e7438d146f6c82fd6495d8c030f276ef05ec3410057f8740a8d723f8c
   languageName: node
   linkType: hard
 
@@ -36989,6 +37489,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-is@npm:^17.0.1, react-is@npm:^17.0.2":
+  version: 17.0.2
+  resolution: "react-is@npm:17.0.2"
+  checksum: 2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^18.0.0":
   version: 18.2.0
   resolution: "react-is@npm:18.2.0"
@@ -37101,6 +37608,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-refresh@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "react-refresh@npm:0.14.0"
+  checksum: b8ae07ad153357d77830928a7f1fc2df837aabefee907fa273ba04c7643f3b860e986f1d4b7ada9b721c8d79b8c24b5b911a314a1a2398b105f1b13d19ea2b8d
+  languageName: node
+  linkType: hard
+
 "react-refresh@npm:^0.9.0":
   version: 0.9.0
   resolution: "react-refresh@npm:0.9.0"
@@ -37373,17 +37887,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg-up@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "read-pkg-up@npm:8.0.0"
-  dependencies:
-    find-up: ^5.0.0
-    read-pkg: ^6.0.0
-    type-fest: ^1.0.1
-  checksum: cf3905ccbe5cd602f23192cc7ca65ed17561bab117eadb9aed817441d5bfc6b9a11215c2a3e9505f501d046818f3c4180dbea61fa83c42083e0b4e407d5cc745
-  languageName: node
-  linkType: hard
-
 "read-pkg@npm:^1.0.0":
   version: 1.1.0
   resolution: "read-pkg@npm:1.1.0"
@@ -37429,18 +37932,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "read-pkg@npm:6.0.0"
-  dependencies:
-    "@types/normalize-package-data": ^2.4.0
-    normalize-package-data: ^3.0.2
-    parse-json: ^5.2.0
-    type-fest: ^1.0.1
-  checksum: b51ee5eed75324f4fac34c9a40b5e4b403de4c532242be01959c9bbdb1ff9db1c6c2aefaba569622fec49d1ead866e97ba856ab145f6e11039b11f7bec1318ba
-  languageName: node
-  linkType: hard
-
 "read@npm:1, read@npm:~1.0.1":
   version: 1.0.7
   resolution: "read@npm:1.0.7"
@@ -37546,15 +38037,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recast@npm:0.20.5, recast@npm:^0.20.4":
-  version: 0.20.5
-  resolution: "recast@npm:0.20.5"
+"recast@npm:0.21.1":
+  version: 0.21.1
+  resolution: "recast@npm:0.21.1"
   dependencies:
-    ast-types: 0.14.2
+    ast-types: 0.15.2
     esprima: ~4.0.0
     source-map: ~0.6.1
     tslib: ^2.0.1
-  checksum: 7810216ff36c7376eddd66d3ce6b2df421305fdc983f2122711837911712177d52d804419655e1f29d4bb93016c178cffe442af410bdcf726050ca19af6fed32
+  checksum: f3e103a21594dc3ef1d481f81be327d349798e7d1b9a57cecfac5d4cadc59e3865b12a28f364f7191e158b16c9deaf6cb3341953d591fe63d22e4ad5b6a995dd
   languageName: node
   linkType: hard
 
@@ -37594,6 +38085,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"recast@npm:^0.20.4":
+  version: 0.20.5
+  resolution: "recast@npm:0.20.5"
+  dependencies:
+    ast-types: 0.14.2
+    esprima: ~4.0.0
+    source-map: ~0.6.1
+    tslib: ^2.0.1
+  checksum: 7810216ff36c7376eddd66d3ce6b2df421305fdc983f2122711837911712177d52d804419655e1f29d4bb93016c178cffe442af410bdcf726050ca19af6fed32
+  languageName: node
+  linkType: hard
+
 "rechoir@npm:^0.6.2":
   version: 0.6.2
   resolution: "rechoir@npm:0.6.2"
@@ -37651,16 +38154,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"redent@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "redent@npm:4.0.0"
-  dependencies:
-    indent-string: ^5.0.0
-    strip-indent: ^4.0.0
-  checksum: a9b640c8f4b2b5b26a1a908706475ff404dd50a97d6f094bc3c59717be922622927cc7d601d4ae2857d897ad243fd979bd76d751a0481cee8be7024e5fb4c662
-  languageName: node
-  linkType: hard
-
 "redeyed@npm:~1.0.0":
   version: 1.0.1
   resolution: "redeyed@npm:1.0.1"
@@ -38164,12 +38657,12 @@ __metadata:
   linkType: hard
 
 "remark-mdx@npm:^2.0.0":
-  version: 2.1.2
-  resolution: "remark-mdx@npm:2.1.2"
+  version: 2.1.3
+  resolution: "remark-mdx@npm:2.1.3"
   dependencies:
     mdast-util-mdx: ^2.0.0
     micromark-extension-mdxjs: ^1.0.0
-  checksum: 41777ee96d6c5e6ddc71ee66e46a862cb1920bcb3f18de15d7fbd08f294136cb4f3cb31941856ae4fcbbb8a893ea3ba5ed7ca293d44c4b3476eff52af87f0212
+  checksum: d3985f70424bf07005486aef845664c735d94c9ea98de966b50e93a2d3686a0d88bac6f6e75b851ef53bcf52a13fa6f5fb38a35269b3dfa67daaeea7d3ecb82a
   languageName: node
   linkType: hard
 
@@ -38544,7 +39037,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"require-from-string@npm:^2.0.1, require-from-string@npm:^2.0.2":
+"require-from-string@npm:^2.0.2":
   version: 2.0.2
   resolution: "require-from-string@npm:2.0.2"
   checksum: aaa267e0c5b022fc5fd4eef49d8285086b15f2a1c54b28240fdf03599cbd9c26049fee3eab894f2e1f6ca65e513b030a7c264201e3f005601e80c49fb2937ce2
@@ -38730,15 +39223,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:1.17.0":
-  version: 1.17.0
-  resolution: "resolve@npm:1.17.0"
-  dependencies:
-    path-parse: ^1.0.6
-  checksum: 4e6c76cc1a7b08bff637b092ce035d7901465067915605bc5a23ac0c10fe42ec205fc209d5d5f7a5f27f37ce71d687def7f656bbb003631cd46a8374f55ec73d
-  languageName: node
-  linkType: hard
-
 "resolve@npm:1.22.0":
   version: 1.22.0
   resolution: "resolve@npm:1.22.0"
@@ -38785,15 +39269,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@1.17.0#~builtin<compat/resolve>":
-  version: 1.17.0
-  resolution: "resolve@patch:resolve@npm%3A1.17.0#~builtin<compat/resolve>::version=1.17.0&hash=07638b"
-  dependencies:
-    path-parse: ^1.0.6
-  checksum: e072e52be3c3dbfd086761115db4a5136753e7aefc0e665e66e7307ddcd9d6b740274516055c74aee44921625e95993f03570450aa310b8d73b1c9daa056c4cd
-  languageName: node
-  linkType: hard
-
 "resolve@patch:resolve@1.22.0#~builtin<compat/resolve>":
   version: 1.22.0
   resolution: "resolve@patch:resolve@npm%3A1.22.0#~builtin<compat/resolve>::version=1.22.0&hash=07638b"
@@ -38958,17 +39433,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-inject@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "rollup-plugin-inject@npm:3.0.2"
-  dependencies:
-    estree-walker: ^0.6.1
-    magic-string: ^0.25.3
-    rollup-pluginutils: ^2.8.1
-  checksum: 35b9d955039b56b43750a9e458bb51b7956b048b6d3ca57b1f03462aa5a0cb176d1b677d95e909b64eee4e9adf73c02f569ad8c0ab5aafdec818ff51700c114c
-  languageName: node
-  linkType: hard
-
 "rollup-plugin-jsx@npm:^1.0.3":
   version: 1.0.3
   resolution: "rollup-plugin-jsx@npm:1.0.3"
@@ -38980,15 +39444,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-node-polyfills@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "rollup-plugin-node-polyfills@npm:0.2.1"
-  dependencies:
-    rollup-plugin-inject: ^3.0.0
-  checksum: 30f9e09cbbf979b1212e0c455d74c3a061994fc19ddf160da4634b11377222cea5903a5ba05db66be849f550cde9ffc80ecbfcfb48544045d08bfc408501417d
-  languageName: node
-  linkType: hard
-
 "rollup-plugin-terser@npm:^7.0.0, rollup-plugin-terser@npm:^7.0.2":
   version: 7.0.2
   resolution: "rollup-plugin-terser@npm:7.0.2"
@@ -39013,18 +39468,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-pluginutils@npm:^2.8.1":
-  version: 2.8.2
-  resolution: "rollup-pluginutils@npm:2.8.2"
+"rollup@npm:^2.43.1, rollup@npm:^2.60.2, rollup@npm:^2.74.1":
+  version: 2.79.0
+  resolution: "rollup@npm:2.79.0"
   dependencies:
-    estree-walker: ^0.6.1
-  checksum: 20947bec5a5dd68b5c5c8423911e6e7c0ad834c451f1a929b1f4e2bc08836ad3f1a722ef2bfcbeca921870a0a283f13f064a317dc7a6768496e98c9a641ba290
+    fsevents: ~2.3.2
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  bin:
+    rollup: dist/bin/rollup
+  checksum: dbabfe69bf370422de4356cbfd2611ff11efb69ceb52ade5567b752d728b4882a9db49434c978ba9d7be439967ad8832db4f7d4c7366dbaa668783a7fa8e2676
   languageName: node
   linkType: hard
 
-"rollup@npm:^2.43.1, rollup@npm:^2.60.2, rollup@npm:^2.74.1":
-  version: 2.77.0
-  resolution: "rollup@npm:2.77.0"
+"rollup@npm:~2.78.0":
+  version: 2.78.1
+  resolution: "rollup@npm:2.78.1"
   dependencies:
     fsevents: ~2.3.2
   dependenciesMeta:
@@ -39032,7 +39492,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: a6607fb98c712eb5f078372886d887e4d0b15197121e42aba7c6db1087d39dfb598c3aeefd14646c1ea705a23fc61cb5665a10f969c043a0a85c8199c2fc2298
+  checksum: ae24b886adee31455ec030736b113f84628a4f74106ea47ebf666fa5c7eac23f49b7d15acb5b5ee47671f3e184fb1c8b05946e5c76eb889a1dafaf5c75c9b70a
   languageName: node
   linkType: hard
 
@@ -39092,24 +39552,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs-for-await@npm:0.0.2":
-  version: 0.0.2
-  resolution: "rxjs-for-await@npm:0.0.2"
-  peerDependencies:
-    rxjs: ^6.0.0
-  checksum: 20f98281b1e9f7bf9c0da52f58e9d1404e875c71cf124a7672da2e43654b27e869aaf39fab60fed41d012cc6b8724206beb1156b506e9a7b9a8962d8b4ab9671
-  languageName: node
-  linkType: hard
-
-"rxjs@npm:6.5.5":
-  version: 6.5.5
-  resolution: "rxjs@npm:6.5.5"
-  dependencies:
-    tslib: ^1.9.0
-  checksum: 0b2f83892734c65b1682ddfc2616155a615d4b7f67e993cb459dbaaeedaad7878d5014dc0abb7a0da50b4c01ec8d3c1bca05bbb36260523dd18b7a7181a56bb5
-  languageName: node
-  linkType: hard
-
 "rxjs@npm:6.6.7, rxjs@npm:^6.4.0, rxjs@npm:^6.5.2, rxjs@npm:^6.5.4, rxjs@npm:^6.6.0, rxjs@npm:^6.6.3, rxjs@npm:^6.6.7":
   version: 6.6.7
   resolution: "rxjs@npm:6.6.7"
@@ -39294,15 +39736,15 @@ __metadata:
   linkType: hard
 
 "sass@npm:^1.43.4":
-  version: 1.53.0
-  resolution: "sass@npm:1.53.0"
+  version: 1.54.8
+  resolution: "sass@npm:1.54.8"
   dependencies:
     chokidar: ">=3.0.0 <4.0.0"
     immutable: ^4.0.0
     source-map-js: ">=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 7242194d40f94789d908d2e62982267ea6728a9682e161f38fbf5b959af935acc0f085f13e6e4510795f309eb08552ba6e8e82b85be2bf6128d6740c2fd6caa7
+  checksum: d3580078c3093dc2fd69550a41a6d3f3fc03dd81aae77fe2e4f77b20d57e3d84682e5e935c80d82c13dd44d24c8a96fda215bea1543e7762cc84456441d22749
   languageName: node
   linkType: hard
 
@@ -39340,11 +39782,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sb@7.0.0-alpha.20, sb@workspace:lib/cli-sb":
+"sb@7.0.0-alpha.31, sb@workspace:lib/cli-sb":
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.31
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -39487,11 +39929,11 @@ __metadata:
   linkType: hard
 
 "selfsigned@npm:^2.0.0, selfsigned@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "selfsigned@npm:2.0.1"
+  version: 2.1.1
+  resolution: "selfsigned@npm:2.1.1"
   dependencies:
     node-forge: ^1
-  checksum: 3f5d5b88f072db51d1c8184db571a466c5a60d46f888dee62b7396c9c27a10cc98c151fde5441140da29abc493a82530666911468d3a57bd8c6d81b8e6a8f830
+  checksum: 4a2509c8a5bd49c3630a799de66b317352b52746bec981133d4f8098365da35d2344f0fbedf14aacf2cd1e88682048e2df11ad9dc59331d3b1c0a5ec3e6e16ad
   languageName: node
   linkType: hard
 
@@ -39718,15 +40160,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "server-kitchen-sink@workspace:examples/server-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/node-logger": 7.0.0-alpha.20
-    "@storybook/server": 7.0.0-alpha.20
-    "@storybook/server-webpack5": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/node-logger": 7.0.0-alpha.31
+    "@storybook/server": 7.0.0-alpha.31
+    "@storybook/server-webpack5": 7.0.0-alpha.31
     concurrently: ^5.3.0
     cors: ^2.8.5
     express: ~4.17.1
@@ -39734,7 +40176,7 @@ __metadata:
     nodemon: ^2.0.7
     pug: ^3.0.0
     safe-identifier: ^0.4.1
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
   languageName: unknown
   linkType: soft
 
@@ -39840,7 +40282,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"shell-quote@npm:^1.6.1, shell-quote@npm:^1.7.3":
+"shell-quote@npm:^1.7.3":
   version: 1.7.3
   resolution: "shell-quote@npm:1.7.3"
   checksum: cf997c325f49c4393a859074f1ee9ca3da7d9e1940225bab24a86f0266504c7d7e356b83f13c74932cb243d53125b5c8c57b714017c53490bf1fe10540422014
@@ -40056,28 +40498,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socket.io-parser@npm:~4.0.4":
-  version: 4.0.5
-  resolution: "socket.io-parser@npm:4.0.5"
+"socket.io-parser@npm:~4.2.0":
+  version: 4.2.1
+  resolution: "socket.io-parser@npm:4.2.1"
   dependencies:
-    "@types/component-emitter": ^1.2.10
-    component-emitter: ~1.3.0
+    "@socket.io/component-emitter": ~3.1.0
     debug: ~4.3.1
-  checksum: 9db9d2d190b6b0b3e5b0e830b6068219929280fbaa348d155ead420a1f4f3f43a9cacd628dda93ac09295f74fd2aa48447b2c53c00deb4f9204146e9bd43c594
+  checksum: d59530de3fe1d0e5ce680e266940eef60a4a8faa9a8036914ab05760ba9efb4a05e3f44ede1be37f2698ffa2fad8860f2ba46cf69c64a9e52fb6a0ec11252dfd
   languageName: node
   linkType: hard
 
 "socket.io@npm:^4.1.2":
-  version: 4.5.1
-  resolution: "socket.io@npm:4.5.1"
+  version: 4.5.2
+  resolution: "socket.io@npm:4.5.2"
   dependencies:
     accepts: ~1.3.4
     base64id: ~2.0.0
     debug: ~4.3.2
     engine.io: ~6.2.0
     socket.io-adapter: ~2.4.0
-    socket.io-parser: ~4.0.4
-  checksum: 16a57d816d0bf993489997b692ab9d3a9cdde83dee39e5b3700d6cbbce838b791df985a66012daf5d90d8359466959f9b575fe691f1b379ef9eec6854a38360f
+    socket.io-parser: ~4.2.0
+  checksum: 6b17ed97ec6d99499b7eed2ba8e57846b3528096b2f57a6289ca28931d8929c4a0605f7d0c1941db86f89eb93e52b127be850fad057c826b50a7d05e11c24369
   languageName: node
   linkType: hard
 
@@ -40258,6 +40699,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map-support@npm:0.5.13":
+  version: 0.5.13
+  resolution: "source-map-support@npm:0.5.13"
+  dependencies:
+    buffer-from: ^1.0.0
+    source-map: ^0.6.0
+  checksum: 137539f8c453fa0f496ea42049ab5da4569f96781f6ac8e5bfda26937be9494f4e8891f523c5f98f0e85f71b35d74127a00c46f83f6a4f54672b58d53202565e
+  languageName: node
+  linkType: hard
+
 "source-map-support@npm:0.5.21, source-map-support@npm:^0.5.16, 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.20":
   version: 0.5.21
   resolution: "source-map-support@npm:0.5.21"
@@ -40428,9 +40879,9 @@ __metadata:
   linkType: hard
 
 "spdx-license-ids@npm:^3.0.0":
-  version: 3.0.11
-  resolution: "spdx-license-ids@npm:3.0.11"
-  checksum: 6c53cfdb3417e80fd612341319f1296507f797e0387e144047f547c378d9d38d6032ec342de42ef7883256f6690b2fca9889979d0dd015a61dc49b323f9b379b
+  version: 3.0.12
+  resolution: "spdx-license-ids@npm:3.0.12"
+  checksum: b749db2fdecf4ac1893b8e4c435c3bfe5247af9cb412a3cd8375c8bc5a24ad7f3c4263dfe0fc04701f98613f189787700f1deac3e9272c96dfaffc01826c2d0f
   languageName: node
   linkType: hard
 
@@ -40643,15 +41094,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/cli": 7.0.0-alpha.20
-    "@storybook/react": 7.0.0-alpha.20
-    "@storybook/react-webpack5": 7.0.0-alpha.20
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/cli": 7.0.0-alpha.31
+    "@storybook/react": 7.0.0-alpha.31
+    "@storybook/react-webpack5": 7.0.0-alpha.31
     cross-env: ^7.0.3
     parcel: 2.0.1
     react: 16.14.0
     react-dom: 16.14.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
   languageName: unknown
   linkType: soft
 
@@ -40747,11 +41198,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@7.0.0-alpha.20, storybook@workspace:lib/cli-storybook":
+"storybook@7.0.0-alpha.31, storybook@workspace:lib/cli-storybook":
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.20
+    "@storybook/cli": 7.0.0-alpha.31
     typescript: ~4.6.3
   bin:
     sb: ./index.js
@@ -40944,17 +41395,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.padend@npm:^3.0.0":
-  version: 3.1.3
-  resolution: "string.prototype.padend@npm:3.1.3"
-  dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    es-abstract: ^1.19.1
-  checksum: c713de3b48f6c773c72012dfad99d3865e714d9c9f8ea8656852b21a9bf5d6ccbcbf553e14ef2b6cbdff45db935103322a1fab87dfda8021fd8c8af432195aeb
-  languageName: node
-  linkType: hard
-
 "string.prototype.trim@npm:^1.2.1":
   version: 1.2.6
   resolution: "string.prototype.trim@npm:1.2.6"
@@ -41184,15 +41624,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-indent@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "strip-indent@npm:4.0.0"
-  dependencies:
-    min-indent: ^1.0.1
-  checksum: 6b1fb4e22056867f5c9e7a6f3f45922d9a2436cac758607d58aeaac0d3b16ec40b1c43317de7900f1b8dd7a4107352fa47fb960f2c23566538c51e8585c8870e
-  languageName: node
-  linkType: hard
-
 "strip-json-comments@npm:^2.0.0, strip-json-comments@npm:~2.0.1":
   version: 2.0.1
   resolution: "strip-json-comments@npm:2.0.1"
@@ -41297,9 +41728,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"styled-jsx@npm:5.0.2":
-  version: 5.0.2
-  resolution: "styled-jsx@npm:5.0.2"
+"styled-jsx@npm:5.0.4":
+  version: 5.0.4
+  resolution: "styled-jsx@npm:5.0.4"
   peerDependencies:
     react: ">= 16.8.0 || 17.x.x || ^18.0.0-0"
   peerDependenciesMeta:
@@ -41307,7 +41738,7 @@ __metadata:
       optional: true
     babel-plugin-macros:
       optional: true
-  checksum: 0e90717d2e6a1f7846a21cd4a98498a9379df24e81902bb100b8b0ab865cb7cd5bdfb9f03c72c50b32fd7fbc5531c94b7ca08ac55683b3d7a0318764aa5ac1a4
+  checksum: b9b6448139a505be3db00fae820b370e4ab3fe9594edae470ebf1683e9f6638230a53f697b93b52ff68b7213404c0d655e4e3d0edaeada3f27069bf6bafb1b8e
   languageName: node
   linkType: hard
 
@@ -41384,8 +41815,8 @@ __metadata:
   linkType: hard
 
 "sucrase@npm:^3.20.3":
-  version: 3.24.0
-  resolution: "sucrase@npm:3.24.0"
+  version: 3.25.0
+  resolution: "sucrase@npm:3.25.0"
   dependencies:
     commander: ^4.0.0
     glob: 7.1.6
@@ -41396,7 +41827,7 @@ __metadata:
   bin:
     sucrase: bin/sucrase
     sucrase-node: bin/sucrase-node
-  checksum: 51a653baf6a2524b5d46da33126ccd4a83d1eb871e82ce2b45f1a7bf2507f8f175b152ae46fb81ec5a1af4a37132cf7dacfb340a9d38c0914a36e6acf811f1bb
+  checksum: a5521ee9d43b12cb7313a08ffe8a7b8732ddd2640bf6c79171a0dd42d052ca81cf1191e1681a7d0219ed98e9280e16a748ede7980c4fb82844928b805930d07a
   languageName: node
   linkType: hard
 
@@ -41472,12 +41903,12 @@ __metadata:
   linkType: hard
 
 "supports-hyperlinks@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "supports-hyperlinks@npm:2.2.0"
+  version: 2.3.0
+  resolution: "supports-hyperlinks@npm:2.3.0"
   dependencies:
     has-flag: ^4.0.0
     supports-color: ^7.0.0
-  checksum: 022677b8891c75bfdab99cf471248ddc823c666c6d5811fbee1257d502cdfb0047c5a3b3fd34854da7b688716af921470abdeabbe80fb035ae1157f457134b48
+  checksum: 4057f0d86afb056cd799602f72d575b8fdd79001c5894bcb691176f14e870a687e7981e50bc1484980e8b688c6d5bcd4931e1609816abb5a7dc1486b7babf6a1
   languageName: node
   linkType: hard
 
@@ -41499,31 +41930,31 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "svelte-example@workspace:examples/svelte-kitchen-sink"
   dependencies:
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-interactions": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/svelte": 7.0.0-alpha.20
-    "@storybook/svelte-webpack5": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.31
+    "@storybook/svelte": 7.0.0-alpha.31
+    "@storybook/svelte-webpack5": 7.0.0-alpha.31
     "@storybook/testing-library": 0.0.14-next.0
     global: ^4.4.0
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     svelte-jester: ^2.3.2
     svelte-preprocess: ^4.10.6
   languageName: unknown
   linkType: soft
 
-"svelte-hmr@npm:^0.14.2":
+"svelte-hmr@npm:^0.14.12, svelte-hmr@npm:^0.14.2":
   version: 0.14.12
   resolution: "svelte-hmr@npm:0.14.12"
   peerDependencies:
@@ -41604,21 +42035,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svelte@npm:^3.31.2, svelte@npm:^3.48.0":
-  version: 3.49.0
-  resolution: "svelte@npm:3.49.0"
-  checksum: 22bf1a252911c03fcbb840c89e02493af29304c8920e67cb2d63bb9477892dd7babd2fdeed9147328e72ba38211427e0658831b89ef63563415091b643fb116d
+"svelte@npm:^3.0.0, svelte@npm:^3.31.2, svelte@npm:^3.48.0":
+  version: 3.50.0
+  resolution: "svelte@npm:3.50.0"
+  checksum: fe004a6a7470f62ec1dd69a6520e476dae641c515ff66b2cc40eb7f66cd815a1f9d3b0e8c02c9736f1e3c73af6e4aa311631f1d59b71e60787d64dd2639dd1f8
   languageName: node
   linkType: hard
 
-"sveltedoc-parser@npm:4.1.0":
-  version: 4.1.0
-  resolution: "sveltedoc-parser@npm:4.1.0"
+"sveltedoc-parser@npm:^4.2.1":
+  version: 4.3.1
+  resolution: "sveltedoc-parser@npm:4.3.1"
   dependencies:
-    eslint: 7.6.0
-    espree: 7.2.0
+    eslint: 8.4.1
+    espree: 9.2.0
     htmlparser2-svelte: 4.1.0
-  checksum: f89eba8437cb8827de7d4bee603a487b7feecb3ce6e99f2ef9a45aa38f53ded04a8e48ccd79bf89a2970f3f6aaca4125d8414350edee494a773bbe75754305d4
+  checksum: 38e0258956fcf1bbe2ecc61286b73e96eedbec62e236c6b3adfc7055a4b2b50034b99f887a9e5eaccac233a87ccbc9434abe156f6a3ef25a640dcb54a4b99f46
   languageName: node
   linkType: hard
 
@@ -41723,9 +42154,9 @@ __metadata:
   linkType: hard
 
 "synchronous-promise@npm:^2.0.15":
-  version: 2.0.15
-  resolution: "synchronous-promise@npm:2.0.15"
-  checksum: 967778e7570dc496d7630a89db3bada38876574797c9b272ee50f6ecd7afcebf450268b4bb48a84274d213ab9fd4865dbcc6edeb279f9ecaddf189d5446cbe43
+  version: 2.0.16
+  resolution: "synchronous-promise@npm:2.0.16"
+  checksum: b0cbad61b24b36ab1a8c6ac5b10335ad7c1a006b69bf5e73e5de9a141a54abaef20b4b808a9939e81dc52cf27f4c4c7a62e90cec42a0005efda712618985ba5a
   languageName: node
   linkType: hard
 
@@ -41752,8 +42183,8 @@ __metadata:
   linkType: hard
 
 "tailwindcss@npm:^3.0.2":
-  version: 3.1.6
-  resolution: "tailwindcss@npm:3.1.6"
+  version: 3.1.8
+  resolution: "tailwindcss@npm:3.1.8"
   dependencies:
     arg: ^5.0.2
     chokidar: ^3.5.3
@@ -41764,7 +42195,7 @@ __metadata:
     fast-glob: ^3.2.11
     glob-parent: ^6.0.2
     is-glob: ^4.0.3
-    lilconfig: ^2.0.5
+    lilconfig: ^2.0.6
     normalize-path: ^3.0.0
     object-hash: ^3.0.0
     picocolors: ^1.0.0
@@ -41782,7 +42213,7 @@ __metadata:
   bin:
     tailwind: lib/cli.js
     tailwindcss: lib/cli.js
-  checksum: deef81a12da2a50c104fd4734339a5f8df9acf6760dc07c13237f18294e5148283cef1edc25ee20f2266ca2a5160187a973906e94686fafeb5af0681b89f0d43
+  checksum: feddb9fcd2c7a8613df18d626dcf0e60d85e68dfcb1874297ba3dee46824992aacb8123fe5f4cc7de7ccdccbb97c2257a849d56f6d31a1e1f68417ce49dca639
   languageName: node
   linkType: hard
 
@@ -41853,17 +42284,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:5.0.5":
-  version: 5.0.5
-  resolution: "tar@npm:5.0.5"
+"tar@npm:6.1.11, tar@npm:^6.0.2, tar@npm:^6.1.0, tar@npm:^6.1.11, tar@npm:^6.1.2":
+  version: 6.1.11
+  resolution: "tar@npm:6.1.11"
   dependencies:
-    chownr: ^1.1.3
+    chownr: ^2.0.0
     fs-minipass: ^2.0.0
     minipass: ^3.0.0
-    minizlib: ^2.1.0
-    mkdirp: ^0.5.0
+    minizlib: ^2.1.1
+    mkdirp: ^1.0.3
     yallist: ^4.0.0
-  checksum: 3ca8d5e8e9f30dd0480d726c26b15ddb50ee91b9c8a6e65f139beaca11423db03197951d786033a1b15a45fd315383afff31a93d56e6331c4e972cef46688b05
+  checksum: 5a016f5330f43815420797b87ade578e2ea60affd47439c988a3fc8f7bb6b36450d627c31ba6a839346fae248b4c8c12bb06bb0716211f37476838c7eff91f05
   languageName: node
   linkType: hard
 
@@ -41882,20 +42313,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:^6.0.2, tar@npm:^6.1.0, tar@npm:^6.1.11, tar@npm:^6.1.2":
-  version: 6.1.11
-  resolution: "tar@npm:6.1.11"
-  dependencies:
-    chownr: ^2.0.0
-    fs-minipass: ^2.0.0
-    minipass: ^3.0.0
-    minizlib: ^2.1.1
-    mkdirp: ^1.0.3
-    yallist: ^4.0.0
-  checksum: 5a016f5330f43815420797b87ade578e2ea60affd47439c988a3fc8f7bb6b36450d627c31ba6a839346fae248b4c8c12bb06bb0716211f37476838c7eff91f05
-  languageName: node
-  linkType: hard
-
 "teeny-request@npm:7.0.1":
   version: 7.0.1
   resolution: "teeny-request@npm:7.0.1"
@@ -42002,14 +42419,14 @@ __metadata:
   linkType: hard
 
 "terser-webpack-plugin@npm:*, terser-webpack-plugin@npm:^5.1.1, terser-webpack-plugin@npm:^5.1.3, terser-webpack-plugin@npm:^5.2.5, terser-webpack-plugin@npm:^5.3.1":
-  version: 5.3.3
-  resolution: "terser-webpack-plugin@npm:5.3.3"
+  version: 5.3.6
+  resolution: "terser-webpack-plugin@npm:5.3.6"
   dependencies:
-    "@jridgewell/trace-mapping": ^0.3.7
+    "@jridgewell/trace-mapping": ^0.3.14
     jest-worker: ^27.4.5
     schema-utils: ^3.1.1
     serialize-javascript: ^6.0.0
-    terser: ^5.7.2
+    terser: ^5.14.1
   peerDependencies:
     webpack: ^5.1.0
   peerDependenciesMeta:
@@ -42019,11 +42436,11 @@ __metadata:
       optional: true
     uglify-js:
       optional: true
-  checksum: deb1e4ebc7dd832acfb63b4c9e81e4120493464f6178c8539337f6a7b5d4c25171e8ce20397b35b5f95b6b39d183991e87733e7f73cd77656da81ec22afbbd66
+  checksum: 75ac4de6f95e62667166572b1db9f54ef163f02a7f9234549239d1a42462a5a0df67a821d791e1eb105a5a6e02941a5b03c271c56a886a508b83b90c2d52863e
   languageName: node
   linkType: hard
 
-"terser@npm:5.14.2, terser@npm:^5.0.0, terser@npm:^5.10.0, terser@npm:^5.2.0, terser@npm:^5.7.2":
+"terser@npm:5.14.2":
   version: 5.14.2
   resolution: "terser@npm:5.14.2"
   dependencies:
@@ -42050,6 +42467,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"terser@npm:^5.0.0, terser@npm:^5.10.0, terser@npm:^5.14.1, terser@npm:^5.2.0":
+  version: 5.15.0
+  resolution: "terser@npm:5.15.0"
+  dependencies:
+    "@jridgewell/source-map": ^0.3.2
+    acorn: ^8.5.0
+    commander: ^2.20.0
+    source-map-support: ~0.5.20
+  bin:
+    terser: bin/terser
+  checksum: fa138abc700f2d8670d2212465b618c91b84089a7bb4c84b3337933b0b29c6bf0164e192fbaa39924927aa503f7b4bfefd13b66a5b76762cee62cef55a12ba2e
+  languageName: node
+  linkType: hard
+
 "test-exclude@npm:^5.2.3":
   version: 5.2.3
   resolution: "test-exclude@npm:5.2.3"
@@ -42074,8 +42505,8 @@ __metadata:
   linkType: hard
 
 "testem@npm:^3.2.0":
-  version: 3.8.0
-  resolution: "testem@npm:3.8.0"
+  version: 3.9.0
+  resolution: "testem@npm:3.9.0"
   dependencies:
     "@xmldom/xmldom": ^0.8.0
     backbone: ^1.1.2
@@ -42108,7 +42539,7 @@ __metadata:
     tmp: 0.0.33
   bin:
     testem: testem.js
-  checksum: e4100f9934c55872010412045f0e785a1749395c0058a2318448f2bd7657d5facc9d4d69c72e1571273296bc49f031df23bf12e7f3ac4e258c06189b683138eb
+  checksum: ee249735f80750c5c13ffaec978826e8163bc25569c4c841beee754de07f83d9002e7b9d7f27e72c11ee379e9f659cd978dd0686466a7635f56895112ae16c7c
   languageName: node
   linkType: hard
 
@@ -42304,8 +42735,8 @@ __metadata:
   linkType: hard
 
 "title@npm:^3.4.2":
-  version: 3.4.4
-  resolution: "title@npm:3.4.4"
+  version: 3.5.3
+  resolution: "title@npm:3.5.3"
   dependencies:
     arg: 1.0.0
     chalk: 2.3.0
@@ -42313,7 +42744,7 @@ __metadata:
     titleize: 1.0.0
   bin:
     title: bin/title.js
-  checksum: 988c42c03f4c634ce691732fee216cb2368f7eb24ed2681ea9fe0231781fb2f3c558f769533d5dbd4d208f1ce432a5596b937ce2e326ad62965e7b6ef98d2dba
+  checksum: 9334ff46f49c215a108adbb3ab39bd946dfd1a669b999ad173ff61aa7598a17718f954462d8ebf8fb3ea643b5c37f2f7a163310d186acb18a101c028248d3b15
   languageName: node
   linkType: hard
 
@@ -42512,13 +42943,14 @@ __metadata:
   linkType: hard
 
 "tough-cookie@npm:>=0.12.0, tough-cookie@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "tough-cookie@npm:4.0.0"
+  version: 4.1.2
+  resolution: "tough-cookie@npm:4.1.2"
   dependencies:
     psl: ^1.1.33
     punycode: ^2.1.1
-    universalify: ^0.1.2
-  checksum: 8ecd1f1ff1fa1d2c04f5e8533ae61d9b43062279aa62d7daf52a16fd99643fa569ae38464b6ae3f3fe1aa2184cee1539ff2066120eb95b9ac9684e8047b0ea3c
+    universalify: ^0.2.0
+    url-parse: ^1.5.3
+  checksum: 1f9d97bc9ff22b41e107eca4a146064f916e567b5557795dbfe742f098557ba1101b8f7c4e02ac785236663f7f086c37dc595a5b9813ef8fb27f8d800dc9eb9b
   languageName: node
   linkType: hard
 
@@ -42673,13 +43105,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"trim-newlines@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "trim-newlines@npm:4.0.2"
-  checksum: 48d022e9d14f27cf8b71983691af61cd8ce511d159ed0962452d2fa23f58298398d905e1ff982566f9034f93df3ef676868c1c14d13bcd849e7500dbfbd6101b
-  languageName: node
-  linkType: hard
-
 "trim-repeated@npm:^1.0.0":
   version: 1.0.0
   resolution: "trim-repeated@npm:1.0.0"
@@ -42768,9 +43193,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-jest@npm:^28.0.0":
-  version: 28.0.7
-  resolution: "ts-jest@npm:28.0.7"
+"ts-jest@npm:^28.0.0, ts-jest@npm:^28.0.8":
+  version: 28.0.8
+  resolution: "ts-jest@npm:28.0.8"
   dependencies:
     bs-logger: 0.x
     fast-json-stable-stringify: 2.x
@@ -42797,7 +43222,7 @@ __metadata:
       optional: true
   bin:
     ts-jest: cli.js
-  checksum: 48dd79d34b33f0a3474414c78040f8c0252d965d556ac6014f9888e8a65e3ee56f98244c29e8d7965b2a15f208848c3fc555a4c44b8ab98ff1c68f4f1ff8eae9
+  checksum: 4f6d7c8dbf6deaf56f4490ae819071077e8ed30c1a3c87c7d2e21b3103e6d12aaa53d2776cb5c947bac3f3a05cd9f8dea2aedc4c6550c14fbf639c1368a0fbc9
   languageName: node
   linkType: hard
 
@@ -42930,7 +43355,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.10.0, tslib@npm:^1.13.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
+"tslib@npm:^1.10.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: 69ae09c49eea644bc5ebe1bca4fa4cc2c82b7b3e02f43b84bd891504edf66dbc6b2ec0eef31a957042de2269139e4acff911e6d186a258fb14069cd7f6febce2
@@ -42951,15 +43376,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsup@npm:^6.1.2":
-  version: 6.1.3
-  resolution: "tsup@npm:6.1.3"
+"tsup@npm:^6.2.2":
+  version: 6.2.3
+  resolution: "tsup@npm:6.2.3"
   dependencies:
-    bundle-require: ^3.0.2
+    bundle-require: ^3.1.0
     cac: ^6.7.12
     chokidar: ^3.5.1
     debug: ^4.3.1
-    esbuild: ^0.14.25
+    esbuild: ^0.15.1
     execa: ^5.0.0
     globby: ^11.0.3
     joycon: ^3.0.1
@@ -42983,7 +43408,7 @@ __metadata:
   bin:
     tsup: dist/cli-default.js
     tsup-node: dist/cli-node.js
-  checksum: d5f04c5610a39c34b125a12aeae4af259f1b5f219acfcd1787e735b60cf737ca52906fae538d8e41280558b5093f594d31654f0f2ea9a7d90b223404bc97d83b
+  checksum: b346d50ba32b79946936629252a202fda7d4eef0bac76380819a69c882939f51cb2e2875ea314e27ee4370e06ca10edded6f4f50a309945b255d21cbaee1b720
   languageName: node
   linkType: hard
 
@@ -43102,17 +43527,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^1.0.1, type-fest@npm:^1.2.1, type-fest@npm:^1.2.2":
-  version: 1.4.0
-  resolution: "type-fest@npm:1.4.0"
-  checksum: a3c0f4ee28ff6ddf800d769eafafcdeab32efa38763c1a1b8daeae681920f6e345d7920bf277245235561d8117dab765cb5f829c76b713b4c9de0998a5397141
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^2.17.0":
-  version: 2.17.0
-  resolution: "type-fest@npm:2.17.0"
-  checksum: e7707e5c27213919483011d127f333432d82d06b697ca0577cc828b53d384372b4308d3294e849b0111a34fdc7adf5bdef58c5ffa80aa36d19e9851b2a8d9970
+  version: 2.19.0
+  resolution: "type-fest@npm:2.19.0"
+  checksum: a5a7ecf2e654251613218c215c7493574594951c08e52ab9881c9df6a6da0aeca7528c213c622bc374b4e0cb5c443aa3ab758da4e3c959783ce884c3194e12cb
   languageName: node
   linkType: hard
 
@@ -43133,10 +43551,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type@npm:^2.5.0":
-  version: 2.6.0
-  resolution: "type@npm:2.6.0"
-  checksum: d08063a1c3415140d0b6fd17ede55f373cdd6c5503776693ad5ead574a06404823374d62d6233e43bc30ec22f596b790cbb8661429bed75a75dab986b506ac60
+"type@npm:^2.7.2":
+  version: 2.7.2
+  resolution: "type@npm:2.7.2"
+  checksum: 84c2382788fe24e0bc3d64c0c181820048f672b0f06316aa9c7bdb373f8a09f8b5404f4e856bc4539fb931f2f08f2adc4c53f6c08c9c0314505d70c29a1289e1
   languageName: node
   linkType: hard
 
@@ -43198,11 +43616,11 @@ __metadata:
   linkType: hard
 
 "uglify-js@npm:^3.1.4":
-  version: 3.16.2
-  resolution: "uglify-js@npm:3.16.2"
+  version: 3.17.0
+  resolution: "uglify-js@npm:3.17.0"
   bin:
     uglifyjs: bin/uglifyjs
-  checksum: 43eb0b3db922873129daed4e6d1037c45195088c2fbfb5ce805a2873c75201452dabcb68f066ccebccf251bf2a34dec072b1fdcd6ac88b3a62655f285d1f0f23
+  checksum: 92a4ff1a26135eb124b4fc0b0d7c18ae5115f1c11927bb3a2530f60e2d3f8f256b8ce2186dd9fe432612f980d8a6ca096c9c723dce368bd44f7b9f24a2b4c4cd
   languageName: node
   linkType: hard
 
@@ -43467,6 +43885,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unique-filename@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "unique-filename@npm:2.0.1"
+  dependencies:
+    unique-slug: ^3.0.0
+  checksum: 55d95cd670c4a86117ebc34d394936d712d43b56db6bc511f9ca00f666373818bf9f075fb0ab76bcbfaf134592ef26bb75aad20786c1ff1ceba4457eaba90fb8
+  languageName: node
+  linkType: hard
+
 "unique-slug@npm:^2.0.0":
   version: 2.0.2
   resolution: "unique-slug@npm:2.0.2"
@@ -43476,6 +43903,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unique-slug@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "unique-slug@npm:3.0.0"
+  dependencies:
+    imurmurhash: ^0.1.4
+  checksum: 617240eb921af803b47d322d75a71a363dacf2e56c29ae5d1404fad85f64f4ec81ef10ee4fd79215d0202cbe1e5a653edb0558d59c9c81d3bd538c2d58e4c026
+  languageName: node
+  linkType: hard
+
 "unique-stream@npm:^2.2.1":
   version: 2.3.1
   resolution: "unique-stream@npm:2.3.1"
@@ -43629,13 +44065,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-visit-parents@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "unist-util-visit-parents@npm:5.1.0"
+"unist-util-visit-parents@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "unist-util-visit-parents@npm:5.1.1"
   dependencies:
     "@types/unist": ^2.0.0
     unist-util-is: ^5.0.0
-  checksum: c659295f1a77ea1fa2bd48fdba53d2248db75656b69d499413214592bd164b664eae2491a7df46b1a71420c2c8f8c94277b7d0c98760717a9b067d604c51e1db
+  checksum: 9d1c7c905a8018d87d85dfd0d98dbbe7f580a3661def247b4c5248b0c4c50c5d9a77d266bc132252379145a133aa4d94b5099c7de93ac27dea5d88447c9f58b1
   languageName: node
   linkType: hard
 
@@ -43651,13 +44087,13 @@ __metadata:
   linkType: hard
 
 "unist-util-visit@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "unist-util-visit@npm:4.1.0"
+  version: 4.1.1
+  resolution: "unist-util-visit@npm:4.1.1"
   dependencies:
     "@types/unist": ^2.0.0
     unist-util-is: ^5.0.0
-    unist-util-visit-parents: ^5.0.0
-  checksum: d41895b776bf480bc5554fb0efdc0e490ddf8d7e8ae561669e84435cd106db79ab44f3f1cddda8a2094514327d55effbbc86b1a2062ff09865e556dd84c91455
+    unist-util-visit-parents: ^5.1.1
+  checksum: 4a32c6c03a0c99bbde289eafda89c2162d42b846f857eef569bceb9e76c71d84e97a3133be10f652e29fd0ff4eab52960d395d1a044ed5235350fd1b71c8790d
   languageName: node
   linkType: hard
 
@@ -43696,13 +44132,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"universalify@npm:^0.1.0, universalify@npm:^0.1.2":
+"universalify@npm:^0.1.0":
   version: 0.1.2
   resolution: "universalify@npm:0.1.2"
   checksum: e70e0339f6b36f34c9816f6bf9662372bd241714dc77508d231d08386d94f2c4aa1ba1318614f92015f40d45aae1b9075cd30bd490efbe39387b60a76ca3f045
   languageName: node
   linkType: hard
 
+"universalify@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "universalify@npm:0.2.0"
+  checksum: cedbe4d4ca3967edf24c0800cfc161c5a15e240dac28e3ce575c689abc11f2c81ccc6532c8752af3b40f9120fb5e454abecd359e164f4f6aa44c29cd37e194fe
+  languageName: node
+  linkType: hard
+
 "universalify@npm:^2.0.0":
   version: 2.0.0
   resolution: "universalify@npm:2.0.0"
@@ -43764,9 +44207,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"update-browserslist-db@npm:^1.0.4":
-  version: 1.0.5
-  resolution: "update-browserslist-db@npm:1.0.5"
+"update-browserslist-db@npm:^1.0.5":
+  version: 1.0.7
+  resolution: "update-browserslist-db@npm:1.0.7"
   dependencies:
     escalade: ^3.1.1
     picocolors: ^1.0.0
@@ -43774,7 +44217,7 @@ __metadata:
     browserslist: ">= 4.21.0"
   bin:
     browserslist-lint: cli.js
-  checksum: c587343bffa5895335778129cebb0b4d1ec219f5f7441d06919ce182c225a0f22d3000e037a3ace857167d6ae9a9d86eb37fc9ca125e180a3c8ccd4b35cd5194
+  checksum: 1590cf572c55827f7feee0124af408eaf6322dfb21097ec987867668222db64f29933ce5dbb563c8f2bd64a57953a1eaa5426623c2025532fb22ee6f40583668
   languageName: node
   linkType: hard
 
@@ -43832,6 +44275,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"url-parse@npm:^1.5.3":
+  version: 1.5.10
+  resolution: "url-parse@npm:1.5.10"
+  dependencies:
+    querystringify: ^2.1.1
+    requires-port: ^1.0.0
+  checksum: bd5aa9389f896974beb851c112f63b466505a04b4807cea2e5a3b7092f6fbb75316f0491ea84e44f66fed55f1b440df5195d7e3a8203f64fcefa19d182f5be87
+  languageName: node
+  linkType: hard
+
 "url-regex@npm:^5.0.0":
   version: 5.0.0
   resolution: "url-regex@npm:5.0.0"
@@ -43901,12 +44354,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:1.1.0":
-  version: 1.1.0
-  resolution: "use-sync-external-store@npm:1.1.0"
+"use-sync-external-store@npm:1.2.0":
+  version: 1.2.0
+  resolution: "use-sync-external-store@npm:1.2.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 4f522e7f10c85a705358640f3d487f261e34cef4dd80c8f167d246a79fb8768c4fffde2f1155f44406e0ee5eb6703eb487539738d7eb7a0bbd6195fe01e5dbae
+  checksum: ac4814e5592524f242921157e791b022efe36e451fe0d4fd4d204322d5433a4fc300d63b0ade5185f8e0735ded044c70bcf6d2352db0f74d097a238cebd2da02
   languageName: node
   linkType: hard
 
@@ -44296,6 +44749,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "vite@npm:3.1.0"
+  dependencies:
+    esbuild: ^0.15.6
+    fsevents: ~2.3.2
+    postcss: ^8.4.16
+    resolve: ^1.22.1
+    rollup: ~2.78.0
+  peerDependencies:
+    less: "*"
+    sass: "*"
+    stylus: "*"
+    terser: ^5.4.0
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  peerDependenciesMeta:
+    less:
+      optional: true
+    sass:
+      optional: true
+    stylus:
+      optional: true
+    terser:
+      optional: true
+  bin:
+    vite: bin/vite.js
+  checksum: 38c1a495226ebda7a3f2b341152dc01cb13cbe014a0f834c0bae2f29a6a4fefa3a18587a8d787e25e0ebbd4874da2506a87e3e37b959b26ee8a22983fed2a9e0
+  languageName: node
+  linkType: hard
+
 "vlq@npm:^0.2.1":
   version: 0.2.3
   resolution: "vlq@npm:0.2.3"
@@ -44331,9 +44816,9 @@ __metadata:
   linkType: hard
 
 "vscode-languageserver-textdocument@npm:^1.0.1":
-  version: 1.0.5
-  resolution: "vscode-languageserver-textdocument@npm:1.0.5"
-  checksum: 17f9f3eb52fbe5f0d750ab152623a93424b24a28a349fd9576c967423306156a8c1964c92ad15ce2b09b79f3ebd5666f23bc115d14675e3c5a66a0e3f038d655
+  version: 1.0.7
+  resolution: "vscode-languageserver-textdocument@npm:1.0.7"
+  checksum: 6bda397d117b3d5bdf636a5fa29bdfc29c288dd748eb6636722caa1408cfc38d51d522a96a9162c529e9c33cb4b9c55cc8b4c5e417b00297ff0e5a1f21fe0ce6
   languageName: node
   linkType: hard
 
@@ -44345,9 +44830,9 @@ __metadata:
   linkType: hard
 
 "vscode-nls@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "vscode-nls@npm:5.0.1"
-  checksum: 71a29725c1f873692bbfd87579a546a24ebe8e2d26d428cfc4122301a81ac2987e7d50dfaba8103c3c4f8e4e0d7f0d7dc563df756df3d1b1399845372b683227
+  version: 5.2.0
+  resolution: "vscode-nls@npm:5.2.0"
+  checksum: dc9e48f58ebbc807f435d351008813a2ea0c9432d51e778bcac9163c0642f929ddb518411ad654e775ce31e24d6acfa8fb7db8893c05b42c2019894e08b050f9
   languageName: node
   linkType: hard
 
@@ -44363,22 +44848,21 @@ __metadata:
   resolution: "vue-3-cli-example@workspace:examples/vue-3-cli"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-essentials": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-essentials": 7.0.0-alpha.31
+    "@storybook/addon-interactions": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue3": 7.0.0-alpha.20
-    "@storybook/vue3-webpack5": 7.0.0-alpha.20
+    "@storybook/vue3": 7.0.0-alpha.31
+    "@storybook/vue3-webpack5": 7.0.0-alpha.31
     "@vue/cli-plugin-babel": ^5.0.4
     "@vue/cli-plugin-typescript": ^5.0.4
     "@vue/cli-service": ^5.0.4
     "@vue/compiler-sfc": ^3.2.36
     babel-loader: ^8.2.5
-    core-js: ^3.8.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     typescript: ~4.6.3
     vue: ^3.0.0
     vue-jest: ^5.0.0-alpha.8
@@ -44399,17 +44883,16 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vue-cli-example@workspace:examples/vue-cli"
   dependencies:
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-essentials": 7.0.0-alpha.20
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-essentials": 7.0.0-alpha.31
     "@storybook/preset-scss": ^1.0.3
-    "@storybook/source-loader": 7.0.0-alpha.20
-    "@storybook/vue": 7.0.0-alpha.20
-    "@storybook/vue-webpack5": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.31
+    "@storybook/vue": 7.0.0-alpha.31
+    "@storybook/vue-webpack5": 7.0.0-alpha.31
     "@vue/cli-plugin-babel": ^5.0.4
     "@vue/cli-plugin-typescript": ^5.0.4
     "@vue/cli-service": ^5.0.4
-    core-js: ^3.8.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     typescript: ~4.6.3
     vue: ^2.6.12
     vue-class-component: ^7.2.6
@@ -44418,22 +44901,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"vue-docgen-api@npm:^4.44.23, vue-docgen-api@npm:^4.46.0":
-  version: 4.47.0
-  resolution: "vue-docgen-api@npm:4.47.0"
+"vue-docgen-api@npm:^4.40.0, vue-docgen-api@npm:^4.44.23, vue-docgen-api@npm:^4.46.0":
+  version: 4.52.0
+  resolution: "vue-docgen-api@npm:4.52.0"
   dependencies:
     "@babel/parser": ^7.13.12
-    "@babel/types": ^7.13.12
+    "@babel/types": ^7.18.8
     "@vue/compiler-dom": ^3.2.0
     "@vue/compiler-sfc": ^3.2.0
     ast-types: 0.14.2
     hash-sum: ^1.0.2
     lru-cache: ^4.1.5
     pug: ^3.0.2
-    recast: 0.20.5
+    recast: 0.21.1
     ts-map: ^1.0.3
-    vue-inbrowser-compiler-utils: ^4.44.23
-  checksum: cc03b03eb2c3e3ec47dba7efb7fc03306d24244a68d0d6a58ad6ee138986f80a37fedfd29e27e922935dee23e7d93a22577fb91823f30b2a208581889e2edaa2
+    vue-inbrowser-compiler-independent-utils: ^4.52.0
+  checksum: 38e7d44205a6fc14fc28c98e77f89fee5167ef0ad59e9083fcf17f8b9fb9e7aa20941a107b6b67fa7f9bfbf5bf0159925ac750b4d99ee06154e01a2695bf58ad
   languageName: node
   linkType: hard
 
@@ -44457,29 +44940,29 @@ __metadata:
   resolution: "vue-example@workspace:examples/vue-kitchen-sink"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.20
-    "@storybook/addon-actions": 7.0.0-alpha.20
-    "@storybook/addon-backgrounds": 7.0.0-alpha.20
-    "@storybook/addon-controls": 7.0.0-alpha.20
-    "@storybook/addon-docs": 7.0.0-alpha.20
-    "@storybook/addon-highlight": 7.0.0-alpha.20
-    "@storybook/addon-interactions": 7.0.0-alpha.20
-    "@storybook/addon-links": 7.0.0-alpha.20
-    "@storybook/addon-storyshots": 7.0.0-alpha.20
-    "@storybook/addon-storysource": 7.0.0-alpha.20
-    "@storybook/addon-viewport": 7.0.0-alpha.20
-    "@storybook/addons": 7.0.0-alpha.20
+    "@storybook/addon-a11y": 7.0.0-alpha.31
+    "@storybook/addon-actions": 7.0.0-alpha.31
+    "@storybook/addon-backgrounds": 7.0.0-alpha.31
+    "@storybook/addon-controls": 7.0.0-alpha.31
+    "@storybook/addon-docs": 7.0.0-alpha.31
+    "@storybook/addon-highlight": 7.0.0-alpha.31
+    "@storybook/addon-interactions": 7.0.0-alpha.31
+    "@storybook/addon-links": 7.0.0-alpha.31
+    "@storybook/addon-storyshots": 7.0.0-alpha.31
+    "@storybook/addon-storysource": 7.0.0-alpha.31
+    "@storybook/addon-viewport": 7.0.0-alpha.31
+    "@storybook/addons": 7.0.0-alpha.31
     "@storybook/jest": ^0.0.10
-    "@storybook/source-loader": 7.0.0-alpha.20
+    "@storybook/source-loader": 7.0.0-alpha.31
     "@storybook/testing-library": 0.0.14-next.0
-    "@storybook/vue": 7.0.0-alpha.20
-    "@storybook/vue-webpack5": 7.0.0-alpha.20
+    "@storybook/vue": 7.0.0-alpha.31
+    "@storybook/vue-webpack5": 7.0.0-alpha.31
     "@vue/babel-preset-jsx": ^1.2.4
     babel-loader: ^8.2.5
     cross-env: ^7.0.3
     file-loader: ^6.2.0
     prop-types: ^15.7.2
-    storybook: 7.0.0-alpha.20
+    storybook: 7.0.0-alpha.31
     svg-url-loader: ^7.1.1
     vue: ^2.6.12
     vue-loader: ^15.9.6
@@ -44498,24 +44981,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vue-inbrowser-compiler-demi@npm:^4.45.0":
-  version: 4.45.0
-  resolution: "vue-inbrowser-compiler-demi@npm:4.45.0"
-  peerDependencies:
-    vue: ">=2"
-  checksum: 11fb15d284570912cdd016f080418c6366625e6d901d87ba14a4bb1fb90176c1d1cb23b4e3496522a170441a4a15f14758457a3069203d42ba1e737a86e077f4
-  languageName: node
-  linkType: hard
-
-"vue-inbrowser-compiler-utils@npm:^4.44.23":
-  version: 4.46.0
-  resolution: "vue-inbrowser-compiler-utils@npm:4.46.0"
-  dependencies:
-    camelcase: ^5.3.1
-    vue-inbrowser-compiler-demi: ^4.45.0
+"vue-inbrowser-compiler-independent-utils@npm:^4.52.0":
+  version: 4.54.1
+  resolution: "vue-inbrowser-compiler-independent-utils@npm:4.54.1"
   peerDependencies:
     vue: ">=2"
-  checksum: 5c312869eeaf2cf284f81cfb830104b009fffd35692037489aacb0139e4ec0848b761d21fd9094d362ff52944b1fc99325ea6547c6633854b181a4e6ee940a78
+  checksum: ff5f83f3c6c603215fa9928715a186edbfdd7939537906388970eef23a85b1b41ab1d959ce7e8b3f4c8c15a9a80efd9c251dcdca14fc3b6786e48111c66b7bf9
   languageName: node
   linkType: hard
 
@@ -44601,12 +45072,12 @@ __metadata:
   linkType: hard
 
 "vue-template-compiler@npm:^2.6.12, vue-template-compiler@npm:^2.6.14":
-  version: 2.7.7
-  resolution: "vue-template-compiler@npm:2.7.7"
+  version: 2.7.10
+  resolution: "vue-template-compiler@npm:2.7.10"
   dependencies:
     de-indent: ^1.0.2
     he: ^1.2.0
-  checksum: ce24eb5b59c4054d2d6487e849662efe711021802c2257ce344776e2a22be7544e7c4e02d86049fc694f0640bcaa3c231738eda950d53984e41d80a4ea8e4d22
+  checksum: aaffcb60f7999d97dea0e020b9aa881f8e9560c8e6a6752da53c3a26ae3df5fd5ea5b7170f08a10a198d0d0c298506a9515a15961f5060a1dcab638d5e0b0628
   languageName: node
   linkType: hard
 
@@ -44629,25 +45100,25 @@ __metadata:
   linkType: hard
 
 "vue@npm:^2.6.12":
-  version: 2.7.7
-  resolution: "vue@npm:2.7.7"
+  version: 2.7.10
+  resolution: "vue@npm:2.7.10"
   dependencies:
-    "@vue/compiler-sfc": 2.7.7
+    "@vue/compiler-sfc": 2.7.10
     csstype: ^3.1.0
-  checksum: 7dc03163e6bc1febdccd4c762ddbc28261cbbcc30bb2743a8d71ded2a5b843678b4332212a57e23c8a615a600ee456c20e37a71192cdf69a4fc432e328735336
+  checksum: b01d8370dc7b4018aa0ddf9838ea1f0536f7c3ae3a88b6585ac8e72fc9951f25f4bc793d27bc2f6fdaf63836f7d16167f3a4aad3402b2b839a882772e90c7f2c
   languageName: node
   linkType: hard
 
 "vue@npm:^3.0.0, vue@npm:^3.2.33":
-  version: 3.2.37
-  resolution: "vue@npm:3.2.37"
+  version: 3.2.38
+  resolution: "vue@npm:3.2.38"
   dependencies:
-    "@vue/compiler-dom": 3.2.37
-    "@vue/compiler-sfc": 3.2.37
-    "@vue/runtime-dom": 3.2.37
-    "@vue/server-renderer": 3.2.37
-    "@vue/shared": 3.2.37
-  checksum: b4e4d051452d284de89788b748596210950d08a805f3a5b9c4709ee6ddebb818d95439046a8fd8188fac7fba2d2746aad734d22ae8aa11b2991e11d63afde4be
+    "@vue/compiler-dom": 3.2.38
+    "@vue/compiler-sfc": 3.2.38
+    "@vue/runtime-dom": 3.2.38
+    "@vue/server-renderer": 3.2.38
+    "@vue/shared": 3.2.38
+  checksum: 54f6425bd29da94063a62bbd7b07759e7f9230bcfd3e5be042ed72f11801ba864e0ae7094e6734261ec0570cd89b8dd9b6c9639e3400ff208c71ba53c36eb2ce
   languageName: node
   linkType: hard
 
@@ -44756,7 +45227,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"walker@npm:^1.0.7, walker@npm:~1.0.5":
+"walker@npm:^1.0.7, walker@npm:^1.0.8, walker@npm:~1.0.5":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
   dependencies:
@@ -44775,18 +45246,17 @@ __metadata:
   linkType: hard
 
 "watch-detector@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "watch-detector@npm:1.0.1"
+  version: 1.0.2
+  resolution: "watch-detector@npm:1.0.2"
   dependencies:
     heimdalljs-logger: ^0.1.10
-    semver: ^6.3.0
     silent-error: ^1.1.1
     tmp: ^0.1.0
-  checksum: e9484a7eee1a22780c4b3f4620d1603ac3f07de63acb7a461d785a5dcd910e2b31331fae3fba6cb57f8bb6198786be339cd51c8be8364ec71ade2292d31c239c
+  checksum: 3f6c76948218c86bf8700f4a36811d43ddbd61e86ba1147a62d47faeb79c00e3884719bd31a6049e8fddef60dc04e7bce68e9b9639d127ccbbd81245c1f76593
   languageName: node
   linkType: hard
 
-"watchpack@npm:^2.2.0, watchpack@npm:^2.3.1":
+"watchpack@npm:^2.2.0, watchpack@npm:^2.4.0":
   version: 2.4.0
   resolution: "watchpack@npm:2.4.0"
   dependencies:
@@ -44917,8 +45387,8 @@ __metadata:
   linkType: hard
 
 "webpack-bundle-analyzer@npm:^4.4.0":
-  version: 4.5.0
-  resolution: "webpack-bundle-analyzer@npm:4.5.0"
+  version: 4.6.1
+  resolution: "webpack-bundle-analyzer@npm:4.6.1"
   dependencies:
     acorn: ^8.0.4
     acorn-walk: ^8.0.0
@@ -44931,7 +45401,7 @@ __metadata:
     ws: ^7.3.1
   bin:
     webpack-bundle-analyzer: lib/bin/analyzer.js
-  checksum: 5130be9fa58645e412e9824f98bd961afe540b9918951ddc87b688f3e176f4a101fcb16a304c74f0d1ddd9f2528ec2fa44bcfcea3fe07635fa9af0e3104644aa
+  checksum: 55dcf917bfbf52a688703bc636810df6bdb30981b65066291ab86ce3f359925f52a07cc43d38a841aa579d313516e0b5dd86814daf4fda6f8aaba89a4e7bcd6a
   languageName: node
   linkType: hard
 
@@ -45053,8 +45523,8 @@ __metadata:
   linkType: hard
 
 "webpack-dev-server@npm:^4.6.0, webpack-dev-server@npm:^4.7.3, webpack-dev-server@npm:^4.8.1":
-  version: 4.9.3
-  resolution: "webpack-dev-server@npm:4.9.3"
+  version: 4.10.1
+  resolution: "webpack-dev-server@npm:4.10.1"
   dependencies:
     "@types/bonjour": ^3.5.9
     "@types/connect-history-api-fallback": ^1.3.5
@@ -45092,19 +45562,18 @@ __metadata:
       optional: true
   bin:
     webpack-dev-server: bin/webpack-dev-server.js
-  checksum: 2fdc02b3f6cd44b13f8a062da56f999decd2df596c05dd212248c808f310ee77d5809919e5846a4f28fb02d062abfbef1b984f48260ed2a6e493ff2b9cb75231
+  checksum: d2e0681f7b74fb8e014940e9efa1390928e2763dd15e09a7db1510928138c9fd746971f8af710ec52ce4370012a04e4d76153f718b7f46cee7bb58a1ac84fe35
   languageName: node
   linkType: hard
 
 "webpack-hot-middleware@npm:^2.25.1":
-  version: 2.25.1
-  resolution: "webpack-hot-middleware@npm:2.25.1"
+  version: 2.25.2
+  resolution: "webpack-hot-middleware@npm:2.25.2"
   dependencies:
     ansi-html-community: 0.0.8
     html-entities: ^2.1.0
-    querystring: ^0.2.0
     strip-ansi: ^6.0.0
-  checksum: 2b8cc2841d6168c5e9f0edd116289fb441039e8de784baf375b1156883a860ee0917a3498b8198f47ad056dd90cdd8eb053253127a0f923c76b18fa7987d0c05
+  checksum: dc7cef3b3b06aeeaa925a3514a8f5ab110ec42c7a423d9f2c3fd31d96ac54e2837647f01f9169e1fddbda64c3ff962bb8b6eda184a53f2d09cd7deaa03c6f422
   languageName: node
   linkType: hard
 
@@ -45180,19 +45649,19 @@ __metadata:
   linkType: hard
 
 "webpack@npm:5":
-  version: 5.73.0
-  resolution: "webpack@npm:5.73.0"
+  version: 5.74.0
+  resolution: "webpack@npm:5.74.0"
   dependencies:
     "@types/eslint-scope": ^3.7.3
     "@types/estree": ^0.0.51
     "@webassemblyjs/ast": 1.11.1
     "@webassemblyjs/wasm-edit": 1.11.1
     "@webassemblyjs/wasm-parser": 1.11.1
-    acorn: ^8.4.1
+    acorn: ^8.7.1
     acorn-import-assertions: ^1.7.6
     browserslist: ^4.14.5
     chrome-trace-event: ^1.0.2
-    enhanced-resolve: ^5.9.3
+    enhanced-resolve: ^5.10.0
     es-module-lexer: ^0.9.0
     eslint-scope: 5.1.1
     events: ^3.2.0
@@ -45205,14 +45674,14 @@ __metadata:
     schema-utils: ^3.1.0
     tapable: ^2.1.1
     terser-webpack-plugin: ^5.1.3
-    watchpack: ^2.3.1
+    watchpack: ^2.4.0
     webpack-sources: ^3.2.3
   peerDependenciesMeta:
     webpack-cli:
       optional: true
   bin:
     webpack: bin/webpack.js
-  checksum: 761add2395e37c7bd0b0727bea327496b8a2f5a702b29bd4907f9e80f6e7ea17ecdeefabf0683fdefe1148f725cd51eb81c4a73b4646eda9eb1a8d1a74ac8cae
+  checksum: a5f9eeb36edfa3fe1fc31950706080521fe2ada9706ce8205b817164ab3f6b207cc42023fb61e09687e7f0f252871c6c1a8b0f1a638a4a065c30f6bc460c68f9
   languageName: node
   linkType: hard
 
@@ -45487,28 +45956,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"workbox-background-sync@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-background-sync@npm:6.5.3"
+"workbox-background-sync@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-background-sync@npm:6.5.4"
   dependencies:
-    idb: ^6.1.4
-    workbox-core: 6.5.3
-  checksum: f10d6a36ac8f5a506c4f527068577f435ebd72c6076ca32e988c92c627d9d5721417a7369c3de210ed08a25cca5dec30798ace313e2b7f9d99422eeb6d9310f8
+    idb: ^7.0.1
+    workbox-core: 6.5.4
+  checksum: 4d1431c19fb1bb07f5ce31e286f0d62de908b813857f3d2e5048c21cafb318a41a1ae0cf135545bc6053f6d4c487951f4c232241c47caab37908a70e87d3fa30
   languageName: node
   linkType: hard
 
-"workbox-broadcast-update@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-broadcast-update@npm:6.5.3"
+"workbox-broadcast-update@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-broadcast-update@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-  checksum: 09a09f398a2383769ece41197fec95b6d12f7d7573b87d13e1ad461346a036b1fea4d8f1961d8c121dd023bbeb3a972b9e7ac6d98e8e2412eb878900a28c9479
+    workbox-core: 6.5.4
+  checksum: fa7164d4b11ce2ff7922a84fef836b432147b49dd04b9afa543908d035245c394707d87a15faf2ea2c28c76b5d6ae9db6600b01faa734a2d29b3aa4543a8baab
   languageName: node
   linkType: hard
 
-"workbox-build@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-build@npm:6.5.3"
+"workbox-build@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-build@npm:6.5.4"
   dependencies:
     "@apideck/better-ajv-errors": ^0.3.1
     "@babel/core": ^7.11.1
@@ -45532,163 +46001,163 @@ __metadata:
     strip-comments: ^2.0.1
     tempy: ^0.6.0
     upath: ^1.2.0
-    workbox-background-sync: 6.5.3
-    workbox-broadcast-update: 6.5.3
-    workbox-cacheable-response: 6.5.3
-    workbox-core: 6.5.3
-    workbox-expiration: 6.5.3
-    workbox-google-analytics: 6.5.3
-    workbox-navigation-preload: 6.5.3
-    workbox-precaching: 6.5.3
-    workbox-range-requests: 6.5.3
-    workbox-recipes: 6.5.3
-    workbox-routing: 6.5.3
-    workbox-strategies: 6.5.3
-    workbox-streams: 6.5.3
-    workbox-sw: 6.5.3
-    workbox-window: 6.5.3
-  checksum: 968ff825df265f282658b91a76438a4f0dbb1a4a708b92e329aa8a966acf16d910089911ab9838a1041f30a07656954930705cb0200803f15095a9a6347998c6
-  languageName: node
-  linkType: hard
-
-"workbox-cacheable-response@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-cacheable-response@npm:6.5.3"
+    workbox-background-sync: 6.5.4
+    workbox-broadcast-update: 6.5.4
+    workbox-cacheable-response: 6.5.4
+    workbox-core: 6.5.4
+    workbox-expiration: 6.5.4
+    workbox-google-analytics: 6.5.4
+    workbox-navigation-preload: 6.5.4
+    workbox-precaching: 6.5.4
+    workbox-range-requests: 6.5.4
+    workbox-recipes: 6.5.4
+    workbox-routing: 6.5.4
+    workbox-strategies: 6.5.4
+    workbox-streams: 6.5.4
+    workbox-sw: 6.5.4
+    workbox-window: 6.5.4
+  checksum: aaded320ecb1f2f40439accbe7445a31fe72185ee976bbb7d79cc4ef9339407ec137b8a13a927394206783f5548d2b2e1bed597ca1af4b00d5e19d632871ead4
+  languageName: node
+  linkType: hard
+
+"workbox-cacheable-response@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-cacheable-response@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-  checksum: 4080606da47b6ff9bf4edb7b82cfe9a0cec38b7127eb15a4ab142f736a7b0972dbd1b0b61dd6c905ebb32dd0ed7b80e34d33e3abef10896ea2fb1e5776de688d
+    workbox-core: 6.5.4
+  checksum: 5a464881f254b6ebea1055412e4b90861e9d987ed7167b9fcdebfbd79af72d678979a2dcf0c62a3db2afcabb320c23ba691db25031ac057e3badd6cc4f80a6e9
   languageName: node
   linkType: hard
 
-"workbox-core@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-core@npm:6.5.3"
-  checksum: f8bf4f95f18671dace75e849227b6cb2597e022dc685d30bfefd7e0c8e6d7a4aff7f8ea1367b7443e559806c132952d34b1fbf0382aab4763294d01b2319d2cf
+"workbox-core@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-core@npm:6.5.4"
+  checksum: dac894674219035316e3354955343cf7eec4b014a58712cb6139c3c97e4b7c40265403b15d339f8a318304193340485d9a0757255c88cb23d2e6a59b55224a41
   languageName: node
   linkType: hard
 
-"workbox-expiration@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-expiration@npm:6.5.3"
+"workbox-expiration@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-expiration@npm:6.5.4"
   dependencies:
-    idb: ^6.1.4
-    workbox-core: 6.5.3
-  checksum: 2be2f7323bea8a9677c56c7e207de70aaa7c16ea7a9f4fb1bc86a404b4e881fe454c99705aaf358d0d5389e98d6d4e94c22ea60e6693b75139cec19738110d60
+    idb: ^7.0.1
+    workbox-core: 6.5.4
+  checksum: f8cf8e694e44d5b8ac2b25f224c716c2d277b54775d6b92323aeb74de36adee80fb46a0140431d6a1adc36b33791f6737eaaf54996ea995def70aff9c1d64492
   languageName: node
   linkType: hard
 
-"workbox-google-analytics@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-google-analytics@npm:6.5.3"
+"workbox-google-analytics@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-google-analytics@npm:6.5.4"
   dependencies:
-    workbox-background-sync: 6.5.3
-    workbox-core: 6.5.3
-    workbox-routing: 6.5.3
-    workbox-strategies: 6.5.3
-  checksum: 59d5ee18079a858ef8b9de0ca0358d5fbee11970fba243186d33917aa64436e4771318943d7a3b332323cbadc28c23eb8b2baff4c47b849884453166e8b65710
+    workbox-background-sync: 6.5.4
+    workbox-core: 6.5.4
+    workbox-routing: 6.5.4
+    workbox-strategies: 6.5.4
+  checksum: 88640d5efb12d697eb1cd8d04caa9c23b5a48308138aeea24d5726b02b47ece6efe0bd07154d1243f6322b918ed55bf05ed927298fc3bb755545627e8644019f
   languageName: node
   linkType: hard
 
-"workbox-navigation-preload@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-navigation-preload@npm:6.5.3"
+"workbox-navigation-preload@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-navigation-preload@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-  checksum: 886571d2bc30087f29ce7093d73fb4d8f776b64fc1d5ad664ae1f274c071d0c193369467d113a82859224461b089751990aed75097d3129ff491a9dae3c9c406
+    workbox-core: 6.5.4
+  checksum: ec9bda6ef4e7031fb3544d9ca187588b1c53b89e16ab2efa55ec6a179b1cce0638d23612d70e71a0767489cb5a3edfc168713285157b832f64da16ab6d195f5e
   languageName: node
   linkType: hard
 
-"workbox-precaching@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-precaching@npm:6.5.3"
+"workbox-precaching@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-precaching@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-    workbox-routing: 6.5.3
-    workbox-strategies: 6.5.3
-  checksum: 3862990b7ad1d27b83945734289c0c8f90cd57523bfc5a01f441b0049d95053c04f49d105065701b7b920c02e88f6c51dbe518b1a2b71f3018d866e3e1da728c
+    workbox-core: 6.5.4
+    workbox-routing: 6.5.4
+    workbox-strategies: 6.5.4
+  checksum: 25913c0adc8d48827e53677593e01e7ce9daa9cd8b340c36eb013dbbf617ab1ba5789612309c3e94d297a30afcb86688b0f6f21757dd2832a67df1fef0ef3e61
   languageName: node
   linkType: hard
 
-"workbox-range-requests@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-range-requests@npm:6.5.3"
+"workbox-range-requests@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-range-requests@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-  checksum: 6498adc6d339a1c3319bb18ecf4029dc3426da8f7ee649723af922052e2302a2f7b92e5c80657120e95947f23b4e081a9acf8fdf60f6559f598e8697f66829c8
+    workbox-core: 6.5.4
+  checksum: 603b1379d3222666e36bda4fc5094d0e13ea3d5b7eb43bc4f8ab3711c525a3f0e65bd0a90fc8a1aa9af1a9a363f25e8c863f2caabbbf21e056f9492395474d47
   languageName: node
   linkType: hard
 
-"workbox-recipes@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-recipes@npm:6.5.3"
+"workbox-recipes@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-recipes@npm:6.5.4"
   dependencies:
-    workbox-cacheable-response: 6.5.3
-    workbox-core: 6.5.3
-    workbox-expiration: 6.5.3
-    workbox-precaching: 6.5.3
-    workbox-routing: 6.5.3
-    workbox-strategies: 6.5.3
-  checksum: ebe8bf512613981c6b5b386c9c443d77e4ce1c77b03e65f4370c1ee36fc713ceb96fe0d60a8a653740ee114be6766bbd9d97924d71d4264ea74f041d175c672b
+    workbox-cacheable-response: 6.5.4
+    workbox-core: 6.5.4
+    workbox-expiration: 6.5.4
+    workbox-precaching: 6.5.4
+    workbox-routing: 6.5.4
+    workbox-strategies: 6.5.4
+  checksum: 541efdb3f9f6cea485eb3938d5147b697b8ede0eb002ccdcec26ed132c35b9a0b1677d44b9f66f05ae2788bb59892002eb81c2a151788a12831292a393c9b08c
   languageName: node
   linkType: hard
 
-"workbox-routing@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-routing@npm:6.5.3"
+"workbox-routing@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-routing@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-  checksum: e883780e4eae87077460a1e68ea3fe889039e0bb7a4aafcb620a51cfcab5431c294c8947f2654e35d5a29b0cc84bc1e06121babc95d51b725baa84197733eb81
+    workbox-core: 6.5.4
+  checksum: a6b75c287408b1db457bbc8971bc4edb96c1a89141ecbd2ad241c7142d230bae31d7257b267a1a9d2a608d72fc8167d65af114d8e3ac0b4744785110408a1710
   languageName: node
   linkType: hard
 
-"workbox-strategies@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-strategies@npm:6.5.3"
+"workbox-strategies@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-strategies@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-  checksum: b57ace4408ae1800708987e78704dcb8ee0ae0acdb8245b6a4d54d182331594c2faa7d3aa9a2cd3b2fad199213b6229738237f52340c1802c4c15d9f5bf565be
+    workbox-core: 6.5.4
+  checksum: a57b69ae7fc14f172d4b9d5e2835ce36d345a8bac149cf6b8bafb60c1fd20fc46f511ef7b1322c0474628947875251f43d3331f8627fd6950f1c3ec262f5c98c
   languageName: node
   linkType: hard
 
-"workbox-streams@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-streams@npm:6.5.3"
+"workbox-streams@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-streams@npm:6.5.4"
   dependencies:
-    workbox-core: 6.5.3
-    workbox-routing: 6.5.3
-  checksum: cbad03d101484079cb1d28a2b9b77eb7025b190230bf18993508be71231f710f897946fd9a398eed157e5c8bc3a05ec4e465bc7bcb3d883d5366a4c0d41f6175
+    workbox-core: 6.5.4
+    workbox-routing: 6.5.4
+  checksum: d69ad8aad0e6aefb660aa9e5ac32b80abd5fe145b8bc878d3419873dc48702b61f9de49130a2e0e1e5f51998f53df27bc4c05ae29597b45fc8ad6bb424fceaea
   languageName: node
   linkType: hard
 
-"workbox-sw@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-sw@npm:6.5.3"
-  checksum: 4683a6b0db20dd0ae9fac69d55b15d0e74ef4a912a74808356b5d6cece5555d639bb73adf16f8ff87677279a703494e84aa358e72b7e14513f4d5840805302d6
+"workbox-sw@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-sw@npm:6.5.4"
+  checksum: 2d276e8436ab98d8edd94683f4f5bd62aff97403499a8489132f2bb724812cdecfe8fd0d826116737c2a675eacdccc1c01d963e7bb451ee87b1af60ae39ed816
   languageName: node
   linkType: hard
 
 "workbox-webpack-plugin@npm:^6.4.1":
-  version: 6.5.3
-  resolution: "workbox-webpack-plugin@npm:6.5.3"
+  version: 6.5.4
+  resolution: "workbox-webpack-plugin@npm:6.5.4"
   dependencies:
     fast-json-stable-stringify: ^2.1.0
     pretty-bytes: ^5.4.1
     upath: ^1.2.0
     webpack-sources: ^1.4.3
-    workbox-build: 6.5.3
+    workbox-build: 6.5.4
   peerDependencies:
     webpack: ^4.4.0 || ^5.9.0
-  checksum: 7f00b1c67e8f3e151457dab0f58861a10ee6df2067fd003b2b3388d736eb867aebdd113b00bbe1cd5f14fe26d9f4e8eaa27edc39bce3968460dc408ccfb46c29
+  checksum: f0faee823267386b3b7643b2e281beb576f64456c573d6f01a4da8a9295c8a6008a7b46d60d09d5271f61cdb8eaf67a2b63f92e8c994497f1535ccfe69a70457
   languageName: node
   linkType: hard
 
-"workbox-window@npm:6.5.3":
-  version: 6.5.3
-  resolution: "workbox-window@npm:6.5.3"
+"workbox-window@npm:6.5.4":
+  version: 6.5.4
+  resolution: "workbox-window@npm:6.5.4"
   dependencies:
     "@types/trusted-types": ^2.0.2
-    workbox-core: 6.5.3
-  checksum: de6a3b2d114902296d979081ffcda59e49ac6242792212957daa94f439dc4851659e8af858d1dac70e383100381d818ac68c19f443b15fb787e6bc11d28f55ca
+    workbox-core: 6.5.4
+  checksum: fd5ed15563025d76fe70a6d62413e380de160fd8c033c22d6827e5256edaac7362b2955ce42f2188cde100f881727840be78d057c533b8dd3696c6a7c7b36031
   languageName: node
   linkType: hard
 
@@ -45811,6 +46280,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"write-file-atomic@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "write-file-atomic@npm:4.0.2"
+  dependencies:
+    imurmurhash: ^0.1.4
+    signal-exit: ^3.0.7
+  checksum: a2c282c95ef5d8e1c27b335ae897b5eca00e85590d92a3fd69a437919b7b93ff36a69ea04145da55829d2164e724bc62202cdb5f4b208b425aba0807889375c7
+  languageName: node
+  linkType: hard
+
 "write-json-file@npm:^2.2.0":
   version: 2.3.0
   resolution: "write-json-file@npm:2.3.0"
@@ -46069,13 +46548,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:20.0.0":
-  version: 20.0.0
-  resolution: "yargs-parser@npm:20.0.0"
-  checksum: 57737f9a5a16907513928aa4307641b04d0686543b9c31d827f26f3013715b3d6e32334022924ddf1b3b82170a4eb2393eae47dca38db3ed5659637a3afd1157
-  languageName: node
-  linkType: hard
-
 "yargs-parser@npm:20.x, yargs-parser@npm:^20.2.2, yargs-parser@npm:^20.2.3, yargs-parser@npm:^20.2.9":
   version: 20.2.9
   resolution: "yargs-parser@npm:20.2.9"
@@ -46083,13 +46555,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:21.0.1, yargs-parser@npm:^21.0.0, yargs-parser@npm:^21.0.1":
+"yargs-parser@npm:21.0.1":
   version: 21.0.1
   resolution: "yargs-parser@npm:21.0.1"
   checksum: 384ca19e113a053bb7858cf47f891e630c10ea6ad91f9ad7cae84ea1cdfb09b155a2d0fa97b51116ee6f01e038faaa6c46964953afecd453fa64a761bb87475f
   languageName: node
   linkType: hard
 
+"yargs-parser@npm:>=21.0.1, yargs-parser@npm:^21.0.0, yargs-parser@npm:^21.0.1":
+  version: 21.1.1
+  resolution: "yargs-parser@npm:21.1.1"
+  checksum: f84b5e48169479d2f402239c59f084cfd1c3acc197a05c59b98bab067452e6b3ea46d4dd8ba2985ba7b3d32a343d77df0debd6b343e5dae3da2aab2cdf5886b2
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:^13.1.2":
   version: 13.1.2
   resolution: "yargs-parser@npm:13.1.2"
@@ -46120,25 +46599,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:15.4.1, yargs@npm:^15.3.1, yargs@npm:^15.4.1":
-  version: 15.4.1
-  resolution: "yargs@npm:15.4.1"
-  dependencies:
-    cliui: ^6.0.0
-    decamelize: ^1.2.0
-    find-up: ^4.1.0
-    get-caller-file: ^2.0.1
-    require-directory: ^2.1.1
-    require-main-filename: ^2.0.0
-    set-blocking: ^2.0.0
-    string-width: ^4.2.0
-    which-module: ^2.0.0
-    y18n: ^4.0.0
-    yargs-parser: ^18.1.2
-  checksum: f1ca680c974333a5822732825cca7e95306c5a1e7750eb7b973ce6dc4f97a6b0a8837203c8b194f461969bfe1fb1176d1d423036635285f6010b392fa498ab2d
-  languageName: node
-  linkType: hard
-
 "yargs@npm:^13.3.0":
   version: 13.3.2
   resolution: "yargs@npm:13.3.2"
@@ -46176,6 +46636,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs@npm:^15.3.1, yargs@npm:^15.4.1":
+  version: 15.4.1
+  resolution: "yargs@npm:15.4.1"
+  dependencies:
+    cliui: ^6.0.0
+    decamelize: ^1.2.0
+    find-up: ^4.1.0
+    get-caller-file: ^2.0.1
+    require-directory: ^2.1.1
+    require-main-filename: ^2.0.0
+    set-blocking: ^2.0.0
+    string-width: ^4.2.0
+    which-module: ^2.0.0
+    y18n: ^4.0.0
+    yargs-parser: ^18.1.2
+  checksum: f1ca680c974333a5822732825cca7e95306c5a1e7750eb7b973ce6dc4f97a6b0a8837203c8b194f461969bfe1fb1176d1d423036635285f6010b392fa498ab2d
+  languageName: node
+  linkType: hard
+
 "yargs@npm:^16.0.0, yargs@npm:^16.2.0":
   version: 16.2.0
   resolution: "yargs@npm:16.2.0"
@@ -46257,11 +46736,11 @@ __metadata:
   linkType: hard
 
 "zone.js@npm:~0.11.4":
-  version: 0.11.6
-  resolution: "zone.js@npm:0.11.6"
+  version: 0.11.8
+  resolution: "zone.js@npm:0.11.8"
   dependencies:
     tslib: ^2.3.0
-  checksum: e5d10f6f3b8a590d9861802cc3bfe1ddef6ca293ab7ceb626fd7d1523d235a3b56937b1e3f2efb12bd47d52a3bc616bdd7ccd0981e30bb304a5e844744476b34
+  checksum: f77d5a84bd358e2df43d52221fcee32a8113ef2d794f2b673029b50d4d7e69cefb09c08b659295196166d7bd9d39ef5541702594791de77280a03a234a6f79a9
   languageName: node
   linkType: hard
 
@@ -46280,24 +46759,24 @@ __metadata:
   linkType: hard
 
 "zx@npm:^7.0.3":
-  version: 7.0.7
-  resolution: "zx@npm:7.0.7"
+  version: 7.0.8
+  resolution: "zx@npm:7.0.8"
   dependencies:
     "@types/fs-extra": ^9.0.13
     "@types/minimist": ^1.2.2
-    "@types/node": ^17.0
+    "@types/node": ^18.6.3
     "@types/ps-tree": ^1.1.2
     "@types/which": ^2.0.1
     chalk: ^5.0.1
     fs-extra: ^10.1.0
     globby: ^13.1.2
     minimist: ^1.2.6
-    node-fetch: ^3.2.6
+    node-fetch: 3.2.8
     ps-tree: ^1.2.0
     which: ^2.0.2
     yaml: ^2.1.1
   bin:
     zx: build/cli.js
-  checksum: 7be44cbffce7d5a1a46321e709b3499ebdc0b015af1503b72e05d3d3a5ca5ff2f3855ba45f0761a3bc3debf7f149002b2d78584dba7c0a03efb9082a6cc0d32b
+  checksum: f19878d2725fd77de7dd47317b84b272a4f8f5337a5836d84494a8ab6783f0c5347bd08be2f1c26a0b4767d458526fa103a770aa07694bc689ada50264d02785
   languageName: node
   linkType: hard
diff --git a/docs/.prettierrc b/docs/.prettierrc
new file mode 100644
index 000000000000..d033feea7ad5
--- /dev/null
+++ b/docs/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "arrowParens": "always"
+}
diff --git a/docs/contribute/code.md b/docs/contribute/code.md
index 0aca843f604c..5f05bf4dcd75 100644
--- a/docs/contribute/code.md
+++ b/docs/contribute/code.md
@@ -4,6 +4,11 @@ title: 'Code contributions'
 
 Contribute a new feature or bug fix to [Storybook's monorepo](https://github.com/storybookjs/storybook). This page outlines how to get your environment set up to contribute code.
 
+## Prerequisites
+
+- Ensure you have node version 14 installed (suggestion: v14.18.1).
+- Ensure if you are using Windows to use the Windows Subsystem for Linux (WSL).
+
 ## Initial setup
 
 Start by [forking](https://docs.github.com/en/github/getting-started-with-github/quickstart/fork-a-repo) the Storybook monorepo and cloning it locally.
@@ -12,7 +17,7 @@ Start by [forking](https://docs.github.com/en/github/getting-started-with-github
 git clone https://github.com/your-username/storybook.git
 ```
 
-Navigate to the `storybook` directory and install the required dependencies with the following commands:
+Navigate to the `storybook/code` directory and install the required dependencies with the following commands:
 
 ```shell
 yarn && yarn bootstrap --core
@@ -101,7 +106,7 @@ Unit tests ensure that Storybook doesn't break accidentally. If your code can re
 Storybook's monorepo is set up to rely on end-to-end testing with [Cypress](https://www.cypress.io/) during CI. To help with testing, we encourage running this test suite before submitting your contribution. Detailed below are some steps you can take:
 
 1. Ensure you have Storybook successfully built in your local branch (i.e., run `yarn bootstrap --core`)
-2. Open a terminal and run `yarn local-registry --port 6000 --open --publish` to publish Storybook's packages into a local registry.
+2. Open a terminal and run `yarn local-registry --port 6001 --open --publish` to publish Storybook's packages into a local registry.
 3. In a second terminal, set up a reproduction using the local registry and run the Cypress tests with `yarn test:e2e-framework`.
 
 ## Submit a pull request
diff --git a/docs/essentials/interactions.md b/docs/essentials/interactions.md
index 7cfaf8f462ea..a5b47696596a 100644
--- a/docs/essentials/interactions.md
+++ b/docs/essentials/interactions.md
@@ -67,7 +67,7 @@ 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. It's essential 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. Additionally, the `step` function can be used to create labeled groups of interactions.
 
 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.
 
diff --git a/docs/faq.md b/docs/faq.md
index fe91b55ce3f2..b7375d2b331b 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -226,41 +226,9 @@ With the release of version 5.3, we've updated how you can write your stories mo
 ### 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     |
+Go through this [story](https://main--5a375b97f4b14f0020b0cda3.chromatic.com/?path=/story/basics-icon--labels) to see how the icons look.
+
+<iframe src="https://main--5a375b97f4b14f0020b0cda3.chromatic.com/iframe.html?args=&id=basics-icon--labels&viewMode=story&shortcuts=false&singleStory=true" width="100%" height="600"></iframe>
 
 ### I see a "No Preview" error with a Storybook production build
 
diff --git a/docs/sharing/storybook-composition.md b/docs/sharing/storybook-composition.md
index 2ccb5570bc8b..96dc76b0c41f 100644
--- a/docs/sharing/storybook-composition.md
+++ b/docs/sharing/storybook-composition.md
@@ -30,12 +30,12 @@ In your [`.storybook/main.js`](../configure/overview.md#configure-story-renderin
 <!-- prettier-ignore-end -->
 
 <div class="aside">
- 💡 Limitation: Addons in composed Storybooks will not work as they normally do in non-composed Storybook.
+ 💡 Limitation: Addons in composed Storybooks will not work as they normally do in a 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;
+You can also compose multiple Storybooks that are running locally. For instance, if you have a React Storybook and an Angular Storybook running on different ports, you can update your configuration file (i.e., `.storybook/main.js`) and reference them;
 
 <!-- prettier-ignore-start -->
 
@@ -47,11 +47,11 @@ You can also compose multiple Storybooks that are running locally. For instance,
 
 <!-- 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.
+Adding this configuration will combine React and Angular Storybooks into your current one. You’ll see the changes being applied automatically when either of these changes. 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:
+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 already has 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 -->
 
@@ -69,9 +69,45 @@ You can also compose Storybooks based on the current development environment (e.
 
 </div>
 
-### Improve your Storybook composition
+## 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:
+So far, we've seen how we can use composition with local or published Storybooks. As your Storybook will grow in time with your stories or through composition with other Storybooks, you can optimize the deployment process using various methods.
+
+### With feature flags
+
+If you're using Storybook 6.4, or higher, you can optimize your composition via the `buildStoriesJson` feature flag, allowing you to generate a `stories.json` file with the required information, providing you with a seamless integration without the need for additional dependencies. For example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-enable-buildstoriesjson.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+💡 If you already enabled automatic code splitting via the [`storyStoreV7`](https://storybook.js.org/docs/react/builders/webpack#code-splitting), you won't need this flag as it will automatically generate the `stories.json` file.
+
+</div>
+
+When you compose a Storybook featuring this flag, it will use the information retrieved from the file to populate the UI with your composed Storybook stories automatically. Here's an example of the output generated by the `stories.json` file:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-storiesjsonflag-result.json.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### With the CLI
+
+If you're working with an outdated Storybook version or have a project-specific requirement that prevents you from enabling the `buildStoriesJson` feature flag. In that case, you can use Storybook's CLI to automatically generate the `stories.json` file when you deploy your Storybook. For example:
 
 ```shell
 npx storybook extract
@@ -79,11 +115,11 @@ npx storybook extract
 
 <div class="aside">
 
-`storybook 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.
+💡 `storybook 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:
+Although a good approach to improve composition, it comes with a cost, as it will require an additional dependency being added and increased build times. Once it finishes executing, it 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 -->
 
@@ -97,16 +133,16 @@ Running this command will generate a `stories.json` file in the default build di
 
 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:
+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 storybook 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.
+When executed, it will look up 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.
+💡 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/snippets/angular/storybook-addon-a11y-story-config.mdx.mdx b/docs/snippets/angular/storybook-addon-a11y-story-config.mdx.mdx
index 87e00b06da36..6c27c2d3020f 100644
--- a/docs/snippets/angular/storybook-addon-a11y-story-config.mdx.mdx
+++ b/docs/snippets/angular/storybook-addon-a11y-story-config.mdx.mdx
@@ -19,7 +19,7 @@ import { MyComponent } from './MyComponent.component';
   name="ExampleStory"
   parameters={{
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/angular/storybook-addon-a11y-story-config.ts.mdx b/docs/snippets/angular/storybook-addon-a11y-story-config.ts.mdx
index d313210c5e0d..55ee745937cf 100644
--- a/docs/snippets/angular/storybook-addon-a11y-story-config.ts.mdx
+++ b/docs/snippets/angular/storybook-addon-a11y-story-config.ts.mdx
@@ -17,7 +17,7 @@ export default {
 export const ExampleStory: Story = {
   parameters: {
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/common/storybook-addon-a11y-component-config.js.mdx b/docs/snippets/common/storybook-addon-a11y-component-config.js.mdx
index a6c58919fb8b..128f94ade462 100644
--- a/docs/snippets/common/storybook-addon-a11y-component-config.js.mdx
+++ b/docs/snippets/common/storybook-addon-a11y-component-config.js.mdx
@@ -13,7 +13,7 @@ export default {
   parameters: {
     a11y: {
       // Optional selector to inspect
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/common/storybook-addon-a11y-component-config.mdx.mdx b/docs/snippets/common/storybook-addon-a11y-component-config.mdx.mdx
index b3fef6f2c27d..62dfd2ac8dee 100644
--- a/docs/snippets/common/storybook-addon-a11y-component-config.mdx.mdx
+++ b/docs/snippets/common/storybook-addon-a11y-component-config.mdx.mdx
@@ -11,7 +11,7 @@ import { MyComponent } from './MyComponent';
   parameters={{
     a11y: {
       // Optional selector to inspect
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/common/storybook-addon-a11y-global-config.js.mdx b/docs/snippets/common/storybook-addon-a11y-global-config.js.mdx
index 22e59b2a76de..2cb61b3b69e7 100644
--- a/docs/snippets/common/storybook-addon-a11y-global-config.js.mdx
+++ b/docs/snippets/common/storybook-addon-a11y-global-config.js.mdx
@@ -4,7 +4,7 @@
 export const parameters = {
   a11y: {
     // Optional selector to inspect
-    element: '#root',
+    element: '#storybook-root',
     config: {
       rules: [
         {
diff --git a/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx b/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx
index a693fd458d6b..f1cf79da64a3 100644
--- a/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx
+++ b/docs/snippets/common/storybook-addon-essentials-install.npm.js.mdx
@@ -1,3 +1,3 @@
 ```shell
-npm install @storybook/addon-actions --save-dev
-```
\ No newline at end of file
+npm install @storybook/addon-essentials --save-dev
+```
diff --git a/docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx b/docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx
new file mode 100644
index 000000000000..3adc209f2834
--- /dev/null
+++ b/docs/snippets/common/storybook-enable-buildstoriesjson.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  stories: [],
+  addons: [
+    // Other Storybook addons
+  ],
+  features: {
+    buildStoriesJson: true, // 👈 Enable this to build the stories.json file
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-interactions-play-function.js.mdx b/docs/snippets/common/storybook-interactions-play-function.js.mdx
index c4751ebd30d9..dafb7dde0e51 100644
--- a/docs/snippets/common/storybook-interactions-play-function.js.mdx
+++ b/docs/snippets/common/storybook-interactions-play-function.js.mdx
@@ -20,13 +20,18 @@ export default {
 };
 
 export const Submitted = {
-  play: async () => {
+  play: async ({ args, canvasElement, step }) => {
     // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
-    await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
-    await userEvent.type(canvas.getByTestId('password'), 'supersecret');
-    await userEvent.click(canvas.getByRole('button'));
+    await step('Enter credentials', async () => {
+      await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
+      await userEvent.type(canvas.getByTestId('password'), 'supersecret');
+    });
+
+    await step('Submit form', async () => {
+      await userEvent.click(canvas.getByRole('button'));
+    });
 
     await waitFor(() => expect(args.onSubmit).toHaveBeenCalled());
   },
diff --git a/docs/snippets/common/storybook-interactions-step-function.js.mdx b/docs/snippets/common/storybook-interactions-step-function.js.mdx
new file mode 100644
index 000000000000..7ef59f7d482c
--- /dev/null
+++ b/docs/snippets/common/storybook-interactions-step-function.js.mdx
@@ -0,0 +1,14 @@
+```js
+Submitted.play = async ({ args, canvasElement, step }) => {
+  const canvas = within(canvasElement);
+
+  await step('Enter email and password', async () => {
+    await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
+    await userEvent.type(canvas.getByTestId('password'), 'supersecret');
+  });
+
+  await step('Submit form', async () => {
+    await userEvent.click(canvas.getByRole('button'));
+  });
+};
+```
diff --git a/docs/snippets/common/storybook-storiesjsonflag-result.json.mdx b/docs/snippets/common/storybook-storiesjsonflag-result.json.mdx
new file mode 100644
index 000000000000..02674afd4e92
--- /dev/null
+++ b/docs/snippets/common/storybook-storiesjsonflag-result.json.mdx
@@ -0,0 +1,33 @@
+```json
+{
+  "v": 3,
+  "stories": {
+    "components-mycomponent--simple": {
+      "id": "components-mycomponent--simple",
+      "title": "Components/MyComponent",
+      "name": "Simple",
+      "importPath": "./src/components/MyComponent.stories.jsx",
+      "kind": "Components/MyComponent",
+      "story": "Simple",
+      "parameters": {
+        "__id": "components-mycomponent--simple",
+        "docsOnly": false,
+        "fileName": "./src/components/MyComponent.stories.jsx"
+      }
+    },
+    "components-myothercomponent--simple": {
+      "id": "components-myothercomponent--simple",
+      "title": "Components/MyOtherComponent",
+      "name": "Simple",
+      "importPath": "./src/components/MyOtherComponent.stories.jsx",
+      "kind": "Example/Button",
+      "story": "Simple",
+      "parameters": {
+        "__id": "components-myothercomponent--simple",
+        "docsOnly": false,
+        "fileName": "./src/components/MyOtherComponent.stories.jsx"
+      }
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-test-runner-a11y-config.js.mdx b/docs/snippets/common/storybook-test-runner-a11y-config.js.mdx
index ff00bf746dc7..23677beb5495 100644
--- a/docs/snippets/common/storybook-test-runner-a11y-config.js.mdx
+++ b/docs/snippets/common/storybook-test-runner-a11y-config.js.mdx
@@ -12,7 +12,7 @@ module.exports = {
     await injectAxe(page);
   },
   async postRender(page) {
-    await checkA11y(page, '#root', {
+    await checkA11y(page, '#storybook-root', {
       detailedReport: true,
       detailedReportOptions: {
         html: true,
diff --git a/docs/snippets/common/storybook-test-runner-a11y-config.ts.mdx b/docs/snippets/common/storybook-test-runner-a11y-config.ts.mdx
index d9f9ac2b4b5a..131a81b3a47b 100644
--- a/docs/snippets/common/storybook-test-runner-a11y-config.ts.mdx
+++ b/docs/snippets/common/storybook-test-runner-a11y-config.ts.mdx
@@ -14,7 +14,7 @@ const a11yConfig: TestRunnerConfig = {
     await injectAxe(page);
   },
   async postRender(page) {
-    await checkA11y(page, '#root', {
+    await checkA11y(page, '#storybook-root', {
       detailedReport: true,
       detailedReportOptions: {
         html: true,
diff --git a/docs/snippets/common/storybook-test-runner-install.npm.js.mdx b/docs/snippets/common/storybook-test-runner-install.npm.js.mdx
index 50b39891c2b2..3d0adeb617dd 100644
--- a/docs/snippets/common/storybook-test-runner-install.npm.js.mdx
+++ b/docs/snippets/common/storybook-test-runner-install.npm.js.mdx
@@ -1,3 +1,3 @@
 ```shell
-npm install @storybook/test-runner jest@27 --save-dev
-```
\ No newline at end of file
+npm install @storybook/test-runner --save-dev
+```
diff --git a/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx b/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx
index 79840bb5b1b7..21e4620e8113 100644
--- a/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx
+++ b/docs/snippets/common/storybook-test-runner-install.yarn.js.mdx
@@ -1,3 +1,3 @@
 ```shell
-yarn add --dev @storybook/test-runner jest@27
-```
\ No newline at end of file
+yarn add --dev @storybook/test-runner
+```
diff --git a/docs/snippets/react/storybook-addon-a11y-story-config.js.mdx b/docs/snippets/react/storybook-addon-a11y-story-config.js.mdx
index 7fb87ca1156c..bc5dc1ac8d32 100644
--- a/docs/snippets/react/storybook-addon-a11y-story-config.js.mdx
+++ b/docs/snippets/react/storybook-addon-a11y-story-config.js.mdx
@@ -15,7 +15,7 @@ export default {
 export const ExampleStory = {
   parameters: {
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/react/storybook-addon-a11y-story-config.mdx.mdx b/docs/snippets/react/storybook-addon-a11y-story-config.mdx.mdx
index 42224490b34c..af2b5bd04a2a 100644
--- a/docs/snippets/react/storybook-addon-a11y-story-config.mdx.mdx
+++ b/docs/snippets/react/storybook-addon-a11y-story-config.mdx.mdx
@@ -13,7 +13,7 @@ import { MyComponent } from './MyComponent';
   name="ExampleStory"
   parameters={{
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/react/storybook-addon-a11y-story-config.ts.mdx b/docs/snippets/react/storybook-addon-a11y-story-config.ts.mdx
index 827b8b19eb75..1742a2bc2885 100644
--- a/docs/snippets/react/storybook-addon-a11y-story-config.ts.mdx
+++ b/docs/snippets/react/storybook-addon-a11y-story-config.ts.mdx
@@ -19,7 +19,7 @@ export default {
 export const ExampleStory: ComponentStoryObj<typeof MyComponent> = {
   parameters: {
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/svelte/storybook-addon-a11y-story-config.js.mdx b/docs/snippets/svelte/storybook-addon-a11y-story-config.js.mdx
index 580d26aa0768..c961cdc9007d 100644
--- a/docs/snippets/svelte/storybook-addon-a11y-story-config.js.mdx
+++ b/docs/snippets/svelte/storybook-addon-a11y-story-config.js.mdx
@@ -24,7 +24,7 @@ export const ExampleStory = {
   }),
   parameters: {
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx b/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx
index 77ffa3d57120..f32a167da128 100644
--- a/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx
+++ b/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx
@@ -19,7 +19,7 @@ import MyComponent from './MyComponent.svelte';
   name="ExampleStory"
   parameters={{
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/vue/storybook-addon-a11y-story-config.js.mdx b/docs/snippets/vue/storybook-addon-a11y-story-config.js.mdx
index 76609c6f8423..7099aee15897 100644
--- a/docs/snippets/vue/storybook-addon-a11y-story-config.js.mdx
+++ b/docs/snippets/vue/storybook-addon-a11y-story-config.js.mdx
@@ -24,7 +24,7 @@ export const ExampleStory = {
   }),
   parameters: {
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/snippets/vue/storybook-addon-a11y-story-config.mdx.mdx b/docs/snippets/vue/storybook-addon-a11y-story-config.mdx.mdx
index e41bc9806563..18e69aecbeee 100644
--- a/docs/snippets/vue/storybook-addon-a11y-story-config.mdx.mdx
+++ b/docs/snippets/vue/storybook-addon-a11y-story-config.mdx.mdx
@@ -19,7 +19,7 @@ import MyComponent from './MyComponent.vue';
   name="ExampleStory"
   parameters={{
     a11y: {
-      element: '#root',
+      element: '#storybook-root',
       config: {
         rules: [
           {
diff --git a/docs/writing-docs/doc-block-argstable.md b/docs/writing-docs/doc-block-argstable.md
index 5d850af92567..7260d261030e 100644
--- a/docs/writing-docs/doc-block-argstable.md
+++ b/docs/writing-docs/doc-block-argstable.md
@@ -73,8 +73,8 @@ Below is an abridged table and example featuring the available options.
 
 | Field                          | Description                                                                                                                                                                                         |
 |--------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `name`                         | The name of the property. <br/> `argTypes: { label: {} }`                                                                                                                                           |
-| `type.name`                    | Sets a type for the property. <br/> `argTypes: { label: { name: 'number' } }`                                                                                                                       |
+| `name`                         | The name of the property. <br/> `argTypes: { label: { name: 'Something' } }`                                                                                                                                           |
+| `type.name`                    | Sets a type for the property. <br/> `argTypes: { label: { type: { name: 'number' } } }`                                                                                                                       |
 | `type.required`                | Sets the property as optional or required. <br/> `argTypes: { label: { type: { required: true } }`                                                                                                  |
 | `description`                  | Sets a Markdown description for the property. <br/> `argTypes: { label: { description: 'Something' } }`                                                                                             |
 | `table.type.summary`         | Provide a  short version of the type. <br/> `argTypes: { label: { table: { type: { summary: 'a short summary' } }}}`                                                                                |
diff --git a/docs/writing-stories/decorators.md b/docs/writing-stories/decorators.md
index 5e82aee932a5..a9e57a736518 100644
--- a/docs/writing-stories/decorators.md
+++ b/docs/writing-stories/decorators.md
@@ -37,7 +37,7 @@ Some components require a “harness” to render in a useful way. For instance,
 
 ## “Context” for mocking
 
-Framework-specific libraries (e.g., [Styled Components](https://styled-components.com/), [Fortawesome](https://github.com/FortAwesome/vue-fontawesome) for Vue, Angular's [localize](https://angular.io/api/localize)) may require additional configuration to render correctly in Storybook.
+Framework-specific libraries (e.g., [Styled Components](https://styled-components.com/), [Fontawesome](https://github.com/FortAwesome/vue-fontawesome) for Vue, Angular's [localize](https://angular.io/api/localize)) may require additional configuration to render correctly in Storybook.
 
 For example, if you're working with React's Styled Components and your components use themes, add a single global decorator to [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) to enable them. With Vue, extend Storybook's application and register your library. Or with Angular, add the package into your `polyfills.ts` and import it:
 
diff --git a/docs/writing-tests/interaction-testing.md b/docs/writing-tests/interaction-testing.md
index d4d74ea0ca48..9d13650d8c4a 100644
--- a/docs/writing-tests/interaction-testing.md
+++ b/docs/writing-tests/interaction-testing.md
@@ -81,7 +81,7 @@ Once the story loads in the UI, it simulates the user's behavior and verifies th
   />
 </video>
 
-## API for user-events
+### API for user-events
 
 Under the hood, Storybook’s interaction addon mirrors Testing Library’s [`user-events`](https://testing-library.com/docs/user-event/intro/) API. If you’re familiar with [Testing Library](https://testing-library.com/), you should be at home in Storybook.
 
@@ -99,6 +99,24 @@ Below is an abridged API for user-event. For more, check out the [official user-
 | `type`            | Writes text inside inputs, or textareas <br/>`userEvent.type(await within(canvasElement).getByRole('my-input'),'Some text');`                            |
 | `unhover`         | Unhovers out of element <br/>`userEvent.unhover(await within(canvasElement).getByLabelText(/Example/i));`                                                |
 
+### Group interactions with the `step` function
+
+For complex flows, it can be worthwhile to group sets of related interactions together using the `step` function. This allows you to provide a custom label that describes a set of interactions:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-interactions-step-function.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This will show your interactions nested in a collapsible group:
+
+![Interaction testing with labeled steps](./storybook-addon-interactions-steps.png)
+
 ### Interactive debugger
 
 If you check your interactions panel, you'll see the step-by-step flow. It also offers a handy set of UI controls to pause, resume, rewind, and step through each interaction.
diff --git a/docs/writing-tests/storybook-addon-interactions-steps.png b/docs/writing-tests/storybook-addon-interactions-steps.png
new file mode 100644
index 000000000000..0438e58678d4
Binary files /dev/null and b/docs/writing-tests/storybook-addon-interactions-steps.png differ
diff --git a/docs/writing-tests/test-runner.md b/docs/writing-tests/test-runner.md
index e72bd8205454..9f1c75915f83 100644
--- a/docs/writing-tests/test-runner.md
+++ b/docs/writing-tests/test-runner.md
@@ -13,7 +13,7 @@ These tests run in a live browser and can be executed via the [command line](#cl
 
 The test-runner is a standalone, framework-agnostic utility that runs parallel to your Storybook. You will need to take some additional steps to set it up properly. Detailed below is our recommendation to configure and execute it.
 
-Run the following command to install it and the required dependencies.
+Run the following command to install it.
 
 <!-- prettier-ignore-start -->
 
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index 0ebde0341041..70e9dfc499f8 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -54,7 +54,7 @@ function run() {
         });
 
       log.info(prefix, name);
-      command();
+      return command();
     },
   });
 
@@ -74,9 +74,9 @@ function run() {
       defaultValue: true,
       option: '--prep',
       command: () => {
-        log.info(prefix, 'prepare');
-        spawn(
-          `nx run-many --target="prepare" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer -- --reset`
+        log.info(prefix, 'prep');
+        return spawn(
+          `nx run-many --target="prep" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer -- --reset`
         );
       },
       order: 2,
@@ -86,31 +86,22 @@ function run() {
       defaultValue: true,
       option: '--retry',
       command: () => {
-        log.info(prefix, 'prepare');
-        spawn(
-          `nx run-many --target=prepare --all --parallel --only-failed ${
+        log.info(prefix, 'prep');
+        return spawn(
+          `nx run-many --target="prep" --all --parallel --only-failed ${
             process.env.CI ? `--max-parallel=${maxConcurrentTasks}` : ''
           }`
         );
       },
       order: 1,
     }),
-    cleanup: createTask({
-      name: `Remove compiled dist directories ${chalk.gray('(cleanup)')}`,
-      defaultValue: false,
-      option: '--cleanup',
-      command: () => {
-        spawn('npm run clean:dist');
-      },
-      order: 0,
-    }),
     reset: createTask({
       name: `Clean repository ${chalk.red('(reset)')}`,
       defaultValue: false,
       option: '--reset',
       command: () => {
         log.info(prefix, 'git clean');
-        spawn(`node -r esm ${join(__dirname, 'reset.js')}`);
+        return spawn(`node -r esm ${join(__dirname, 'reset.js')}`);
       },
       order: 0,
     }),
@@ -120,7 +111,7 @@ function run() {
       option: '--install',
       command: () => {
         const command = process.env.CI ? `yarn install --immutable` : `yarn install`;
-        spawn(command);
+        return spawn(command);
       },
       order: 1,
     }),
@@ -130,8 +121,8 @@ function run() {
       option: '--build',
       command: () => {
         log.info(prefix, 'build');
-        spawn(
-          `nx run-many --target="prepare" --all --parallel=8 ${
+        return spawn(
+          `nx run-many --target="prep" --all --parallel=8 ${
             process.env.CI ? `--max-parallel=${maxConcurrentTasks}` : ''
           } -- --reset --optimized`
         );
@@ -143,7 +134,7 @@ function run() {
       defaultValue: false,
       option: '--reg',
       command: () => {
-        spawn('yarn local-registry --publish --open --port 6000');
+        return spawn('yarn local-registry --publish --open --port 6001');
       },
       order: 11,
     }),
@@ -152,7 +143,7 @@ function run() {
       defaultValue: false,
       option: '--dev',
       command: () => {
-        spawn('yarn build');
+        return spawn('yarn build');
       },
       order: 9,
     }),
@@ -161,7 +152,7 @@ function run() {
   const groups = {
     main: ['prep', 'core'],
     buildtasks: ['install', 'build'],
-    devtasks: ['dev', 'registry', 'cleanup', 'reset'],
+    devtasks: ['dev', 'registry', 'reset'],
   };
 
   Object.keys(tasks)
@@ -243,7 +234,10 @@ function run() {
         list
           .sort((a, b) => a.order - b.order)
           .forEach((key) => {
-            key.command();
+            const result = key.command();
+            if (result && 'status' in result && result.status !== 0) {
+              process.exit(result.status);
+            }
           });
         process.stdout.write('\x07');
       }
diff --git a/scripts/build-package.js b/scripts/build-package.js
index f9df57b1f7c2..70468be2e0ea 100644
--- a/scripts/build-package.js
+++ b/scripts/build-package.js
@@ -113,7 +113,7 @@ async function run() {
   }
 
   selection?.filter(Boolean).forEach(async (v) => {
-    const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prepare;
+    const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prep;
     const cwd = resolve(__dirname, '..', 'code', v.location);
     const sub = require('execa').command(
       `${commmand}${watchMode ? ' --watch' : ''}${prodMode ? ' --optimized' : ''}`,
diff --git a/scripts/check-package.js b/scripts/check-package.js
index 1b9e0f2f4256..42fac6081ed7 100644
--- a/scripts/check-package.js
+++ b/scripts/check-package.js
@@ -5,7 +5,7 @@ const { resolve } = require('path');
 const { readJSON } = require('fs-extra');
 
 const getStorybookPackages = async () => {
-  const workspaceJSON = await readJSON(resolve(__dirname, '..', 'workspace.json'));
+  const workspaceJSON = await readJSON(resolve(__dirname, '..', 'code', 'workspace.json'));
   return Object.entries(workspaceJSON.projects).map(([k, v]) => ({
     location: v.root,
     name: k,
diff --git a/scripts/dts-localize.ts b/scripts/dts-localize.ts
index 05108ca5523f..d9e92f28e690 100644
--- a/scripts/dts-localize.ts
+++ b/scripts/dts-localize.ts
@@ -173,7 +173,7 @@ export const run = async (entrySourceFiles: string[], outputPath: string, option
       (ts.isImportDeclaration(node) || ts.isExportDeclaration(node)) &&
       node.moduleSpecifier !== undefined
     ) {
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       const target: string = node.moduleSpecifier.text;
       let currentSourceFile = '';
       let referencedSourceFile = '';
@@ -198,7 +198,7 @@ export const run = async (entrySourceFiles: string[], outputPath: string, option
         referencedSourceFile
       );
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       node.moduleSpecifier = ts.factory.createStringLiteral(replacementPath);
 
       return true;
@@ -231,7 +231,7 @@ export const run = async (entrySourceFiles: string[], outputPath: string, option
         referencedSourceFile
       );
 
-      // @ts-ignore
+      // @ts-expect-error (Converted from ts-ignore)
       node.argument = ts.factory.createStringLiteral(replacementPath);
 
       return true;
diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index 5d2f66dfff22..29f36516ed82 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -1,25 +1,52 @@
 /* eslint-disable no-console */
 import { join, relative } from 'path';
-import program from 'commander';
 import { command } from 'execa';
 import type { Options as ExecaOptions } from 'execa';
 import pLimit from 'p-limit';
 import prettyTime from 'pretty-hrtime';
 import { copy, emptyDir, ensureDir, rename, writeFile } from 'fs-extra';
+import { program } from 'commander';
+import { AbortController } from 'node-abort-controller';
+
 import reproTemplates from '../../code/lib/cli/src/repro-templates';
+import storybookVersions from '../../code/lib/cli/src/versions';
+import { JsPackageManagerFactory } from '../../code/lib/cli/src/js-package-manager/JsPackageManagerFactory';
 
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import { maxConcurrentTasks } from '../utils/concurrency';
 
 import { localizeYarnConfigFiles, setupYarn } from './utils/yarn';
 import { GeneratorConfig } from './utils/types';
 import { getStackblitzUrl, renderTemplate } from './utils/template';
+import { JsPackageManager } from '../../code/lib/cli/src/js-package-manager';
+import { servePackages } from '../utils/serve-packages';
+import { publish } from '../tasks/publish';
 
 const OUTPUT_DIRECTORY = join(__dirname, '..', '..', 'repros');
 const BEFORE_DIR_NAME = 'before-storybook';
 const AFTER_DIR_NAME = 'after-storybook';
 
-const addStorybook = async (baseDir: string) => {
+const sbInit = async (cwd: string) => {
+  const sbCliBinaryPath = join(__dirname, `../../code/lib/cli/bin/index.js`);
+  console.log(`🎁 Installing storybook`);
+  const env = { STORYBOOK_DISABLE_TELEMETRY: 'true' };
+  await runCommand(`${sbCliBinaryPath} init --yes`, { cwd, env });
+};
+
+const LOCAL_REGISTRY_URL = 'http://localhost:6001';
+const withLocalRegistry = async (packageManager: JsPackageManager, action: () => Promise<void>) => {
+  const prevUrl = packageManager.getRegistryURL();
+  try {
+    console.log(`📦 Configuring local registry: ${LOCAL_REGISTRY_URL}`);
+    packageManager.setRegistryURL(LOCAL_REGISTRY_URL);
+    await action();
+  } finally {
+    console.log(`📦 Restoring registry: ${prevUrl}`);
+    packageManager.setRegistryURL(prevUrl);
+  }
+};
+
+const addStorybook = async (baseDir: string, localRegistry: boolean) => {
   const beforeDir = join(baseDir, BEFORE_DIR_NAME);
   const afterDir = join(baseDir, AFTER_DIR_NAME);
   const tmpDir = join(baseDir, 'tmp');
@@ -29,14 +56,16 @@ const addStorybook = async (baseDir: string) => {
 
   await copy(beforeDir, tmpDir);
 
-  const sbCliBinaryPath = join(__dirname, `../../code/lib/cli/bin/index.js`);
-  await runCommand(`${sbCliBinaryPath} init`, {
-    cwd: tmpDir,
-    env: {
-      STORYBOOK_DISABLE_TELEMETRY: 'true',
-    },
-  });
+  const packageManager = JsPackageManagerFactory.getPackageManager(false, tmpDir);
+  if (localRegistry) {
+    await withLocalRegistry(packageManager, async () => {
+      packageManager.addPackageResolutions(storybookVersions);
 
+      await sbInit(tmpDir);
+    });
+  } else {
+    await sbInit(tmpDir);
+  }
   await rename(tmpDir, afterDir);
 };
 
@@ -68,12 +97,23 @@ const addDocumentation = async (
   await writeFile(join(afterDir, 'README.md'), contents);
 };
 
-const runGenerators = async (generators: (GeneratorConfig & { dirName: string })[]) => {
+const runGenerators = async (
+  generators: (GeneratorConfig & { dirName: string })[],
+  localRegistry = true
+) => {
   console.log(`🤹‍♂️ Generating repros with a concurrency of ${maxConcurrentTasks}`);
 
   const limit = pLimit(maxConcurrentTasks);
 
-  return Promise.all(
+  let controller: AbortController;
+  if (localRegistry) {
+    // @ts-expect-error (Converted from ts-ignore)
+    await publish.run();
+    console.log(`⚙️ Starting local registry: ${LOCAL_REGISTRY_URL}`);
+    controller = await servePackages({ debug: true });
+  }
+
+  await Promise.all(
     generators.map(({ dirName, name, script }) =>
       limit(async () => {
         const time = process.hrtime();
@@ -91,7 +131,7 @@ const runGenerators = async (generators: (GeneratorConfig & { dirName: string })
 
         await localizeYarnConfigFiles(baseDir, beforeDir);
 
-        await addStorybook(baseDir);
+        await addStorybook(baseDir, localRegistry);
 
         await addDocumentation(baseDir, { name, dirName });
 
@@ -104,21 +144,50 @@ const runGenerators = async (generators: (GeneratorConfig & { dirName: string })
       })
     )
   );
+
+  if (controller) {
+    console.log(`🛑 Stopping local registry: ${LOCAL_REGISTRY_URL}`);
+    controller.abort();
+    console.log(`✅ Stopped`);
+  }
+
+  // FIXME: Kill dangling processes. For some reason in CI,
+  // the abort signal gets executed but the child process kill
+  // does not succeed?!?
+  process.exit(0);
 };
 
-const generate = async () => {
-  runGenerators(
-    Object.entries(reproTemplates).map(([dirName, configuration]) => ({
+const generate = async ({
+  template,
+  localRegistry,
+}: {
+  template?: string;
+  localRegistry?: boolean;
+}) => {
+  const generatorConfigs = Object.entries(reproTemplates)
+    .map(([dirName, configuration]) => ({
       dirName,
       ...configuration,
     }))
-  );
-};
+    .filter(({ dirName }) => {
+      if (template) {
+        return dirName === template;
+      }
 
-program.description('Create a reproduction from a set of possible templates');
-program.parse(process.argv);
+      return true;
+    });
+
+  runGenerators(generatorConfigs, localRegistry);
+};
 
-generate().catch((e) => {
-  console.trace(e);
-  process.exit(1);
-});
+program
+  .description('Create a reproduction from a set of possible templates')
+  .option('--template <template>', 'Create a single template')
+  .option('--local-registry', 'Use local registry', false)
+  .action((options) => {
+    generate(options).catch((e) => {
+      console.trace(e);
+      process.exit(1);
+    });
+  })
+  .parse(process.argv);
diff --git a/scripts/next-repro-generators/publish.ts b/scripts/next-repro-generators/publish.ts
index f3975c993a03..5dbca3e6fb4c 100755
--- a/scripts/next-repro-generators/publish.ts
+++ b/scripts/next-repro-generators/publish.ts
@@ -3,10 +3,11 @@ import { join } from 'path';
 import { existsSync } from 'fs';
 import { command } from 'execa';
 import * as tempy from 'tempy';
-import { copy, remove, writeFile } from 'fs-extra';
+import { copy, emptyDir, readdir, remove, stat, writeFile } from 'fs-extra';
 
 import { getTemplatesData, renderTemplate } from './utils/template';
 import { commitAllToGit } from './utils/git';
+import { promiseImpl } from 'ejs';
 
 export const logger = console;
 
@@ -30,6 +31,19 @@ const publish = async (options: PublishOptions & { tmpFolder: string }) => {
   await command(`git clone ${remote} .`, { cwd: tmpFolder });
   await command(`git checkout ${gitBranch}`, { cwd: tmpFolder });
 
+  // otherwise old files will stick around and result inconsistent states
+  logger.log(`🗑 Delete existing template dirs from clone`);
+  const files = await Promise.all(
+    (
+      await readdir(REPROS_DIRECTORY)
+    ).map(async (f) => ({ path: f, stats: await stat(join(REPROS_DIRECTORY, f)) }))
+  );
+  await Promise.all(
+    files
+      .filter(({ stats, path }) => stats.isDirectory && !path.startsWith('.'))
+      .map(async ({ path }) => emptyDir(join(tmpFolder, path)))
+  );
+
   logger.log(`🚚 Moving template files into the repository`);
 
   const templatePath = join(scriptPath, 'templates', 'root.ejs');
@@ -40,7 +54,7 @@ const publish = async (options: PublishOptions & { tmpFolder: string }) => {
   await writeFile(join(tmpFolder, 'README.md'), output);
 
   logger.log(`🚛 Moving all the repros into the repository`);
-  await copy(join(REPROS_DIRECTORY), tmpFolder);
+  await copy(REPROS_DIRECTORY, tmpFolder);
 
   await commitAllToGit(tmpFolder);
 
diff --git a/scripts/next-repro-generators/utils/yarn.ts b/scripts/next-repro-generators/utils/yarn.ts
index 0227fc65f491..61d4990b3125 100644
--- a/scripts/next-repro-generators/utils/yarn.ts
+++ b/scripts/next-repro-generators/utils/yarn.ts
@@ -9,6 +9,8 @@ interface SetupYarnOptions {
 }
 
 export async function setupYarn({ cwd, pnp = false, version = 'classic' }: SetupYarnOptions) {
+  // force yarn
+  await runCommand(`touch yarn.lock`, { cwd });
   await runCommand(`yarn set version ${version}`, { cwd });
   if (version === 'berry' && !pnp) {
     await runCommand('yarn config set nodeLinker node-modules', { cwd });
diff --git a/scripts/package.json b/scripts/package.json
index ff04825b90e8..db6b99d7ee3a 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -23,7 +23,7 @@
     ]
   },
   "resolutions": {
-    "@nrwl/cli": "12.3.4",
+    "@nrwl/cli": "14.6.1",
     "@typescript-eslint/eslint-plugin": "^5.15.0",
     "@typescript-eslint/experimental-utils": "5.3.0",
     "@typescript-eslint/parser": "^5.15.0",
@@ -58,10 +58,9 @@
     "@jest/globals": "^26.6.2",
     "@linear/sdk": "^1.21.0",
     "@nicolo-ribaudo/chokidar-2": "^2.1.8",
-    "@nrwl/cli": "12.3.4",
-    "@nrwl/nx-cloud": "12.1.1",
-    "@nrwl/tao": "12.3.4",
-    "@nrwl/workspace": "12.3.4",
+    "@nrwl/cli": "14.6.1",
+    "@nrwl/nx-cloud": "14.6.0",
+    "@nrwl/workspace": "14.6.1",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
@@ -108,7 +107,6 @@
     "chalk": "^4.1.0",
     "codecov": "^3.8.1",
     "commander": "^6.2.1",
-    "core-js": "^3.21.1",
     "cross-env": "^7.0.3",
     "danger": "^10.6.2",
     "detect-port": "^1.3.0",
@@ -152,9 +150,11 @@
     "node-fetch": "^2.6.1",
     "node-gyp": "^8.4.0",
     "npmlog": "^5.0.1",
+    "nx": "14.6.1",
     "p-limit": "^3.1.0",
     "prettier": ">=2.2.1 <=2.3.0",
     "pretty-hrtime": "^1.0.0",
+    "process": "^0.11.10",
     "prompts": "^2.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -167,7 +167,6 @@
     "rollup": "^2.60.2",
     "rollup-plugin-extensions": "^0.1.0",
     "rollup-plugin-jsx": "^1.0.3",
-    "rollup-plugin-node-polyfills": "^0.2.1",
     "rollup-plugin-terser": "^7.0.2",
     "serve-static": "^1.14.1",
     "shelljs": "^0.8.5",
@@ -179,12 +178,16 @@
     "ts-dedent": "^2.0.0",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
-    "tsup": "^6.1.2",
+    "tsup": "^6.2.2",
     "typescript": "~4.6.3",
+    "util": "^0.12.4",
     "wait-on": "^5.2.1",
     "window-size": "^1.1.1",
     "zx": "^7.0.3"
   },
+  "devDependencies": {
+    "@types/lodash": "^4"
+  },
   "optionalDependencies": {
     "@cypress/skip-test": "^2.6.1",
     "@cypress/webpack-preprocessor": "^5.9.1",
@@ -198,8 +201,5 @@
   "engines": {
     "node": ">=10.13.0",
     "yarn": ">=1.3.2"
-  },
-  "devDependencies": {
-    "@types/lodash": "^4"
   }
 }
diff --git a/scripts/prepare/bundle.ts b/scripts/prepare/bundle.ts
index 340793bb21df..c6967d72570a 100755
--- a/scripts/prepare/bundle.ts
+++ b/scripts/prepare/bundle.ts
@@ -65,10 +65,8 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
       platform: platform || 'browser',
       esbuildPlugins: [
         aliasPlugin({
-          process: path.resolve(
-            '../node_modules/rollup-plugin-node-polyfills/polyfills/process-es6.js'
-          ),
-          util: path.resolve('../node_modules/rollup-plugin-node-polyfills/polyfills/util.js'),
+          process: path.resolve('../node_modules/process/browser.js'),
+          util: path.resolve('../node_modules/util/util.js'),
         }),
       ],
       external: [name, ...Object.keys(dependencies || {}), ...Object.keys(peerDependencies || {})],
@@ -82,6 +80,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
           : false,
       esbuildOptions: (c) => {
         /* eslint-disable no-param-reassign */
+        c.conditions = ['module'];
         c.define = optimized
           ? {
               'process.env.NODE_ENV': "'production'",
@@ -132,7 +131,12 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
 const flags = process.argv.slice(2);
 const cwd = process.cwd();
 
-run({ cwd, flags }).catch((err) => {
-  console.error(err.stack);
+run({ cwd, flags }).catch((err: unknown) => {
+  // We can't let the stack try to print, it crashes in a way that sets the exit code to 0.
+  // Seems to have something to do with running JSON.parse() on binary / base64 encoded sourcemaps
+  // in @cspotcode/source-map-support
+  if (err instanceof Error) {
+    console.error(err.message);
+  }
   process.exit(1);
 });
diff --git a/scripts/run-e2e.ts b/scripts/run-e2e.ts
index 8e629914fbf4..712bc0c2ccdd 100644
--- a/scripts/run-e2e.ts
+++ b/scripts/run-e2e.ts
@@ -5,7 +5,7 @@ import program from 'commander';
 import { readConfig, writeConfig } from '../code/lib/csf-tools';
 import { getInterpretedFile } from '../code/lib/core-common';
 import { serve } from './utils/serve';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import { filterDataForCurrentCircleCINode } from './utils/concurrency';
 
 import * as configs from '../code/lib/cli/src/repro-generators/configs';
@@ -163,7 +163,7 @@ const runTests = async ({ name, ...rest }: Parameters) => {
       targetFolder,
       `--renderer ${options.renderer}`,
       `--template ${options.name}`,
-      `--registry http://localhost:6000`,
+      `--registry http://localhost:6001`,
       '--e2e',
     ];
 
@@ -292,10 +292,10 @@ const getConfig = async (): Promise<Parameters[]> => {
         min: 1,
         hint: 'You can also run directly with package name like `test:e2e-framework react`, or `yarn test:e2e-framework --all` for all packages!',
         choices: Object.keys(configs).map((key) => {
-          // @ts-ignore
+          // @ts-expect-error (Converted from ts-ignore)
           const { name, version } = configs[key];
           return {
-            // @ts-ignore
+            // @ts-expect-error (Converted from ts-ignore)
             value: configs[key],
             title: `${name}@${version}`,
             selected: false,
diff --git a/scripts/run-registry.ts b/scripts/run-registry.ts
index 44cf43c8b86f..46aaa24340a5 100755
--- a/scripts/run-registry.ts
+++ b/scripts/run-registry.ts
@@ -9,7 +9,7 @@ import yaml from 'js-yaml';
 
 import startVerdaccioServer from 'verdaccio';
 import pLimit from 'p-limit';
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 import { maxConcurrentTasks } from './utils/concurrency';
 import { listOfPackages } from './utils/list-packages';
 
@@ -43,7 +43,7 @@ const startVerdaccio = (port: number): Promise<any> => {
         });
       };
 
-      startVerdaccioServer(config, 6000, cache, '1.0.0', 'verdaccio', onReady);
+      startVerdaccioServer(config, 6001, cache, '1.0.0', 'verdaccio', onReady);
     }),
     new Promise((_, rej) => {
       setTimeout(() => {
@@ -94,18 +94,18 @@ const publish = (packages: { name: string; location: string }[], url: string) =>
   );
 };
 
-// const addUser = (url: string) =>
-//   new Promise((res, rej) => {
-//     logger.log(`👤 add temp user to verdaccio`);
+const addUser = (url: string) =>
+  new Promise((res, rej) => {
+    logger.log(`👤 add temp user to verdaccio`);
 
-//     exec(`npx npm-cli-adduser -r "${url}" -a -u user -p password -e user@example.com`, (e) => {
-//       if (e) {
-//         rej(e);
-//       } else {
-//         res();
-//       }
-//     });
-//   });
+    exec(`npx npm-cli-adduser -r "${url}" -a -u user -p password -e user@example.com`, (e) => {
+      if (e) {
+        rej(e);
+      } else {
+        res();
+      }
+    });
+  });
 
 const run = async () => {
   const port = await freePort(program.port);
@@ -135,8 +135,12 @@ const run = async () => {
 
   logger.log(`🌿 verdaccio running on ${verdaccioUrl}`);
 
-  // first time running, you might need to enable this
-  // await addUser(verdaccioUrl);
+  // in some environments you need to add a dummy user. always try to add & catch on failure
+  try {
+    await addUser(verdaccioUrl);
+  } catch (e) {
+    //
+  }
 
   logger.log(`📦 found ${packages.length} storybook packages at version ${chalk.blue(version)}`);
 
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index d3ec2519675c..adf193f1c59d 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -8,6 +8,7 @@ import {
   ensureSymlink,
   ensureDir,
   existsSync,
+  copy,
 } from 'fs-extra';
 import prompts from 'prompts';
 import type { AbortController } from 'node-abort-controller';
@@ -22,6 +23,7 @@ import { ConfigFile, readConfig, writeConfig } from '../code/lib/csf-tools';
 import { babelParse } from '../code/lib/csf-tools/src/babelParse';
 import TEMPLATES from '../code/lib/cli/src/repro-templates';
 import { servePackages } from './utils/serve-packages';
+import dedent from 'ts-dedent';
 
 type Template = keyof typeof TEMPLATES;
 const templates: Template[] = Object.keys(TEMPLATES) as any;
@@ -41,6 +43,7 @@ const defaultAddons = [
 ];
 const sandboxDir = path.resolve(__dirname, '../sandbox');
 const codeDir = path.resolve(__dirname, '../code');
+const reprosDir = path.resolve(__dirname, '../repros');
 
 export const options = createOptions({
   template: {
@@ -59,9 +62,9 @@ export const options = createOptions({
     description: "Include Storybook's own stories?",
     promptType: (_, { template }) => template === 'react',
   },
-  create: {
+  fromLocalRepro: {
     type: 'boolean',
-    description: 'Create the template from scratch (rather than degitting it)?',
+    description: 'Create the template from a local repro (rather than degitting it)?',
   },
   forceDelete: {
     type: 'boolean',
@@ -202,9 +205,14 @@ async function readMainConfig({ cwd }: { cwd: string }) {
   return readConfig(mainConfigPath);
 }
 
-// NOTE: the test regexp here will apply whether the path is symlink-preserved or otherwise
-const loaderPath = require.resolve('../code/node_modules/esbuild-loader');
-const webpackFinalCode = `
+// Ensure that sandboxes can refer to story files defined in `code/`.
+// Most WP-based build systems will not compile files outside of the project root or 'src/` or
+// similar. Plus they aren't guaranteed to handle TS files. So we need to patch in esbuild
+// loader for such files. NOTE this isn't necessary for Vite, as far as we know.
+function addEsbuildLoaderToStories(mainConfig: ConfigFile) {
+  // NOTE: the test regexp here will apply whether the path is symlink-preserved or otherwise
+  const loaderPath = require.resolve('../code/node_modules/esbuild-loader');
+  const webpackFinalCode = `
   (config) => ({
     ...config,
     module: {
@@ -222,6 +230,30 @@ const webpackFinalCode = `
       ],
     },
   })`;
+  mainConfig.setFieldNode(
+    ['webpackFinal'],
+    // @ts-expect-error (not sure why TS complains here, it does exist)
+    babelParse(webpackFinalCode).program.body[0].expression
+  );
+}
+
+// Recompile optimized deps on each startup, so you can change @storybook/* packages and not
+// have to clear caches.
+function forceViteRebuilds(mainConfig: ConfigFile) {
+  const viteFinalCode = `
+  (config) => ({
+    ...config,
+    optimizeDeps: {
+      ...config.optimizeDeps,
+      force: true,
+    },
+  })`;
+  mainConfig.setFieldNode(
+    ['viteFinal'],
+    // @ts-expect-error (not sure why TS complains here, it does exist)
+    babelParse(viteFinalCode).program.body[0].expression
+  );
+}
 
 // paths are of the form 'renderers/react', 'addons/actions'
 async function addStories(paths: string[], { mainConfig }: { mainConfig: ConfigFile }) {
@@ -235,18 +267,16 @@ async function addStories(paths: string[], { mainConfig }: { mainConfig: ConfigF
   const relativeCodeDir = path.join('..', '..', '..', 'code');
   const extraStories = extraStoryDirsAndExistence
     .filter(([, exists]) => exists)
-    .map(([p]) => path.join(relativeCodeDir, p, '*.stories.@(js|jsx|ts|tsx)'));
+    .map(([p]) => ({
+      directory: path.join(relativeCodeDir, p),
+      titlePrefix: p.split('/').slice(-4, -2).join('/'),
+      files: '*.stories.@(js|jsx|ts|tsx)',
+    }));
   mainConfig.setFieldValue(['stories'], [...stories, ...extraStories]);
-
-  mainConfig.setFieldNode(
-    ['webpackFinal'],
-    // @ts-ignore (not sure why TS complains here, it does exist)
-    babelParse(webpackFinalCode).program.body[0].expression
-  );
 }
 
 export async function sandbox(optionValues: OptionValues<typeof options>) {
-  const { template, forceDelete, forceReuse, dryRun, debug } = optionValues;
+  const { template, forceDelete, forceReuse, dryRun, debug, fromLocalRepro } = optionValues;
 
   await ensureDir(sandboxDir);
   let publishController: AbortController;
@@ -273,13 +303,29 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
   if (exists && shouldDelete && !dryRun) await remove(cwd);
 
   if (!exists || shouldDelete) {
-    await executeCLIStep(steps.repro, {
-      argument: template,
-      optionValues: { output: cwd, branch: 'next' },
-      cwd: sandboxDir,
-      dryRun,
-      debug,
-    });
+    if (fromLocalRepro) {
+      const srcDir = path.join(reprosDir, template, 'after-storybook');
+      if (!existsSync(srcDir)) {
+        throw new Error(dedent`
+          Missing repro directory '${srcDir}'!
+
+          To run sandbox against a local repro, you must have already generated
+          the repro template in the /repros directory using:
+
+          yarn generate-repros-next --template ${template}
+        `);
+      }
+      const destDir = cwd;
+      await copy(srcDir, destDir);
+    } else {
+      await executeCLIStep(steps.repro, {
+        argument: template,
+        optionValues: { output: cwd, branch: 'next' },
+        cwd: sandboxDir,
+        dryRun,
+        debug,
+      });
+    }
 
     const mainConfig = await readMainConfig({ cwd });
 
@@ -294,7 +340,7 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
     const workspaces = JSON.parse(`[${stdout.split('\n').join(',')}]`) as [
       { name: string; location: string }
     ];
-    const { renderer } = templateConfig.expected;
+    const { renderer, builder } = templateConfig.expected;
     const rendererWorkspace = workspaces.find((workspace) => workspace.name === renderer);
     if (!rendererWorkspace) {
       throw new Error(`Unknown renderer '${renderer}', not in yarn workspace!`);
@@ -310,6 +356,9 @@ export async function sandbox(optionValues: OptionValues<typeof options>) {
     );
     mainConfig.setFieldValue(['core', 'disableTelemetry'], true);
 
+    if (builder === '@storybook/builder-webpack5') addEsbuildLoaderToStories(mainConfig);
+    if (builder === '@storybook/builder-vite') forceViteRebuilds(mainConfig);
+
     const storiesToAdd = [] as string[];
     storiesToAdd.push(rendererPath);
 
diff --git a/scripts/tasks/smoke-test.ts b/scripts/tasks/smoke-test.ts
index d87ea323c3f0..907f3e156350 100644
--- a/scripts/tasks/smoke-test.ts
+++ b/scripts/tasks/smoke-test.ts
@@ -7,6 +7,9 @@ export const smokeTest: Task = {
     return false;
   },
   async run(_, { sandboxDir }) {
-    return exec(`yarn storybook --smoke-test --quiet`, { cwd: sandboxDir });
+    // eslint-disable-next-line no-console
+    console.log(`smoke testing in ${sandboxDir}`);
+
+    return exec(`yarn storybook --smoke-test`, { cwd: sandboxDir });
   },
 };
diff --git a/scripts/tasks/test-runner.ts b/scripts/tasks/test-runner.ts
index 82db5bca9699..a2ce46a50f06 100644
--- a/scripts/tasks/test-runner.ts
+++ b/scripts/tasks/test-runner.ts
@@ -1,6 +1,3 @@
-import { join } from 'path';
-import { pathExistsSync, readFile, writeFile } from 'fs-extra';
-
 import { servePackages } from '../utils/serve-packages';
 import type { Task } from '../task';
 import { exec } from '../utils/exec';
@@ -17,31 +14,16 @@ export const testRunner: Task = {
 
     // We could split this out into a separate task if it became annoying
     const publishController = await servePackages({});
-    await exec(`yarn add --dev @storybook/test-runner jest-junit`, execOptions);
-
-    // Note we could split this out into a separate task too. We sort of do by checking if the file exists
-    const testFilePathname = join(sandboxDir, 'test-runner-jest.config.js');
-    if (junitFilename && !(await pathExistsSync(testFilePathname))) {
-      await exec(`yarn test-storybook --eject`, execOptions);
-      const testFile = await readFile(testFilePathname, 'utf8');
-
-      const reporters = `reporters: [
-            'default',
-            ['jest-junit', {
-              outputDirectory: '${junitFilename}',
-              addFileAttribute: 'true',
-              usePathForSuiteName: 'true',
-              uniqueOutputName: 'true' },
-            ],
-          ],`;
-
-      const newTestFile = testFile.replace(/}\s*$/m, `${reporters}$&`);
-      await writeFile(testFilePathname, newTestFile);
-    }
+    await exec(`yarn add --dev @storybook/test-runner@0.7.1-next.0`, execOptions);
 
     const storybookController = await serveSandbox(builtSandboxDir, {});
 
-    await exec(`yarn test-storybook --url http://localhost:8001`, execOptions);
+    await exec(`yarn test-storybook --url http://localhost:8001 --junit`, {
+      ...execOptions,
+      env: {
+        JEST_JUNIT_OUTPUT_FILE: junitFilename,
+      },
+    });
 
     publishController.abort();
     storybookController.abort();
diff --git a/scripts/utils/serve-packages.ts b/scripts/utils/serve-packages.ts
index cba7ae8f98f5..58dd5adc9986 100644
--- a/scripts/utils/serve-packages.ts
+++ b/scripts/utils/serve-packages.ts
@@ -14,7 +14,7 @@ export async function servePackages({ dryRun, debug }: { dryRun?: boolean; debug
     // If aborted, we want to make sure the rejection is handled.
     if (!err.killed) throw err;
   });
-  await exec('yarn wait-on http://localhost:6000', { cwd: codeDir }, { dryRun, debug });
+  await exec('yarn wait-on http://localhost:6001', { cwd: codeDir }, { dryRun, debug });
 
   return controller;
 }
diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index fc8f95732bcf..948fd77acfb4 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -50,7 +50,7 @@ export const configureYarn2ForVerdaccio = async ({ cwd, dryRun, debug }: YarnOpt
     `yarn config set enableGlobalCache false`,
     `yarn config set enableMirror false`,
     // ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`,
+    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,
     // Some required magic to be able to fetch deps from local registry
     `yarn config set unsafeHttpWhitelist --json '["localhost"]'`,
     // Disable fallback mode to make sure everything is required correctly
diff --git a/scripts/verdaccio.yaml b/scripts/verdaccio.yaml
index f14a58fd9e82..c3dcd0b78f37 100644
--- a/scripts/verdaccio.yaml
+++ b/scripts/verdaccio.yaml
@@ -83,10 +83,6 @@ packages:
     access: $all
     publish: $all
     proxy: npmjs
-  '@storybook/builder-vite':
-    access: $all
-    publish: $all
-    proxy: npmjs
   '@storybook/expect':
     access: $all
     publish: $all
@@ -99,6 +95,10 @@ packages:
     access: $all
     publish: $all
     proxy: npmjs
+  '@storybook/babel-plugin-require-context-hook':
+    access: $all
+    publish: $all
+    proxy: npmjs
 
   # storybook packages are NOT proxied to global registry
   # allowing us to republish any version during tests
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index 533f51db594e..cc62c6f2f883 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -129,6 +129,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:^7.11.6":
+  version: 7.18.13
+  resolution: "@babel/core@npm:7.18.13"
+  dependencies:
+    "@ampproject/remapping": ^2.1.0
+    "@babel/code-frame": ^7.18.6
+    "@babel/generator": ^7.18.13
+    "@babel/helper-compilation-targets": ^7.18.9
+    "@babel/helper-module-transforms": ^7.18.9
+    "@babel/helpers": ^7.18.9
+    "@babel/parser": ^7.18.13
+    "@babel/template": ^7.18.10
+    "@babel/traverse": ^7.18.13
+    "@babel/types": ^7.18.13
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.1
+    semver: ^6.3.0
+  checksum: 4a880723a1ee5b878482ce2f359d690f09ed407667f3d19c97790b772b11bec3dd71f66b5fb76d2da41e0f80f06ac85dfce1b46696307fc124f192a08b85c3b8
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.18.13, @babel/generator@npm:^7.7.2":
+  version: 7.18.13
+  resolution: "@babel/generator@npm:7.18.13"
+  dependencies:
+    "@babel/types": ^7.18.13
+    "@jridgewell/gen-mapping": ^0.3.2
+    jsesc: ^2.5.1
+  checksum: 801f8b68c951da7badc81b9ed773599fa30c969cee4c7b8698aed6ed02be9231a2dea5ffe2e5cc3d1471d3b0e554cd0b949409ae8a6567e80da22b0672e4e861
+  languageName: node
+  linkType: hard
+
 "@babel/generator@npm:^7.18.9, @babel/generator@npm:^7.4.0":
   version: 7.18.9
   resolution: "@babel/generator@npm:7.18.9"
@@ -359,6 +393,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-string-parser@npm:^7.18.10":
+  version: 7.18.10
+  resolution: "@babel/helper-string-parser@npm:7.18.10"
+  checksum: d32cba5466806e79a8e6242773619fd72dd504e5f432752811c143e7d721c18c5143322a583f18ea0e8ba579de8a5ea32552dc79ef14f76fb2990d5b71fa06ef
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-validator-identifier@npm:7.18.6"
@@ -416,6 +457,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.18.10, @babel/parser@npm:^7.18.13":
+  version: 7.18.13
+  resolution: "@babel/parser@npm:7.18.13"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: c81e3c47b827a3dcbe7793a56834de1bb8769f303fef008b1e91a58545594e26d0ecf1a0ba859ae853f80421d5aca830e4b7262e9f146b7023c2210ee6312f8b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.18.6"
@@ -887,7 +937,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.18.6":
+"@babel/plugin-syntax-typescript@npm:^7.18.6, @babel/plugin-syntax-typescript@npm:^7.7.2":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-typescript@npm:7.18.6"
   dependencies:
@@ -1539,6 +1589,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/template@npm:^7.18.10":
+  version: 7.18.10
+  resolution: "@babel/template@npm:7.18.10"
+  dependencies:
+    "@babel/code-frame": ^7.18.6
+    "@babel/parser": ^7.18.10
+    "@babel/types": ^7.18.10
+  checksum: d807944427b8899125e71687d2f631731e44a64a155d39e479ff9d1eaf5341de78c5c19cf64d3341bd676e16f779f13b588aac0ec75bf65f822d8936ee227490
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.18.6, @babel/template@npm:^7.3.3, @babel/template@npm:^7.4.0":
   version: 7.18.6
   resolution: "@babel/template@npm:7.18.6"
@@ -1568,6 +1629,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.18.13, @babel/traverse@npm:^7.7.2":
+  version: 7.18.13
+  resolution: "@babel/traverse@npm:7.18.13"
+  dependencies:
+    "@babel/code-frame": ^7.18.6
+    "@babel/generator": ^7.18.13
+    "@babel/helper-environment-visitor": ^7.18.9
+    "@babel/helper-function-name": ^7.18.9
+    "@babel/helper-hoist-variables": ^7.18.6
+    "@babel/helper-split-export-declaration": ^7.18.6
+    "@babel/parser": ^7.18.13
+    "@babel/types": ^7.18.13
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: dd17b1c610da1480f78bb159789acd7e621313eeb49b39b42ea2adeadcd23d22d548890af1a87ad618bfdf9df4132239d6bc1b1b5b24448a6c230af9b6752830
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @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.7.0, @babel/types@npm:^7.8.3":
   version: 7.18.9
   resolution: "@babel/types@npm:7.18.9"
@@ -1578,6 +1657,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.18.10, @babel/types@npm:^7.18.13":
+  version: 7.18.13
+  resolution: "@babel/types@npm:7.18.13"
+  dependencies:
+    "@babel/helper-string-parser": ^7.18.10
+    "@babel/helper-validator-identifier": ^7.18.6
+    to-fast-properties: ^2.0.0
+  checksum: 057c7f336c708f33c1a058695565ba6d311cabbd120ac514cf73fdd66cfc2c27693ff52a27e2c58f5a7741236fdcde67df524699be907d4e9edd1576d3d7058b
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^0.2.3":
   version: 0.2.3
   resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -2032,6 +2122,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/console@npm:^28.1.1, @jest/console@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/console@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    jest-message-util: ^28.1.3
+    jest-util: ^28.1.3
+    slash: ^3.0.0
+  checksum: c539b814cd9d3eadb53ce04e2ac00716fe0d808511cb64aebf2920bcb1646c65f094188a7f9aa74fca73a501c00ee5835e906717dc3682cbb4ecf7fbb316fc75
+  languageName: node
+  linkType: hard
+
 "@jest/core@npm:^26.6.3":
   version: 26.6.3
   resolution: "@jest/core@npm:26.6.3"
@@ -2092,6 +2196,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/environment@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/environment@npm:28.1.3"
+  dependencies:
+    "@jest/fake-timers": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    jest-mock: ^28.1.3
+  checksum: 910b8863f300e0627c8f7bf6280fe51da25060e72ac1179d959cce74907b048e64042ad192800259a037dc52faa2e361e778a94df223cf1b17a315e5eec5471e
+  languageName: node
+  linkType: hard
+
+"@jest/expect-utils@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/expect-utils@npm:28.1.3"
+  dependencies:
+    jest-get-type: ^28.0.2
+  checksum: 6cb424bf24c9a20d7420601fb5599a563f09c1771cc8df3399a291f77f3cb512cfa06e6b0bce23b8b078d333d2713572fae298c6a017ca9bbe26d6b05f7bae46
+  languageName: node
+  linkType: hard
+
+"@jest/expect@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/expect@npm:28.1.3"
+  dependencies:
+    expect: ^28.1.3
+    jest-snapshot: ^28.1.3
+  checksum: 6000cd5322bca35b9e920a822f3e093d01d646508e5eb639f0a2577f203f15143315b93e79e412525e7312a2290e1bac979b26f6417ebaf50799a3a38eb6d011
+  languageName: node
+  linkType: hard
+
 "@jest/fake-timers@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/fake-timers@npm:24.9.0"
@@ -2117,6 +2252,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/fake-timers@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/fake-timers@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    "@sinonjs/fake-timers": ^9.1.2
+    "@types/node": "*"
+    jest-message-util: ^28.1.3
+    jest-mock: ^28.1.3
+    jest-util: ^28.1.3
+  checksum: 70ca341df62bf51a9bed653743dfc17011df58995520b51730ee7f5aef26a0295a5f5b58e838e6dbace998de417aa1c3a77d6de1590b53065475a195601552c6
+  languageName: node
+  linkType: hard
+
 "@jest/globals@npm:^26.6.2":
   version: 26.6.2
   resolution: "@jest/globals@npm:26.6.2"
@@ -2128,6 +2277,55 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/globals@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/globals@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/expect": ^28.1.3
+    "@jest/types": ^28.1.3
+  checksum: de95367a5e7312b643bfa5f6ac760fbfa4ac626abec11444702bc08506c32e9da44fc5ad5bf3049115b0757533cb0f4b90be3eb7fcea5d4ef06c31fe8ed0b579
+  languageName: node
+  linkType: hard
+
+"@jest/reporters@npm:28.1.1":
+  version: 28.1.1
+  resolution: "@jest/reporters@npm:28.1.1"
+  dependencies:
+    "@bcoe/v8-coverage": ^0.2.3
+    "@jest/console": ^28.1.1
+    "@jest/test-result": ^28.1.1
+    "@jest/transform": ^28.1.1
+    "@jest/types": ^28.1.1
+    "@jridgewell/trace-mapping": ^0.3.7
+    "@types/node": "*"
+    chalk: ^4.0.0
+    collect-v8-coverage: ^1.0.0
+    exit: ^0.1.2
+    glob: ^7.1.3
+    graceful-fs: ^4.2.9
+    istanbul-lib-coverage: ^3.0.0
+    istanbul-lib-instrument: ^5.1.0
+    istanbul-lib-report: ^3.0.0
+    istanbul-lib-source-maps: ^4.0.0
+    istanbul-reports: ^3.1.3
+    jest-message-util: ^28.1.1
+    jest-util: ^28.1.1
+    jest-worker: ^28.1.1
+    slash: ^3.0.0
+    string-length: ^4.0.1
+    strip-ansi: ^6.0.0
+    terminal-link: ^2.0.0
+    v8-to-istanbul: ^9.0.0
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  checksum: b3f7049fa53471fa413dade6b87cd2ba812d3ad5b4cb6d52c21f01572e944af736f4aaf82650d7827a9216f7cf1617db21d1fffd837144a515ef5ae8ea91bab1
+  languageName: node
+  linkType: hard
+
 "@jest/reporters@npm:^26.6.2":
   version: 26.6.2
   resolution: "@jest/reporters@npm:26.6.2"
@@ -2195,6 +2393,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/source-map@npm:^28.1.2":
+  version: 28.1.2
+  resolution: "@jest/source-map@npm:28.1.2"
+  dependencies:
+    "@jridgewell/trace-mapping": ^0.3.13
+    callsites: ^3.0.0
+    graceful-fs: ^4.2.9
+  checksum: 535036de941aa98bff1c46a77fb2e98ec1f78f5b101a8c8b3c1a7e3e863a1a71ea3aef111afc4ef9d44c39b4e7e7c8384412d0a685138a92c6d522fdb8cd5b3b
+  languageName: node
+  linkType: hard
+
+"@jest/test-result@npm:28.1.1":
+  version: 28.1.1
+  resolution: "@jest/test-result@npm:28.1.1"
+  dependencies:
+    "@jest/console": ^28.1.1
+    "@jest/types": ^28.1.1
+    "@types/istanbul-lib-coverage": ^2.0.0
+    collect-v8-coverage: ^1.0.0
+  checksum: f79c3324b15e0afe761720b263c864540ac65a356fb40646fe2c6a11cba49417d61ff1e3efef579ad495c69596d88bcf1f8e74c28345300aa9438bbcd39229b1
+  languageName: node
+  linkType: hard
+
 "@jest/test-result@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/test-result@npm:24.9.0"
@@ -2230,6 +2451,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/test-result@npm:^28.1.1, @jest/test-result@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/test-result@npm:28.1.3"
+  dependencies:
+    "@jest/console": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/istanbul-lib-coverage": ^2.0.0
+    collect-v8-coverage: ^1.0.0
+  checksum: 2dcc5dda444d4a308c6cb5b62f71a72ee5ff5702541e7faeec0314b4d50139d9004efd503baa15dec692856005c8a5c4afc3a94dabd92825645832eb12f00bea
+  languageName: node
+  linkType: hard
+
 "@jest/test-sequencer@npm:^26.6.3":
   version: 26.6.3
   resolution: "@jest/test-sequencer@npm:26.6.3"
@@ -2243,6 +2476,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/test-sequencer@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "@jest/test-sequencer@npm:28.1.3"
+  dependencies:
+    "@jest/test-result": ^28.1.3
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    slash: ^3.0.0
+  checksum: 7401537789902edc9c0cf2333a5052e8f8d936aa45ac4074fa1dc0af928c8a53e4b21802019bc4b6c01a66be2aba6d9aaa04ab97c6729a123476d9cf4f69eace
+  languageName: node
+  linkType: hard
+
 "@jest/transform@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/transform@npm:24.9.0"
@@ -2290,6 +2535,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/transform@npm:^28.1.1, @jest/transform@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/transform@npm:28.1.3"
+  dependencies:
+    "@babel/core": ^7.11.6
+    "@jest/types": ^28.1.3
+    "@jridgewell/trace-mapping": ^0.3.13
+    babel-plugin-istanbul: ^6.1.1
+    chalk: ^4.0.0
+    convert-source-map: ^1.4.0
+    fast-json-stable-stringify: ^2.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    jest-regex-util: ^28.0.2
+    jest-util: ^28.1.3
+    micromatch: ^4.0.4
+    pirates: ^4.0.4
+    slash: ^3.0.0
+    write-file-atomic: ^4.0.1
+  checksum: d4211fb30ad17a450a86ab1af488762742b00480c4f76684ba0ad9b2ffc34a0d309a922514775de36a5b74aa8e22ec833e38600565dbbd0596a041fbe9ecf44c
+  languageName: node
+  linkType: hard
+
 "@jest/types@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/types@npm:24.9.0"
@@ -2327,6 +2595,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/types@npm:^28.1.1, @jest/types@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "@jest/types@npm:28.1.3"
+  dependencies:
+    "@jest/schemas": ^28.1.3
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^17.0.8
+    chalk: ^4.0.0
+  checksum: 3cffae7d1133aa7952a6b5c4806f89ed78cb0dfe3ec4e8c5a6e704d7bab3cff86c714abb5f0f637540da22776900a33b3bad79c5ed5fc5b5535fb24e3006e3cb
+  languageName: node
+  linkType: hard
+
 "@jridgewell/gen-mapping@npm:^0.1.0":
   version: 0.1.1
   resolution: "@jridgewell/gen-mapping@npm:0.1.1"
@@ -2389,6 +2671,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.13, @jridgewell/trace-mapping@npm:^0.3.7":
+  version: 0.3.15
+  resolution: "@jridgewell/trace-mapping@npm:0.3.15"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.0.3
+    "@jridgewell/sourcemap-codec": ^1.4.10
+  checksum: 2de2dc1ec5038b1e5470b04c32713a690d4439e1174ff761af332798cb940b3f2846393b2775fd31a9bcaa931df7e462dbb1b7aef8e3c9fd254afa4f81b7da17
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:^0.3.8, @jridgewell/trace-mapping@npm:^0.3.9":
   version: 0.3.14
   resolution: "@jridgewell/trace-mapping@npm:0.3.14"
@@ -2493,128 +2785,133 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nrwl/cli@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/cli@npm:12.3.4"
+"@nrwl/cli@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/cli@npm:14.6.1"
   dependencies:
-    "@nrwl/tao": 12.3.4
-    chalk: 4.1.0
-    v8-compile-cache: 2.3.0
-    yargs: 15.4.1
-    yargs-parser: 20.0.0
-  bin:
-    nx: bin/nx.js
-  checksum: 2d8f6101856ee036a4b38e86d5e2f28f35e1cc7807e63666e986b3370c23642eacfcbf842c4fcb2922ae446c7f6ed85aa827b78fa3cf79c1da76bb519f64484a
+    nx: 14.6.1
+  checksum: b1595e7346d3806f7f0fd55f0371ba9461201c62e1734484b6a4982e39174320712faba88c41069ac41399966a89e68c43e0527812b122020a3f50b173bf00d8
   languageName: node
   linkType: hard
 
-"@nrwl/devkit@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/devkit@npm:12.3.4"
+"@nrwl/devkit@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/devkit@npm:14.6.1"
   dependencies:
-    "@nrwl/tao": 12.3.4
-    ejs: ^3.1.5
+    "@phenomnomnominal/tsquery": 4.1.1
+    ejs: ^3.1.7
     ignore: ^5.0.4
     semver: 7.3.4
-    strip-json-comments: ^3.1.1
-    tslib: ^2.0.0
-  checksum: 6246b1faa97e72d48e5cb7b9fecf5d4f4edaf4c40471845430dd8b2cd1bd731bfc39d2e4a0da2f6a7b106d0cac9cc3aefaa29c982ba94c981d04202dbd0afb81
+    tslib: ^2.3.0
+  peerDependencies:
+    nx: ">= 13.10 <= 15"
+  checksum: 6cee651f3decb259a8f955e9dcf59f4fc58fd5bc71b8a2295edb9ed06a0e77a413c79af79ad2148299d502f3631b217da792f5e4cd57f9d39fdb73f84703f2f5
   languageName: node
   linkType: hard
 
-"@nrwl/jest@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/jest@npm:12.3.4"
+"@nrwl/jest@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/jest@npm:14.6.1"
   dependencies:
-    "@nrwl/devkit": 12.3.4
-    jest-resolve: ^26.6.2
+    "@jest/reporters": 28.1.1
+    "@jest/test-result": 28.1.1
+    "@nrwl/devkit": 14.6.1
+    "@phenomnomnominal/tsquery": 4.1.1
+    chalk: 4.1.0
+    dotenv: ~10.0.0
+    identity-obj-proxy: 3.0.0
+    jest-config: 28.1.1
+    jest-resolve: 28.1.1
+    jest-util: 28.1.1
+    resolve.exports: 1.1.0
     rxjs: ^6.5.4
-    strip-json-comments: ^3.1.1
-    tslib: ^2.0.0
-  checksum: a14796c6a5c4ec0460590d1bf519d2bca1b8bfcc1a223c033a7ec9fc552314dcc2bb56392c44297c9cd55329f5a0808797e0db617acc8658ff37de833b611ba5
+    tslib: ^2.3.0
+  checksum: f4b11439a12e436208c793de7b3d368d1147456370cc4aaa7422bd801ce3b3e3b60b72bab0c4c4c2604252acc1177cd7274ca815a61d28d54d6524a324c1c3d5
   languageName: node
   linkType: hard
 
-"@nrwl/linter@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/linter@npm:12.3.4"
+"@nrwl/linter@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/linter@npm:14.6.1"
   dependencies:
-    "@nrwl/devkit": 12.3.4
-    glob: 7.1.4
-    minimatch: 3.0.4
+    "@nrwl/devkit": 14.6.1
+    "@nrwl/jest": 14.6.1
+    "@phenomnomnominal/tsquery": 4.1.1
+    nx: 14.6.1
     tmp: ~0.2.1
-    tslib: ^2.0.0
-  checksum: a0bca2cdfc24705d54a8c377d770e86618680643d14e987af9a1739611865dc356c987db531cd0ee2429bfc46c291a0b8c39f77267dc4c65d977d002ff73dadd
+    tslib: ^2.3.0
+  peerDependencies:
+    eslint: ^8.0.0
+  peerDependenciesMeta:
+    eslint:
+      optional: true
+  checksum: cc6e37a0a1601cd012f3a766c2a7669d814c42a0c7f32afabd4b5b7e9941770bae562a7c437985ae139e0c9ef1f0f88bb56c27090337ff918579c968842ad982
   languageName: node
   linkType: hard
 
-"@nrwl/nx-cloud@npm:12.1.1":
-  version: 12.1.1
-  resolution: "@nrwl/nx-cloud@npm:12.1.1"
+"@nrwl/nx-cloud@npm:14.6.0":
+  version: 14.6.0
+  resolution: "@nrwl/nx-cloud@npm:14.6.0"
   dependencies:
     axios: ^0.21.1
     chalk: 4.1.0
+    dotenv: ~10.0.0
     node-machine-id: ^1.1.12
-    rxjs: 6.5.5
     strip-json-comments: ^3.1.1
-    tar: 5.0.5
-    uuid: ^3.3.3
+    tar: 6.1.11
+    yargs-parser: ">=21.0.1"
   bin:
     nx-cloud: bin/nx-cloud.js
-  checksum: 0ece114978bb4bb04381a62910151f1e7f5977ac795ce15b1f1c12abea89d2d5893650dadc489db124ed291dabee436de103ac660180aa454f7c73793f5c8a96
+  checksum: a9f766fa01fd90ddada823ec205e866e8d486ae699378a99ca0fb98de14ffa006d98f2197495fbac235f2b3fdc69e4eaeda0c524ede7dfe69d7c6ab56f13aa51
   languageName: node
   linkType: hard
 
-"@nrwl/tao@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/tao@npm:12.3.4"
+"@nrwl/tao@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/tao@npm:14.6.1"
   dependencies:
-    chalk: 4.1.0
-    enquirer: ~2.3.6
-    fs-extra: ^9.1.0
-    rxjs: ^6.5.4
-    rxjs-for-await: 0.0.2
-    semver: 7.3.4
-    strip-json-comments: ^3.1.1
-    tmp: ~0.2.1
-    tslib: ^2.0.0
-    yargs-parser: 20.0.0
+    nx: 14.6.1
   bin:
     tao: index.js
-  checksum: 43e47e57fb34dfb6fe430eeed28ee9ddc4376fdf4a2d1fc8b8013b619020d13a9c055c5c9d435bbf75e5a2f64573455a4683610008166ee2e204db4a9d1e7b39
+  checksum: 881593c6ff55ebaf085f36f9bba67bca4713d7381516473ee7bf9a9859e032ac0335d0f4e4850cb47ecb6929c6d9d970a10806e29e4321c181dac0142f26daa2
   languageName: node
   linkType: hard
 
-"@nrwl/workspace@npm:12.3.4":
-  version: 12.3.4
-  resolution: "@nrwl/workspace@npm:12.3.4"
+"@nrwl/workspace@npm:14.6.1":
+  version: 14.6.1
+  resolution: "@nrwl/workspace@npm:14.6.1"
   dependencies:
-    "@nrwl/cli": 12.3.4
-    "@nrwl/devkit": 12.3.4
-    "@nrwl/jest": 12.3.4
-    "@nrwl/linter": 12.3.4
+    "@nrwl/devkit": 14.6.1
+    "@nrwl/jest": 14.6.1
+    "@nrwl/linter": 14.6.1
+    "@parcel/watcher": 2.0.4
     chalk: 4.1.0
-    cosmiconfig: ^4.0.0
-    dotenv: 8.2.0
+    chokidar: ^3.5.1
+    cli-cursor: 3.1.0
+    cli-spinners: 2.6.1
+    dotenv: ~10.0.0
     enquirer: ~2.3.6
+    figures: 3.2.0
     flat: ^5.0.2
-    fs-extra: ^9.1.0
+    fs-extra: ^10.1.0
     glob: 7.1.4
     ignore: ^5.0.4
-    minimatch: 3.0.4
-    npm-run-all: ^4.1.5
-    open: ^7.4.2
-    resolve: 1.17.0
+    minimatch: 3.0.5
+    npm-run-path: ^4.0.1
+    nx: 14.6.1
+    open: ^8.4.0
     rxjs: ^6.5.4
     semver: 7.3.4
-    strip-json-comments: ^3.1.1
     tmp: ~0.2.1
-    tslib: ^2.0.0
-    yargs: 15.4.1
-    yargs-parser: 20.0.0
+    tslib: ^2.3.0
+    yargs: ^17.4.0
+    yargs-parser: 21.0.1
   peerDependencies:
-    prettier: ^2.0.4
-  checksum: 94e494bd3c648b817356596deee94f215bafaecf68a9b2ce45bb46926dba580397392349744c6885254a5c7a20ec3597bc87f0acfb59eb098c5f397ac9d5ed12
+    prettier: ^2.6.2
+  peerDependenciesMeta:
+    prettier:
+      optional: true
+  checksum: 573cd6ed892ac397a137d079a847e85efe849ecab7d77aca6595baba4bdd53e9bf34eed200ce1f3847c22e3bf106e11426e34faab6ea017b52a1e685d1d1b16d
   languageName: node
   linkType: hard
 
@@ -2866,6 +3163,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/watcher@npm:2.0.4":
+  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
+
+"@phenomnomnominal/tsquery@npm:4.1.1":
+  version: 4.1.1
+  resolution: "@phenomnomnominal/tsquery@npm:4.1.1"
+  dependencies:
+    esquery: ^1.0.1
+  peerDependencies:
+    typescript: ^3 || ^4
+  checksum: cd600f67232dca9c58457257d607c10d271721758de515a3d9642eff53da0e3e13985403192644b5d359b05add29804e899832ef622a79d68661dba5fdf8f6d4
+  languageName: node
+  linkType: hard
+
 "@rollup/plugin-babel@npm:^5.3.1":
   version: 5.3.1
   resolution: "@rollup/plugin-babel@npm:5.3.1"
@@ -3021,6 +3340,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sinonjs/fake-timers@npm:^9.1.2":
+  version: 9.1.2
+  resolution: "@sinonjs/fake-timers@npm:9.1.2"
+  dependencies:
+    "@sinonjs/commons": ^1.7.0
+  checksum: d9187f9130f03272562ff9845867299c6f7cf15157bbb3e6aca4a1f06d885b0eef54259d0ad41e2f8043dc530b4db730b6c9415b169033e7ba8fed0ad449ceec
+  languageName: node
+  linkType: hard
+
 "@storybook/addons@npm:6.5.9":
   version: 6.5.9
   resolution: "@storybook/addons@npm:6.5.9"
@@ -3243,10 +3571,9 @@ __metadata:
     "@jest/globals": ^26.6.2
     "@linear/sdk": ^1.21.0
     "@nicolo-ribaudo/chokidar-2": ^2.1.8
-    "@nrwl/cli": 12.3.4
-    "@nrwl/nx-cloud": 12.1.1
-    "@nrwl/tao": 12.3.4
-    "@nrwl/workspace": 12.3.4
+    "@nrwl/cli": 14.6.1
+    "@nrwl/nx-cloud": 14.6.0
+    "@nrwl/workspace": 14.6.1
     "@rollup/plugin-babel": ^5.3.1
     "@rollup/plugin-commonjs": ^21.0.1
     "@rollup/plugin-json": ^4.1.0
@@ -3294,7 +3621,6 @@ __metadata:
     chalk: ^4.1.0
     codecov: ^3.8.1
     commander: ^6.2.1
-    core-js: ^3.21.1
     cross-env: ^7.0.3
     cypress: 8.7.0
     danger: ^10.6.2
@@ -3339,9 +3665,11 @@ __metadata:
     node-fetch: ^2.6.1
     node-gyp: ^8.4.0
     npmlog: ^5.0.1
+    nx: 14.6.1
     p-limit: ^3.1.0
     prettier: ">=2.2.1 <=2.3.0"
     pretty-hrtime: ^1.0.0
+    process: ^0.11.10
     prompts: ^2.4.0
     puppeteer: ^2.1.1
     react: 16.14.0
@@ -3355,7 +3683,6 @@ __metadata:
     rollup: ^2.60.2
     rollup-plugin-extensions: ^0.1.0
     rollup-plugin-jsx: ^1.0.3
-    rollup-plugin-node-polyfills: ^0.2.1
     rollup-plugin-terser: ^7.0.2
     serve-static: ^1.14.1
     shelljs: ^0.8.5
@@ -3368,8 +3695,9 @@ __metadata:
     ts-jest: ^26.4.4
     ts-loader: ^9.2.8
     ts-node: ^10.4.0
-    tsup: ^6.1.2
+    tsup: ^6.2.2
     typescript: ~4.6.3
+    util: ^0.12.4
     verdaccio: ^4.10.0
     verdaccio-auth-memory: ^9.7.2
     wait-on: ^5.2.1
@@ -3574,7 +3902,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.7":
+"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.1.7":
   version: 7.1.19
   resolution: "@types/babel__core@npm:7.1.19"
   dependencies:
@@ -3737,7 +4065,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/graceful-fs@npm:^4.1.2":
+"@types/graceful-fs@npm:^4.1.2, @types/graceful-fs@npm:^4.1.3":
   version: 4.1.5
   resolution: "@types/graceful-fs@npm:4.1.5"
   dependencies:
@@ -3939,6 +4267,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/prettier@npm:^2.1.5":
+  version: 2.7.0
+  resolution: "@types/prettier@npm:2.7.0"
+  checksum: 7416351864a6cd41fdb79683b720dc1b6bdc59da81edb52a85674135b385ef6e1a49c7780b0fe9fba2c5383df4ab195769d3cfc9e3a4f831e5bab4143ed5dd38
+  languageName: node
+  linkType: hard
+
 "@types/prompts@npm:2.0.11":
   version: 2.0.11
   resolution: "@types/prompts@npm:2.0.11"
@@ -4142,6 +4477,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/yargs@npm:^17.0.8":
+  version: 17.0.12
+  resolution: "@types/yargs@npm:17.0.12"
+  dependencies:
+    "@types/yargs-parser": "*"
+  checksum: a0ba2dde56b4e5cd9666c6119ed5c519d5efa838ef37d1ce4b5d08643c3edd827b2b584a43daf6cb09a891d9171706f61aeffc235bf81079d50f470fd73751d3
+  languageName: node
+  linkType: hard
+
 "@types/yauzl@npm:^2.9.1":
   version: 2.10.0
   resolution: "@types/yauzl@npm:2.10.0"
@@ -4882,6 +5226,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"argparse@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "argparse@npm:2.0.1"
+  checksum: c5640c2d89045371c7cedd6a70212a04e360fd34d6edeae32f6952c63949e3525ea77dbec0289d8213a99bbaeab5abfa860b5c12cf88a2e6cf8106e90dd27a7e
+  languageName: node
+  linkType: hard
+
 "argv@npm:0.0.2":
   version: 0.0.2
   resolution: "argv@npm:0.0.2"
@@ -5198,6 +5549,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.7.0":
   version: 0.7.0
   resolution: "aws-sign2@npm:0.7.0"
@@ -5278,6 +5636,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-jest@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "babel-jest@npm:28.1.3"
+  dependencies:
+    "@jest/transform": ^28.1.3
+    "@types/babel__core": ^7.1.14
+    babel-plugin-istanbul: ^6.1.1
+    babel-preset-jest: ^28.1.3
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    slash: ^3.0.0
+  peerDependencies:
+    "@babel/core": ^7.8.0
+  checksum: 612a6317c176d2d890d9e7c5fc1379a6b2aca784522c1242db9dbcc6e18f2cdaa793e3d649346d37333576b37953fadd53a415787e32ec0fac8b79c35aaafd11
+  languageName: node
+  linkType: hard
+
 "babel-loader@npm:^8.2.5":
   version: 8.2.5
   resolution: "babel-loader@npm:8.2.5"
@@ -5321,7 +5696,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-istanbul@npm:^6.0.0":
+"babel-plugin-istanbul@npm:^6.0.0, babel-plugin-istanbul@npm:^6.1.1":
   version: 6.1.1
   resolution: "babel-plugin-istanbul@npm:6.1.1"
   dependencies:
@@ -5346,6 +5721,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-jest-hoist@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "babel-plugin-jest-hoist@npm:28.1.3"
+  dependencies:
+    "@babel/template": ^7.3.3
+    "@babel/types": ^7.3.3
+    "@types/babel__core": ^7.1.14
+    "@types/babel__traverse": ^7.0.6
+  checksum: 4a47f1673bdfcc15b0968d5577119b1abc6eb199a2d627be56c60872fba7b65455cbc7d631896d33e6ec27831bf43600a1d66616d3bc3a37a8784c1596339eeb
+  languageName: node
+  linkType: hard
+
 "babel-plugin-macros@npm:^2.6.1":
   version: 2.8.0
   resolution: "babel-plugin-macros@npm:2.8.0"
@@ -5438,6 +5825,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-preset-jest@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "babel-preset-jest@npm:28.1.3"
+  dependencies:
+    babel-plugin-jest-hoist: ^28.1.3
+    babel-preset-current-node-syntax: ^1.0.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: b30f4102012f9474be4649ea8dba848614ae995418173c5d4a0e606785f03320aea1e8889b5f163f0336c06d5901100b47cd77a45c54fcbf149ff06ad4fa907c
+  languageName: node
+  linkType: hard
+
 "bail@npm:^1.0.0":
   version: 1.0.5
   resolution: "bail@npm:1.0.5"
@@ -5564,7 +5963,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bl@npm:^4.1.0":
+"bl@npm:^4.0.3, bl@npm:^4.1.0":
   version: 4.1.0
   resolution: "bl@npm:4.1.0"
   dependencies:
@@ -5990,7 +6389,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase@npm:^6.0.0":
+"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0":
   version: 6.3.0
   resolution: "camelcase@npm:6.3.0"
   checksum: 0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710
@@ -6060,7 +6459,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^2.0.0, chalk@npm:^2.0.1, chalk@npm:^2.3.0, chalk@npm:^2.4.1":
+"chalk@npm:^2.0.0, chalk@npm:^2.0.1, chalk@npm:^2.3.0":
   version: 2.4.2
   resolution: "chalk@npm:2.4.2"
   dependencies:
@@ -6208,13 +6607,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chownr@npm:^1.1.3":
-  version: 1.1.4
-  resolution: "chownr@npm:1.1.4"
-  checksum: ed57952a84cc0c802af900cf7136de643d3aba2eecb59d29344bc2f3f9bf703a301b9d84cdc71f82c3ffc9ccde831b0d92f5b45f91727d6c9da62f23aef9d9db
-  languageName: node
-  linkType: hard
-
 "chownr@npm:^2.0.0":
   version: 2.0.0
   resolution: "chownr@npm:2.0.0"
@@ -6250,6 +6642,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cjs-module-lexer@npm:^1.0.0":
+  version: 1.2.2
+  resolution: "cjs-module-lexer@npm:1.2.2"
+  checksum: 83330e1feda2e3699b8c305bfa8f841b41822049393f5eefeb574e60bde556e2a251ee9b7971cde0cb47ac4f7823bf4ab4a6005b8471f86ad9f5509eefb66cbd
+  languageName: node
+  linkType: hard
+
 "class-utils@npm:^0.3.5":
   version: 0.3.6
   resolution: "class-utils@npm:0.3.6"
@@ -6269,7 +6668,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-cursor@npm:^3.1.0":
+"cli-cursor@npm:3.1.0, cli-cursor@npm:^3.1.0":
   version: 3.1.0
   resolution: "cli-cursor@npm:3.1.0"
   dependencies:
@@ -6278,7 +6677,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-spinners@npm:^2.5.0":
+"cli-spinners@npm:2.6.1, cli-spinners@npm:^2.5.0":
   version: 2.6.1
   resolution: "cli-spinners@npm:2.6.1"
   checksum: 6abcdfef59aa68e6b51376d87d257f9120a0a7120a39dd21633702d24797decb6dc747dff2217c88732710db892b5053c5c672d221b6c4d13bbcb5372e203596
@@ -6727,7 +7126,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js@npm:^3.21.1, core-js@npm:^3.6.5, core-js@npm:^3.8.2":
+"core-js@npm:^3.6.5, core-js@npm:^3.8.2":
   version: 3.23.5
   resolution: "core-js@npm:3.23.5"
   checksum: ab9b483ede285b3949e2411f9190d147ac589d111b0aa3a4b2999a1bf2755b3e930529c2a22ff550efd4fc154c7cfae700bee858dedff905a09f35ddbcc6425f
@@ -6765,18 +7164,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "cosmiconfig@npm:4.0.0"
-  dependencies:
-    is-directory: ^0.3.1
-    js-yaml: ^3.9.0
-    parse-json: ^4.0.0
-    require-from-string: ^2.0.1
-  checksum: e4596d290d9690ca5123677f153a57279441bf74f148e303fc33b137553b65defc96c0ffa5d762f79a870fa6c4b3be32245d038e20bf881d3de0c50653a931da
-  languageName: node
-  linkType: hard
-
 "cosmiconfig@npm:^6.0.0":
   version: 6.0.0
   resolution: "cosmiconfig@npm:6.0.0"
@@ -6822,7 +7209,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^6.0.0, cross-spawn@npm:^6.0.5":
+"cross-spawn@npm:^6.0.0":
   version: 6.0.5
   resolution: "cross-spawn@npm:6.0.5"
   dependencies:
@@ -7645,10 +8032,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dotenv@npm:8.2.0":
-  version: 8.2.0
-  resolution: "dotenv@npm:8.2.0"
-  checksum: b6a07a2c400b13ad4e59c34e4682256e6bb846469781a3963b36861ee608ed312e6125c4a7635a9edcf957bb294a6966e218f0e26b82ff0bda9184211d4bc141
+"dotenv@npm:~10.0.0":
+  version: 10.0.0
+  resolution: "dotenv@npm:10.0.0"
+  checksum: 2d8d4ba64bfaff7931402aa5e8cbb8eba0acbc99fe9ae442300199af021079eafa7171ce90e150821a5cb3d74f0057721fbe7ec201a6044b68c8a7615f8c123f
   languageName: node
   linkType: hard
 
@@ -7730,7 +8117,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ejs@npm:^3.1.5, ejs@npm:^3.1.8":
+"ejs@npm:^3.1.7, ejs@npm:^3.1.8":
   version: 3.1.8
   resolution: "ejs@npm:3.1.8"
   dependencies:
@@ -7748,6 +8135,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"emittery@npm:^0.10.2":
+  version: 0.10.2
+  resolution: "emittery@npm:0.10.2"
+  checksum: 2caeea7501a0cca9b0e9d8d0a84d7d059cd2319ab02016bb6f81ae8bc2f3353c6734ed50a5fe0e4e2b96ebcc1623c1344b6beec51a4feda34b121942dd50ba55
+  languageName: node
+  linkType: hard
+
 "emittery@npm:^0.7.1":
   version: 0.7.2
   resolution: "emittery@npm:0.7.2"
@@ -7804,7 +8198,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"end-of-stream@npm:^1.1.0":
+"end-of-stream@npm:^1.1.0, end-of-stream@npm:^1.4.1":
   version: 1.4.4
   resolution: "end-of-stream@npm:1.4.4"
   dependencies:
@@ -8006,7 +8400,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.1":
+"es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.0, es-abstract@npm:^1.20.1":
   version: 1.20.1
   resolution: "es-abstract@npm:1.20.1"
   dependencies:
@@ -8836,7 +9230,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esquery@npm:^1.4.0":
+"esquery@npm:^1.0.1, esquery@npm:^1.4.0":
   version: 1.4.0
   resolution: "esquery@npm:1.4.0"
   dependencies:
@@ -8889,13 +9283,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estree-walker@npm:^0.6.1":
-  version: 0.6.1
-  resolution: "estree-walker@npm:0.6.1"
-  checksum: 6dabc855faa04a1ffb17b6a9121b6008ba75ab5a163ad9dc3d7fca05cfda374c5f5e91418d783496620ca75e99a73c40874d8b75f23b4117508cc8bde78e7b41
-  languageName: node
-  linkType: hard
-
 "estree-walker@npm:^1.0.1":
   version: 1.0.1
   resolution: "estree-walker@npm:1.0.1"
@@ -9119,6 +9506,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expect@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "expect@npm:28.1.3"
+  dependencies:
+    "@jest/expect-utils": ^28.1.3
+    jest-get-type: ^28.0.2
+    jest-matcher-utils: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-util: ^28.1.3
+  checksum: fce8aa5462294fc7a32b17eef697e9999989b383e62f88b76e69badc59d4abb231dd6131aebaf27c4683be2fb0aa345e125bf2f15545e30a31dc85ec98673608
+  languageName: node
+  linkType: hard
+
 "express@npm:4.17.1":
   version: 4.17.1
   resolution: "express@npm:4.17.1"
@@ -9327,6 +9727,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-glob@npm:3.2.7":
+  version: 3.2.7
+  resolution: "fast-glob@npm:3.2.7"
+  dependencies:
+    "@nodelib/fs.stat": ^2.0.2
+    "@nodelib/fs.walk": ^1.2.3
+    glob-parent: ^5.1.2
+    merge2: ^1.3.0
+    micromatch: ^4.0.4
+  checksum: cc820a9acbd99c51267d525ed3c0c368b57d273f8d34e2401eef824390ff38ff419af3c0308d4ec1aef3dae0e24d1ac1dfe3156e5c702d63416a4c877ab7e0c4
+  languageName: node
+  linkType: hard
+
 "fast-glob@npm:^3.0.3, fast-glob@npm:^3.2.11, fast-glob@npm:^3.2.7, fast-glob@npm:^3.2.9":
   version: 3.2.11
   resolution: "fast-glob@npm:3.2.11"
@@ -9423,7 +9836,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"figures@npm:^3.0.0, figures@npm:^3.2.0":
+"figures@npm:3.2.0, figures@npm:^3.0.0, figures@npm:^3.2.0":
   version: 3.2.0
   resolution: "figures@npm:3.2.0"
   dependencies:
@@ -9725,6 +10138,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fs-constants@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "fs-constants@npm:1.0.0"
+  checksum: a0cde99085f0872f4d244e83e03a46aa387b74f5a5af750896c6b05e9077fac00e9932fdf5aef84f2f16634cd473c63037d7a512576da7d5c2b9163d1909f3a8
+  languageName: node
+  linkType: hard
+
 "fs-exists-sync@npm:^0.1.0":
   version: 0.1.0
   resolution: "fs-exists-sync@npm:0.1.0"
@@ -9789,7 +10209,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@npm:^2.1.2, fsevents@npm:~2.3.2":
+"fsevents@npm:^2.1.2, fsevents@npm:^2.3.2, fsevents@npm:~2.3.2":
   version: 2.3.2
   resolution: "fsevents@npm:2.3.2"
   dependencies:
@@ -9809,7 +10229,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@patch:fsevents@^2.1.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>":
+"fsevents@patch:fsevents@^2.1.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@^2.3.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>":
   version: 2.3.2
   resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=18f3a7"
   dependencies:
@@ -10320,6 +10740,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"harmony-reflect@npm:^1.4.6":
+  version: 1.6.2
+  resolution: "harmony-reflect@npm:1.6.2"
+  checksum: fa5b251fbeff0e2d925f0bfb5ffe39e0627639e998c453562d6a39e41789c15499649dc022178c807cf99bfb97e7b974bbbc031ba82078a26be7b098b9bc2b1a
+  languageName: node
+  linkType: hard
+
 "has-ansi@npm:^2.0.0":
   version: 2.0.0
   resolution: "has-ansi@npm:2.0.0"
@@ -10854,6 +11281,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"identity-obj-proxy@npm:3.0.0":
+  version: 3.0.0
+  resolution: "identity-obj-proxy@npm:3.0.0"
+  dependencies:
+    harmony-reflect: ^1.4.6
+  checksum: a3fc4de0042d7b45bf8652d5596c80b42139d8625c9cd6a8834e29e1b6dce8fccabd1228e08744b78677a19ceed7201a32fed8ca3dc3e4852e8fee24360a6cfc
+  languageName: node
+  linkType: hard
+
 "ieee754@npm:^1.1.13":
   version: 1.2.1
   resolution: "ieee754@npm:1.2.1"
@@ -11254,13 +11690,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-directory@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "is-directory@npm:0.3.1"
-  checksum: 1c39c7d1753b04e9483b89fb88908b8137ab4743b6f481947e97ccf93ecb384a814c8d3f0b95b082b149c5aa19c3e9e4464e2791d95174bce95998c26bb1974b
-  languageName: node
-  linkType: hard
-
 "is-docker@npm:^2.0.0, is-docker@npm:^2.1.1":
   version: 2.2.1
   resolution: "is-docker@npm:2.2.1"
@@ -11321,6 +11750,15 @@ __metadata:
   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-glob@npm:^3.1.0":
   version: 3.1.0
   resolution: "is-glob@npm:3.1.0"
@@ -11534,6 +11972,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-typed-array@npm:^1.1.3, is-typed-array@npm:^1.1.9":
+  version: 1.1.9
+  resolution: "is-typed-array@npm:1.1.9"
+  dependencies:
+    available-typed-arrays: ^1.0.5
+    call-bind: ^1.0.2
+    es-abstract: ^1.20.0
+    for-each: ^0.3.3
+    has-tostringtag: ^1.0.0
+  checksum: 613b7dd6d121c331bb7456f6b678ebd74aee9d77f61c3df09da2cd7841c060d4f8cff14ae8ab54977180d5da2f2da300394810bc92a05a985b3438f55cf629b2
+  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"
@@ -11578,7 +12029,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-wsl@npm:^2.1.1, is-wsl@npm:^2.2.0":
+"is-wsl@npm:^2.2.0":
   version: 2.2.0
   resolution: "is-wsl@npm:2.2.0"
   dependencies:
@@ -11682,7 +12133,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-instrument@npm:^5.0.4":
+"istanbul-lib-instrument@npm:^5.0.4, istanbul-lib-instrument@npm:^5.1.0":
   version: 5.2.0
   resolution: "istanbul-lib-instrument@npm:5.2.0"
   dependencies:
@@ -11717,7 +12168,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-reports@npm:^3.0.2":
+"istanbul-reports@npm:^3.0.2, istanbul-reports@npm:^3.1.3":
   version: 3.1.5
   resolution: "istanbul-reports@npm:3.1.5"
   dependencies:
@@ -11752,6 +12203,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-circus@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "jest-circus@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/expect": ^28.1.3
+    "@jest/test-result": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    co: ^4.6.0
+    dedent: ^0.7.0
+    is-generator-fn: ^2.0.0
+    jest-each: ^28.1.3
+    jest-matcher-utils: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-runtime: ^28.1.3
+    jest-snapshot: ^28.1.3
+    jest-util: ^28.1.3
+    p-limit: ^3.1.0
+    pretty-format: ^28.1.3
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: 6f20ff8b5f100c7bafb6f71a2bd42e81804f0af848d628864508340239c56957a731bcdd83dba3e962a81c1f05ce9daa4ecee207a02e0ec73a908a2ec62f1f19
+  languageName: node
+  linkType: hard
+
 "jest-cli@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-cli@npm:26.6.3"
@@ -11775,6 +12253,44 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-config@npm:28.1.1":
+  version: 28.1.1
+  resolution: "jest-config@npm:28.1.1"
+  dependencies:
+    "@babel/core": ^7.11.6
+    "@jest/test-sequencer": ^28.1.1
+    "@jest/types": ^28.1.1
+    babel-jest: ^28.1.1
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    deepmerge: ^4.2.2
+    glob: ^7.1.3
+    graceful-fs: ^4.2.9
+    jest-circus: ^28.1.1
+    jest-environment-node: ^28.1.1
+    jest-get-type: ^28.0.2
+    jest-regex-util: ^28.0.2
+    jest-resolve: ^28.1.1
+    jest-runner: ^28.1.1
+    jest-util: ^28.1.1
+    jest-validate: ^28.1.1
+    micromatch: ^4.0.4
+    parse-json: ^5.2.0
+    pretty-format: ^28.1.1
+    slash: ^3.0.0
+    strip-json-comments: ^3.1.1
+  peerDependencies:
+    "@types/node": "*"
+    ts-node: ">=9.0.0"
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+    ts-node:
+      optional: true
+  checksum: 24590b094cb2678ba51d8ab270c465f1598a374588a4b4e7dd63fef2a86d2c3a52fea4943b3e41e5864bc30997908f0b602e503199e54c65894c625b31f4bc5b
+  languageName: node
+  linkType: hard
+
 "jest-config@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-config@npm:26.6.3"
@@ -11839,6 +12355,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-docblock@npm:^28.1.1":
+  version: 28.1.1
+  resolution: "jest-docblock@npm:28.1.1"
+  dependencies:
+    detect-newline: ^3.0.0
+  checksum: 147b7e537ff025c0be2909192c56fb9bfda09bc2603075491798bd0315d503687efa7c75131f2909a0fde30af9dc309b7ef58eb21413e2380c471b3db133949a
+  languageName: node
+  linkType: hard
+
 "jest-each@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-each@npm:26.6.2"
@@ -11852,6 +12377,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-each@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-each@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    chalk: ^4.0.0
+    jest-get-type: ^28.0.2
+    jest-util: ^28.1.3
+    pretty-format: ^28.1.3
+  checksum: 63e1ecf86297085527b369a517af3dba8614937adc1870de041f6f0c3d5dff4d60d94be32949cf9945d9ce401bd28bea2c5efa9e090c39777cfd1627b71d6bc7
+  languageName: node
+  linkType: hard
+
 "jest-environment-enzyme@npm:^7.1.2":
   version: 7.1.2
   resolution: "jest-environment-enzyme@npm:7.1.2"
@@ -11919,6 +12457,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-environment-node@npm:^28.1.1, jest-environment-node@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-environment-node@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/fake-timers": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    jest-mock: ^28.1.3
+    jest-util: ^28.1.3
+  checksum: d7d313ee28d6063f0740cf5dd94f3ae206f0897ac8e562e52159ec1b26c24233c75893b3cbf1b885dcc8abb50e82a20d07f77c28917be8fd20156dd15602892f
+  languageName: node
+  linkType: hard
+
 "jest-enzyme@npm:^7.1.2":
   version: 7.1.2
   resolution: "jest-enzyme@npm:7.1.2"
@@ -11995,6 +12547,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-haste-map@npm:^28.1.1, jest-haste-map@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-haste-map@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    "@types/graceful-fs": ^4.1.3
+    "@types/node": "*"
+    anymatch: ^3.0.3
+    fb-watchman: ^2.0.0
+    fsevents: ^2.3.2
+    graceful-fs: ^4.2.9
+    jest-regex-util: ^28.0.2
+    jest-util: ^28.1.3
+    jest-worker: ^28.1.3
+    micromatch: ^4.0.4
+    walker: ^1.0.8
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 6a2beedd31f5d67b508d57fbfdd8858cfbd2f59a61737fc74cac4b9f60120faeda8c40189afba331324b08e10bc2281521292cdb6713fb3cab7770828f4e83d9
+  languageName: node
+  linkType: hard
+
 "jest-image-snapshot@npm:^4.3.0":
   version: 4.5.1
   resolution: "jest-image-snapshot@npm:4.5.1"
@@ -12062,6 +12637,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-leak-detector@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-leak-detector@npm:28.1.3"
+  dependencies:
+    jest-get-type: ^28.0.2
+    pretty-format: ^28.1.3
+  checksum: 038cca2fa8cb24ede34834308c86eca40a6c20f02ad5b81d059072c444c421c60058c2610107bd6a50043ef3fe6283d63ddb0946dea4d2a8a874ceb1281a009e
+  languageName: node
+  linkType: hard
+
 "jest-matcher-utils@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-matcher-utils@npm:26.6.2"
@@ -12074,7 +12659,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^28.0.0":
+"jest-matcher-utils@npm:^28.0.0, jest-matcher-utils@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-matcher-utils@npm:28.1.3"
   dependencies:
@@ -12136,6 +12721,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-message-util@npm:^28.1.1, jest-message-util@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-message-util@npm:28.1.3"
+  dependencies:
+    "@babel/code-frame": ^7.12.13
+    "@jest/types": ^28.1.3
+    "@types/stack-utils": ^2.0.0
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    micromatch: ^4.0.4
+    pretty-format: ^28.1.3
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: 9f56a11b4171e43e2375446e624eec86f82820d9a35de3cd8b065b5ce2d7f65d2bbbdfc0ffe5fa358ff866693a68ec4f6b0cb8ad953fd6f35f9895eb370c6ed7
+  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"
@@ -12165,6 +12767,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-mock@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-mock@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+  checksum: 1d936755925863bd896bfc9c0ed733faf9ff13ab51cdcb4c53bd07e6857e464bb5c0723f9d157837c47dbf880a3a4b9cff2805051207a37caec04d65e6c509fb
+  languageName: node
+  linkType: hard
+
 "jest-os-detection@npm:^1.3.1":
   version: 1.3.1
   resolution: "jest-os-detection@npm:1.3.1"
@@ -12212,6 +12824,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-regex-util@npm:^28.0.2":
+  version: 28.0.2
+  resolution: "jest-regex-util@npm:28.0.2"
+  checksum: d79d255b8a2217bdb0b638cbb5e61a41ab788e62a6217fce5276ab9763c1327b9e0a4f10ebdb230c76848125aa9cc97c8751cfad15db7ec0441d44acfbaf5084
+  languageName: node
+  linkType: hard
+
 "jest-resolve-dependencies@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-resolve-dependencies@npm:26.6.3"
@@ -12223,6 +12842,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-resolve@npm:28.1.1":
+  version: 28.1.1
+  resolution: "jest-resolve@npm:28.1.1"
+  dependencies:
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.1
+    jest-pnp-resolver: ^1.2.2
+    jest-util: ^28.1.1
+    jest-validate: ^28.1.1
+    resolve: ^1.20.0
+    resolve.exports: ^1.1.0
+    slash: ^3.0.0
+  checksum: 3e58e75ff90b54a24039689e407b59688f2495d18e2ae15e686cdf9c8a7e745b1ab292741afdac0f166a28b8a6e538c5dde3efb5a0b223da6e6a259fd74ccde4
+  languageName: node
+  linkType: hard
+
 "jest-resolve@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-resolve@npm:26.6.2"
@@ -12239,6 +12875,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-resolve@npm:^28.1.1, jest-resolve@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-resolve@npm:28.1.3"
+  dependencies:
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    jest-pnp-resolver: ^1.2.2
+    jest-util: ^28.1.3
+    jest-validate: ^28.1.3
+    resolve: ^1.20.0
+    resolve.exports: ^1.1.0
+    slash: ^3.0.0
+  checksum: 3d37b33137266eadc9febb5c8f6ab59030818bf4cc426cf013e260a79189d49e48dee004a796ce48d631e1353bc03463bd630f55ce01af0cffef73c3d23d6f91
+  languageName: node
+  linkType: hard
+
 "jest-runner@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-runner@npm:26.6.3"
@@ -12267,6 +12920,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-runner@npm:^28.1.1":
+  version: 28.1.3
+  resolution: "jest-runner@npm:28.1.3"
+  dependencies:
+    "@jest/console": ^28.1.3
+    "@jest/environment": ^28.1.3
+    "@jest/test-result": ^28.1.3
+    "@jest/transform": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    emittery: ^0.10.2
+    graceful-fs: ^4.2.9
+    jest-docblock: ^28.1.1
+    jest-environment-node: ^28.1.3
+    jest-haste-map: ^28.1.3
+    jest-leak-detector: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-resolve: ^28.1.3
+    jest-runtime: ^28.1.3
+    jest-util: ^28.1.3
+    jest-watcher: ^28.1.3
+    jest-worker: ^28.1.3
+    p-limit: ^3.1.0
+    source-map-support: 0.5.13
+  checksum: 423dd2b4d7c61e27572bb558f68ac838f94927131626e709489636224593d274ad7b8ced6c7abecd2c0075ac9d01bf4e7ef09f1a60c495f66ad855f093575ced
+  languageName: node
+  linkType: hard
+
 "jest-runtime@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest-runtime@npm:26.6.3"
@@ -12304,6 +12986,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-runtime@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-runtime@npm:28.1.3"
+  dependencies:
+    "@jest/environment": ^28.1.3
+    "@jest/fake-timers": ^28.1.3
+    "@jest/globals": ^28.1.3
+    "@jest/source-map": ^28.1.2
+    "@jest/test-result": ^28.1.3
+    "@jest/transform": ^28.1.3
+    "@jest/types": ^28.1.3
+    chalk: ^4.0.0
+    cjs-module-lexer: ^1.0.0
+    collect-v8-coverage: ^1.0.0
+    execa: ^5.0.0
+    glob: ^7.1.3
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-mock: ^28.1.3
+    jest-regex-util: ^28.0.2
+    jest-resolve: ^28.1.3
+    jest-snapshot: ^28.1.3
+    jest-util: ^28.1.3
+    slash: ^3.0.0
+    strip-bom: ^4.0.0
+  checksum: f315b5dafd1af501afb643b274311fc906cd27236ba87bc004cf0494619fd4fad70bbc8d1b30a7335a17531367cefac0b0941cfd35c255d6ce4aecd686e76508
+  languageName: node
+  linkType: hard
+
 "jest-serializer-html@npm:^7.0.0":
   version: 7.1.0
   resolution: "jest-serializer-html@npm:7.1.0"
@@ -12354,6 +13066,51 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-snapshot@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-snapshot@npm:28.1.3"
+  dependencies:
+    "@babel/core": ^7.11.6
+    "@babel/generator": ^7.7.2
+    "@babel/plugin-syntax-typescript": ^7.7.2
+    "@babel/traverse": ^7.7.2
+    "@babel/types": ^7.3.3
+    "@jest/expect-utils": ^28.1.3
+    "@jest/transform": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/babel__traverse": ^7.0.6
+    "@types/prettier": ^2.1.5
+    babel-preset-current-node-syntax: ^1.0.0
+    chalk: ^4.0.0
+    expect: ^28.1.3
+    graceful-fs: ^4.2.9
+    jest-diff: ^28.1.3
+    jest-get-type: ^28.0.2
+    jest-haste-map: ^28.1.3
+    jest-matcher-utils: ^28.1.3
+    jest-message-util: ^28.1.3
+    jest-util: ^28.1.3
+    natural-compare: ^1.4.0
+    pretty-format: ^28.1.3
+    semver: ^7.3.5
+  checksum: 2dcf7a7e7a2ffff8decfab61e4a9b7c333ad4766a21cfb77d63d5bd01c298df31c511ac5c0754715e280e4cdeae9ca91f2c765c86e8764a59c142063bcc8dee6
+  languageName: node
+  linkType: hard
+
+"jest-util@npm:28.1.1":
+  version: 28.1.1
+  resolution: "jest-util@npm:28.1.1"
+  dependencies:
+    "@jest/types": ^28.1.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: 24f311d1b0c46f7ae9f37b020ee2932551d27882256b259768d3ce9915b43861808f1a40711344c4e567013858f11e11fc9ca19509e2c17810310e927185c705
+  languageName: node
+  linkType: hard
+
 "jest-util@npm:^24.0.0, jest-util@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-util@npm:24.9.0"
@@ -12402,6 +13159,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-util@npm:^28.1.1, jest-util@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-util@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: 7d4946424032a2ccb2ad669905debb44b0bf040dff7a1fe82d283c679ae4638a86ca48d6a276d65a76451252338ad84e76ef2cfde03f577f091fe2b3102aedc9
+  languageName: node
+  linkType: hard
+
 "jest-validate@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-validate@npm:26.6.2"
@@ -12416,6 +13187,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-validate@npm:^28.1.1, jest-validate@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-validate@npm:28.1.3"
+  dependencies:
+    "@jest/types": ^28.1.3
+    camelcase: ^6.2.0
+    chalk: ^4.0.0
+    jest-get-type: ^28.0.2
+    leven: ^3.1.0
+    pretty-format: ^28.1.3
+  checksum: 57a69c560f7ea8b69d0b26fb895f43de1e46f361c512cb74495b17a10d2999a341dba6a83b67dd3d8899a86242662db113ef8f3e0bc5cbf032a9982535b378e0
+  languageName: node
+  linkType: hard
+
 "jest-watch-typeahead@npm:^0.6.1":
   version: 0.6.5
   resolution: "jest-watch-typeahead@npm:0.6.5"
@@ -12463,6 +13248,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-watcher@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-watcher@npm:28.1.3"
+  dependencies:
+    "@jest/test-result": ^28.1.3
+    "@jest/types": ^28.1.3
+    "@types/node": "*"
+    ansi-escapes: ^4.2.1
+    chalk: ^4.0.0
+    emittery: ^0.10.2
+    jest-util: ^28.1.3
+    string-length: ^4.0.1
+  checksum: c61da8c35f8fc74224335471675649966787b12ae4469b5049cb46facafb30f16b63a52d0d1137701b651cd514abcae005680bfc542d85979ddbae4dbc6c10ad
+  languageName: node
+  linkType: hard
+
 "jest-worker@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-worker@npm:24.9.0"
@@ -12484,6 +13285,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-worker@npm:^28.1.1, jest-worker@npm:^28.1.3":
+  version: 28.1.3
+  resolution: "jest-worker@npm:28.1.3"
+  dependencies:
+    "@types/node": "*"
+    merge-stream: ^2.0.0
+    supports-color: ^8.0.0
+  checksum: d6715268fd6c9fd8431987d42e4ae0981dc6352fd7a5c90aadb9c67562dc6161486a98960f5d1bd36dbafb202d8d98a6fdb181711acbc5e55ee6ab85fa94c931
+  languageName: node
+  linkType: hard
+
 "jest@npm:^26.6.3":
   version: 26.6.3
   resolution: "jest@npm:26.6.3"
@@ -12531,7 +13343,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-yaml@npm:3.14.1, js-yaml@npm:^3.13.1, js-yaml@npm:^3.14.1, 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.1, js-yaml@npm:^3.6.1":
   version: 3.14.1
   resolution: "js-yaml@npm:3.14.1"
   dependencies:
@@ -12543,6 +13355,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"js-yaml@npm:4.1.0":
+  version: 4.1.0
+  resolution: "js-yaml@npm:4.1.0"
+  dependencies:
+    argparse: ^2.0.1
+  bin:
+    js-yaml: bin/js-yaml.js
+  checksum: 184a24b4eaacfce40ad9074c64fd42ac83cf74d8c8cd137718d456ced75051229e5061b8633c3366b8aada17945a7a356b337828c19da92b51ae62126575018f
+  languageName: node
+  linkType: hard
+
 "jsbn@npm:~0.1.0":
   version: 0.1.1
   resolution: "jsbn@npm:0.1.1"
@@ -13698,7 +14521,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.25.3, magic-string@npm:^0.25.7":
+"magic-string@npm:^0.25.7":
   version: 0.25.9
   resolution: "magic-string@npm:0.25.9"
   dependencies:
@@ -13966,13 +14789,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"memorystream@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "memorystream@npm:0.3.1"
-  checksum: 4bd164657711d9747ff5edb0508b2944414da3464b7fe21ac5c67cf35bba975c4b446a0124bd0f9a8be54cfc18faf92e92bd77563a20328b1ccf2ff04e9f39b9
-  languageName: node
-  linkType: hard
-
 "merge-descriptors@npm:1.0.1":
   version: 1.0.1
   resolution: "merge-descriptors@npm:1.0.1"
@@ -14135,6 +14951,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:3.0.5":
+  version: 3.0.5
+  resolution: "minimatch@npm:3.0.5"
+  dependencies:
+    brace-expansion: ^1.1.7
+  checksum: f398652d0d260137c289c270a4ac98ebe0a27cd316fa0fac72b096e96cbdc89f71d80d47ac7065c716ba3b0b730783b19180bd85a35f9247535d2adfe96bba76
+  languageName: node
+  linkType: hard
+
 "minimatch@npm:^5.0.1":
   version: 5.1.0
   resolution: "minimatch@npm:5.1.0"
@@ -14226,7 +15051,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minizlib@npm:^2.0.0, minizlib@npm:^2.1.0, minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
+"minizlib@npm:^2.0.0, minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
   version: 2.1.2
   resolution: "minizlib@npm:2.1.2"
   dependencies:
@@ -14484,6 +15309,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-addon-api@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "node-addon-api@npm:3.2.1"
+  dependencies:
+    node-gyp: latest
+  checksum: 41f21c9d12318875a2c429befd06070ce367065a3ef02952cfd4ea17ef69fa14012732f510b82b226e99c254da8d671847ea018cad785f839a5366e02dd56302
+  languageName: node
+  linkType: hard
+
 "node-cleanup@npm:^2.1.2":
   version: 2.1.2
   resolution: "node-cleanup@npm:2.1.2"
@@ -14523,6 +15357,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-gyp-build@npm:^4.3.0":
+  version: 4.5.0
+  resolution: "node-gyp-build@npm:4.5.0"
+  bin:
+    node-gyp-build: bin.js
+    node-gyp-build-optional: optional.js
+    node-gyp-build-test: build-test.js
+  checksum: 4ca30ae1f7ba570cd33ae6b71c7e3eb249c3901c0b8a02014cfe2ce18f7f23df621c8d087868973e4f32c90b1c4ad753b4dff1d8bf54666a3f848f414828c14f
+  languageName: node
+  linkType: hard
+
 "node-gyp-build@npm:~4.1.0":
   version: 4.1.1
   resolution: "node-gyp-build@npm:4.1.1"
@@ -14648,27 +15493,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"npm-run-all@npm:^4.1.5":
-  version: 4.1.5
-  resolution: "npm-run-all@npm:4.1.5"
-  dependencies:
-    ansi-styles: ^3.2.1
-    chalk: ^2.4.1
-    cross-spawn: ^6.0.5
-    memorystream: ^0.3.1
-    minimatch: ^3.0.4
-    pidtree: ^0.3.0
-    read-pkg: ^3.0.0
-    shell-quote: ^1.6.1
-    string.prototype.padend: ^3.0.0
-  bin:
-    npm-run-all: bin/npm-run-all/index.js
-    run-p: bin/run-p/index.js
-    run-s: bin/run-s/index.js
-  checksum: 736ee39bd35454d3efaa4a2e53eba6c523e2e17fba21a18edcce6b221f5cab62000bef16bb6ae8aff9e615831e6b0eb25ab51d52d60e6fa6f4ea880e4c6d31f4
-  languageName: node
-  linkType: hard
-
 "npm-run-path@npm:^2.0.0":
   version: 2.0.2
   resolution: "npm-run-path@npm:2.0.2"
@@ -14736,6 +15560,54 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nx@npm:14.6.1":
+  version: 14.6.1
+  resolution: "nx@npm:14.6.1"
+  dependencies:
+    "@nrwl/cli": 14.6.1
+    "@nrwl/tao": 14.6.1
+    "@parcel/watcher": 2.0.4
+    chalk: 4.1.0
+    chokidar: ^3.5.1
+    cli-cursor: 3.1.0
+    cli-spinners: 2.6.1
+    cliui: ^7.0.2
+    dotenv: ~10.0.0
+    enquirer: ~2.3.6
+    fast-glob: 3.2.7
+    figures: 3.2.0
+    flat: ^5.0.2
+    fs-extra: ^10.1.0
+    glob: 7.1.4
+    ignore: ^5.0.4
+    js-yaml: 4.1.0
+    jsonc-parser: 3.0.0
+    minimatch: 3.0.5
+    npm-run-path: ^4.0.1
+    open: ^8.4.0
+    semver: 7.3.4
+    string-width: ^4.2.3
+    tar-stream: ~2.2.0
+    tmp: ~0.2.1
+    tsconfig-paths: ^3.9.0
+    tslib: ^2.3.0
+    v8-compile-cache: 2.3.0
+    yargs: ^17.4.0
+    yargs-parser: 21.0.1
+  peerDependencies:
+    "@swc-node/register": ^1.4.2
+    "@swc/core": ^1.2.173
+  peerDependenciesMeta:
+    "@swc-node/register":
+      optional: true
+    "@swc/core":
+      optional: true
+  bin:
+    nx: bin/nx.js
+  checksum: 9f448a1f0e171d8b735a9a6e6930b8b199183ff9e224e6b6acac8ecd64d2eaf67261dca86a848befc96c60134096377f9d20b96b8c2829d658622603a718a01d
+  languageName: node
+  linkType: hard
+
 "oauth-sign@npm:~0.9.0":
   version: 0.9.0
   resolution: "oauth-sign@npm:0.9.0"
@@ -14927,7 +15799,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:8.4.0":
+"open@npm:8.4.0, open@npm:^8.4.0":
   version: 8.4.0
   resolution: "open@npm:8.4.0"
   dependencies:
@@ -14938,16 +15810,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:^7.4.2":
-  version: 7.4.2
-  resolution: "open@npm:7.4.2"
-  dependencies:
-    is-docker: ^2.0.0
-    is-wsl: ^2.1.1
-  checksum: 77573a6a68f7364f3a19a4c80492712720746b63680ee304555112605ead196afe91052bd3c3d165efdf4e9d04d255e87de0d0a77acec11ef47fd5261251813f
-  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"
@@ -15226,7 +16088,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-json@npm:^5.0.0":
+"parse-json@npm:^5.0.0, parse-json@npm:^5.2.0":
   version: 5.2.0
   resolution: "parse-json@npm:5.2.0"
   dependencies:
@@ -15364,7 +16226,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-parse@npm:^1.0.6, path-parse@npm:^1.0.7":
+"path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
   checksum: 11ce261f9d294cc7a58d6a574b7f1b935842355ec66fba3c3fd79e0f036462eaf07d0aa95bb74ff432f9afef97ce1926c720988c6a7451d8a584930ae7de86e1
@@ -15458,15 +16320,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pidtree@npm:^0.3.0":
-  version: 0.3.1
-  resolution: "pidtree@npm:0.3.1"
-  bin:
-    pidtree: bin/pidtree.js
-  checksum: cd69b0182f749f45ab48584e3442c48c5dc4512502c18d5b0147a33b042c41a4db4269b9ce2f7c48f11833ee5e79d81f5ebc6f7bf8372d4ea55726f60dc505a1
-  languageName: node
-  linkType: hard
-
 "pify@npm:^2.2.0, pify@npm:^2.3.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -15511,7 +16364,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pirates@npm:^4.0.1":
+"pirates@npm:^4.0.1, pirates@npm:^4.0.4":
   version: 4.0.5
   resolution: "pirates@npm:4.0.5"
   checksum: 58b6ff0f137a3d70ff34ac4802fd19819cdc19b53e9c95adecae6c7cfc77719a11f561ad85d46e79e520ef57c31145a564c8bc3bee8cfee75d441fab2928a51d
@@ -15696,7 +16549,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^28.0.0, pretty-format@npm:^28.1.3":
+"pretty-format@npm:^28.0.0, pretty-format@npm:^28.1.1, pretty-format@npm:^28.1.3":
   version: 28.1.3
   resolution: "pretty-format@npm:28.1.3"
   dependencies:
@@ -16918,7 +17771,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"require-from-string@npm:^2.0.1, require-from-string@npm:^2.0.2":
+"require-from-string@npm:^2.0.2":
   version: 2.0.2
   resolution: "require-from-string@npm:2.0.2"
   checksum: aaa267e0c5b022fc5fd4eef49d8285086b15f2a1c54b28240fdf03599cbd9c26049fee3eab894f2e1f6ca65e513b030a7c264201e3f005601e80c49fb2937ce2
@@ -16976,6 +17829,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve.exports@npm:1.1.0, resolve.exports@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "resolve.exports@npm:1.1.0"
+  checksum: 7e21c22ad129b934d5cc0b6aefd07f377a92e0b9699f49ac33eac1736a85e3aeb9270c85aac47f7070b5975739623ed007aac318d6bc5f036504b2b7a407fd31
+  languageName: node
+  linkType: hard
+
 "resolve@npm:1.1.7":
   version: 1.1.7
   resolution: "resolve@npm:1.1.7"
@@ -16983,15 +17843,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:1.17.0":
-  version: 1.17.0
-  resolution: "resolve@npm:1.17.0"
-  dependencies:
-    path-parse: ^1.0.6
-  checksum: 4e6c76cc1a7b08bff637b092ce035d7901465067915605bc5a23ac0c10fe42ec205fc209d5d5f7a5f27f37ce71d687def7f656bbb003631cd46a8374f55ec73d
-  languageName: node
-  linkType: hard
-
 "resolve@npm:^1.1.5, resolve@npm:^1.1.6, resolve@npm:^1.10.0, resolve@npm:^1.12.0, resolve@npm:^1.14.2, resolve@npm:^1.17.0, resolve@npm:^1.18.1, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.0":
   version: 1.22.1
   resolution: "resolve@npm:1.22.1"
@@ -17025,15 +17876,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@1.17.0#~builtin<compat/resolve>":
-  version: 1.17.0
-  resolution: "resolve@patch:resolve@npm%3A1.17.0#~builtin<compat/resolve>::version=1.17.0&hash=07638b"
-  dependencies:
-    path-parse: ^1.0.6
-  checksum: e072e52be3c3dbfd086761115db4a5136753e7aefc0e665e66e7307ddcd9d6b740274516055c74aee44921625e95993f03570450aa310b8d73b1c9daa056c4cd
-  languageName: node
-  linkType: hard
-
 "resolve@patch:resolve@^1.1.5#~builtin<compat/resolve>, resolve@patch:resolve@^1.1.6#~builtin<compat/resolve>, resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.18.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.22.0#~builtin<compat/resolve>":
   version: 1.22.1
   resolution: "resolve@patch:resolve@npm%3A1.22.1#~builtin<compat/resolve>::version=1.22.1&hash=07638b"
@@ -17140,17 +17982,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-inject@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "rollup-plugin-inject@npm:3.0.2"
-  dependencies:
-    estree-walker: ^0.6.1
-    magic-string: ^0.25.3
-    rollup-pluginutils: ^2.8.1
-  checksum: 35b9d955039b56b43750a9e458bb51b7956b048b6d3ca57b1f03462aa5a0cb176d1b677d95e909b64eee4e9adf73c02f569ad8c0ab5aafdec818ff51700c114c
-  languageName: node
-  linkType: hard
-
 "rollup-plugin-jsx@npm:^1.0.3":
   version: 1.0.3
   resolution: "rollup-plugin-jsx@npm:1.0.3"
@@ -17162,15 +17993,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-node-polyfills@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "rollup-plugin-node-polyfills@npm:0.2.1"
-  dependencies:
-    rollup-plugin-inject: ^3.0.0
-  checksum: 30f9e09cbbf979b1212e0c455d74c3a061994fc19ddf160da4634b11377222cea5903a5ba05db66be849f550cde9ffc80ecbfcfb48544045d08bfc408501417d
-  languageName: node
-  linkType: hard
-
 "rollup-plugin-terser@npm:^7.0.2":
   version: 7.0.2
   resolution: "rollup-plugin-terser@npm:7.0.2"
@@ -17195,15 +18017,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-pluginutils@npm:^2.8.1":
-  version: 2.8.2
-  resolution: "rollup-pluginutils@npm:2.8.2"
-  dependencies:
-    estree-walker: ^0.6.1
-  checksum: 20947bec5a5dd68b5c5c8423911e6e7c0ad834c451f1a929b1f4e2bc08836ad3f1a722ef2bfcbeca921870a0a283f13f064a317dc7a6768496e98c9a641ba290
-  languageName: node
-  linkType: hard
-
 "rollup@npm:^2.60.2, rollup@npm:^2.74.1":
   version: 2.77.0
   resolution: "rollup@npm:2.77.0"
@@ -17244,24 +18057,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs-for-await@npm:0.0.2":
-  version: 0.0.2
-  resolution: "rxjs-for-await@npm:0.0.2"
-  peerDependencies:
-    rxjs: ^6.0.0
-  checksum: 20f98281b1e9f7bf9c0da52f58e9d1404e875c71cf124a7672da2e43654b27e869aaf39fab60fed41d012cc6b8724206beb1156b506e9a7b9a8962d8b4ab9671
-  languageName: node
-  linkType: hard
-
-"rxjs@npm:6.5.5":
-  version: 6.5.5
-  resolution: "rxjs@npm:6.5.5"
-  dependencies:
-    tslib: ^1.9.0
-  checksum: 0b2f83892734c65b1682ddfc2616155a615d4b7f67e993cb459dbaaeedaad7878d5014dc0abb7a0da50b4c01ec8d3c1bca05bbb36260523dd18b7a7181a56bb5
-  languageName: node
-  linkType: hard
-
 "rxjs@npm:6.6.7, rxjs@npm:^6.5.4, rxjs@npm:^6.6.3":
   version: 6.6.7
   resolution: "rxjs@npm:6.6.7"
@@ -17636,13 +18431,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"shell-quote@npm:^1.6.1":
-  version: 1.7.3
-  resolution: "shell-quote@npm:1.7.3"
-  checksum: cf997c325f49c4393a859074f1ee9ca3da7d9e1940225bab24a86f0266504c7d7e356b83f13c74932cb243d53125b5c8c57b714017c53490bf1fe10540422014
-  languageName: node
-  linkType: hard
-
 "shelljs@npm:^0.8.5":
   version: 0.8.5
   resolution: "shelljs@npm:0.8.5"
@@ -17878,6 +18666,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map-support@npm:0.5.13":
+  version: 0.5.13
+  resolution: "source-map-support@npm:0.5.13"
+  dependencies:
+    buffer-from: ^1.0.0
+    source-map: ^0.6.0
+  checksum: 137539f8c453fa0f496ea42049ab5da4569f96781f6ac8e5bfda26937be9494f4e8891f523c5f98f0e85f71b35d74127a00c46f83f6a4f54672b58d53202565e
+  languageName: node
+  linkType: hard
+
 "source-map-support@npm:^0.5.6, source-map-support@npm:~0.5.20":
   version: 0.5.21
   resolution: "source-map-support@npm:0.5.21"
@@ -18260,17 +19058,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.padend@npm:^3.0.0":
-  version: 3.1.3
-  resolution: "string.prototype.padend@npm:3.1.3"
-  dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    es-abstract: ^1.19.1
-  checksum: c713de3b48f6c773c72012dfad99d3865e714d9c9f8ea8656852b21a9bf5d6ccbcbf553e14ef2b6cbdff45db935103322a1fab87dfda8021fd8c8af432195aeb
-  languageName: node
-  linkType: hard
-
 "string.prototype.trim@npm:^1.2.1":
   version: 1.2.6
   resolution: "string.prototype.trim@npm:1.2.6"
@@ -18471,7 +19258,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-color@npm:^8.1.1":
+"supports-color@npm:^8.0.0, supports-color@npm:^8.1.1":
   version: 8.1.1
   resolution: "supports-color@npm:8.1.1"
   dependencies:
@@ -18534,21 +19321,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:5.0.5":
-  version: 5.0.5
-  resolution: "tar@npm:5.0.5"
+"tar-stream@npm:~2.2.0":
+  version: 2.2.0
+  resolution: "tar-stream@npm:2.2.0"
   dependencies:
-    chownr: ^1.1.3
-    fs-minipass: ^2.0.0
-    minipass: ^3.0.0
-    minizlib: ^2.1.0
-    mkdirp: ^0.5.0
-    yallist: ^4.0.0
-  checksum: 3ca8d5e8e9f30dd0480d726c26b15ddb50ee91b9c8a6e65f139beaca11423db03197951d786033a1b15a45fd315383afff31a93d56e6331c4e972cef46688b05
+    bl: ^4.0.3
+    end-of-stream: ^1.4.1
+    fs-constants: ^1.0.0
+    inherits: ^2.0.3
+    readable-stream: ^3.1.1
+  checksum: 2f4c910b3ee7196502e1ff015a7ba321ec6ea837667220d7bcb8d0852d51cb04b87f7ae471008a6fb8f5b1a1b5078f62f3a82d30c706f20ada1238ac797e7692
   languageName: node
   linkType: hard
 
-"tar@npm:^6.0.2, tar@npm:^6.1.11, tar@npm:^6.1.2":
+"tar@npm:6.1.11, tar@npm:^6.0.2, tar@npm:^6.1.11, tar@npm:^6.1.2":
   version: 6.1.11
   resolution: "tar@npm:6.1.11"
   dependencies:
@@ -19042,7 +19828,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsconfig-paths@npm:^3.14.1":
+"tsconfig-paths@npm:^3.14.1, tsconfig-paths@npm:^3.9.0":
   version: 3.14.1
   resolution: "tsconfig-paths@npm:3.14.1"
   dependencies:
@@ -19061,7 +19847,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.1.0":
+"tslib@npm:^2.1.0, tslib@npm:^2.3.0":
   version: 2.4.0
   resolution: "tslib@npm:2.4.0"
   checksum: eb19bda3ae545b03caea6a244b34593468e23d53b26bf8649fbc20fce43e9b21a71127fd6d2b9662c0fe48ee6ff668ead48fd00d3b88b2b716b1c12edae25b5d
@@ -19075,15 +19861,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsup@npm:^6.1.2":
-  version: 6.1.3
-  resolution: "tsup@npm:6.1.3"
+"tsup@npm:^6.2.2":
+  version: 6.2.2
+  resolution: "tsup@npm:6.2.2"
   dependencies:
     bundle-require: ^3.0.2
     cac: ^6.7.12
     chokidar: ^3.5.1
     debug: ^4.3.1
-    esbuild: ^0.14.25
+    esbuild: ^0.15.1
     execa: ^5.0.0
     globby: ^11.0.3
     joycon: ^3.0.1
@@ -19107,7 +19893,7 @@ __metadata:
   bin:
     tsup: dist/cli-default.js
     tsup-node: dist/cli-node.js
-  checksum: d5f04c5610a39c34b125a12aeae4af259f1b5f219acfcd1787e735b60cf737ca52906fae538d8e41280558b5093f594d31654f0f2ea9a7d90b223404bc97d83b
+  checksum: f06c6b42b09f14271ea9a2a1e12a9d242822de4bfd56cafe5c6147b9027a4c967f26bafe59fa0be93c8e84990f42c9b936c8938d756546c71ed91843b971e040
   languageName: node
   linkType: hard
 
@@ -19715,6 +20501,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"util@npm:^0.12.4":
+  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
+
 "utils-merge@npm:1.0.1":
   version: 1.0.1
   resolution: "utils-merge@npm:1.0.1"
@@ -19722,7 +20522,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uuid@npm:^3.3.2, uuid@npm:^3.3.3":
+"uuid@npm:^3.3.2":
   version: 3.4.0
   resolution: "uuid@npm:3.4.0"
   bin:
@@ -19765,6 +20565,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"v8-to-istanbul@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "v8-to-istanbul@npm:9.0.1"
+  dependencies:
+    "@jridgewell/trace-mapping": ^0.3.12
+    "@types/istanbul-lib-coverage": ^2.0.1
+    convert-source-map: ^1.6.0
+  checksum: aaa6491ee0505010a818a98bd7abdb30c0136a93eac12106b836e1afb519759ea4da795cceaf7fe871d26ed6cb669e46fd48533d6f8107a23213d723a028f805
+  languageName: node
+  linkType: hard
+
 "validate-npm-package-license@npm:^3.0.1":
   version: 3.0.4
   resolution: "validate-npm-package-license@npm:3.0.4"
@@ -20017,7 +20828,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"walker@npm:^1.0.7, walker@npm:~1.0.5":
+"walker@npm:^1.0.7, walker@npm:^1.0.8, walker@npm:~1.0.5":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
   dependencies:
@@ -20174,6 +20985,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which-typed-array@npm:^1.1.2":
+  version: 1.1.8
+  resolution: "which-typed-array@npm:1.1.8"
+  dependencies:
+    available-typed-arrays: ^1.0.5
+    call-bind: ^1.0.2
+    es-abstract: ^1.20.0
+    for-each: ^0.3.3
+    has-tostringtag: ^1.0.0
+    is-typed-array: ^1.1.9
+  checksum: bdab0d7d077015a8e9710d93951614f2a7962ed62f5240d2852c61eb578a888c4a9da5ef93ba9d0191812e05db1817168e1ab746036d39e863d555f9b68008f1
+  languageName: node
+  linkType: hard
+
 "which@npm:^1.2.9":
   version: 1.3.1
   resolution: "which@npm:1.3.1"
@@ -20311,6 +21136,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"write-file-atomic@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "write-file-atomic@npm:4.0.2"
+  dependencies:
+    imurmurhash: ^0.1.4
+    signal-exit: ^3.0.7
+  checksum: a2c282c95ef5d8e1c27b335ae897b5eca00e85590d92a3fd69a437919b7b93ff36a69ea04145da55829d2164e724bc62202cdb5f4b208b425aba0807889375c7
+  languageName: node
+  linkType: hard
+
 "ws@npm:^5.2.0":
   version: 5.2.3
   resolution: "ws@npm:5.2.3"
@@ -20435,13 +21270,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:20.0.0":
-  version: 20.0.0
-  resolution: "yargs-parser@npm:20.0.0"
-  checksum: 57737f9a5a16907513928aa4307641b04d0686543b9c31d827f26f3013715b3d6e32334022924ddf1b3b82170a4eb2393eae47dca38db3ed5659637a3afd1157
-  languageName: node
-  linkType: hard
-
 "yargs-parser@npm:20.x":
   version: 20.2.9
   resolution: "yargs-parser@npm:20.2.9"
@@ -20449,6 +21277,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs-parser@npm:21.0.1, yargs-parser@npm:^21.0.0":
+  version: 21.0.1
+  resolution: "yargs-parser@npm:21.0.1"
+  checksum: 384ca19e113a053bb7858cf47f891e630c10ea6ad91f9ad7cae84ea1cdfb09b155a2d0fa97b51116ee6f01e038faaa6c46964953afecd453fa64a761bb87475f
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:>=21.0.1":
+  version: 21.1.1
+  resolution: "yargs-parser@npm:21.1.1"
+  checksum: f84b5e48169479d2f402239c59f084cfd1c3acc197a05c59b98bab067452e6b3ea46d4dd8ba2985ba7b3d32a343d77df0debd6b343e5dae3da2aab2cdf5886b2
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:^18.1.2":
   version: 18.1.3
   resolution: "yargs-parser@npm:18.1.3"
@@ -20459,14 +21301,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^21.0.0":
-  version: 21.0.1
-  resolution: "yargs-parser@npm:21.0.1"
-  checksum: 384ca19e113a053bb7858cf47f891e630c10ea6ad91f9ad7cae84ea1cdfb09b155a2d0fa97b51116ee6f01e038faaa6c46964953afecd453fa64a761bb87475f
-  languageName: node
-  linkType: hard
-
-"yargs@npm:15.4.1, yargs@npm:^15.4.1":
+"yargs@npm:^15.4.1":
   version: 15.4.1
   resolution: "yargs@npm:15.4.1"
   dependencies:
@@ -20485,7 +21320,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:^17.2.1":
+"yargs@npm:^17.2.1, yargs@npm:^17.4.0":
   version: 17.5.1
   resolution: "yargs@npm:17.5.1"
   dependencies: