diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index aa2d13566418..7c9dc93037df 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,12 @@
+## 7.1.0-alpha.42
+
+- CLI: Fix pnp paths logic in storybook metadata - [#23259](https://github.com/storybookjs/storybook/pull/23259), thanks [@yannbf](https://github.com/yannbf)!
+
+## 7.1.0-alpha.41
+
+- Controls: Fix UI to add array items - [#22993](https://github.com/storybookjs/storybook/pull/22993), thanks [@sookmax](https://github.com/sookmax)!
+- Next.js: Support disableStaticImages setting - [#23167](https://github.com/storybookjs/storybook/pull/23167), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
+
 ## 7.1.0-alpha.40
 
 - CLI: Parse pnp paths in storybook metadata - [#23199](https://github.com/storybookjs/storybook/pull/23199), thanks [@yannbf](https://github.com/yannbf)!
diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 5abcd1117084..187a290d55db 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/addon-highlight": "7.1.0-alpha.42",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 8443a101f70e..246bfa1fe40e 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 6574671bddf0..6c545826cdfa 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 16b2dcc77987..45eae23c05e0 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/blocks": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 7da6fee06ceb..29cb8b99a7c5 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/csf-plugin": "7.1.0-alpha.40",
-    "@storybook/csf-tools": "7.1.0-alpha.40",
+    "@storybook/blocks": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/csf-plugin": "7.1.0-alpha.42",
+    "@storybook/csf-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
     "@storybook/mdx2-csf": "^1.0.0",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/postinstall": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/react-dom-shim": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/postinstall": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/react-dom-shim": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 1a1353f6266e..ff2d1eaa21f0 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/addon-backgrounds": "7.1.0-alpha.40",
-    "@storybook/addon-controls": "7.1.0-alpha.40",
-    "@storybook/addon-docs": "7.1.0-alpha.40",
-    "@storybook/addon-highlight": "7.1.0-alpha.40",
-    "@storybook/addon-measure": "7.1.0-alpha.40",
-    "@storybook/addon-outline": "7.1.0-alpha.40",
-    "@storybook/addon-toolbars": "7.1.0-alpha.40",
-    "@storybook/addon-viewport": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
+    "@storybook/addon-actions": "7.1.0-alpha.42",
+    "@storybook/addon-backgrounds": "7.1.0-alpha.42",
+    "@storybook/addon-controls": "7.1.0-alpha.42",
+    "@storybook/addon-docs": "7.1.0-alpha.42",
+    "@storybook/addon-highlight": "7.1.0-alpha.42",
+    "@storybook/addon-measure": "7.1.0-alpha.42",
+    "@storybook/addon-outline": "7.1.0-alpha.42",
+    "@storybook/addon-toolbars": "7.1.0-alpha.42",
+    "@storybook/addon-viewport": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "@storybook/vue": "7.1.0-alpha.40",
+    "@storybook/vue": "7.1.0-alpha.42",
     "typescript": "^4.9.3"
   },
   "peerDependencies": {
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index ebecdb276e98..db5e0d1e9298 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/node-logger": "7.1.0-alpha.42",
     "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 c7a0521d02e2..61c9dfe27496 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40"
+    "@storybook/preview-api": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.16.0",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index f637e3f0b0ff..66669811c133 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/instrumenter": "7.1.0-alpha.40",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/instrumenter": "7.1.0-alpha.42",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 fb699c1c4cac..5f04eb333764 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
     "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 36cc5de26a64..339d94f65a08 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/router": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/router": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 5349ce455e54..653fcf1da054 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index bf29b19a3271..25ad633dc84d 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/addons/storyshots-core/package.json b/code/addons/storyshots-core/package.json
index 6a26c8a76ef9..d5ca3fbeee5d 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-webpack": "7.1.0-alpha.40",
+    "@storybook/client-api": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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.40",
-    "@storybook/angular": "7.1.0-alpha.40",
-    "@storybook/react": "7.1.0-alpha.40",
-    "@storybook/vue": "7.1.0-alpha.40",
-    "@storybook/vue3": "7.1.0-alpha.40",
+    "@storybook/addon-docs": "7.1.0-alpha.42",
+    "@storybook/angular": "7.1.0-alpha.42",
+    "@storybook/react": "7.1.0-alpha.42",
+    "@storybook/vue": "7.1.0-alpha.42",
+    "@storybook/vue3": "7.1.0-alpha.42",
     "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 919e8ccc9640..9d82b4ee25c3 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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.40",
+    "@storybook/addon-storyshots": "7.1.0-alpha.42",
     "puppeteer": ">=2.0.0"
   },
   "peerDependenciesMeta": {
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 9829b260044f..61718c641e4e 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/router": "7.1.0-alpha.40",
-    "@storybook/source-loader": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/router": "7.1.0-alpha.42",
+    "@storybook/source-loader": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
     "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 e3d9d2698820..7971eda2195e 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40"
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 155f3d58a612..8b029686a9a7 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
     "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 495439518ed2..d6a8dd20e87c 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/manager": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/manager": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
     "@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 013eadef162d..0c9bd4053ff2 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/csf-plugin": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/csf-plugin": "7.1.0-alpha.42",
     "@storybook/mdx2-csf": "^1.0.0",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 797ff5151cf1..24e641df480f 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -56,24 +56,24 @@
   },
   "dependencies": {
     "@babel/core": "^7.22.0",
-    "@storybook/addons": "7.1.0-alpha.40",
-    "@storybook/api": "7.1.0-alpha.40",
-    "@storybook/channel-postmessage": "7.1.0-alpha.40",
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-api": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
-    "@storybook/core-webpack": "7.1.0-alpha.40",
+    "@storybook/addons": "7.1.0-alpha.42",
+    "@storybook/api": "7.1.0-alpha.42",
+    "@storybook/channel-postmessage": "7.1.0-alpha.42",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-api": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/router": "7.1.0-alpha.40",
-    "@storybook/store": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/router": "7.1.0-alpha.42",
+    "@storybook/store": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
     "@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 00c4ae9eb6d2..21364129704d 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -44,9 +44,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40"
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42"
   },
   "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 727be6a7bc9f..d462b222f014 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40"
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/deprecated/channel-websocket/package.json b/code/deprecated/channel-websocket/package.json
index 975a6e7bed18..1b12e81cb128 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40"
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/deprecated/client-api/package.json b/code/deprecated/client-api/package.json
index 15bac57f0988..62726f9e68f9 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40"
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/deprecated/core-client/package.json b/code/deprecated/core-client/package.json
index 4c94448b6af1..646cd4b6d304 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,8 +35,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40"
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/deprecated/manager-api-shim/package.json b/code/deprecated/manager-api-shim/package.json
index 8a421a561727..a6c807d04db2 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Manager API (facade)",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/manager-api": "7.1.0-alpha.40"
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/manager-api": "7.1.0-alpha.42"
   },
   "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 569abcb3e9a6..4f36317d87f1 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40"
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/deprecated/store/package.json b/code/deprecated/store/package.json
index f2ea6daaf58b..1906b077e2b1 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -42,8 +42,8 @@
     "prep": "../../../scripts/prepare/facade.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40"
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 5fd3e2395b59..773ca8e70afb 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/cli": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
-    "@storybook/core-server": "7.1.0-alpha.40",
-    "@storybook/core-webpack": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/cli": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/telemetry": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/telemetry": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 e5b8642bc612..654dea6d69db 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index 1471bde85a34..ebf9e37003ab 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/builder-vite": "7.1.0-alpha.40",
-    "@storybook/channel-postmessage": "7.1.0-alpha.40",
-    "@storybook/client-api": "7.1.0-alpha.40",
-    "@storybook/core-server": "7.1.0-alpha.40",
-    "@storybook/html": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview-web": "7.1.0-alpha.40",
+    "@storybook/addons": "7.1.0-alpha.42",
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/channel-postmessage": "7.1.0-alpha.42",
+    "@storybook/client-api": "7.1.0-alpha.42",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/html": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview-web": "7.1.0-alpha.42",
     "magic-string": "^0.30.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 46d59af8b884..0b4e8a482139 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/html": "7.1.0-alpha.40",
-    "@storybook/preset-html-webpack": "7.1.0-alpha.40",
+    "@storybook/html": "7.1.0-alpha.42",
+    "@storybook/preset-html-webpack": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index b542eadccf05..23068a50d8a1 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/builder-webpack5": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preset-react-webpack": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/react": "7.1.0-alpha.40",
+    "@storybook/addon-actions": "7.1.0-alpha.42",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preset-react-webpack": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/react": "7.1.0-alpha.42",
     "@types/node": "^16.0.0",
     "css-loader": "^6.7.3",
     "find-up": "^5.0.0",
diff --git a/code/frameworks/nextjs/src/images/webpack.ts b/code/frameworks/nextjs/src/images/webpack.ts
index df6ecacde83e..967387f7b027 100644
--- a/code/frameworks/nextjs/src/images/webpack.ts
+++ b/code/frameworks/nextjs/src/images/webpack.ts
@@ -1,13 +1,14 @@
 import semver from 'semver';
 import type { Configuration as WebpackConfig, RuleSetRule } from 'webpack';
+import type { NextConfig } from 'next';
 import { addScopedAlias, getNextjsVersion } from '../utils';
 
-export const configureImages = (baseConfig: WebpackConfig): void => {
-  configureStaticImageImport(baseConfig);
+export const configureImages = (baseConfig: WebpackConfig, nextConfig: NextConfig): void => {
+  configureStaticImageImport(baseConfig, nextConfig);
   addScopedAlias(baseConfig, 'next/image');
 };
 
-const configureStaticImageImport = (baseConfig: WebpackConfig): void => {
+const configureStaticImageImport = (baseConfig: WebpackConfig, nextConfig: NextConfig): void => {
   const version = getNextjsVersion();
   if (semver.lt(version, '11.0.0')) return;
 
@@ -31,6 +32,7 @@ const configureStaticImageImport = (baseConfig: WebpackConfig): void => {
         loader: require.resolve('@storybook/nextjs/next-image-loader-stub.js'),
         options: {
           filename: assetRule.generator?.filename,
+          nextConfig,
         },
       },
     ],
diff --git a/code/frameworks/nextjs/src/next-image-loader-stub.ts b/code/frameworks/nextjs/src/next-image-loader-stub.ts
index 9bb282834f10..04a97fdead81 100644
--- a/code/frameworks/nextjs/src/next-image-loader-stub.ts
+++ b/code/frameworks/nextjs/src/next-image-loader-stub.ts
@@ -2,13 +2,15 @@
 import { interpolateName } from 'loader-utils';
 import imageSizeOf from 'image-size';
 import type { RawLoaderDefinition } from 'webpack';
+import type { NextConfig } from 'next';
 
 interface LoaderOptions {
   filename: string;
+  nextConfig: NextConfig;
 }
 
 const nextImageLoaderStub: RawLoaderDefinition<LoaderOptions> = function (content) {
-  const { filename } = this.getOptions();
+  const { filename, nextConfig } = this.getOptions();
   const outputPath = interpolateName(this, filename.replace('[ext]', '.[ext]'), {
     context: this.rootContext,
     content,
@@ -18,6 +20,10 @@ const nextImageLoaderStub: RawLoaderDefinition<LoaderOptions> = function (conten
 
   const { width, height } = imageSizeOf(this.resourcePath);
 
+  if (nextConfig.images?.disableStaticImages) {
+    return `const src = '${outputPath}'; export default src;`;
+  }
+
   return `export default ${JSON.stringify({
     src: outputPath,
     height,
diff --git a/code/frameworks/nextjs/src/preset.ts b/code/frameworks/nextjs/src/preset.ts
index 32696a82b8f6..238ba2bb170e 100644
--- a/code/frameworks/nextjs/src/preset.ts
+++ b/code/frameworks/nextjs/src/preset.ts
@@ -148,7 +148,7 @@ export const webpackFinal: StorybookConfig['webpackFinal'] = async (baseConfig,
   configureRuntimeNextjsVersionResolution(baseConfig);
   configureImports({ baseConfig, configDir: options.configDir });
   configureCss(baseConfig, nextConfig);
-  configureImages(baseConfig);
+  configureImages(baseConfig, nextConfig);
   configureRouting(baseConfig);
   configureStyledJsx(baseConfig);
   configureNodePolyfills(baseConfig);
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index a5b50addc41a..67b52b6a1f9e 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/preact": "7.1.0-alpha.40"
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/preact": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "@types/node": "^16.0.0",
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 021a35c3d1f1..38def3b3735e 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/preact": "7.1.0-alpha.40",
-    "@storybook/preset-preact-webpack": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preact": "7.1.0-alpha.42",
+    "@storybook/preset-preact-webpack": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 550135d8c1e8..239ffa9111cc 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/react": "7.1.0-alpha.40",
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/react": "7.1.0-alpha.42",
     "@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 08bff6ba0919..b2f39df34ee1 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/preset-react-webpack": "7.1.0-alpha.40",
-    "@storybook/react": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/preset-react-webpack": "7.1.0-alpha.42",
+    "@storybook/react": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 5473585c9340..a3400362f642 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/preset-server-webpack": "7.1.0-alpha.40",
-    "@storybook/server": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preset-server-webpack": "7.1.0-alpha.42",
+    "@storybook/server": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index ba48aa2d4a29..b872a9571878 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/svelte": "7.1.0-alpha.40",
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/svelte": "7.1.0-alpha.42",
     "@sveltejs/vite-plugin-svelte": "^2.4.1",
     "magic-string": "^0.30.0",
     "sveltedoc-parser": "^4.2.1",
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 73b05acdb028..e92b0397c0d1 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/preset-svelte-webpack": "7.1.0-alpha.40",
-    "@storybook/svelte": "7.1.0-alpha.40"
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preset-svelte-webpack": "7.1.0-alpha.42",
+    "@storybook/svelte": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "svelte": "^3.48.0",
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index ed20b5c4aba3..f02ed75fc2fb 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
@@ -50,9 +50,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "7.1.0-alpha.40",
-    "@storybook/svelte": "7.1.0-alpha.40",
-    "@storybook/svelte-vite": "7.1.0-alpha.40"
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/svelte": "7.1.0-alpha.42",
+    "@storybook/svelte-vite": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "@types/node": "^16.0.0",
diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json
index ada3cc98cc96..412530f1368c 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-server": "7.1.0-alpha.40",
-    "@storybook/vue": "7.1.0-alpha.40",
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/vue": "7.1.0-alpha.42",
     "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 889435f3e45c..9c52741801a0 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/preset-vue-webpack": "7.1.0-alpha.40",
-    "@storybook/vue": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preset-vue-webpack": "7.1.0-alpha.42",
+    "@storybook/vue": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 3ee9c993ae20..8d66e18d631c 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-server": "7.1.0-alpha.40",
-    "@storybook/vue3": "7.1.0-alpha.40",
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/vue3": "7.1.0-alpha.42",
     "@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 04708f038da5..10bfa5833c70 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/preset-vue3-webpack": "7.1.0-alpha.40",
-    "@storybook/vue3": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preset-vue3-webpack": "7.1.0-alpha.42",
+    "@storybook/vue3": "7.1.0-alpha.42",
     "@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 141dec7d7608..92da2dd54ef5 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-server": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/web-components": "7.1.0-alpha.40",
+    "@storybook/builder-vite": "7.1.0-alpha.42",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/web-components": "7.1.0-alpha.42",
     "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 2605410427f2..a624077c99db 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/preset-web-components-webpack": "7.1.0-alpha.40",
-    "@storybook/web-components": "7.1.0-alpha.40",
+    "@storybook/builder-webpack5": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preset-web-components-webpack": "7.1.0-alpha.42",
+    "@storybook/web-components": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 60119ddbc8eb..297be506f0a3 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -68,9 +68,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@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 08f6ea2216fc..b3166e16d56a 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
   "license": "MIT",
   "bin": "./index.js",
   "dependencies": {
-    "@storybook/cli": "7.1.0-alpha.40"
+    "@storybook/cli": "7.1.0-alpha.42"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 17d2d510420c..f2fbcef52eab 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -24,7 +24,7 @@
     "storybook": "./index.js"
   },
   "dependencies": {
-    "@storybook/cli": "7.1.0-alpha.40"
+    "@storybook/cli": "7.1.0-alpha.42"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 42b32d63b277..96cbefee3435 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-server": "7.1.0-alpha.40",
-    "@storybook/csf-tools": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/telemetry": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/codemod": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/csf-tools": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/telemetry": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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.40",
+    "@storybook/client-api": "7.1.0-alpha.42",
     "@types/cross-spawn": "^6.0.2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index c28ce322d516..f9bb60bdf828 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.40',
-  '@storybook/addon-actions': '7.1.0-alpha.40',
-  '@storybook/addon-backgrounds': '7.1.0-alpha.40',
-  '@storybook/addon-controls': '7.1.0-alpha.40',
-  '@storybook/addon-docs': '7.1.0-alpha.40',
-  '@storybook/addon-essentials': '7.1.0-alpha.40',
-  '@storybook/addon-highlight': '7.1.0-alpha.40',
-  '@storybook/addon-interactions': '7.1.0-alpha.40',
-  '@storybook/addon-jest': '7.1.0-alpha.40',
-  '@storybook/addon-links': '7.1.0-alpha.40',
-  '@storybook/addon-mdx-gfm': '7.1.0-alpha.40',
-  '@storybook/addon-measure': '7.1.0-alpha.40',
-  '@storybook/addon-outline': '7.1.0-alpha.40',
-  '@storybook/addon-storyshots': '7.1.0-alpha.40',
-  '@storybook/addon-storyshots-puppeteer': '7.1.0-alpha.40',
-  '@storybook/addon-storysource': '7.1.0-alpha.40',
-  '@storybook/addon-toolbars': '7.1.0-alpha.40',
-  '@storybook/addon-viewport': '7.1.0-alpha.40',
-  '@storybook/addons': '7.1.0-alpha.40',
-  '@storybook/angular': '7.1.0-alpha.40',
-  '@storybook/api': '7.1.0-alpha.40',
-  '@storybook/blocks': '7.1.0-alpha.40',
-  '@storybook/builder-manager': '7.1.0-alpha.40',
-  '@storybook/builder-vite': '7.1.0-alpha.40',
-  '@storybook/builder-webpack5': '7.1.0-alpha.40',
-  '@storybook/channel-postmessage': '7.1.0-alpha.40',
-  '@storybook/channel-websocket': '7.1.0-alpha.40',
-  '@storybook/channels': '7.1.0-alpha.40',
-  '@storybook/cli': '7.1.0-alpha.40',
-  '@storybook/client-api': '7.1.0-alpha.40',
-  '@storybook/client-logger': '7.1.0-alpha.40',
-  '@storybook/codemod': '7.1.0-alpha.40',
-  '@storybook/components': '7.1.0-alpha.40',
-  '@storybook/core-client': '7.1.0-alpha.40',
-  '@storybook/core-common': '7.1.0-alpha.40',
-  '@storybook/core-events': '7.1.0-alpha.40',
-  '@storybook/core-server': '7.1.0-alpha.40',
-  '@storybook/core-webpack': '7.1.0-alpha.40',
-  '@storybook/csf-plugin': '7.1.0-alpha.40',
-  '@storybook/csf-tools': '7.1.0-alpha.40',
-  '@storybook/docs-tools': '7.1.0-alpha.40',
-  '@storybook/ember': '7.1.0-alpha.40',
-  '@storybook/html': '7.1.0-alpha.40',
-  '@storybook/html-vite': '7.1.0-alpha.40',
-  '@storybook/html-webpack5': '7.1.0-alpha.40',
-  '@storybook/instrumenter': '7.1.0-alpha.40',
-  '@storybook/manager': '7.1.0-alpha.40',
-  '@storybook/manager-api': '7.1.0-alpha.40',
-  '@storybook/nextjs': '7.1.0-alpha.40',
-  '@storybook/node-logger': '7.1.0-alpha.40',
-  '@storybook/postinstall': '7.1.0-alpha.40',
-  '@storybook/preact': '7.1.0-alpha.40',
-  '@storybook/preact-vite': '7.1.0-alpha.40',
-  '@storybook/preact-webpack5': '7.1.0-alpha.40',
-  '@storybook/preset-create-react-app': '7.1.0-alpha.40',
-  '@storybook/preset-html-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-preact-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-react-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-server-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-svelte-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-vue-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-vue3-webpack': '7.1.0-alpha.40',
-  '@storybook/preset-web-components-webpack': '7.1.0-alpha.40',
-  '@storybook/preview': '7.1.0-alpha.40',
-  '@storybook/preview-api': '7.1.0-alpha.40',
-  '@storybook/preview-web': '7.1.0-alpha.40',
-  '@storybook/react': '7.1.0-alpha.40',
-  '@storybook/react-dom-shim': '7.1.0-alpha.40',
-  '@storybook/react-vite': '7.1.0-alpha.40',
-  '@storybook/react-webpack5': '7.1.0-alpha.40',
-  '@storybook/router': '7.1.0-alpha.40',
-  '@storybook/server': '7.1.0-alpha.40',
-  '@storybook/server-webpack5': '7.1.0-alpha.40',
-  '@storybook/source-loader': '7.1.0-alpha.40',
-  '@storybook/store': '7.1.0-alpha.40',
-  '@storybook/svelte': '7.1.0-alpha.40',
-  '@storybook/svelte-vite': '7.1.0-alpha.40',
-  '@storybook/svelte-webpack5': '7.1.0-alpha.40',
-  '@storybook/sveltekit': '7.1.0-alpha.40',
-  '@storybook/telemetry': '7.1.0-alpha.40',
-  '@storybook/theming': '7.1.0-alpha.40',
-  '@storybook/types': '7.1.0-alpha.40',
-  '@storybook/vue': '7.1.0-alpha.40',
-  '@storybook/vue-vite': '7.1.0-alpha.40',
-  '@storybook/vue-webpack5': '7.1.0-alpha.40',
-  '@storybook/vue3': '7.1.0-alpha.40',
-  '@storybook/vue3-vite': '7.1.0-alpha.40',
-  '@storybook/vue3-webpack5': '7.1.0-alpha.40',
-  '@storybook/web-components': '7.1.0-alpha.40',
-  '@storybook/web-components-vite': '7.1.0-alpha.40',
-  '@storybook/web-components-webpack5': '7.1.0-alpha.40',
-  sb: '7.1.0-alpha.40',
-  storybook: '7.1.0-alpha.40',
+  '@storybook/addon-a11y': '7.1.0-alpha.42',
+  '@storybook/addon-actions': '7.1.0-alpha.42',
+  '@storybook/addon-backgrounds': '7.1.0-alpha.42',
+  '@storybook/addon-controls': '7.1.0-alpha.42',
+  '@storybook/addon-docs': '7.1.0-alpha.42',
+  '@storybook/addon-essentials': '7.1.0-alpha.42',
+  '@storybook/addon-highlight': '7.1.0-alpha.42',
+  '@storybook/addon-interactions': '7.1.0-alpha.42',
+  '@storybook/addon-jest': '7.1.0-alpha.42',
+  '@storybook/addon-links': '7.1.0-alpha.42',
+  '@storybook/addon-mdx-gfm': '7.1.0-alpha.42',
+  '@storybook/addon-measure': '7.1.0-alpha.42',
+  '@storybook/addon-outline': '7.1.0-alpha.42',
+  '@storybook/addon-storyshots': '7.1.0-alpha.42',
+  '@storybook/addon-storyshots-puppeteer': '7.1.0-alpha.42',
+  '@storybook/addon-storysource': '7.1.0-alpha.42',
+  '@storybook/addon-toolbars': '7.1.0-alpha.42',
+  '@storybook/addon-viewport': '7.1.0-alpha.42',
+  '@storybook/addons': '7.1.0-alpha.42',
+  '@storybook/angular': '7.1.0-alpha.42',
+  '@storybook/api': '7.1.0-alpha.42',
+  '@storybook/blocks': '7.1.0-alpha.42',
+  '@storybook/builder-manager': '7.1.0-alpha.42',
+  '@storybook/builder-vite': '7.1.0-alpha.42',
+  '@storybook/builder-webpack5': '7.1.0-alpha.42',
+  '@storybook/channel-postmessage': '7.1.0-alpha.42',
+  '@storybook/channel-websocket': '7.1.0-alpha.42',
+  '@storybook/channels': '7.1.0-alpha.42',
+  '@storybook/cli': '7.1.0-alpha.42',
+  '@storybook/client-api': '7.1.0-alpha.42',
+  '@storybook/client-logger': '7.1.0-alpha.42',
+  '@storybook/codemod': '7.1.0-alpha.42',
+  '@storybook/components': '7.1.0-alpha.42',
+  '@storybook/core-client': '7.1.0-alpha.42',
+  '@storybook/core-common': '7.1.0-alpha.42',
+  '@storybook/core-events': '7.1.0-alpha.42',
+  '@storybook/core-server': '7.1.0-alpha.42',
+  '@storybook/core-webpack': '7.1.0-alpha.42',
+  '@storybook/csf-plugin': '7.1.0-alpha.42',
+  '@storybook/csf-tools': '7.1.0-alpha.42',
+  '@storybook/docs-tools': '7.1.0-alpha.42',
+  '@storybook/ember': '7.1.0-alpha.42',
+  '@storybook/html': '7.1.0-alpha.42',
+  '@storybook/html-vite': '7.1.0-alpha.42',
+  '@storybook/html-webpack5': '7.1.0-alpha.42',
+  '@storybook/instrumenter': '7.1.0-alpha.42',
+  '@storybook/manager': '7.1.0-alpha.42',
+  '@storybook/manager-api': '7.1.0-alpha.42',
+  '@storybook/nextjs': '7.1.0-alpha.42',
+  '@storybook/node-logger': '7.1.0-alpha.42',
+  '@storybook/postinstall': '7.1.0-alpha.42',
+  '@storybook/preact': '7.1.0-alpha.42',
+  '@storybook/preact-vite': '7.1.0-alpha.42',
+  '@storybook/preact-webpack5': '7.1.0-alpha.42',
+  '@storybook/preset-create-react-app': '7.1.0-alpha.42',
+  '@storybook/preset-html-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-preact-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-react-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-server-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-svelte-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-vue-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-vue3-webpack': '7.1.0-alpha.42',
+  '@storybook/preset-web-components-webpack': '7.1.0-alpha.42',
+  '@storybook/preview': '7.1.0-alpha.42',
+  '@storybook/preview-api': '7.1.0-alpha.42',
+  '@storybook/preview-web': '7.1.0-alpha.42',
+  '@storybook/react': '7.1.0-alpha.42',
+  '@storybook/react-dom-shim': '7.1.0-alpha.42',
+  '@storybook/react-vite': '7.1.0-alpha.42',
+  '@storybook/react-webpack5': '7.1.0-alpha.42',
+  '@storybook/router': '7.1.0-alpha.42',
+  '@storybook/server': '7.1.0-alpha.42',
+  '@storybook/server-webpack5': '7.1.0-alpha.42',
+  '@storybook/source-loader': '7.1.0-alpha.42',
+  '@storybook/store': '7.1.0-alpha.42',
+  '@storybook/svelte': '7.1.0-alpha.42',
+  '@storybook/svelte-vite': '7.1.0-alpha.42',
+  '@storybook/svelte-webpack5': '7.1.0-alpha.42',
+  '@storybook/sveltekit': '7.1.0-alpha.42',
+  '@storybook/telemetry': '7.1.0-alpha.42',
+  '@storybook/theming': '7.1.0-alpha.42',
+  '@storybook/types': '7.1.0-alpha.42',
+  '@storybook/vue': '7.1.0-alpha.42',
+  '@storybook/vue-vite': '7.1.0-alpha.42',
+  '@storybook/vue-webpack5': '7.1.0-alpha.42',
+  '@storybook/vue3': '7.1.0-alpha.42',
+  '@storybook/vue3-vite': '7.1.0-alpha.42',
+  '@storybook/vue3-webpack5': '7.1.0-alpha.42',
+  '@storybook/web-components': '7.1.0-alpha.42',
+  '@storybook/web-components-vite': '7.1.0-alpha.42',
+  '@storybook/web-components-webpack5': '7.1.0-alpha.42',
+  sb: '7.1.0-alpha.42',
+  storybook: '7.1.0-alpha.42',
 };
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index d9fdc3b3b399..acb4d870f1bf 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 29f8a56facfc..bcc0ba621150 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/csf-tools": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 a6899d072e05..43039b18d338 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -43,8 +43,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 11017bd1fe4e..fcb28cfa1a20 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.40",
+  "version": "7.1.0-alpha.42",
   "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 aca6e1ed459e..9c222f1d5434 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/builder-manager": "7.1.0-alpha.42",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
-    "@storybook/csf-tools": "7.1.0-alpha.40",
+    "@storybook/csf-tools": "7.1.0-alpha.42",
     "@storybook/docs-mdx": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/telemetry": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/telemetry": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 4873c27e98a3..b7a1eed0c03e 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -43,9 +43,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-common": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 75830c695d09..8a53fc34d952 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/csf-tools": "7.1.0-alpha.42",
     "unplugin": "^1.3.1"
   },
   "devDependencies": {
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 12cc8568e4ca..9b2aa5c60c90 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 2582e989830d..e56b295d5601 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/core-common": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 b5297120d3d2..42886450a7f7 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -43,11 +43,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40"
+    "@storybook/preview-api": "7.1.0-alpha.42"
   },
   "devDependencies": {
     "typescript": "~4.9.3"
diff --git a/code/lib/manager-api/package.json b/code/lib/manager-api/package.json
index ffd47bb888f7..c3cf855acaf8 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
@@ -42,14 +42,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/router": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/router": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 1568eaffb0ca..ec154b5b2ada 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.40';
+export const version = '7.1.0-alpha.42';
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index a9ff121bf37d..c2932c95decf 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index 2a7919b104fb..abd0efd5f6a4 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
diff --git a/code/lib/preview-api/package.json b/code/lib/preview-api/package.json
index 5e0c969c5252..1aa821516e98 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -67,13 +67,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channel-postmessage": "7.1.0-alpha.40",
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/channel-postmessage": "7.1.0-alpha.42",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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.40",
+    "@storybook/core-common": "7.1.0-alpha.42",
     "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 d02f3585176d..03201fa04fc4 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -55,10 +55,10 @@
     "prep": "../../../scripts/prepare/esm-bundle.ts"
   },
   "devDependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
     "typescript": "~4.9.3"
   },
   "publishConfig": {
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index 8de77f055c98..a3ae8b1a72ed 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/types": "7.1.0-alpha.42",
     "typescript": "~4.9.3"
   },
   "peerDependencies": {
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index a4f4b84b4ef5..76bfc6480706 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -48,7 +48,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
     "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 86b127624496..90246bb239a6 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@storybook/csf": "^0.1.0",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 5d001ec7033f..d8c6108f2414 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-common": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-common": "7.1.0-alpha.42",
     "chalk": "^4.1.0",
     "detect-package-manager": "^2.0.1",
     "fetch-retry": "^5.0.2",
diff --git a/code/lib/telemetry/src/get-framework-info.test.ts b/code/lib/telemetry/src/get-framework-info.test.ts
new file mode 100644
index 000000000000..97a0ffe15c91
--- /dev/null
+++ b/code/lib/telemetry/src/get-framework-info.test.ts
@@ -0,0 +1,55 @@
+import type { StorybookConfig } from '@storybook/types';
+import { getFrameworkInfo } from './get-framework-info';
+import { getActualPackageJson } from './package-json';
+
+jest.mock('./package-json', () => ({
+  getActualPackageJson: jest.fn(),
+}));
+
+describe('getFrameworkInfo', () => {
+  it('should return an empty object if mainConfig.framework is undefined', async () => {
+    const result = await getFrameworkInfo({} as StorybookConfig);
+    expect(result).toEqual({});
+  });
+
+  it('should return an empty object if mainConfig.framework name is undefined', async () => {
+    const result = await getFrameworkInfo({ framework: {} } as StorybookConfig);
+    expect(result).toEqual({});
+  });
+
+  it('should call getActualPackageJson with the correct package name', async () => {
+    const packageName = '@storybook/react';
+    const framework = { name: packageName };
+    await getFrameworkInfo({ framework } as StorybookConfig);
+    expect(getActualPackageJson).toHaveBeenCalledWith(packageName);
+  });
+
+  it('should resolve the framework package json correctly and strip project paths in the metadata', async () => {
+    const packageName = '/path/to/project/@storybook/react';
+    const framework = { name: packageName };
+    const frameworkPackageJson = {
+      name: packageName,
+      dependencies: {
+        '@storybook/react': '7.0.0',
+        '@storybook/builder-vite': '7.0.0',
+      },
+    };
+
+    jest.spyOn(process, 'cwd').mockReturnValue('/path/to/project');
+
+    (getActualPackageJson as jest.Mock).mockResolvedValueOnce(frameworkPackageJson);
+
+    const result = await getFrameworkInfo({ framework } as StorybookConfig);
+
+    expect(getActualPackageJson).toHaveBeenCalledWith(packageName);
+
+    expect(result).toEqual({
+      framework: {
+        name: '$SNIP/@storybook/react',
+        options: undefined,
+      },
+      builder: '@storybook/builder-vite',
+      renderer: '@storybook/react',
+    });
+  });
+});
diff --git a/code/lib/telemetry/src/get-framework-info.ts b/code/lib/telemetry/src/get-framework-info.ts
index c5e706166471..6716aa314510 100644
--- a/code/lib/telemetry/src/get-framework-info.ts
+++ b/code/lib/telemetry/src/get-framework-info.ts
@@ -33,14 +33,7 @@ function findMatchingPackage(packageJson: PackageJson, suffixes: string[]) {
   return suffixes.map((suffix) => `@storybook/${suffix}`).find((pkg) => allDependencies[pkg]);
 }
 
-export const getFrameworkPackageName = (mainConfig?: StorybookConfig) => {
-  const packageNameOrPath =
-    typeof mainConfig?.framework === 'string' ? mainConfig.framework : mainConfig?.framework?.name;
-
-  if (!packageNameOrPath) {
-    return null;
-  }
-
+export const getFrameworkPackageName = (packageNameOrPath: string) => {
   const normalizedPath = path.normalize(packageNameOrPath).replace(new RegExp(/\\/, 'g'), '/');
 
   const knownFramework = Object.keys(frameworkPackages).find((pkg) => normalizedPath.endsWith(pkg));
@@ -49,21 +42,33 @@ export const getFrameworkPackageName = (mainConfig?: StorybookConfig) => {
 };
 
 export async function getFrameworkInfo(mainConfig: StorybookConfig) {
-  if (!mainConfig.framework) return {};
+  if (!mainConfig?.framework) {
+    return {};
+  }
 
-  const frameworkName = getFrameworkPackageName(mainConfig);
-  if (!frameworkName) return {};
-  const frameworkOptions =
-    typeof mainConfig.framework === 'object' ? mainConfig.framework.options : {};
+  const rawName =
+    typeof mainConfig.framework === 'string' ? mainConfig.framework : mainConfig.framework?.name;
+  if (!rawName) {
+    return {};
+  }
+
+  const frameworkPackageJson = await getActualPackageJson(rawName);
 
-  const frameworkPackageJson = await getActualPackageJson(frameworkName);
+  if (!frameworkPackageJson) {
+    return {};
+  }
 
   const builder = findMatchingPackage(frameworkPackageJson, knownBuilders);
   const renderer = findMatchingPackage(frameworkPackageJson, knownRenderers);
 
+  // parse framework name and strip off pnp paths etc.
+  const sanitizedFrameworkName = getFrameworkPackageName(rawName);
+  const frameworkOptions =
+    typeof mainConfig.framework === 'object' ? mainConfig.framework.options : {};
+
   return {
     framework: {
-      name: frameworkName,
+      name: sanitizedFrameworkName,
       options: frameworkOptions,
     },
     builder,
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index e223150df439..6f115eca0ff4 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
     "memoizerific": "^1.11.3"
   },
diff --git a/code/lib/types/package.json b/code/lib/types/package.json
index 9a2a019c50fc..703771e6a064 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
@@ -43,7 +43,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
     "file-system-cache": "2.3.0"
diff --git a/code/package.json b/code/package.json
index 6206ad43b4ae..aa8f7d500d19 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "7.1.0-alpha.40",
+  "version": "7.1.0-alpha.42",
   "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 466ef3b228e4..3a0f114d1cfb 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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.40",
+    "@storybook/node-logger": "7.1.0-alpha.42",
     "@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 cb1d303a43c0..c3fb65141651 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
     "@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 5c9eab665f17..11d1dc9d375d 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index f58c11701ece..f9d67ae802a7 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
-    "@storybook/react": "7.1.0-alpha.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
+    "@storybook/react": "7.1.0-alpha.42",
     "@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 da4e38ec780a..851356ab921a 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/core-webpack": "7.1.0-alpha.40",
+    "@storybook/core-server": "7.1.0-alpha.42",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/server": "7.1.0-alpha.40",
+    "@storybook/server": "7.1.0-alpha.42",
     "@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 06cb6c02ba3a..85973e7cc545 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/node-logger": "7.1.0-alpha.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
+    "@storybook/node-logger": "7.1.0-alpha.42",
     "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 234fde798e14..cd46dbcf836d 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@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 a5b0c5e83d1b..c312b6a8758b 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@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 ea372d02ed2c..1294830705bf 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
+    "@storybook/core-webpack": "7.1.0-alpha.42",
     "@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 1bc4ba27232f..bcccc0180031 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/core-client": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index d142a9b84ae9..b27f6951ca58 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -48,10 +48,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.40",
+    "@storybook/core-client": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 5255f30020c0..90eddb5b84ad 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -52,13 +52,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-client": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-client": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/react-dom-shim": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/react-dom-shim": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 b7202f641ba6..ea1722ce1277 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -53,12 +53,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.40",
+    "@storybook/core-client": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
-    "@storybook/csf-tools": "7.1.0-alpha.40",
+    "@storybook/csf-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 7ab8c4da4e00..5ea85cbb6929 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -52,13 +52,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-client": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-client": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 14962aac7f05..ffff4e3ba953 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Vue renderer",
   "keywords": [
     "storybook"
@@ -48,12 +48,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-client": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-client": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 5f3f29fe0b98..efb8a2e96578 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/core-client": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 8d4a50c8c507..57fea3f740c3 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",
@@ -51,13 +51,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/core-client": "7.1.0-alpha.40",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/core-client": "7.1.0-alpha.42",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "tiny-invariant": "^1.3.1",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/ui/blocks/package.json b/code/ui/blocks/package.json
index 12e3a19dea19..3d4c197cc6f8 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -43,17 +43,17 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
-    "@storybook/docs-tools": "7.1.0-alpha.40",
+    "@storybook/docs-tools": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/preview-api": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/preview-api": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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.40",
+    "@storybook/addon-actions": "7.1.0-alpha.42",
     "@types/color-convert": "^2.0.0"
   },
   "peerDependencies": {
diff --git a/code/ui/components/package.json b/code/ui/components/package.json
index 4032aca62c02..1e8ea04690cd 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.40",
+  "version": "7.1.0-alpha.42",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.42",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "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 4a069dc3a3ac..6b2f77052662 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.40",
+  "version": "7.1.0-alpha.42",
   "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.40",
-    "@storybook/api": "7.1.0-alpha.40",
-    "@storybook/channel-postmessage": "7.1.0-alpha.40",
-    "@storybook/channels": "7.1.0-alpha.40",
-    "@storybook/client-logger": "7.1.0-alpha.40",
-    "@storybook/components": "7.1.0-alpha.40",
-    "@storybook/core-events": "7.1.0-alpha.40",
+    "@storybook/addons": "7.1.0-alpha.42",
+    "@storybook/api": "7.1.0-alpha.42",
+    "@storybook/channel-postmessage": "7.1.0-alpha.42",
+    "@storybook/channels": "7.1.0-alpha.42",
+    "@storybook/client-logger": "7.1.0-alpha.42",
+    "@storybook/components": "7.1.0-alpha.42",
+    "@storybook/core-events": "7.1.0-alpha.42",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.40",
-    "@storybook/router": "7.1.0-alpha.40",
-    "@storybook/theming": "7.1.0-alpha.40",
-    "@storybook/types": "7.1.0-alpha.40",
+    "@storybook/manager-api": "7.1.0-alpha.42",
+    "@storybook/router": "7.1.0-alpha.42",
+    "@storybook/theming": "7.1.0-alpha.42",
+    "@storybook/types": "7.1.0-alpha.42",
     "@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 01eb0a5af5fa..99245281c1aa 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.40
-    "@storybook/channels": 7.1.0-alpha.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/addon-highlight": 7.1.0-alpha.42
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/addon-actions@workspace:*, @storybook/addon-actions@workspace:addons/actions":
+"@storybook/addon-actions@7.1.0-alpha.42, @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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/addon-backgrounds@workspace:*, @storybook/addon-backgrounds@workspace:addons/backgrounds":
+"@storybook/addon-backgrounds@7.1.0-alpha.42, @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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40, @storybook/addon-controls@workspace:*, @storybook/addon-controls@workspace:addons/controls":
+"@storybook/addon-controls@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/blocks": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40, @storybook/addon-docs@workspace:*, @storybook/addon-docs@workspace:addons/docs":
+"@storybook/addon-docs@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/csf-plugin": 7.1.0-alpha.40
-    "@storybook/csf-tools": 7.1.0-alpha.40
+    "@storybook/blocks": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/csf-plugin": 7.1.0-alpha.42
+    "@storybook/csf-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
     "@storybook/mdx2-csf": ^1.0.0
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/postinstall": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/react-dom-shim": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/postinstall": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/react-dom-shim": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40
-    "@storybook/addon-backgrounds": 7.1.0-alpha.40
-    "@storybook/addon-controls": 7.1.0-alpha.40
-    "@storybook/addon-docs": 7.1.0-alpha.40
-    "@storybook/addon-highlight": 7.1.0-alpha.40
-    "@storybook/addon-measure": 7.1.0-alpha.40
-    "@storybook/addon-outline": 7.1.0-alpha.40
-    "@storybook/addon-toolbars": 7.1.0-alpha.40
-    "@storybook/addon-viewport": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/vue": 7.1.0-alpha.40
+    "@storybook/addon-actions": 7.1.0-alpha.42
+    "@storybook/addon-backgrounds": 7.1.0-alpha.42
+    "@storybook/addon-controls": 7.1.0-alpha.42
+    "@storybook/addon-docs": 7.1.0-alpha.42
+    "@storybook/addon-highlight": 7.1.0-alpha.42
+    "@storybook/addon-measure": 7.1.0-alpha.42
+    "@storybook/addon-outline": 7.1.0-alpha.42
+    "@storybook/addon-toolbars": 7.1.0-alpha.42
+    "@storybook/addon-viewport": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/vue": 7.1.0-alpha.42
     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.40, @storybook/addon-highlight@workspace:*, @storybook/addon-highlight@workspace:addons/highlight":
+"@storybook/addon-highlight@7.1.0-alpha.42, @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.40
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
     "@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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/instrumenter": 7.1.0-alpha.40
+    "@storybook/instrumenter": 7.1.0-alpha.42
     "@storybook/jest": next
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
     "@storybook/testing-library": next
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
     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.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/router": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/router": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40
+    "@storybook/node-logger": 7.1.0-alpha.42
     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.40, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@7.1.0-alpha.42, @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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40, @storybook/addon-outline@workspace:*, @storybook/addon-outline@workspace:addons/outline":
+"@storybook/addon-outline@7.1.0-alpha.42, @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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40
+    "@storybook/addon-storyshots": 7.1.0-alpha.42
     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.40
-    "@storybook/angular": 7.1.0-alpha.40
+    "@storybook/addon-docs": 7.1.0-alpha.42
+    "@storybook/angular": 7.1.0-alpha.42
     "@storybook/babel-plugin-require-context-hook": 1.0.1
-    "@storybook/client-api": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-webpack": 7.1.0-alpha.40
+    "@storybook/client-api": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-webpack": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/react": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
-    "@storybook/vue": 7.1.0-alpha.40
-    "@storybook/vue3": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/react": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
+    "@storybook/vue": 7.1.0-alpha.42
+    "@storybook/vue3": 7.1.0-alpha.42
     "@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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/router": 7.1.0-alpha.40
-    "@storybook/source-loader": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/router": 7.1.0-alpha.42
+    "@storybook/source-loader": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
     "@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.40, @storybook/addon-toolbars@workspace:*, @storybook/addon-toolbars@workspace:addons/toolbars":
+"@storybook/addon-toolbars@7.1.0-alpha.42, @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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
     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.40, @storybook/addon-viewport@workspace:*, @storybook/addon-viewport@workspace:addons/viewport":
+"@storybook/addon-viewport@7.1.0-alpha.42, @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.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
     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.40, @storybook/addons@workspace:*, @storybook/addons@workspace:deprecated/addons":
+"@storybook/addons@7.1.0-alpha.42, @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.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
   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.40, @storybook/angular@workspace:*, @storybook/angular@workspace:frameworks/angular":
+"@storybook/angular@7.1.0-alpha.42, @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.40
-    "@storybook/cli": 7.1.0-alpha.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
-    "@storybook/core-server": 7.1.0-alpha.40
-    "@storybook/core-webpack": 7.1.0-alpha.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/cli": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/core-webpack": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/telemetry": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/telemetry": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/api@workspace:*, @storybook/api@workspace:deprecated/manager-api-shim":
+"@storybook/api@7.1.0-alpha.42, @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.40
-    "@storybook/manager-api": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/manager-api": 7.1.0-alpha.42
   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.40, @storybook/blocks@workspace:*, @storybook/blocks@workspace:ui/blocks":
+"@storybook/blocks@7.1.0-alpha.42, @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.40
-    "@storybook/channels": 7.1.0-alpha.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/addon-actions": 7.1.0-alpha.42
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/builder-manager@workspace:*, @storybook/builder-manager@workspace:builders/builder-manager":
+"@storybook/builder-manager@7.1.0-alpha.42, @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.40
-    "@storybook/manager": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/manager": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
     "@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.40, @storybook/builder-vite@workspace:*, @storybook/builder-vite@workspace:builders/builder-vite":
+"@storybook/builder-vite@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/csf-plugin": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/csf-plugin": 7.1.0-alpha.42
     "@storybook/mdx2-csf": ^1.0.0
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/builder-webpack5@workspace:*, @storybook/builder-webpack5@workspace:builders/builder-webpack5":
+"@storybook/builder-webpack5@7.1.0-alpha.42, @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.40
-    "@storybook/api": 7.1.0-alpha.40
-    "@storybook/channel-postmessage": 7.1.0-alpha.40
-    "@storybook/channels": 7.1.0-alpha.40
-    "@storybook/client-api": 7.1.0-alpha.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
-    "@storybook/core-webpack": 7.1.0-alpha.40
+    "@storybook/addons": 7.1.0-alpha.42
+    "@storybook/api": 7.1.0-alpha.42
+    "@storybook/channel-postmessage": 7.1.0-alpha.42
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-api": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
+    "@storybook/core-webpack": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/router": 7.1.0-alpha.40
-    "@storybook/store": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/router": 7.1.0-alpha.42
+    "@storybook/store": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
     "@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.40, @storybook/channel-postmessage@workspace:*, @storybook/channel-postmessage@workspace:deprecated/channel-postmessage":
+"@storybook/channel-postmessage@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
     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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
 
-"@storybook/channels@7.1.0-alpha.40, @storybook/channels@workspace:*, @storybook/channels@workspace:lib/channels":
+"@storybook/channels@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@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.40, @storybook/cli@workspace:*, @storybook/cli@workspace:lib/cli":
+"@storybook/cli@7.1.0-alpha.42, @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.40
-    "@storybook/codemod": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-server": 7.1.0-alpha.40
-    "@storybook/csf-tools": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/telemetry": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/client-api": 7.1.0-alpha.42
+    "@storybook/codemod": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/csf-tools": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/telemetry": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/client-api@workspace:*, @storybook/client-api@workspace:deprecated/client-api":
+"@storybook/client-api@7.1.0-alpha.42, @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.40
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
   languageName: unknown
   linkType: soft
 
-"@storybook/client-logger@7.1.0-alpha.40, @storybook/client-logger@workspace:*, @storybook/client-logger@workspace:lib/client-logger":
+"@storybook/client-logger@7.1.0-alpha.42, @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.40, @storybook/codemod@workspace:*, @storybook/codemod@workspace:lib/codemod":
+"@storybook/codemod@7.1.0-alpha.42, @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.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/csf-tools": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/components@workspace:*, @storybook/components@workspace:ui/components":
+"@storybook/components@7.1.0-alpha.42, @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.40
+    "@storybook/client-logger": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/core-client@workspace:*, @storybook/core-client@workspace:deprecated/core-client":
+"@storybook/core-client@7.1.0-alpha.42, @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.40
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
   languageName: unknown
   linkType: soft
 
-"@storybook/core-common@7.1.0-alpha.40, @storybook/core-common@workspace:*, @storybook/core-common@workspace:lib/core-common":
+"@storybook/core-common@7.1.0-alpha.42, @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.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/core-events@workspace:*, @storybook/core-events@workspace:lib/core-events":
+"@storybook/core-events@7.1.0-alpha.42, @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.40, @storybook/core-server@workspace:*, @storybook/core-server@workspace:lib/core-server":
+"@storybook/core-server@7.1.0-alpha.42, @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.40
-    "@storybook/channels": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/builder-manager": 7.1.0-alpha.42
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
-    "@storybook/csf-tools": 7.1.0-alpha.40
+    "@storybook/csf-tools": 7.1.0-alpha.42
     "@storybook/docs-mdx": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/manager": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/telemetry": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/telemetry": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/core-webpack@workspace:*, @storybook/core-webpack@workspace:lib/core-webpack":
+"@storybook/core-webpack@7.1.0-alpha.42, @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.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/csf-plugin@workspace:*, @storybook/csf-plugin@workspace:lib/csf-plugin":
+"@storybook/csf-plugin@7.1.0-alpha.42, @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.40
+    "@storybook/csf-tools": 7.1.0-alpha.42
     typescript: ~4.9.3
     unplugin: ^1.3.1
   languageName: unknown
   linkType: soft
 
-"@storybook/csf-tools@7.1.0-alpha.40, @storybook/csf-tools@workspace:*, @storybook/csf-tools@workspace:lib/csf-tools":
+"@storybook/csf-tools@7.1.0-alpha.42, @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.40
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+"@storybook/docs-tools@7.1.0-alpha.42, @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.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40
-    "@storybook/builder-vite": 7.1.0-alpha.40
-    "@storybook/channel-postmessage": 7.1.0-alpha.40
-    "@storybook/client-api": 7.1.0-alpha.40
-    "@storybook/core-server": 7.1.0-alpha.40
-    "@storybook/html": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preview-web": 7.1.0-alpha.40
+    "@storybook/addons": 7.1.0-alpha.42
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/channel-postmessage": 7.1.0-alpha.42
+    "@storybook/client-api": 7.1.0-alpha.42
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/html": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preview-web": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/html": 7.1.0-alpha.40
-    "@storybook/preset-html-webpack": 7.1.0-alpha.40
+    "@storybook/html": 7.1.0-alpha.42
+    "@storybook/preset-html-webpack": 7.1.0-alpha.42
     "@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.40, @storybook/html@workspace:*, @storybook/html@workspace:renderers/html":
+"@storybook/html@7.1.0-alpha.42, @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.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/core-client": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40, @storybook/instrumenter@workspace:*, @storybook/instrumenter@workspace:lib/instrumenter":
+"@storybook/instrumenter@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
     typescript: ~4.9.3
   languageName: unknown
   linkType: soft
@@ -6472,19 +6472,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@7.1.0-alpha.40, @storybook/manager-api@workspace:*, @storybook/manager-api@workspace:lib/manager-api":
+"@storybook/manager-api@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/router": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/router": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/manager@workspace:*, @storybook/manager@workspace:ui/manager":
+"@storybook/manager@7.1.0-alpha.42, @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.40
-    "@storybook/api": 7.1.0-alpha.40
-    "@storybook/channel-postmessage": 7.1.0-alpha.40
-    "@storybook/channels": 7.1.0-alpha.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/components": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/addons": 7.1.0-alpha.42
+    "@storybook/api": 7.1.0-alpha.42
+    "@storybook/channel-postmessage": 7.1.0-alpha.42
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/components": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/router": 7.1.0-alpha.40
-    "@storybook/theming": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/router": 7.1.0-alpha.42
+    "@storybook/theming": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40
-    "@storybook/builder-webpack5": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/preset-react-webpack": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/react": 7.1.0-alpha.40
+    "@storybook/addon-actions": 7.1.0-alpha.42
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/preset-react-webpack": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/react": 7.1.0-alpha.42
     "@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.40, @storybook/node-logger@workspace:*, @storybook/node-logger@workspace:lib/node-logger":
+"@storybook/node-logger@7.1.0-alpha.42, @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.40, @storybook/postinstall@workspace:*, @storybook/postinstall@workspace:lib/postinstall":
+"@storybook/postinstall@7.1.0-alpha.42, @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.40
-    "@storybook/preact": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/preact": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/preact": 7.1.0-alpha.40
-    "@storybook/preset-preact-webpack": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preact": 7.1.0-alpha.42
+    "@storybook/preset-preact-webpack": 7.1.0-alpha.42
     "@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.40, @storybook/preact@workspace:*, @storybook/preact@workspace:renderers/preact":
+"@storybook/preact@7.1.0-alpha.42, @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.40
+    "@storybook/core-client": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40
+    "@storybook/node-logger": 7.1.0-alpha.42
     "@storybook/react-docgen-typescript-plugin": 1.0.6--canary.9.0c3f3b7.0
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
+"@storybook/preset-html-webpack@7.1.0-alpha.42, @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.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
     "@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.40, @storybook/preset-preact-webpack@workspace:*, @storybook/preset-preact-webpack@workspace:presets/preact-webpack":
+"@storybook/preset-preact-webpack@7.1.0-alpha.42, @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.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
     "@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.40, @storybook/preset-react-webpack@workspace:*, @storybook/preset-react-webpack@workspace:presets/react-webpack":
+"@storybook/preset-react-webpack@7.1.0-alpha.42, @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.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/react": 7.1.0-alpha.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/react": 7.1.0-alpha.42
     "@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.40, @storybook/preset-server-webpack@workspace:*, @storybook/preset-server-webpack@workspace:presets/server-webpack":
+"@storybook/preset-server-webpack@7.1.0-alpha.42, @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.40
-    "@storybook/core-webpack": 7.1.0-alpha.40
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/core-webpack": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/server": 7.1.0-alpha.40
+    "@storybook/server": 7.1.0-alpha.42
     "@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.40, @storybook/preset-svelte-webpack@workspace:*, @storybook/preset-svelte-webpack@workspace:presets/svelte-webpack":
+"@storybook/preset-svelte-webpack@7.1.0-alpha.42, @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.40
-    "@storybook/node-logger": 7.1.0-alpha.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
     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.40, @storybook/preset-vue-webpack@workspace:*, @storybook/preset-vue-webpack@workspace:presets/vue-webpack":
+"@storybook/preset-vue-webpack@7.1.0-alpha.42, @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.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@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.40, @storybook/preset-vue3-webpack@workspace:*, @storybook/preset-vue3-webpack@workspace:presets/vue3-webpack":
+"@storybook/preset-vue3-webpack@7.1.0-alpha.42, @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.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@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.40, @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.42, @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.40
+    "@storybook/core-webpack": 7.1.0-alpha.42
     "@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.40, @storybook/preview-api@workspace:*, @storybook/preview-api@workspace:lib/preview-api":
+"@storybook/preview-api@7.1.0-alpha.42, @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.40
-    "@storybook/channels": 7.1.0-alpha.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
+    "@storybook/channel-postmessage": 7.1.0-alpha.42
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/preview-web@workspace:*, @storybook/preview-web@workspace:deprecated/preview-web":
+"@storybook/preview-web@7.1.0-alpha.42, @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.40
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
   languageName: unknown
   linkType: soft
 
-"@storybook/preview@7.1.0-alpha.40, @storybook/preview@workspace:*, @storybook/preview@workspace:lib/preview":
+"@storybook/preview@7.1.0-alpha.42, @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.40
-    "@storybook/client-logger": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/channels": 7.1.0-alpha.42
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
     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.40, @storybook/react-dom-shim@workspace:lib/react-dom-shim":
+"@storybook/react-dom-shim@7.1.0-alpha.42, @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.40
+    "@storybook/types": 7.1.0-alpha.42
     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.40
-    "@storybook/react": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/react": 7.1.0-alpha.42
     "@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.40
-    "@storybook/preset-react-webpack": 7.1.0-alpha.40
-    "@storybook/react": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/preset-react-webpack": 7.1.0-alpha.42
+    "@storybook/react": 7.1.0-alpha.42
     "@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.40, @storybook/react@workspace:*, @storybook/react@workspace:renderers/react":
+"@storybook/react@7.1.0-alpha.42, @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.40
-    "@storybook/core-client": 7.1.0-alpha.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-client": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/react-dom-shim": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/react-dom-shim": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/router@workspace:*, @storybook/router@workspace:lib/router":
+"@storybook/router@7.1.0-alpha.42, @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.40
+    "@storybook/client-logger": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/preset-server-webpack": 7.1.0-alpha.40
-    "@storybook/server": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preset-server-webpack": 7.1.0-alpha.42
+    "@storybook/server": 7.1.0-alpha.42
     "@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.40, @storybook/server@workspace:*, @storybook/server@workspace:renderers/server":
+"@storybook/server@7.1.0-alpha.42, @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.40
+    "@storybook/core-client": 7.1.0-alpha.42
     "@storybook/csf": ^0.1.0
-    "@storybook/csf-tools": 7.1.0-alpha.40
+    "@storybook/csf-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/source-loader@workspace:*, @storybook/source-loader@workspace:lib/source-loader":
+"@storybook/source-loader@7.1.0-alpha.42, @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.40
+    "@storybook/types": 7.1.0-alpha.42
     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.40, @storybook/store@workspace:*, @storybook/store@workspace:deprecated/store":
+"@storybook/store@7.1.0-alpha.42, @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.40
-    "@storybook/preview-api": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte-vite@7.1.0-alpha.40, @storybook/svelte-vite@workspace:frameworks/svelte-vite":
+"@storybook/svelte-vite@7.1.0-alpha.42, @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.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/svelte": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/svelte": 7.1.0-alpha.42
     "@sveltejs/vite-plugin-svelte": ^2.4.1
     "@types/node": ^16.0.0
     magic-string: ^0.30.0
@@ -7339,10 +7339,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/svelte-webpack5@workspace:frameworks/svelte-webpack5"
   dependencies:
-    "@storybook/builder-webpack5": 7.1.0-alpha.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/preset-svelte-webpack": 7.1.0-alpha.40
-    "@storybook/svelte": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preset-svelte-webpack": 7.1.0-alpha.42
+    "@storybook/svelte": 7.1.0-alpha.42
     svelte: ^3.48.0
     svelte-loader: ^3.1.2
     typescript: ~4.9.3
@@ -7355,17 +7355,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/svelte@7.1.0-alpha.40, @storybook/svelte@workspace:*, @storybook/svelte@workspace:renderers/svelte":
+"@storybook/svelte@7.1.0-alpha.42, @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.40
-    "@storybook/core-client": 7.1.0-alpha.40
-    "@storybook/core-events": 7.1.0-alpha.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-client": 7.1.0-alpha.42
+    "@storybook/core-events": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     expect-type: ^0.15.0
     svelte: ^4.0.0
     svelte-check: ^3.4.3
@@ -7381,9 +7381,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/sveltekit@workspace:frameworks/sveltekit"
   dependencies:
-    "@storybook/builder-vite": 7.1.0-alpha.40
-    "@storybook/svelte": 7.1.0-alpha.40
-    "@storybook/svelte-vite": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/svelte": 7.1.0-alpha.42
+    "@storybook/svelte-vite": 7.1.0-alpha.42
     "@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.40, @storybook/telemetry@workspace:*, @storybook/telemetry@workspace:lib/telemetry":
+"@storybook/telemetry@7.1.0-alpha.42, @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.40
-    "@storybook/core-common": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
     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.40, @storybook/theming@workspace:*, @storybook/theming@workspace:lib/theming":
+"@storybook/theming@7.1.0-alpha.42, @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.40
+    "@storybook/client-logger": 7.1.0-alpha.42
     "@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.40, @storybook/types@workspace:*, @storybook/types@workspace:lib/types":
+"@storybook/types@7.1.0-alpha.42, @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.40
+    "@storybook/channels": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/core-server": 7.1.0-alpha.40
-    "@storybook/vue": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/vue": 7.1.0-alpha.42
     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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/preset-vue-webpack": 7.1.0-alpha.40
-    "@storybook/vue": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preset-vue-webpack": 7.1.0-alpha.42
+    "@storybook/vue": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-server": 7.1.0-alpha.40
-    "@storybook/vue3": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/vue3": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/preset-vue3-webpack": 7.1.0-alpha.40
-    "@storybook/vue3": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preset-vue3-webpack": 7.1.0-alpha.42
+    "@storybook/vue3": 7.1.0-alpha.42
     "@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.40, @storybook/vue3@workspace:*, @storybook/vue3@workspace:renderers/vue3":
+"@storybook/vue3@7.1.0-alpha.42, @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.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/core-client": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@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.40, @storybook/vue@workspace:*, @storybook/vue@workspace:renderers/vue":
+"@storybook/vue@7.1.0-alpha.42, @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.40
-    "@storybook/core-client": 7.1.0-alpha.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-client": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     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.40
-    "@storybook/core-server": 7.1.0-alpha.40
-    "@storybook/node-logger": 7.1.0-alpha.40
-    "@storybook/web-components": 7.1.0-alpha.40
+    "@storybook/builder-vite": 7.1.0-alpha.42
+    "@storybook/core-server": 7.1.0-alpha.42
+    "@storybook/node-logger": 7.1.0-alpha.42
+    "@storybook/web-components": 7.1.0-alpha.42
     "@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.40
-    "@storybook/core-common": 7.1.0-alpha.40
-    "@storybook/preset-web-components-webpack": 7.1.0-alpha.40
-    "@storybook/web-components": 7.1.0-alpha.40
+    "@storybook/builder-webpack5": 7.1.0-alpha.42
+    "@storybook/core-common": 7.1.0-alpha.42
+    "@storybook/preset-web-components-webpack": 7.1.0-alpha.42
+    "@storybook/web-components": 7.1.0-alpha.42
     "@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.40, @storybook/web-components@workspace:*, @storybook/web-components@workspace:renderers/web-components":
+"@storybook/web-components@7.1.0-alpha.42, @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.40
-    "@storybook/core-client": 7.1.0-alpha.40
-    "@storybook/docs-tools": 7.1.0-alpha.40
+    "@storybook/client-logger": 7.1.0-alpha.42
+    "@storybook/core-client": 7.1.0-alpha.42
+    "@storybook/docs-tools": 7.1.0-alpha.42
     "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.1.0-alpha.40
-    "@storybook/preview-api": 7.1.0-alpha.40
-    "@storybook/types": 7.1.0-alpha.40
+    "@storybook/manager-api": 7.1.0-alpha.42
+    "@storybook/preview-api": 7.1.0-alpha.42
+    "@storybook/types": 7.1.0-alpha.42
     "@types/cross-spawn": ^6.0.2
     "@types/node": ^16.0.0
     cross-spawn: ^7.0.3
@@ -27293,7 +27293,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
-    "@storybook/cli": 7.1.0-alpha.40
+    "@storybook/cli": 7.1.0-alpha.42
   bin:
     sb: ./index.js
   languageName: unknown
@@ -28235,7 +28235,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
-    "@storybook/cli": 7.1.0-alpha.40
+    "@storybook/cli": 7.1.0-alpha.42
   bin:
     sb: ./index.js
     storybook: ./index.js
diff --git a/docs/addons/addon-final-stage-optimized.mp4 b/docs/addons/addon-final-stage-optimized.mp4
deleted file mode 100644
index adb95b819db4..000000000000
Binary files a/docs/addons/addon-final-stage-optimized.mp4 and /dev/null differ
diff --git a/docs/addons/addon-kit-clone-repo.mp4 b/docs/addons/addon-kit-clone-repo.mp4
new file mode 100644
index 000000000000..ea8a65ecbebd
Binary files /dev/null and b/docs/addons/addon-kit-clone-repo.mp4 differ
diff --git a/docs/addons/addon-types.md b/docs/addons/addon-types.md
index 023e615f1d72..8bb21021496d 100644
--- a/docs/addons/addon-types.md
+++ b/docs/addons/addon-types.md
@@ -88,6 +88,10 @@ Use this boilerplate code while writing your own preset addon.
 
 <!-- prettier-ignore-end -->
 
-<div class="aside">
-Learn more about writing your own preset addon <a href="./writing-presets">here</a>.
-</div>
+## Learn more about the Storybook addon ecosystem
+
+- Types of addons for other types of addons
+- [Writing addons](./writing-addons.md) for the basics of addon development
+- [Presets](./writing-presets.md) for preset development
+- [Integration catalog](./integration-catalog.md) for requirements and available recipes
+- [API reference](./addons-api.md) to learn about the available APIs
diff --git a/docs/addons/addons-api.md b/docs/addons/addons-api.md
index 8208bf0f7c2c..787bcbe4fdd8 100644
--- a/docs/addons/addons-api.md
+++ b/docs/addons/addons-api.md
@@ -374,3 +374,11 @@ Hook that allows you to retrieve or update a story's [`args`](../writing-stories
 />
 
 <!-- prettier-ignore-end -->
+
+## Learn more about the Storybook addon ecosystem
+
+- [Types of addons](./addon-types.md) for other types of addons
+- [Writing addons](./writing-addons.md) for the basics of addon development
+- [Presets](./writing-presets.md) for preset development
+- [Integration catalog](./integration-catalog.md) for requirements and available recipes
+- API reference to learn about the available APIs
diff --git a/docs/addons/github-secrets-screen.png b/docs/addons/github-secrets-screen.png
new file mode 100644
index 000000000000..657049ae3e08
Binary files /dev/null and b/docs/addons/github-secrets-screen.png differ
diff --git a/docs/addons/integration-catalog.md b/docs/addons/integration-catalog.md
index 00fd10fcd84f..e2d1215c0a93 100644
--- a/docs/addons/integration-catalog.md
+++ b/docs/addons/integration-catalog.md
@@ -101,3 +101,11 @@ Not finding the recipe that you want? If it's popular in the community, our docs
 ### Request a recipe
 
 If you'd like to request a recipe, head over to the [#maintenance channel](https://discord.com/channels/486522875931656193/490070912448724992) of our community Discord and ask.
+
+## Learn more about the Storybook addon ecosystem
+
+- [Types of addons](./addon-types.md) for other types of addons
+- [Writing addons](./writing-addons.md) for the basics of addon development
+- [Presets](./writing-presets.md) for preset development
+- Integration catalog for requirements and available recipes
+- [API reference](./addons-api.md) to learn about the available APIs
diff --git a/docs/addons/storybook-addon-finished-state.mp4 b/docs/addons/storybook-addon-finished-state.mp4
new file mode 100644
index 000000000000..98a740e672d0
Binary files /dev/null and b/docs/addons/storybook-addon-finished-state.mp4 differ
diff --git a/docs/addons/storybook-addon-initial-state.png b/docs/addons/storybook-addon-initial-state.png
new file mode 100644
index 000000000000..76947325fbc9
Binary files /dev/null and b/docs/addons/storybook-addon-initial-state.png differ
diff --git a/docs/addons/writing-addons.md b/docs/addons/writing-addons.md
index f3b1c0b18934..db951af33832 100644
--- a/docs/addons/writing-addons.md
+++ b/docs/addons/writing-addons.md
@@ -2,264 +2,341 @@
 title: 'Write an addon'
 ---
 
-One of Storybook's main features is its robust addon ecosystem. Use addons to enhance and extend your development workflow. This page shows you how to create your own addon.
+Storybook addons are a powerful way to extend Storybook's functionality and customize the development experience. They can be used to add new features, customize the UI, or integrate with third-party tools.
 
-## What we're building
+## What are we going to build?
 
-For this example, we're going to build a bare-bones addon that:
+This reference guide is to help you develop a mental model for how Storybook addons work by building a simple addon based on the popular [Outline addon](https://storybook.js.org/addons/@storybook/addon-outline/). Throughout this guide, you'll learn how addons are structured, Storybook's APIs, how to test your addon locally, and how to publish it.
 
-- Adds a new panel in Storybook.
-- Retrieves a custom parameter from the stories.
-- Displays the parameter data in the panel.
-
-### Addon kit
-
-This guide shows you how to setup an addon from scratch. Alternatively, you can jumpstart your addon development with the [`addon-kit`](https://github.com/storybookjs/addon-kit).
-
-### Addon directory structure
+<video autoPlay muted playsInline loop>
+  <source
+    src="storybook-addon-finished-state.mp4"
+    type="video/mp4"
+  />
+</video>
 
-We recommend a common addon file and directory structure for consistency.
+## Addon anatomy
 
-| Files/Directories | Description                        |
-| :---------------- | :--------------------------------- |
-| dist              | Transpiled directory for the addon |
-| src               | Source code for the addon          |
-| .babelrc.js       | Babel configuration                |
-| preset.js         | Addon entry point                  |
-| package.json      | Addon metadata information         |
-| README.md         | General information for the addon  |
+There are two main categories of addons, each with its role:
 
-### Get started
+- **UI-based**: These addons are responsible for customizing the interface, enabling shortcuts for common tasks, or displaying additional information in the UI.
+- **Presets**: [These](./writing-presets.md) are pre-configured settings or configurations that enable developers to quickly set up and customize their environment with a specific set of features, functionality, or technology.
 
-Open a new terminal and create a new directory called `my-addon`. Inside it, run `npm init` to initialize a new node project. For your project's name, choose `my-addon` and for entry point `dist/preset.js`.
+### UI-based addons
 
-Once you've gone through the prompts, your `package.json` should look like:
-
-```json
-{
-  "name": "my-addon",
-  "version": "1.0.0",
-  "description": "A barebones Storybook addon",
-  "main": "dist/preset.js",
-  "files": ["dist/**/*", "README.md", "*.js"],
-  "keywords": ["storybook", "addons"],
-  "author": "YourUsername",
-  "license": "MIT"
-}
-```
-
-### Build system
-
-We'll need to add the necessary dependencies and make some adjustments. Run the following command to install the required dependencies:
+The addon built in this guide is a UI-based addon, specifically a [toolbar](./addon-types.md#toolbars) addon, enabling users to draw outlines around each element in the story through a shortcut or click of a button. UI addons can create other types of UI elements, each with its function: [panels](./addon-types.md#panels) and [tabs](./addon-types.md#tabs), providing users with various ways to interact with the UI.
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-write-addon-install-dependencies.yarn.js.mdx',
-    'common/storybook-write-addon-install-dependencies.npm.js.mdx',
+    'common/storybook-addon-toolkit-toolbar-example.toolbar.ts.mdx',
+    'common/storybook-addon-toolkit-panel-example.panel.ts.mdx',
+    'common/storybook-addon-toolkit-tab-example.tab.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-Initialize a local Storybook instance to allow you to test your addon.
+## Setup
 
-```shell
-npx storybook@latest init
-```
+To create your first addon, you're going to use the [Addon Kit](https://github.com/storybookjs/addon-kit), a ready-to-use template featuring all the required building blocks, dependencies and configurations to help you get started building your addon. In the Addon Kit repository, click the **Use this template** button to create a new repository based on the Addon Kit's code.
 
-<div class="aside">
-💡 Initializing Storybook adds the building blocks for our addon. If you're building a standalone Storybook addon, set the React and Storybook packages as peer dependencies. It prevents the addon from breaking Storybook when there are different versions available.
-</div>
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-kit-clone-repo.mp4"
+    type="video/mp4"
+  />
+</video>
 
-Next, create a `.babelrc.js` file in the root directory with the following:
+Clone the repository you just created and install its dependencies. When the installation process finishes, you will be prompted with questions to configure your addon. Answer them, and when you're ready to start building your addon, run the following command to start Storybook in development mode and develop your addon in watch mode:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/my-addon-babel-configuration.js.mdx',
+    'common/storybook-addon-run-dev-mode.yarn.js.mdx',
+    'common/storybook-addon-run-dev-mode.npm.js.mdx',
+    'common/storybook-addon-run-dev-mode.pnpm.js.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
 <div class="aside">
-Babel configuration is required because our addon uses ES6 and JSX.
-</div>
 
-Change your `package.json` and add the following script to build the addon:
-
-```json
-{
-  "scripts": {
-    "build": "babel ./src --out-dir ./dist"
-  }
-}
-```
+ℹ️ The Addon Kit uses [Typescript](https://www.typescriptlang.org/) by default. If you want to use JavaScript instead, you can run the `eject-ts` command to convert the project to JavaScript.
 
-<div class="aside">
-💡 Running <code>yarn build</code> at this stage will output the code into the <code>dist</code> directory, transpiled into a ES5 module ready to be installed into any Storybook.
 </div>
 
-Finally, create a new directory called `src` and inside a new file called `preset.js` with the following:
+### Understanding the build system
+
+Addons built in the Storybook ecosystem rely on [tsup](https://tsup.egoist.dev/), a fast, zero-config bundler powered by [esbuild](https://esbuild.github.io/) to transpile your addon's code into modern JavaScript that can run in the browser. Out of the box, the Addon Kit comes with a pre-configured `tsup` configuration file that you can use to customize the build process of your addon.
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/my-addon-preset-implementation.js.mdx',
+    'common/storybook-addon-toolkit-tsup-config.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-Presets are the way addons hook into Storybook. Among other tasks they allow you to:
-
-- Add to [Storybook's UI](#add-a-panel)
-- Add to the [preview iframe](./writing-presets.md#preview-entries)
-- Modify [babel](./writing-presets.md#babel) and [webpack settings](./writing-presets.md#webpack)
+When the build scripts run, it will look for the configuration file and pre-bundle the addon's code based on the configuration provided. However, there are a few properties that are worth referencing:
 
-For this example, we'll modify Storybook's UI.
+- **entry**: Configures the files to be processed by the bundler. It can be extended to include additional files using a regex pattern.
+- **format**: Enables the generation of multiple output formats. In this case, we're generating a CommonJS and an ES Module version of our addon.
+- **dts**: Auto-generates type definitions for our addon.
+- **platform**: Specifies the target platform for our addon. In this case, we're targeting the browser. It can be set to `node` for Node.js environments or `neutral` for universal modules.
 
-### Add a panel
+## Register the addon
 
-Now let’s add a panel to Storybook. Inside the `src` directory, create a new file called `manager.js` and add the following:
+By default, code for the UI-based addons is located in one of the following files, depending on the type of addon built: **`src/Tool.tsx`**, **`src/Panel.tsx`**, or **`src/Tab.tsx`**. Since we're building a toolbar addon, we can safely remove the `Panel` and `Tab` files and update the remaining file to the following:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/my-addon-initial-panel-state.js.mdx',
+    'common/storybook-addon-tool-initial-setup.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-<div class="aside">
-💡 Make sure to include the <code>key</code> when you register the addon. It will prevent any issues when the addon renders.
-</div>
+Going through the code blocks in sequence:
+
+```ts
+import { useGlobals, useStorybookApi } from '@storybook/manager-api';
 
-Going over the code snippet in more detail. When Storybook starts up:
+import { Icons, IconButton } from '@storybook/components';
+```
 
-1. It [registers](./addons-api.md#addonsregister) the addon
-2. [Adds](./addons-api.md#addonsadd) a new `panel` titled `My Addon` to the UI
-3. When selected, the `panel` renders the static `div` content
+The [`useGlobals`](./addons-api.md#useglobals) and [`useStorybookApi`](./addons-api.md#usestorybookapi) hooks from the `manager-api` package are used to access the Storybook's APIs, allowing users to interact with the addon, such as enabling or disabling it. The `Icons` and `IconButtons` components from the [`@storybook/components`](https://www.npmjs.com/package/@storybook/components) package render the icons and buttons in the toolbar.
+
+```ts
+export const Tool = memo(function MyAddonSelector() {
+  const [globals, updateGlobals] = useGlobals();
+  const api = useStorybookApi();
+
+  const isActive = [true, 'true'].includes(globals[PARAM_KEY]);
+
+  const toggleMyTool = useCallback(() => {
+    updateGlobals({
+      [PARAM_KEY]: !isActive,
+    });
+  }, [isActive]);
+
+  useEffect(() => {
+    api.setAddonShortcut(ADDON_ID, {
+      label: 'Toggle Addon [8]',
+      defaultShortcut: ['8'],
+      actionName: 'myaddon',
+      showInMenu: false,
+      action: toggleMyTool,
+    });
+  }, [toggleMyTool, api]);
+
+  return (
+    <IconButton
+      key={TOOL_ID}
+      active={isActive}
+      title="Apply outlines to the preview"
+      onClick={toggleMyTool}
+    >
+      <Icons icon="lightning" />
+    </IconButton>
+  );
+});
+```
 
-### Register the addon
+The `Tool` component is the entry point of the addon. It renders the UI elements in the toolbar, registers a keyboard shortcut, and handles the logic to enable and disable the addon.
 
-Finally, let’s hook it all up. Change `.storybook/main.js` to the following:
+Moving onto the manager, here we register the addon with Storybook using a unique name and identifier. Since we've removed the `Panel` and `Tab` files, we'll need to adjust the file to only reference the addon we're building.
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/my-addon-storybook-registration.js.mdx',
+    'common/storybook-addon-manager-initial-state.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-<div class="aside">
-💡 When you register a Storybook addon, it will look for either <code>register.js</code> or <code>preset.js</code> as the entry points.
-</div>
+Notice the `match` property. It allows you to control the view mode where the addon is visible. If you only want to show it in a single mode, you must adjust the property to match the specific mode you aim for. In this case, it will be available in both story and documentation.
 
-Run `yarn storybook` and you should see something similar to:
+Run the `start` script to build and start Storybook and verify that the addon is registered correctly and showing in the UI.
 
-![Storybook addon initial state](./addon-initial-state.png)
+![Addon registered in the toolbar](./storybook-addon-initial-state.png)
 
-### Display story parameter
+### Style the addon
 
-Next, let’s replace the `MyPanel` component from above to show the parameter.
+In Storybook, applying styles for addons is considered a side-effect. Therefore, we'll need to make some changes to our addon to allow it to use the styles when it is active and remove them when it's disabled. We're going to rely on two of Storybook's features to handle this: [decorators](../writing-stories/decorators.md) and [globals](../essentials/toolbars-and-globals.md#globals). To handle the CSS logic, we must include some helper functions to inject and remove the stylesheets from the DOM. Start by creating the helper file with the following content:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-addon-change-panel.js.mdx',
+    'common/storybook-addon-css-helpers.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-The new version is made smarter by [`useParameter`](./addons-api.md#useparameter), which is a [React hook](https://reactjs.org/docs/hooks-intro.html) that updates the parameter value and re-renders the panel every time the story changes.
+Next, create the file with the styles we want to inject with the following content:
+
+<!-- prettier-ignore-start -->
 
-The [addon API](./addons-api.md) provides hooks like this, so all of that communication can happen behind the scenes. That means you can focus on your addon's functionality.
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-css-example.ts.mdx',
+  ]}
+/>
 
-### Using the addon with a story
+<!-- prettier-ignore-end -->
 
-When Storybook was initialized, it provided a small set of example stories. Change your `Button.stories.js` to the following:
+Since the addon can be active in both the story and documentation modes, the DOM node for Storybook's preview `iframe` is different in these two modes. In fact, Storybook renders multiple story previews on one page when in documentation mode. Therefore, we'll need to choose the correct selector for the DOM node where the styles will be injected and ensure the CSS is scoped to that particular selector. That mechanism is provided as an example within the `src/withGlobals.ts` file, which we'll use to connect the styling and helper functions to the addon logic. Update the file to the following:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'react/button-story-with-addon-example.js.mdx',
-    'react/button-story-with-addon-example.ts.mdx',
-    'react/button-story-with-addon-example.ts.mdx',
-    'vue/button-story-with-addon-example.js.mdx',
-    'vue/button-story-with-addon-example.ts.mdx',
-    'angular/button-story-with-addon-example.ts.mdx',
-    'svelte/button-story-with-addon-example.js.mdx',
-    'web-components/button-story-with-addon-example.js.mdx',
-    'web-components/button-story-with-addon-example.ts.mdx',
-    'solid/button-story-with-addon-example.js.mdx',
-    'solid/button-story-with-addon-example.ts.mdx',
+    'common/storybook-addon-use-global.ts.mdx',
   ]}
-  usesCsf3
-  csf2Path="addons/writing-addons#snippet-button-story-with-addon-example"
 />
 
 <!-- prettier-ignore-end -->
 
-After applying the changes to the story, the Storybook UI will show the following:
+## Packaging and publishing
 
-<video autoPlay muted playsInline loop>
-  <source
-    src="addon-final-stage-optimized.mp4"
-    type="video/mp4"
-  />
-</video>
+Storybook addons, similar to most packages in the JavaScript ecosystem, are distributed as NPM packages. However, they have specific criteria that need to be met to be published to NPM and crawled by the integration catalog:
+
+1. Have a `dist` folder with the transpiled code.
+2. A `package.json` file declaring:
+   - Peer dependencies
+   - Module-related information
+   - Integration catalog metadata
+
+### Module Metadata
+
+The first category of metadata is related to the addon itself. This includes the entry for the module and which files to include when the addon is published. And all the peer-dependencies of the addon (e.g., `react`,`react-dom`, and Storybook's related APIs).
+
+```json
+{
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./manager": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/preview.js",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist/**/*", "README.md", "*.js", "*.d.ts"],
+  "peerDependencies": {
+    "@storybook/blocks": "^7.0.0",
+    "@storybook/components": "^7.0.0",
+    "@storybook/core-events": "^7.0.0",
+    "@storybook/manager-api": "^7.0.0",
+    "@storybook/preview-api": "^7.0.0",
+    "@storybook/theming": "^7.0.0",
+    "@storybook/types": "^7.0.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  }
+}
+```
+
+#### Why peer-dependencies?
+
+A standard practice in the JavaScript ecosystem ensuring compatibility between modules or packages that are meant to work together, often in a plugin or extension scenario. Peer-dependencies are dependencies that are not bundled with the addon but are expected to be installed by the consumer of the addon. When a module relies on a specific version of another module, it might assume certain features, APIs, or behavior provided by that dependency. By specifying a peer dependency, the module can indicate its compatibility requirements and avoid potential conflicts or unexpected behavior due to incompatible versions.
+
+### Integration Catalog Metadata
+
+The second metadata category is related to the [integration catalog](https://storybook.js.org/integrations). Most of this information is already pre-configured by the Addon Kit. However, items like the display name, icon, and frameworks must be configured via the `storybook` property to be displayed in the catalog.
+
+```json
+{
+  "name": "my-storybook-addon",
+  "version": "1.0.0",
+  "description": "My first storybook addon",
+  "author": "Your Name",
+  "storybook": {
+    "displayName": "My Storybook Addon",
+    "unsupportedFrameworks": ["react-native"],
+    "icon": "https://yoursite.com/link-to-your-icon.png"
+  },
+  "keywords": ["storybook-addons", "appearance", "style", "css", "layout", "debug"]
+}
+```
+
+<div class="aside">
 
-### Root level preset.js
+ℹ️ The `storybook` configuration element includes additional properties that help customize the addon's searchability and indexing. For more information, see the [Integration catalog documentation](./integration-catalog.md).
 
-Before publishing the addon, we'll need to make one last change. In the root directory of the addon, create a new file called `preset.js` and add the following:
+</div>
+
+One essential item to note is the `keywords` property as it maps to the catalog's tag system. Adding the `storybook-addons` ensures that the addon is discoverable in the catalog when searching for addons. The remaining keywords help with the searchability and categorization of the addon.
+
+### Publishing to NPM
+
+Once you're ready to publish your addon to NPM, the Addon Kit comes pre-configured with the [Auto](https://github.com/intuit/auto) package for release management. It generates a changelog and uploads the package to NPM and GitHub automatically. Therefore, you need to configure access to both.
+
+1. Authenticate using [npm adduser](https://docs.npmjs.com/cli/v9/commands/npm-adduser)
+2. Generate a [access token](https://docs.npmjs.com/creating-and-viewing-access-tokens#creating-access-tokens) with both `read` and `publish` permissions.
+3. Create a [personal access token](https://docs.github.com/en/github/authenticating-to-github/keeping-your-account-and-data-secure/creating-a-personal-access-token) with `repo` and `workflow` scoped permissions.
+4. Create a `.env` file in the root of your project and add the following:
+
+```plaintext
+GH_TOKEN=value_you_just_got_from_github
+NPM_TOKEN=value_you_just_got_from_npm
+```
+
+Next, run the following command to create labels on GitHub. You'll use these labels to categorize changes to the package.
+
+```shell
+npx auto create-labels
+```
+
+Finally, run the following command to create a release for your addon. This will build and package the addon code, bump the version, push the release into GitHub and npm, and generate a changelog.
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/my-addon-root-level-preset.js.mdx',
+    'common/storybook-addon-release.yarn.js.mdx',
+    'common/storybook-addon-release.npm.js.mdx',
+    'common/storybook-addon-release.pnpm.js.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-This auto-registers the addon without any additional configuration from the user. Storybook looks for either a `preset.js` or a `manager.js` file located at the root level.
-
-### Packaging and publishing
-
-Now that you've seen how to create a bare-bones addon let's see how to share it with the community. Before we begin, make sure your addon meets the following requirements:
-
-- `package.json` file with metadata about the addon
-- Peer dependencies of `react` and `@storybook/addons`
-- `preset.js` file at the root level written as an ES5 module
-- `src` directory containing the ES6 addon code
-- `dist` directory containing transpiled ES5 code on publish
-- [GitHub](https://github.com/) account to host your code
-- [NPM](https://www.npmjs.com/) account to publish the addon
-
-Reference the [storybook-addon-outline](https://www.npmjs.com/package/storybook-addon-outline) to see a project that meets these requirements.
-
-Learn how to [add to the addon catalog](../addons/integration-catalog.md#addons).
+### CI automation
 
-### More guides and tutorials
+By default, the Addon Kit comes pre-configured with a GitHub Actions workflow, enabling you to automate the release management process. This ensures that the package is always up to date with the latest changes and that the changelog is updated accordingly. However, you'll need additional configuration to use your NPM and GitHub tokens to publish the package successfully. In your repository, click the **Settings** tab, then the **Secrets and variables** dropdown, followed by the **Actions** item. You should see the following screen:
 
-In the previous example, we introduced the structure of an addon but barely scratched the surface of what addons can do.
+![GitHub secrets page](./github-secrets-screen.png)
 
-To dive deeper, we recommend Storybook's [creating an addon](https://storybook.js.org/tutorials/create-an-addon/) tutorial. It’s an excellent walkthrough covering the same ground as the above introduction but goes further and leads you through the entire process of creating a realistic addon.
+Then, click the **New repository secret**, name it `NPM_TOKEN`, and paste the token you generated earlier. Whenever you merge a pull request to the default branch, the workflow will run and publish a new release, automatically incrementing the version number and updating the changelog.
 
-### Addon kit
+## Learn more about the Storybook addon ecosystem
 
-To help you jumpstart the addon development, the Storybook maintainers created an [`addon-kit`](https://github.com/storybookjs/addon-kit), use it to bootstrap your next addon.
+- [Types of addons](./addon-types.md) for other types of addons
+- Writing addons for the basics of addon development
+- [Presets](./writing-presets.md) for preset development
+- [Integration catalog](./integration-catalog.md) for requirements and available recipes
+- [API reference](./addons-api.md) to learn about the available APIs
diff --git a/docs/addons/writing-presets.md b/docs/addons/writing-presets.md
index 4a8eca84a871..57d243ac74b3 100644
--- a/docs/addons/writing-presets.md
+++ b/docs/addons/writing-presets.md
@@ -2,237 +2,201 @@
 title: 'Write a preset addon'
 ---
 
-[Storybook preset addons](./addon-types.md#preset-addons) are grouped collections of `babel`, `webpack`, and `addons` configurations that support specific use cases in Storybook, such as TypeScript or MDX support.
+Storybook presets are pre-configured settings or configurations that enable developers quickly set up and customize their environment with a specific set of features, functionalities, or integrations.
 
-This doc covers the [presets API](#presets-api) and how to use the presets mechanism for [advanced configuration](#advanced-configuration).
+## How presets work
 
-## Presets API
+Preset addons allow developers to compose various configuration options and plugins via APIs to integrate with Storybook and customize its behavior and functionality. Typically, presets are separated into two files, each with its specific role.
 
-A preset is a set of hooks that are called by Storybook on initialization and can override configurations for `babel`, `webpack`, `addons`, and `entries`.
+### Local presets
 
-Each configuration has a similar signature, accepting a base configuration object and options, as in this Webpack example:
+This type of preset allows you to encapsulate and organize configurations specific to the addon, including [builder](../builders/overview.md) support, [Babel](https://babeljs.io/), or third-party integrations. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-webpack-preset-config.js.mdx',
+    'common/storybook-addons-local-preset.js.mdx',
+    'common/storybook-addons-local-preset.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-### Babel
-
-The babel functions `babel` and `babelDefault` all configure babel in different ways.
-
-All functions take a [Babel configuration object](https://babeljs.io/docs/en/configuration) as their argument and can modify it or return a new object.
+### Root-level presets
 
-For example, Storybook's Mihtril support uses plugins internally and here's how it configures babel:
+This type of preset is user-facing and responsible for registering the addon without any additional configuration from the user by bundling Storybook-related features (e.g., [parameters](../writing-stories/parameters.md)) via the [`previewAnnotations`](../api/main-config-preview-annotations.md) and UI related features (e.g., addons) via the `managerEntries` API. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-babel-configuration-example.ts.mdx',
+    'common/storybook-addons-root-preset.js.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-- `babel` is applied to the preview config, after it has been initialized by storybook
-- `babelDefault` is applied to the preview config before any user presets have been applied
-
-### Webpack
+## Presets API
 
-The Webpack functions `webpack`, `webpackFinal`, and `managerWebpack` configure Webpack.
+When writing a preset, you can access a select set of APIs to interact with the Storybook environment, including the supported builders (e.g., Webpack, Vite), the Storybook configuration, and UI. Below are the available APIs you can use when writing a preset addon.
 
-All functions take a [webpack4 configuration object](https://webpack.js.org/configuration/).
+### Babel
 
-For example, here is how Storybook automatically adopts `create-react-app`'s configuration if it's installed, where `applyCRAWebpackConfig` is a set of smart heuristics for modifying the input config.
+To customize Storybook's Babel configuration and add support for additional features, you can use the [`babelDefault`](../api/main-config-babel-default.md) API. It will apply the provided configuration ahead of any other user presets, which can be further customized by the end user via the [`babel`](../api/main-config-babel.md) configuration option. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-webpackfinal-example.js.mdx',
+    'common/storybook-addons-preset-babelDefault.js.mdx',
+    'common/storybook-addons-preset-babelDefault.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-- `webpack` is applied to the preview config after it has been initialized by Storybook
-- `webpackFinal` is applied to the preview config after all user presets have been applied
-- `managerWebpack` is applied to the manager config
-
-As of Storybook 6.3, Storybook can run with either `webpack4` or `webpack5` builder. If your addon needs to know which version of Webpack it's running inside, the version and the actual Webpack instance itself are both available inside your preset:
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-main-versioned-webpack.js.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
+### Builders
 
-### Manager entries
+By default, Storybook provides support for the leading industry builders, including [Webpack](../builders/webpack.md) and [Vite](../builders/vite.md). If you need additional features for any of these builders, you can use APIs to extend the builder configuration based on your specific needs.
 
-The addon config `managerEntries` allows you to add addons to Storybook from within a preset. For addons that require custom Webpack/Babel configuration, it is easier to install the preset, and it will take care of everything.
+#### Vite
 
-For example, the Storysource preset contains the following code:
+If you are creating a preset and want to include Vite support, the `viteFinal` API can be used to modify the default configuration and enable additional features. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-storysource-manager-entries.js.mdx',
+    'common/storybook-addons-preset-viteFinal.js.mdx',
+    'common/storybook-addons-preset-viteFinal.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-This is equivalent to [registering the addon manually](../get-started/browse-stories.md#addons) in [`main.js`](../configure/overview.md#configure-story-rendering):
+#### Webpack
+
+To customize the Webpack configuration in Storybook to add support for additional file types, apply specific loaders, configure plugins, or make any other necessary modifications, you can use the `webpackFinal` API. Once invoked, it will extend the default Webpack configuration with the provided configuration. An example of this would be:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-use-manager-entries.js.mdx',
+    'common/storybook-addons-preset-webpackFinal.js.mdx',
+    'common/storybook-addons-preset-webpackFinal.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-### Preview entries
-
-The addon `config` function allows you to add extra preview configuration from within a preset, for example to add parameters or decorators from an addon.
+### ManagerEntries
 
-For example, the Backgrounds preset contains the following code:
+If you're writing a preset that loads third-party addons, which you may not have control over, but require access to specific features or additional configuration, you can use the `managerEntries` API. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-backgrounds-preset-config.js.mdx',
+    'common/storybook-addons-root-preset-manager-entries.js.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-Which in turn invokes:
+### PreviewAnnotations
+
+If you need additional settings to render stories for a preset, like [decorators](../writing-stories/decorators.md) or [parameters](../writing-stories/parameters.md), you can use the `previewAnnotations` API. For example, to apply a decorator to all stories, create a preview file that includes the decorator and make it available to the preset as follows:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-backgrounds-addon-default-params.js.mdx',
+    'common/storybook-addons-preset-preview.js.mdx',
+    'common/storybook-addons-preset.root-preset.js.mdx',
+    'common/storybook-addons-preset-preview.ts.mdx',
+    'common/storybook-addons-preset.root-preset.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-This is equivalent to exporting the `backgrounds` parameter manually in `main.js`.
+## Advanced configuration
 
-### Addons
-
-For users, the name `managerEntries` might be a bit too technical, so instead both users and preset-authors can simply use the `addons` property:
+The presets API is designed to be flexible and allow you to customize Storybook to your specific needs, including using presets for more advanced use cases without publishing them. In such cases, you can rely on a private preset. These private presets contain configuration options meant for development purposes and not for end-users. The `.storybook/main.js|ts` file is an example of such a private preset that empowers you to modify the behavior and functionality of Storybook.
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-register-storysource-example.js.mdx',
+    'common/storybook-main-advanced-config-example.js.mdx',
+    'common/storybook-main-advanced-config-example.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-The array of values can support both references to other presets and addons that should be included into the manager.
-
-Storybook will automatically detect whether a reference to an addon is a preset or a manager entry by checking if the package contains a `./preset.js` or `./register.js` (manager entry), falling back to preset if it is unsure.
-
-If this heuristic is incorrect for an addon you are using, you can explicitly opt-in to an entry being a manager entry using the `managerEntries` key.
+### Addons
 
-Here's what it looks when combining presets and manager entries in the `addons` property:
+For addon consumers, the [`managerEntries`](#managerentries) API can be too technical, making it difficult to use. To make it easier to add addons to Storybook, the preset API provides the [`addons`](../api/main-config-addons.md) API, which accepts an array of addon names and will automatically load them for you. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-register-presets-managerentry.js.mdx',
+    'common/storybook-main-register-example-addon.js.mdx',
+    'common/storybook-main-register-example-addon.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-### Entries
-
-Entries are the place to register entry points for the preview. For example, it could be used to make a basic configure-storybook preset that loads all the `*.stories.js` files into SB, instead of forcing people to copy-paste the same thing everywhere.
-
-## Advanced Configuration
-
-The presets API is also more powerful than the [standard configuration options](../builders/webpack.md#override-the-default-configuration) available in Storybook, so it's also possible to use presets for more advanced configuration without actually publishing a preset yourself.
+The array of values supports references to additional presets and addons that should be included in the manager. Storybook will automatically detect whether the provided value is a preset or an addon and load it accordingly.
 
-For example, some users want to configure the Webpack for Storybook's UI and addons ([issue](https://github.com/storybookjs/storybook/issues/4995)), but this is not possible using [standard Webpack configuration](../builders/webpack.md#configure) (it used to be possible before SB4.1). However, you can achieve this with a private preset.
-
-If it doesn't exist yet, create a file `.storybook/main.js`:
-
-<!-- prettier-ignore-start -->
-
-<CodeSnippets
-  paths={[
-    'common/storybook-main-advanced-config-example.js.mdx',
-  ]}
-/>
-
-<!-- prettier-ignore-end -->
+### Entries
 
-### Preview/Manager templates
+Entries are the place to register entry points for the preview. This feature can be utilized to create a configure-storybook preset that automatically loads all `*.stories.js` files into Storybook, eliminating the need for users to copy-paste the same configuration repeatedly.
 
-It's also possible to programmatically modify the preview head/body HTML using a preset, similar to the way `preview-head.html`/`preview-body.html` can be used to [configure story rendering](../configure/story-rendering.md). The `previewHead` and `previewBody` functions accept a string, which is the existing head/body, and return a modified string.
+### UI configuration
 
-For example, the following snippet adds a style tag to the preview head programmatically:
+The Storybook preset API also provides access to the UI configuration, including the `head` and `body` HTML elements of the preview, configured by the [`previewHead`](../api/main-config-preview-head.md) and [`previewBody`](../api/main-config-preview-body.md) APIs. Both allow you to set up Storybook in a way that is similar to using the [`preview-head.html`](../configure/story-rendering.md#adding-to-head) and [`preview-body.html`](../configure/story-rendering.md#adding-to-body) files. These methods accept a string and return a modified version, injecting the provided content into the HTML element.
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-preview-head.js.mdx',
+    'common/main-config-preview.head.js.mdx',
+    'common/main-config-preview.head.ts.mdx',
+    'common/main-config-preview.body.js.mdx',
+    'common/main-config-preview.body.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-Similarly, the `managerHead` can be used to modify the surrounding "manager" UI, analogous to `manager-head.html`.
-
-Finally, the preview's main page _template_ can also be overridden using the `previewMainTemplate`, which should return a reference to a file containing an `.ejs` template that gets interpolated with some environment variables. For an example, see the [Storybook's default template](https://github.com/storybookjs/storybook/blob/next/code/lib/core-common/templates/preview.ejs).
-
-## Sharing advanced configuration
-
-Change your `main.js` file to:
+Additionally, if you need to customize the manager (i.e., where Storybook’s search, navigation, toolbars, and addons render), you can use the [`managerHead`](../api/main-config-manager-head.md) to modify the UI, similar to how you would do it with the `manager-head.html` file. For example:
 
 <!-- prettier-ignore-start -->
 
 <CodeSnippets
   paths={[
-    'common/storybook-main-import-preset-config.js.mdx',
+    'common/storybook-custom-manager-head.js.mdx',
+    'common/storybook-custom-manager-head.ts.mdx',
   ]}
 />
 
 <!-- prettier-ignore-end -->
 
-and extract the configuration to a new file `./storybook/my-preset.js`:
+However, if you need, you can also customize the template used by Storybook to render the UI. To do so, you can use the `previewMainTemplate` API and provide a reference for a custom template created as a `ejs` file. For an example of how to do this, see the [template](https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/templates/preview.ejs) used by the Webpack 5 builder.
 
-<!-- prettier-ignore-start -->
+## Troubleshooting
 
-<CodeSnippets
-  paths={[
-    'common/storybook-preset-full-config-object.js.mdx',
-  ]}
-/>
+### Storybook doesn't load files in my preset
 
-<!-- prettier-ignore-end -->
+As Storybook relies on [esbuild](https://esbuild.github.io/) instead of Webpack to build the UI, presets that depend on the `managerWebpack` API to configure the manager or load additional files other than CSS or images will no longer work. We recommend removing it from your preset and adjusting your configuration to convert any additional files to JavaScript.
 
-Place your `my-preset.js` file wherever you want, if you want to share it far and wide you'll want to make it its own package.
+- [Types of addons](./addon-types.md) for other types of addons
+- [Writing addons](./writing-addons.md) for the basics of addon development
+- Presets for preset development
+- [Integration catalog](./integration-catalog.md) for requirements and available recipes
+- [API reference](./addons-api.md) to learn about the available APIs
diff --git a/docs/api/main-config-manager-head.md b/docs/api/main-config-manager-head.md
index 1dfdabc54ae9..d44eb52f4a83 100644
--- a/docs/api/main-config-manager-head.md
+++ b/docs/api/main-config-manager-head.md
@@ -6,7 +6,7 @@ Parent: [main.js|ts configuration](./main-config.md)
 
 Type: `(head: string) => string`
 
-Programmatically adjust the manager's `<head>` of your Storybook. For example, load a custom font or add a script. Most often used by [addon authors](../addons/writing-presets.md#babel).
+Programmatically adjust the manager's `<head>` of your Storybook. For example, load a custom font or add a script. Most often used by [addon authors](../addons/writing-presets.md#ui-configuration).
 
 <div class="aside">
 
diff --git a/docs/api/main-config-preview-body.md b/docs/api/main-config-preview-body.md
index ed9df6ee072e..f35a05a0c4e0 100644
--- a/docs/api/main-config-preview-body.md
+++ b/docs/api/main-config-preview-body.md
@@ -6,7 +6,7 @@ Parent: [main.js|ts configuration](./main-config.md)
 
 Type: `(body: string) => string`
 
-Programmatically adjust the [preview `<body>`](../configure/story-rendering.md#adding-to-body) of your Storybook. Most often used by [addon authors](../addons/writing-presets.md#babel).
+Programmatically adjust the [preview `<body>`](../configure/story-rendering.md#adding-to-body) of your Storybook. Most often used by [addon authors](../addons/writing-presets.md#ui-configuration).
 
 <div class="aside">
 
diff --git a/docs/api/main-config-preview-head.md b/docs/api/main-config-preview-head.md
index df4382095c53..af29ce4442f0 100644
--- a/docs/api/main-config-preview-head.md
+++ b/docs/api/main-config-preview-head.md
@@ -6,7 +6,7 @@ Parent: [main.js|ts configuration](./main-config.md)
 
 Type: `(head: string) => string`
 
-Programmatically adjust the [preview `<head>`](../configure/story-rendering.md#adding-to-head) of your Storybook. Most often used by [addon authors](../addons/writing-presets.md#babel).
+Programmatically adjust the [preview `<head>`](../configure/story-rendering.md#adding-to-head) of your Storybook. Most often used by [addon authors](../addons/writing-presets.md#ui-configuration).
 
 <div class="aside">
 
diff --git a/docs/configure/story-rendering.md b/docs/configure/story-rendering.md
index f930fe1e3765..b4b157569eab 100644
--- a/docs/configure/story-rendering.md
+++ b/docs/configure/story-rendering.md
@@ -24,7 +24,7 @@ Storybook will inject these tags into the _preview iframe_ where your components
 
 </div>
 
-It's also possible to modify the preview head HTML programmatically using a preset defined in the `main.js` file. For more information see [Preview/Manager templates](../addons/writing-presets.md#previewmanager-templates).
+However, it's also possible to modify the preview head HTML programmatically using a preset defined in the `main.js` file. Read the [presets documentation](../addons/writing-presets.md#ui-configuration) for more information.
 
 ## Adding to &#60;body&#62;
 
@@ -60,4 +60,4 @@ Storybook will inject these tags into the _preview iframe_ where your components
 
 </div>
 
-Similarly to the preview head HTML, preview body HTML can also be updated programmatically using a preset. See [Preview/Manager templates](../addons/writing-presets.md#previewmanager-templates) for more information.
+Just like how you have the ability to customize the preview `head` HTML tag, you can also follow the same steps to customize the preview `body` with a preset. To obtain more information on how to do this, refer to the [presets documentation](../addons/writing-presets.md#ui-configuration).
diff --git a/docs/contribute/framework.md b/docs/contribute/framework.md
index a84cc735f728..d3912bfd80ad 100644
--- a/docs/contribute/framework.md
+++ b/docs/contribute/framework.md
@@ -130,7 +130,7 @@ The [preset API](../addons/writing-presets) is where you will configure the Stor
 
 #### `preview.js` ([example](https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/src/preview.tsx))
 
-The (optional) [preview API](../configure/overview#configure-story-rendering) is where you configure the rendering of stories, such as global decorators or initializing some runtime config needed for your framework to behave as expected. If your framework requires this file, note that you also need to [configure the `previewAnnotations` in `preset.js`](https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/src/preset.ts#L66-L69).
+The (optional) [preview API](../configure/overview#configure-story-rendering) is where you configure the rendering of stories, such as global decorators or initializing some runtime config needed for your framework to behave as expected. If your framework requires this file, note that you also need to [configure the `previewAnnotations` in `preset.js`](https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/src/preset.ts#L71-L74).
 
 #### `types.ts` ([example](https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/src/types.ts))
 
diff --git a/docs/snippets/common/button-story-hoisted.ts-4-9.mdx b/docs/snippets/common/button-story-hoisted.ts-4-9.mdx
index 128b5e783b91..6071a4884449 100644
--- a/docs/snippets/common/button-story-hoisted.ts-4-9.mdx
+++ b/docs/snippets/common/button-story-hoisted.ts-4-9.mdx
@@ -2,7 +2,7 @@
 // Button.stories.ts|tsx
 
 // Replace your-framework with the name of your framework
-import type { Meta, Storybook } from '@storybook/your-framework';
+import type { Meta, StoryObj } from '@storybook/your-framework';
 
 import { Button as ButtonComponent } from './Button';
 
diff --git a/docs/snippets/common/button-story-hoisted.ts.mdx b/docs/snippets/common/button-story-hoisted.ts.mdx
index 3a592eb4752e..e2de1afe4f6d 100644
--- a/docs/snippets/common/button-story-hoisted.ts.mdx
+++ b/docs/snippets/common/button-story-hoisted.ts.mdx
@@ -2,7 +2,7 @@
 // Button.stories.ts|tsx
 
 // Replace your-framework with the name of your framework
-import type { Meta, Storybook } from '@storybook/your-framework';
+import type { Meta, StoryObj } from '@storybook/your-framework';
 
 import { Button as ButtonComponent } from './Button';
 
diff --git a/docs/snippets/common/main-config-preview.body.js.mdx b/docs/snippets/common/main-config-preview.body.js.mdx
new file mode 100644
index 000000000000..a1c4e6b2f441
--- /dev/null
+++ b/docs/snippets/common/main-config-preview.body.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/main.js
+
+export default {
+  previewBody: (body) => `
+    ${body}
+    ${
+      process.env.ANALYTICS_ID ? '<script src="https://cdn.example.com/analytics.js"></script>' : ''
+    }
+  `,
+};
+```
diff --git a/docs/snippets/common/main-config-preview.body.ts.mdx b/docs/snippets/common/main-config-preview.body.ts.mdx
new file mode 100644
index 000000000000..d721710529ed
--- /dev/null
+++ b/docs/snippets/common/main-config-preview.body.ts.mdx
@@ -0,0 +1,17 @@
+```ts
+// .storybook/main.ts
+
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  previewBody: (body) => `
+    ${body}
+    ${
+      process.env.ANALYTICS_ID ? '<script src="https://cdn.example.com/analytics.js"></script>' : ''
+    }
+  `,
+};
+
+export default config;
+```
diff --git a/docs/snippets/common/main-config-preview.head.js.mdx b/docs/snippets/common/main-config-preview.head.js.mdx
new file mode 100644
index 000000000000..059f91223503
--- /dev/null
+++ b/docs/snippets/common/main-config-preview.head.js.mdx
@@ -0,0 +1,14 @@
+```js
+// .storybook/main.js
+
+export default {
+  previewHead: (head) => `
+    ${head}
+    <style>
+      html, body {
+        background: #827979;
+      }
+    </style>
+ `,
+};
+```
diff --git a/docs/snippets/common/main-config-preview.head.ts.mdx b/docs/snippets/common/main-config-preview.head.ts.mdx
new file mode 100644
index 000000000000..2623d0c3c7e4
--- /dev/null
+++ b/docs/snippets/common/main-config-preview.head.ts.mdx
@@ -0,0 +1,19 @@
+```ts
+// .storybook/main.ts
+
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  previewHead: (head) => `
+    ${head}
+    <style>
+      html, body {
+        background: #827979;
+      }
+    </style>
+ `,
+};
+
+export default config;
+```
diff --git a/docs/snippets/common/my-addon-babel-configuration.js.mdx b/docs/snippets/common/my-addon-babel-configuration.js.mdx
deleted file mode 100644
index 7fdc781547ae..000000000000
--- a/docs/snippets/common/my-addon-babel-configuration.js.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-```js
-// /my-addon/.babelrc.js
-
-export default {
-  presets: ['@babel/preset-env', '@babel/preset-react'],
-};
-```
diff --git a/docs/snippets/common/my-addon-initial-panel-state.js.mdx b/docs/snippets/common/my-addon-initial-panel-state.js.mdx
deleted file mode 100644
index a6b69c859a21..000000000000
--- a/docs/snippets/common/my-addon-initial-panel-state.js.mdx
+++ /dev/null
@@ -1,27 +0,0 @@
-```js
-// /my-addon/src/manager.js
-
-import React from 'react';
-
-import { addons, types } from '@storybook/manager-api';
-
-import { AddonPanel } from '@storybook/components';
-
-const ADDON_ID = 'myaddon';
-const PANEL_ID = `${ADDON_ID}/panel`;
-
-// give a unique name for the panel
-const MyPanel = () => <div>MyAddon</div>;
-
-addons.register(ADDON_ID, (api) => {
-  addons.add(PANEL_ID, {
-    type: types.PANEL,
-    title: 'My Addon',
-    render: ({ active, key }) => (
-      <AddonPanel active={active} key={key}>
-        <MyPanel />
-      </AddonPanel>
-    ),
-  });
-});
-```
diff --git a/docs/snippets/common/my-addon-preset-implementation.js.mdx b/docs/snippets/common/my-addon-preset-implementation.js.mdx
deleted file mode 100644
index fad71a878675..000000000000
--- a/docs/snippets/common/my-addon-preset-implementation.js.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-```js
-// /my-addon/src/preset.js
-
-function managerEntries(entry = []) {
-  return [...entry, require.resolve('./register')]; //👈 Addon implementation
-}
-
-export default { managerEntries };
-```
diff --git a/docs/snippets/common/my-addon-root-level-preset.js.mdx b/docs/snippets/common/my-addon-root-level-preset.js.mdx
deleted file mode 100644
index 5af0d6d61a4d..000000000000
--- a/docs/snippets/common/my-addon-root-level-preset.js.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-```js
-// /my-addon/preset.js
-
-module.exports = require('./dist/preset.js');
-```
diff --git a/docs/snippets/common/my-addon-storybook-registration.js.mdx b/docs/snippets/common/my-addon-storybook-registration.js.mdx
deleted file mode 100644
index b8b01ec48d2d..000000000000
--- a/docs/snippets/common/my-addon-storybook-registration.js.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
-```js
-// /my-addon/.storybook/main.js
-
-export default {
-  stories: [],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/preset-create-react-app',
-    '../src/preset.js', //👈 Our addon registered here
-  ],
-};
-```
diff --git a/docs/snippets/common/storybook-addon-change-panel.js.mdx b/docs/snippets/common/storybook-addon-change-panel.js.mdx
deleted file mode 100644
index 0ffef55d741d..000000000000
--- a/docs/snippets/common/storybook-addon-change-panel.js.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
-```js
-// /my-addon/src/manager.js
-
-import { useParameter } from '@storybook/manager-api';
-
-const PARAM_KEY = 'myAddon';
-
-const MyPanel = () => {
-  const value = useParameter(PARAM_KEY, null);
-  const item = value ? value.data : 'No story parameter defined';
-  return <div>{item}</div>;
-};
-```
diff --git a/docs/snippets/common/storybook-addon-css-example.ts.mdx b/docs/snippets/common/storybook-addon-css-example.ts.mdx
new file mode 100644
index 000000000000..0f5b2c64f204
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-css-example.ts.mdx
@@ -0,0 +1,404 @@
+```ts
+// src/OutlineCSS.ts
+
+import { dedent } from 'ts-dedent';
+
+export default function outlineCSS(selector: string) {
+  return dedent/* css */ `
+    ${selector} body {
+      outline: 1px solid #2980b9 !important;
+    }
+
+    ${selector} article {
+      outline: 1px solid #3498db !important;
+    }
+
+    ${selector} nav {
+      outline: 1px solid #0088c3 !important;
+    }
+
+    ${selector} aside {
+      outline: 1px solid #33a0ce !important;
+    }
+
+    ${selector} section {
+      outline: 1px solid #66b8da !important;
+    }
+
+    ${selector} header {
+      outline: 1px solid #99cfe7 !important;
+    }
+
+    ${selector} footer {
+      outline: 1px solid #cce7f3 !important;
+    }
+
+    ${selector} h1 {
+      outline: 1px solid #162544 !important;
+    }
+
+    ${selector} h2 {
+      outline: 1px solid #314e6e !important;
+    }
+
+    ${selector} h3 {
+      outline: 1px solid #3e5e85 !important;
+    }
+
+    ${selector} h4 {
+      outline: 1px solid #449baf !important;
+    }
+
+    ${selector} h5 {
+      outline: 1px solid #c7d1cb !important;
+    }
+
+    ${selector} h6 {
+      outline: 1px solid #4371d0 !important;
+    }
+
+    ${selector} main {
+      outline: 1px solid #2f4f90 !important;
+    }
+
+    ${selector} address {
+      outline: 1px solid #1a2c51 !important;
+    }
+
+    ${selector} div {
+      outline: 1px solid #036cdb !important;
+    }
+
+    ${selector} p {
+      outline: 1px solid #ac050b !important;
+    }
+
+    ${selector} hr {
+      outline: 1px solid #ff063f !important;
+    }
+
+    ${selector} pre {
+      outline: 1px solid #850440 !important;
+    }
+
+    ${selector} blockquote {
+      outline: 1px solid #f1b8e7 !important;
+    }
+
+    ${selector} ol {
+      outline: 1px solid #ff050c !important;
+    }
+
+    ${selector} ul {
+      outline: 1px solid #d90416 !important;
+    }
+
+    ${selector} li {
+      outline: 1px solid #d90416 !important;
+    }
+
+    ${selector} dl {
+      outline: 1px solid #fd3427 !important;
+    }
+
+    ${selector} dt {
+      outline: 1px solid #ff0043 !important;
+    }
+
+    ${selector} dd {
+      outline: 1px solid #e80174 !important;
+    }
+
+    ${selector} figure {
+      outline: 1px solid #ff00bb !important;
+    }
+
+    ${selector} figcaption {
+      outline: 1px solid #bf0032 !important;
+    }
+
+    ${selector} table {
+      outline: 1px solid #00cc99 !important;
+    }
+
+    ${selector} caption {
+      outline: 1px solid #37ffc4 !important;
+    }
+
+    ${selector} thead {
+      outline: 1px solid #98daca !important;
+    }
+
+    ${selector} tbody {
+      outline: 1px solid #64a7a0 !important;
+    }
+
+    ${selector} tfoot {
+      outline: 1px solid #22746b !important;
+    }
+
+    ${selector} tr {
+      outline: 1px solid #86c0b2 !important;
+    }
+
+    ${selector} th {
+      outline: 1px solid #a1e7d6 !important;
+    }
+
+    ${selector} td {
+      outline: 1px solid #3f5a54 !important;
+    }
+
+    ${selector} col {
+      outline: 1px solid #6c9a8f !important;
+    }
+
+    ${selector} colgroup {
+      outline: 1px solid #6c9a9d !important;
+    }
+
+    ${selector} button {
+      outline: 1px solid #da8301 !important;
+    }
+
+    ${selector} datalist {
+      outline: 1px solid #c06000 !important;
+    }
+
+    ${selector} fieldset {
+      outline: 1px solid #d95100 !important;
+    }
+
+    ${selector} form {
+      outline: 1px solid #d23600 !important;
+    }
+
+    ${selector} input {
+      outline: 1px solid #fca600 !important;
+    }
+
+    ${selector} keygen {
+      outline: 1px solid #b31e00 !important;
+    }
+
+    ${selector} label {
+      outline: 1px solid #ee8900 !important;
+    }
+
+    ${selector} legend {
+      outline: 1px solid #de6d00 !important;
+    }
+
+    ${selector} meter {
+      outline: 1px solid #e8630c !important;
+    }
+
+    ${selector} optgroup {
+      outline: 1px solid #b33600 !important;
+    }
+
+    ${selector} option {
+      outline: 1px solid #ff8a00 !important;
+    }
+
+    ${selector} output {
+      outline: 1px solid #ff9619 !important;
+    }
+
+    ${selector} progress {
+      outline: 1px solid #e57c00 !important;
+    }
+
+    ${selector} select {
+      outline: 1px solid #e26e0f !important;
+    }
+
+    ${selector} textarea {
+      outline: 1px solid #cc5400 !important;
+    }
+
+    ${selector} details {
+      outline: 1px solid #33848f !important;
+    }
+
+    ${selector} summary {
+      outline: 1px solid #60a1a6 !important;
+    }
+
+    ${selector} command {
+      outline: 1px solid #438da1 !important;
+    }
+
+    ${selector} menu {
+      outline: 1px solid #449da6 !important;
+    }
+
+    ${selector} del {
+      outline: 1px solid #bf0000 !important;
+    }
+
+    ${selector} ins {
+      outline: 1px solid #400000 !important;
+    }
+
+    ${selector} img {
+      outline: 1px solid #22746b !important;
+    }
+
+    ${selector} iframe {
+      outline: 1px solid #64a7a0 !important;
+    }
+
+    ${selector} embed {
+      outline: 1px solid #98daca !important;
+    }
+
+    ${selector} object {
+      outline: 1px solid #00cc99 !important;
+    }
+
+    ${selector} param {
+      outline: 1px solid #37ffc4 !important;
+    }
+
+    ${selector} video {
+      outline: 1px solid #6ee866 !important;
+    }
+
+    ${selector} audio {
+      outline: 1px solid #027353 !important;
+    }
+
+    ${selector} source {
+      outline: 1px solid #012426 !important;
+    }
+
+    ${selector} canvas {
+      outline: 1px solid #a2f570 !important;
+    }
+
+    ${selector} track {
+      outline: 1px solid #59a600 !important;
+    }
+
+    ${selector} map {
+      outline: 1px solid #7be500 !important;
+    }
+
+    ${selector} area {
+      outline: 1px solid #305900 !important;
+    }
+
+    ${selector} a {
+      outline: 1px solid #ff62ab !important;
+    }
+
+    ${selector} em {
+      outline: 1px solid #800b41 !important;
+    }
+
+    ${selector} strong {
+      outline: 1px solid #ff1583 !important;
+    }
+
+    ${selector} i {
+      outline: 1px solid #803156 !important;
+    }
+
+    ${selector} b {
+      outline: 1px solid #cc1169 !important;
+    }
+
+    ${selector} u {
+      outline: 1px solid #ff0430 !important;
+    }
+
+    ${selector} s {
+      outline: 1px solid #f805e3 !important;
+    }
+
+    ${selector} small {
+      outline: 1px solid #d107b2 !important;
+    }
+
+    ${selector} abbr {
+      outline: 1px solid #4a0263 !important;
+    }
+
+    ${selector} q {
+      outline: 1px solid #240018 !important;
+    }
+
+    ${selector} cite {
+      outline: 1px solid #64003c !important;
+    }
+
+    ${selector} dfn {
+      outline: 1px solid #b4005a !important;
+    }
+
+    ${selector} sub {
+      outline: 1px solid #dba0c8 !important;
+    }
+
+    ${selector} sup {
+      outline: 1px solid #cc0256 !important;
+    }
+
+    ${selector} time {
+      outline: 1px solid #d6606d !important;
+    }
+
+    ${selector} code {
+      outline: 1px solid #e04251 !important;
+    }
+
+    ${selector} kbd {
+      outline: 1px solid #5e001f !important;
+    }
+
+    ${selector} samp {
+      outline: 1px solid #9c0033 !important;
+    }
+
+    ${selector} var {
+      outline: 1px solid #d90047 !important;
+    }
+
+    ${selector} mark {
+      outline: 1px solid #ff0053 !important;
+    }
+
+    ${selector} bdi {
+      outline: 1px solid #bf3668 !important;
+    }
+
+    ${selector} bdo {
+      outline: 1px solid #6f1400 !important;
+    }
+
+    ${selector} ruby {
+      outline: 1px solid #ff7b93 !important;
+    }
+
+    ${selector} rt {
+      outline: 1px solid #ff2f54 !important;
+    }
+
+    ${selector} rp {
+      outline: 1px solid #803e49 !important;
+    }
+
+    ${selector} span {
+      outline: 1px solid #cc2643 !important;
+    }
+
+    ${selector} br {
+      outline: 1px solid #db687d !important;
+    }
+
+    ${selector} wbr {
+      outline: 1px solid #db175b !important;
+    }`;
+}
+```
diff --git a/docs/snippets/common/storybook-addon-css-helpers.ts.mdx b/docs/snippets/common/storybook-addon-css-helpers.ts.mdx
new file mode 100644
index 000000000000..7b440ed15934
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-css-helpers.ts.mdx
@@ -0,0 +1,32 @@
+```ts
+// src/helpers.ts
+
+import { global } from '@storybook/global';
+
+export const clearStyles = (selector: string | string[]) => {
+  const selectors = Array.isArray(selector) ? selector : [selector];
+  selectors.forEach(clearStyle);
+};
+
+const clearStyle = (input: string | string[]) => {
+  const selector = typeof input === 'string' ? input : input.join('');
+  const element = global.document.getElementById(selector);
+  if (element && element.parentElement) {
+    element.parentElement.removeChild(element);
+  }
+};
+
+export const addOutlineStyles = (selector: string, css: string) => {
+  const existingStyle = global.document.getElementById(selector);
+  if (existingStyle) {
+    if (existingStyle.innerHTML !== css) {
+      existingStyle.innerHTML = css;
+    }
+  } else {
+    const style = global.document.createElement('style');
+    style.setAttribute('id', selector);
+    style.innerHTML = css;
+    global.document.head.appendChild(style);
+  }
+};
+```
diff --git a/docs/snippets/common/storybook-addon-manager-initial-state.ts.mdx b/docs/snippets/common/storybook-addon-manager-initial-state.ts.mdx
new file mode 100644
index 000000000000..cccdd53fe226
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-manager-initial-state.ts.mdx
@@ -0,0 +1,18 @@
+```ts
+// src/manager.ts
+
+import { addons, types } from '@storybook/manager-api';
+import { ADDON_ID, TOOL_ID } from './constants';
+import { Tool } from './Tool';
+
+// Register the addon
+addons.register(ADDON_ID, () => {
+  // Register the tool
+  addons.add(TOOL_ID, {
+    type: types.TOOL,
+    title: 'My addon',
+    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),
+    render: Tool,
+  });
+});
+```
diff --git a/docs/snippets/common/storybook-addon-release.npm.js.mdx b/docs/snippets/common/storybook-addon-release.npm.js.mdx
new file mode 100644
index 000000000000..5871d280d8de
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-release.npm.js.mdx
@@ -0,0 +1,3 @@
+```shell
+npm run release
+```
diff --git a/docs/snippets/common/storybook-addon-release.pnpm.js.mdx b/docs/snippets/common/storybook-addon-release.pnpm.js.mdx
new file mode 100644
index 000000000000..50160c688a53
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-release.pnpm.js.mdx
@@ -0,0 +1,3 @@
+```shell
+pnpm run release
+```
diff --git a/docs/snippets/common/storybook-addon-release.yarn.js.mdx b/docs/snippets/common/storybook-addon-release.yarn.js.mdx
new file mode 100644
index 000000000000..dca2997c2ca0
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-release.yarn.js.mdx
@@ -0,0 +1,3 @@
+```shell
+yarn release
+```
diff --git a/docs/snippets/common/storybook-addon-run-dev-mode.npm.js.mdx b/docs/snippets/common/storybook-addon-run-dev-mode.npm.js.mdx
new file mode 100644
index 000000000000..16221782e3e9
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-run-dev-mode.npm.js.mdx
@@ -0,0 +1,3 @@
+```sh
+npm run start
+```
diff --git a/docs/snippets/common/storybook-addon-run-dev-mode.pnpm.js.mdx b/docs/snippets/common/storybook-addon-run-dev-mode.pnpm.js.mdx
new file mode 100644
index 000000000000..a5eea36913f9
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-run-dev-mode.pnpm.js.mdx
@@ -0,0 +1,3 @@
+```shell
+pnpm run start
+```
diff --git a/docs/snippets/common/storybook-addon-run-dev-mode.yarn.js.mdx b/docs/snippets/common/storybook-addon-run-dev-mode.yarn.js.mdx
new file mode 100644
index 000000000000..c1fe65f7e747
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-run-dev-mode.yarn.js.mdx
@@ -0,0 +1,3 @@
+```sh
+yarn start
+```
diff --git a/docs/snippets/common/storybook-addon-tool-initial-setup.ts.mdx b/docs/snippets/common/storybook-addon-tool-initial-setup.ts.mdx
new file mode 100644
index 000000000000..7300ceffa32a
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-tool-initial-setup.ts.mdx
@@ -0,0 +1,43 @@
+```tsx
+// src/Tool.tsx
+
+import React, { memo, useCallback, useEffect } from 'react';
+
+import { useGlobals, useStorybookApi } from '@storybook/manager-api';
+import { Icons, IconButton } from '@storybook/components';
+import { ADDON_ID, PARAM_KEY, TOOL_ID } from './constants';
+
+export const Tool = memo(function MyAddonSelector() {
+  const [globals, updateGlobals] = useGlobals();
+  const api = useStorybookApi();
+
+  const isActive = [true, 'true'].includes(globals[PARAM_KEY]);
+
+  const toggleMyTool = useCallback(() => {
+    updateGlobals({
+      [PARAM_KEY]: !isActive,
+    });
+  }, [isActive]);
+
+  useEffect(() => {
+    api.setAddonShortcut(ADDON_ID, {
+      label: 'Toggle Addon [8]',
+      defaultShortcut: ['8'],
+      actionName: 'myaddon',
+      showInMenu: false,
+      action: toggleMyTool,
+    });
+  }, [toggleMyTool, api]);
+
+  return (
+    <IconButton
+      key={TOOL_ID}
+      active={isActive}
+      title="Apply outlines to the preview"
+      onClick={toggleMyTool}
+    >
+      <Icons icon="lightning" />
+    </IconButton>
+  );
+});
+```
diff --git a/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx b/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx
new file mode 100644
index 000000000000..56cdca962478
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx
@@ -0,0 +1,43 @@
+```tsx
+// src/Panel.tsx
+
+import React from 'react';
+
+import { useAddonState, useChannel } from '@storybook/manager-api';
+import { AddonPanel } from '@storybook/components';
+import { ADDON_ID, EVENTS } from './constants';
+
+// See https://github.com/storybookjs/addon-kit/blob/main/src/components/PanelContent.tsx for an example of a PanelContent component
+import { PanelContent } from './components/PanelContent';
+
+interface PanelProps {
+  active: boolean;
+}
+
+export const Panel: React.FC<PanelProps> = (props) => {
+  // https://storybook.js.org/docs/react/addons/addons-api#useaddonstate
+  const [results, setState] = useAddonState(ADDON_ID, {
+    danger: [],
+    warning: [],
+  });
+
+  // https://storybook.js.org/docs/react/addons/addons-api#usechannel
+  const emit = useChannel({
+    [EVENTS.RESULT]: (newResults) => setState(newResults),
+  });
+
+  return (
+    <AddonPanel {...props}>
+      <PanelContent
+        results={results}
+        fetchData={() => {
+          emit(EVENTS.REQUEST);
+        }}
+        clearData={() => {
+          emit(EVENTS.CLEAR);
+        }}
+      />
+    </AddonPanel>
+  );
+};
+```
diff --git a/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx b/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx
new file mode 100644
index 000000000000..3e5b748894ee
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx
@@ -0,0 +1,22 @@
+```tsx
+// src/Tab.tsx
+
+import React from 'react';
+
+import { useParameter } from '@storybook/manager-api';
+import { PARAM_KEY } from './constants';
+
+// See https://github.com/storybookjs/addon-kit/blob/main/src/components/TabContent.tsx for an example of a TabContent component
+import { TabContent } from './components/TabContent';
+
+interface TabProps {
+  active: boolean;
+}
+
+export const Tab: React.FC<TabProps> = ({ active }) => {
+  // https://storybook.js.org/docs/react/addons/addons-api#useparameter
+  const paramData = useParameter<string>(PARAM_KEY, '');
+
+  return active ? <TabContent code={paramData} /> : null;
+};
+```
diff --git a/docs/snippets/common/storybook-addon-toolkit-toolbar-example.toolbar.ts.mdx b/docs/snippets/common/storybook-addon-toolkit-toolbar-example.toolbar.ts.mdx
new file mode 100644
index 000000000000..7894ddad1b9f
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-toolkit-toolbar-example.toolbar.ts.mdx
@@ -0,0 +1,38 @@
+```tsx
+// src/Tool.tsx
+
+import React, { memo, useCallback, useEffect } from 'react';
+
+import { useGlobals, useStorybookApi } from '@storybook/manager-api';
+import { Icons, IconButton } from '@storybook/components';
+import { ADDON_ID, PARAM_KEY, TOOL_ID } from './constants';
+
+export const Tool = memo(function MyAddonSelector() {
+  const [globals, updateGlobals] = useGlobals();
+  const api = useStorybookApi();
+
+  const isActive = [true, 'true'].includes(globals[PARAM_KEY]);
+
+  const toggleMyTool = useCallback(() => {
+    updateGlobals({
+      [PARAM_KEY]: !isActive,
+    });
+  }, [isActive]);
+
+  useEffect(() => {
+    api.setAddonShortcut(ADDON_ID, {
+      label: 'Toggle Measure [O]',
+      defaultShortcut: ['O'],
+      actionName: 'outline',
+      showInMenu: false,
+      action: toggleMyTool,
+    });
+  }, [toggleMyTool, api]);
+
+  return (
+    <IconButton key={TOOL_ID} active={isActive} title="Enable my addon" onClick={toggleMyTool}>
+      <Icons icon="lightning" />
+    </IconButton>
+  );
+});
+```
diff --git a/docs/snippets/common/storybook-addon-toolkit-tsup-config.ts.mdx b/docs/snippets/common/storybook-addon-toolkit-tsup-config.ts.mdx
new file mode 100644
index 000000000000..bf7c81d23cab
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-toolkit-tsup-config.ts.mdx
@@ -0,0 +1,22 @@
+```ts
+// tsup.config.ts
+
+import { defineConfig } from 'tsup';
+
+export default defineConfig((options) => ({
+  entry: ['src/index.ts', 'src/preview.ts', 'src/manager.ts'],
+  splitting: false,
+  minify: !options.watch,
+  format: ['cjs', 'esm'],
+  dts: {
+    resolve: true,
+  },
+  treeshake: true,
+  sourcemap: true,
+  clean: true,
+  platform: 'browser',
+  esbuildOptions(options) {
+    options.conditions = ['module'];
+  },
+}));
+```
diff --git a/docs/snippets/common/storybook-addon-use-global.ts.mdx b/docs/snippets/common/storybook-addon-use-global.ts.mdx
new file mode 100644
index 000000000000..54b4d120c16c
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-use-global.ts.mdx
@@ -0,0 +1,43 @@
+```ts
+// src/withGlobals.ts
+
+import type { Renderer, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/types';
+
+import { useEffect, useMemo, useGlobals } from '@storybook/preview-api';
+import { PARAM_KEY } from './constants';
+
+import { clearStyles, addOutlineStyles } from './helpers';
+
+import outlineCSS from './outlineCSS';
+
+export const withGlobals = (StoryFn: StoryFunction<Renderer>, context: StoryContext<Renderer>) => {
+  const [globals] = useGlobals();
+
+  const isActive = [true, 'true'].includes(globals[PARAM_KEY]);
+
+  // Is the addon being used in the docs panel
+  const isInDocs = context.viewMode === 'docs';
+
+  const outlineStyles = useMemo(() => {
+    const selector = isInDocs ? `#anchor--${context.id} .docs-story` : '.sb-show-main';
+
+    return outlineCSS(selector);
+  }, [context.id]);
+  useEffect(() => {
+    const selectorId = isInDocs ? `my-addon-docs-${context.id}` : `my-addon`;
+
+    if (!isActive) {
+      clearStyles(selectorId);
+      return;
+    }
+
+    addOutlineStyles(selectorId, outlineStyles);
+
+    return () => {
+      clearStyles(selectorId);
+    };
+  }, [isActive, outlineStyles, context.id]);
+
+  return StoryFn();
+};
+```
diff --git a/docs/snippets/common/storybook-addons-local-preset.js.mdx b/docs/snippets/common/storybook-addons-local-preset.js.mdx
new file mode 100644
index 000000000000..02af1d762aac
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-local-preset.js.mdx
@@ -0,0 +1,11 @@
+```js
+// example-addon/src/preset.js
+
+import { webpackFinal as webpack } from './webpack/webpackFinal';
+import { viteFinal as vite } from './vite/viteFinal';
+import { babelDefault as babel } from './babel/babelDefault';
+
+export const webpackFinal = webpack;
+export const viteFinal = vite;
+export const babelDefault = babel;
+```
diff --git a/docs/snippets/common/storybook-addons-local-preset.ts.mdx b/docs/snippets/common/storybook-addons-local-preset.ts.mdx
new file mode 100644
index 000000000000..4ac61204e639
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-local-preset.ts.mdx
@@ -0,0 +1,15 @@
+```ts
+// example-addon/src/preset.ts
+
+import { webpackFinal as webpack } from './webpack/webpackFinal';
+
+import { viteFinal as vite } from './vite/viteFinal';
+
+import { babelDefault as babel } from './babel/babelDefault';
+
+export const webpackFinal = webpack as any;
+
+export const viteFinal = vite as any;
+
+export const babelDefault = babel as any;
+```
diff --git a/docs/snippets/common/storybook-addons-preset-babelDefault.js.mdx b/docs/snippets/common/storybook-addons-preset-babelDefault.js.mdx
new file mode 100644
index 000000000000..eb831ba140d8
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-babelDefault.js.mdx
@@ -0,0 +1,13 @@
+```js
+// example-addon/src/babel/babelDefault.js
+
+export function babelDefault(config) {
+  return {
+    ...config,
+    plugins: [
+      ...config.plugins,
+      [require.resolve('@babel/plugin-transform-react-jsx'), {}, 'preset'],
+    ],
+  };
+}
+```
diff --git a/docs/snippets/common/storybook-addons-preset-babelDefault.ts.mdx b/docs/snippets/common/storybook-addons-preset-babelDefault.ts.mdx
new file mode 100644
index 000000000000..85f9b7e01c74
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-babelDefault.ts.mdx
@@ -0,0 +1,15 @@
+```ts
+// example-addon/src/babel/babelDefault.ts
+
+import { TransformOptions } from '@babel/core';
+
+export function babelDefault(config: TransformOptions) {
+  return {
+    ...config,
+    plugins: [
+      ...config.plugins,
+      [require.resolve('@babel/plugin-transform-react-jsx'), {}, 'preset'],
+    ],
+  };
+}
+```
diff --git a/docs/snippets/common/storybook-addons-preset-preview.js.mdx b/docs/snippets/common/storybook-addons-preset-preview.js.mdx
new file mode 100644
index 000000000000..dcf618e5b884
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-preview.js.mdx
@@ -0,0 +1,16 @@
+```js
+// example-addon/src/preview.js
+
+import { PARAM_KEY } from './constants';
+
+import { CustomDecorator } from './decorators';
+
+const preview = {
+  decorators: [CustomDecorator],
+  globals: {
+    [PARAM_KEY]: false,
+  },
+};
+
+export default preview;
+```
diff --git a/docs/snippets/common/storybook-addons-preset-preview.ts.mdx b/docs/snippets/common/storybook-addons-preset-preview.ts.mdx
new file mode 100644
index 000000000000..d12ef155f0cb
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-preview.ts.mdx
@@ -0,0 +1,16 @@
+```ts
+// example-addon/src/preview.ts
+
+import type { Renderer, ProjectAnnotations } from '@storybook/types';
+import { PARAM_KEY } from './constants';
+import { CustomDecorator } from './decorators';
+
+const preview: ProjectAnnotations<Renderer> = {
+  decorators: [CustomDecorator],
+  globals: {
+    [PARAM_KEY]: false,
+  },
+};
+
+export default preview;
+```
diff --git a/docs/snippets/common/storybook-addons-preset-viteFinal.js.mdx b/docs/snippets/common/storybook-addons-preset-viteFinal.js.mdx
new file mode 100644
index 000000000000..f2302c3104e5
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-viteFinal.js.mdx
@@ -0,0 +1,13 @@
+```js
+// example-addon/src/vite/viteFinal.js
+
+export function ViteFinal(config, options = {}) {
+  config.plugins.push(
+    new MyCustomPlugin({
+      someOption: true,
+    })
+  );
+
+  return config;
+}
+```
diff --git a/docs/snippets/common/storybook-addons-preset-viteFinal.ts.mdx b/docs/snippets/common/storybook-addons-preset-viteFinal.ts.mdx
new file mode 100644
index 000000000000..db3232d8514a
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-viteFinal.ts.mdx
@@ -0,0 +1,13 @@
+```ts
+// example-addon/src/vite/viteFinal.ts
+
+export function ViteFinal(config: any, options: any = {}) {
+  config.plugins.push(
+    new MyCustomPlugin({
+      someOption: true,
+    })
+  );
+
+  return config;
+}
+```
diff --git a/docs/snippets/common/storybook-addons-preset-webpackFinal.js.mdx b/docs/snippets/common/storybook-addons-preset-webpackFinal.js.mdx
new file mode 100644
index 000000000000..d1174811ae69
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-webpackFinal.js.mdx
@@ -0,0 +1,16 @@
+```js
+// example-addon/src/webpack/webpackFinal.js
+
+export function webpackFinal(config, options = {}) {
+  const rules = [
+    ...(config.module?.rules || []),
+    {
+      test: /\.custom-file-extension$/,
+      loader: require.resolve(`custom-loader`),
+    },
+  ];
+  config.module.rules = rules;
+
+  return config;
+}
+```
diff --git a/docs/snippets/common/storybook-addons-preset-webpackFinal.ts.mdx b/docs/snippets/common/storybook-addons-preset-webpackFinal.ts.mdx
new file mode 100644
index 000000000000..bce57149a35e
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset-webpackFinal.ts.mdx
@@ -0,0 +1,18 @@
+```ts
+// example-addon/src/webpack/webpackFinal.ts
+
+import type { Configuration as WebpackConfig } from 'webpack';
+
+export function webpackFinal(config: WebpackConfig, options: any = {}) {
+  const rules = [
+    ...(config.module?.rules || []),
+    {
+      test: /\.custom-file$/,
+      loader: require.resolve(`custom-loader`),
+    },
+  ];
+  config.module.rules = rules;
+
+  return config;
+}
+```
diff --git a/docs/snippets/common/storybook-addons-preset.root-preset.js.mdx b/docs/snippets/common/storybook-addons-preset.root-preset.js.mdx
new file mode 100644
index 000000000000..f6357949c067
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset.root-preset.js.mdx
@@ -0,0 +1,7 @@
+```js
+// preset.js
+
+export const previewAnnotations = (entry = [], options) => {
+  return [...entry, require.resolve('./dist/preview')];
+};
+```
diff --git a/docs/snippets/common/storybook-addons-preset.root-preset.ts.mdx b/docs/snippets/common/storybook-addons-preset.root-preset.ts.mdx
new file mode 100644
index 000000000000..f6357949c067
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-preset.root-preset.ts.mdx
@@ -0,0 +1,7 @@
+```js
+// preset.js
+
+export const previewAnnotations = (entry = [], options) => {
+  return [...entry, require.resolve('./dist/preview')];
+};
+```
diff --git a/docs/snippets/common/storybook-addons-root-preset-manager-entries.js.mdx b/docs/snippets/common/storybook-addons-root-preset-manager-entries.js.mdx
new file mode 100644
index 000000000000..199408a5c8c4
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-root-preset-manager-entries.js.mdx
@@ -0,0 +1,7 @@
+```js
+//example-addon/preset.js
+
+export const managerEntries = (entry = []) => {
+  return [...entry, require.resolve('path-to-third-party-addon')];
+};
+```
diff --git a/docs/snippets/common/storybook-addons-root-preset-preview-annotations.js.mdx b/docs/snippets/common/storybook-addons-root-preset-preview-annotations.js.mdx
new file mode 100644
index 000000000000..f6357949c067
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-root-preset-preview-annotations.js.mdx
@@ -0,0 +1,7 @@
+```js
+// preset.js
+
+export const previewAnnotations = (entry = [], options) => {
+  return [...entry, require.resolve('./dist/preview')];
+};
+```
diff --git a/docs/snippets/common/storybook-addons-root-preset.js.mdx b/docs/snippets/common/storybook-addons-root-preset.js.mdx
new file mode 100644
index 000000000000..8c82ae3c80ac
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-root-preset.js.mdx
@@ -0,0 +1,9 @@
+```js
+// example-addon/preset.js
+
+export const previewAnnotations = [require.resolve('./dist/preview')];
+
+export const managerEntries = [require.resolve('./dist/manager')];
+
+export * from './dist/preset';
+```
diff --git a/docs/snippets/common/storybook-custom-manager-head.js.mdx b/docs/snippets/common/storybook-custom-manager-head.js.mdx
new file mode 100644
index 000000000000..1ee1111d1602
--- /dev/null
+++ b/docs/snippets/common/storybook-custom-manager-head.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/main.js
+
+export default {
+  managerHead: (head) => `
+    ${head}
+    <link rel="icon" type="image/png" href="/logo192.png" sizes="192x192" />
+  `,
+};
+```
diff --git a/docs/snippets/common/storybook-custom-manager-head.ts.mdx b/docs/snippets/common/storybook-custom-manager-head.ts.mdx
new file mode 100644
index 000000000000..3437c2b451db
--- /dev/null
+++ b/docs/snippets/common/storybook-custom-manager-head.ts.mdx
@@ -0,0 +1,15 @@
+```ts
+// .storybook/main.ts
+
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  managerHead: (head) => `
+    ${head}
+    <link rel="icon" type="image/png" href="/logo192.png" sizes="192x192" />
+  `,
+};
+
+export default config;
+```
diff --git a/docs/snippets/common/storybook-main-advanced-config-example.js.mdx b/docs/snippets/common/storybook-main-advanced-config-example.js.mdx
index 6f9085749fb5..375ac6f6e7dc 100644
--- a/docs/snippets/common/storybook-main-advanced-config-example.js.mdx
+++ b/docs/snippets/common/storybook-main-advanced-config-example.js.mdx
@@ -2,12 +2,12 @@
 // .storybook/main.js
 
 export default {
-  managerWebpack: async (config, options) => {
-    // update config here
+  viteFinal: async (config, options) => {
+    // Update config here
     return config;
   },
   webpackFinal: async (config, options) => {
-    // change webpack config
+    // Change webpack config
     return config;
   },
   babel: async (config, options) => {
diff --git a/docs/snippets/common/storybook-main-advanced-config-example.ts.mdx b/docs/snippets/common/storybook-main-advanced-config-example.ts.mdx
new file mode 100644
index 000000000000..a18f54d7178b
--- /dev/null
+++ b/docs/snippets/common/storybook-main-advanced-config-example.ts.mdx
@@ -0,0 +1,22 @@
+```ts
+// .storybook/main.ts
+
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  viteFinal: async (config, options) => {
+    // Update config here
+    return config;
+  },
+  webpackFinal: async (config, options) => {
+    // Change webpack config
+    return config;
+  },
+  babel: async (config, options) => {
+    return config;
+  },
+};
+
+export default config;
+```
diff --git a/docs/snippets/common/storybook-main-import-preset-config.js.mdx b/docs/snippets/common/storybook-main-import-preset-config.js.mdx
deleted file mode 100644
index 4388bbd92911..000000000000
--- a/docs/snippets/common/storybook-main-import-preset-config.js.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-```js
-// .storybook/main.js
-
-import * as path from 'path';
-
-export default {
-  addons: [path.resolve('./.storybook/my-preset')],
-};
-```
diff --git a/docs/snippets/common/storybook-main-register-example-addon.js.mdx b/docs/snippets/common/storybook-main-register-example-addon.js.mdx
new file mode 100644
index 000000000000..825e02ecd719
--- /dev/null
+++ b/docs/snippets/common/storybook-main-register-example-addon.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/main.js
+
+export default {
+  addons: [
+    // Other Storybook addons
+    '@storybook/addon-a11y',
+  ],
+};
+```
diff --git a/docs/snippets/common/storybook-main-register-example-addon.ts.mdx b/docs/snippets/common/storybook-main-register-example-addon.ts.mdx
new file mode 100644
index 000000000000..d81ba1231da3
--- /dev/null
+++ b/docs/snippets/common/storybook-main-register-example-addon.ts.mdx
@@ -0,0 +1,15 @@
+```ts
+// .storybook/main.ts
+
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  addons: [
+    // Other Storybook addons
+    '@storybook/addon-a11y',
+  ],
+};
+
+export default config;
+```
diff --git a/docs/snippets/common/storybook-main-register-storysource-example.js.mdx b/docs/snippets/common/storybook-main-register-storysource-example.js.mdx
deleted file mode 100644
index 24f744a3b2dc..000000000000
--- a/docs/snippets/common/storybook-main-register-storysource-example.js.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-```js
-// .storybook/main.js
-
-export default {
-  addons: ['@storybook/addon-storysource'],
-};
-```
diff --git a/docs/snippets/common/storybook-write-addon-install-dependencies.npm.js.mdx b/docs/snippets/common/storybook-write-addon-install-dependencies.npm.js.mdx
deleted file mode 100644
index c735181d1b6d..000000000000
--- a/docs/snippets/common/storybook-write-addon-install-dependencies.npm.js.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-```shell
-npm install react react-dom @babel/cli
-```
diff --git a/docs/snippets/common/storybook-write-addon-install-dependencies.yarn.js.mdx b/docs/snippets/common/storybook-write-addon-install-dependencies.yarn.js.mdx
deleted file mode 100644
index 5fa3643b1cc5..000000000000
--- a/docs/snippets/common/storybook-write-addon-install-dependencies.yarn.js.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-```shell
-yarn add react react-dom @babel/cli
-```
diff --git a/docs/snippets/react/document-screen-with-graphql.ts.mdx b/docs/snippets/react/document-screen-with-graphql.ts.mdx
index 2848acd29092..61a6cc29365e 100644
--- a/docs/snippets/react/document-screen-with-graphql.ts.mdx
+++ b/docs/snippets/react/document-screen-with-graphql.ts.mdx
@@ -55,7 +55,7 @@ interface Data {
 }
 
 function useFetchInfo() {
-  const { loading, error, data } = useQueryuseQuery<Data>(AllInfoQuery);
+  const { loading, error, data } = useQuery<Data>(AllInfoQuery);
 
   return { loading, error, data };
 }
diff --git a/docs/snippets/web-components/button-story-hoisted.ts.mdx b/docs/snippets/web-components/button-story-hoisted.ts.mdx
index baf7d0ab2bfc..229356102a70 100644
--- a/docs/snippets/web-components/button-story-hoisted.ts.mdx
+++ b/docs/snippets/web-components/button-story-hoisted.ts.mdx
@@ -1,7 +1,7 @@
 ```ts
 // Button.stories.ts
 
-import type { Meta, Storybook } from '@storybook/your-framework';
+import type { Meta, StoryObj } from '@storybook/your-framework';
 
 const meta: Meta = {
   title: 'Design System/Atoms/Button',
diff --git a/scripts/release/label-patches.ts b/scripts/release/label-patches.ts
index bf18358f877a..a38f134856bd 100644
--- a/scripts/release/label-patches.ts
+++ b/scripts/release/label-patches.ts
@@ -32,7 +32,7 @@ export const run = async (_: unknown) => {
   spinner.succeed(`Found latest tag: ${latestTag}`);
 
   const spinner2 = ora(`Looking at cherry pick commits since ${latestTag}`).start();
-  const commitsSinceLatest = await git.log({ from: latestTag, '--first-parent': null });
+  const commitsSinceLatest = await git.log({ from: latestTag });
   console.log(commitsSinceLatest);
   const cherryPicked = commitsSinceLatest.all.flatMap((it) => {
     const result = it.body.match(/\(cherry picked from commit (\b[0-9a-f]{7,40}\b)\)/);