diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index c73adb6a8fe6..f3a4d0001312 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -69,7 +69,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/theming": "7.0.0-alpha.38",
     "axe-core": "^4.2.0",
     "global": "^4.4.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 5ed3599054b6..64460f3174bc 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -63,7 +63,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/theming": "7.0.0-alpha.38",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index d27de73a1be5..45e4c08c64ee 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -67,7 +67,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/theming": "7.0.0-alpha.38",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 73766d9ea09d..dfac8419ebc6 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -63,7 +63,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-common": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/node-logger": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "@storybook/theming": "7.0.0-alpha.38",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index d61b6099e589..8d226f21fff3 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -59,7 +59,7 @@
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-common": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/csf-tools": "7.0.0-alpha.38",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index b52b1da54415..284ec019d8a2 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -65,7 +65,7 @@
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-common": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/instrumenter": "7.0.0-alpha.38",
     "@storybook/theming": "7.0.0-alpha.38",
     "global": "^4.4.0",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 62b2c42aa66b..8d5d8bc962dd 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -66,7 +66,7 @@
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/router": "7.0.0-alpha.38",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 1b9e97a786d9..cfcd26c4ae76 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -66,7 +66,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "global": "^4.4.0"
   },
   "devDependencies": {
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 5ddd3f6f80c1..e3aa39dfbab8 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -69,7 +69,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "global": "^4.4.0",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index d19385c0f2f0..9bc0698a862c 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -44,7 +44,7 @@
     "@storybook/core-client": "7.0.0-alpha.38",
     "@storybook/core-common": "7.0.0-alpha.38",
     "@storybook/core-webpack": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@types/glob": "^7.1.3",
     "@types/jest": "^26.0.16",
     "@types/jest-specific-snapshot": "^0.5.3",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index dbecfdf0d12e..d6da35d1633c 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@axe-core/puppeteer": "^4.2.0",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/node-logger": "7.0.0-alpha.38",
     "@types/jest-image-snapshot": "^4.1.3",
     "jest-image-snapshot": "^4.3.0"
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index d1bf1e57dd12..ccd6a02004b2 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -15,7 +15,7 @@
     "@storybook/addon-essentials": "7.0.0-alpha.38",
     "@storybook/blocks": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/preview-web": "7.0.0-alpha.38",
     "@storybook/react": "7.0.0-alpha.38",
     "@storybook/react-webpack5": "7.0.0-alpha.38",
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index d237136a690b..269c864a2016 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -43,7 +43,7 @@
     "@storybook/core-events": "7.0.0-alpha.38",
     "@storybook/core-server": "7.0.0-alpha.38",
     "@storybook/core-webpack": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/node-logger": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json
index 58dab4067366..d75e2c9d6e1a 100644
--- a/code/lib/addons/package.json
+++ b/code/lib/addons/package.json
@@ -46,7 +46,7 @@
     "@storybook/channels": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/router": "7.0.0-alpha.38",
     "@storybook/theming": "7.0.0-alpha.38",
     "global": "^4.4.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index b768bf023880..baed88a88475 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -48,7 +48,7 @@
     "@storybook/channels": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/router": "7.0.0-alpha.38",
     "@storybook/theming": "7.0.0-alpha.38",
     "dequal": "^2.0.2",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 7f8d1528bf4b..926582d1e1b0 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -46,7 +46,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/preview-web": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index c31e6c81df50..9c46c41d71ae 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -44,7 +44,7 @@
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/store": "7.0.0-alpha.38",
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 818967fdb4a6..a5f84e80f97c 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -39,7 +39,7 @@
   "dependencies": {
     "@babel/types": "^7.12.11",
     "@mdx-js/mdx": "^1.6.22",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/csf-tools": "7.0.0-alpha.38",
     "@storybook/node-logger": "7.0.0-alpha.38",
     "cross-spawn": "^7.0.3",
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index ea5bd76233ed..0f1b71bf2e75 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@storybook/client-logger": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/theming": "7.0.0-alpha.38",
     "memoizerific": "^1.11.3",
     "util-deprecate": "^1.0.2"
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 2918f5d075c1..859deeb2119a 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -41,7 +41,7 @@
     "@storybook/client-api": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/preview-web": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "@storybook/ui": "7.0.0-alpha.38",
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index 09e291476c40..32d69a201f5c 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/node-logger": "7.0.0-alpha.38",
     "@types/babel__core": "^7.0.0",
     "@types/express": "^4.7.0",
diff --git a/code/lib/core-common/src/index.ts b/code/lib/core-common/src/index.ts
index 5b95a7716571..034c4a9301c6 100644
--- a/code/lib/core-common/src/index.ts
+++ b/code/lib/core-common/src/index.ts
@@ -28,6 +28,7 @@ export * from './utils/normalize-stories';
 export * from './utils/readTemplate';
 export * from './utils/findDistEsm';
 export * from './utils/symlinks';
+export * from './utils/satisfies';
 
 export * from './types';
 
diff --git a/code/renderers/react/src/__test__/utils.ts b/code/lib/core-common/src/utils/satisfies.ts
similarity index 100%
rename from code/renderers/react/src/__test__/utils.ts
rename to code/lib/core-common/src/utils/satisfies.ts
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index dcdf9d62057e..2dc91484aabe 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -39,7 +39,7 @@
     "@storybook/core-client": "7.0.0-alpha.38",
     "@storybook/core-common": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/csf-tools": "7.0.0-alpha.38",
     "@storybook/docs-mdx": "0.0.1-canary.12433cf.0",
     "@storybook/node-logger": "7.0.0-alpha.38",
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 6e795fa3b613..e78a5b42e3c4 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -46,7 +46,7 @@
     "@babel/parser": "^7.12.11",
     "@babel/traverse": "^7.12.11",
     "@babel/types": "^7.12.11",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "fs-extra": "^9.0.1",
     "ts-dedent": "^2.0.0"
   },
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 4cb875f14418..cbc6d7f49764 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -44,7 +44,7 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/core-common": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/store": "7.0.0-alpha.38",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21"
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index abe4e86bf78e..b250b0baca11 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -38,7 +38,7 @@
     "@storybook/channels": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/store": "7.0.0-alpha.38",
     "ansi-to-html": "^0.6.11",
     "global": "^4.4.0",
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 1085165920b9..bf9659881d7a 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -43,7 +43,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "estraverse": "^5.2.0",
     "lodash": "^4.17.21",
     "prettier": ">=2.2.1 <=2.3.0"
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index 631cc4344db9..ccda23f4a7e0 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -45,7 +45,7 @@
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
diff --git a/code/package.json b/code/package.json
index fc972e5f977e..de0d3d339f61 100644
--- a/code/package.json
+++ b/code/package.json
@@ -336,7 +336,7 @@
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
     "tsup": "^6.2.2",
-    "typescript": "4.7.4",
+    "typescript": "~4.6.3",
     "util": "^0.12.4",
     "vite": "^3.1.7",
     "wait-on": "^5.2.1",
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 1187a3cc35db..63056cf204da 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -52,7 +52,7 @@
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/preview-web": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 8b4e25afd277..a1c393bec2ea 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -52,7 +52,7 @@
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/store": "7.0.0-alpha.38",
     "global": "^4.4.0",
     "react": "16.14.0",
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index ae3c052755f8..fe35e1f16809 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -54,7 +54,7 @@
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "@types/estree": "^0.0.51",
diff --git a/code/renderers/react/src/__test__/CSF3.test.tsx b/code/renderers/react/src/public-types.test.tsx
similarity index 93%
rename from code/renderers/react/src/__test__/CSF3.test.tsx
rename to code/renderers/react/src/public-types.test.tsx
index 89bbb79aa3ea..7c407f77c324 100644
--- a/code/renderers/react/src/__test__/CSF3.test.tsx
+++ b/code/renderers/react/src/public-types.test.tsx
@@ -1,13 +1,13 @@
-import React, { KeyboardEventHandler, ReactNode } from 'react';
-import { expectTypeOf } from 'expect-type';
 import { describe, test } from '@jest/globals';
+import { satisfies } from '@storybook/core-common';
 import { StoryAnnotations } from '@storybook/csf';
+import { expectTypeOf } from 'expect-type';
+import React, { KeyboardEventHandler, ReactNode } from 'react';
 import { SetOptional } from 'type-fest';
 
-import { Meta, StoryObj } from '../public-types';
-import { DecoratorFn } from '../public-api';
-import { satisfies } from './utils';
-import { ReactFramework } from '../types';
+import { DecoratorFn } from './public-api';
+import { Meta, StoryObj } from './public-types';
+import { ReactFramework } from './types';
 
 type ReactStory<Args, RequiredArgs> = StoryAnnotations<ReactFramework, Args, RequiredArgs>;
 
@@ -75,6 +75,11 @@ describe('Args can be provided in multiple ways', () => {
       expectTypeOf(Basic).toEqualTypeOf<Expected>();
     }
   });
+
+  test('Component can be used as generic parameter for StoryObj', () => {
+    type Expected = ReactStory<ButtonProps, ButtonProps>;
+    expectTypeOf<StoryObj<typeof Button>>().toEqualTypeOf<Expected>();
+  });
 });
 
 test('✅ All void functions are optional', () => {
diff --git a/code/renderers/react/src/public-types.ts b/code/renderers/react/src/public-types.ts
index d724fc681c73..34452cf0c8a9 100644
--- a/code/renderers/react/src/public-types.ts
+++ b/code/renderers/react/src/public-types.ts
@@ -1,16 +1,15 @@
 import type {
   AnnotatedStoryFn,
   Args,
+  ArgsFromMeta,
   ArgsStoryFn,
   ComponentAnnotations,
-  LoaderFunction,
   StoryAnnotations,
 } from '@storybook/csf';
-import { SetOptional, Simplify, UnionToIntersection } from 'type-fest';
 import { ComponentProps, ComponentType, JSXElementConstructor } from 'react';
+import { SetOptional, Simplify } from 'type-fest';
 
 import { ReactFramework } from './types';
-import { DecoratorFn } from './public-api';
 
 type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
 
@@ -36,29 +35,28 @@ export type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, TArgs>;
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 
-export type StoryObj<MetaOrArgs = Args> = MetaOrArgs extends {
-  render?: ArgsStoryFn<ReactFramework, infer RArgs>;
-  component?: ComponentType<infer CmpArgs>;
-  loaders?: (infer Loaders)[];
+export type StoryObj<MetaOrCmpOrArgs = Args> = MetaOrCmpOrArgs extends {
+  render?: ArgsStoryFn<ReactFramework, any>;
+  component?: infer Component;
   args?: infer DefaultArgs;
-  decorators?: (infer Decorators)[];
 }
-  ? Simplify<CmpArgs & RArgs & DecoratorsArgs<Decorators> & LoaderArgs<Loaders>> extends infer TArgs
+  ? Simplify<
+      (Component extends ComponentType<any> ? ComponentProps<Component> : unknown) &
+        ArgsFromMeta<ReactFramework, MetaOrCmpOrArgs>
+    > extends infer TArgs
     ? StoryAnnotations<
         ReactFramework,
         TArgs,
         SetOptional<TArgs, Extract<keyof TArgs, keyof (DefaultArgs & ActionArgs<TArgs>)>>
       >
     : never
-  : StoryAnnotations<ReactFramework, MetaOrArgs>;
-
-type DecoratorsArgs<Decorators> = UnionToIntersection<
-  Decorators extends DecoratorFn<infer Args> ? Args : unknown
->;
-
-type LoaderArgs<Loaders> = UnionToIntersection<
-  Loaders extends LoaderFunction<ReactFramework, infer Args> ? Args : unknown
->;
+  : MetaOrCmpOrArgs extends ComponentType<any>
+  ? StoryAnnotations<
+      ReactFramework,
+      ComponentProps<MetaOrCmpOrArgs>,
+      ComponentProps<MetaOrCmpOrArgs>
+    >
+  : StoryAnnotations<ReactFramework, MetaOrCmpOrArgs>;
 
 type ActionArgs<Args> = {
   [P in keyof Args as ((...args: any[]) => void) extends Args[P] ? P : never]: Args[P];
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 3e7413a52f43..04bf086da824 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -52,7 +52,7 @@
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/preview-web": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "global": "^4.4.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index ace782a2c08d..76121c73b440 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -50,23 +50,26 @@
     "*.d.ts"
   ],
   "scripts": {
-    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "sveltedoc-parser": "^4.2.1"
+    "sveltedoc-parser": "^4.2.1",
+    "type-fest": "2.19.0"
   },
   "devDependencies": {
+    "expect-type": "^0.14.2",
     "svelte": "^3.31.2",
+    "svelte-check": "^2.9.2",
     "typescript": "~4.6.3"
   },
   "peerDependencies": {
diff --git a/code/renderers/svelte/src/___test___/Button.svelte b/code/renderers/svelte/src/___test___/Button.svelte
new file mode 100644
index 000000000000..b7fd6e8e325c
--- /dev/null
+++ b/code/renderers/svelte/src/___test___/Button.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+
+  export let disabled: boolean;
+  export let label: string;
+
+  const dispatch = createEventDispatcher();
+</script>
+
+<button on:click={(e) => dispatch('clicked', e)} on:dblclick on:mousemove {disabled}>
+  {label}
+</button>
diff --git a/code/renderers/svelte/src/___test___/Decorator.svelte b/code/renderers/svelte/src/___test___/Decorator.svelte
new file mode 100644
index 000000000000..4fc5241ba9d4
--- /dev/null
+++ b/code/renderers/svelte/src/___test___/Decorator.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+  export let decoratorArg: string;
+</script>
+
+<div>
+  Decorator: {decoratorArg}
+  <slot />
+</div>
diff --git a/code/renderers/svelte/src/___test___/Decorator2.svelte b/code/renderers/svelte/src/___test___/Decorator2.svelte
new file mode 100644
index 000000000000..57d98a6e2676
--- /dev/null
+++ b/code/renderers/svelte/src/___test___/Decorator2.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+  export let decoratorArg2: string;
+</script>
+
+<div>
+  Decorator: {decoratorArg2}
+  <slot />
+</div>
diff --git a/code/renderers/svelte/src/docs/extractArgTypes.test.ts b/code/renderers/svelte/src/docs/extractArgTypes.test.ts
index c1911ffa3d1d..dcde4dddcce6 100644
--- a/code/renderers/svelte/src/docs/extractArgTypes.test.ts
+++ b/code/renderers/svelte/src/docs/extractArgTypes.test.ts
@@ -1,3 +1,4 @@
+import { describe, expect } from '@jest/globals';
 import svelteDoc from 'sveltedoc-parser';
 import * as fs from 'fs';
 import { createArgTypes } from './extractArgTypes';
diff --git a/code/renderers/svelte/src/docs/extractArgTypes.ts b/code/renderers/svelte/src/docs/extractArgTypes.ts
index 900d55b336a2..080367309c23 100644
--- a/code/renderers/svelte/src/docs/extractArgTypes.ts
+++ b/code/renderers/svelte/src/docs/extractArgTypes.ts
@@ -89,7 +89,7 @@ export const createArgTypes = (docgen: SvelteComponentDoc) => {
 
 /**
  * Function to convert the type from sveltedoc-parser to a storybook type
- * @param typeName
+ * @param type
  * @returns string
  */
 const parseTypeToControl = (type: JSDocType | undefined): any => {
diff --git a/code/renderers/svelte/src/docs/extractComponentDescription.test.ts b/code/renderers/svelte/src/docs/extractComponentDescription.test.ts
index 3e6eb3e779c3..f2e7866f6394 100644
--- a/code/renderers/svelte/src/docs/extractComponentDescription.test.ts
+++ b/code/renderers/svelte/src/docs/extractComponentDescription.test.ts
@@ -1,3 +1,4 @@
+import { describe, expect, test } from '@jest/globals';
 import { extractComponentDescription } from './extractComponentDescription';
 
 describe('extractComponentDescription', () => {
diff --git a/code/renderers/svelte/src/docs/sourceDecorator.test.ts b/code/renderers/svelte/src/docs/sourceDecorator.test.ts
index 006a7bb4de05..eaa26616f792 100644
--- a/code/renderers/svelte/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/svelte/src/docs/sourceDecorator.test.ts
@@ -1,12 +1,13 @@
+import { describe, expect, test } from '@jest/globals';
 import type { Args } from '@storybook/api';
 import { generateSvelteSource } from './sourceDecorator';
 
 expect.addSnapshotSerializer({
   print: (val: any) => val,
-  test: (val) => typeof val === 'string',
+  test: (val: unknown) => typeof val === 'string',
 });
 
-function generateForArgs(args: Args, slotProperty: string = null) {
+function generateForArgs(args: Args, slotProperty: string | null = null) {
   return generateSvelteSource({ name: 'Component' }, args, {}, slotProperty);
 }
 
@@ -42,6 +43,6 @@ describe('generateSvelteSource', () => {
     `);
   });
   test('component is not set', () => {
-    expect(generateSvelteSource(null, null, null, null)).toBeNull();
+    expect(generateSvelteSource(null, {}, {}, null)).toBeNull();
   });
 });
diff --git a/code/renderers/svelte/src/docs/sourceDecorator.ts b/code/renderers/svelte/src/docs/sourceDecorator.ts
index d7b04f91c9df..05d90ffc5188 100644
--- a/code/renderers/svelte/src/docs/sourceDecorator.ts
+++ b/code/renderers/svelte/src/docs/sourceDecorator.ts
@@ -89,7 +89,7 @@ export function generateSvelteSource(
   component: any,
   args: Args,
   argTypes: ArgTypes,
-  slotProperty?: string
+  slotProperty?: string | null
 ): string | null {
   const name = getComponentName(component);
 
diff --git a/code/renderers/svelte/src/globals.ts b/code/renderers/svelte/src/globals.ts
index aabe0fd8fb42..a2fb5c9dad10 100644
--- a/code/renderers/svelte/src/globals.ts
+++ b/code/renderers/svelte/src/globals.ts
@@ -1,4 +1,3 @@
-// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/svelte/src/public-types.test.ts b/code/renderers/svelte/src/public-types.test.ts
new file mode 100644
index 000000000000..1f965457f1f0
--- /dev/null
+++ b/code/renderers/svelte/src/public-types.test.ts
@@ -0,0 +1,224 @@
+import { describe, test } from '@jest/globals';
+import { satisfies } from '@storybook/core-common';
+import { ComponentAnnotations, StoryAnnotations } from '@storybook/csf';
+import { expectTypeOf } from 'expect-type';
+import { ComponentProps, SvelteComponentTyped } from 'svelte';
+import Button from './___test___/Button.svelte';
+import Decorator from './___test___/Decorator.svelte';
+import Decorator2 from './___test___/Decorator2.svelte';
+
+import { DecoratorFn, Meta, StoryObj } from './public-types';
+import { SvelteFramework } from './types';
+
+type SvelteStory<Component extends SvelteComponentTyped, Args, RequiredArgs> = StoryAnnotations<
+  SvelteFramework<Component>,
+  Args,
+  RequiredArgs
+>;
+
+describe('Meta', () => {
+  test('Generic parameter of Meta can be a component', () => {
+    const meta: Meta<Button> = {
+      component: Button,
+      args: {
+        label: 'good',
+        disabled: false,
+      },
+    };
+
+    expectTypeOf(meta).toEqualTypeOf<
+      ComponentAnnotations<SvelteFramework<Button>, { disabled: boolean; label: string }>
+    >();
+  });
+
+  test('Generic parameter of Meta can be the props of the component', () => {
+    const meta: Meta<{ disabled: boolean; label: string }> = {
+      component: Button,
+      args: { label: 'good', disabled: false },
+    };
+
+    expectTypeOf(meta).toEqualTypeOf<
+      ComponentAnnotations<SvelteFramework, { disabled: boolean; label: string }>
+    >();
+  });
+
+  test('Events are inferred from component', () => {
+    const meta: Meta<Button> = {
+      component: Button,
+      args: {
+        label: 'good',
+        disabled: false,
+      },
+      render: (args) => ({
+        Component: Button,
+        props: args,
+        on: {
+          mousemove: (event) => {
+            expectTypeOf(event).toEqualTypeOf<MouseEvent>();
+          },
+        },
+      }),
+    };
+  });
+
+  test('Events fallback to custom events when no component is specified', () => {
+    const meta: Meta<{ disabled: boolean; label: string }> = {
+      component: Button,
+      args: { label: 'good', disabled: false },
+      render: (args) => ({
+        Component: Button,
+        props: args,
+        on: {
+          mousemove: (event) => {
+            expectTypeOf(event).toEqualTypeOf<CustomEvent>();
+          },
+        },
+      }),
+    };
+  });
+});
+
+describe('StoryObj', () => {
+  test('✅ Required args may be provided partial in meta and the story', () => {
+    const meta = satisfies<Meta<Button>>()({
+      component: Button,
+      args: { label: 'good' },
+    });
+
+    type Actual = StoryObj<typeof meta>;
+    type Expected = SvelteStory<
+      Button,
+      { disabled: boolean; label: string },
+      { disabled: boolean; label?: string }
+    >;
+    expectTypeOf<Actual>().toEqualTypeOf<Expected>();
+  });
+
+  test('❌ The combined shape of meta args and story args must match the required args.', () => {
+    {
+      const meta = satisfies<Meta<Button>>()({ component: Button });
+
+      type Expected = SvelteStory<
+        Button,
+        { disabled: boolean; label: string },
+        { disabled: boolean; label: string }
+      >;
+      expectTypeOf<StoryObj<typeof meta>>().toEqualTypeOf<Expected>();
+    }
+    {
+      const meta = satisfies<Meta<Button>>()({
+        component: Button,
+        args: { label: 'good' },
+      });
+      // @ts-expect-error disabled not provided ❌
+      const Basic: StoryObj<typeof meta> = {};
+
+      type Expected = SvelteStory<
+        Button,
+        { disabled: boolean; label: string },
+        { disabled: boolean; label?: string }
+      >;
+      expectTypeOf(Basic).toEqualTypeOf<Expected>();
+    }
+    {
+      const meta = satisfies<Meta<{ label: string; disabled: boolean }>>()({ component: Button });
+      const Basic: StoryObj<typeof meta> = {
+        // @ts-expect-error disabled not provided ❌
+        args: { label: 'good' },
+      };
+
+      type Expected = SvelteStory<
+        Button,
+        { disabled: boolean; label: string },
+        { disabled: boolean; label: string }
+      >;
+      expectTypeOf(Basic).toEqualTypeOf<Expected>();
+    }
+  });
+
+  test('Component can be used as generic parameter for StoryObj', () => {
+    expectTypeOf<StoryObj<Button>>().toEqualTypeOf<
+      SvelteStory<
+        Button,
+        { disabled: boolean; label: string },
+        { disabled: boolean; label: string }
+      >
+    >();
+  });
+});
+
+type ThemeData = 'light' | 'dark';
+
+describe('Story args can be inferred', () => {
+  test('Correct args are inferred when type is widened for render function', () => {
+    const meta = satisfies<Meta<ComponentProps<Button> & { theme: ThemeData }>>()({
+      component: Button,
+      args: { disabled: false },
+      render: (args, { component }) => {
+        return {
+          Component: component,
+          props: args,
+        };
+      },
+    });
+
+    const Basic: StoryObj<typeof meta> = { args: { theme: 'light', label: 'good' } };
+
+    type Expected = SvelteStory<
+      Button,
+      { theme: ThemeData; disabled: boolean; label: string },
+      { theme: ThemeData; disabled?: boolean; label: string }
+    >;
+    expectTypeOf(Basic).toEqualTypeOf<Expected>();
+  });
+
+  const withDecorator: DecoratorFn<Decorator> = (storyFn, { args: { decoratorArg } }) => ({
+    Component: Decorator,
+    props: { decoratorArg },
+  });
+
+  test('Correct args are inferred when type is widened for decorators', () => {
+    type Props = ComponentProps<Button> & { decoratorArg: string };
+
+    const meta = satisfies<Meta<Props>>()({
+      component: Button,
+      args: { disabled: false },
+      decorators: [withDecorator],
+    });
+
+    const Basic: StoryObj<typeof meta> = { args: { decoratorArg: 'title', label: 'good' } };
+
+    type Expected = SvelteStory<
+      Button,
+      Props,
+      { decoratorArg: string; disabled?: boolean; label: string }
+    >;
+    expectTypeOf(Basic).toEqualTypeOf<Expected>();
+  });
+
+  test('Correct args are inferred when type is widened for multiple decorators', () => {
+    type Props = ComponentProps<Button> & { decoratorArg: string; decoratorArg2: string };
+
+    const secondDecorator: DecoratorFn<Decorator2> = (storyFn, { args: { decoratorArg2 } }) => ({
+      Component: Decorator2,
+      props: { decoratorArg2 },
+    });
+
+    const meta = satisfies<Meta<Props>>()({
+      component: Button,
+      args: { disabled: false },
+      decorators: [withDecorator, secondDecorator],
+    });
+
+    const Basic: StoryObj<typeof meta> = {
+      args: { decoratorArg: '', decoratorArg2: '', label: 'good' },
+    };
+
+    type Expected = SvelteStory<
+      Button,
+      Props,
+      { decoratorArg: string; decoratorArg2: string; disabled?: boolean; label: string }
+    >;
+    expectTypeOf(Basic).toEqualTypeOf<Expected>();
+  });
+});
diff --git a/code/renderers/svelte/src/public-types.ts b/code/renderers/svelte/src/public-types.ts
index d3d0eb46616b..907cb7d38b65 100644
--- a/code/renderers/svelte/src/public-types.ts
+++ b/code/renderers/svelte/src/public-types.ts
@@ -1,9 +1,15 @@
 import type {
+  AnnotatedStoryFn,
   Args,
+  ArgsFromMeta,
+  ArgsStoryFn,
   ComponentAnnotations,
+  DecoratorFunction,
   StoryAnnotations,
-  AnnotatedStoryFn,
 } from '@storybook/csf';
+import { ComponentProps, ComponentType, SvelteComponent, SvelteComponentTyped } from 'svelte';
+import { SetOptional, Simplify } from 'type-fest';
+
 import { SvelteFramework } from './types';
 
 export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
@@ -13,8 +19,9 @@ export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export type Meta<TArgs = Args> = ComponentAnnotations<SvelteFramework, TArgs>;
-
+export type Meta<CmpOrArgs = Args> = CmpOrArgs extends SvelteComponentTyped<infer Props>
+  ? ComponentAnnotations<SvelteFramework<CmpOrArgs>, Props>
+  : ComponentAnnotations<SvelteFramework, CmpOrArgs>;
 /**
  * Story function that represents a CSFv2 component example.
  *
@@ -27,11 +34,29 @@ export type StoryFn<TArgs = Args> = AnnotatedStoryFn<SvelteFramework, TArgs>;
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export type StoryObj<TArgs = Args> = StoryAnnotations<SvelteFramework, TArgs>;
+export type StoryObj<MetaOrCmpOrArgs = Args> = MetaOrCmpOrArgs extends {
+  render?: ArgsStoryFn<SvelteFramework, any>;
+  component?: ComponentType<infer Component>;
+  args?: infer DefaultArgs;
+}
+  ? Simplify<
+      ComponentProps<Component> & ArgsFromMeta<SvelteFramework, MetaOrCmpOrArgs>
+    > extends infer TArgs
+    ? StoryAnnotations<
+        SvelteFramework<Component>,
+        TArgs,
+        SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>
+      >
+    : never
+  : MetaOrCmpOrArgs extends SvelteComponentTyped
+  ? StoryAnnotations<
+      SvelteFramework<MetaOrCmpOrArgs>,
+      ComponentProps<MetaOrCmpOrArgs>,
+      ComponentProps<MetaOrCmpOrArgs>
+    >
+  : StoryAnnotations<SvelteFramework, MetaOrCmpOrArgs>;
 
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export type Story<TArgs = Args> = StoryObj<TArgs>;
+export type DecoratorFn<Component extends SvelteComponentTyped> = DecoratorFunction<
+  SvelteFramework<SvelteComponent>,
+  ComponentProps<Component>
+>;
diff --git a/code/renderers/svelte/src/render.ts b/code/renderers/svelte/src/render.ts
index e436d26b41f0..c190aa269f8b 100644
--- a/code/renderers/svelte/src/render.ts
+++ b/code/renderers/svelte/src/render.ts
@@ -1,15 +1,14 @@
-// @ts-expect-error (Converted from ts-ignore)
 import global from 'global';
-
 import type { ArgsStoryFn } from '@storybook/csf';
 import type { RenderContext } from '@storybook/store';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import PreviewRender from '@storybook/svelte/templates/PreviewRender.svelte';
+import { SvelteComponentTyped } from 'svelte';
+import PreviewRender from '../templates/PreviewRender.svelte';
+
 import { SvelteFramework } from './types';
 
 const { document } = global;
 
-let previousComponent: SvelteFramework['component'] = null;
+let previousComponent: SvelteComponentTyped | null = null;
 
 function cleanUpPreviousStory() {
   if (!previousComponent) {
diff --git a/code/renderers/svelte/src/types.ts b/code/renderers/svelte/src/types.ts
index d4c7d2b2cc32..2354c2c78ee3 100644
--- a/code/renderers/svelte/src/types.ts
+++ b/code/renderers/svelte/src/types.ts
@@ -1,4 +1,6 @@
-import type { StoryContext as StoryContextBase } from '@storybook/csf';
+import type { AnyFramework, StoryContext as StoryContextBase } from '@storybook/csf';
+import { ComponentConstructorOptions, ComponentEvents } from 'svelte';
+import type { SvelteComponentTyped } from 'svelte';
 
 export type { RenderContext } from '@storybook/core-client';
 
@@ -23,12 +25,30 @@ interface MountProps {
   text: string;
 }
 
-interface WrapperData {
-  innerStyle: string;
-  style: string;
+type ComponentType<
+  Props extends Record<string, any> = any,
+  Events extends Record<string, any> = any
+> = new (options: ComponentConstructorOptions<Props>) => {
+  [P in keyof SvelteComponentTyped<Props> as P extends `$$${string}`
+    ? never
+    : P]: SvelteComponentTyped<Props, Events>[P];
+};
+
+export interface SvelteFramework<C extends SvelteComponentTyped = SvelteComponentTyped>
+  extends AnyFramework {
+  component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
+  storyResult: this['T'] extends Record<string, any>
+    ? SvelteStoryResult<this['T'], ComponentEvents<C>>
+    : SvelteStoryResult;
 }
 
-export type SvelteFramework = {
-  component: any;
-  storyResult: any;
-};
+export interface SvelteStoryResult<
+  Props extends Record<string, any> = any,
+  Events extends Record<string, any> = any
+> {
+  Component?: ComponentType<Props>;
+  on?: Record<string, any> extends Events
+    ? Record<string, (event: CustomEvent) => void>
+    : { [K in keyof Events as string extends K ? never : K]?: (event: Events[K]) => void };
+  props?: Props;
+}
diff --git a/code/renderers/svelte/src/typings.d.ts b/code/renderers/svelte/src/typings.d.ts
index 48e7ba6228fd..2f4eb9cf4fd9 100644
--- a/code/renderers/svelte/src/typings.d.ts
+++ b/code/renderers/svelte/src/typings.d.ts
@@ -1,3 +1 @@
-declare module '@storybook/svelte/templates/SlotDecorator.svelte';
-declare module '@storybook/svelte/templates/PreviewRender.svelte';
-declare module '@storybook/svelte/templates/HOC.svelte';
+declare module 'global';
diff --git a/code/renderers/svelte/templates/PreviewRender.svelte b/code/renderers/svelte/templates/PreviewRender.svelte
index 5c2925fb78b7..bfdab9a223d1 100644
--- a/code/renderers/svelte/templates/PreviewRender.svelte
+++ b/code/renderers/svelte/templates/PreviewRender.svelte
@@ -17,12 +17,12 @@
     on,
     Wrapper,
     WrapperData = {},
-  } = storyFn(); 
+  } = storyFn();
 
    const eventsFromArgTypes = Object.fromEntries(Object.entries(storyContext.argTypes)
       .filter(([k, v]) => v.action && props[k] != null)
       .map(([k, v]) => [v.action, props[k]]));
-    
+
   const events = {...eventsFromArgTypes, ...on};
 
   if (!Component) {
diff --git a/code/renderers/svelte/tsconfig.json b/code/renderers/svelte/tsconfig.json
index 88fbabf6e314..1179ad52bc32 100644
--- a/code/renderers/svelte/tsconfig.json
+++ b/code/renderers/svelte/tsconfig.json
@@ -1,9 +1,11 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "module": "ESNext",
+    "skipLibCheck": true,
     "strict": true,
     "resolveJsonModule": true
   },
   "include": ["src/**/*"],
-  "exclude": ["src/**/*.test.*"]
+  "exclude": []
 }
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index f380102bbedf..fd28a505bc52 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -53,7 +53,7 @@
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "global": "^4.4.0",
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 35a994606bae..38aeeac2a0ee 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -52,7 +52,7 @@
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
     "global": "^4.4.0",
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index a3270ffdf0d0..ed4f95adb944 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -56,7 +56,7 @@
     "@storybook/api": "7.0.0-alpha.38",
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/core-client": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/docs-tools": "7.0.0-alpha.38",
     "@storybook/preview-web": "7.0.0-alpha.38",
     "@storybook/store": "7.0.0-alpha.38",
diff --git a/code/ui/manager/package.json b/code/ui/manager/package.json
index ae1502cc695f..6db3a1005b14 100644
--- a/code/ui/manager/package.json
+++ b/code/ui/manager/package.json
@@ -61,7 +61,7 @@
     "@storybook/client-logger": "7.0.0-alpha.38",
     "@storybook/components": "7.0.0-alpha.38",
     "@storybook/core-events": "7.0.0-alpha.38",
-    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/csf": "0.0.2--canary.51.23af5af.0",
     "@storybook/router": "7.0.0-alpha.38",
     "@storybook/theming": "7.0.0-alpha.38",
     "@testing-library/react": "^11.2.2",
diff --git a/code/yarn.lock b/code/yarn.lock
index 4e9929ae560c..bb3a5e077cd9 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6342,7 +6342,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/theming": 7.0.0-alpha.38
     "@testing-library/react": ^11.2.2
     axe-core: ^4.2.0
@@ -6372,7 +6372,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/theming": 7.0.0-alpha.38
     "@types/lodash": ^4.14.167
     dequal: ^2.0.2
@@ -6406,7 +6406,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/theming": 7.0.0-alpha.38
     global: ^4.4.0
     memoizerific: ^1.11.3
@@ -6434,7 +6434,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/node-logger": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
     "@storybook/theming": 7.0.0-alpha.38
@@ -6466,7 +6466,7 @@ __metadata:
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/csf-tools": 7.0.0-alpha.38
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/mdx1-csf": 0.0.5-canary.13.9ce928a.0
@@ -6577,7 +6577,7 @@ __metadata:
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/instrumenter": 7.0.0-alpha.38
     "@storybook/jest": ^0.0.10
     "@storybook/testing-library": 0.0.14-next.0
@@ -6632,7 +6632,7 @@ __metadata:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/router": 7.0.0-alpha.38
     global: ^4.4.0
     prop-types: ^15.7.2
@@ -6658,7 +6658,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     global: ^4.4.0
     typescript: ~4.6.3
   peerDependencies:
@@ -6681,7 +6681,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     global: ^4.4.0
     ts-dedent: ^2.0.0
     typescript: ~4.6.3
@@ -6701,7 +6701,7 @@ __metadata:
   resolution: "@storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer"
   dependencies:
     "@axe-core/puppeteer": ^4.2.0
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/node-logger": 7.0.0-alpha.38
     "@types/jest-image-snapshot": ^4.1.3
     "@types/puppeteer": ^5.4.0
@@ -6732,7 +6732,7 @@ __metadata:
     "@storybook/core-client": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
     "@storybook/core-webpack": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/react": 7.0.0-alpha.38
     "@storybook/vue": 7.0.0-alpha.38
     "@storybook/vue3": 7.0.0-alpha.38
@@ -6904,7 +6904,7 @@ __metadata:
     "@storybook/channels": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/router": 7.0.0-alpha.38
     "@storybook/theming": 7.0.0-alpha.38
     global: ^4.4.0
@@ -6961,7 +6961,7 @@ __metadata:
     "@storybook/core-events": 7.0.0-alpha.38
     "@storybook/core-server": 7.0.0-alpha.38
     "@storybook/core-webpack": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/node-logger": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
@@ -7023,7 +7023,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/router": 7.0.0-alpha.38
     "@storybook/theming": 7.0.0-alpha.38
     "@types/lodash": ^4.14.167
@@ -7092,7 +7092,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/preview-web": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
@@ -7327,7 +7327,7 @@ __metadata:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/store": 7.0.0-alpha.38
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
@@ -7368,7 +7368,7 @@ __metadata:
   dependencies:
     "@babel/types": ^7.12.11
     "@mdx-js/mdx": ^1.6.22
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/csf-tools": 7.0.0-alpha.38
     "@storybook/node-logger": 7.0.0-alpha.38
     cross-spawn: ^7.0.3
@@ -7390,7 +7390,7 @@ __metadata:
   dependencies:
     "@popperjs/core": ^2.6.0
     "@storybook/client-logger": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/theming": 7.0.0-alpha.38
     "@types/overlayscrollbars": ^1.12.0
     "@types/react-syntax-highlighter": 11.0.5
@@ -7423,7 +7423,7 @@ __metadata:
     "@storybook/client-api": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/preview-web": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
     "@storybook/ui": 7.0.0-alpha.38
@@ -7442,7 +7442,7 @@ __metadata:
   resolution: "@storybook/core-common@workspace:lib/core-common"
   dependencies:
     "@babel/core": ^7.12.10
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/node-logger": 7.0.0-alpha.38
     "@types/babel__core": ^7.0.0
     "@types/express": ^4.7.0
@@ -7508,7 +7508,7 @@ __metadata:
     "@storybook/core-client": 7.0.0-alpha.38
     "@storybook/core-common": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/csf-tools": 7.0.0-alpha.38
     "@storybook/docs-mdx": 0.0.1-canary.12433cf.0
     "@storybook/node-logger": 7.0.0-alpha.38
@@ -7584,7 +7584,7 @@ __metadata:
     "@babel/parser": ^7.12.11
     "@babel/traverse": ^7.12.11
     "@babel/types": ^7.12.11
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@types/fs-extra": ^9.0.6
     fs-extra: ^9.0.1
     js-yaml: ^3.14.1
@@ -7602,12 +7602,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/csf@npm:0.0.2--canary.49.258942b.0":
-  version: 0.0.2--canary.49.258942b.0
-  resolution: "@storybook/csf@npm:0.0.2--canary.49.258942b.0"
+"@storybook/csf@npm:0.0.2--canary.51.23af5af.0":
+  version: 0.0.2--canary.51.23af5af.0
+  resolution: "@storybook/csf@npm:0.0.2--canary.51.23af5af.0"
   dependencies:
     lodash: ^4.17.15
-  checksum: f765e427fa086ea00a313a107672a092a607e8086cd0d126fb8a3f6cf305af16db8cba8a0a9b81594fa378ade7d6842ab682d951c45c4b3ee74406b83e989404
+    type-fest: ^2.19.0
+  checksum: 35a7062f46019a3bb45c13542ed38fdf3f2295b63f471e7cf46061a9b5ac879cafd64711ae71c511fe8e1bf9c4473568dcdac6b6923ab50d4c05632dbee98189
   languageName: node
   linkType: hard
 
@@ -7638,7 +7639,7 @@ __metadata:
   dependencies:
     "@babel/core": ^7.12.10
     "@storybook/core-common": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/store": 7.0.0-alpha.38
     doctrine: ^3.0.0
     jest-specific-snapshot: ^4.0.0
@@ -7739,7 +7740,7 @@ __metadata:
     "@storybook/addon-essentials": 7.0.0-alpha.38
     "@storybook/blocks": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/preview-web": 7.0.0-alpha.38
     "@storybook/react": 7.0.0-alpha.38
     "@storybook/react-webpack5": 7.0.0-alpha.38
@@ -7789,7 +7790,7 @@ __metadata:
   dependencies:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/preview-web": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
@@ -7970,7 +7971,7 @@ __metadata:
   dependencies:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/store": 7.0.0-alpha.38
     global: ^4.4.0
     preact: ^10.5.13
@@ -8174,7 +8175,7 @@ __metadata:
     "@storybook/channels": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/store": 7.0.0-alpha.38
     ansi-to-html: ^0.6.11
     global: ^4.4.0
@@ -8264,7 +8265,7 @@ __metadata:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
     "@types/estree": ^0.0.51
@@ -8515,7 +8516,7 @@ __metadata:
     ts-loader: ^9.2.8
     ts-node: ^10.4.0
     tsup: ^6.2.2
-    typescript: 4.7.4
+    typescript: ~4.6.3
     util: ^0.12.4
     verdaccio: ^4.10.0
     verdaccio-auth-memory: ^9.7.2
@@ -8624,7 +8625,7 @@ __metadata:
   dependencies:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/preview-web": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
     global: ^4.4.0
@@ -8639,7 +8640,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/source-loader@workspace:lib/source-loader"
   dependencies:
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     estraverse: ^5.2.0
     jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
@@ -8658,7 +8659,7 @@ __metadata:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
@@ -8729,14 +8730,17 @@ __metadata:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
+    expect-type: ^0.14.2
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
     svelte: ^3.31.2
+    svelte-check: ^2.9.2
     sveltedoc-parser: ^4.2.1
+    type-fest: 2.19.0
     typescript: ~4.6.3
   peerDependencies:
     "@babel/core": "*"
@@ -8827,7 +8831,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/components": 7.0.0-alpha.38
     "@storybook/core-events": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/router": 7.0.0-alpha.38
     "@storybook/theming": 7.0.0-alpha.38
     "@testing-library/react": ^11.2.2
@@ -8955,7 +8959,7 @@ __metadata:
     "@digitak/esrun": ^3.2.2
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
     global: ^4.4.0
@@ -8978,7 +8982,7 @@ __metadata:
     "@storybook/addons": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
     global: ^4.4.0
@@ -9043,7 +9047,7 @@ __metadata:
     "@storybook/api": 7.0.0-alpha.38
     "@storybook/client-logger": 7.0.0-alpha.38
     "@storybook/core-client": 7.0.0-alpha.38
-    "@storybook/csf": 0.0.2--canary.49.258942b.0
+    "@storybook/csf": 0.0.2--canary.51.23af5af.0
     "@storybook/docs-tools": 7.0.0-alpha.38
     "@storybook/preview-web": 7.0.0-alpha.38
     "@storybook/store": 7.0.0-alpha.38
@@ -14577,7 +14581,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chokidar@npm:>=3.0.0 <4.0.0, chokidar@npm:^3.0.0, chokidar@npm:^3.4.0, chokidar@npm:^3.5.1, chokidar@npm:^3.5.2, chokidar@npm:^3.5.3":
+"chokidar@npm:>=3.0.0 <4.0.0, chokidar@npm:^3.0.0, chokidar@npm:^3.4.0, chokidar@npm:^3.4.1, chokidar@npm:^3.5.1, chokidar@npm:^3.5.2, chokidar@npm:^3.5.3":
   version: 3.5.3
   resolution: "chokidar@npm:3.5.3"
   dependencies:
@@ -35558,7 +35562,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sade@npm:^1.7.3":
+"sade@npm:^1.7.3, sade@npm:^1.7.4":
   version: 1.8.1
   resolution: "sade@npm:1.8.1"
   dependencies:
@@ -37686,6 +37690,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"svelte-check@npm:^2.9.2":
+  version: 2.9.2
+  resolution: "svelte-check@npm:2.9.2"
+  dependencies:
+    "@jridgewell/trace-mapping": ^0.3.9
+    chokidar: ^3.4.1
+    fast-glob: ^3.2.7
+    import-fresh: ^3.2.1
+    picocolors: ^1.0.0
+    sade: ^1.7.4
+    svelte-preprocess: ^4.0.0
+    typescript: "*"
+  peerDependencies:
+    svelte: ^3.24.0
+  bin:
+    svelte-check: bin/svelte-check
+  checksum: 74466baae06839cdac247db88af3ebd4bdaa5e2b9332f8420e501cb4731541722aa69baecf8f269e96cbf6a79027fc59b742449f4ca04b2d6981df3c6842a4cd
+  languageName: node
+  linkType: hard
+
 "svelte-dev-helper@npm:^1.1.9":
   version: 1.1.9
   resolution: "svelte-dev-helper@npm:1.1.9"
@@ -37763,7 +37787,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svelte-preprocess@npm:^4.10.6":
+"svelte-preprocess@npm:^4.0.0, svelte-preprocess@npm:^4.10.6":
   version: 4.10.7
   resolution: "svelte-preprocess@npm:4.10.7"
   dependencies:
@@ -39067,6 +39091,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-fest@npm:2.19.0, type-fest@npm:^2.17.0, type-fest@npm:^2.19.0":
+  version: 2.19.0
+  resolution: "type-fest@npm:2.19.0"
+  checksum: a5a7ecf2e654251613218c215c7493574594951c08e52ab9881c9df6a6da0aeca7528c213c622bc374b4e0cb5c443aa3ab758da4e3c959783ce884c3194e12cb
+  languageName: node
+  linkType: hard
+
 "type-fest@npm:^0.11.0":
   version: 0.11.0
   resolution: "type-fest@npm:0.11.0"
@@ -39116,13 +39147,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^2.17.0, type-fest@npm:^2.19.0":
-  version: 2.19.0
-  resolution: "type-fest@npm:2.19.0"
-  checksum: a5a7ecf2e654251613218c215c7493574594951c08e52ab9881c9df6a6da0aeca7528c213c622bc374b4e0cb5c443aa3ab758da4e3c959783ce884c3194e12cb
-  languageName: node
-  linkType: hard
-
 "type-is@npm:~1.6.17, type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
diff --git a/package.json b/package.json
index 08611ecd69e3..16048ed0f762 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
     "task": "echo 'Installing Script Dependencies...'; cd scripts; yarn install >/dev/null; yarn task",
     "get-template": "cd scripts; yarn get-template",
     "test": "cd code; yarn test",
-    "lint": "cd code; yarn lint"
+    "lint": "cd code; yarn lint",
+    "nx": "cd code; yarn nx"
   },
   "packageManager": "yarn@3.2.3"
 }
diff --git a/scripts/tasks/check.ts b/scripts/tasks/check.ts
index c0dc321ca9f1..6426b20fe862 100644
--- a/scripts/tasks/check.ts
+++ b/scripts/tasks/check.ts
@@ -1,7 +1,8 @@
-import { exec } from '../utils/exec';
 import type { Task } from '../task';
+import { exec } from '../utils/exec';
+import { maxConcurrentTasks } from '../utils/maxConcurrentTasks';
 
-const command = `nx run-many --target="check" --all --parallel --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer`;
+const command = `nx run-many --target="check" --all --parallel=${maxConcurrentTasks} --exclude=@storybook/addon-storyshots,@storybook/addon-storyshots-puppeteer`;
 
 export const check: Task = {
   description: 'Typecheck the source code of the monorepo',
diff --git a/scripts/utils/options.test.ts b/scripts/utils/options.test.ts
index 7909ac16c1f8..e3c57cc9fc86 100644
--- a/scripts/utils/options.test.ts
+++ b/scripts/utils/options.test.ts
@@ -1,8 +1,9 @@
+import { describe, expect, it } from '@jest/globals';
 import { createCommand } from 'commander';
-import { describe, it, expect } from '@jest/globals';
+import { maxConcurrentTasks } from './maxConcurrentTasks';
 
-import { createOptions, getOptions, areOptionsSatisfied, getCommand } from './options';
-import type { OptionValues, MaybeOptionValues } from './options';
+import type { MaybeOptionValues, OptionValues } from './options';
+import { areOptionsSatisfied, createOptions, getCommand, getOptions } from './options';
 
 const allOptions = createOptions({
   first: {
@@ -47,6 +48,7 @@ function test(mv: MaybeOptionValues<typeof allOptions>, v: OptionValues<typeof a
 }
 
 describe('getOptions', () => {
+  console.log(maxConcurrentTasks);
   it('deals with boolean options', () => {
     expect(getOptions(createCommand(), allOptions, ['command', 'name', '--first'])).toMatchObject({
       first: true,