diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index 1d3ad4cb0423..2680bc695ac6 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,9 @@
+## 7.1.0-alpha.39
+
+- CLI: Add new Configure page to templates - [#23171](https://github.com/storybookjs/storybook/pull/23171), thanks [@yannbf](https://github.com/yannbf)!
+- CLI: Fix storybook package manager command in init - [#23169](https://github.com/storybookjs/storybook/pull/23169), thanks [@yannbf](https://github.com/yannbf)!
+- React: Add addon-onboarding as part of init - [#22972](https://github.com/storybookjs/storybook/pull/22972), thanks [@yannbf](https://github.com/yannbf)!
+
 ## 7.1.0-alpha.38
 
 - CLI: Fix installing user's project before init - [#23145](https://github.com/storybookjs/storybook/pull/23145), thanks [@ndelangen](https://github.com/ndelangen)!
diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 549ca8afc9e9..85197593fd28 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -63,16 +63,16 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.1.0-alpha.38",
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/addon-highlight": "7.1.0-alpha.39",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "axe-core": "^4.2.0",
     "lodash": "^4.17.21",
     "react-resize-detector": "^7.1.2"
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 285802dd6351..a7d64bdcafea 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -80,14 +80,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 9f0d265c4fff..2617f57e49f4 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -76,14 +76,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index fe04e5d9ad21..08ff666eac8f 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -68,15 +68,15 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/blocks": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/blocks": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index a04f15a1dc1f..814861869651 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -99,19 +99,19 @@
   "dependencies": {
     "@jest/transform": "^29.3.1",
     "@mdx-js/react": "^2.1.5",
-    "@storybook/blocks": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/csf-plugin": "7.1.0-alpha.38",
-    "@storybook/csf-tools": "7.1.0-alpha.38",
+    "@storybook/blocks": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/csf-plugin": "7.1.0-alpha.39",
+    "@storybook/csf-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
     "@storybook/mdx2-csf": "^1.0.0",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/postinstall": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/react-dom-shim": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/postinstall": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/react-dom-shim": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "fs-extra": "^11.1.0",
     "remark-external-links": "^8.0.0",
     "remark-slug": "^6.0.0",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 6e9b908e60da..07d9b60cc040 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -119,23 +119,23 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.1.0-alpha.38",
-    "@storybook/addon-backgrounds": "7.1.0-alpha.38",
-    "@storybook/addon-controls": "7.1.0-alpha.38",
-    "@storybook/addon-docs": "7.1.0-alpha.38",
-    "@storybook/addon-highlight": "7.1.0-alpha.38",
-    "@storybook/addon-measure": "7.1.0-alpha.38",
-    "@storybook/addon-outline": "7.1.0-alpha.38",
-    "@storybook/addon-toolbars": "7.1.0-alpha.38",
-    "@storybook/addon-viewport": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
+    "@storybook/addon-actions": "7.1.0-alpha.39",
+    "@storybook/addon-backgrounds": "7.1.0-alpha.39",
+    "@storybook/addon-controls": "7.1.0-alpha.39",
+    "@storybook/addon-docs": "7.1.0-alpha.39",
+    "@storybook/addon-highlight": "7.1.0-alpha.39",
+    "@storybook/addon-measure": "7.1.0-alpha.39",
+    "@storybook/addon-outline": "7.1.0-alpha.39",
+    "@storybook/addon-toolbars": "7.1.0-alpha.39",
+    "@storybook/addon-viewport": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "@storybook/vue": "7.1.0-alpha.38",
+    "@storybook/vue": "7.1.0-alpha.39",
     "typescript": "^4.9.3"
   },
   "peerDependencies": {
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index fbb09a722f38..30bea5ec4e1f 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
@@ -51,7 +51,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/node-logger": "7.1.0-alpha.38",
+    "@storybook/node-logger": "7.1.0-alpha.39",
     "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 6c37ae19c5af..7c489552b4ec 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -61,9 +61,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38"
+    "@storybook/preview-api": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.16.0",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index cfd7d987ba57..8f6fc232abbd 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -72,16 +72,16 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/instrumenter": "7.1.0-alpha.38",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/instrumenter": "7.1.0-alpha.39",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "jest-mock": "^29.5.0",
     "polished": "^4.2.2",
     "ts-dedent": "^2.2.0"
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 5e9cec414654..709fa9ec4561 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -70,13 +70,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
     "react-resize-detector": "^7.1.2",
     "tiny-invariant": "^1.3.1",
     "upath": "^2.0.1"
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 4a34c50b661a..a564f8c8711a 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -80,14 +80,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/router": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/router": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "prop-types": "^15.7.2",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 8de1a0d1fe66..c6a2350666aa 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
@@ -75,13 +75,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index c8e75a430bdb..71d34c49db00 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
@@ -78,13 +78,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/addons/storyshots-core/package.json b/code/addons/storyshots-core/package.json
index 20fa9dc1603f..8b6fdf1e59b9 100644
--- a/code/addons/storyshots-core/package.json
+++ b/code/addons/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Take a code snapshot of every story automatically with Jest",
   "keywords": [
     "addon",
@@ -38,12 +38,12 @@
   "dependencies": {
     "@jest/transform": "^29.3.1",
     "@storybook/babel-plugin-require-context-hook": "1.0.1",
-    "@storybook/client-api": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
+    "@storybook/client-api": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/jest-specific-snapshot": "^0.5.6",
     "glob": "^10.0.0",
     "jest-specific-snapshot": "^8.0.0",
@@ -57,11 +57,11 @@
     "@angular/core": "^16.0.0-rc.4",
     "@angular/platform-browser-dynamic": "^16.0.0-rc.4",
     "@emotion/jest": "^11.8.0",
-    "@storybook/addon-docs": "7.1.0-alpha.38",
-    "@storybook/angular": "7.1.0-alpha.38",
-    "@storybook/react": "7.1.0-alpha.38",
-    "@storybook/vue": "7.1.0-alpha.38",
-    "@storybook/vue3": "7.1.0-alpha.38",
+    "@storybook/addon-docs": "7.1.0-alpha.39",
+    "@storybook/angular": "7.1.0-alpha.39",
+    "@storybook/react": "7.1.0-alpha.39",
+    "@storybook/vue": "7.1.0-alpha.39",
+    "@storybook/vue3": "7.1.0-alpha.39",
     "babel-loader": "^9.1.2",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
diff --git a/code/addons/storyshots-puppeteer/package.json b/code/addons/storyshots-puppeteer/package.json
index f5a1ec5d274a..5cc4651f2c81 100644
--- a/code/addons/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
@@ -37,8 +37,8 @@
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
     "@storybook/csf": "^0.1.0",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/jest-image-snapshot": "^6.0.0",
     "jest-image-snapshot": "^6.0.0"
   },
@@ -49,7 +49,7 @@
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "7.1.0-alpha.38",
+    "@storybook/addon-storyshots": "7.1.0-alpha.39",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 555850fadd8e..0c3e2935bf3b 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
@@ -53,13 +53,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/router": "7.1.0-alpha.38",
-    "@storybook/source-loader": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/router": "7.1.0-alpha.39",
+    "@storybook/source-loader": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
     "estraverse": "^5.2.0",
     "prop-types": "^15.7.2",
     "react-syntax-highlighter": "^15.5.0",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 5fbaf45edac2..1695def31fde 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
@@ -68,11 +68,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38"
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 0f9ebbd8b95f..9c743770c8e2 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
@@ -73,13 +73,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
     "memoizerific": "^1.11.3",
     "prop-types": "^15.7.2"
   },
diff --git a/code/builders/builder-manager/package.json b/code/builders/builder-manager/package.json
index 4a3835d501b5..3e3e41ebcc3a 100644
--- a/code/builders/builder-manager/package.json
+++ b/code/builders/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
@@ -44,9 +44,9 @@
   },
   "dependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/manager": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/manager": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
     "@types/ejs": "^3.1.1",
     "@types/find-cache-dir": "^3.2.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index a37288183ee1..22268f478890 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
@@ -42,15 +42,15 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/csf-plugin": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/csf-plugin": "7.1.0-alpha.39",
     "@storybook/mdx2-csf": "^1.0.0",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/find-cache-dir": "^3.2.1",
     "browser-assert": "^1.2.1",
     "es-module-lexer": "^0.9.3",
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index d3e62d1538f5..b3a6e1a3337c 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -56,24 +56,24 @@
   },
   "dependencies": {
     "@babel/core": "^7.22.0",
-    "@storybook/addons": "7.1.0-alpha.38",
-    "@storybook/api": "7.1.0-alpha.38",
-    "@storybook/channel-postmessage": "7.1.0-alpha.38",
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-api": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
+    "@storybook/addons": "7.1.0-alpha.39",
+    "@storybook/api": "7.1.0-alpha.39",
+    "@storybook/channel-postmessage": "7.1.0-alpha.39",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-api": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/router": "7.1.0-alpha.38",
-    "@storybook/store": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/router": "7.1.0-alpha.39",
+    "@storybook/store": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
     "@swc/core": "^1.3.49",
     "@types/node": "^16.0.0",
     "@types/semver": "^7.3.4",
diff --git a/code/deprecated/addons/package.json b/code/deprecated/addons/package.json
index eee3e3a2d439..1362bcbd4968 100644
--- a/code/deprecated/addons/package.json
+++ b/code/deprecated/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -44,9 +44,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38"
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/deprecated/channel-postmessage/package.json b/code/deprecated/channel-postmessage/package.json
index a8863ebf9ebf..aff68209bfe7 100644
--- a/code/deprecated/channel-postmessage/package.json
+++ b/code/deprecated/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38"
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/deprecated/channel-websocket/package.json b/code/deprecated/channel-websocket/package.json
index a43f1adc6d8e..8e15fc8c616e 100644
--- a/code/deprecated/channel-websocket/package.json
+++ b/code/deprecated/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38"
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/deprecated/client-api/package.json b/code/deprecated/client-api/package.json
index fda0c25ec925..82ee658611f7 100644
--- a/code/deprecated/client-api/package.json
+++ b/code/deprecated/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38"
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/deprecated/core-client/package.json b/code/deprecated/core-client/package.json
index 263c4d535f7a..f79e56602f56 100644
--- a/code/deprecated/core-client/package.json
+++ b/code/deprecated/core-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-client",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,8 +35,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38"
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/deprecated/manager-api-shim/package.json b/code/deprecated/manager-api-shim/package.json
index f73e5eee6303..05a83a6e899a 100644
--- a/code/deprecated/manager-api-shim/package.json
+++ b/code/deprecated/manager-api-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Manager API (facade)",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/manager-api": "7.1.0-alpha.38"
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/manager-api": "7.1.0-alpha.39"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/deprecated/preview-web/package.json b/code/deprecated/preview-web/package.json
index 68d9d4c3d05b..1fc0e392fd1c 100644
--- a/code/deprecated/preview-web/package.json
+++ b/code/deprecated/preview-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-web",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38"
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/deprecated/store/package.json b/code/deprecated/store/package.json
index 50c4e29bdca2..32dc47778d9f 100644
--- a/code/deprecated/store/package.json
+++ b/code/deprecated/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/store",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38"
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/e2e-tests/addon-backgrounds.spec.ts b/code/e2e-tests/addon-backgrounds.spec.ts
index 8aeb162d58c1..29ab0cbd1957 100644
--- a/code/e2e-tests/addon-backgrounds.spec.ts
+++ b/code/e2e-tests/addon-backgrounds.spec.ts
@@ -63,7 +63,7 @@ test.describe('addon-backgrounds', () => {
 
       // We start on the introduction page by default.
       await sbPage.page.waitForURL((url) =>
-        url.search.includes(`path=/docs/example-introduction--docs`)
+        url.search.includes(`path=/docs/configure-your-project--docs`)
       );
 
       await expect(sbPage.page.locator(backgroundToolbarSelector)).toBeVisible();
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 57bd36e3dfd6..da795f758fa1 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -36,20 +36,20 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/cli": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/cli": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/telemetry": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/telemetry": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 88d1687580fd..e38f02c95d09 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
@@ -31,12 +31,12 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index fc3f029282e5..a9b0b069d6c4 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,14 +47,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.1.0-alpha.38",
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/channel-postmessage": "7.1.0-alpha.38",
-    "@storybook/client-api": "7.1.0-alpha.38",
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/html": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview-web": "7.1.0-alpha.38",
+    "@storybook/addons": "7.1.0-alpha.39",
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/channel-postmessage": "7.1.0-alpha.39",
+    "@storybook/client-api": "7.1.0-alpha.39",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/html": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview-web": "7.1.0-alpha.39",
     "magic-string": "^0.30.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index aae5bb911caa..fa90bdf1d4d1 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,11 +47,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/html": "7.1.0-alpha.38",
-    "@storybook/preset-html-webpack": "7.1.0-alpha.38",
+    "@storybook/html": "7.1.0-alpha.39",
+    "@storybook/preset-html-webpack": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index f33fcdd4a123..622e7215be51 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
@@ -70,13 +70,13 @@
     "@babel/preset-react": "^7.22.0",
     "@babel/preset-typescript": "^7.21.0",
     "@babel/runtime": "^7.22.0",
-    "@storybook/addon-actions": "7.1.0-alpha.38",
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preset-react-webpack": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/react": "7.1.0-alpha.38",
+    "@storybook/addon-actions": "7.1.0-alpha.39",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preset-react-webpack": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/react": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "css-loader": "^6.7.3",
     "find-up": "^5.0.0",
diff --git a/code/frameworks/nextjs/template/cli/js/Configure.mdx b/code/frameworks/nextjs/template/cli/js/Configure.mdx
new file mode 100644
index 000000000000..2bae870cabea
--- /dev/null
+++ b/code/frameworks/nextjs/template/cli/js/Configure.mdx
@@ -0,0 +1,284 @@
+import { Meta } from '@storybook/blocks';
+import Image from 'next/image';
+
+import Accessibility from "./assets/accessibility.svg";
+import Checkmark from "./assets/checkmark.svg";
+import Document from "./assets/document.svg";
+import Typography from "./assets/typography.svg";
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Chromatic from "./assets/chromatic.svg";
+import Figma from "./assets/figma.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.jpg";
+import Context from "./assets/context.jpg";
+import Assets from "./assets/assets.jpg";
+
+<Meta title="Configure your project" />
+
+# Configure your project
+
+Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+
+<div className="sb-section">
+  <div className="sb-section-item">
+    <Image
+      src={Styling}
+      alt="A wall of logos representing different styling technologies"
+    />
+    <div className="sb-block">
+      <h3>Add styling and CSS</h3>
+      <p>Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/configure/styling-and-css"
+        target="_blank"
+      >Read more on how to set up styling <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <Image
+      src={Context}
+      alt="An abstraction representing the composition of data for a component"
+    />
+    <div className="sb-block">
+      <h3>Provide context and mocking</h3>
+      <p>Often when a story doesn't render, it's because your component is
+        expecting a specific environment or context (like a theme provider) to be available. 
+        Learn more about solving these issues by providing context and mocking to Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-stories/decorators#context-for-mocking" 
+        target="_blank"
+      >Read more on how to set up context <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <Image src={Assets} alt="A representation of typography and image assets" />
+    <div className="sb-block">
+      <h3>Load assets and resources</h3>
+      <p>To link static files (like fonts) to your projects and stories, use the `staticDirs` configuration option to specify folders to load when starting Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/configure/images-and-assets"
+        target="_blank"
+      >Read more on how to load assets <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Do more with Storybook
+
+Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-features-grid-container">
+    <div className="sb-grid-item">
+      <Image src={Document} alt="Document" />
+      <h3>Autodocs</h3>
+      <p>Auto-generate living, interactive reference documentation from your components and stories.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-docs/autodocs"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Checkmark} alt="Checkmark" />
+      <h3>Testing</h3>
+      <p>Use stories to test a component in all its variations, no matter how complex.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-tests/introduction"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Chromatic} alt="Chromatic" />
+      <h3>Publish to Chromatic</h3>
+      <p>Publish your Storybook to review and collaborate with your entire team.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/sharing/publish-storybook#publish-storybook-with-chromatic"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Figma} alt="Figma" />
+      <h3>Figma Plugin</h3>
+      <p>Embed your stories into Figma to cross-reference the design and live implementation in one place.</p>
+      <a
+        href="https://storybook.js.org/docs/react/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Accessibility} alt="Accessibility" />
+      <h3>Accessibility</h3>
+      <p>Automatically test your components for a11y issues as you develop.</p>
+      <a
+        href="https://storybook.js.org/docs/react/writing-tests/accessibility-testing"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Typography} alt="Typography" />
+      <h3>Theming</h3>
+      <p>Theme Storybook's UI to personalize it to your project.</p>
+      <a
+        href="https://storybook.js.org/docs/react/configure/theming"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Explore and Connect
+
+Connect with our community on Discord or start contributing directly on Github. You might also be interesting in watching some videos on Youtube explaining how to take full advantage of Storybook.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-card-grid-container">
+    <a
+      className="sb-explore-card"
+      href="https://discord.gg/storybook"
+      target="_blank"
+    >
+      <Image src={Discord} alt="Discord" />
+      <span>Discord</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://github.com/storybookjs/storybook"
+      target="_blank"
+    >
+      <Image src={Github} alt="Github" />
+      <span>Github</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://www.youtube.com/@chromaticui"
+      target="_blank"
+    >
+      <Image src={Youtube} alt="Youtube" />
+      <span>Youtube</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://storybook.js.org/tutorials/"
+      target="_blank"
+    >
+      <Image src={Tutorials} alt="Tutorials" />
+      <span>Tutorials</span>
+    </a>
+  </div>
+</div>
+
+<style>
+  {`
+  .sb-section {
+    width: 100%;
+    margin-bottom: 64px;
+  }
+
+  .sb-section img {
+    border-radius: 10px;
+    max-height: 170px;
+  }
+
+  .sb-section-item {
+    width: 100%;
+    margin-bottom: 20px;
+    width: 100%;
+    display: flex;
+    gap: 18px;
+    align-items: center;
+  }
+
+  .sb-section-item a,
+  .sb-grid-item a {
+    font-size: 13px;
+    transition: transform 150ms ease-out,color 150ms ease-out;
+  }
+
+  .sb-section-item img {
+    width: 297px;
+  }
+
+  .sb-section-item a > p,
+  .sb-grid-item a > p {
+    all: unset;
+  }
+
+  .sb-block {
+    flex: 1;
+    margin-left: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: 40px 20px;
+  }
+
+  .sb-grid-item img {
+    max-height: 48px;
+    margin-bottom: 12px;
+  }
+
+  .sb-card-grid-container {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 20px;
+  }
+
+  .sb-explore-card {
+    border-radius: 8px;
+    border: 2px solid #00000010;
+    padding: 20px;
+    display: grid;
+    justify-content: center;
+    font-weight: 700;
+    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+    color: #333333;
+    gap: 8px;
+  }
+
+  .sb-explore-card:hover {
+    border-color: #1EA7FD50;
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  .sb-explore-card:active {
+    border-color: #1EA7FD;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .sb-card-background {
+    width: 100%;
+    height: 150px;
+    background-color: #ccc;
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section-item {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .sb-block {
+      margin-left: 0;
+      margin-top: 10px;
+    }
+    .sb-features-grid-container {
+      grid-template-columns: repeat(1, 1fr);
+    }
+    .sb-card-grid-container {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+  `}
+</style>
diff --git a/code/frameworks/nextjs/template/cli/js/Introduction.mdx b/code/frameworks/nextjs/template/cli/js/Introduction.mdx
deleted file mode 100644
index 7055076a5273..000000000000
--- a/code/frameworks/nextjs/template/cli/js/Introduction.mdx
+++ /dev/null
@@ -1,230 +0,0 @@
-import { Meta } from '@storybook/blocks';
-import Image from 'next/image';
-
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
-
-<Meta title="Example/Introduction" />
-
-<style>
-  {`
-    .subheading {
-      --mediumdark: '#999999';
-      font-weight: 700;
-      font-size: 13px;
-      color: #999;
-      letter-spacing: 6px;
-      line-height: 24px;
-      text-transform: uppercase;
-      margin-bottom: 12px;
-      margin-top: 40px;
-    }
-
-    .link-list {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: 1fr 1fr;
-      row-gap: 10px;
-    }
-
-    @media (min-width: 620px) {
-      .link-list {
-        row-gap: 20px;
-        column-gap: 20px;
-        grid-template-columns: 1fr 1fr;
-      }
-    }
-
-    @media all and (-ms-high-contrast:none) {
-    .link-list {
-        display: -ms-grid;
-        -ms-grid-columns: 1fr 1fr;
-        -ms-grid-rows: 1fr 1fr;
-      }
-    }
-
-    .link-item {
-      display: block;
-      padding: 20px;
-      border: 1px solid #00000010;
-      border-radius: 5px;
-      transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
-      color: #333333;
-      display: flex;
-      align-items: flex-start;
-    }
-
-    .link-item:hover {
-      border-color: #1EA7FD50;
-      transform: translate3d(0, -3px, 0);
-      box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
-    }
-
-    .link-item:active {
-      border-color: #1EA7FD;
-      transform: translate3d(0, 0, 0);
-    }
-
-    .link-item strong {
-      font-weight: 700;
-      display: block;
-      margin-bottom: 2px;
-    }
-
-    .link-item-img-wrapper {
-      height: 40px;
-      width: 40px;
-      margin-right: 15px;
-      flex: none;
-    }
-
-    .link-item span,
-    .link-item p {
-      margin: 0;
-      font-size: 14px;
-      line-height: 20px;
-    }
-
-    .tip {
-      display: inline-block;
-      border-radius: 1em;
-      font-size: 11px;
-      line-height: 12px;
-      font-weight: 700;
-      background: #E7FDD8;
-      color: #66BF3C;
-      padding: 4px 12px;
-      margin-right: 10px;
-      vertical-align: top;
-    }
-
-    .tip-wrapper {
-      font-size: 13px;
-      line-height: 20px;
-      margin-top: 40px;
-      margin-bottom: 40px;
-    }
-
-    .tip-wrapper code {
-      font-size: 12px;
-      display: inline-block;
-    }
-  `}
-</style>
-
-# Welcome to Storybook
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-<div className="subheading">Configure</div>
-
-<div className="link-list">
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/addons/addon-types"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Plugin} alt="plugin" />
-    </div>
-    <span>
-      <strong>Presets for popular tools</strong>
-      Easy setup for TypeScript, SCSS and more.
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/webpack"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={StackAlt} alt="Build" />
-    </div>
-    <span>
-      <strong>Build configuration</strong>
-      How to customize webpack and Babel
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/styling-and-css"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Colors} alt="colors" />
-    </div>
-    <span>
-      <strong>Styling</strong>
-      How to load and configure CSS libraries
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Flow} alt="flow" />
-    </div>
-    <span>
-      <strong>Data</strong>
-      Providers and mocking for data libraries
-    </span>
-  </a>
-</div>
-
-<div className="subheading">Learn</div>
-
-<div className="link-list">
-  <a className="link-item" href="https://storybook.js.org/docs" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Repo} alt="repo" />
-    </div>
-    <span>
-      <strong>Storybook documentation</strong>
-      Configure, customize, and extend
-    </span>
-  </a>
-  <a className="link-item" href="https://storybook.js.org/tutorials/" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Direction} alt="direction" />
-    </div>
-    <span>
-      <strong>In-depth guides</strong>
-      Best practices from leading teams
-    </span>
-  </a>
-  <a className="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Code} alt="code" />
-    </div>
-    <span>
-      <strong>GitHub project</strong>
-      View the source and add issues
-    </span>
-  </a>
-  <a className="link-item" href="https://discord.gg/storybook" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Comments} alt="comments" />
-    </div>
-    <span>
-      <strong>Discord chat</strong>
-      Chat with maintainers and the community
-    </span>
-  </a>
-</div>
-
-<div className="tip-wrapper">
-  <span className="tip">Tip</span>Edit the Markdown in <code>stories/Introduction.mdx</code>
-</div>
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Configure.mdx b/code/frameworks/nextjs/template/cli/ts-3-8/Configure.mdx
new file mode 100644
index 000000000000..2bae870cabea
--- /dev/null
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Configure.mdx
@@ -0,0 +1,284 @@
+import { Meta } from '@storybook/blocks';
+import Image from 'next/image';
+
+import Accessibility from "./assets/accessibility.svg";
+import Checkmark from "./assets/checkmark.svg";
+import Document from "./assets/document.svg";
+import Typography from "./assets/typography.svg";
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Chromatic from "./assets/chromatic.svg";
+import Figma from "./assets/figma.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.jpg";
+import Context from "./assets/context.jpg";
+import Assets from "./assets/assets.jpg";
+
+<Meta title="Configure your project" />
+
+# Configure your project
+
+Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+
+<div className="sb-section">
+  <div className="sb-section-item">
+    <Image
+      src={Styling}
+      alt="A wall of logos representing different styling technologies"
+    />
+    <div className="sb-block">
+      <h3>Add styling and CSS</h3>
+      <p>Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/configure/styling-and-css"
+        target="_blank"
+      >Read more on how to set up styling <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <Image
+      src={Context}
+      alt="An abstraction representing the composition of data for a component"
+    />
+    <div className="sb-block">
+      <h3>Provide context and mocking</h3>
+      <p>Often when a story doesn't render, it's because your component is
+        expecting a specific environment or context (like a theme provider) to be available. 
+        Learn more about solving these issues by providing context and mocking to Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-stories/decorators#context-for-mocking" 
+        target="_blank"
+      >Read more on how to set up context <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <Image src={Assets} alt="A representation of typography and image assets" />
+    <div className="sb-block">
+      <h3>Load assets and resources</h3>
+      <p>To link static files (like fonts) to your projects and stories, use the `staticDirs` configuration option to specify folders to load when starting Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/configure/images-and-assets"
+        target="_blank"
+      >Read more on how to load assets <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Do more with Storybook
+
+Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-features-grid-container">
+    <div className="sb-grid-item">
+      <Image src={Document} alt="Document" />
+      <h3>Autodocs</h3>
+      <p>Auto-generate living, interactive reference documentation from your components and stories.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-docs/autodocs"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Checkmark} alt="Checkmark" />
+      <h3>Testing</h3>
+      <p>Use stories to test a component in all its variations, no matter how complex.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-tests/introduction"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Chromatic} alt="Chromatic" />
+      <h3>Publish to Chromatic</h3>
+      <p>Publish your Storybook to review and collaborate with your entire team.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/sharing/publish-storybook#publish-storybook-with-chromatic"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Figma} alt="Figma" />
+      <h3>Figma Plugin</h3>
+      <p>Embed your stories into Figma to cross-reference the design and live implementation in one place.</p>
+      <a
+        href="https://storybook.js.org/docs/react/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Accessibility} alt="Accessibility" />
+      <h3>Accessibility</h3>
+      <p>Automatically test your components for a11y issues as you develop.</p>
+      <a
+        href="https://storybook.js.org/docs/react/writing-tests/accessibility-testing"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Typography} alt="Typography" />
+      <h3>Theming</h3>
+      <p>Theme Storybook's UI to personalize it to your project.</p>
+      <a
+        href="https://storybook.js.org/docs/react/configure/theming"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Explore and Connect
+
+Connect with our community on Discord or start contributing directly on Github. You might also be interesting in watching some videos on Youtube explaining how to take full advantage of Storybook.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-card-grid-container">
+    <a
+      className="sb-explore-card"
+      href="https://discord.gg/storybook"
+      target="_blank"
+    >
+      <Image src={Discord} alt="Discord" />
+      <span>Discord</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://github.com/storybookjs/storybook"
+      target="_blank"
+    >
+      <Image src={Github} alt="Github" />
+      <span>Github</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://www.youtube.com/@chromaticui"
+      target="_blank"
+    >
+      <Image src={Youtube} alt="Youtube" />
+      <span>Youtube</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://storybook.js.org/tutorials/"
+      target="_blank"
+    >
+      <Image src={Tutorials} alt="Tutorials" />
+      <span>Tutorials</span>
+    </a>
+  </div>
+</div>
+
+<style>
+  {`
+  .sb-section {
+    width: 100%;
+    margin-bottom: 64px;
+  }
+
+  .sb-section img {
+    border-radius: 10px;
+    max-height: 170px;
+  }
+
+  .sb-section-item {
+    width: 100%;
+    margin-bottom: 20px;
+    width: 100%;
+    display: flex;
+    gap: 18px;
+    align-items: center;
+  }
+
+  .sb-section-item a,
+  .sb-grid-item a {
+    font-size: 13px;
+    transition: transform 150ms ease-out,color 150ms ease-out;
+  }
+
+  .sb-section-item img {
+    width: 297px;
+  }
+
+  .sb-section-item a > p,
+  .sb-grid-item a > p {
+    all: unset;
+  }
+
+  .sb-block {
+    flex: 1;
+    margin-left: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: 40px 20px;
+  }
+
+  .sb-grid-item img {
+    max-height: 48px;
+    margin-bottom: 12px;
+  }
+
+  .sb-card-grid-container {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 20px;
+  }
+
+  .sb-explore-card {
+    border-radius: 8px;
+    border: 2px solid #00000010;
+    padding: 20px;
+    display: grid;
+    justify-content: center;
+    font-weight: 700;
+    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+    color: #333333;
+    gap: 8px;
+  }
+
+  .sb-explore-card:hover {
+    border-color: #1EA7FD50;
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  .sb-explore-card:active {
+    border-color: #1EA7FD;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .sb-card-background {
+    width: 100%;
+    height: 150px;
+    background-color: #ccc;
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section-item {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .sb-block {
+      margin-left: 0;
+      margin-top: 10px;
+    }
+    .sb-features-grid-container {
+      grid-template-columns: repeat(1, 1fr);
+    }
+    .sb-card-grid-container {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+  `}
+</style>
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx
deleted file mode 100644
index 2418db1e8772..000000000000
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx
+++ /dev/null
@@ -1,230 +0,0 @@
-import { Meta } from '@storybook/blocks';
-import Image from 'next/image';
-
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
-
-<Meta title="Example/Introduction" />
-
-<style>
-  {`
-    .subheading {
-      --mediumdark: '#999999';
-      font-weight: 900;
-      font-size: 13px;
-      color: #999;
-      letter-spacing: 6px;
-      line-height: 24px;
-      text-transform: uppercase;
-      margin-bottom: 12px;
-      margin-top: 40px;
-    }
-
-    .link-list {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: 1fr 1fr;
-      row-gap: 10px;
-    }
-
-    @media (min-width: 620px) {
-      .link-list {
-        row-gap: 20px;
-        column-gap: 20px;
-        grid-template-columns: 1fr 1fr;
-      }
-    }
-
-    @media all and (-ms-high-contrast:none) {
-    .link-list {
-        display: -ms-grid;
-        -ms-grid-columns: 1fr 1fr;
-        -ms-grid-rows: 1fr 1fr;
-      }
-    }
-
-    .link-item {
-      display: block;
-      padding: 20px;
-      border: 1px solid #00000010;
-      border-radius: 5px;
-      transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
-      color: #333333;
-      display: flex;
-      align-items: flex-start;
-    }
-
-    .link-item:hover {
-      border-color: #1EA7FD50;
-      transform: translate3d(0, -3px, 0);
-      box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
-    }
-
-    .link-item:active {
-      border-color: #1EA7FD;
-      transform: translate3d(0, 0, 0);
-    }
-
-    .link-item strong {
-      font-weight: 700;
-      display: block;
-      margin-bottom: 2px;
-    }
-
-    .link-item-img-wrapper {
-      height: 40px;
-      width: 40px;
-      margin-right: 15px;
-      flex: none;
-    }
-
-    .link-item span,
-    .link-item p {
-      margin: 0;
-      font-size: 14px;
-      line-height: 20px;
-    }
-
-    .tip {
-      display: inline-block;
-      border-radius: 1em;
-      font-size: 11px;
-      line-height: 12px;
-      font-weight: 700;
-      background: #E7FDD8;
-      color: #66BF3C;
-      padding: 4px 12px;
-      margin-right: 10px;
-      vertical-align: top;
-    }
-
-    .tip-wrapper {
-      font-size: 13px;
-      line-height: 20px;
-      margin-top: 40px;
-      margin-bottom: 40px;
-    }
-
-    .tip-wrapper code {
-      font-size: 12px;
-      display: inline-block;
-    }
-  `}
-</style>
-
-# Welcome to Storybook
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-<div className="subheading">Configure</div>
-
-<div className="link-list">
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/addons/addon-types"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Plugin} alt="plugin" />
-    </div>
-    <span>
-      <strong>Presets for popular tools</strong>
-      Easy setup for TypeScript, SCSS and more.
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/webpack"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={StackAlt} alt="Build" />
-    </div>
-    <span>
-      <strong>Build configuration</strong>
-      How to customize webpack and Babel
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/styling-and-css"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Colors} alt="colors" />
-    </div>
-    <span>
-      <strong>Styling</strong>
-      How to load and configure CSS libraries
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Flow} alt="flow" />
-    </div>
-    <span>
-      <strong>Data</strong>
-      Providers and mocking for data libraries
-    </span>
-  </a>
-</div>
-
-<div className="subheading">Learn</div>
-
-<div className="link-list">
-  <a className="link-item" href="https://storybook.js.org/docs" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Repo} alt="repo" />
-    </div>
-    <span>
-      <strong>Storybook documentation</strong>
-      Configure, customize, and extend
-    </span>
-  </a>
-  <a className="link-item" href="https://storybook.js.org/tutorials/" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Direction} alt="direction" />
-    </div>
-    <span>
-      <strong>In-depth guides</strong>
-      Best practices from leading teams
-    </span>
-  </a>
-  <a className="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Code} alt="code" />
-    </div>
-    <span>
-      <strong>GitHub project</strong>
-      View the source and add issues
-    </span>
-  </a>
-  <a className="link-item" href="https://discord.gg/storybook" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Comments} alt="comments" />
-    </div>
-    <span>
-      <strong>Discord chat</strong>
-      Chat with maintainers and the community
-    </span>
-  </a>
-</div>
-
-<div className="tip-wrapper">
-  <span className="tip">Tip</span>Edit the Markdown in <code>stories/Introduction.mdx</code>
-</div>
diff --git a/code/frameworks/nextjs/template/cli/ts-4-9/Configure.mdx b/code/frameworks/nextjs/template/cli/ts-4-9/Configure.mdx
new file mode 100644
index 000000000000..2bae870cabea
--- /dev/null
+++ b/code/frameworks/nextjs/template/cli/ts-4-9/Configure.mdx
@@ -0,0 +1,284 @@
+import { Meta } from '@storybook/blocks';
+import Image from 'next/image';
+
+import Accessibility from "./assets/accessibility.svg";
+import Checkmark from "./assets/checkmark.svg";
+import Document from "./assets/document.svg";
+import Typography from "./assets/typography.svg";
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Chromatic from "./assets/chromatic.svg";
+import Figma from "./assets/figma.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.jpg";
+import Context from "./assets/context.jpg";
+import Assets from "./assets/assets.jpg";
+
+<Meta title="Configure your project" />
+
+# Configure your project
+
+Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+
+<div className="sb-section">
+  <div className="sb-section-item">
+    <Image
+      src={Styling}
+      alt="A wall of logos representing different styling technologies"
+    />
+    <div className="sb-block">
+      <h3>Add styling and CSS</h3>
+      <p>Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/configure/styling-and-css"
+        target="_blank"
+      >Read more on how to set up styling <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <Image
+      src={Context}
+      alt="An abstraction representing the composition of data for a component"
+    />
+    <div className="sb-block">
+      <h3>Provide context and mocking</h3>
+      <p>Often when a story doesn't render, it's because your component is
+        expecting a specific environment or context (like a theme provider) to be available. 
+        Learn more about solving these issues by providing context and mocking to Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-stories/decorators#context-for-mocking" 
+        target="_blank"
+      >Read more on how to set up context <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <Image src={Assets} alt="A representation of typography and image assets" />
+    <div className="sb-block">
+      <h3>Load assets and resources</h3>
+      <p>To link static files (like fonts) to your projects and stories, use the `staticDirs` configuration option to specify folders to load when starting Storybook.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/configure/images-and-assets"
+        target="_blank"
+      >Read more on how to load assets <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Do more with Storybook
+
+Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-features-grid-container">
+    <div className="sb-grid-item">
+      <Image src={Document} alt="Document" />
+      <h3>Autodocs</h3>
+      <p>Auto-generate living, interactive reference documentation from your components and stories.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-docs/autodocs"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Checkmark} alt="Checkmark" />
+      <h3>Testing</h3>
+      <p>Use stories to test a component in all its variations, no matter how complex.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/writing-tests/introduction"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Chromatic} alt="Chromatic" />
+      <h3>Publish to Chromatic</h3>
+      <p>Publish your Storybook to review and collaborate with your entire team.</p>
+      <a 
+        href="https://storybook.js.org/docs/react/sharing/publish-storybook#publish-storybook-with-chromatic"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Figma} alt="Figma" />
+      <h3>Figma Plugin</h3>
+      <p>Embed your stories into Figma to cross-reference the design and live implementation in one place.</p>
+      <a
+        href="https://storybook.js.org/docs/react/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Accessibility} alt="Accessibility" />
+      <h3>Accessibility</h3>
+      <p>Automatically test your components for a11y issues as you develop.</p>
+      <a
+        href="https://storybook.js.org/docs/react/writing-tests/accessibility-testing"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <Image src={Typography} alt="Typography" />
+      <h3>Theming</h3>
+      <p>Theme Storybook's UI to personalize it to your project.</p>
+      <a
+        href="https://storybook.js.org/docs/react/configure/theming"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Explore and Connect
+
+Connect with our community on Discord or start contributing directly on Github. You might also be interesting in watching some videos on Youtube explaining how to take full advantage of Storybook.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-card-grid-container">
+    <a
+      className="sb-explore-card"
+      href="https://discord.gg/storybook"
+      target="_blank"
+    >
+      <Image src={Discord} alt="Discord" />
+      <span>Discord</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://github.com/storybookjs/storybook"
+      target="_blank"
+    >
+      <Image src={Github} alt="Github" />
+      <span>Github</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://www.youtube.com/@chromaticui"
+      target="_blank"
+    >
+      <Image src={Youtube} alt="Youtube" />
+      <span>Youtube</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://storybook.js.org/tutorials/"
+      target="_blank"
+    >
+      <Image src={Tutorials} alt="Tutorials" />
+      <span>Tutorials</span>
+    </a>
+  </div>
+</div>
+
+<style>
+  {`
+  .sb-section {
+    width: 100%;
+    margin-bottom: 64px;
+  }
+
+  .sb-section img {
+    border-radius: 10px;
+    max-height: 170px;
+  }
+
+  .sb-section-item {
+    width: 100%;
+    margin-bottom: 20px;
+    width: 100%;
+    display: flex;
+    gap: 18px;
+    align-items: center;
+  }
+
+  .sb-section-item a,
+  .sb-grid-item a {
+    font-size: 13px;
+    transition: transform 150ms ease-out,color 150ms ease-out;
+  }
+
+  .sb-section-item img {
+    width: 297px;
+  }
+
+  .sb-section-item a > p,
+  .sb-grid-item a > p {
+    all: unset;
+  }
+
+  .sb-block {
+    flex: 1;
+    margin-left: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: 40px 20px;
+  }
+
+  .sb-grid-item img {
+    max-height: 48px;
+    margin-bottom: 12px;
+  }
+
+  .sb-card-grid-container {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 20px;
+  }
+
+  .sb-explore-card {
+    border-radius: 8px;
+    border: 2px solid #00000010;
+    padding: 20px;
+    display: grid;
+    justify-content: center;
+    font-weight: 700;
+    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+    color: #333333;
+    gap: 8px;
+  }
+
+  .sb-explore-card:hover {
+    border-color: #1EA7FD50;
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  .sb-explore-card:active {
+    border-color: #1EA7FD;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .sb-card-background {
+    width: 100%;
+    height: 150px;
+    background-color: #ccc;
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section-item {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .sb-block {
+      margin-left: 0;
+      margin-top: 10px;
+    }
+    .sb-features-grid-container {
+      grid-template-columns: repeat(1, 1fr);
+    }
+    .sb-card-grid-container {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+  `}
+</style>
diff --git a/code/frameworks/nextjs/template/cli/ts-4-9/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts-4-9/Introduction.mdx
deleted file mode 100644
index 7055076a5273..000000000000
--- a/code/frameworks/nextjs/template/cli/ts-4-9/Introduction.mdx
+++ /dev/null
@@ -1,230 +0,0 @@
-import { Meta } from '@storybook/blocks';
-import Image from 'next/image';
-
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
-
-<Meta title="Example/Introduction" />
-
-<style>
-  {`
-    .subheading {
-      --mediumdark: '#999999';
-      font-weight: 700;
-      font-size: 13px;
-      color: #999;
-      letter-spacing: 6px;
-      line-height: 24px;
-      text-transform: uppercase;
-      margin-bottom: 12px;
-      margin-top: 40px;
-    }
-
-    .link-list {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: 1fr 1fr;
-      row-gap: 10px;
-    }
-
-    @media (min-width: 620px) {
-      .link-list {
-        row-gap: 20px;
-        column-gap: 20px;
-        grid-template-columns: 1fr 1fr;
-      }
-    }
-
-    @media all and (-ms-high-contrast:none) {
-    .link-list {
-        display: -ms-grid;
-        -ms-grid-columns: 1fr 1fr;
-        -ms-grid-rows: 1fr 1fr;
-      }
-    }
-
-    .link-item {
-      display: block;
-      padding: 20px;
-      border: 1px solid #00000010;
-      border-radius: 5px;
-      transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
-      color: #333333;
-      display: flex;
-      align-items: flex-start;
-    }
-
-    .link-item:hover {
-      border-color: #1EA7FD50;
-      transform: translate3d(0, -3px, 0);
-      box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
-    }
-
-    .link-item:active {
-      border-color: #1EA7FD;
-      transform: translate3d(0, 0, 0);
-    }
-
-    .link-item strong {
-      font-weight: 700;
-      display: block;
-      margin-bottom: 2px;
-    }
-
-    .link-item-img-wrapper {
-      height: 40px;
-      width: 40px;
-      margin-right: 15px;
-      flex: none;
-    }
-
-    .link-item span,
-    .link-item p {
-      margin: 0;
-      font-size: 14px;
-      line-height: 20px;
-    }
-
-    .tip {
-      display: inline-block;
-      border-radius: 1em;
-      font-size: 11px;
-      line-height: 12px;
-      font-weight: 700;
-      background: #E7FDD8;
-      color: #66BF3C;
-      padding: 4px 12px;
-      margin-right: 10px;
-      vertical-align: top;
-    }
-
-    .tip-wrapper {
-      font-size: 13px;
-      line-height: 20px;
-      margin-top: 40px;
-      margin-bottom: 40px;
-    }
-
-    .tip-wrapper code {
-      font-size: 12px;
-      display: inline-block;
-    }
-  `}
-</style>
-
-# Welcome to Storybook
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-<div className="subheading">Configure</div>
-
-<div className="link-list">
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/addons/addon-types"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Plugin} alt="plugin" />
-    </div>
-    <span>
-      <strong>Presets for popular tools</strong>
-      Easy setup for TypeScript, SCSS and more.
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/webpack"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={StackAlt} alt="Build" />
-    </div>
-    <span>
-      <strong>Build configuration</strong>
-      How to customize webpack and Babel
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/styling-and-css"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Colors} alt="colors" />
-    </div>
-    <span>
-      <strong>Styling</strong>
-      How to load and configure CSS libraries
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
-    target="_blank"
-  >
-    <div className="link-item-img-wrapper">
-      <Image src={Flow} alt="flow" />
-    </div>
-    <span>
-      <strong>Data</strong>
-      Providers and mocking for data libraries
-    </span>
-  </a>
-</div>
-
-<div className="subheading">Learn</div>
-
-<div className="link-list">
-  <a className="link-item" href="https://storybook.js.org/docs" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Repo} alt="repo" />
-    </div>
-    <span>
-      <strong>Storybook documentation</strong>
-      Configure, customize, and extend
-    </span>
-  </a>
-  <a className="link-item" href="https://storybook.js.org/tutorials/" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Direction} alt="direction" />
-    </div>
-    <span>
-      <strong>In-depth guides</strong>
-      Best practices from leading teams
-    </span>
-  </a>
-  <a className="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Code} alt="code" />
-    </div>
-    <span>
-      <strong>GitHub project</strong>
-      View the source and add issues
-    </span>
-  </a>
-  <a className="link-item" href="https://discord.gg/storybook" target="_blank">
-    <div className="link-item-img-wrapper">
-      <Image src={Comments} alt="comments" />
-    </div>
-    <span>
-      <strong>Discord chat</strong>
-      Chat with maintainers and the community
-    </span>
-  </a>
-</div>
-
-<div className="tip-wrapper">
-  <span className="tip">Tip</span>Edit the Markdown in <code>stories/Introduction.mdx</code>
-</div>
diff --git a/code/frameworks/nextjs/template/stories/Image.stories.jsx b/code/frameworks/nextjs/template/stories/Image.stories.jsx
index bf3808282a6f..7248b28dc9f2 100644
--- a/code/frameworks/nextjs/template/stories/Image.stories.jsx
+++ b/code/frameworks/nextjs/template/stories/Image.stories.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import Image from 'next/image';
 
-import StackAlt from '../../assets/colors.svg';
+import Accessibility from '../../assets/accessibility.svg';
 
 export default {
   component: Image,
   args: {
-    src: StackAlt,
-    alt: 'Stack Alt',
+    src: Accessibility,
+    alt: 'Accessibility',
   },
 };
 
diff --git a/code/frameworks/nextjs/template/stories_nextjs-12-js/ImageFuture.stories.jsx b/code/frameworks/nextjs/template/stories_nextjs-12-js/ImageFuture.stories.jsx
index 3c65960d585d..a2d642b6ece9 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-12-js/ImageFuture.stories.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-12-js/ImageFuture.stories.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import Image from 'next/future/image';
 
-import StackAlt from '../../assets/colors.svg';
+import Accessibility from '../../assets/accessibility.svg';
 
 export default {
   component: Image,
   args: {
-    src: StackAlt,
-    alt: 'Stack Alt',
+    src: Accessibility,
+    alt: 'Accessibility',
   },
 };
 
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx b/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx
index 772536a7a5f6..d3c1a2accbb2 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import Image from 'next/legacy/image';
 
-import StackAlt from '../../assets/colors.svg';
+import Accessibility from '../../assets/accessibility.svg';
 
 export default {
   component: Image,
   args: {
-    src: StackAlt,
-    alt: 'Stack Alt',
+    src: Accessibility,
+    alt: 'Accessibility',
   },
 };
 
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 5ba181ecd3b8..7af61293d34c 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,8 +47,8 @@
   },
   "dependencies": {
     "@preact/preset-vite": "^2.0.0",
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/preact": "7.1.0-alpha.38"
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/preact": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "@types/node": "^16.0.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 00647e62b8c6..467e85f91ea9 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preact": "7.1.0-alpha.38",
-    "@storybook/preset-preact-webpack": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preact": "7.1.0-alpha.39",
+    "@storybook/preset-preact-webpack": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 733797ea67d0..413e22de311d 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -49,8 +49,8 @@
   "dependencies": {
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.2.1",
     "@rollup/pluginutils": "^5.0.2",
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/react": "7.1.0-alpha.38",
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/react": "7.1.0-alpha.39",
     "@vitejs/plugin-react": "^3.0.1",
     "ast-types": "^0.14.2",
     "magic-string": "^0.30.0",
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 8777286da9a4..b0ac50091fe5 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,9 +47,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/preset-react-webpack": "7.1.0-alpha.38",
-    "@storybook/react": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/preset-react-webpack": "7.1.0-alpha.39",
+    "@storybook/react": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 7560c84dcc8a..69747ebcffd6 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preset-server-webpack": "7.1.0-alpha.38",
-    "@storybook/server": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preset-server-webpack": "7.1.0-alpha.39",
+    "@storybook/server": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index f78e7eb80872..4aa89e957863 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,9 +47,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/svelte": "7.1.0-alpha.38",
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/svelte": "7.1.0-alpha.39",
     "@sveltejs/vite-plugin-svelte": "^2.0.0",
     "magic-string": "^0.30.0",
     "svelte": "^3.0.0",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 240725fb0bb4..3cdbd7ea04bc 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preset-svelte-webpack": "7.1.0-alpha.38",
-    "@storybook/svelte": "7.1.0-alpha.38"
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preset-svelte-webpack": "7.1.0-alpha.39",
+    "@storybook/svelte": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "svelte": "^3.48.0",
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 9ca5019c93dd..d7e5c0ad4f0f 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
@@ -50,9 +50,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/svelte": "7.1.0-alpha.38",
-    "@storybook/svelte-vite": "7.1.0-alpha.38"
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/svelte": "7.1.0-alpha.39",
+    "@storybook/svelte-vite": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "@types/node": "^16.0.0",
diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json
index 5f8ebf7ab2f7..191b595c9a3e 100644
--- a/code/frameworks/vue-vite/package.json
+++ b/code/frameworks/vue-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/vue": "7.1.0-alpha.38",
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/vue": "7.1.0-alpha.39",
     "magic-string": "^0.30.0",
     "vue-docgen-api": "^4.40.0"
   },
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index c635ca96b57d..9db4a3f7e148 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preset-vue-webpack": "7.1.0-alpha.38",
-    "@storybook/vue": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preset-vue-webpack": "7.1.0-alpha.39",
+    "@storybook/vue": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 932a9d496625..4044db1719f6 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,9 +47,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/vue3": "7.1.0-alpha.38",
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/vue3": "7.1.0-alpha.39",
     "@vitejs/plugin-vue": "^4.0.0",
     "magic-string": "^0.30.0",
     "vue-docgen-api": "^4.40.0"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index fdbd24f8eee8..45b774460346 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preset-vue3-webpack": "7.1.0-alpha.38",
-    "@storybook/vue3": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preset-vue3-webpack": "7.1.0-alpha.39",
+    "@storybook/vue3": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index d06854e56ec0..a127278d227d 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,10 +47,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "7.1.0-alpha.38",
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/web-components": "7.1.0-alpha.38",
+    "@storybook/builder-vite": "7.1.0-alpha.39",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/web-components": "7.1.0-alpha.39",
     "magic-string": "^0.30.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 4c525bbf16e0..ff092ff7f212 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
@@ -51,10 +51,10 @@
   },
   "dependencies": {
     "@babel/preset-env": "^7.22.0",
-    "@storybook/builder-webpack5": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preset-web-components-webpack": "7.1.0-alpha.38",
-    "@storybook/web-components": "7.1.0-alpha.38",
+    "@storybook/builder-webpack5": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preset-web-components-webpack": "7.1.0-alpha.39",
+    "@storybook/web-components": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index bf79bc1007ea..06aa7b19aae4 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -68,9 +68,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
     "qs": "^6.10.0",
     "telejson": "^7.0.3",
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 6baeb64e7559..ec9a563fe371 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
   "license": "MIT",
   "bin": "./index.js",
   "dependencies": {
-    "@storybook/cli": "7.1.0-alpha.38"
+    "@storybook/cli": "7.1.0-alpha.39"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 939e6d2c1c91..4f4542d30074 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -24,7 +24,7 @@
     "storybook": "./index.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.1.0-alpha.38"
+    "@storybook/cli": "7.1.0-alpha.39"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index a958ced34b5b..24b5a36d26d2 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -57,13 +57,13 @@
     "@babel/core": "^7.22.0",
     "@babel/preset-env": "^7.22.0",
     "@ndelangen/get-tarball": "^3.0.7",
-    "@storybook/codemod": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/csf-tools": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/telemetry": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/codemod": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/csf-tools": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/telemetry": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/semver": "^7.3.4",
     "@yarnpkg/fslib": "^2.10.3",
     "@yarnpkg/libzip": "^2.3.0",
@@ -95,7 +95,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.1.0-alpha.38",
+    "@storybook/client-api": "7.1.0-alpha.39",
     "@types/cross-spawn": "^6.0.2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
diff --git a/code/lib/cli/rendererAssets/common/Configure.mdx b/code/lib/cli/rendererAssets/common/Configure.mdx
new file mode 100644
index 000000000000..42180d9d5def
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/Configure.mdx
@@ -0,0 +1,286 @@
+import { Meta } from "@storybook/blocks";
+
+import Accessibility from "./assets/accessibility.svg";
+import Checkmark from "./assets/checkmark.svg";
+import Document from "./assets/document.svg";
+import Typography from "./assets/typography.svg";
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Chromatic from "./assets/chromatic.svg";
+import Figma from "./assets/figma.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.jpg";
+import Context from "./assets/context.jpg";
+import Assets from "./assets/assets.jpg";
+
+<Meta title="Configure your project" />
+
+# Configure your project
+
+Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+
+<div className="sb-section">
+  <div className="sb-section-item">
+    <img
+      src={Styling}
+      alt="A wall of logos representing different styling technologies"
+    />
+    <div className="sb-block">
+      <h3>Add styling and CSS</h3>
+      <p>Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/configure/styling-and-css"
+        target="_blank"
+      >
+        Read more on how to set up styling 
+        <span className="sb-chevron">&#8250;</span>
+      </a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <img
+      src={Context}
+      alt="An abstraction representing the composition of data for a component"
+    />
+    <div className="sb-block">
+      <h3>Provide context and mocking</h3>
+      <p>Often when a story doesn't render, it's because your component is
+        expecting a specific environment or context (like a theme provider) to be available. 
+        Learn more about solving these issues by providing context and mocking to Storybook.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/writing-stories/decorators#context-for-mocking"
+        target="_blank"
+      >Read more on how to set up context <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+  <div className="sb-section-item">
+    <img src={Assets} alt="A representation of typography and image assets" />
+    <div className="sb-block">
+      <h3>Load assets and resources</h3>
+      <p>To link static files (like fonts) to your projects and stories, use the `staticDirs` configuration option to specify folders to load when starting Storybook.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/configure/images-and-assets"
+        target="_blank"
+      >Read more on how to load assets <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Do more with Storybook
+
+Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-features-grid-container">
+    <div className="sb-grid-item">
+      <img src={Document} alt="Document" />
+      <h3>Autodocs</h3>
+      <p>Auto-generate living, interactive reference documentation from your components and stories.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/writing-docs/autodocs"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <img src={Checkmark} alt="Checkmark" />
+      <h3>Testing</h3>
+      <p>Use stories to test a component in all its variations, no matter how complex.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/writing-tests/introduction"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <img src={Chromatic} alt="Chromatic" />
+      <h3>Publish to Chromatic</h3>
+      <p>Publish your Storybook to review and collaborate with your entire team.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/sharing/publish-storybook#publish-storybook-with-chromatic"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <img src={Figma} alt="Figma" />
+      <h3>Figma Plugin</h3>
+      <p>Embed your stories into Figma to cross-reference the design and live implementation in one place.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <img src={Accessibility} alt="Accessibility" />
+      <h3>Accessibility</h3>
+      <p>Automatically test your components for a11y issues as you develop.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/writing-tests/accessibility-testing"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+    <div className="sb-grid-item">
+      <img src={Typography} alt="Typography" />
+      <h3>Theming</h3>
+      <p>Theme Storybook's UI to personalize it to your project.</p>
+      <a
+        href="https://storybook.js.org/docs/{{renderer}}/configure/theming"
+        target="_blank"
+      >Learn more <span className="sb-chevron">&#8250;</span></a>
+    </div>
+  </div>
+</div>
+
+# Explore and Connect
+
+Connect with our community on Discord or start contributing directly on Github. You might also be interesting in watching some videos on Youtube explaining how to take full advantage of Storybook.
+
+<br />
+
+<div className="sb-section">
+  <div className="sb-card-grid-container">
+    <a
+      className="sb-explore-card"
+      href="https://discord.gg/storybook"
+      target="_blank"
+    >
+      <img src={Discord} alt="Discord" />
+      <span>Discord</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://github.com/storybookjs/storybook"
+      target="_blank"
+    >
+      <img src={Github} alt="Github" />
+      <span>Github</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://www.youtube.com/@chromaticui"
+      target="_blank"
+    >
+      <img src={Youtube} alt="Youtube" />
+      <span>Youtube</span>
+    </a>
+    <a
+      className="sb-explore-card"
+      href="https://storybook.js.org/tutorials/"
+      target="_blank"
+    >
+      <img src={Tutorials} alt="Tutorials" />
+      <span>Tutorials</span>
+    </a>
+  </div>
+</div>
+
+<style>
+  {`
+  .sb-section {
+    width: 100%;
+    margin-bottom: 64px;
+  }
+
+  .sb-section img {
+    border-radius: 10px;
+    max-height: 170px;
+  }
+
+  .sb-section-item {
+    width: 100%;
+    margin-bottom: 20px;
+    width: 100%;
+    display: flex;
+    gap: 18px;
+    align-items: center;
+  }
+
+  .sb-section-item a,
+  .sb-grid-item a {
+    font-size: 13px;
+    transition: transform 150ms ease-out,color 150ms ease-out;
+  }
+
+  .sb-section-item img {
+    width: 297px;
+  }
+
+  .sb-section-item a > p,
+  .sb-grid-item a > p {
+    all: unset;
+  }
+
+  .sb-block {
+    flex: 1;
+    margin-left: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: 40px 20px;
+  }
+
+  .sb-grid-item img {
+    max-height: 48px;
+    margin-bottom: 12px;
+  }
+
+  .sb-card-grid-container {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 20px;
+  }
+
+  .sb-explore-card {
+    border-radius: 8px;
+    border: 2px solid #00000010;
+    padding: 20px;
+    display: grid;
+    justify-content: center;
+    font-weight: 700;
+    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+    color: #333333;
+    gap: 8px;
+  }
+
+  .sb-explore-card:hover {
+    border-color: #1EA7FD50;
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  .sb-explore-card:active {
+    border-color: #1EA7FD;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .sb-card-background {
+    width: 100%;
+    height: 150px;
+    background-color: #ccc;
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section-item {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .sb-block {
+      margin-left: 0;
+      margin-top: 10px;
+    }
+    .sb-features-grid-container {
+      grid-template-columns: repeat(1, 1fr);
+    }
+    .sb-card-grid-container {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+  `}
+</style>
diff --git a/code/lib/cli/rendererAssets/common/Introduction.mdx b/code/lib/cli/rendererAssets/common/Introduction.mdx
deleted file mode 100644
index ff7fc71fbf8a..000000000000
--- a/code/lib/cli/rendererAssets/common/Introduction.mdx
+++ /dev/null
@@ -1,213 +0,0 @@
-import { Meta } from '@storybook/blocks';
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
-
-<Meta title="Example/Introduction" />
-
-<style>
-  {`
-    .subheading {
-      --mediumdark: '#999999';
-      font-weight: 700;
-      font-size: 13px;
-      color: #999;
-      letter-spacing: 6px;
-      line-height: 24px;
-      text-transform: uppercase;
-      margin-bottom: 12px;
-      margin-top: 40px;
-    }
-
-    .link-list {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: 1fr 1fr;
-      row-gap: 10px;
-    }
-
-    @media (min-width: 620px) {
-      .link-list {
-        row-gap: 20px;
-        column-gap: 20px;
-        grid-template-columns: 1fr 1fr;
-      }
-    }
-
-    @media all and (-ms-high-contrast:none) {
-    .link-list {
-        display: -ms-grid;
-        -ms-grid-columns: 1fr 1fr;
-        -ms-grid-rows: 1fr 1fr;
-      }
-    }
-
-    .link-item {
-      display: block;
-      padding: 20px;
-      border: 1px solid #00000010;
-      border-radius: 5px;
-      transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
-      color: #333333;
-      display: flex;
-      align-items: flex-start;
-    }
-
-    .link-item:hover {
-      border-color: #1EA7FD50;
-      transform: translate3d(0, -3px, 0);
-      box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
-    }
-
-    .link-item:active {
-      border-color: #1EA7FD;
-      transform: translate3d(0, 0, 0);
-    }
-
-    .link-item strong {
-      font-weight: 700;
-      display: block;
-      margin-bottom: 2px;
-    }
-
-    .link-item img {
-      height: 40px;
-      width: 40px;
-      margin-right: 15px;
-      flex: none;
-    }
-
-    .link-item span,
-    .link-item p {
-      margin: 0;
-      font-size: 14px;
-      line-height: 20px;
-    }
-
-    .tip {
-      display: inline-block;
-      border-radius: 1em;
-      font-size: 11px;
-      line-height: 12px;
-      font-weight: 700;
-      background: #E7FDD8;
-      color: #66BF3C;
-      padding: 4px 12px;
-      margin-right: 10px;
-      vertical-align: top;
-    }
-
-    .tip-wrapper {
-      font-size: 13px;
-      line-height: 20px;
-      margin-top: 40px;
-      margin-bottom: 40px;
-    }
-
-    .tip-wrapper code {
-      font-size: 12px;
-      display: inline-block;
-    }
-  `}
-</style>
-
-# Welcome to Storybook
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-<div className="subheading">Configure</div>
-
-<div className="link-list">
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/addons/addon-types"
-    target="_blank"
-  >
-    <img src={Plugin} alt="plugin" />
-    <span>
-      <strong>Presets for popular tools</strong>
-      Easy setup for TypeScript, SCSS and more.
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/webpack"
-    target="_blank"
-  >
-    <img src={StackAlt} alt="Build" />
-    <span>
-      <strong>Build configuration</strong>
-      How to customize webpack and Babel
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/styling-and-css"
-    target="_blank"
-  >
-    <img src={Colors} alt="colors" />
-    <span>
-      <strong>Styling</strong>
-      How to load and configure CSS libraries
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
-    target="_blank"
-  >
-    <img src={Flow} alt="flow" />
-    <span>
-      <strong>Data</strong>
-      Providers and mocking for data libraries
-    </span>
-  </a>
-</div>
-
-<div className="subheading">Learn</div>
-
-<div className="link-list">
-  <a className="link-item" href="https://storybook.js.org/docs" target="_blank">
-    <img src={Repo} alt="repo" />
-    <span>
-      <strong>Storybook documentation</strong>
-      Configure, customize, and extend
-    </span>
-  </a>
-  <a className="link-item" href="https://storybook.js.org/tutorials/" target="_blank">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>In-depth guides</strong>
-      Best practices from leading teams
-    </span>
-  </a>
-  <a className="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
-    <img src={Code} alt="code" />
-    <span>
-      <strong>GitHub project</strong>
-      View the source and add issues
-    </span>
-  </a>
-  <a className="link-item" href="https://discord.gg/storybook" target="_blank">
-    <img src={Comments} alt="comments" />
-    <span>
-      <strong>Discord chat</strong>
-      Chat with maintainers and the community
-    </span>
-  </a>
-</div>
-
-<div className="tip-wrapper">
-  <span className="tip">Tip</span>Edit the Markdown in{' '}
-  <code>stories/Introduction.stories.mdx</code>
-</div>
diff --git a/code/lib/cli/rendererAssets/common/assets/accessibility.svg b/code/lib/cli/rendererAssets/common/assets/accessibility.svg
new file mode 100644
index 000000000000..00efad3d0b7e
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/accessibility.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Accessibility</title>
+  <circle cx="24.334" cy="24" r="24" fill="#A849FF" fill-opacity="0.3"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M27.8609 11.585C27.8609 9.59506 26.2497 7.99023 24.2519 7.99023C22.254 7.99023 20.6429 9.65925 20.6429 11.585C20.6429 13.575 22.254 15.1799 24.2519 15.1799C26.2497 15.1799 27.8609 13.575 27.8609 11.585ZM21.8922 22.6473C21.8467 23.9096 21.7901 25.4788 21.5897 26.2771C20.9853 29.0462 17.7348 36.3314 17.3325 37.2275C17.1891 37.4923 17.1077 37.7955 17.1077 38.1178C17.1077 39.1519 17.946 39.9902 18.9802 39.9902C19.6587 39.9902 20.253 39.6293 20.5814 39.0889L20.6429 38.9874L24.2841 31.22C24.2841 31.22 27.5529 37.9214 27.9238 38.6591C28.2948 39.3967 28.8709 39.9902 29.7168 39.9902C30.751 39.9902 31.5893 39.1519 31.5893 38.1178C31.5893 37.7951 31.3639 37.2265 31.3639 37.2265C30.9581 36.3258 27.698 29.0452 27.0938 26.2771C26.8975 25.4948 26.847 23.9722 26.8056 22.7236C26.7927 22.333 26.7806 21.9693 26.7653 21.6634C26.7008 21.214 27.0231 20.8289 27.4097 20.7005L35.3366 18.3253C36.3033 18.0685 36.8834 16.9773 36.6256 16.0144C36.3678 15.0515 35.2722 14.4737 34.3055 14.7305C34.3055 14.7305 26.8619 17.1057 24.2841 17.1057C21.7062 17.1057 14.456 14.7947 14.456 14.7947C13.4893 14.5379 12.3937 14.9873 12.0715 15.9502C11.7493 16.9131 12.3293 18.0044 13.3604 18.3253L21.2873 20.7005C21.674 20.8289 21.9318 21.214 21.9318 21.6634C21.9174 21.9493 21.9053 22.2857 21.8922 22.6473Z" fill="#A470D5"/>
+</svg>
diff --git a/code/lib/cli/rendererAssets/common/assets/assets.jpg b/code/lib/cli/rendererAssets/common/assets/assets.jpg
new file mode 100644
index 000000000000..5390e31ec915
Binary files /dev/null and b/code/lib/cli/rendererAssets/common/assets/assets.jpg differ
diff --git a/code/lib/cli/rendererAssets/common/assets/checkmark.svg b/code/lib/cli/rendererAssets/common/assets/checkmark.svg
new file mode 100644
index 000000000000..b1de90119d58
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/checkmark.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Checkmark</title>
+  <circle cx="24.334" cy="24" r="24" fill="#96D07C"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M35.2311 14.7965L20.7422 30.1005L13.4388 22.0383C12.9295 21.4762 12.1039 21.4763 11.5948 22.0383C11.0856 22.6004 11.0856 23.5117 11.5948 24.0737L19.795 33.1258C20.0739 33.4365 20.4081 33.5769 20.7422 33.5765C21.0763 33.5769 21.4104 33.4365 21.6653 33.1551C21.6734 33.1462 37.075 16.8318 37.075 16.8318C37.5842 16.2698 37.5842 15.3586 37.075 14.7965C36.5658 14.2345 35.7402 14.2345 35.2311 14.7965Z" fill="white"/>
+</svg>
diff --git a/code/lib/cli/rendererAssets/common/assets/chromatic.svg b/code/lib/cli/rendererAssets/common/assets/chromatic.svg
new file mode 100644
index 000000000000..80060821a939
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/chromatic.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Chromatic logo</title>
+  <circle cx="24.666" cy="24" r="24" fill="#FC521F"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M30.3052 35.0414L26.4916 32.8411L37.9648 26.2231C38.4044 25.969 38.8187 25.6783 39.2046 25.3534C40.6958 27.4768 40.8424 30.2735 39.5129 32.5754C38.3117 34.6532 36.0709 35.944 33.6677 35.944C32.4918 35.944 31.3299 35.6318 30.3052 35.0414ZM29.3864 36.6299C29.8265 36.8843 30.2853 37.0979 30.7603 37.2696C29.6654 39.6213 27.3154 41.1454 24.6535 41.1454C20.938 41.1454 17.9135 38.124 17.9135 34.4111V21.1743L23.7348 24.5333V32.8398C23.7348 33.1676 23.9102 33.4708 24.1939 33.6347L29.3864 36.6299ZM15.6578 35.9409C13.254 35.9409 11.0169 34.6513 9.81521 32.5743C8.91631 31.0166 8.6759 29.2022 9.14278 27.4638C9.60936 25.7254 10.7231 24.2731 12.2831 23.374L16.0956 21.1743L16.0962 34.4082C16.0962 34.9159 16.1398 35.4195 16.2283 35.9177C16.0384 35.9336 15.8477 35.9409 15.6578 35.9409ZM30.4946 19.5853L24.6755 22.9426L17.4756 18.7898C17.3339 18.7083 17.1754 18.6668 17.0157 18.6668C16.858 18.6668 16.6995 18.7083 16.5569 18.7898L11.3653 21.785C10.9255 22.0377 10.51 22.3279 10.1241 22.6542C8.63348 20.5311 8.48802 17.7347 9.81605 15.432C11.0178 13.3544 13.2563 12.0625 15.6609 12.0625C16.8354 12.0625 17.9979 12.3758 19.0234 12.9665L30.4946 19.5853ZM24.6537 6.85938C28.371 6.85938 31.3934 9.8807 31.3934 13.5951V17.9951L19.9237 11.3783C19.4836 11.1233 19.0245 10.9092 18.5481 10.7368C19.643 8.38425 21.9936 6.85938 24.6537 6.85938ZM39.5151 15.4341C41.3721 18.6504 40.2659 22.7774 37.0469 24.6336L25.5757 31.2518V24.5361L32.7748 20.3827C33.0593 20.2188 33.2347 19.9156 33.2347 19.5875V13.5971C33.2353 13.0911 33.1894 12.5869 33.1026 12.0905C33.291 12.0739 33.4809 12.0661 33.6714 12.0661C36.0754 12.0661 38.3145 13.3569 39.5151 15.4341Z" fill="white"/>
+</svg>
diff --git a/code/lib/cli/rendererAssets/common/assets/code-brackets.svg b/code/lib/cli/rendererAssets/common/assets/code-brackets.svg
deleted file mode 100644
index 73de94776001..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/code-brackets.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/code-brackets</title><g id="illustration/code-brackets" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#87E6E5" d="M11.4139325,12 C11.7605938,12 12,12.5059743 12,13.3779712 L12,17.4951758 L6.43502246,23.3839989 C5.85499251,23.9978337 5.85499251,25.0021663 6.43502246,25.6160011 L12,31.5048242 L12,35.6220288 C12,36.4939606 11.7605228,37 11.4139325,37 C11.2725831,37 11.1134406,36.9158987 10.9453839,36.7379973 L0.435022463,25.6160011 C-0.145007488,25.0021663 -0.145007488,23.9978337 0.435022463,23.3839989 L10.9453839,12.2620027 C11.1134051,12.0841663 11.2725831,12 11.4139325,12 Z M36.5860675,12 C36.7274169,12 36.8865594,12.0841013 37.0546161,12.2620027 L47.5649775,23.3839989 C48.1450075,23.9978337 48.1450075,25.0021663 47.5649775,25.6160011 L37.0546161,36.7379973 C36.8865949,36.9158337 36.7274169,37 36.5860675,37 C36.2394062,37 36,36.4940257 36,35.6220288 L36,31.5048242 L41.5649775,25.6160011 C42.1450075,25.0021663 42.1450075,23.9978337 41.5649775,23.3839989 L36,17.4951758 L36,13.3779712 C36,12.5060394 36.2394772,12 36.5860675,12 Z"/><rect id="Rectangle-7-Copy-5" width="35.57" height="4" x="5.009" y="22.662" fill="#A0DB77" rx="2" transform="translate(22.793959, 24.662305) rotate(-75.000000) translate(-22.793959, -24.662305)"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/colors.svg b/code/lib/cli/rendererAssets/common/assets/colors.svg
deleted file mode 100644
index 17d58d516e14..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/colors.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/colors</title><g id="illustration/colors" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><circle id="Oval" cx="23.763" cy="16.192" r="13.271" fill="#FC521F" opacity=".6"/><circle id="Oval-Copy" cx="15.468" cy="32.308" r="13.271" fill="#66BF3C" opacity=".6"/><path id="Combined-Shape" fill="#FF5F95" d="M15.4683651,19.0362231 C21.5434817,19.0362231 26.6652087,23.1181689 28.2404554,28.6889694 C26.8420385,29.1906678 25.3344184,29.4637769 23.7630101,29.4637769 C17.6878936,29.4637769 12.5661666,25.3818311 10.9909199,19.8110306 C12.3898993,19.3092302 13.8972501,19.0362231 15.4683651,19.0362231 Z"/><circle id="Oval-Copy-2" cx="32.532" cy="32.308" r="13.271" fill="#1EA7FD" opacity=".6"/><path id="Combined-Shape" fill="#87E6E5" d="M24.00025,22.1417324 C26.897967,24.5762286 28.7397972,28.2268506 28.7397972,32.3076552 C28.7397972,36.3884597 26.897967,40.0390817 24.00025,42.4735779 C21.1018087,40.038637 19.2602028,36.3882111 19.2602028,32.3076552 C19.2602028,28.2815316 21.0530043,24.6741393 23.8838362,22.2402492 Z"/><path id="Combined-Shape" fill="#FBD178" d="M32.5316349,19.0362231 C33.9415155,19.0362231 35.3000478,19.2560712 36.5748203,19.6633557 C35.0489179,25.3104816 29.8909911,29.4637769 23.7630101,29.4637769 C22.3527608,29.4637769 20.9938866,29.2438138 19.7188247,28.8363247 C21.2451195,23.1900077 26.403293,19.0362231 32.5316349,19.0362231 Z"/><path id="Combined-Shape" fill="#FFF" d="M24.00025,22.1417324 L24.0124326,22.1519799 C24.1747744,22.288701 24.3337918,22.4292434 24.4893463,22.5734686 L24.3896855,22.4820008 C24.4671836,22.552408 24.5438453,22.6237194 24.619654,22.6959185 L24.4893463,22.5734686 C24.5690639,22.6473803 24.6478719,22.7222591 24.7257519,22.7980864 L24.619654,22.6959185 C24.6907654,22.7636441 24.7611262,22.8321506 24.8307226,22.9014245 L24.7257519,22.7980864 C24.8120661,22.8821258 24.8972403,22.9673303 24.981249,23.0536745 L24.8307226,22.9014245 C24.9073006,22.9776475 24.9829531,23.0547994 25.0576619,23.132862 L25.057852,23.1330605 C25.3140855,23.4007967 25.559391,23.679459 25.7928375,23.9681079 L25.7230574,23.8825538 C25.7985998,23.9743942 25.8729325,24.0672672 25.9460311,24.1611484 L25.7928375,23.9681079 C25.8624256,24.0541514 25.93096,24.1410823 25.998421,24.228881 L25.9460311,24.1611484 C26.0074362,24.2400115 26.0679704,24.319586 26.1276194,24.3998576 L25.998421,24.228881 C26.0663495,24.317288 26.1331896,24.4065749 26.1989214,24.4967216 L26.1276194,24.3998576 C26.204848,24.5037867 26.2805926,24.6088841 26.3548219,24.7151187 L26.1989214,24.4967216 C26.2678555,24.59126 26.3355706,24.6867441 26.4020436,24.7831507 L26.3548219,24.7151187 C26.4130013,24.798383 26.4702498,24.8823459 26.5265523,24.9669921 L26.4020436,24.7831507 C26.4678788,24.8786322 26.5324956,24.9750187 26.5958716,25.0722875 L26.5959296,25.0723765 C26.736338,25.2878741 26.870709,25.5077955 26.9987399,25.7318073 L26.9410662,25.6319089 C26.9973106,25.7283602 27.0523736,25.8255849 27.1062352,25.9235633 L26.9987399,25.7318073 C27.0539848,25.8284676 27.1080492,25.9258895 27.1609136,26.0240532 L27.1606656,26.0235927 C27.2696676,26.2259984 27.3733426,26.4310837 27.4717677,26.6391379 L27.4715275,26.6386302 C27.5541941,26.8133735 27.6329386,26.9896914 27.7079006,27.1679911 C27.7630163,27.299081 27.8161443,27.431391 27.8671831,27.5647345 L27.804312,27.4036517 C27.8391482,27.4912057 27.8730792,27.5792182 27.9060936,27.6676774 L27.8671831,27.5647345 C27.906613,27.6677486 27.9447959,27.7713796 27.9817136,27.8756091 L27.9060936,27.6676774 C27.946474,27.7758735 27.9854831,27.884738 28.0230997,27.9942498 L27.9817136,27.8756091 C28.0144978,27.9681688 28.0462842,28.0612004 28.0770597,28.1546911 L28.0230997,27.9942498 C28.0618265,28.1069941 28.0990774,28.2204244 28.1348294,28.3345177 L28.0770597,28.1546911 C28.1112208,28.2584663 28.1441365,28.3628071 28.175789,28.4676958 L28.1756797,28.4673338 L28.2408136,28.6893554 C28.2284694,28.6937793 28.2161167,28.6981854 28.2037557,28.7025737 L28.2404554,28.6889694 C27.9517707,28.7925384 27.6584322,28.8863659 27.3608394,28.97006 L27.3609965,28.9702524 C27.0695498,29.0519815 26.7741843,29.1241944 26.4751174,29.1863314 L26.5385665,29.1730829 C26.3901218,29.2046704 26.2407589,29.2337757 26.0905233,29.2603535 L26.4751174,29.1863314 C26.3367402,29.215082 26.1975707,29.2416755 26.0576458,29.2660754 L26.0905233,29.2603535 C25.9366833,29.2875689 25.7819282,29.312134 25.6263069,29.334 L26.0576458,29.2660754 C25.9017815,29.2932549 25.7449801,29.3177127 25.5872928,29.3393985 L25.6263069,29.334 C25.493366,29.3526793 25.3597929,29.3693888 25.2256182,29.3840982 L25.5872928,29.3393985 C25.4326976,29.360659 25.277251,29.3792552 25.1210012,29.3951396 L25.2256182,29.3840982 C25.0570566,29.4025774 24.8875455,29.4178998 24.7171453,29.4300052 L25.1210012,29.3951396 C24.9661341,29.4108835 24.810478,29.4239634 24.6540799,29.4343333 L24.7171453,29.4300052 C24.5612618,29.4410793 24.4046342,29.4494611 24.2473088,29.4551045 L24.6540799,29.4343333 C24.5098436,29.4438967 24.3649762,29.4511552 24.2195147,29.4560724 L24.2473088,29.4551045 C24.0865878,29.4608697 23.9251385,29.4637769 23.7630101,29.4637769 L23.3130142,29.4562912 C23.2993121,29.4558347 23.2856153,29.4553574 23.2719237,29.4548593 C22.9596275,29.4434959 22.6502324,29.4213577 22.3439491,29.3888006 L22.3886972,29.3934808 C22.2468147,29.3788837 22.105595,29.3620515 21.9650736,29.3430199 L22.3439491,29.3888006 C22.1914515,29.3725905 22.0397254,29.3537976 21.8888152,29.3324664 L21.9650736,29.3430199 C21.8025527,29.3210088 21.6409661,29.2960557 21.4803691,29.2682161 L21.8888152,29.3324664 C21.7352182,29.3107553 21.5824665,29.2864149 21.4306071,29.2594919 L21.4803691,29.2682161 C21.3506285,29.2457255 21.2215338,29.221351 21.0931142,29.1951218 L21.4306071,29.2594919 C21.2772401,29.2323016 21.1247833,29.2024774 20.973285,29.1700676 L21.0931142,29.1951218 C20.9267071,29.1611338 20.7614335,29.1240315 20.5973571,29.0838786 L20.973285,29.1700676 C20.825476,29.138447 20.6785795,29.1043653 20.5326403,29.0678674 L20.5973571,29.0838786 C20.4596684,29.0501832 20.3228227,29.0143396 20.1868576,28.9763851 L20.5326403,29.0678674 C20.3930822,29.0329653 20.2543997,28.9958536 20.1166319,28.9565718 L20.1169729,28.956669 L19.7188247,28.8363247 L19.7188247,28.8363247 L19.7880988,28.5894836 C19.8166627,28.4914193 19.8463277,28.3938241 19.8770797,28.2967124 L19.8480041,28.389868 C19.888904,28.2573207 19.931824,28.1256601 19.9767281,27.9949221 L19.8770797,28.2967124 C19.9117081,28.1873592 19.9477148,28.0786191 19.9850793,27.9705124 L19.9853117,27.9700125 C20.1152243,27.5939638 20.2618428,27.2250995 20.4240731,26.8647811 L20.345088,27.0439391 C20.3899401,26.9402428 20.4360767,26.8372321 20.4834778,26.7349269 L20.4240731,26.8647811 C20.461061,26.78263 20.4988604,26.7009231 20.5374612,26.6196707 L20.4834778,26.7349269 C20.5344734,26.6248636 20.5869326,26.515617 20.6408302,26.4072119 L20.5374612,26.6196707 C20.5871241,26.5151329 20.6381134,26.4113474 20.6904074,26.308336 L20.6408302,26.4072119 C20.681671,26.3250682 20.7233378,26.2434076 20.7658197,26.1622412 L20.7658807,26.1619302 C20.8435258,26.013775 20.923959,25.866962 21.0070529,25.7218685 C21.2050227,25.3759931 21.4182299,25.0398756 21.6456589,24.7144306 L21.5286537,24.8848257 C21.5876708,24.7975143 21.6476996,24.7109431 21.7087233,24.6251289 L21.6456589,24.7144306 C21.6993229,24.6376387 21.7537788,24.5614411 21.8090146,24.4858495 L21.7087233,24.6251289 C21.7826333,24.5211934 21.8580028,24.4183683 21.9348018,24.3166836 L21.8090146,24.4858495 C21.8722751,24.3992759 21.9365587,24.3134973 22.0018475,24.2285315 L22.0016895,24.2288802 C22.3179789,23.8171232 22.6576794,23.4247699 23.0189296,23.053491 L22.8296293,23.2521975 C22.9033796,23.1732135 22.9780829,23.095131 23.0537208,23.0179683 L23.0189296,23.053491 C23.083529,22.9870982 23.1488175,22.9213793 23.2147836,22.8563459 L23.0537208,23.0179683 C23.131055,22.9390752 23.2093662,22.8611436 23.2886348,22.7841931 L23.2147836,22.8563459 C23.2821211,22.7899605 23.3501645,22.7242893 23.4189017,22.6593447 L23.2886348,22.7841931 C23.3852399,22.6904132 23.4832671,22.5980904 23.582681,22.5072602 L23.4189017,22.6593447 C23.4912637,22.5909753 23.5643945,22.523411 23.6382797,22.4566663 L23.582681,22.5072602 C23.6715916,22.4260264 23.7616113,22.3459865 23.8527148,22.2671658 L23.8525967,22.2671923 C23.8915062,22.2336043 23.9304941,22.2002638 23.9696766,22.1671464 L24.00025,22.1417324 Z"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/comments.svg b/code/lib/cli/rendererAssets/common/assets/comments.svg
deleted file mode 100644
index 6493a139f523..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/comments.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/comments</title><g id="illustration/comments" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Path" fill="#96D07C" d="M2.52730803,17.9196415 C2.44329744,17.9745167 2.36370847,18.000488 2.29303375,18.000488 C2.1197031,18.000488 2,17.8443588 2,17.5752855 L2,4 C2,1.790861 3.790861,3.23296945e-13 6,3.23296945e-13 L33.9995117,3.23296945e-13 C36.2086507,3.23296945e-13 37.9995117,1.790861 37.9995117,4 L37.9995117,9.999512 C37.9995117,12.208651 36.2086507,13.999512 33.9995117,13.999512 L8,13.999512 C7.83499225,13.999512 7.6723181,13.9895206 7.51254954,13.9701099 L2.52730803,17.9196415 Z"/><path id="Path" fill="#73E1E0" d="M7.51066,44.9703679 L2.52730803,47.9186655 C2.44329744,47.9735407 2.36370847,47.999512 2.29303375,47.999512 C2.1197031,47.999512 2,47.8433828 2,47.5743095 L2,35 C2,32.790861 3.790861,31 6,31 L26,31 C28.209139,31 30,32.790861 30,35 L30,41 C30,43.209139 28.209139,45 26,45 L8,45 C7.8343417,45 7.67103544,44.9899297 7.51066,44.9703679 Z"/><path id="Path" fill="#FFD476" d="M46,19.5 L46,33.0747975 C46,33.3438708 45.8802969,33.5 45.7069663,33.5 C45.6362915,33.5 45.5567026,33.4740287 45.472692,33.4191535 L40.4887103,29.4704446 C40.3285371,29.489956 40.1654415,29.5 40,29.5 L18,29.5 C15.790861,29.5 14,27.709139 14,25.5 L14,19.5 C14,17.290861 15.790861,15.5 18,15.5 L42,15.5 C44.209139,15.5 46,17.290861 46,19.5 Z"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/context.jpg b/code/lib/cli/rendererAssets/common/assets/context.jpg
new file mode 100644
index 000000000000..763d0d871c85
Binary files /dev/null and b/code/lib/cli/rendererAssets/common/assets/context.jpg differ
diff --git a/code/lib/cli/rendererAssets/common/assets/direction.svg b/code/lib/cli/rendererAssets/common/assets/direction.svg
deleted file mode 100644
index 65676ac27229..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/direction.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/direction</title><g id="illustration/direction" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#FFD476" d="M23.4917015,33.6030641 L2.93840258,31.4321033 C2.38917316,31.3740904 1.99096346,30.8818233 2.04897631,30.3325939 C2.0747515,30.0885705 2.18934861,29.8625419 2.37095722,29.6975265 L34.2609105,0.721285325 C34.6696614,0.349881049 35.3021022,0.38015648 35.6735064,0.788907393 C35.9232621,1.06377731 36.0001133,1.45442096 35.8730901,1.80341447 L24.5364357,32.9506164 C24.3793473,33.3822133 23.9484565,33.6513092 23.4917015,33.6030641 L23.4917015,33.6030641 Z"/><path id="Combined-Shape-Copy" fill="#FFC445" d="M24.3163597,33.2881029 C24.0306575,33.0138462 23.9337246,32.5968232 24.069176,32.2246735 L35.091923,1.9399251 C35.2266075,1.56988243 35.5659249,1.31333613 35.9586669,1.28460955 C36.5094802,1.24432106 36.9886628,1.65818318 37.0289513,2.20899647 L40.2437557,46.1609256 C40.2644355,46.4436546 40.1641446,46.7218752 39.9678293,46.9263833 C39.5853672,47.3248067 38.9523344,47.3377458 38.5539111,46.9552837 L24.3163597,33.2881029 L24.3163597,33.2881029 Z"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/discord.svg b/code/lib/cli/rendererAssets/common/assets/discord.svg
new file mode 100644
index 000000000000..5ab7196249e7
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/discord.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 62 48">
+  <title>Discord logo</title>
+  <g clip-path="url(#a)">
+    <mask id="b" width="62" height="48" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance">
+      <path fill="#fff" d="M62.75.5h-62v48h62V.5Z"/>
+    </mask>
+    <g mask="url(#b)">
+      <path fill="#5865F2" d="M53.236 4.774A51.148 51.148 0 0 0 40.616.863a.192.192 0 0 0-.203.095 35.573 35.573 0 0 0-1.571 3.226 47.228 47.228 0 0 0-14.175 0A32.64 32.64 0 0 0 23.071.958a.2.2 0 0 0-.202-.095 51.008 51.008 0 0 0-12.62 3.911.18.18 0 0 0-.083.072C2.128 16.847-.074 28.553 1.006 40.114c.005.057.037.111.08.145 5.304 3.893 10.44 6.255 15.482 7.822a.2.2 0 0 0 .218-.072 36.71 36.71 0 0 0 3.167-5.148.196.196 0 0 0-.107-.273 33.857 33.857 0 0 1-4.837-2.304.199.199 0 0 1-.02-.33c.326-.243.65-.496.961-.752a.192.192 0 0 1 .2-.027c10.147 4.63 21.132 4.63 31.16 0a.191.191 0 0 1 .202.025c.31.255.636.511.963.755a.199.199 0 0 1-.017.329 31.782 31.782 0 0 1-4.839 2.301.198.198 0 0 0-.105.276 41.23 41.23 0 0 0 3.165 5.146.197.197 0 0 0 .217.074c5.066-1.567 10.203-3.93 15.506-7.822a.2.2 0 0 0 .081-.142c1.293-13.366-2.165-24.976-9.167-35.269a.157.157 0 0 0-.08-.074Zm-31.768 28.3c-3.055 0-5.572-2.802-5.572-6.244 0-3.443 2.469-6.246 5.572-6.246 3.128 0 5.621 2.828 5.572 6.246 0 3.442-2.468 6.245-5.572 6.245Zm20.602 0c-3.055 0-5.572-2.802-5.572-6.244 0-3.443 2.468-6.246 5.572-6.246 3.128 0 5.62 2.828 5.572 6.246 0 3.442-2.444 6.245-5.572 6.245Z"/>
+    </g>
+  </g>
+  <defs><clipPath id="a"><path fill="#fff" d="M.75.5h62v48h-62z"/></clipPath></defs>
+</svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/document.svg b/code/lib/cli/rendererAssets/common/assets/document.svg
new file mode 100644
index 000000000000..8e6e57986966
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/document.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Document</title>
+  <path d="M7 0C4.79083 0 3 1.79083 3 4V44C3 46.2092 4.79083 48 7 48H41C43.2092 48 45 46.2092 45 44V9L36 0H7Z" fill="#FFE8B6"/>
+  <rect x="9" y="17" width="9" height="5" rx="2" fill="#FEBD32"/>
+  <rect x="20" y="17" width="19" height="5" rx="2" fill="#FEBD32"/>
+  <rect x="9" y="26" width="9" height="5" rx="2" fill="#FEBD32"/>
+  <rect x="20" y="26" width="19" height="5" rx="2" fill="#FEBD32"/>
+  <rect x="9" y="35" width="9" height="5" rx="2" fill="#FEBD32"/>
+  <rect x="20" y="35" width="19" height="5" rx="2" fill="#FEBD32"/>
+  <path d="M36 0V5C36 7.20914 37.7909 9 40 9H45L36 0Z" fill="#FEBD32"/>
+</svg>
diff --git a/code/lib/cli/rendererAssets/common/assets/figma.svg b/code/lib/cli/rendererAssets/common/assets/figma.svg
new file mode 100644
index 000000000000..0fccef023d3f
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/figma.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 48">
+  <title>Figma logo</title>
+  <g clip-path="url(#a)">
+    <path fill="#1ABCFE" d="M16 24a7.919 7.919 0 1 1 15.837 0A7.919 7.919 0 0 1 16 24Z"/>
+    <path fill="#0ACF83" d="M.162 39.837a7.919 7.919 0 0 1 7.919-7.919h7.918v7.919a7.918 7.918 0 1 1-15.837 0Z"/>
+    <path fill="#FF7262" d="M16 .244v15.837h7.919a7.918 7.918 0 1 0 0-15.837H16Z"/>
+    <path fill="#F24E1E" d="M.162 8.163a7.918 7.918 0 0 0 7.919 7.918h7.918V.244H8.081A7.919 7.919 0 0 0 .162 8.163Z"/>
+    <path fill="#A259FF" d="M.162 24a7.918 7.918 0 0 0 7.919 7.92h7.918V16.081H8.081a7.919 7.919 0 0 0-7.919 7.919Z"/>
+  </g>
+  <defs><clipPath id="a"><path fill="#fff" d="M0 0h32v48H0z"/></clipPath></defs>
+</svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/flow.svg b/code/lib/cli/rendererAssets/common/assets/flow.svg
deleted file mode 100644
index 8ac27db403c2..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/flow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/flow</title><g id="illustration/flow" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" fill-rule="nonzero" d="M30,29 C32.7614237,29 35,26.7614237 35,24 C35,14.6111593 27.3888407,7 18,7 C8.61115925,7 1,14.6111593 1,24 C1,33.3888407 8.61115925,41 18,41 C19.3333404,41 20.6447683,40.8466238 21.9154603,40.5471706 C19.5096374,39.3319645 17.5510566,37.8612875 16.0456579,36.1314815 C14.1063138,33.9030427 12.769443,31.0725999 12.0293806,27.6556449 C11.360469,26.565281 11,25.3082308 11,24 C11,20.1340068 14.1340068,17 18,17 C21.8659932,17 25,20.1340068 25,24 C25,26.125 27.7040312,29 30,29 Z"/><path id="Combined-Shape-Copy" fill="#FFC445" fill-rule="nonzero" d="M42,29 C44.7614237,29 47,26.7614237 47,24 C47,14.6111593 39.3888407,7 30,7 C20.6111593,7 13,14.6111593 13,24 C13,33.3888407 20.6111593,41 30,41 C31.3333404,41 32.6447683,40.8466238 33.9154603,40.5471706 C31.5096374,39.3319645 29.4051056,37.9781963 28.0456579,36.1314815 C26.0625,33.4375 23,27.1875 23,24 C23,20.1340068 26.1340068,17 30,17 C33.8659932,17 37,20.1340068 37,24 C37.02301,26.3435241 39.7040312,29 42,29 Z" transform="translate(30.000000, 24.000000) scale(-1, -1) translate(-30.000000, -24.000000)"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/github.svg b/code/lib/cli/rendererAssets/common/assets/github.svg
new file mode 100644
index 000000000000..7360edd5c731
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/github.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="62" height="48" viewBox="0 0 62 48">
+  <title>Github logo</title>
+  <path fill="#161614" d="M30.82.5C17.251.5 6.25 11.517 6.25 25.108c0 10.872 7.04 20.097 16.802 23.35 1.228.228 1.679-.533 1.679-1.183 0-.587-.023-2.526-.034-4.582-6.835 1.489-8.277-2.903-8.277-2.903-1.118-2.845-2.728-3.601-2.728-3.601-2.23-1.527.168-1.496.168-1.496 2.467.174 3.766 2.536 3.766 2.536 2.191 3.762 5.748 2.674 7.15 2.046.22-1.59.857-2.676 1.56-3.29-5.457-.623-11.194-2.733-11.194-12.162 0-2.687.96-4.882 2.531-6.605-.255-.62-1.096-3.123.238-6.513 0 0 2.063-.661 6.759 2.523 1.96-.546 4.061-.819 6.15-.828 2.087.01 4.19.282 6.154.828 4.69-3.184 6.75-2.523 6.75-2.523 1.337 3.39.496 5.893.24 6.513 1.576 1.723 2.53 3.918 2.53 6.605 0 9.451-5.748 11.532-11.22 12.142.882.763 1.667 2.26 1.667 4.557 0 3.292-.028 5.942-.028 6.753 0 .654.442 1.422 1.687 1.18 9.757-3.257 16.788-12.478 16.788-23.347C55.388 11.518 44.388.5 30.82.5ZM15.451 35.555c-.054.122-.246.159-.421.075-.178-.08-.278-.247-.22-.37.052-.126.245-.161.422-.077.18.08.28.249.219.372Zm1.208 1.08c-.117.108-.346.058-.501-.114-.16-.172-.191-.401-.072-.511.12-.11.343-.058.504.113.16.174.192.402.07.512Zm.83 1.382c-.15.104-.397.006-.55-.213-.15-.219-.15-.481.004-.586.153-.105.395-.01.55.206.15.223.15.485-.004.593Zm1.402 1.6c-.135.149-.422.109-.632-.094-.215-.199-.274-.48-.14-.629.137-.15.426-.107.637.094.213.198.278.482.135.629Zm1.812.54c-.06.193-.336.28-.614.199-.278-.085-.46-.31-.404-.505.058-.194.336-.285.616-.198.277.084.46.308.402.504Zm2.062.23c.007.202-.229.37-.52.374-.295.007-.532-.157-.535-.357 0-.205.23-.372.524-.377.292-.005.531.158.531.36Zm2.026-.078c.035.198-.168.401-.458.455-.285.052-.549-.07-.585-.266-.036-.203.171-.407.456-.46.29-.05.55.07.587.27Z"/>
+</svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/plugin.svg b/code/lib/cli/rendererAssets/common/assets/plugin.svg
deleted file mode 100644
index 29e5c690c0a2..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/plugin.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/plugin</title><g id="illustration/plugin" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" d="M26,15.3994248 C26,15.4091303 26,15.4188459 26,15.4285714 L26,21.4694881 C25.8463595,21.4969567 25.6941676,21.51275 25.5873784,21.51275 C25.4974117,21.51275 25.4230979,21.4768034 25.377756,21.4206259 L25.2660784,21.2822603 L25.1317423,21.1657666 C24.2436317,20.3956144 23.100098,19.9633214 21.895551,19.9633214 C19.2039137,19.9633214 17,22.1075558 17,24.7804643 C17,27.4533728 19.2039137,29.5976071 21.895551,29.5976071 C23.1972122,29.5976071 24.3149423,29.2878193 25.1231445,28.3613697 C25.4542273,27.9818463 25.568273,27.9073214 25.5873784,27.9073214 C25.681532,27.9073214 25.8352452,27.9239643 26,27.9524591 L26,32.5714286 C26,32.5811541 26,32.5908697 26,32.6005752 L26,33 C26,35.209139 24.209139,37 22,37 L4,37 C1.790861,37 0,35.209139 0,33 L0,15 C0,12.790861 1.790861,11 4,11 L22,11 C24.209139,11 26,12.790861 26,15 L26,15.3994248 Z"/><path id="Path" fill="#87E6E5" d="M27.9998779,32.5714286 C27.9998779,33.3604068 28.6572726,34 29.4682101,34 L46.5315458,34 C47.3424832,34 47.9998779,33.3604068 47.9998779,32.5714286 L47.9998779,15.4285714 C47.9998779,14.6395932 47.3424832,14 46.5315458,14 L29.4682101,14 C28.6572726,14 27.9998779,14.6395932 27.9998779,15.4285714 L27.9998779,21.8355216 C27.9334367,22.2650514 27.8567585,22.6454496 27.746391,22.8084643 C27.4245309,23.2838571 26.2402709,23.51275 25.5873784,23.51275 C24.8705773,23.51275 24.2322714,23.1857725 23.8214379,22.6767605 C23.3096996,22.2329909 22.6349941,21.9633214 21.895551,21.9633214 C20.2963823,21.9633214 19,23.2245992 19,24.7804643 C19,26.3363293 20.2963823,27.5976071 21.895551,27.5976071 C22.5398535,27.5976071 23.2399343,27.477727 23.6160247,27.0466112 C24.1396029,26.4464286 24.7367044,25.9073214 25.5873784,25.9073214 C26.2402709,25.9073214 27.5912951,26.1766031 27.8226692,26.6116071 C27.8819199,26.7230038 27.9403239,26.921677 27.9998779,27.1556219 L27.9998779,32.5714286 Z"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/repo.svg b/code/lib/cli/rendererAssets/common/assets/repo.svg
deleted file mode 100644
index f386ee902c1f..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/repo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/repo</title><g id="illustration/repo" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Rectangle-62-Copy" fill="#B7F0EF" d="M27.2217723,9.04506931 L41.2217723,6.2682098 C43.3886973,5.83840648 45.4937616,7.2466219 45.9235649,9.41354696 C45.9743993,9.66983721 46,9.93049166 46,10.1917747 L46,32.581381 C46,34.4904961 44.650862,36.1335143 42.7782277,36.5049459 L28.7782277,39.2818054 C26.6113027,39.7116087 24.5062384,38.3033933 24.0764351,36.1364682 C24.0256007,35.880178 24,35.6195235 24,35.3582405 L24,12.9686342 C24,11.0595191 25.349138,9.4165009 27.2217723,9.04506931 Z" opacity=".7"/><path id="Combined-Shape" fill="#87E6E5" d="M6.77822775,6.2682098 L20.7782277,9.04506931 C22.650862,9.4165009 24,11.0595191 24,12.9686342 L24,35.3582405 C24,37.5673795 22.209139,39.3582405 20,39.3582405 C19.738717,39.3582405 19.4780625,39.3326398 19.2217723,39.2818054 L5.22177225,36.5049459 C3.34913798,36.1335143 2,34.4904961 2,32.581381 L2,10.1917747 C2,7.98263571 3.790861,6.19177471 6,6.19177471 C6.26128305,6.19177471 6.5219375,6.21737537 6.77822775,6.2682098 Z"/><path id="Rectangle-63-Copy-2" fill="#61C1FD" d="M22,10 C23.1666667,10.2291667 24.0179036,10.625 24.5537109,11.1875 C25.0895182,11.75 25.5716146,12.875 26,14.5625 C26,29.3020833 26,37.5208333 26,39.21875 C26,40.9166667 26.4241536,42.9583333 27.2724609,45.34375 L24.5537109,41.875 L22.9824219,45.34375 C22.327474,43.1979167 22,41.2291667 22,39.4375 C22,37.6458333 22,27.8333333 22,10 Z"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/stackalt.svg b/code/lib/cli/rendererAssets/common/assets/stackalt.svg
deleted file mode 100644
index 9b7ad2743506..000000000000
--- a/code/lib/cli/rendererAssets/common/assets/stackalt.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/stackalt</title><g id="illustration/stackalt" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#FFAE00" d="M23.8628277,0 L23.8628277,48 L3.32291648,36.2491883 L3.32155653,11.9499781 L23.8628277,0 Z M23.8670509,0 L44.408322,11.9499781 L44.4069621,36.2491883 L23.8670509,48 L23.8670509,0 Z" opacity=".196"/><path id="Rectangle-46-Copy-3" fill="#66BF3C" d="M15.8232279,19.1155258 L24.7368455,21.4714881 C29.6053842,22.7582937 33.4077423,26.5606518 34.694548,31.4291905 L37.0505103,40.3428082 C37.6150232,42.4786032 36.3412474,44.6676353 34.2054524,45.2321482 C33.5569474,45.4035549 32.87575,45.4091235 32.2245294,45.2483418 L23.3459013,43.0562718 C18.2976962,41.809906 14.3561301,37.8683399 13.1097642,32.8201348 L10.9176943,23.9415066 C10.3881737,21.7967682 11.6975664,19.6288529 13.8423049,19.0993322 C14.4935255,18.9385505 15.1747229,18.9441191 15.8232279,19.1155258 Z" opacity=".5" transform="translate(23.999997, 32.166058) rotate(-45.000000) translate(-23.999997, -32.166058)"/><path id="Rectangle-46-Copy-2" fill="#FFAE00" d="M15.8232279,11.2216893 L24.7368455,13.5776516 C29.6053842,14.8644572 33.4077423,18.6668153 34.694548,23.5353541 L37.0505103,32.4489717 C37.6150232,34.5847667 36.3412474,36.7737988 34.2054524,37.3383117 C33.5569474,37.5097184 32.87575,37.515287 32.2245294,37.3545053 L23.3459013,35.1624353 C18.2976962,33.9160695 14.3561301,29.9745034 13.1097642,24.9262983 L10.9176943,16.0476701 C10.3881737,13.9029317 11.6975664,11.7350164 13.8423049,11.2054957 C14.4935255,11.044714 15.1747229,11.0502826 15.8232279,11.2216893 Z" opacity=".5" transform="translate(23.999997, 24.272222) rotate(-45.000000) translate(-23.999997, -24.272222)"/><path id="Rectangle-46-Copy" fill="#FC521F" d="M15.8232279,3.32785281 L24.7368455,5.68381509 C29.6053842,6.97062075 33.4077423,10.7729788 34.694548,15.6415176 L37.0505103,24.5551352 C37.6150232,26.6909302 36.3412474,28.8799623 34.2054524,29.4444752 C33.5569474,29.6158819 32.87575,29.6214505 32.2245294,29.4606688 L23.3459013,27.2685988 C18.2976962,26.022233 14.3561301,22.0806669 13.1097642,17.0324618 L10.9176943,8.15383364 C10.3881737,6.00909519 11.6975664,3.84117987 13.8423049,3.31165925 C14.4935255,3.15087753 15.1747229,3.15644615 15.8232279,3.32785281 Z" opacity=".5" transform="translate(23.999997, 16.378385) rotate(-45.000000) translate(-23.999997, -16.378385)"/></g></svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/styling.jpg b/code/lib/cli/rendererAssets/common/assets/styling.jpg
new file mode 100644
index 000000000000..0f6b37a4c8d4
Binary files /dev/null and b/code/lib/cli/rendererAssets/common/assets/styling.jpg differ
diff --git a/code/lib/cli/rendererAssets/common/assets/tutorials.svg b/code/lib/cli/rendererAssets/common/assets/tutorials.svg
new file mode 100644
index 000000000000..bd08af920bd9
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/tutorials.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="62" height="48" viewBox="0 0 62 48">
+  <title>Tutorials</title>
+  <path fill="#37D5D3" fill-rule="evenodd" d="M31.723 45.959H31.359a21.372 21.372 0 0 1-13.746-5.137v4.855a.282.282 0 0 1-.282.282H17a.282.282 0 0 1-.282-.282v-5.644h-6.35a.282.282 0 0 1-.283-.282v-.33c0-.156.126-.282.282-.282h5.486a21.382 21.382 0 0 1-5.768-14.474V24.315a21.373 21.373 0 0 1 5.12-13.726h-4.838a.282.282 0 0 1-.282-.282v-.33c0-.156.126-.282.282-.282h5.643c.23-.242.467-.478.708-.709V3.323c0-.156.127-.282.282-.282h.33c.156 0 .282.126.282.282v4.855A21.373 21.373 0 0 1 31.38 3.04H31.731a21.372 21.372 0 0 1 13.704 5.101V3.323c0-.156.127-.282.283-.282h.33c.155 0 .281.126.281.282v5.623c.256.244.506.493.75.749h5.643c.156 0 .282.126.282.282v.33a.282.282 0 0 1-.282.282h-4.837a21.372 21.372 0 0 1 5.118 13.725l.001.009V24.686a21.383 21.383 0 0 1-5.768 14.453h5.486c.156 0 .282.126.282.282v.33a.282.282 0 0 1-.282.282h-6.37l-.023.02v5.624a.282.282 0 0 1-.282.282h-.33a.282.282 0 0 1-.282-.282v-4.82a21.372 21.372 0 0 1-13.704 5.102h-.008Zm-.624-1.003v-4.923H18.227a20.377 20.377 0 0 0 12.872 4.923Zm-14.38-20.009v13.655a20.389 20.389 0 0 1-5.631-13.655h5.63Zm-5.631-.893h5.63V10.59h-.179a20.386 20.386 0 0 0-5.451 13.464Zm6.525-14.36v-.18a20.386 20.386 0 0 1 13.485-5.471v5.651H17.613Zm14.38-5.651v5.651h13.442v-.219a20.385 20.385 0 0 0-13.443-5.432ZM46.33 10.59h.22a20.386 20.386 0 0 1 5.452 13.464H46.33V10.59Zm5.672 14.357H46.33v13.698a20.39 20.39 0 0 0 5.672-13.698Zm-20.01 15.086h12.872a20.377 20.377 0 0 1-12.872 4.923v-4.923ZM45.435 10.59H31.992v13.464h13.443V10.59ZM31.992 24.947h13.443V39.14H31.992V24.947Zm-.894 14.192V24.947H17.613V39.14h13.485Zm0-28.55v13.465H17.613V10.59h13.485Z" clip-rule="evenodd" opacity=".3"/>
+  <rect width="15.341" height="15.341" x="50.447" y="2.74" fill="#37D5D3" opacity=".9" rx=".732" transform="rotate(45 50.447 2.74)"/>
+  <rect width="15.341" height="15.341" x="38.56" y="14.244" fill="#37D5D3" opacity=".9" rx=".732" transform="rotate(45 38.56 14.244)"/>
+  <rect width="15.341" height="15.341" x="26.67" y="26.135" fill="#37D5D3" opacity=".9" rx=".732" transform="rotate(45 26.67 26.135)"/>
+  <rect width="15.341" height="15.341" x="14.779" y="14.244" fill="#37D5D3" opacity=".9" rx=".732" transform="rotate(45 14.78 14.244)"/>
+</svg>
\ No newline at end of file
diff --git a/code/lib/cli/rendererAssets/common/assets/typography.svg b/code/lib/cli/rendererAssets/common/assets/typography.svg
new file mode 100644
index 000000000000..f2a18909b68b
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/typography.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Typography</title>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.89639 37.9829L9.98859 31.9674H19.2633L21.2808 37.9829H28.4259L18.0889 9.99023H11.3926L0.939453 37.9829H7.89639ZM12.0725 10.9698L2.35092 37.0033H7.19995L9.29214 30.9878H19.968L21.9855 37.0033H27.0199L17.4064 10.9698H12.0725ZM14.2994 16.6489L10.4815 27.5409H18.7672L15.0725 16.6489H14.2994ZM14.6771 18.5327L17.4005 26.5613H11.8629L14.6771 18.5327ZM29.79 23.4589H34.1303C34.294 22.4953 34.6834 21.7644 35.3098 21.2887C36.0014 20.7634 36.9264 20.5079 38.0718 20.5079C38.5692 20.5079 39.036 20.5412 39.4724 20.6082C39.9451 20.6807 40.3675 20.8282 40.7359 21.0521C41.1219 21.2866 41.4308 21.615 41.6582 22.0296C41.8894 22.451 41.9988 22.99 41.9983 23.6241C42.0297 24.324 41.8107 24.8956 41.3365 25.29C40.9266 25.631 40.3878 25.8823 39.7238 26.0504C39.1007 26.2081 38.3919 26.3256 37.5965 26.4035C36.8341 26.4782 36.0592 26.5779 35.2716 26.7025C34.4923 26.8258 33.7191 26.9923 32.9517 27.202C32.2206 27.4018 31.5749 27.6995 31.012 28.095C30.4658 28.4788 30.0183 28.9943 29.6675 29.6474C29.3232 30.2886 29.1467 31.1244 29.1467 32.1586C29.1467 33.1004 29.3015 33.9013 29.6063 34.5645C29.9112 35.2277 30.3311 35.772 30.8687 36.2029C31.4145 36.6405 32.0532 36.9639 32.7887 37.1734C33.5408 37.3876 34.3551 37.4951 35.2324 37.4951C36.379 37.4951 37.501 37.3259 38.6 36.9872C39.6658 36.6587 40.5902 36.0854 41.3797 35.2624L42.1385 34.4713L42.2215 35.5643C42.245 35.8729 42.286 36.1752 42.3444 36.4713C42.3799 36.6509 42.4218 36.8282 42.4702 37.0033H46.7382C46.6234 36.6429 46.5373 36.2212 46.4775 35.7371C46.3754 34.9096 46.3244 34.0447 46.3244 33.1423V22.9651C46.3244 21.8765 46.0904 21.0247 45.6336 20.3968C45.1577 19.7429 44.5473 19.2334 43.7963 18.8647C43.0222 18.4847 42.1632 18.2285 41.2173 18.0967C40.2432 17.9611 39.2819 17.8933 38.3333 17.8933C37.295 17.8933 36.2628 17.9973 35.2362 18.2052C34.2306 18.4089 33.3298 18.7487 32.5316 19.2242C31.7485 19.6906 31.1052 20.3072 30.5978 21.0779C30.1753 21.7197 29.9048 22.5119 29.79 23.4589ZM35.2324 38.4747C36.4769 38.4747 37.6961 38.2908 38.8886 37.9233C39.8053 37.6408 40.6338 37.199 41.3716 36.5999L41.3834 36.6611C41.4496 36.996 41.5356 37.3244 41.6415 37.6462L41.7523 37.9829H48.3646L47.9035 37.2359C47.6975 36.9022 47.5415 36.3604 47.4498 35.6171C47.3526 34.8303 47.304 34.0054 47.304 33.1423V22.9651C47.304 21.6827 47.0149 20.6303 46.4257 19.8205C45.8554 19.0367 45.1209 18.4238 44.228 17.9854C43.3582 17.5583 42.399 17.2723 41.3524 17.1265C40.3339 16.9847 39.3275 16.9138 38.3333 16.9138C37.2296 16.9138 36.1323 17.0242 35.0418 17.2451C33.9303 17.4702 32.9257 17.8492 32.0303 18.3826C31.1196 18.925 30.3682 19.6453 29.7796 20.5392C29.1812 21.4482 28.8453 22.5775 28.7658 23.9198L28.735 24.4385H35.0058L35.0476 23.9946C35.1353 23.0611 35.4259 22.4305 35.9023 22.0688C36.4062 21.6861 37.1251 21.4875 38.0718 21.4875C38.5209 21.4875 38.9383 21.5173 39.3238 21.5764C39.6731 21.63 39.973 21.7348 40.2272 21.8892C40.4639 22.033 40.6532 22.2343 40.7994 22.5007C40.9418 22.7603 41.0192 23.1419 41.0192 23.6461C41.0381 24.0779 40.9334 24.3512 40.7101 24.5369C40.4226 24.7761 40.0149 24.9662 39.4834 25.1008C38.9109 25.2457 38.2499 25.3552 37.501 25.4286C36.7191 25.5052 35.925 25.6074 35.1185 25.735C34.3037 25.8639 33.4954 26.0379 32.6935 26.257C31.8555 26.486 31.1065 26.8314 30.4489 27.2935C29.7746 27.7672 29.2259 28.3993 28.8045 29.1839C28.3767 29.9804 28.1671 30.9732 28.1671 32.1586C28.1671 33.2345 28.3486 34.1739 28.7163 34.9737C29.0839 35.7734 29.598 36.4398 30.256 36.9672C30.9057 37.4881 31.6618 37.871 32.5204 38.1155C33.3623 38.3553 34.2666 38.4747 35.2324 38.4747ZM41.1813 27.5572L41.9988 26.8214V29.9264C41.9988 30.2522 41.9662 30.6744 41.9017 31.1971C41.8315 31.7659 41.643 32.3242 41.3391 32.8699C41.0223 33.4386 40.5391 33.9207 39.898 34.3159C39.2374 34.7231 38.3418 34.9184 37.2125 34.9184C36.7588 34.9184 36.3172 34.8777 35.8882 34.7963C35.4311 34.7095 35.0245 34.5551 34.6716 34.3317C34.2999 34.0965 34.005 33.7742 33.7912 33.3722C33.5764 32.9683 33.4723 32.4865 33.4723 31.9316C33.4723 31.3522 33.5758 30.8582 33.7912 30.4531C33.9991 30.0622 34.2767 29.7355 34.6213 29.4775C34.952 29.23 35.3361 29.0355 35.7715 28.8933C36.1774 28.7607 36.59 28.6546 37.0143 28.5741C37.447 28.4967 37.8799 28.4323 38.3128 28.3807C38.7243 28.3317 39.1169 28.2705 39.4907 28.1973C39.8561 28.1256 40.1965 28.0365 40.5117 27.9301C40.7872 27.8371 41.009 27.7123 41.1813 27.5572ZM39.6791 29.1586C40.0858 29.0788 40.4678 28.9788 40.825 28.8582C40.8914 28.8358 40.9561 28.8119 41.0192 28.7863V29.9264C41.0192 30.206 40.9895 30.5909 40.9295 31.0771C40.8752 31.5172 40.7274 31.9551 40.4833 32.3931C40.2522 32.8081 39.8885 33.171 39.384 33.482C38.8988 33.781 38.1754 33.9388 37.2125 33.9388C36.8194 33.9388 36.439 33.9038 36.071 33.8339C35.7311 33.7694 35.4403 33.6589 35.1955 33.504C34.9694 33.3609 34.7911 33.1661 34.6561 32.9123C34.5222 32.6604 34.4519 32.3352 34.4519 31.9316C34.4519 31.5021 34.5228 31.1638 34.6561 30.913C34.797 30.6482 34.9802 30.4326 35.2083 30.2618C35.4505 30.0805 35.7389 29.9345 36.0757 29.8245C36.4418 29.7049 36.8138 29.6092 37.1918 29.5374C37.6007 29.4644 38.0147 29.4028 38.4286 29.3534C38.864 29.3016 39.2808 29.2366 39.6791 29.1586Z" fill="#1EA7FD"/>
+</svg>
diff --git a/code/lib/cli/rendererAssets/common/assets/youtube.svg b/code/lib/cli/rendererAssets/common/assets/youtube.svg
new file mode 100644
index 000000000000..ab37d73a062e
--- /dev/null
+++ b/code/lib/cli/rendererAssets/common/assets/youtube.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="62" height="48" viewBox="0 0 62 48">
+  <title>Youtube logo</title>
+  <path fill="#ED1D24" d="M58.642 11.09c-.65-2.398-2.566-4.285-5-4.926C49.234 5 31.553 5 31.553 5S13.87 5 9.46 6.164c-2.433.64-4.349 2.528-5 4.925-1.18 4.345-1.18 13.409-1.18 13.409s0 9.064 1.18 13.409c.651 2.397 2.567 4.284 5 4.925 4.41 1.164 22.091 1.164 22.091 1.164s17.682 0 22.092-1.164c2.433-.64 4.349-2.528 4.999-4.925 1.182-4.345 1.182-13.409 1.182-13.409s0-9.064-1.182-13.409Z"/>
+  <path fill="#fff" d="m25.768 32.727 14.778-8.23-14.778-8.23v16.46Z"/>
+</svg>
\ No newline at end of file
diff --git a/code/lib/cli/src/generators/NEXTJS/index.ts b/code/lib/cli/src/generators/NEXTJS/index.ts
index 8b9ab6735b4c..ef3afea02d60 100644
--- a/code/lib/cli/src/generators/NEXTJS/index.ts
+++ b/code/lib/cli/src/generators/NEXTJS/index.ts
@@ -2,7 +2,16 @@ import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  await baseGenerator(packageManager, npmOptions, options, 'react', undefined, 'nextjs');
+  await baseGenerator(
+    packageManager,
+    npmOptions,
+    options,
+    'react',
+    {
+      extraAddons: ['@storybook/addon-onboarding'],
+    },
+    'nextjs'
+  );
 };
 
 export default generator;
diff --git a/code/lib/cli/src/generators/REACT/index.ts b/code/lib/cli/src/generators/REACT/index.ts
index 86fcd790a312..208c62bf25d4 100644
--- a/code/lib/cli/src/generators/REACT/index.ts
+++ b/code/lib/cli/src/generators/REACT/index.ts
@@ -10,6 +10,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
 
   await baseGenerator(packageManager, npmOptions, options, 'react', {
     extraPackages,
+    extraAddons: ['@storybook/addon-onboarding'],
   });
 };
 
diff --git a/code/lib/cli/src/generators/REACT_SCRIPTS/index.ts b/code/lib/cli/src/generators/REACT_SCRIPTS/index.ts
index 46846ccc1bc5..4059beedec0e 100644
--- a/code/lib/cli/src/generators/REACT_SCRIPTS/index.ts
+++ b/code/lib/cli/src/generators/REACT_SCRIPTS/index.ts
@@ -39,7 +39,10 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   }
 
   const version = versions['@storybook/preset-create-react-app'];
-  const extraAddons = [`@storybook/preset-create-react-app@${version}`];
+  const extraAddons = [
+    `@storybook/preset-create-react-app@${version}`,
+    '@storybook/addon-onboarding',
+  ];
 
   if (!isCra5OrHigher) {
     throw new Error(dedent`
diff --git a/code/lib/cli/src/generators/WEBPACK_REACT/index.ts b/code/lib/cli/src/generators/WEBPACK_REACT/index.ts
index 0bf8bb0ba23b..867bd82b80c2 100644
--- a/code/lib/cli/src/generators/WEBPACK_REACT/index.ts
+++ b/code/lib/cli/src/generators/WEBPACK_REACT/index.ts
@@ -2,7 +2,9 @@ import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  await baseGenerator(packageManager, npmOptions, options, 'react');
+  await baseGenerator(packageManager, npmOptions, options, 'react', {
+    extraAddons: ['@storybook/addon-onboarding'],
+  });
 };
 
 export default generator;
diff --git a/code/lib/cli/src/helpers.test.ts b/code/lib/cli/src/helpers.test.ts
index 22b737b8e310..01897444db11 100644
--- a/code/lib/cli/src/helpers.test.ts
+++ b/code/lib/cli/src/helpers.test.ts
@@ -20,6 +20,8 @@ jest.mock('fs-extra', () => ({
   ensureDir: jest.fn(() => {}),
   existsSync: jest.fn(),
   pathExists: jest.fn(),
+  readFile: jest.fn(() => ''),
+  writeFile: jest.fn(),
 }));
 
 jest.mock('find-up', () => ({
diff --git a/code/lib/cli/src/helpers.ts b/code/lib/cli/src/helpers.ts
index c86abe299bf2..b72e625ad716 100644
--- a/code/lib/cli/src/helpers.ts
+++ b/code/lib/cli/src/helpers.ts
@@ -1,8 +1,8 @@
 /* eslint-disable no-param-reassign */
-import path, { join } from 'path';
+import chalk from 'chalk';
 import fs from 'fs';
 import fse from 'fs-extra';
-import chalk from 'chalk';
+import path, { join } from 'path';
 import { satisfies } from 'semver';
 import stripJsonComments from 'strip-json-comments';
 
@@ -186,6 +186,24 @@ type CopyTemplateFilesOptions = {
   destination?: string;
 };
 
+const frameworkToRenderer: Record<SupportedFrameworks | SupportedRenderers, SupportedRenderers> = {
+  angular: 'angular',
+  ember: 'ember',
+  html: 'html',
+  nextjs: 'react',
+  preact: 'preact',
+  qwik: 'qwik',
+  react: 'react',
+  'react-native': 'react',
+  server: 'react',
+  solid: 'solid',
+  svelte: 'svelte',
+  sveltekit: 'svelte',
+  vue: 'vue',
+  vue3: 'vue',
+  'web-components': 'web-components',
+};
+
 export async function copyTemplateFiles({
   packageManager,
   renderer,
@@ -246,6 +264,23 @@ export async function copyTemplateFiles({
     });
   }
   await fse.copy(await templatePath(), destinationPath, { overwrite: true });
+
+  if (includeCommonAssets) {
+    const rendererType = frameworkToRenderer[renderer] || 'react';
+    await adjustTemplate(join(destinationPath, 'Configure.mdx'), { renderer: rendererType });
+  }
+}
+
+export async function adjustTemplate(templatePath: string, templateData: Record<string, any>) {
+  // for now, we're just doing a simple string replace
+  // in the future we might replace this with a proper templating engine
+  let template = await fse.readFile(templatePath, 'utf8');
+
+  Object.keys(templateData).forEach((key) => {
+    template = template.replaceAll(`{{${key}}}`, `${templateData[key]}`);
+  });
+
+  await fse.writeFile(templatePath, template);
 }
 
 // Given a package.json, finds any official storybook package within it
diff --git a/code/lib/cli/src/initiate.ts b/code/lib/cli/src/initiate.ts
index bdcfa300cef0..7cc3c56ce305 100644
--- a/code/lib/cli/src/initiate.ts
+++ b/code/lib/cli/src/initiate.ts
@@ -348,10 +348,35 @@ async function doInitiate(options: CommandOptions, pkg: PackageJson): Promise<vo
       logger.log('\nRunning Storybook');
 
       try {
+        const isReactWebProject =
+          projectType === ProjectType.REACT_SCRIPTS ||
+          projectType === ProjectType.REACT ||
+          projectType === ProjectType.WEBPACK_REACT ||
+          projectType === ProjectType.REACT_PROJECT ||
+          projectType === ProjectType.NEXTJS;
+
+        const flags = [];
+
+        // npm needs extra -- to pass flags to the command
+        if (packageManager.type === 'npm') {
+          flags.push('--');
+        }
+
+        if (isReactWebProject) {
+          flags.push('--initial-path=/onboarding');
+        }
+
+        flags.push('--quiet');
+
         // instead of calling 'dev' automatically, we spawn a subprocess so that it gets
         // executed directly in the user's project directory. This avoid potential issues
         // with packages running in npxs' node_modules
-        packageManager.runPackageCommandSync(storybookCommand, ['--quiet'], undefined, 'inherit');
+        packageManager.runPackageCommandSync(
+          storybookCommand.replace(/^yarn /, ''),
+          flags,
+          undefined,
+          'inherit'
+        );
       } catch (e) {
         const isCtrlC =
           e.message.includes('Command failed with exit code 129') &&
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index 8828d07fb0b9..f6f98a8a335f 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -1,96 +1,96 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.1.0-alpha.38',
-  '@storybook/addon-actions': '7.1.0-alpha.38',
-  '@storybook/addon-backgrounds': '7.1.0-alpha.38',
-  '@storybook/addon-controls': '7.1.0-alpha.38',
-  '@storybook/addon-docs': '7.1.0-alpha.38',
-  '@storybook/addon-essentials': '7.1.0-alpha.38',
-  '@storybook/addon-highlight': '7.1.0-alpha.38',
-  '@storybook/addon-interactions': '7.1.0-alpha.38',
-  '@storybook/addon-jest': '7.1.0-alpha.38',
-  '@storybook/addon-links': '7.1.0-alpha.38',
-  '@storybook/addon-mdx-gfm': '7.1.0-alpha.38',
-  '@storybook/addon-measure': '7.1.0-alpha.38',
-  '@storybook/addon-outline': '7.1.0-alpha.38',
-  '@storybook/addon-storyshots': '7.1.0-alpha.38',
-  '@storybook/addon-storyshots-puppeteer': '7.1.0-alpha.38',
-  '@storybook/addon-storysource': '7.1.0-alpha.38',
-  '@storybook/addon-toolbars': '7.1.0-alpha.38',
-  '@storybook/addon-viewport': '7.1.0-alpha.38',
-  '@storybook/addons': '7.1.0-alpha.38',
-  '@storybook/angular': '7.1.0-alpha.38',
-  '@storybook/api': '7.1.0-alpha.38',
-  '@storybook/blocks': '7.1.0-alpha.38',
-  '@storybook/builder-manager': '7.1.0-alpha.38',
-  '@storybook/builder-vite': '7.1.0-alpha.38',
-  '@storybook/builder-webpack5': '7.1.0-alpha.38',
-  '@storybook/channel-postmessage': '7.1.0-alpha.38',
-  '@storybook/channel-websocket': '7.1.0-alpha.38',
-  '@storybook/channels': '7.1.0-alpha.38',
-  '@storybook/cli': '7.1.0-alpha.38',
-  '@storybook/client-api': '7.1.0-alpha.38',
-  '@storybook/client-logger': '7.1.0-alpha.38',
-  '@storybook/codemod': '7.1.0-alpha.38',
-  '@storybook/components': '7.1.0-alpha.38',
-  '@storybook/core-client': '7.1.0-alpha.38',
-  '@storybook/core-common': '7.1.0-alpha.38',
-  '@storybook/core-events': '7.1.0-alpha.38',
-  '@storybook/core-server': '7.1.0-alpha.38',
-  '@storybook/core-webpack': '7.1.0-alpha.38',
-  '@storybook/csf-plugin': '7.1.0-alpha.38',
-  '@storybook/csf-tools': '7.1.0-alpha.38',
-  '@storybook/docs-tools': '7.1.0-alpha.38',
-  '@storybook/ember': '7.1.0-alpha.38',
-  '@storybook/html': '7.1.0-alpha.38',
-  '@storybook/html-vite': '7.1.0-alpha.38',
-  '@storybook/html-webpack5': '7.1.0-alpha.38',
-  '@storybook/instrumenter': '7.1.0-alpha.38',
-  '@storybook/manager': '7.1.0-alpha.38',
-  '@storybook/manager-api': '7.1.0-alpha.38',
-  '@storybook/nextjs': '7.1.0-alpha.38',
-  '@storybook/node-logger': '7.1.0-alpha.38',
-  '@storybook/postinstall': '7.1.0-alpha.38',
-  '@storybook/preact': '7.1.0-alpha.38',
-  '@storybook/preact-vite': '7.1.0-alpha.38',
-  '@storybook/preact-webpack5': '7.1.0-alpha.38',
-  '@storybook/preset-create-react-app': '7.1.0-alpha.38',
-  '@storybook/preset-html-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-preact-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-react-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-server-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-svelte-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-vue-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-vue3-webpack': '7.1.0-alpha.38',
-  '@storybook/preset-web-components-webpack': '7.1.0-alpha.38',
-  '@storybook/preview': '7.1.0-alpha.38',
-  '@storybook/preview-api': '7.1.0-alpha.38',
-  '@storybook/preview-web': '7.1.0-alpha.38',
-  '@storybook/react': '7.1.0-alpha.38',
-  '@storybook/react-dom-shim': '7.1.0-alpha.38',
-  '@storybook/react-vite': '7.1.0-alpha.38',
-  '@storybook/react-webpack5': '7.1.0-alpha.38',
-  '@storybook/router': '7.1.0-alpha.38',
-  '@storybook/server': '7.1.0-alpha.38',
-  '@storybook/server-webpack5': '7.1.0-alpha.38',
-  '@storybook/source-loader': '7.1.0-alpha.38',
-  '@storybook/store': '7.1.0-alpha.38',
-  '@storybook/svelte': '7.1.0-alpha.38',
-  '@storybook/svelte-vite': '7.1.0-alpha.38',
-  '@storybook/svelte-webpack5': '7.1.0-alpha.38',
-  '@storybook/sveltekit': '7.1.0-alpha.38',
-  '@storybook/telemetry': '7.1.0-alpha.38',
-  '@storybook/theming': '7.1.0-alpha.38',
-  '@storybook/types': '7.1.0-alpha.38',
-  '@storybook/vue': '7.1.0-alpha.38',
-  '@storybook/vue-vite': '7.1.0-alpha.38',
-  '@storybook/vue-webpack5': '7.1.0-alpha.38',
-  '@storybook/vue3': '7.1.0-alpha.38',
-  '@storybook/vue3-vite': '7.1.0-alpha.38',
-  '@storybook/vue3-webpack5': '7.1.0-alpha.38',
-  '@storybook/web-components': '7.1.0-alpha.38',
-  '@storybook/web-components-vite': '7.1.0-alpha.38',
-  '@storybook/web-components-webpack5': '7.1.0-alpha.38',
-  sb: '7.1.0-alpha.38',
-  storybook: '7.1.0-alpha.38',
+  '@storybook/addon-a11y': '7.1.0-alpha.39',
+  '@storybook/addon-actions': '7.1.0-alpha.39',
+  '@storybook/addon-backgrounds': '7.1.0-alpha.39',
+  '@storybook/addon-controls': '7.1.0-alpha.39',
+  '@storybook/addon-docs': '7.1.0-alpha.39',
+  '@storybook/addon-essentials': '7.1.0-alpha.39',
+  '@storybook/addon-highlight': '7.1.0-alpha.39',
+  '@storybook/addon-interactions': '7.1.0-alpha.39',
+  '@storybook/addon-jest': '7.1.0-alpha.39',
+  '@storybook/addon-links': '7.1.0-alpha.39',
+  '@storybook/addon-mdx-gfm': '7.1.0-alpha.39',
+  '@storybook/addon-measure': '7.1.0-alpha.39',
+  '@storybook/addon-outline': '7.1.0-alpha.39',
+  '@storybook/addon-storyshots': '7.1.0-alpha.39',
+  '@storybook/addon-storyshots-puppeteer': '7.1.0-alpha.39',
+  '@storybook/addon-storysource': '7.1.0-alpha.39',
+  '@storybook/addon-toolbars': '7.1.0-alpha.39',
+  '@storybook/addon-viewport': '7.1.0-alpha.39',
+  '@storybook/addons': '7.1.0-alpha.39',
+  '@storybook/angular': '7.1.0-alpha.39',
+  '@storybook/api': '7.1.0-alpha.39',
+  '@storybook/blocks': '7.1.0-alpha.39',
+  '@storybook/builder-manager': '7.1.0-alpha.39',
+  '@storybook/builder-vite': '7.1.0-alpha.39',
+  '@storybook/builder-webpack5': '7.1.0-alpha.39',
+  '@storybook/channel-postmessage': '7.1.0-alpha.39',
+  '@storybook/channel-websocket': '7.1.0-alpha.39',
+  '@storybook/channels': '7.1.0-alpha.39',
+  '@storybook/cli': '7.1.0-alpha.39',
+  '@storybook/client-api': '7.1.0-alpha.39',
+  '@storybook/client-logger': '7.1.0-alpha.39',
+  '@storybook/codemod': '7.1.0-alpha.39',
+  '@storybook/components': '7.1.0-alpha.39',
+  '@storybook/core-client': '7.1.0-alpha.39',
+  '@storybook/core-common': '7.1.0-alpha.39',
+  '@storybook/core-events': '7.1.0-alpha.39',
+  '@storybook/core-server': '7.1.0-alpha.39',
+  '@storybook/core-webpack': '7.1.0-alpha.39',
+  '@storybook/csf-plugin': '7.1.0-alpha.39',
+  '@storybook/csf-tools': '7.1.0-alpha.39',
+  '@storybook/docs-tools': '7.1.0-alpha.39',
+  '@storybook/ember': '7.1.0-alpha.39',
+  '@storybook/html': '7.1.0-alpha.39',
+  '@storybook/html-vite': '7.1.0-alpha.39',
+  '@storybook/html-webpack5': '7.1.0-alpha.39',
+  '@storybook/instrumenter': '7.1.0-alpha.39',
+  '@storybook/manager': '7.1.0-alpha.39',
+  '@storybook/manager-api': '7.1.0-alpha.39',
+  '@storybook/nextjs': '7.1.0-alpha.39',
+  '@storybook/node-logger': '7.1.0-alpha.39',
+  '@storybook/postinstall': '7.1.0-alpha.39',
+  '@storybook/preact': '7.1.0-alpha.39',
+  '@storybook/preact-vite': '7.1.0-alpha.39',
+  '@storybook/preact-webpack5': '7.1.0-alpha.39',
+  '@storybook/preset-create-react-app': '7.1.0-alpha.39',
+  '@storybook/preset-html-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-preact-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-react-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-server-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-svelte-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-vue-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-vue3-webpack': '7.1.0-alpha.39',
+  '@storybook/preset-web-components-webpack': '7.1.0-alpha.39',
+  '@storybook/preview': '7.1.0-alpha.39',
+  '@storybook/preview-api': '7.1.0-alpha.39',
+  '@storybook/preview-web': '7.1.0-alpha.39',
+  '@storybook/react': '7.1.0-alpha.39',
+  '@storybook/react-dom-shim': '7.1.0-alpha.39',
+  '@storybook/react-vite': '7.1.0-alpha.39',
+  '@storybook/react-webpack5': '7.1.0-alpha.39',
+  '@storybook/router': '7.1.0-alpha.39',
+  '@storybook/server': '7.1.0-alpha.39',
+  '@storybook/server-webpack5': '7.1.0-alpha.39',
+  '@storybook/source-loader': '7.1.0-alpha.39',
+  '@storybook/store': '7.1.0-alpha.39',
+  '@storybook/svelte': '7.1.0-alpha.39',
+  '@storybook/svelte-vite': '7.1.0-alpha.39',
+  '@storybook/svelte-webpack5': '7.1.0-alpha.39',
+  '@storybook/sveltekit': '7.1.0-alpha.39',
+  '@storybook/telemetry': '7.1.0-alpha.39',
+  '@storybook/theming': '7.1.0-alpha.39',
+  '@storybook/types': '7.1.0-alpha.39',
+  '@storybook/vue': '7.1.0-alpha.39',
+  '@storybook/vue-vite': '7.1.0-alpha.39',
+  '@storybook/vue-webpack5': '7.1.0-alpha.39',
+  '@storybook/vue3': '7.1.0-alpha.39',
+  '@storybook/vue3-vite': '7.1.0-alpha.39',
+  '@storybook/vue3-webpack5': '7.1.0-alpha.39',
+  '@storybook/web-components': '7.1.0-alpha.39',
+  '@storybook/web-components-vite': '7.1.0-alpha.39',
+  '@storybook/web-components-webpack5': '7.1.0-alpha.39',
+  sb: '7.1.0-alpha.39',
+  storybook: '7.1.0-alpha.39',
 };
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 5d07cdae648a..6f50c252cba5 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index b99c53eb2d61..19e9f45026e9 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -49,9 +49,9 @@
     "@babel/preset-env": "^7.22.0",
     "@babel/types": "^7.22.0",
     "@storybook/csf": "^0.1.0",
-    "@storybook/csf-tools": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/csf-tools": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/cross-spawn": "^6.0.2",
     "cross-spawn": "^7.0.3",
     "globby": "^11.0.2",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index f6f53977533c..ae8b8a42335d 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/find-cache-dir": "^3.2.1",
     "@types/node": "^16.0.0",
     "@types/node-fetch": "^2.6.4",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 4c6f63b2845c..4f8bdb58733e 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index c9d97a9b29f9..792ec77ccc0f 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -56,19 +56,19 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.126",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.1.0-alpha.38",
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/builder-manager": "7.1.0-alpha.39",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
-    "@storybook/csf-tools": "7.1.0-alpha.38",
+    "@storybook/csf-tools": "7.1.0-alpha.39",
     "@storybook/docs-mdx": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/telemetry": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/telemetry": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/detect-port": "^1.3.0",
     "@types/node": "^16.0.0",
     "@types/pretty-hrtime": "^1.0.0",
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 296d47ba315a..94717b1b47a0 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -43,9 +43,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index e549785016b7..ae5d0ed8baa0 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
@@ -43,7 +43,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/csf-tools": "7.1.0-alpha.38",
+    "@storybook/csf-tools": "7.1.0-alpha.39",
     "unplugin": "^1.3.1"
   },
   "devDependencies": {
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 82334cbefae5..40ef7fca5b8d 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
@@ -46,7 +46,7 @@
     "@babel/traverse": "^7.22.0",
     "@babel/types": "^7.22.0",
     "@storybook/csf": "^0.1.0",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/types": "7.1.0-alpha.39",
     "fs-extra": "^11.1.0",
     "recast": "^0.23.1",
     "ts-dedent": "^2.0.0"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 9fc4695bc947..26f101a3dc6f 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
@@ -43,9 +43,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-common": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/core-common": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/doctrine": "^0.0.3",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 86e3f9ae8494..71fc16fd7dd8 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -43,11 +43,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38"
+    "@storybook/preview-api": "7.1.0-alpha.39"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/lib/manager-api/package.json b/code/lib/manager-api/package.json
index 146d0a4c4e88..ed53fae845b5 100644
--- a/code/lib/manager-api/package.json
+++ b/code/lib/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
@@ -42,14 +42,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/router": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/router": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
diff --git a/code/lib/manager-api/src/version.ts b/code/lib/manager-api/src/version.ts
index c4e109583163..98a36cb5ab9d 100644
--- a/code/lib/manager-api/src/version.ts
+++ b/code/lib/manager-api/src/version.ts
@@ -1 +1 @@
-export const version = '7.1.0-alpha.38';
+export const version = '7.1.0-alpha.39';
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 42bd6b3afeaa..19e4177e821d 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 182cf7da13ff..8f18600c7643 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-api/package.json b/code/lib/preview-api/package.json
index 384e4b60de63..788402dcc438 100644
--- a/code/lib/preview-api/package.json
+++ b/code/lib/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -67,13 +67,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channel-postmessage": "7.1.0-alpha.38",
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/channel-postmessage": "7.1.0-alpha.39",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/qs": "^6.9.5",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
@@ -85,7 +85,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.5.0",
-    "@storybook/core-common": "7.1.0-alpha.38",
+    "@storybook/core-common": "7.1.0-alpha.39",
     "ansi-to-html": "^0.6.11",
     "react": "^16.14.0",
     "slash": "^5.0.0"
diff --git a/code/lib/preview/package.json b/code/lib/preview/package.json
index 625bfa26c50c..c4ba9bf235f4 100644
--- a/code/lib/preview/package.json
+++ b/code/lib/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -55,10 +55,10 @@
     "prep": "../../../scripts/prepare/esm-bundle.ts"
   },
   "devDependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
     "typescript": "~4.9.3"
   },
   "publishConfig": {
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index 950a332fc08d..04b710889428 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/types": "7.1.0-alpha.39",
     "typescript": "~4.9.3"
   },
   "peerDependencies": {
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index b9ce3165f279..124d173de6d0 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -48,7 +48,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0"
   },
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index bf3c2ead91e7..acd9fa971f04 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@storybook/csf": "^0.1.0",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/types": "7.1.0-alpha.39",
     "estraverse": "^5.2.0",
     "lodash": "^4.17.21",
     "prettier": "^2.8.0"
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index 54d72cb86cf2..2fab4eed930d 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-common": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-common": "7.1.0-alpha.39",
     "chalk": "^4.1.0",
     "detect-package-manager": "^2.0.1",
     "fetch-retry": "^5.0.2",
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index 8c8d3438ce3d..ffecd18c83a9 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-    "@storybook/client-logger": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/types/package.json b/code/lib/types/package.json
index 1b295cb143c0..6682c4031e51 100644
--- a/code/lib/types/package.json
+++ b/code/lib/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
@@ -43,7 +43,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
     "file-system-cache": "^2.0.0"
diff --git a/code/package.json b/code/package.json
index dc2250f5ba5b..7dc9576a1d4b 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index 4f3ce9109e42..4029183cca56 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
@@ -50,14 +50,14 @@
   "dependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
     "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/babel__core": "^7.1.7",
     "babel-plugin-react-docgen": "^4.1.0",
     "pnp-webpack-plugin": "^1.7.0",
     "semver": "^7.3.5"
   },
   "devDependencies": {
-    "@storybook/node-logger": "7.1.0-alpha.38",
+    "@storybook/node-logger": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "typescript": "~4.9.3"
   },
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index f1eee584f4bc..be90bd143004 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -48,7 +48,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "html-loader": "^3.1.0",
     "webpack": "5"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index ba84efec4206..265bd1591ccc 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.21.0",
     "@babel/preset-typescript": "^7.21.0",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 7bf708a3f716..0637341945ea 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
@@ -66,10 +66,10 @@
     "@babel/preset-flow": "^7.21.0",
     "@babel/preset-react": "^7.22.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
-    "@storybook/react": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
+    "@storybook/react": "7.1.0-alpha.39",
     "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
     "@types/node": "^16.0.0",
     "@types/semver": "^7.3.4",
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 329c8cc5af5b..c3376f6663ef 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -53,10 +53,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-server": "7.1.0-alpha.38",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
+    "@storybook/core-server": "7.1.0-alpha.39",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/server": "7.1.0-alpha.38",
+    "@storybook/server": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "safe-identifier": "^0.4.1",
     "ts-dedent": "^2.0.0",
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index d5f1fc03f297..bbf6834fd2df 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -63,8 +63,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.1.0-alpha.38",
-    "@storybook/node-logger": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
+    "@storybook/node-logger": "7.1.0-alpha.39",
     "sveltedoc-parser": "^4.2.1",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index a3e47d85a6fd..fbef57a371fc 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -58,8 +58,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "ts-loader": "^9.2.8",
     "vue-docgen-api": "^4.44.23",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 74b9a27163f9..ae9865a7ebd8 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -58,8 +58,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "ts-loader": "^9.2.8",
     "vue-docgen-api": "^4.46.0",
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 8514b2ab10cd..57595b46f838 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
@@ -54,7 +54,7 @@
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@babel/preset-env": "^7.22.0",
-    "@storybook/core-webpack": "7.1.0-alpha.38",
+    "@storybook/core-webpack": "7.1.0-alpha.39",
     "@types/node": "^16.0.0",
     "babel-loader": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "babel-plugin-bundled-import-meta": "^0.3.1"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 9053109c827e..b8283570e816 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/core-client": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index c63641876efb..2fbd85ba4756 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -48,10 +48,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.38",
+    "@storybook/core-client": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 46dac2b5eeee..a634704c1c5d 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -52,13 +52,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-client": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-client": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/react-dom-shim": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/react-dom-shim": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/escodegen": "^0.0.6",
     "@types/estree": "^0.0.51",
     "@types/node": "^16.0.0",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 998b29bef08f..b188c1903599 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -53,12 +53,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.38",
+    "@storybook/core-client": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
-    "@storybook/csf-tools": "7.1.0-alpha.38",
+    "@storybook/csf-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/fs-extra": "^11.0.1",
     "fs-extra": "^11.1.0",
     "ts-dedent": "^2.0.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 2d13c02555f5..96278fa5fcf6 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -52,13 +52,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-client": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-client": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "sveltedoc-parser": "^4.2.1",
     "type-fest": "^3.11.0"
   },
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 36f82379c1af..78a95855ede0 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -48,12 +48,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-client": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-client": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "ts-dedent": "^2.0.0",
     "type-fest": "^3.11.0"
   },
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index cedd06e43743..6e220bb48d01 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/core-client": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0",
     "type-fest": "^3.11.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 6b3b6a345efc..d3102cd1b00a 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.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",
@@ -51,13 +51,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/core-client": "7.1.0-alpha.38",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/core-client": "7.1.0-alpha.39",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "tiny-invariant": "^1.3.1",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/ui/.storybook/main.ts b/code/ui/.storybook/main.ts
index fecc66652067..23a70dc16661 100644
--- a/code/ui/.storybook/main.ts
+++ b/code/ui/.storybook/main.ts
@@ -6,7 +6,6 @@ import type { StorybookConfig } from '../../frameworks/react-vite';
 const isBlocksOnly = process.env.STORYBOOK_BLOCKS_ONLY === 'true';
 
 const allStories = [
-  '../../lib/cli/rendererAssets/common/Introduction.mdx',
   {
     directory: '../manager/src',
     titlePrefix: '@storybook-manager',
diff --git a/code/ui/blocks/package.json b/code/ui/blocks/package.json
index cd38f3b6081a..6258387e91f6 100644
--- a/code/ui/blocks/package.json
+++ b/code/ui/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -43,17 +43,17 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
-    "@storybook/docs-tools": "7.1.0-alpha.38",
+    "@storybook/docs-tools": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/preview-api": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/preview-api": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@types/lodash": "^4.14.167",
     "color-convert": "^2.0.1",
     "dequal": "^2.0.2",
@@ -67,7 +67,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "7.1.0-alpha.38",
+    "@storybook/addon-actions": "7.1.0-alpha.39",
     "@types/color-convert": "^2.0.0"
   },
   "peerDependencies": {
diff --git a/code/ui/components/package.json b/code/ui/components/package.json
index fd1ff4eff7cc..1ff56f36291e 100644
--- a/code/ui/components/package.json
+++ b/code/ui/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.38",
+    "@storybook/client-logger": "7.1.0-alpha.39",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "memoizerific": "^1.11.3",
     "use-resize-observer": "^9.1.0",
     "util-deprecate": "^1.0.2"
diff --git a/code/ui/manager/package.json b/code/ui/manager/package.json
index 3a2e9fa9e032..569e2b6b9c25 100644
--- a/code/ui/manager/package.json
+++ b/code/ui/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.1.0-alpha.38",
+  "version": "7.1.0-alpha.39",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -51,18 +51,18 @@
   },
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.1.0-alpha.38",
-    "@storybook/api": "7.1.0-alpha.38",
-    "@storybook/channel-postmessage": "7.1.0-alpha.38",
-    "@storybook/channels": "7.1.0-alpha.38",
-    "@storybook/client-logger": "7.1.0-alpha.38",
-    "@storybook/components": "7.1.0-alpha.38",
-    "@storybook/core-events": "7.1.0-alpha.38",
+    "@storybook/addons": "7.1.0-alpha.39",
+    "@storybook/api": "7.1.0-alpha.39",
+    "@storybook/channel-postmessage": "7.1.0-alpha.39",
+    "@storybook/channels": "7.1.0-alpha.39",
+    "@storybook/client-logger": "7.1.0-alpha.39",
+    "@storybook/components": "7.1.0-alpha.39",
+    "@storybook/core-events": "7.1.0-alpha.39",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.38",
-    "@storybook/router": "7.1.0-alpha.38",
-    "@storybook/theming": "7.1.0-alpha.38",
-    "@storybook/types": "7.1.0-alpha.38",
+    "@storybook/manager-api": "7.1.0-alpha.39",
+    "@storybook/router": "7.1.0-alpha.39",
+    "@storybook/theming": "7.1.0-alpha.39",
+    "@storybook/types": "7.1.0-alpha.39",
     "@testing-library/react": "^11.2.2",
     "@types/semver": "^7.3.4",
     "copy-to-clipboard": "^3.3.1",
diff --git a/code/yarn.lock b/code/yarn.lock
index aa80f5ec6c10..fa94b0398833 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -5124,16 +5124,16 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/addon-a11y@workspace:addons/a11y"
   dependencies:
-    "@storybook/addon-highlight": 7.1.0-alpha.38
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/addon-highlight": 7.1.0-alpha.39
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
     lodash: ^4.17.21
@@ -5151,18 +5151,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-actions@7.1.0-alpha.38, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/lodash": ^4.14.167
     "@types/uuid": ^9.0.1
     dequal: ^2.0.2
@@ -5185,18 +5185,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-backgrounds@7.1.0-alpha.38, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     memoizerific: ^1.11.3
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
@@ -5211,19 +5211,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-controls@7.1.0-alpha.38, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.1.0-alpha.39, @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/blocks": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/blocks": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     lodash: ^4.17.21
     ts-dedent: ^2.0.0
   peerDependencies:
@@ -5237,25 +5237,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-docs@7.1.0-alpha.38, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.1.0-alpha.39, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
   version: 0.0.0-use.local
   resolution: "@storybook/addon-docs@workspace:addons/docs"
   dependencies:
     "@jest/transform": ^29.3.1
     "@mdx-js/react": ^2.1.5
-    "@storybook/blocks": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/csf-plugin": 7.1.0-alpha.38
-    "@storybook/csf-tools": 7.1.0-alpha.38
+    "@storybook/blocks": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/csf-plugin": 7.1.0-alpha.39
+    "@storybook/csf-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
     "@storybook/mdx2-csf": ^1.0.0
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/postinstall": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/react-dom-shim": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/postinstall": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/react-dom-shim": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     fs-extra: ^11.1.0
     react: ^16.14.0
     react-dom: ^16.8.0
@@ -5273,20 +5273,20 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/addon-essentials@workspace:addons/essentials"
   dependencies:
-    "@storybook/addon-actions": 7.1.0-alpha.38
-    "@storybook/addon-backgrounds": 7.1.0-alpha.38
-    "@storybook/addon-controls": 7.1.0-alpha.38
-    "@storybook/addon-docs": 7.1.0-alpha.38
-    "@storybook/addon-highlight": 7.1.0-alpha.38
-    "@storybook/addon-measure": 7.1.0-alpha.38
-    "@storybook/addon-outline": 7.1.0-alpha.38
-    "@storybook/addon-toolbars": 7.1.0-alpha.38
-    "@storybook/addon-viewport": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/vue": 7.1.0-alpha.38
+    "@storybook/addon-actions": 7.1.0-alpha.39
+    "@storybook/addon-backgrounds": 7.1.0-alpha.39
+    "@storybook/addon-controls": 7.1.0-alpha.39
+    "@storybook/addon-docs": 7.1.0-alpha.39
+    "@storybook/addon-highlight": 7.1.0-alpha.39
+    "@storybook/addon-measure": 7.1.0-alpha.39
+    "@storybook/addon-outline": 7.1.0-alpha.39
+    "@storybook/addon-toolbars": 7.1.0-alpha.39
+    "@storybook/addon-viewport": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/vue": 7.1.0-alpha.39
     ts-dedent: ^2.0.0
     typescript: ^4.9.3
   peerDependencies:
@@ -5295,13 +5295,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-highlight@7.1.0-alpha.38, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.1.0-alpha.39, @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/core-events": 7.1.0-alpha.38
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
     "@types/webpack-env": ^1.16.0
     typescript: ~4.9.3
   languageName: unknown
@@ -5312,18 +5312,18 @@ __metadata:
   resolution: "@storybook/addon-interactions@workspace:addons/interactions"
   dependencies:
     "@devtools-ds/object-inspector": ^1.1.2
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/instrumenter": 7.1.0-alpha.38
+    "@storybook/instrumenter": 7.1.0-alpha.39
     "@storybook/jest": next
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
     "@storybook/testing-library": next
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     formik: ^2.2.9
     jest-mock: ^29.5.0
@@ -5345,13 +5345,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/addon-jest@workspace:addons/jest"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
     react-resize-detector: ^7.1.2
     tiny-invariant: ^1.3.1
     typescript: ~4.9.3
@@ -5371,14 +5371,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/addon-links@workspace:addons/links"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/router": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/router": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     fs-extra: ^11.1.0
     prop-types: ^15.7.2
     ts-dedent: ^2.0.0
@@ -5398,24 +5398,24 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/addon-mdx-gfm@workspace:addons/gfm"
   dependencies:
-    "@storybook/node-logger": 7.1.0-alpha.38
+    "@storybook/node-logger": 7.1.0-alpha.39
     remark-gfm: ^3.0.1
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-measure@7.1.0-alpha.38, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     tiny-invariant: ^1.3.1
     typescript: ~4.9.3
   peerDependencies:
@@ -5429,17 +5429,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-outline@7.1.0-alpha.38, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
   peerDependencies:
@@ -5459,8 +5459,8 @@ __metadata:
   dependencies:
     "@axe-core/puppeteer": ^4.2.0
     "@storybook/csf": ^0.1.0
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/jest-image-snapshot": ^6.0.0
     "@types/puppeteer": ^5.4.0
     enzyme: ^3.11.0
@@ -5468,7 +5468,7 @@ __metadata:
     jest-image-snapshot: ^6.0.0
     puppeteer: ^2.0.0 || ^3.0.0
   peerDependencies:
-    "@storybook/addon-storyshots": 7.1.0-alpha.38
+    "@storybook/addon-storyshots": 7.1.0-alpha.39
     puppeteer: ">=2.0.0"
   peerDependenciesMeta:
     puppeteer:
@@ -5484,18 +5484,18 @@ __metadata:
     "@angular/platform-browser-dynamic": ^16.0.0-rc.4
     "@emotion/jest": ^11.8.0
     "@jest/transform": ^29.3.1
-    "@storybook/addon-docs": 7.1.0-alpha.38
-    "@storybook/angular": 7.1.0-alpha.38
+    "@storybook/addon-docs": 7.1.0-alpha.39
+    "@storybook/angular": 7.1.0-alpha.39
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-webpack": 7.1.0-alpha.38
+    "@storybook/client-api": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-webpack": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/react": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
-    "@storybook/vue": 7.1.0-alpha.38
-    "@storybook/vue3": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/react": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
+    "@storybook/vue": 7.1.0-alpha.39
+    "@storybook/vue3": 7.1.0-alpha.39
     "@types/jest-specific-snapshot": ^0.5.6
     babel-loader: ^9.1.2
     enzyme: ^3.11.0
@@ -5567,13 +5567,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/addon-storysource@workspace:addons/storysource"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/router": 7.1.0-alpha.38
-    "@storybook/source-loader": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/router": 7.1.0-alpha.39
+    "@storybook/source-loader": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
     "@types/react": ^16.14.34
     "@types/react-syntax-highlighter": 11.0.5
     estraverse: ^5.2.0
@@ -5592,15 +5592,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-toolbars@7.1.0-alpha.38, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
     typescript: ~4.9.3
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -5613,17 +5613,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addon-viewport@7.1.0-alpha.38, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
     memoizerific: ^1.11.3
     prop-types: ^15.7.2
     typescript: ~4.9.3
@@ -5638,20 +5638,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/addons@7.1.0-alpha.38, @storybook/addons@workspace:*, @storybook/addons@workspace:deprecated/addons":
+"@storybook/addons@7.1.0-alpha.39, @storybook/addons@workspace:*, @storybook/addons@workspace:deprecated/addons":
   version: 0.0.0-use.local
   resolution: "@storybook/addons@workspace:deprecated/addons"
   dependencies:
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
   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/angular@7.1.0-alpha.38, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.1.0-alpha.39, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
   version: 0.0.0-use.local
   resolution: "@storybook/angular@workspace:frameworks/angular"
   dependencies:
@@ -5667,20 +5667,20 @@ __metadata:
     "@angular/forms": ^16.0.0-rc.4
     "@angular/platform-browser": ^16.0.0-rc.4
     "@angular/platform-browser-dynamic": ^16.0.0-rc.4
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/cli": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
-    "@storybook/core-server": 7.1.0-alpha.38
-    "@storybook/core-webpack": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/cli": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/core-webpack": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/telemetry": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/telemetry": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/cross-spawn": ^6.0.2
     "@types/node": ^16.0.0
     "@types/react": ^16.14.34
@@ -5727,12 +5727,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/api@7.1.0-alpha.38, @storybook/api@workspace:*, @storybook/api@workspace:deprecated/manager-api-shim":
+"@storybook/api@7.1.0-alpha.39, @storybook/api@workspace:*, @storybook/api@workspace:deprecated/manager-api-shim":
   version: 0.0.0-use.local
   resolution: "@storybook/api@workspace:deprecated/manager-api-shim"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/manager-api": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/manager-api": 7.1.0-alpha.39
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -5776,22 +5776,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@7.1.0-alpha.38, @storybook/blocks@workspace:*, @storybook/blocks@workspace:ui/blocks":
+"@storybook/blocks@7.1.0-alpha.39, @storybook/blocks@workspace:*, @storybook/blocks@workspace:ui/blocks":
   version: 0.0.0-use.local
   resolution: "@storybook/blocks@workspace:ui/blocks"
   dependencies:
-    "@storybook/addon-actions": 7.1.0-alpha.38
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/addon-actions": 7.1.0-alpha.39
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/color-convert": ^2.0.0
     "@types/lodash": ^4.14.167
     color-convert: ^2.0.1
@@ -5810,14 +5810,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-manager@7.1.0-alpha.38, @storybook/builder-manager@workspace:*, @storybook/builder-manager@workspace:builders/builder-manager":
+"@storybook/builder-manager@7.1.0-alpha.39, @storybook/builder-manager@workspace:*, @storybook/builder-manager@workspace:builders/builder-manager":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-manager@workspace:builders/builder-manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/manager": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/manager": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
     "@types/ejs": ^3.1.1
     "@types/find-cache-dir": ^3.2.1
     "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
@@ -5835,19 +5835,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-vite@7.1.0-alpha.38, @storybook/builder-vite@workspace:*, @storybook/builder-vite@workspace:builders/builder-vite":
+"@storybook/builder-vite@7.1.0-alpha.39, @storybook/builder-vite@workspace:*, @storybook/builder-vite@workspace:builders/builder-vite":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-vite@workspace:builders/builder-vite"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/csf-plugin": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/csf-plugin": 7.1.0-alpha.39
     "@storybook/mdx2-csf": ^1.0.0
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/express": ^4.17.13
     "@types/find-cache-dir": ^3.2.1
     "@types/node": ^16.0.0
@@ -5879,29 +5879,29 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/builder-webpack5@7.1.0-alpha.38, @storybook/builder-webpack5@workspace:*, @storybook/builder-webpack5@workspace:builders/builder-webpack5":
+"@storybook/builder-webpack5@7.1.0-alpha.39, @storybook/builder-webpack5@workspace:*, @storybook/builder-webpack5@workspace:builders/builder-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/builder-webpack5@workspace:builders/builder-webpack5"
   dependencies:
     "@babel/core": ^7.22.0
-    "@storybook/addons": 7.1.0-alpha.38
-    "@storybook/api": 7.1.0-alpha.38
-    "@storybook/channel-postmessage": 7.1.0-alpha.38
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-api": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
-    "@storybook/core-webpack": 7.1.0-alpha.38
+    "@storybook/addons": 7.1.0-alpha.39
+    "@storybook/api": 7.1.0-alpha.39
+    "@storybook/channel-postmessage": 7.1.0-alpha.39
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-api": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
+    "@storybook/core-webpack": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/router": 7.1.0-alpha.38
-    "@storybook/store": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/router": 7.1.0-alpha.39
+    "@storybook/store": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
     "@swc/core": ^1.3.49
     "@types/node": ^16.0.0
     "@types/pretty-hrtime": ^1.0.0
@@ -5945,12 +5945,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/channel-postmessage@7.1.0-alpha.38, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:deprecated/channel-postmessage":
+"@storybook/channel-postmessage@7.1.0-alpha.39, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:deprecated/channel-postmessage":
   version: 0.0.0-use.local
   resolution: "@storybook/channel-postmessage@workspace:deprecated/channel-postmessage"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
@@ -5959,19 +5959,19 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/channel-websocket@workspace:deprecated/channel-websocket"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.1.0-alpha.38, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.1.0-alpha.39, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
     qs: ^6.10.0
     telejson: ^7.0.3
@@ -5980,21 +5980,21 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/cli@7.1.0-alpha.38, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.1.0-alpha.39, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
   version: 0.0.0-use.local
   resolution: "@storybook/cli@workspace:lib/cli"
   dependencies:
     "@babel/core": ^7.22.0
     "@babel/preset-env": ^7.22.0
     "@ndelangen/get-tarball": ^3.0.7
-    "@storybook/client-api": 7.1.0-alpha.38
-    "@storybook/codemod": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-server": 7.1.0-alpha.38
-    "@storybook/csf-tools": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/telemetry": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/client-api": 7.1.0-alpha.39
+    "@storybook/codemod": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/csf-tools": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/telemetry": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/cross-spawn": ^6.0.2
     "@types/prompts": ^2.0.9
     "@types/puppeteer-core": ^2.1.0
@@ -6037,16 +6037,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/client-api@7.1.0-alpha.38, @storybook/client-api@workspace:*, @storybook/client-api@workspace:deprecated/client-api":
+"@storybook/client-api@7.1.0-alpha.39, @storybook/client-api@workspace:*, @storybook/client-api@workspace:deprecated/client-api":
   version: 0.0.0-use.local
   resolution: "@storybook/client-api@workspace:deprecated/client-api"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.1.0-alpha.38, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.1.0-alpha.39, @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:
@@ -6055,7 +6055,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/codemod@7.1.0-alpha.38, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.1.0-alpha.39, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
   version: 0.0.0-use.local
   resolution: "@storybook/codemod@workspace:lib/codemod"
   dependencies:
@@ -6063,9 +6063,9 @@ __metadata:
     "@babel/preset-env": ^7.22.0
     "@babel/types": ^7.22.0
     "@storybook/csf": ^0.1.0
-    "@storybook/csf-tools": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/csf-tools": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/cross-spawn": ^6.0.2
     "@types/jscodeshift": ^0.11.6
     ansi-regex: ^5.0.1
@@ -6091,16 +6091,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/components@7.1.0-alpha.38, @storybook/components@workspace:*, @storybook/components@workspace:ui/components":
+"@storybook/components@7.1.0-alpha.39, @storybook/components@workspace:*, @storybook/components@workspace:ui/components":
   version: 0.0.0-use.local
   resolution: "@storybook/components@workspace:ui/components"
   dependencies:
     "@popperjs/core": ^2.6.0
-    "@storybook/client-logger": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/react-syntax-highlighter": 11.0.5
     "@types/util-deprecate": ^1.0.0
     css: ^3.0.0
@@ -6122,21 +6122,21 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-client@7.1.0-alpha.38, @storybook/core-client@workspace:*, @storybook/core-client@workspace:deprecated/core-client":
+"@storybook/core-client@7.1.0-alpha.39, @storybook/core-client@workspace:*, @storybook/core-client@workspace:deprecated/core-client":
   version: 0.0.0-use.local
   resolution: "@storybook/core-client@workspace:deprecated/core-client"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.1.0-alpha.38, @storybook/core-common@workspace:*, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.1.0-alpha.39, @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:
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/find-cache-dir": ^3.2.1
     "@types/mock-fs": ^4.13.1
     "@types/node": ^16.0.0
@@ -6166,7 +6166,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-events@7.1.0-alpha.38, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.1.0-alpha.39, @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:
@@ -6174,25 +6174,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-server@7.1.0-alpha.38, @storybook/core-server@workspace:*, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.1.0-alpha.39, @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.126
     "@discoveryjs/json-ext": ^0.5.3
-    "@storybook/builder-manager": 7.1.0-alpha.38
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/builder-manager": 7.1.0-alpha.39
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
-    "@storybook/csf-tools": 7.1.0-alpha.38
+    "@storybook/csf-tools": 7.1.0-alpha.39
     "@storybook/docs-mdx": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/manager": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/telemetry": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/telemetry": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/compression": ^1.7.0
     "@types/detect-port": ^1.3.0
     "@types/ip": ^1.1.0
@@ -6234,13 +6234,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/core-webpack@7.1.0-alpha.38, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.1.0-alpha.39, @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.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
@@ -6248,17 +6248,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-plugin@7.1.0-alpha.38, @storybook/csf-plugin@workspace:*, @storybook/csf-plugin@workspace:lib/csf-plugin":
+"@storybook/csf-plugin@7.1.0-alpha.39, @storybook/csf-plugin@workspace:*, @storybook/csf-plugin@workspace:lib/csf-plugin":
   version: 0.0.0-use.local
   resolution: "@storybook/csf-plugin@workspace:lib/csf-plugin"
   dependencies:
-    "@storybook/csf-tools": 7.1.0-alpha.38
+    "@storybook/csf-tools": 7.1.0-alpha.39
     typescript: ~4.9.3
     unplugin: ^1.3.1
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.1.0-alpha.38, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.1.0-alpha.39, @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:
@@ -6267,7 +6267,7 @@ __metadata:
     "@babel/traverse": ^7.22.0
     "@babel/types": ^7.22.0
     "@storybook/csf": ^0.1.0
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/types": 7.1.0-alpha.39
     "@types/fs-extra": ^11.0.1
     "@types/js-yaml": ^4.0.5
     fs-extra: ^11.1.0
@@ -6303,14 +6303,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@7.1.0-alpha.38, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.1.0-alpha.39, @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.22.0
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/doctrine": ^0.0.3
     doctrine: ^3.0.0
     jest-specific-snapshot: ^8.0.0
@@ -6324,12 +6324,12 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/ember@workspace:frameworks/ember"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     ember-source: ~3.28.1
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
@@ -6373,14 +6373,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/html-vite@workspace:frameworks/html-vite"
   dependencies:
-    "@storybook/addons": 7.1.0-alpha.38
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/channel-postmessage": 7.1.0-alpha.38
-    "@storybook/client-api": 7.1.0-alpha.38
-    "@storybook/core-server": 7.1.0-alpha.38
-    "@storybook/html": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preview-web": 7.1.0-alpha.38
+    "@storybook/addons": 7.1.0-alpha.39
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/channel-postmessage": 7.1.0-alpha.39
+    "@storybook/client-api": 7.1.0-alpha.39
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/html": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preview-web": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     magic-string: ^0.30.0
     typescript: ~4.9.3
@@ -6391,11 +6391,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/html-webpack5@workspace:frameworks/html-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/html": 7.1.0-alpha.38
-    "@storybook/preset-html-webpack": 7.1.0-alpha.38
+    "@storybook/html": 7.1.0-alpha.39
+    "@storybook/preset-html-webpack": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     typescript: ~4.9.3
   peerDependencies:
@@ -6405,15 +6405,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/html@7.1.0-alpha.38, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.1.0-alpha.39, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
   version: 0.0.0-use.local
   resolution: "@storybook/html@workspace:renderers/html"
   dependencies:
-    "@storybook/core-client": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/core-client": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
   peerDependencies:
@@ -6421,15 +6421,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/instrumenter@7.1.0-alpha.38, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.1.0-alpha.39, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
   version: 0.0.0-use.local
   resolution: "@storybook/instrumenter@workspace:lib/instrumenter"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
@@ -6472,19 +6472,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@7.1.0-alpha.38, @storybook/manager-api@workspace:*, @storybook/manager-api@workspace:lib/manager-api":
+"@storybook/manager-api@7.1.0-alpha.39, @storybook/manager-api@workspace:*, @storybook/manager-api@workspace:lib/manager-api":
   version: 0.0.0-use.local
   resolution: "@storybook/manager-api@workspace:lib/manager-api"
   dependencies:
     "@jest/globals": ^29.3.1
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/router": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/router": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/lodash": ^4.14.167
     "@types/qs": ^6
     dequal: ^2.0.2
@@ -6503,23 +6503,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/manager@7.1.0-alpha.38, @storybook/manager@workspace:*, @storybook/manager@workspace:ui/manager":
+"@storybook/manager@7.1.0-alpha.39, @storybook/manager@workspace:*, @storybook/manager@workspace:ui/manager":
   version: 0.0.0-use.local
   resolution: "@storybook/manager@workspace:ui/manager"
   dependencies:
     "@fal-works/esbuild-plugin-global-externals": ^2.1.2
-    "@storybook/addons": 7.1.0-alpha.38
-    "@storybook/api": 7.1.0-alpha.38
-    "@storybook/channel-postmessage": 7.1.0-alpha.38
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/components": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/addons": 7.1.0-alpha.39
+    "@storybook/api": 7.1.0-alpha.39
+    "@storybook/channel-postmessage": 7.1.0-alpha.39
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/components": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/router": 7.1.0-alpha.38
-    "@storybook/theming": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/router": 7.1.0-alpha.39
+    "@storybook/theming": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@testing-library/react": ^11.2.2
     "@types/semver": ^7.3.4
     copy-to-clipboard: ^3.3.1
@@ -6569,13 +6569,13 @@ __metadata:
     "@babel/preset-typescript": ^7.21.0
     "@babel/runtime": ^7.22.0
     "@babel/types": ^7.22.0
-    "@storybook/addon-actions": 7.1.0-alpha.38
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/preset-react-webpack": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/react": 7.1.0-alpha.38
+    "@storybook/addon-actions": 7.1.0-alpha.39
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/preset-react-webpack": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/react": 7.1.0-alpha.39
     "@types/babel__core": ^7
     "@types/babel__plugin-transform-runtime": ^7
     "@types/babel__preset-env": ^7
@@ -6621,7 +6621,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/node-logger@7.1.0-alpha.38, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.1.0-alpha.39, @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:
@@ -6634,7 +6634,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/postinstall@7.1.0-alpha.38, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.1.0-alpha.39, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
   version: 0.0.0-use.local
   resolution: "@storybook/postinstall@workspace:lib/postinstall"
   dependencies:
@@ -6650,8 +6650,8 @@ __metadata:
   resolution: "@storybook/preact-vite@workspace:frameworks/preact-vite"
   dependencies:
     "@preact/preset-vite": ^2.0.0
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/preact": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/preact": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     typescript: ~4.9.3
     vite: ^4.0.0
@@ -6665,10 +6665,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/preact-webpack5@workspace:frameworks/preact-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preact": 7.1.0-alpha.38
-    "@storybook/preset-preact-webpack": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preact": 7.1.0-alpha.39
+    "@storybook/preset-preact-webpack": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     preact: ^10.5.13
     typescript: ~4.9.3
@@ -6680,14 +6680,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact@7.1.0-alpha.38, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.1.0-alpha.39, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
   version: 0.0.0-use.local
   resolution: "@storybook/preact@workspace:renderers/preact"
   dependencies:
-    "@storybook/core-client": 7.1.0-alpha.38
+    "@storybook/core-client": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     preact: ^10.5.13
     ts-dedent: ^2.0.0
     typescript: ~4.9.3
@@ -6701,9 +6701,9 @@ __metadata:
   resolution: "@storybook/preset-create-react-app@workspace:presets/create-react-app"
   dependencies:
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.1
-    "@storybook/node-logger": 7.1.0-alpha.38
+    "@storybook/node-logger": 7.1.0-alpha.39
     "@storybook/react-docgen-typescript-plugin": 1.0.6--canary.9.0c3f3b7.0
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/types": 7.1.0-alpha.39
     "@types/babel__core": ^7.1.7
     "@types/node": ^16.0.0
     babel-plugin-react-docgen: ^4.1.0
@@ -6716,11 +6716,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-html-webpack@7.1.0-alpha.38, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.1.0-alpha.39, @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.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     html-loader: ^3.1.0
     typescript: ~4.9.3
@@ -6730,13 +6730,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-preact-webpack@7.1.0-alpha.38, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.1.0-alpha.39, @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.21.0
     "@babel/preset-typescript": ^7.21.0
-    "@storybook/core-webpack": 7.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     preact: ^10.5.13
     typescript: ~4.9.3
@@ -6746,17 +6746,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-react-webpack@7.1.0-alpha.38, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.1.0-alpha.39, @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.21.0
     "@babel/preset-react": ^7.22.0
     "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/core-webpack": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/react": 7.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/react": 7.1.0-alpha.39
     "@storybook/react-docgen-typescript-plugin": 1.0.6--canary.9.0c3f3b7.0
     "@types/node": ^16.0.0
     "@types/semver": ^7.3.4
@@ -6779,14 +6779,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-server-webpack@7.1.0-alpha.38, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.1.0-alpha.39, @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.1.0-alpha.38
-    "@storybook/core-webpack": 7.1.0-alpha.38
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/core-webpack": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/server": 7.1.0-alpha.38
+    "@storybook/server": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     fs-extra: ^11.1.0
     jest-specific-snapshot: ^8.0.0
@@ -6798,12 +6798,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-svelte-webpack@7.1.0-alpha.38, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.1.0-alpha.39, @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.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
     svelte: ^3.31.2
     svelte-loader: ^3.1.2
     sveltedoc-parser: ^4.2.1
@@ -6816,12 +6816,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue-webpack@7.1.0-alpha.38, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.1.0-alpha.39, @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.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     ts-loader: ^9.2.8
     typescript: ~4.9.3
@@ -6841,12 +6841,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-vue3-webpack@7.1.0-alpha.38, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.1.0-alpha.39, @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.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     "@vue/compiler-sfc": ^3.2.33
     ts-loader: ^9.2.8
@@ -6864,14 +6864,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preset-web-components-webpack@7.1.0-alpha.38, @storybook/preset-web-components-webpack@workspace:*, @storybook/preset-web-components-webpack@workspace:presets/web-components-webpack":
+"@storybook/preset-web-components-webpack@7.1.0-alpha.39, @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.22.0
-    "@storybook/core-webpack": 7.1.0-alpha.38
+    "@storybook/core-webpack": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     babel-loader: ^7.0.0 || ^8.0.0 || ^9.0.0
     babel-plugin-bundled-import-meta: ^0.3.1
@@ -6882,19 +6882,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-api@7.1.0-alpha.38, @storybook/preview-api@workspace:*, @storybook/preview-api@workspace:lib/preview-api":
+"@storybook/preview-api@7.1.0-alpha.39, @storybook/preview-api@workspace:*, @storybook/preview-api@workspace:lib/preview-api":
   version: 0.0.0-use.local
   resolution: "@storybook/preview-api@workspace:lib/preview-api"
   dependencies:
     "@jest/globals": ^29.5.0
-    "@storybook/channel-postmessage": 7.1.0-alpha.38
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
+    "@storybook/channel-postmessage": 7.1.0-alpha.39
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/types": 7.1.0-alpha.39
     "@types/qs": ^6.9.5
     ansi-to-html: ^0.6.11
     dequal: ^2.0.2
@@ -6909,23 +6909,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preview-web@7.1.0-alpha.38, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:deprecated/preview-web":
+"@storybook/preview-web@7.1.0-alpha.39, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:deprecated/preview-web":
   version: 0.0.0-use.local
   resolution: "@storybook/preview-web@workspace:deprecated/preview-web"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
   languageName: unknown
   linkType: soft
 
-"@storybook/preview@7.1.0-alpha.38, @storybook/preview@workspace:*, @storybook/preview@workspace:lib/preview":
+"@storybook/preview@7.1.0-alpha.39, @storybook/preview@workspace:*, @storybook/preview@workspace:lib/preview":
   version: 0.0.0-use.local
   resolution: "@storybook/preview@workspace:lib/preview"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
@@ -6948,11 +6948,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@7.1.0-alpha.38, @storybook/react-dom-shim@workspace:lib/react-dom-shim":
+"@storybook/react-dom-shim@7.1.0-alpha.39, @storybook/react-dom-shim@workspace:lib/react-dom-shim":
   version: 0.0.0-use.local
   resolution: "@storybook/react-dom-shim@workspace:lib/react-dom-shim"
   dependencies:
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/types": 7.1.0-alpha.39
     typescript: ~4.9.3
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6966,8 +6966,8 @@ __metadata:
   dependencies:
     "@joshwooding/vite-plugin-react-docgen-typescript": 0.2.1
     "@rollup/pluginutils": ^5.0.2
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/react": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/react": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     "@vitejs/plugin-react": ^3.0.1
     ast-types: ^0.14.2
@@ -6986,9 +6986,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/react-webpack5@workspace:frameworks/react-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/preset-react-webpack": 7.1.0-alpha.38
-    "@storybook/react": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/preset-react-webpack": 7.1.0-alpha.39
+    "@storybook/react": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     jest-specific-snapshot: ^8.0.0
     typescript: ~4.9.3
@@ -7004,18 +7004,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/react@7.1.0-alpha.38, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.1.0-alpha.39, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
   version: 0.0.0-use.local
   resolution: "@storybook/react@workspace:renderers/react"
   dependencies:
     "@babel/core": ^7.22.0
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-client": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-client": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/react-dom-shim": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/react-dom-shim": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/escodegen": ^0.0.6
     "@types/estree": ^0.0.51
     "@types/node": ^16.0.0
@@ -7235,11 +7235,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/router@7.1.0-alpha.38, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.1.0-alpha.39, @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.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
     dequal: ^2.0.2
     lodash: ^4.17.21
@@ -7258,10 +7258,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/server-webpack5@workspace:frameworks/server-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preset-server-webpack": 7.1.0-alpha.38
-    "@storybook/server": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preset-server-webpack": 7.1.0-alpha.39
+    "@storybook/server": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     typescript: ~4.9.3
   peerDependencies:
@@ -7270,16 +7270,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/server@7.1.0-alpha.38, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.1.0-alpha.39, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
   version: 0.0.0-use.local
   resolution: "@storybook/server@workspace:renderers/server"
   dependencies:
-    "@storybook/core-client": 7.1.0-alpha.38
+    "@storybook/core-client": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
-    "@storybook/csf-tools": 7.1.0-alpha.38
+    "@storybook/csf-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/fs-extra": ^11.0.1
     fs-extra: ^11.1.0
     ts-dedent: ^2.0.0
@@ -7288,12 +7288,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/source-loader@7.1.0-alpha.38, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.1.0-alpha.39, @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/csf": ^0.1.0
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/types": 7.1.0-alpha.39
     estraverse: ^5.2.0
     jest-specific-snapshot: ^8.0.0
     lodash: ^4.17.21
@@ -7305,22 +7305,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/store@7.1.0-alpha.38, @storybook/store@workspace:*, @storybook/store@workspace:deprecated/store":
+"@storybook/store@7.1.0-alpha.39, @storybook/store@workspace:*, @storybook/store@workspace:deprecated/store":
   version: 0.0.0-use.local
   resolution: "@storybook/store@workspace:deprecated/store"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-vite@7.1.0-alpha.38, @storybook/svelte-vite@workspace:frameworks/svelte-vite":
+"@storybook/svelte-vite@7.1.0-alpha.39, @storybook/svelte-vite@workspace:frameworks/svelte-vite":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte-vite@workspace:frameworks/svelte-vite"
   dependencies:
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/svelte": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/svelte": 7.1.0-alpha.39
     "@sveltejs/vite-plugin-svelte": ^2.0.0
     "@types/node": ^16.0.0
     magic-string: ^0.30.0
@@ -7340,10 +7340,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preset-svelte-webpack": 7.1.0-alpha.38
-    "@storybook/svelte": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preset-svelte-webpack": 7.1.0-alpha.39
+    "@storybook/svelte": 7.1.0-alpha.39
     svelte: ^3.48.0
     svelte-loader: ^3.1.2
     typescript: ~4.9.3
@@ -7356,17 +7356,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.1.0-alpha.38, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.1.0-alpha.39, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
   version: 0.0.0-use.local
   resolution: "@storybook/svelte@workspace:renderers/svelte"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-client": 7.1.0-alpha.38
-    "@storybook/core-events": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-client": 7.1.0-alpha.39
+    "@storybook/core-events": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     expect-type: ^0.15.0
     svelte: ^3.59.1
     svelte-check: ^3.4.3
@@ -7382,9 +7382,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/sveltekit@workspace:frameworks/sveltekit"
   dependencies:
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/svelte": 7.1.0-alpha.38
-    "@storybook/svelte-vite": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/svelte": 7.1.0-alpha.39
+    "@storybook/svelte-vite": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     typescript: ^4.9.3
     vite: ^4.0.0
@@ -7393,12 +7393,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/telemetry@7.1.0-alpha.38, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.1.0-alpha.39, @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.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
     chalk: ^4.1.0
     detect-package-manager: ^2.0.1
     fetch-retry: ^5.0.2
@@ -7421,7 +7421,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@7.1.0-alpha.38, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.1.0-alpha.39, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
   version: 0.0.0-use.local
   resolution: "@storybook/theming@workspace:lib/theming"
   dependencies:
@@ -7430,7 +7430,7 @@ __metadata:
     "@emotion/react": ^11.10.4
     "@emotion/styled": ^11.10.4
     "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
-    "@storybook/client-logger": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
     "@types/fs-extra": ^11.0.1
     "@types/node": ^16.0.0
@@ -7446,11 +7446,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/types@7.1.0-alpha.38, @storybook/types@workspace:*, @storybook/types@workspace:lib/types":
+"@storybook/types@7.1.0-alpha.39, @storybook/types@workspace:*, @storybook/types@workspace:lib/types":
   version: 0.0.0-use.local
   resolution: "@storybook/types@workspace:lib/types"
   dependencies:
-    "@storybook/channels": 7.1.0-alpha.38
+    "@storybook/channels": 7.1.0-alpha.39
     "@storybook/csf": ^0.1.0
     "@types/babel__core": ^7.0.0
     "@types/express": ^4.7.0
@@ -7464,10 +7464,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/vue-vite@workspace:frameworks/vue-vite"
   dependencies:
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/core-server": 7.1.0-alpha.38
-    "@storybook/vue": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/vue": 7.1.0-alpha.39
     magic-string: ^0.30.0
     typescript: ~4.9.3
     vite: ^4.0.0
@@ -7485,10 +7485,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/vue-webpack5@workspace:frameworks/vue-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preset-vue-webpack": 7.1.0-alpha.38
-    "@storybook/vue": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preset-vue-webpack": 7.1.0-alpha.39
+    "@storybook/vue": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     typescript: ~4.9.3
     vue: ^2.6.12
@@ -7510,9 +7510,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/vue3-vite@workspace:frameworks/vue3-vite"
   dependencies:
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/core-server": 7.1.0-alpha.38
-    "@storybook/vue3": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/vue3": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     "@vitejs/plugin-vue": ^4.0.0
     magic-string: ^0.30.0
@@ -7530,10 +7530,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/vue3-webpack5@workspace:frameworks/vue3-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preset-vue3-webpack": 7.1.0-alpha.38
-    "@storybook/vue3": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preset-vue3-webpack": 7.1.0-alpha.39
+    "@storybook/vue3": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     "@vue/compiler-sfc": 3.0.0
     typescript: ~4.9.3
@@ -7548,16 +7548,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue3@7.1.0-alpha.38, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.1.0-alpha.39, @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/core-client": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/core-client": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/prettier": 2.7.2
     "@vue/compiler-core": ^3.3.4
     "@vue/vue3-jest": 29
@@ -7574,16 +7574,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/vue@7.1.0-alpha.38, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.1.0-alpha.39, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
   version: 0.0.0-use.local
   resolution: "@storybook/vue@workspace:renderers/vue"
   dependencies:
-    "@storybook/client-logger": 7.1.0-alpha.38
-    "@storybook/core-client": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-client": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     ts-dedent: ^2.0.0
     type-fest: ^3.11.0
     typescript: ~4.9.3
@@ -7604,10 +7604,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/web-components-vite@workspace:frameworks/web-components-vite"
   dependencies:
-    "@storybook/builder-vite": 7.1.0-alpha.38
-    "@storybook/core-server": 7.1.0-alpha.38
-    "@storybook/node-logger": 7.1.0-alpha.38
-    "@storybook/web-components": 7.1.0-alpha.38
+    "@storybook/builder-vite": 7.1.0-alpha.39
+    "@storybook/core-server": 7.1.0-alpha.39
+    "@storybook/node-logger": 7.1.0-alpha.39
+    "@storybook/web-components": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     magic-string: ^0.30.0
     typescript: ~4.9.3
@@ -7622,10 +7622,10 @@ __metadata:
   resolution: "@storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5"
   dependencies:
     "@babel/preset-env": ^7.22.0
-    "@storybook/builder-webpack5": 7.1.0-alpha.38
-    "@storybook/core-common": 7.1.0-alpha.38
-    "@storybook/preset-web-components-webpack": 7.1.0-alpha.38
-    "@storybook/web-components": 7.1.0-alpha.38
+    "@storybook/builder-webpack5": 7.1.0-alpha.39
+    "@storybook/core-common": 7.1.0-alpha.39
+    "@storybook/preset-web-components-webpack": 7.1.0-alpha.39
+    "@storybook/web-components": 7.1.0-alpha.39
     "@types/node": ^16.0.0
     lit: 2.3.1
     typescript: ~4.9.3
@@ -7636,17 +7636,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/web-components@7.1.0-alpha.38, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.1.0-alpha.39, @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/client-logger": 7.1.0-alpha.38
-    "@storybook/core-client": 7.1.0-alpha.38
-    "@storybook/docs-tools": 7.1.0-alpha.38
+    "@storybook/client-logger": 7.1.0-alpha.39
+    "@storybook/core-client": 7.1.0-alpha.39
+    "@storybook/docs-tools": 7.1.0-alpha.39
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.38
-    "@storybook/preview-api": 7.1.0-alpha.38
-    "@storybook/types": 7.1.0-alpha.38
+    "@storybook/manager-api": 7.1.0-alpha.39
+    "@storybook/preview-api": 7.1.0-alpha.39
+    "@storybook/types": 7.1.0-alpha.39
     "@types/cross-spawn": ^6.0.2
     "@types/node": ^16.0.0
     cross-spawn: ^7.0.3
@@ -27226,7 +27226,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.1.0-alpha.38
+    "@storybook/cli": 7.1.0-alpha.39
   bin:
     sb: ./index.js
   languageName: unknown
@@ -28168,7 +28168,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.1.0-alpha.38
+    "@storybook/cli": 7.1.0-alpha.39
   bin:
     sb: ./index.js
     storybook: ./index.js
diff --git a/docs/api/arg-types.md b/docs/api/arg-types.md
index cff029e9fc32..c6ae8fa6e056 100644
--- a/docs/api/arg-types.md
+++ b/docs/api/arg-types.md
@@ -479,7 +479,9 @@ If you only need to specify the documented type, you should use [`table.type`](#
 
 <!-- prettier-ignore-end -->
 
-### `defaultValue` (deprecated)
+### `defaultValue`
+
+(⛔️ **Deprecated**)
 
 Type: `any`
 
diff --git a/docs/api/doc-block-canvas.md b/docs/api/doc-block-canvas.md
index ec479efe3f93..a77fb401d1f0 100644
--- a/docs/api/doc-block-canvas.md
+++ b/docs/api/doc-block-canvas.md
@@ -202,37 +202,49 @@ Default: `parameters.docs.canvas.withToolbar`
 
 Determines whether to render a toolbar containing tools to interact with the story.
 
-### `children` (deprecated)
+### `children`
+
+(⛔️ **Deprecated**)
 
 Type: `React.ReactNode`
 
 Expects only [Story](./doc-block-story.md) children. Reference the story with the `of` prop instead.
 
-### `columns` (deprecated)
+### `columns`
+
+(⛔️ **Deprecated**)
 
 Type: `number`
 
 Splits the stories based on the number of defined columns. Multiple stories are not supported.
 
-### `isColumn` (deprecated)
+### `isColumn`
+
+(⛔️ **Deprecated**)
 
 Type: `boolean`
 
 Displays the stories one above the other. Multiple stories are not supported.
 
-### `mdxSource` (deprecated)
+### `mdxSource`
+
+(⛔️ **Deprecated**)
 
 Type: `string`
 
 Provides source to display. Use [`source.code`](#source) instead.
 
-### `withSource` (deprecated)
+### `withSource`
+
+(⛔️ **Deprecated**)
 
 Type: `'open' | 'closed' | 'none'`
 
 Controls the source code block visibility. Use [`sourceState`](#sourcestate) instead.
 
-### `withToolbar` (deprecated)
+### `withToolbar`
+
+(⛔️ **Deprecated**)
 
 Type: `boolean`
 
diff --git a/docs/api/doc-block-colorpalette.md b/docs/api/doc-block-colorpalette.md
index 62dd565cf884..3229612173c3 100644
--- a/docs/api/doc-block-colorpalette.md
+++ b/docs/api/doc-block-colorpalette.md
@@ -66,19 +66,25 @@ import { ColorItem } from '@storybook/blocks';
 
 `ColorItem` is configured with the following props:
 
-### `colors` (required)
+### `colors`
+
+(**Required**)
 
 Type: `string[] | { [key: string]: string }`
 
 Provides the list of colors to be displayed. Accepts any valid CSS color format (hex, RGB, HSL, etc.). When an object is provided, the keys will be displayed above the values.
 
-### `subtitle` (required)
+### `subtitle`
+
+(**Required**)
 
 Type: `string`
 
 Provides an additional description of the color.
 
-### `title` (required)
+### `title`
+
+(**Required**)
 
 Type: `string`
 
diff --git a/docs/api/doc-block-description.md b/docs/api/doc-block-description.md
index 4a8a99303888..e9efa50e2e9e 100644
--- a/docs/api/doc-block-description.md
+++ b/docs/api/doc-block-description.md
@@ -35,19 +35,25 @@ Specifies where to pull the description from. It can either point to a story or
 
 Descriptions are pulled from the JSDoc comments or parameters, and they are rendered as markdown. See [Writing descriptions](#writing-descriptions) for more details.
 
-### `children` (deprecated)
+### `children`
+
+(⛔️ **Deprecated**)
 
 Type: `string`
 
 See [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#description-block-parametersnotes-and-parametersinfo).
 
-### `markdown` (deprecated)
+### `markdown`
+
+(⛔️ **Deprecated**)
 
 Type: `string`
 
 See [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#description-block-parametersnotes-and-parametersinfo).
 
-### `type` (deprecated)
+### `type`
+
+(⛔️ **Deprecated**)
 
 Type: `'info' | 'notes' | 'docgen' | 'auto'`
 
diff --git a/docs/api/doc-block-icongallery.md b/docs/api/doc-block-icongallery.md
index a9861905ba74..db16ee30ed53 100644
--- a/docs/api/doc-block-icongallery.md
+++ b/docs/api/doc-block-icongallery.md
@@ -75,7 +75,9 @@ import { IconItem } from '@storybook/blocks';
 
 `IconItem` is configured with the following props:
 
-### `name` (required)
+### `name`
+
+(**Required**)
 
 Type: `string`
 
diff --git a/docs/api/doc-block-primary.md b/docs/api/doc-block-primary.md
index d8b1675eff4d..be806ab0c50b 100644
--- a/docs/api/doc-block-primary.md
+++ b/docs/api/doc-block-primary.md
@@ -27,7 +27,9 @@ import { Primary } from '@storybook/blocks';
 
 `Primary` is configured with the following props:
 
-### `name` (deprecated)
+### `name`
+
+(⛔️ **Deprecated**)
 
 Type: `string`
 
diff --git a/docs/api/doc-block-source.md b/docs/api/doc-block-source.md
index 5ea1615bec55..df4a79049d10 100644
--- a/docs/api/doc-block-source.md
+++ b/docs/api/doc-block-source.md
@@ -151,13 +151,17 @@ Specifies how the source code is rendered.
 
 </div>
 
-### `id` (deprecated)
+### `id`
+
+(⛔️ **Deprecated**)
 
 Type: `string`
 
 Specifies the story id for which to render the source code. Referencing a story this way is no longer supported; use the [`of` prop](#of), instead.
 
-### `ids` (deprecated)
+### `ids`
+
+(⛔️ **Deprecated**)
 
 Type: `string[]`
 
diff --git a/docs/api/doc-block-story.md b/docs/api/doc-block-story.md
index bfb97ead8d22..1532740946fd 100644
--- a/docs/api/doc-block-story.md
+++ b/docs/api/doc-block-story.md
@@ -124,61 +124,81 @@ Type: Story export
 
 Specifies which story is rendered by the `Story` block. If no `of` is defined and the MDX file is [attached](./doc-block-meta.md#attached-vs-unattached), the primary (first) story will be rendered.
 
-### `args` (deprecated)
+### `args`
+
+(⛔️ **Deprecated**)
 
 Type: `Partial<TArgs>`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `argTypes` (deprecated)
+### `argTypes`
+
+(⛔️ **Deprecated**)
 
 Type: `Partial<ArgTypes<TArgs>>`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `decorators` (deprecated)
+### `decorators`
+
+(⛔️ **Deprecated**)
 
 Type: `DecoratorFunction<TRenderer, TArgs>[]`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `loaders` (deprecated)
+### `loaders`
+
+(⛔️ **Deprecated**)
 
 Type: `LoaderFunction<TRenderer, TArgs>[]`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `name` (deprecated)
+### `name`
+
+(⛔️ **Deprecated**)
 
 Type: `StoryName`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `parameters` (deprecated)
+### `parameters`
+
+(⛔️ **Deprecated**)
 
 Type: `Parameters`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `play` (deprecated)
+### `play`
+
+(⛔️ **Deprecated**)
 
 Type: `PlayFunction<TRenderer, TArgs>`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `render` (deprecated)
+### `render`
+
+(⛔️ **Deprecated**)
 
 Type: `ArgsStoryFn<TRenderer, TArgs>`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `story` (deprecated)
+### `story`
+
+(⛔️ **Deprecated**)
 
 Type: `Omit<StoryAnnotations<TRenderer, TArgs>, 'story'>`
 
 Defining and configuring stories in MDX is deprecated. See the [Migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx-docs-files) for details.
 
-### `storyName` (deprecated)
+### `storyName`
+
+(⛔️ **Deprecated**)
 
 Type: `StoryName`
 
diff --git a/docs/api/doc-block-useof.md b/docs/api/doc-block-useof.md
index 44d4521cd1ab..4499478aef5e 100644
--- a/docs/api/doc-block-useof.md
+++ b/docs/api/doc-block-useof.md
@@ -67,7 +67,9 @@ useOf = (
 
 ## Parameters
 
-### `moduleExportOrType` (required)
+### `moduleExportOrType`
+
+(**Required**)
 
 Type: `ModuleExport | 'story' | 'meta' | 'component'`
 
diff --git a/docs/api/main-config-config.md b/docs/api/main-config-config.md
index 2f3a68174e03..326f28f9ace7 100644
--- a/docs/api/main-config-config.md
+++ b/docs/api/main-config-config.md
@@ -2,10 +2,10 @@
 title: 'config'
 ---
 
+(⛔️ **Deprecated**)
+
 Parent: [main.js|ts configuration](./main-config.md)
 
 Type: `string[] | ((config: string[], options: Options) => string[] | Promise<string[]>)`
 
-Deprecated: `true`
-
 Add additional scripts to run in the story preview. Deprecated in favor of [`previewAnnotations`](./main-config-preview-annotations.md).
diff --git a/docs/api/main-config-framework.md b/docs/api/main-config-framework.md
index abf8e0ca2b5a..4e4e563ee3ee 100644
--- a/docs/api/main-config-framework.md
+++ b/docs/api/main-config-framework.md
@@ -2,12 +2,12 @@
 title: 'framework'
 ---
 
+(**Required**)
+
 Parent: [main.js|ts configuration](./main-config.md)
 
 Type: `FrameworkName | { name: FrameworkName; options?: FrameworkOptions }`
 
-Required: `true`
-
 Configures Storybook based on a set of [framework-specific](../configure/frameworks.md) settings.
 
 <!-- prettier-ignore-start -->
diff --git a/docs/api/main-config-stories.md b/docs/api/main-config-stories.md
index aac62a1b3d98..9eefa1360565 100644
--- a/docs/api/main-config-stories.md
+++ b/docs/api/main-config-stories.md
@@ -2,6 +2,8 @@
 title: 'stories'
 ---
 
+(**Required**)
+
 Parent: [main.js|ts configuration](./main-config.md)
 
 Type:
@@ -11,8 +13,6 @@ Type:
 | async (list: (string | StoriesSpecifier)[]) => (string | StoriesSpecifier)[]
 ```
 
-Required: `true`
-
 Configures Storybook to load stories from the specified locations. The intention is for you to colocate a story file along with the component it documents:
 
 ```
@@ -91,9 +91,9 @@ Type:
 
 #### `StoriesSpecifier.directory`
 
-Type: `string`
+(**Required**)
 
-Required: `true`
+Type: `string`
 
 Where to start looking for story files, relative to the root of your project.
 
diff --git a/docs/api/main-config.md b/docs/api/main-config.md
index 17406cad47b7..ed4b1b387319 100644
--- a/docs/api/main-config.md
+++ b/docs/api/main-config.md
@@ -25,8 +25,8 @@ A typical Storybook configuration file looks like this:
 
 An object to configure Storybook containing the following properties:
 
-- [`framework`](./main-config-framework.md) (required)
-- [`stories`](./main-config-stories.md) (required)
+- [`framework`](./main-config-framework.md) (Required)
+- [`stories`](./main-config-stories.md) (Required)
 - [`addons`](./main-config-addons.md)
 - [`babel`](./main-config-babel.md)
 - [`babelDefault`](./main-config-babel-default.md)
@@ -44,4 +44,4 @@ An object to configure Storybook containing the following properties:
 - [`typescript`](./main-config-typescript.md)
 - [`viteFinal`](./main-config-vite-final.md)
 - [`webpackFinal`](./main-config-webpack-final.md)
-- [`config`](./main-config-config.md) (deprecated)
+- [`config`](./main-config-config.md) (⛔️ Deprecated)
diff --git a/docs/snippets/angular/arg-types-default-value.ts.mdx b/docs/snippets/angular/arg-types-default-value.ts.mdx
index 41e3d3987501..acd4522cf751 100644
--- a/docs/snippets/angular/arg-types-default-value.ts.mdx
+++ b/docs/snippets/angular/arg-types-default-value.ts.mdx
@@ -9,7 +9,7 @@ const meta: Meta<Example> = {
   component: Example,
   argTypes: {
     value: {
-      // ❌ Deprecated
+      // ⛔️ Deprecated, do not use
       defaultValue: 0,
     },
   },
diff --git a/docs/snippets/common/arg-types-default-value.js.mdx b/docs/snippets/common/arg-types-default-value.js.mdx
index a5425e8bc1b9..2b978568c148 100644
--- a/docs/snippets/common/arg-types-default-value.js.mdx
+++ b/docs/snippets/common/arg-types-default-value.js.mdx
@@ -7,7 +7,7 @@ export default {
   component: Example,
   argTypes: {
     value: {
-      // ❌ Deprecated
+      // ⛔️ Deprecated, do not use
       defaultValue: 0,
     },
   },
diff --git a/docs/snippets/common/arg-types-default-value.ts.mdx b/docs/snippets/common/arg-types-default-value.ts.mdx
index 4ec1f545818b..1f8b26d385e8 100644
--- a/docs/snippets/common/arg-types-default-value.ts.mdx
+++ b/docs/snippets/common/arg-types-default-value.ts.mdx
@@ -10,7 +10,7 @@ const meta: Meta<typeof Example> = {
   component: Example,
   argTypes: {
     value: {
-      // ❌ Deprecated
+      // ⛔️ Deprecated, do not use
       defaultValue: 0,
     },
   },
diff --git a/docs/snippets/web-components/arg-types-default-value.js.mdx b/docs/snippets/web-components/arg-types-default-value.js.mdx
index 731f6b020070..1adbe70fb486 100644
--- a/docs/snippets/web-components/arg-types-default-value.js.mdx
+++ b/docs/snippets/web-components/arg-types-default-value.js.mdx
@@ -5,7 +5,7 @@ export default {
   component: 'demo-example',
   argTypes: {
     value: {
-      // ❌ Deprecated
+      // ⛔️ Deprecated, do not use
       defaultValue: 0,
     },
   },
diff --git a/docs/snippets/web-components/arg-types-default-value.ts.mdx b/docs/snippets/web-components/arg-types-default-value.ts.mdx
index 225ba930e756..73a989becbbe 100644
--- a/docs/snippets/web-components/arg-types-default-value.ts.mdx
+++ b/docs/snippets/web-components/arg-types-default-value.ts.mdx
@@ -7,7 +7,7 @@ const meta: Meta = {
   component: 'demo-example',
   argTypes: {
     value: {
-      // ❌ Deprecated
+      // ⛔️ Deprecated, do not use
       defaultValue: 0,
     },
   },
diff --git a/scripts/tasks/sandbox-parts.ts b/scripts/tasks/sandbox-parts.ts
index a09f9d71b882..fc72d5d704cd 100644
--- a/scripts/tasks/sandbox-parts.ts
+++ b/scripts/tasks/sandbox-parts.ts
@@ -267,8 +267,9 @@ function updateStoriesField(mainConfig: ConfigFile, isJs: boolean) {
 
   // If the project is a JS project, let's make sure any linked in TS stories from the
   // renderer inside src|stories are simply ignored.
+  // TODO: We should definitely improve the logic here, as it will break every time the stories field change format in the generated sandboxes.
   const updatedStories = isJs
-    ? stories.map((specifier) => specifier.replace('js|jsx|ts|tsx', 'js|jsx'))
+    ? stories.map((specifier) => specifier.replace('|ts|tsx', ''))
     : stories;
 
   mainConfig.setFieldValue(['stories'], [...updatedStories]);
diff --git a/scripts/verdaccio.yaml b/scripts/verdaccio.yaml
index 3827e20077e9..30e02a7f0cff 100644
--- a/scripts/verdaccio.yaml
+++ b/scripts/verdaccio.yaml
@@ -75,6 +75,10 @@ packages:
     access: $all
     publish: $all
     proxy: npmjs
+  '@storybook/addon-onboarding':
+    access: $all
+    publish: $all
+    proxy: npmjs
   '@storybook/mdx1-csf':
     access: $all
     publish: $all