diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3ebf5a318d8b..675ec66e5a42 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## 8.5.1
+
+- Addon Test: Replace `interaction test` -> `component test` - [#30333](https://github.com/storybookjs/storybook/pull/30333), thanks @kylegach!
+- Addon Test: Support Vitest 3 browser.test.instances field - [#30309](https://github.com/storybookjs/storybook/pull/30309), thanks @valentinpalkovic!
+- Manager: Fix escaping of single quotes in dynamic import paths - [#30278](https://github.com/storybookjs/storybook/pull/30278), thanks @valentinpalkovic!
+- RNW-Vite: Support requires for images/fonts - [#30305](https://github.com/storybookjs/storybook/pull/30305), thanks @dannyhw!
+
 ## 8.5.0
 
 Storybook 8.5 is packed with powerful features to enhance your development workflow. This release makes it easier than ever to build accessible, well-tested UIs. Here’s what’s new:
diff --git a/code/addons/test/src/components/EmptyState.tsx b/code/addons/test/src/components/EmptyState.tsx
index 0768a9864946..c54a13df7d28 100644
--- a/code/addons/test/src/components/EmptyState.tsx
+++ b/code/addons/test/src/components/EmptyState.tsx
@@ -46,10 +46,10 @@ export const Empty = () => {
 
   return (
     <EmptyTabContent
-      title="Interaction testing"
+      title="Component testing"
       description={
         <>
-          Interaction tests allow you to verify the functional aspects of UIs. Write a play function
+          Component tests allow you to verify the functional aspects of UIs. Write a play function
           for your story and you&apos;ll see it run here.
         </>
       }
diff --git a/code/core/src/builder-manager/utils/managerEntries.ts b/code/core/src/builder-manager/utils/managerEntries.ts
index 787116d05c0e..9609c94f40ab 100644
--- a/code/core/src/builder-manager/utils/managerEntries.ts
+++ b/code/core/src/builder-manager/utils/managerEntries.ts
@@ -60,7 +60,8 @@ export async function wrapManagerEntries(entrypoints: string[], uniqueId?: strin
         const directory = dirname(location);
         await mkdir(directory, { recursive: true });
       }
-      await writeFile(location, `import '${slash(entry)}';`);
+
+      await writeFile(location, `import '${slash(entry).replaceAll(/'/g, "\\'")}';`);
 
       return location;
     })
diff --git a/code/frameworks/angular/template/cli/page.stories.ts b/code/frameworks/angular/template/cli/page.stories.ts
index 74deedbfccc1..8237ee228b34 100644
--- a/code/frameworks/angular/template/cli/page.stories.ts
+++ b/code/frameworks/angular/template/cli/page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<PageComponent>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.stories.js b/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.stories.js
index 383fd1ab44e3..7b9906a73514 100644
--- a/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.stories.js
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.stories.js
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.stories.ts b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.stories.ts
index 7581ed2bee30..0cf1d4e00c83 100644
--- a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.stories.ts
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.stories.ts b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.stories.ts
index 53b9f8fdf9c9..5d2c688a978f 100644
--- a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.stories.ts
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/nextjs/template/cli/js/Page.stories.js b/code/frameworks/nextjs/template/cli/js/Page.stories.js
index 383fd1ab44e3..7b9906a73514 100644
--- a/code/frameworks/nextjs/template/cli/js/Page.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Page.stories.js
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts b/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
index 7581ed2bee30..0cf1d4e00c83 100644
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/nextjs/template/cli/ts-4-9/Page.stories.ts b/code/frameworks/nextjs/template/cli/ts-4-9/Page.stories.ts
index 53b9f8fdf9c9..5d2c688a978f 100644
--- a/code/frameworks/nextjs/template/cli/ts-4-9/Page.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-4-9/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index f49cea37f453..25a00607fc6f 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -62,6 +62,7 @@
     "@storybook/react-vite": "workspace:*",
     "@vitejs/plugin-react": "^4.3.2",
     "vite-plugin-babel": "^1.3.0",
+    "vite-plugin-commonjs": "^0.10.4",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {
diff --git a/code/frameworks/react-native-web-vite/src/preset.ts b/code/frameworks/react-native-web-vite/src/preset.ts
index df94a85d1434..e71b045d8d24 100644
--- a/code/frameworks/react-native-web-vite/src/preset.ts
+++ b/code/frameworks/react-native-web-vite/src/preset.ts
@@ -4,6 +4,7 @@ import { esbuildFlowPlugin, flowPlugin } from '@bunchtogether/vite-plugin-flow';
 import react from '@vitejs/plugin-react';
 import type { InlineConfig, PluginOption } from 'vite';
 import babel from 'vite-plugin-babel';
+import commonjs from 'vite-plugin-commonjs';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 import type { FrameworkOptions, StorybookConfig } from './types';
@@ -129,6 +130,7 @@ export const viteFinal: StorybookConfig['viteFinal'] = async (config, options) =
       }),
       ...plugins,
       reactNativeWeb(),
+      commonjs(),
     ],
     optimizeDeps: {
       esbuildOptions: {
diff --git a/code/package.json b/code/package.json
index 2535d3d823e1..7aa3548f5e39 100644
--- a/code/package.json
+++ b/code/package.json
@@ -294,5 +294,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.5.1"
 }
diff --git a/code/renderers/html/template/cli/js/Page.stories.js b/code/renderers/html/template/cli/js/Page.stories.js
index aa2c710f08eb..4e98ad615cd7 100644
--- a/code/renderers/html/template/cli/js/Page.stories.js
+++ b/code/renderers/html/template/cli/js/Page.stories.js
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/html/template/cli/ts-3-8/Page.stories.ts b/code/renderers/html/template/cli/ts-3-8/Page.stories.ts
index bb9c2859fb6d..e20b2ac0f377 100644
--- a/code/renderers/html/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Page.stories.ts
@@ -16,7 +16,7 @@ export default meta;
 
 export const LoggedOut: StoryObj = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: StoryObj = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/html/template/cli/ts-4-9/Page.stories.ts b/code/renderers/html/template/cli/ts-4-9/Page.stories.ts
index 9dc897a97e7c..5aa9e689913e 100644
--- a/code/renderers/html/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Page.stories.ts
@@ -16,7 +16,7 @@ export default meta;
 
 export const LoggedOut: StoryObj = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: StoryObj = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/preact/template/cli/Page.stories.jsx b/code/renderers/preact/template/cli/Page.stories.jsx
index 89edcba5ed80..b7a417b634f0 100644
--- a/code/renderers/preact/template/cli/Page.stories.jsx
+++ b/code/renderers/preact/template/cli/Page.stories.jsx
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/react/template/cli/js/Page.stories.js b/code/renderers/react/template/cli/js/Page.stories.js
index 383fd1ab44e3..7b9906a73514 100644
--- a/code/renderers/react/template/cli/js/Page.stories.js
+++ b/code/renderers/react/template/cli/js/Page.stories.js
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/react/template/cli/ts-3-8/Page.stories.ts b/code/renderers/react/template/cli/ts-3-8/Page.stories.ts
index 6ff6f1a01dbe..b806d1aec977 100644
--- a/code/renderers/react/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/react/template/cli/ts-3-8/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/react/template/cli/ts-4-9/Page.stories.ts b/code/renderers/react/template/cli/ts-4-9/Page.stories.ts
index 53b9f8fdf9c9..5d2c688a978f 100644
--- a/code/renderers/react/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/react/template/cli/ts-4-9/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/svelte/template/cli/js/Page.stories.js b/code/renderers/svelte/template/cli/js/Page.stories.js
index 16c226c63c37..5ce7b3dac56f 100644
--- a/code/renderers/svelte/template/cli/js/Page.stories.js
+++ b/code/renderers/svelte/template/cli/js/Page.stories.js
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts b/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
index b8f286bb71b5..66a89b3de89d 100644
--- a/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts b/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
index d9fa059f21bf..4a43fc931213 100644
--- a/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/vue3/template/cli/js/Page.stories.js b/code/renderers/vue3/template/cli/js/Page.stories.js
index a2bc183ca7d1..f03db3c7f07f 100644
--- a/code/renderers/vue3/template/cli/js/Page.stories.js
+++ b/code/renderers/vue3/template/cli/js/Page.stories.js
@@ -13,7 +13,7 @@ export default {
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn = {
   render: () => ({
     components: {
diff --git a/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts b/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
index d2a73e0d8fd8..8ef4a3f601f6 100644
--- a/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
@@ -21,7 +21,7 @@ const meta: Meta<typeof MyPage> = {
 export default meta;
 type Story = StoryObj<typeof MyPage>;
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }: any) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts b/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
index 525870f15307..81962281df46 100644
--- a/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
@@ -21,7 +21,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }: any) => {
     const canvas = within(canvasElement);
diff --git a/code/yarn.lock b/code/yarn.lock
index 844bc7bfea06..5b7d8c9e949e 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6974,6 +6974,7 @@ __metadata:
     "@vitejs/plugin-react": "npm:^4.3.2"
     typescript: "npm:^5.3.2"
     vite-plugin-babel: "npm:^1.3.0"
+    vite-plugin-commonjs: "npm:^0.10.4"
     vite-tsconfig-paths: "npm:^5.1.4"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
@@ -29222,6 +29223,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-plugin-commonjs@npm:^0.10.4":
+  version: 0.10.4
+  resolution: "vite-plugin-commonjs@npm:0.10.4"
+  dependencies:
+    acorn: "npm:^8.12.1"
+    magic-string: "npm:^0.30.11"
+    vite-plugin-dynamic-import: "npm:^1.6.0"
+  checksum: 10c0/074e0d7a1e8f20d605f1a02c53867706639ea5a9aac8657e8d90442f13cf86154a6ebc65de1f05eb62e1a98523422d5025f3b7ccaabe88c486bec12b45e5d136
+  languageName: node
+  linkType: hard
+
+"vite-plugin-dynamic-import@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "vite-plugin-dynamic-import@npm:1.6.0"
+  dependencies:
+    acorn: "npm:^8.12.1"
+    es-module-lexer: "npm:^1.5.4"
+    fast-glob: "npm:^3.3.2"
+    magic-string: "npm:^0.30.11"
+  checksum: 10c0/049f953b404157346e06a729eb055bc5b3630ac990bf36d52e6c44b1b223ac8e1f22fa1c44cadea55e7621366a0666439860fd4572f09c87daa45affd5dd15b6
+  languageName: node
+  linkType: hard
+
 "vite-plugin-inspect@npm:^0.8.5":
   version: 0.8.9
   resolution: "vite-plugin-inspect@npm:0.8.9"
diff --git a/docs/_snippets/addon-actions-action-function.md b/docs/_snippets/addon-actions-action-function.md
index ac2c1cd93a7d..6af337fe1ac9 100644
--- a/docs/_snippets/addon-actions-action-function.md
+++ b/docs/_snippets/addon-actions-action-function.md
@@ -4,7 +4,7 @@ import { action } from '@storybook/addon-actions';
 
 import Button from './button.component';
 
-const meta: Meta<Button> {
+const meta: Meta<Button> = {
   component: Button,
   args: {
     // 👇 Create an action that appears when the onClick event is fired
@@ -36,7 +36,7 @@ import { action } from '@storybook/addon-actions';
 
 import Button from './Button';
 
-const meta {
+const meta = {
   component: Button,
   args: {
     // 👇 Create an action that appears when the onClick event is fired
@@ -54,7 +54,7 @@ import { action } from '@storybook/addon-actions';
 
 import Button from './Button';
 
-const meta: Meta<typeof Button> {
+const meta: Meta<typeof Button> = {
   component: Button,
   args: {
     // 👇 Create an action that appears when the onClick event is fired
@@ -81,7 +81,7 @@ export default {
 import type { Meta } from '@storybook/angular';
 import { action } from '@storybook/addon-actions';
 
-const meta: Meta {
+const meta: Meta = {
   component: 'demo-button',
   args: {
     // 👇 Create an action that appears when the onClick event is fired
diff --git a/docs/_snippets/api-doc-block-canvas-parameter.md b/docs/_snippets/api-doc-block-canvas-parameter.md
index f49d31200bde..36814ee5d160 100644
--- a/docs/_snippets/api-doc-block-canvas-parameter.md
+++ b/docs/_snippets/api-doc-block-canvas-parameter.md
@@ -20,7 +20,7 @@ export const Basic: Story = {
 ```
 
 ```js filename="Button.stories.js|jsx" renderer="common" language="js"
-export const Basic {
+export const Basic = {
   parameters: {
     docs: {
       canvas: { sourceState: 'shown' },
diff --git a/docs/_snippets/api-doc-block-description-example.md b/docs/_snippets/api-doc-block-description-example.md
index 63221a8078fc..ce565b43f478 100644
--- a/docs/_snippets/api-doc-block-description-example.md
+++ b/docs/_snippets/api-doc-block-description-example.md
@@ -8,11 +8,11 @@ import { Button } from './button.component';
  * These stories showcase the button
  */
 const meta: Meta<Button> = {
-  component: Button
+  component: Button,
   parameters: {
     docs: {
       description: {
-        component: 'Another description, overriding the comments'
+        component: 'Another description, overriding the comments',
       },
     },
   },
@@ -29,7 +29,7 @@ export const Primary: Story = {
   parameters: {
     docs: {
       description: {
-        story: 'Another description on the story, overriding the comments'
+        story: 'Another description on the story, overriding the comments',
       },
     },
   },
@@ -44,15 +44,15 @@ import { Button } from './Button';
  * These stories showcase the button
  */
 export default {
-  component: Button
+  component: Button,
   parameters: {
     docs: {
       description: {
-        component: 'Another description, overriding the comments'
-      }
-    }
-  }
-}
+        component: 'Another description, overriding the comments',
+      },
+    },
+  },
+};
 
 /**
  * Primary Button
@@ -62,11 +62,11 @@ export const Primary = {
   parameters: {
     docs: {
       description: {
-        story: 'Another description on the story, overriding the comments'
-      }
-    }
-  }
-}
+        story: 'Another description on the story, overriding the comments',
+      },
+    },
+  },
+};
 ```
 
 ```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9"
@@ -80,18 +80,18 @@ import { Button } from './Button';
  * These stories showcase the button
  */
 const meta = {
-  component: Button
+  component: Button,
   parameters: {
     docs: {
       description: {
-        component: 'Another description, overriding the comments'
-      }
-    }
-  }
+        component: 'Another description, overriding the comments',
+      },
+    },
+  },
 } satisfies Meta<typeof Button>;
 
 export default meta;
-type Story = StoryObj<typeof meta>
+type Story = StoryObj<typeof meta>;
 
 /**
  * Primary Button
@@ -101,11 +101,11 @@ export const Primary: Story = {
   parameters: {
     docs: {
       description: {
-        story: 'Another description on the story, overriding the comments'
-      }
-    }
-  }
-}
+        story: 'Another description on the story, overriding the comments',
+      },
+    },
+  },
+};
 ```
 
 ```ts filename="Button.stories.ts|tsx" renderer="common" language="ts"
@@ -119,11 +119,11 @@ import { Button } from './Button';
  * These stories showcase the button
  */
 const meta: Meta<typeof Button> = {
-  component: Button
+  component: Button,
   parameters: {
     docs: {
       description: {
-        component: 'Another description, overriding the comments'
+        component: 'Another description, overriding the comments',
       },
     },
   },
@@ -140,7 +140,7 @@ export const Primary: Story = {
   parameters: {
     docs: {
       description: {
-        story: 'Another description on the story, overriding the comments'
+        story: 'Another description on the story, overriding the comments',
       },
     },
   },
diff --git a/docs/_snippets/api-doc-block-source-parameter.md b/docs/_snippets/api-doc-block-source-parameter.md
index 8b1293180248..fbe842342381 100644
--- a/docs/_snippets/api-doc-block-source-parameter.md
+++ b/docs/_snippets/api-doc-block-source-parameter.md
@@ -20,7 +20,13 @@ export const Basic: Story = {
 ```
 
 ```js filename="Button.stories.js|jsx" renderer="common" language="js"
-export const Basic {
+const meta = {
+  component: Button,
+};
+
+export default meta;
+
+export const Basic = {
   parameters: {
     docs: {
       source: { language: 'jsx' },
diff --git a/docs/_snippets/api-doc-block-story-parameter.md b/docs/_snippets/api-doc-block-story-parameter.md
index 1054cf6d1620..3c3bd4e68278 100644
--- a/docs/_snippets/api-doc-block-story-parameter.md
+++ b/docs/_snippets/api-doc-block-story-parameter.md
@@ -20,7 +20,12 @@ export const Basic: Story = {
 ```
 
 ```js filename="Button.stories.js|jsx" renderer="common" language="js"
-export const Basic {
+const meta = {
+  component: Button,
+};
+export default meta;
+
+export const Basic = {
   parameters: {
     docs: {
       story: { autoplay: true },
diff --git a/docs/_snippets/button-story-click-handler-simplificated.md b/docs/_snippets/button-story-click-handler-simplificated.md
index 983d07c5a843..e6f31fd6c063 100644
--- a/docs/_snippets/button-story-click-handler-simplificated.md
+++ b/docs/_snippets/button-story-click-handler-simplificated.md
@@ -20,10 +20,10 @@ import { Button } from './Button';
 
 export default {
   component: Button,
-}
+};
 
 export const Text = {
-  args: {...},
+  args: {/* ... */},
 };
 ```
 
@@ -66,10 +66,10 @@ import { Button } from './Button';
 
 export default {
   component: Button,
-}
+};
 
 export const Text = {
-  args: {...},
+  args: {/* ... */},
 };
 ```
 
@@ -115,7 +115,7 @@ export default {
 };
 
 export const Text = {
-  args: {...},
+  args: {/* ... */},
 };
 ```
 
@@ -132,7 +132,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Text: Story = {
-  args: {...},
+  args: {/* ... */},
 };
 ```
 
@@ -149,7 +149,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Text: Story = {
-  args: {...},
+  args: {/* ... */},
 };
 ```
 
@@ -219,7 +219,7 @@ export default {
 };
 
 export const Text = {
-  args: {...},
+  args: {/* ... */},
 };
 ```
 
diff --git a/docs/_snippets/main-config-indexers-jsonstories.md b/docs/_snippets/main-config-indexers-jsonstories.md
index 8d0ea9c1b7f4..5d7ab1fba17d 100644
--- a/docs/_snippets/main-config-indexers-jsonstories.md
+++ b/docs/_snippets/main-config-indexers-jsonstories.md
@@ -8,11 +8,11 @@ const jsonStoriesIndexer = {
 
     const stories = generateStoryIndexesFromJson(content);
 
-    return stories.map((story) => {
+    return stories.map((story) => ({
       type: 'story',
       importPath: `virtual:jsonstories--${fileName}--${story.componentName}`,
-      exportName: story.name
-    });
+      exportName: story.name,
+    }));
   },
 };
 
@@ -24,7 +24,7 @@ const config = {
     // 👇 Make sure files to index are included in `stories`
     '../src/**/*.stories.json',
   ],
-  experimental_indexers: async (existingIndexers) => [...existingIndexers, jsonStoriesIndexer];
+  experimental_indexers: async (existingIndexers) => [...existingIndexers, jsonStoriesIndexer],
 };
 
 export default config;
@@ -44,11 +44,11 @@ const jsonStoriesIndexer: Indexer = {
 
     const stories = generateStoryIndexesFromJson(content);
 
-    return stories.map((story) => {
+    return stories.map((story) => ({
       type: 'story',
       importPath: `virtual:jsonstories--${fileName}--${story.componentName}`,
-      exportName: story.name
-    });
+      exportName: story.name,
+    }));
   },
 };
 
@@ -60,7 +60,7 @@ const config: StorybookConfig = {
     // 👇 Make sure files to index are included in `stories`
     '../src/**/*.stories.json',
   ],
-  experimental_indexers: async (existingIndexers) => [...existingIndexers, jsonStoriesIndexer];
+  experimental_indexers: async (existingIndexers) => [...existingIndexers, jsonStoriesIndexer],
 };
 
 export default config;
@@ -80,11 +80,11 @@ const jsonStoriesIndexer: Indexer = {
 
     const stories = generateStoryIndexesFromJson(content);
 
-    return stories.map((story) => {
+    return stories.map((story) => ({
       type: 'story',
       importPath: `virtual:jsonstories--${fileName}--${story.componentName}`,
-      exportName: story.name
-    });
+      exportName: story.name,
+    }));
   },
 };
 
@@ -96,7 +96,7 @@ const config: StorybookConfig = {
     // 👇 Make sure files to index are included in `stories`
     '../src/**/*.stories.json',
   ],
-  experimental_indexers: async (existingIndexers) => [...existingIndexers, jsonStoriesIndexer];
+  experimental_indexers: async (existingIndexers) => [...existingIndexers, jsonStoriesIndexer],
 };
 
 export default config;
diff --git a/docs/_snippets/main-config-indexers-title.md b/docs/_snippets/main-config-indexers-title.md
index 33f3ad714c30..8e8fae33544d 100644
--- a/docs/_snippets/main-config-indexers-title.md
+++ b/docs/_snippets/main-config-indexers-title.md
@@ -6,6 +6,8 @@ const combosIndexer = {
     const title = fileName.match(/\/(.*)\.stories/)[1];
 
     // Read file and generate entries ...
+    let entries = [];
+    // Read file and generate entries...
 
     return entries.map((entry) => ({
       type: 'story',
@@ -20,7 +22,7 @@ const combosIndexer = {
 const config = {
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  experimental_indexers: async (existingIndexers) => [...existingIndexers, combosIndexer];
+  experimental_indexers: async (existingIndexers) => [...existingIndexers, combosIndexer],
 };
 
 export default config;
@@ -38,6 +40,7 @@ const combosIndexer: Indexer = {
     const title = fileName.match(/\/(.*)\.stories/)[1];
 
     // Read file and generate entries ...
+    const entries = [];
 
     return entries.map((entry) => ({
       type: 'story',
@@ -52,7 +55,7 @@ const combosIndexer: Indexer = {
 const config: StorybookConfig = {
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  experimental_indexers: async (existingIndexers) => [...existingIndexers, combosIndexer];
+  experimental_indexers: async (existingIndexers) => [...existingIndexers, combosIndexer],
 };
 
 export default config;
@@ -70,6 +73,7 @@ const combosIndexer: Indexer = {
     const title = fileName.match(/\/(.*)\.stories/)[1];
 
     // Read file and generate entries ...
+    const entries = [];
 
     return entries.map((entry) => ({
       type: 'story',
@@ -84,7 +88,7 @@ const combosIndexer: Indexer = {
 const config: StorybookConfig = {
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  experimental_indexers: async (existingIndexers) => [...existingIndexers, combosIndexer];
+  experimental_indexers: async (existingIndexers) => [...existingIndexers, combosIndexer],
 };
 
 export default config;
diff --git a/docs/_snippets/main-config-indexers.md b/docs/_snippets/main-config-indexers.md
index 544f8d2b98c9..e2107958d2ea 100644
--- a/docs/_snippets/main-config-indexers.md
+++ b/docs/_snippets/main-config-indexers.md
@@ -11,7 +11,9 @@ export default {
   experimental_indexers: async (existingIndexers) => {
     const customIndexer = {
       test: /\.custom-stories\.[tj]sx?$/,
-      createIndex: // See API and examples below...
+      createIndex: async (fileName) => {
+        // See API and examples below...
+      },
     };
     return [...existingIndexers, customIndexer];
   },
@@ -33,13 +35,15 @@ const config: StorybookConfig = {
   experimental_indexers: async (existingIndexers) => {
     const customIndexer = {
       test: /\.custom-stories\.[tj]sx?$/,
-      createIndex: // See API and examples below...
+      createIndex: async (fileName) => {
+        // See API and examples below...
+      },
     };
     return [...existingIndexers, customIndexer];
   },
 };
 
-export default config
+export default config;
 ```
 
 ```ts filename=".storybook/main.ts" renderer="common" language="ts"
@@ -57,11 +61,13 @@ const config: StorybookConfig = {
   experimental_indexers: async (existingIndexers) => {
     const customIndexer = {
       test: /\.custom-stories\.[tj]sx?$/,
-      createIndex: // See API and examples below...
+      createIndex: async (fileName) => {
+        // See API and examples below...
+      },
     };
     return [...existingIndexers, customIndexer];
   },
 };
 
-export default config
+export default config;
 ```
diff --git a/docs/_snippets/my-component-story-mandatory-export.md b/docs/_snippets/my-component-story-mandatory-export.md
index 2e49f0c50359..21dd007b0daa 100644
--- a/docs/_snippets/my-component-story-mandatory-export.md
+++ b/docs/_snippets/my-component-story-mandatory-export.md
@@ -10,8 +10,8 @@ const meta: Meta<MyComponent> = {
    */
   title: 'Path/To/MyComponent',
   component: MyComponent,
-  decorators: [ ... ],
-  parameters: { ... },
+  decorators: [/* ... */],
+  parameters: {/* ... */},
 };
 
 export default meta;
@@ -22,13 +22,13 @@ import { MyComponent } from './MyComponent';
 
 export default {
   /* 👇 The title prop is optional.
-  * See https://storybook.js.org/docs/configure/#configure-story-loading
-  * to learn how to generate automatic titles
-  */
+   * See https://storybook.js.org/docs/configure/#configure-story-loading
+   * to learn how to generate automatic titles
+   */
   title: 'Path/To/MyComponent',
   component: MyComponent,
-  decorators: [ ... ],
-  parameters: { ... },
+  decorators: [/* ... */],
+  parameters: {/* ... */},
 };
 ```
 
@@ -45,8 +45,8 @@ const meta = {
    */
   title: 'Path/To/MyComponent',
   component: MyComponent,
-  decorators: [ ... ],
-  parameters: { ... },
+  decorators: [/* ... */],
+  parameters: {/* ... */},
 } satisfies Meta<typeof MyComponent>;
 
 export default meta;
@@ -65,8 +65,8 @@ const meta: Meta<typeof MyComponent> = {
    */
   title: 'Path/To/MyComponent',
   component: MyComponent,
-  decorators: [ ... ],
-  parameters: { ... },
+  decorators: [/* ... */],
+  parameters: {/* ... */},
 };
 
 export default meta;
@@ -76,8 +76,8 @@ export default meta;
 export default {
   title: 'Path/To/MyComponent',
   component: 'my-component',
-  decorators: [ ... ],
-  parameters: { ... },
+  decorators: [/* ... */],
+  parameters: {/* ... */},
 };
 ```
 
@@ -87,8 +87,8 @@ import type { Meta } from '@storybook/web-components';
 const meta: Meta = {
   title: 'Path/To/MyComponent',
   component: 'my-component',
-  decorators: [ ... ],
-  parameters: { ... },
+  decorators: [/* ... */],
+  parameters: {/* ... */},
 };
 
 export default meta;
diff --git a/docs/_snippets/my-component-story-with-storyname.md b/docs/_snippets/my-component-story-with-storyname.md
index 8a37ebaa137f..d0c18df08e33 100644
--- a/docs/_snippets/my-component-story-with-storyname.md
+++ b/docs/_snippets/my-component-story-with-storyname.md
@@ -11,9 +11,8 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 export const Simple: Story = {
-  decorators: [],
   name: 'So simple!',
-  parameters: {},
+  // ...
 };
 ```
 
@@ -25,10 +24,9 @@ export default {
 };
 
 export const Simple = {
-  decorators: [...],
   name: 'So simple!',
-  parameters: {...},
-}
+  // ...
+};
 ```
 
 ```ts filename="MyComponent.stories.ts|tsx" renderer="common" language="ts-4-9"
@@ -45,9 +43,8 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Simple: Story = {
-  decorators: [],
   name: 'So simple!',
-  parameters: {},
+  // ...
 };
 ```
 
@@ -65,9 +62,8 @@ export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
 export const Simple: Story = {
-  decorators: [],
   name: 'So simple!',
-  parameters: {},
+  // ...
 };
 ```
 
@@ -77,9 +73,8 @@ export default {
 };
 
 export const Simple = {
-  decorators: [],
   name: 'So simple!',
-  parameters: {},
+  // ...
 };
 ```
 
@@ -94,8 +89,7 @@ export default meta;
 type Story = StoryObj;
 
 export const Simple: Story = {
-  decorators: [],
   name: 'So simple!',
-  parameters: {},
+  // ...
 };
 ```
diff --git a/docs/_snippets/nextjs-navigation-mock.md b/docs/_snippets/nextjs-navigation-mock.md
index 003fdee91a48..220454e77ebe 100644
--- a/docs/_snippets/nextjs-navigation-mock.md
+++ b/docs/_snippets/nextjs-navigation-mock.md
@@ -15,7 +15,7 @@ export default {
 };
 
 export const Unauthenticated = {
-  async play() => {
+  async play() {
     // 👇 Assert that your component called redirect()
     await expect(redirect).toHaveBeenCalledWith('/login', 'replace');
   },
@@ -56,7 +56,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Unauthenticated: Story = {
-  async play() => {
+  async play() {
     // 👇 Assert that your component called redirect()
     await expect(redirect).toHaveBeenCalledWith('/login', 'replace');
   },
@@ -97,7 +97,7 @@ export default meta;
 type Story = StoryObj<typeof MyForm>;
 
 export const Unauthenticated: Story = {
-  async play() => {
+  async play() {
     // 👇 Assert that your component called redirect()
     await expect(redirect).toHaveBeenCalledWith('/login', 'replace');
   },
diff --git a/docs/_snippets/storybook-addon-themes-jsx-provider-decorator.md b/docs/_snippets/storybook-addon-themes-jsx-provider-decorator.md
index 2a6fa61d7e4a..b9f572d815b1 100644
--- a/docs/_snippets/storybook-addon-themes-jsx-provider-decorator.md
+++ b/docs/_snippets/storybook-addon-themes-jsx-provider-decorator.md
@@ -16,12 +16,12 @@ const preview = {
       themes: {
         light: lightTheme,
         dark: darkTheme,
-      }
+      },
       defaultTheme: 'light',
       Provider: ThemeProvider,
       GlobalStyles,
-    })
-  ]
+    }),
+  ],
 };
 
 export default preview;
@@ -47,12 +47,12 @@ const preview: Preview = {
       themes: {
         light: lightTheme,
         dark: darkTheme,
-      }
+      },
       defaultTheme: 'light',
       Provider: ThemeProvider,
       GlobalStyles,
     }),
-  ]
+  ],
 };
 
 export default preview;
@@ -74,15 +74,16 @@ const GlobalStyles = createGlobalStyle`
 
 const preview: Preview = {
   decorators: [
-  withThemeFromJSXProvider<Renderer>({
-  themes: {
-    light: lightTheme,
-    dark: darkTheme,
-  }
-  defaultTheme: 'light',
-  Provider: ThemeProvider,
-  GlobalStyles,
-})]
+    withThemeFromJSXProvider<Renderer>({
+      themes: {
+        light: lightTheme,
+        dark: darkTheme,
+      },
+      defaultTheme: 'light',
+      Provider: ThemeProvider,
+      GlobalStyles,
+    }),
+  ],
 };
 
 export default preview;
diff --git a/docs/_snippets/storybook-fix-imports-autodocs-monorepo.md b/docs/_snippets/storybook-fix-imports-autodocs-monorepo.md
index 8a1cef5486ed..2cd36e749a60 100644
--- a/docs/_snippets/storybook-fix-imports-autodocs-monorepo.md
+++ b/docs/_snippets/storybook-fix-imports-autodocs-monorepo.md
@@ -1,6 +1,6 @@
 ```js filename="MyComponent.stories.js|jsx" renderer="common" language="js"
 // ❌ Don't use the package's index file to import the component.
-import { MyComponent } from '@component-package';
+// import { MyComponent } from '@component-package';
 
 // ✅ Use the component's export to import it directly.
 import { MyComponent } from '@component-package/src/MyComponent';
@@ -20,7 +20,7 @@ export default {
 import type { Meta } from '@storybook/your-framework';
 
 // ❌ Don't use the package's index file to import the component.
-import { MyComponent } from '@component-package';
+// import { MyComponent } from '@component-package';
 
 // ✅ Use the component's export to import it directly.
 import { MyComponent } from '@component-package/src/MyComponent';
@@ -42,7 +42,7 @@ export default meta;
 import type { Meta } from '@storybook/your-framework';
 
 // ❌ Don't use the package's index file to import the component.
-import { MyComponent } from '@component-package';
+// import { MyComponent } from '@component-package';
 
 // ✅ Use the component's export to import it directly.
 import { MyComponent } from '@component-package/src/MyComponent';
diff --git a/docs/_snippets/storybook-main-simplified-config.md b/docs/_snippets/storybook-main-simplified-config.md
index c324634836c8..161d12897a64 100644
--- a/docs/_snippets/storybook-main-simplified-config.md
+++ b/docs/_snippets/storybook-main-simplified-config.md
@@ -4,10 +4,10 @@ export default {
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   webpackFinal: async (config) => {
-    config.plugins.push(...);
+    config.plugins.push(/* ... */);
     return config;
   },
-}
+};
 ```
 
 ```ts filename=".storybook/main.ts" renderer="common" language="ts"
@@ -17,8 +17,8 @@ import type { StorybookConfig } from '@storybook/your-framework';
 const config: StorybookConfig = {
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-   webpackFinal: async (config) => {
-    config.plugins.push(...);
+  webpackFinal: async (config) => {
+    config.plugins.push(/* ... */);
     return config;
   },
 };
diff --git a/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md b/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md
index 4f5c95ee7c31..1fa8a03fe42f 100644
--- a/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md
+++ b/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md
@@ -16,8 +16,8 @@ export default {
   parameters: {
     backgrounds: {
       options: {
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
+        twitter: { name: 'twitter', value: '#00aced' },
+        facebook: { name: 'facebook', value: '#3b5998' },
       },
     },
   },
@@ -50,8 +50,8 @@ const preview: Preview = {
   parameters: {
     backgrounds: {
       options: {
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
+        twitter: { name: 'twitter', value: '#00aced' },
+        facebook: { name: 'facebook', value: '#3b5998' },
       },
     },
   },
diff --git a/docs/_snippets/storybook-preview-use-global-type.md b/docs/_snippets/storybook-preview-use-global-type.md
index 78141a96a16d..556be7d2c729 100644
--- a/docs/_snippets/storybook-preview-use-global-type.md
+++ b/docs/_snippets/storybook-preview-use-global-type.md
@@ -8,7 +8,7 @@ const preview: Preview = {
       (story) => `<div [class]="myTheme">${story}</div>`,
       ({ globals }) => {
         return { myTheme: globals['theme'] };
-      },
+      }
     ),
   ],
 };
@@ -24,9 +24,8 @@ const preview = {
     (story, context) => {
       const selectedTheme = context.globals.theme || 'light';
       const theme = MyThemes[selectedTheme];
-      return (
-        // Your theme provider and other context providers go here
-      )
+      // Your theme provider and other context providers goes in the return statement
+      return;
     },
   ],
 };
@@ -45,9 +44,8 @@ const preview: Preview = {
     (story, context) => {
       const selectedTheme = context.globals.theme || 'light';
       const theme = MyThemes[selectedTheme];
-      return (
-        // Your theme provider and other context providers go here
-      )
+      // Your theme provider and other context providers goes in the return statement
+      return;
     },
   ],
 };
@@ -66,9 +64,8 @@ const preview: Preview = {
     (story, context) => {
       const selectedTheme = context.globals.theme || 'light';
       const theme = MyThemes[selectedTheme];
-      return (
-        // Your theme provider and other context providers go here
-      )
+      // Your theme provider and other context providers goes in the return statement
+      return;
     },
   ],
 };
diff --git a/docs/_snippets/storybook-story-layout-param.md b/docs/_snippets/storybook-story-layout-param.md
index f0403f7993e4..dbc1fc4512d7 100644
--- a/docs/_snippets/storybook-story-layout-param.md
+++ b/docs/_snippets/storybook-story-layout-param.md
@@ -18,11 +18,11 @@ export const WithLayout: Story = {
 ```
 
 ```js filename="Button.stories.js|jsx" renderer="common" language="js"
-import { Button } from './Button':
+import { Button } from './Button';
 
 export default {
   component: Button,
-}
+};
 
 export const WithLayout = {
   parameters: {
diff --git a/docs/versions/latest.json b/docs/versions/latest.json
index c342d2418325..b714189af940 100644
--- a/docs/versions/latest.json
+++ b/docs/versions/latest.json
@@ -1 +1 @@
-{"version":"8.5.0","info":{"plain":"- Addon A11y: Don't set a11y tag as comment in automigrations - [#30257](https://github.com/storybookjs/storybook/pull/30257), thanks @valentinpalkovic!\n- Addon Test: Add Vitest 3 support - [#30181](https://github.com/storybookjs/storybook/pull/30181), thanks @valentinpalkovic!\n- Interactions: Correctly load preset when absolute paths are used - [#30264](https://github.com/storybookjs/storybook/pull/30264), thanks @JReinhold!"}}
+{"version":"8.5.1","info":{"plain":"- Addon Test: Replace `interaction test` -> `component test` - [#30333](https://github.com/storybookjs/storybook/pull/30333), thanks @kylegach!\n- Addon Test: Support Vitest 3 browser.test.instances field - [#30309](https://github.com/storybookjs/storybook/pull/30309), thanks @valentinpalkovic!\n- Manager: Fix escaping of single quotes in dynamic import paths - [#30278](https://github.com/storybookjs/storybook/pull/30278), thanks @valentinpalkovic!\n- RNW-Vite: Support requires for images/fonts - [#30305](https://github.com/storybookjs/storybook/pull/30305), thanks @dannyhw!"}}
diff --git a/docs/versions/next.json b/docs/versions/next.json
index b9f5c6354f79..11743a11496b 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.5.0-beta.11","info":{"plain":"- CLI: Update a11y-test comment with experimental caveat - [#30258](https://github.com/storybookjs/storybook/pull/30258), thanks @shilman!\n- Manager API: Fix infinite render-loop caused by `useSharedState` - [#30259](https://github.com/storybookjs/storybook/pull/30259), thanks @JReinhold!"}}
+{"version":"8.6.0-alpha.1","info":{"plain":"- Addon Test: Replace `interaction test` -> `component test` - [#30333](https://github.com/storybookjs/storybook/pull/30333), thanks @kylegach!\n- Angular: Fix accent character issue - [#30276](https://github.com/storybookjs/storybook/pull/30276), thanks @valentinpalkovic!\n- Angular: Support experimental zoneless mode - [#28657](https://github.com/storybookjs/storybook/pull/28657), thanks @anedomansky!\n- CLI: Use correct storybook internals import in automigration - [#30290](https://github.com/storybookjs/storybook/pull/30290), thanks @yannbf!\n- Core: Add connection timeout notification - [#30288](https://github.com/storybookjs/storybook/pull/30288), thanks @valentinpalkovic!\n- Csf Tools: Allow ConfigFile to create more import syntaxes - [#30204](https://github.com/storybookjs/storybook/pull/30204), thanks @yannbf!\n- Manager: Escape single quotes in dynamic import paths in wrapManagerEntries function - [#30278](https://github.com/storybookjs/storybook/pull/30278), thanks @valentinpalkovic!\n- RNW-Vite: Support requires for images/fonts - [#30305](https://github.com/storybookjs/storybook/pull/30305), thanks @dannyhw!"}}